x-next 0.0.0-alpha.8 → 1.0.0

package/dist/components/message/message-list.d.ts

@@ -0,0 +1,51 @@
+import { PropType } from 'vue';
+import { IMessageItem, IMessagePosition } from './props';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    messages: {
+        type: PropType<IMessageItem[]>;
+        default: () => never[];
+    };
+    position: {
+        type: PropType<IMessagePosition>;
+        default: string;
+    };
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    renderToBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: (_id: string | number) => true;
+    afterClose: () => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    messages: {
+        type: PropType<IMessageItem[]>;
+        default: () => never[];
+    };
+    position: {
+        type: PropType<IMessagePosition>;
+        default: string;
+    };
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    renderToBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onClose?: ((_id: string | number) => any) | undefined;
+    onAfterClose?: (() => any) | undefined;
+}>, {
+    position: IMessagePosition;
+    offset: number;
+    renderToBody: boolean;
+    messages: IMessageItem[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/{componets/message/index.vue.d.ts → components/message/message.vue.d.ts}

@@ -1,8 +1,8 @@
 import { PropType } from 'vue';
-import { IMessageType, IMessage } from './props';
+import { IMessageType, IMessage, IMessagePosition } from './props';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     id: {
-        type: StringConstructor;
+        type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
     message: {
@@ -22,7 +22,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
     onClose: {
-        type: PropType<() => void>;
+        type: PropType<(id?: string | number) => void>;
         default: () => void;
     };
     offset: {
@@ -37,11 +37,28 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    icon: PropType<() => any>;
     useHTML: BooleanConstructor;
     popupClass: {
         type: StringConstructor;
         default: undefined;
     };
+    position: {
+        type: PropType<IMessagePosition>;
+        default: string;
+    };
+    resetOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    resetOnUpdate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     cn: {
         block: string;
@@ -52,13 +69,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     cls: import('vue').ComputedRef<(string | false | undefined)[]>;
     styles: import('vue').ComputedRef<{
         top: string;
-        zIndex: number;
     }>;
     visible: import('vue').Ref<boolean, boolean>;
+    hasIcon: import('vue').ComputedRef<boolean>;
+    iconRender: import('vue').ComputedRef<(() => any) | undefined>;
+    hasCustomIcon: import('vue').ComputedRef<boolean>;
     handleClose: () => void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "destroy"[], "destroy", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    handleMouseEnter: () => void;
+    handleMouseLeave: () => void;
+    handleCloseMouseDown: (ev: MouseEvent) => void;
+    closeLabel: import('vue').ComputedRef<string>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     id: {
-        type: StringConstructor;
+        type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
     message: {
@@ -78,7 +101,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
     onClose: {
-        type: PropType<() => void>;
+        type: PropType<(id?: string | number) => void>;
         default: () => void;
     };
     offset: {
@@ -93,29 +116,140 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    icon: PropType<() => any>;
     useHTML: BooleanConstructor;
     popupClass: {
         type: StringConstructor;
         default: undefined;
     };
-}>> & Readonly<{
-    onDestroy?: ((...args: any[]) => any) | undefined;
-}>, {
-    type: "success" | "warning" | "strong" | "info" | "error";
+    position: {
+        type: PropType<IMessagePosition>;
+        default: string;
+    };
+    resetOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    resetOnUpdate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    center: boolean;
+    type: "normal" | "success" | "warning" | "info" | "error" | "strong" | "loading";
+    showIcon: boolean;
+    onClose: (id?: string | number) => void;
+    duration: number;
     message: IMessage;
+    position: IMessagePosition;
     zIndex: number;
     offset: number;
-    center: boolean;
     popupClass: string;
     showClose: boolean;
-    onClose: () => void;
+    id: string | number;
     useHTML: boolean;
-    id: string;
-    duration: number;
+    resetOnHover: boolean;
+    resetOnUpdate: boolean;
 }, {}, {
+    IconHover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        prefix: {
+            type: StringConstructor;
+        };
+        size: {
+            type: PropType<"mini" | "small" | "medium" | "large" | "huge">;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        className: {
+            block: string;
+            element: (className: string) => string;
+            modifier: (className: string) => string;
+            is: (className: string) => string;
+        };
+        handleClick: (ev: MouseEvent) => void;
+        handleMousedown: (ev: MouseEvent) => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        click: (ev: MouseEvent) => true;
+        mousedown: (ev: MouseEvent) => true;
+    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        prefix: {
+            type: StringConstructor;
+        };
+        size: {
+            type: PropType<"mini" | "small" | "medium" | "large" | "huge">;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onClick?: ((ev: MouseEvent) => any) | undefined;
+        onMousedown?: ((ev: MouseEvent) => any) | undefined;
+    }>, {
+        size: "mini" | "small" | "medium" | "large" | "huge";
+        disabled: boolean;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    Close: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        rotate: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        spin: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        color: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        fillColor: {
+            type: ArrayConstructor;
+            default: undefined;
+        };
+    }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        rotate: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        spin: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        color: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        fillColor: {
+            type: ArrayConstructor;
+            default: undefined;
+        };
+    }>> & Readonly<{}>, {
+        size: string | number;
+        rotate: number;
+        spin: boolean;
+        color: string;
+        fillColor: unknown[];
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     CloseCircleFill: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         size: {
-            type: (NumberConstructor | StringConstructor)[];
+            type: (StringConstructor | NumberConstructor)[];
             default: undefined;
         };
         rotate: {
@@ -134,14 +268,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: ArrayConstructor;
             default: undefined;
         };
-    }>, {
-        cls: import('vue').ComputedRef<(string | {
-            "x-icon-loading": boolean;
-        })[]>;
-        styles: import('vue').ComputedRef<import('vue').CSSProperties>;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         size: {
-            type: (NumberConstructor | StringConstructor)[];
+            type: (StringConstructor | NumberConstructor)[];
             default: undefined;
         };
         rotate: {
@@ -169,7 +298,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     CheckCircleFill: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         size: {
-            type: (NumberConstructor | StringConstructor)[];
+            type: (StringConstructor | NumberConstructor)[];
             default: undefined;
         };
         rotate: {
@@ -188,14 +317,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: ArrayConstructor;
             default: undefined;
         };
-    }>, {
-        cls: import('vue').ComputedRef<(string | {
-            "x-icon-loading": boolean;
-        })[]>;
-        styles: import('vue').ComputedRef<import('vue').CSSProperties>;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         size: {
-            type: (NumberConstructor | StringConstructor)[];
+            type: (StringConstructor | NumberConstructor)[];
             default: undefined;
         };
         rotate: {
@@ -223,7 +347,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     ExclamationCircleFill: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         size: {
-            type: (NumberConstructor | StringConstructor)[];
+            type: (StringConstructor | NumberConstructor)[];
             default: undefined;
         };
         rotate: {
@@ -242,14 +366,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: ArrayConstructor;
             default: undefined;
         };
-    }>, {
-        cls: import('vue').ComputedRef<(string | {
-            "x-icon-loading": boolean;
-        })[]>;
-        styles: import('vue').ComputedRef<import('vue').CSSProperties>;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         size: {
-            type: (NumberConstructor | StringConstructor)[];
+            type: (StringConstructor | NumberConstructor)[];
             default: undefined;
         };
         rotate: {
@@ -277,7 +396,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     InfoCircleFill: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         size: {
-            type: (NumberConstructor | StringConstructor)[];
+            type: (StringConstructor | NumberConstructor)[];
             default: undefined;
         };
         rotate: {
@@ -296,14 +415,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: ArrayConstructor;
             default: undefined;
         };
-    }>, {
-        cls: import('vue').ComputedRef<(string | {
-            "x-icon-loading": boolean;
-        })[]>;
-        styles: import('vue').ComputedRef<import('vue').CSSProperties>;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         size: {
-            type: (NumberConstructor | StringConstructor)[];
+            type: (StringConstructor | NumberConstructor)[];
             default: undefined;
         };
         rotate: {
@@ -331,7 +445,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     MinusCircleFill: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         size: {
-            type: (NumberConstructor | StringConstructor)[];
+            type: (StringConstructor | NumberConstructor)[];
             default: undefined;
         };
         rotate: {
@@ -350,14 +464,58 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: ArrayConstructor;
             default: undefined;
         };
-    }>, {
-        cls: import('vue').ComputedRef<(string | {
-            "x-icon-loading": boolean;
-        })[]>;
-        styles: import('vue').ComputedRef<import('vue').CSSProperties>;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        rotate: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        spin: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        color: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        fillColor: {
+            type: ArrayConstructor;
+            default: undefined;
+        };
+    }>> & Readonly<{}>, {
+        size: string | number;
+        rotate: number;
+        spin: boolean;
+        color: string;
+        fillColor: unknown[];
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    AnimationLoading: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        rotate: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        spin: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        color: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        fillColor: {
+            type: ArrayConstructor;
+            default: undefined;
+        };
+    }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         size: {
-            type: (NumberConstructor | StringConstructor)[];
+            type: (StringConstructor | NumberConstructor)[];
             default: undefined;
         };
         rotate: {

package/dist/components/message/props.d.ts

@@ -0,0 +1,56 @@
+import { AppContext, RenderFunction, VNode } from 'vue';
+export declare const messageTypes: readonly ["success", "warning", "error", "strong", "info", "loading", "normal"];
+export type IMessageType = (typeof messageTypes)[number];
+export type IMessage = string | number | VNode | RenderFunction;
+export type IMessagePosition = 'top' | 'bottom';
+export interface IMessageOptions {
+    id?: string | number;
+    message?: IMessage;
+    content?: IMessage;
+    type?: IMessageType;
+    duration?: number;
+    center?: boolean;
+    onClose?: (id?: string | number) => void;
+    offset?: number;
+    renderTo?: string | HTMLElement;
+    showClose?: boolean;
+    closable?: boolean;
+    showIcon?: boolean;
+    icon?: RenderFunction;
+    useHTML?: boolean;
+    popupClass?: string;
+    position?: IMessagePosition;
+    resetOnHover?: boolean;
+}
+export interface IMessageHandler {
+    close: () => void;
+}
+export interface IMessageCaller {
+    (options: IMessageParams, appContext?: AppContext): IMessageHandler;
+}
+export interface IMessageMethods extends IMessageCaller {
+    success(message: IMessage | IMessageOptions, appContext?: AppContext): IMessageHandler;
+    error(message: IMessage | IMessageOptions, appContext?: AppContext): IMessageHandler;
+    warning(message: IMessage | IMessageOptions, appContext?: AppContext): IMessageHandler;
+    strong(message: IMessage | IMessageOptions, appContext?: AppContext): IMessageHandler;
+    info(message: IMessage | IMessageOptions, appContext?: AppContext): IMessageHandler;
+    loading(message: IMessage | IMessageOptions, appContext?: AppContext): IMessageHandler;
+    normal(message: IMessage | IMessageOptions, appContext?: AppContext): IMessageHandler;
+    clear(position?: IMessagePosition): void;
+}
+export type IMessageParams = IMessageOptions | IMessage;
+export interface IMessageItem extends Required<Pick<IMessageOptions, 'duration' | 'position'>> {
+    id: string | number;
+    message: IMessage;
+    type: IMessageType;
+    center: boolean;
+    offset: number;
+    showClose: boolean;
+    showIcon: boolean;
+    icon?: RenderFunction;
+    useHTML: boolean;
+    popupClass?: string;
+    resetOnHover: boolean;
+    onClose?: (id?: string | number) => void;
+    resetOnUpdate?: boolean;
+}

package/dist/components/message/warp.d.ts

@@ -0,0 +1,7 @@
+import { App, AppContext } from 'vue';
+import { IMessageMethods } from './props';
+declare const _default: IMessageMethods & {
+    _context?: AppContext | null;
+    install?: (app: App) => void;
+};
+export default _default;

package/dist/components/message-box/index.d.ts

@@ -0,0 +1,4 @@
+export declare const MessageBox: import('./props').MessageBoxMethods & {
+    install(app: import('vue').App): void;
+};
+export { MessageBox as default };

package/dist/{componets → components}/message-box/props.d.ts

@@ -3,11 +3,12 @@ export declare const messageBoxStaticMethods: readonly ["info", "success", "warn
 export type MessageBoxStaticMethod = (typeof messageBoxStaticMethods)[number];
 export type MessageBoxBeforeAction = () => boolean | Promise<boolean>;
 export type MessageBoxContent = string | number | VNode | RenderFunction;
+export type MessageBoxRenderResult = string | number | VNode | VNode[] | null | undefined;
 export interface MessageBoxOptions {
     title?: MessageBoxContent;
     type?: MessageBoxStaticMethod;
     content?: MessageBoxContent;
-    footer?: boolean | ((scoped: MessageBoxFooterScoped) => VNode);
+    footer?: boolean | VNode | ((scoped: MessageBoxFooterScoped) => MessageBoxRenderResult);
     okText?: string;
     cancelText?: string;
     mask?: boolean;
@@ -23,6 +24,7 @@ export interface MessageBoxOptions {
     renderTo?: string | HTMLElement;
     hideCancel?: boolean;
     hideOk?: boolean;
+    closable?: boolean;
     popupClass?: string;
 }
 export type MessageBoxFooterAction = 'cancel' | 'ok';
@@ -35,10 +37,14 @@ export interface MessageBoxFooterScoped {
     };
 }
 export interface MessageBoxCaller {
-    (options: MessageBoxOptions): void;
+    (options: MessageBoxOptions): MessageBoxReturn;
 }
 export type MessageBoxChainArgs = [() => boolean | Promise<boolean>, () => void] | [() => void];
-export interface MessageBoxMethodReturn {
+export interface MessageBoxReturn {
+    close(): void;
+    update(options: Partial<MessageBoxOptions>): void;
+}
+export interface MessageBoxMethodReturn extends MessageBoxReturn {
     ok(...args: MessageBoxChainArgs): any;
     cancel(...args: MessageBoxChainArgs): any;
 }
@@ -48,5 +54,6 @@ export interface MessageBoxMethods extends MessageBoxCaller {
     warning(title: MessageBoxContent, content?: MessageBoxContent): MessageBoxMethodReturn;
     strong(title: MessageBoxContent, content?: MessageBoxContent): MessageBoxMethodReturn;
     error(title: MessageBoxContent, content?: MessageBoxContent): MessageBoxMethodReturn;
+    destroyAll(): void;
 }
 export type MessageBoxMethodOption = string | MessageBoxOptions;

package/dist/components/message-box/warp.d.ts

@@ -0,0 +1,2 @@
+import { default as MessageBox } from './MessageBox';
+export default MessageBox;