| | |
| | | import type { ModalFunc, ModalFuncProps } from 'ant-design-vue/lib/modal/Modal'; |
| | | import type { MessageApi } from 'ant-design-vue/lib/message'; |
| | | import type { VNodeTypes, CSSProperties } from 'vue'; |
| | | |
| | | import { Modal, message as Message, notification } from 'ant-design-vue'; |
| | | import { InfoCircleFilled, CheckCircleFilled, CloseCircleFilled } from '@ant-design/icons-vue'; |
| | | |
| | | import { useSetting } from '/@/hooks/core/useSetting'; |
| | | import { ArgsProps, ConfigProps } from 'ant-design-vue/lib/notification'; |
| | | |
| | | export interface ArgsProps { |
| | | message: VNodeTypes; |
| | | description?: VNodeTypes; |
| | | btn?: VNodeTypes; |
| | | key?: string; |
| | | onClose?: () => void; |
| | | duration?: number | null; |
| | | icon?: VNodeTypes; |
| | | placement?: NotificationPlacement; |
| | | style?: CSSProperties; |
| | | prefixCls?: string; |
| | | class?: string; |
| | | readonly type?: IconType; |
| | | onClick?: () => void; |
| | | top?: number; |
| | | bottom?: number; |
| | | getContainer?: () => HTMLElement; |
| | | closeIcon?: VNodeTypes; |
| | | export interface NotifyApi { |
| | | info(config: ArgsProps): void; |
| | | success(config: ArgsProps): void; |
| | | error(config: ArgsProps): void; |
| | | warn(config: ArgsProps): void; |
| | | warning(config: ArgsProps): void; |
| | | open(args: ArgsProps): void; |
| | | close(key: String): void; |
| | | config(options: ConfigProps): void; |
| | | destroy(): void; |
| | | } |
| | | |
| | | export declare type NotificationPlacement = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight'; |
| | | export declare type IconType = 'success' | 'info' | 'error' | 'warning'; |
| | | export interface ConfigProps { |
| | | top?: string | number; |
| | | bottom?: string | number; |
| | | duration?: number; |
| | | placement?: NotificationPlacement; |
| | | getContainer?: () => HTMLElement; |
| | | closeIcon?: VNodeTypes; |
| | | } |
| | | |
| | | export interface ModalOptionsEx extends Omit<ModalFuncProps, 'iconType'> { |
| | | iconType: 'warning' | 'success' | 'error' | 'info'; |
| | | } |
| | |
| | | export function useMessage() { |
| | | return { |
| | | createMessage: Message as MessageApi, |
| | | notification: notification as (arg: ArgsProps) => void, |
| | | notification: notification as NotifyApi, |
| | | createConfirm: createConfirm, |
| | | createSuccessModal, |
| | | createErrorModal, |