|
|
|
@ -1,43 +1,26 @@ |
|
|
|
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'; |
|
|
|
} |
|
|
|
@ -118,7 +101,7 @@ notification.config({ |
|
|
|
export function useMessage() { |
|
|
|
return { |
|
|
|
createMessage: Message as MessageApi, |
|
|
|
notification: notification as (arg: ArgsProps) => void, |
|
|
|
notification: notification as NotifyApi, |
|
|
|
createConfirm: createConfirm, |
|
|
|
createSuccessModal, |
|
|
|
createErrorModal, |
|
|
|
|