mirror of
https://gitee.com/ant-design-vue/ant-design-vue.git
synced 2024-12-01 03:28:42 +08:00
132 lines
2.9 KiB
TypeScript
132 lines
2.9 KiB
TypeScript
// Project: https://github.com/vueComponent/ant-design-vue
|
|
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
|
|
import { AntdComponent } from './component';
|
|
import { VNode } from 'vue';
|
|
|
|
export interface NotificationOptions {
|
|
/**
|
|
* Customized close button
|
|
* @type VNode | Function
|
|
*/
|
|
btn?: VNode | Function;
|
|
|
|
/**
|
|
* Customized CSS class
|
|
* @type string
|
|
*/
|
|
class?: string;
|
|
|
|
/**
|
|
* The content of notification box (required)
|
|
* @type string | VNode | Function
|
|
*/
|
|
description: string | VNode | Function;
|
|
|
|
/**
|
|
* Time in seconds before Notification is closed. When set to 0 or null, it will never be closed automatically
|
|
* @default 4.5
|
|
* @type number
|
|
*/
|
|
duration?: number;
|
|
|
|
/**
|
|
* Customized icon
|
|
* @type VNode | Function
|
|
*/
|
|
icon?: VNode | Function;
|
|
|
|
/**
|
|
* The unique identifier of the Notification
|
|
* @type string
|
|
*/
|
|
key?: string;
|
|
|
|
/**
|
|
* The title of notification box (required)
|
|
* @type string | VNode | Function
|
|
*/
|
|
message: string | VNode | Function;
|
|
|
|
/**
|
|
* Position of Notification, can be one of topLeft topRight bottomLeft bottomRight
|
|
* @default 'topRight'
|
|
* @type string
|
|
*/
|
|
placement?: string;
|
|
|
|
/**
|
|
* Customized inline style
|
|
* @type object | string
|
|
*/
|
|
style?: object | string;
|
|
|
|
/**
|
|
* Specify a function that will be called when the close button is clicked
|
|
* @type Function
|
|
*/
|
|
onClose?: Function;
|
|
|
|
/**
|
|
* Specify a function that will be called when the notification is clicked
|
|
* @type Function
|
|
*/
|
|
onClick?: Function;
|
|
}
|
|
|
|
export interface NotificationConfigOptions {
|
|
/**
|
|
* Distance from the bottom of the viewport, when placement is bottomRight or bottomLeft (unit: pixels).
|
|
* @default '24px'
|
|
* @type string
|
|
*/
|
|
bottom?: string;
|
|
|
|
/**
|
|
* Time in seconds before Notification is closed. When set to 0 or null, it will never be closed automatically
|
|
* @default 4.5
|
|
* @type number
|
|
*/
|
|
duration?: number;
|
|
|
|
/**
|
|
* Return the mount node for Notification
|
|
* @default () => document.body
|
|
* @type Function
|
|
*/
|
|
getContainer?: () => HTMLElement;
|
|
|
|
/**
|
|
* Position of Notification, can be one of topLeft topRight bottomLeft bottomRight
|
|
* @default 'topRight'
|
|
* @type string
|
|
*/
|
|
placement?: string;
|
|
|
|
/**
|
|
* Distance from the top of the viewport, when placement is topRight or topLeft (unit: pixels).
|
|
* @default '24px'
|
|
* @type string
|
|
*/
|
|
top?: string;
|
|
}
|
|
|
|
export declare class Notification {
|
|
success(config: NotificationOptions): void;
|
|
warning(config: NotificationOptions): void;
|
|
warn(config: NotificationOptions): void;
|
|
info(config: NotificationOptions): void;
|
|
error(config: NotificationOptions): void;
|
|
open(config: NotificationOptions): void;
|
|
config(options: NotificationConfigOptions): void;
|
|
close(key: string): void;
|
|
destroy(): void;
|
|
}
|
|
|
|
declare module 'vue/types/vue' {
|
|
interface Vue {
|
|
$notification: Notification;
|
|
}
|
|
}
|