@koi-design/uxd-ui 13.2.8 → 14.0.1

package/lib/components/Modal/Modal.vue.d.ts

@@ -9,7 +9,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-    title: StringConstructor;
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
     closable: {
         type: BooleanConstructor;
         default: boolean;
@@ -47,13 +54,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     zIndex: NumberConstructor;
     closeIcon: {
         type: import("vue").PropType<import("../..").IconPropType>;
-        default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        default: () => import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
     };
     afterClose: import("vue").PropType<() => void>;
-    vertical: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     locale: import("vue").PropType<import("../locale/default").ModalLocal>;
     top: {
         type: NumberConstructor;
@@ -115,7 +118,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     handleAnimationEnd: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:visible': (v: boolean) => boolean;
-    close: (type: "close" | "cancel" | "esc" | "mask") => boolean;
+    close: (type: "mask" | "close" | "cancel" | "esc") => boolean;
     ok: (e: Event) => boolean;
     'after-visible-change': (v: boolean) => boolean;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -127,7 +130,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-    title: StringConstructor;
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
     closable: {
         type: BooleanConstructor;
         default: boolean;
@@ -165,13 +175,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     zIndex: NumberConstructor;
     closeIcon: {
         type: import("vue").PropType<import("../..").IconPropType>;
-        default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        default: () => import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
     };
     afterClose: import("vue").PropType<() => void>;
-    vertical: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     locale: import("vue").PropType<import("../locale/default").ModalLocal>;
     top: {
         type: NumberConstructor;
@@ -198,7 +204,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         validator: (val: string) => boolean;
     };
 }>> & Readonly<{
-    onClose?: (type: "close" | "cancel" | "esc" | "mask") => any;
+    onClose?: (type: "mask" | "close" | "cancel" | "esc") => any;
     "onUpdate:visible"?: (v: boolean) => any;
     onOk?: (e: Event) => any;
     "onAfter-visible-change"?: (v: boolean) => any;
@@ -207,16 +213,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     top: number;
     closable: boolean;
     size: "small" | "default";
-    visible: boolean;
     width: string | number;
-    vertical: boolean;
     mask: boolean;
+    description: string;
+    visible: boolean;
+    title: string;
     parentDom: import("..").ParentDom;
     maskClosable: boolean;
     fullScreen: boolean;
     draggable: boolean;
     footerHide: boolean;
-    closeIcon: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    closeIcon: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
     customClass: string[];
     dialogStyle: CSSProperties;
 }, {}, {
@@ -350,7 +357,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, string, {
         color: string;
         spin: boolean;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
     UButton: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
             type: {
@@ -565,7 +572,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, string, {
                 color: string;
                 spin: boolean;
-            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
+            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
         } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
@@ -870,8 +877,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }, string, {
             color: string;
             spin: boolean;
-        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
-    } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & {
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+    } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & {
         Group: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             size: {
                 type: import("vue").PropType<"small" | "default" | "large">;

package/lib/components/Modal/index.d.ts

@@ -19,7 +19,14 @@ export declare const UModal: ({
             type: BooleanConstructor;
             default: boolean;
         };
-        title: StringConstructor;
+        title: {
+            type: StringConstructor;
+            default: string;
+        };
+        description: {
+            type: StringConstructor;
+            default: string;
+        };
         closable: {
             type: BooleanConstructor;
             default: boolean;
@@ -57,13 +64,9 @@ export declare const UModal: ({
         zIndex: NumberConstructor;
         closeIcon: {
             type: import("vue").PropType<import("../..").IconPropType>;
-            default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+            default: () => import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
         };
         afterClose: import("vue").PropType<() => void>;
-        vertical: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
         locale: import("vue").PropType<import("../locale/default").ModalLocal>;
         top: {
             type: NumberConstructor;
@@ -90,7 +93,7 @@ export declare const UModal: ({
             validator: (val: string) => boolean;
         };
     }>> & Readonly<{
-        onClose?: (type: "close" | "cancel" | "esc" | "mask") => any;
+        onClose?: (type: "mask" | "close" | "cancel" | "esc") => any;
         "onUpdate:visible"?: (v: boolean) => any;
         onOk?: (e: Event) => any;
         "onAfter-visible-change"?: (v: boolean) => any;
@@ -120,7 +123,7 @@ export declare const UModal: ({
             eventY: number;
             dragging: boolean;
         };
-        handleClose: (type: "close" | "cancel" | "esc" | "mask") => void;
+        handleClose: (type: "mask" | "close" | "cancel" | "esc") => void;
         handleOk: (e: Event) => void;
         onMaskClick: (e: Event) => void;
         onMaskMouseDown: () => void;
@@ -130,7 +133,7 @@ export declare const UModal: ({
         handleAnimationEnd: () => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:visible': (v: boolean) => boolean;
-        close: (type: "close" | "cancel" | "esc" | "mask") => boolean;
+        close: (type: "mask" | "close" | "cancel" | "esc") => boolean;
         ok: (e: Event) => boolean;
         'after-visible-change': (v: boolean) => boolean;
     }, import("vue").PublicProps, {
@@ -138,16 +141,17 @@ export declare const UModal: ({
         top: number;
         closable: boolean;
         size: "small" | "default";
-        visible: boolean;
         width: string | number;
-        vertical: boolean;
         mask: boolean;
+        description: string;
+        visible: boolean;
+        title: string;
         parentDom: import("..").ParentDom;
         maskClosable: boolean;
         fullScreen: boolean;
         draggable: boolean;
         footerHide: boolean;
-        closeIcon: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        closeIcon: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
         customClass: string[];
         dialogStyle: import("vue").CSSProperties;
     }, true, {}, {}, {
@@ -281,7 +285,7 @@ export declare const UModal: ({
         }, string, {
             color: string;
             spin: boolean;
-        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
         UButton: {
             new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                 type: {
@@ -496,7 +500,7 @@ export declare const UModal: ({
                 }, string, {
                     color: string;
                     spin: boolean;
-                }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
+                }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
             } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                 P: {};
                 B: {};
@@ -801,8 +805,8 @@ export declare const UModal: ({
             }, string, {
                 color: string;
                 spin: boolean;
-            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
-        } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & {
+            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+        } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & {
             Group: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                 size: {
                     type: import("vue").PropType<"small" | "default" | "large">;
@@ -857,7 +861,14 @@ export declare const UModal: ({
             type: BooleanConstructor;
             default: boolean;
         };
-        title: StringConstructor;
+        title: {
+            type: StringConstructor;
+            default: string;
+        };
+        description: {
+            type: StringConstructor;
+            default: string;
+        };
         closable: {
             type: BooleanConstructor;
             default: boolean;
@@ -895,13 +906,9 @@ export declare const UModal: ({
         zIndex: NumberConstructor;
         closeIcon: {
             type: import("vue").PropType<import("../..").IconPropType>;
-            default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+            default: () => import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
         };
         afterClose: import("vue").PropType<() => void>;
-        vertical: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
         locale: import("vue").PropType<import("../locale/default").ModalLocal>;
         top: {
             type: NumberConstructor;
@@ -928,7 +935,7 @@ export declare const UModal: ({
             validator: (val: string) => boolean;
         };
     }>> & Readonly<{
-        onClose?: (type: "close" | "cancel" | "esc" | "mask") => any;
+        onClose?: (type: "mask" | "close" | "cancel" | "esc") => any;
         "onUpdate:visible"?: (v: boolean) => any;
         onOk?: (e: Event) => any;
         "onAfter-visible-change"?: (v: boolean) => any;
@@ -958,7 +965,7 @@ export declare const UModal: ({
             eventY: number;
             dragging: boolean;
         };
-        handleClose: (type: "close" | "cancel" | "esc" | "mask") => void;
+        handleClose: (type: "mask" | "close" | "cancel" | "esc") => void;
         handleOk: (e: Event) => void;
         onMaskClick: (e: Event) => void;
         onMaskMouseDown: () => void;
@@ -971,16 +978,17 @@ export declare const UModal: ({
         top: number;
         closable: boolean;
         size: "small" | "default";
-        visible: boolean;
         width: string | number;
-        vertical: boolean;
         mask: boolean;
+        description: string;
+        visible: boolean;
+        title: string;
         parentDom: import("..").ParentDom;
         maskClosable: boolean;
         fullScreen: boolean;
         draggable: boolean;
         footerHide: boolean;
-        closeIcon: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        closeIcon: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
         customClass: string[];
         dialogStyle: import("vue").CSSProperties;
     }>;
@@ -996,7 +1004,14 @@ export declare const UModal: ({
         type: BooleanConstructor;
         default: boolean;
     };
-    title: StringConstructor;
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
     closable: {
         type: BooleanConstructor;
         default: boolean;
@@ -1034,13 +1049,9 @@ export declare const UModal: ({
     zIndex: NumberConstructor;
     closeIcon: {
         type: import("vue").PropType<import("../..").IconPropType>;
-        default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        default: () => import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
     };
     afterClose: import("vue").PropType<() => void>;
-    vertical: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     locale: import("vue").PropType<import("../locale/default").ModalLocal>;
     top: {
         type: NumberConstructor;
@@ -1067,7 +1078,7 @@ export declare const UModal: ({
         validator: (val: string) => boolean;
     };
 }>> & Readonly<{
-    onClose?: (type: "close" | "cancel" | "esc" | "mask") => any;
+    onClose?: (type: "mask" | "close" | "cancel" | "esc") => any;
     "onUpdate:visible"?: (v: boolean) => any;
     onOk?: (e: Event) => any;
     "onAfter-visible-change"?: (v: boolean) => any;
@@ -1097,7 +1108,7 @@ export declare const UModal: ({
         eventY: number;
         dragging: boolean;
     };
-    handleClose: (type: "close" | "cancel" | "esc" | "mask") => void;
+    handleClose: (type: "mask" | "close" | "cancel" | "esc") => void;
     handleOk: (e: Event) => void;
     onMaskClick: (e: Event) => void;
     onMaskMouseDown: () => void;
@@ -1107,7 +1118,7 @@ export declare const UModal: ({
     handleAnimationEnd: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:visible': (v: boolean) => boolean;
-    close: (type: "close" | "cancel" | "esc" | "mask") => boolean;
+    close: (type: "mask" | "close" | "cancel" | "esc") => boolean;
     ok: (e: Event) => boolean;
     'after-visible-change': (v: boolean) => boolean;
 }, string, {
@@ -1115,16 +1126,17 @@ export declare const UModal: ({
     top: number;
     closable: boolean;
     size: "small" | "default";
-    visible: boolean;
     width: string | number;
-    vertical: boolean;
     mask: boolean;
+    description: string;
+    visible: boolean;
+    title: string;
     parentDom: import("..").ParentDom;
     maskClosable: boolean;
     fullScreen: boolean;
     draggable: boolean;
     footerHide: boolean;
-    closeIcon: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    closeIcon: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
     customClass: string[];
     dialogStyle: import("vue").CSSProperties;
 }, {}, string, {}, {
@@ -1258,7 +1270,7 @@ export declare const UModal: ({
     }, string, {
         color: string;
         spin: boolean;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
     UButton: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
             type: {
@@ -1473,7 +1485,7 @@ export declare const UModal: ({
             }, string, {
                 color: string;
                 spin: boolean;
-            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
+            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
         } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
@@ -1778,8 +1790,8 @@ export declare const UModal: ({
         }, string, {
             color: string;
             spin: boolean;
-        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
-    } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & {
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+    } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & {
         Group: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             size: {
                 type: import("vue").PropType<"small" | "default" | "large">;
@@ -1818,7 +1830,7 @@ export declare const UModal: ({
             vertical: boolean;
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     };
-} & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>) & {
+} & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>) & {
     info: ModalFunc;
     success: ModalFunc;
     error: ModalFunc;

package/lib/components/Modal/index.js

@@ -9,7 +9,7 @@ var install = require('../../utils/install.js');
 const info = (props) => {
   const config = {
     type: "info",
-    iconName: "USolidInfoCircle",
+    iconName: "Info",
     okCancel: false,
     okText: "Ok",
     ...props
@@ -19,7 +19,7 @@ const info = (props) => {
 const success = (props) => {
   const config = {
     type: "success",
-    iconName: "USolidCheckmarkCircle",
+    iconName: "CheckCircle",
     okCancel: false,
     okText: "Ok",
     ...props
@@ -29,7 +29,7 @@ const success = (props) => {
 const error = (props) => {
   const config = {
     type: "error",
-    iconName: "USolidAlertCircle",
+    iconName: "CircleX",
     okCancel: false,
     okText: "Ok",
     ...props
@@ -39,7 +39,7 @@ const error = (props) => {
 const warn = (props) => {
   const config = {
     type: "warning",
-    iconName: "USolidHelpCircle",
+    iconName: "HelpCircle",
     okCancel: false,
     okText: "Ok",
     ...props
@@ -49,7 +49,7 @@ const warn = (props) => {
 const confirm = (props) => {
   const config = {
     type: "confirm",
-    iconName: "URoundHelpCircle",
+    iconName: "HelpCircle",
     okCancel: true,
     ...props
   };

package/lib/components/Modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Modal/index.ts"],"sourcesContent":["import Modal from './Modal.vue';\nimport modalConfirm, { destroyFns } from './hooks/confirm';\nimport type { ConfirmDialogProps } from './Modal.type';\nimport { withInstall } from '../../utils/install';\n// import useGlobalConfig from '../base/hooks/useGlobalConfig';\n\n// const { config: globalConfig } = useGlobalConfig('modal');\nexport type ModalFunc = (props: Partial<ConfirmDialogProps>) => ReturnType<typeof modalConfirm>;\n\nconst info: ModalFunc = (props) => {\n  const config = {\n    type: 'info',\n    iconName: 'USolidInfoCircle',\n    okCancel: false,\n    okText: 'Ok',\n    // okText: globalConfig.locale.modal.okText\n    ...props\n  };\n  return modalConfirm(config);\n};\n\nconst success: ModalFunc = (props) => {\n  const config = {\n    type: 'success',\n    iconName: 'USolidCheckmarkCircle',\n    okCancel: false,\n    okText: 'Ok',\n    // okText: globalConfig.locale.modal.okText\n    ...props\n  };\n\n  return modalConfirm(config);\n};\n\nconst error: ModalFunc = (props) => {\n  const config = {\n    type: 'error',\n    iconName: 'USolidAlertCircle',\n    okCancel: false,\n    okText: 'Ok',\n    // okText: globalConfig.locale.modal.okText\n    ...props\n  };\n\n  return modalConfirm(config);\n};\nconst warn: ModalFunc = (props) => {\n  const config = {\n    type: 'warning',\n    iconName: 'USolidHelpCircle',\n    okCancel: false,\n    okText: 'Ok',\n    // okText: globalConfig.locale.modal.okText\n    ...props\n  };\n\n  return modalConfirm(config as ConfirmDialogProps);\n};\n\nconst confirm: ModalFunc = (props) => {\n  const config = {\n    type: 'confirm',\n    iconName: 'URoundHelpCircle',\n    okCancel: true,\n    ...props\n  };\n\n  return modalConfirm(config);\n};\n\nexport const ModalFunction = {\n  info,\n  success,\n  error,\n  warn,\n  confirm,\n  remove: () => {\n    while (destroyFns.length) {\n      const close = destroyFns.pop();\n      if (close) {\n        close();\n      }\n    }\n  }\n};\n\nconst UModalBase = withInstall(Modal);\n\nexport const UModal = UModalBase as typeof UModalBase & typeof ModalFunction;\n\nUModal.info = info;\nUModal.success = success;\nUModal.error = error;\nUModal.warn = warn;\nUModal.confirm = confirm;\nUModal.remove = () => {\n  while (destroyFns.length) {\n    const close = destroyFns.pop();\n    if (close) {\n      close();\n    }\n  }\n};\n\nexport default UModal;\n"],"names":["modalConfirm","destroyFns","withInstall","Modal"],"mappings":";;;;;;;;AASA,MAAM,OAAkB,CAAC,UAAU;AACjC,QAAM,SAAS;AAAA,IACb,MAAM;AAAA,IACN,UAAU;AAAA,IACV,UAAU;AAAA,IACV,QAAQ;AAAA,IAER,GAAG;AAAA;AAEL,SAAOA,qBAAa,MAAM;AAC5B;AAEA,MAAM,UAAqB,CAAC,UAAU;AACpC,QAAM,SAAS;AAAA,IACb,MAAM;AAAA,IACN,UAAU;AAAA,IACV,UAAU;AAAA,IACV,QAAQ;AAAA,IAER,GAAG;AAAA;AAGL,SAAOA,qBAAa,MAAM;AAC5B;AAEA,MAAM,QAAmB,CAAC,UAAU;AAClC,QAAM,SAAS;AAAA,IACb,MAAM;AAAA,IACN,UAAU;AAAA,IACV,UAAU;AAAA,IACV,QAAQ;AAAA,IAER,GAAG;AAAA;AAGL,SAAOA,qBAAa,MAAM;AAC5B;AACA,MAAM,OAAkB,CAAC,UAAU;AACjC,QAAM,SAAS;AAAA,IACb,MAAM;AAAA,IACN,UAAU;AAAA,IACV,UAAU;AAAA,IACV,QAAQ;AAAA,IAER,GAAG;AAAA;AAGL,SAAOA,qBAAa,MAA4B;AAClD;AAEA,MAAM,UAAqB,CAAC,UAAU;AACpC,QAAM,SAAS;AAAA,IACb,MAAM;AAAA,IACN,UAAU;AAAA,IACV,UAAU;AAAA,IACV,GAAG;AAAA;AAGL,SAAOA,qBAAa,MAAM;AAC5B;MAEa,gBAAgB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ,MAAM;AACZ,WAAOC,qBAAW,QAAQ;AACxB,YAAM,QAAQA,qBAAW;AACzB,UAAI,OAAO;AACT;AAAM;AACR;AACF;AAEJ;AAEA,MAAM,aAAaC,oBAAYC,gBAAK;MAEvB,SAAS;AAEtB,OAAO,OAAO;AACd,OAAO,UAAU;AACjB,OAAO,QAAQ;AACf,OAAO,OAAO;AACd,OAAO,UAAU;AACjB,OAAO,SAAS,MAAM;AACpB,SAAOF,qBAAW,QAAQ;AACxB,UAAM,QAAQA,qBAAW;AACzB,QAAI,OAAO;AACT;AAAM;AACR;AAEJ;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Modal/index.ts"],"sourcesContent":["import Modal from './Modal.vue';\nimport modalConfirm, { destroyFns } from './hooks/confirm';\nimport type { ConfirmDialogProps } from './Modal.type';\nimport { withInstall } from '../../utils/install';\n// import useGlobalConfig from '../base/hooks/useGlobalConfig';\n\n// const { config: globalConfig } = useGlobalConfig('modal');\nexport type ModalFunc = (props: Partial<ConfirmDialogProps>) => ReturnType<typeof modalConfirm>;\n\nconst info: ModalFunc = (props) => {\n  const config = {\n    type: 'info',\n    iconName: 'Info',\n    okCancel: false,\n    okText: 'Ok',\n    // okText: globalConfig.locale.modal.okText\n    ...props\n  };\n  return modalConfirm(config);\n};\n\nconst success: ModalFunc = (props) => {\n  const config = {\n    type: 'success',\n    iconName: 'CheckCircle',\n    okCancel: false,\n    okText: 'Ok',\n    // okText: globalConfig.locale.modal.okText\n    ...props\n  };\n\n  return modalConfirm(config);\n};\n\nconst error: ModalFunc = (props) => {\n  const config = {\n    type: 'error',\n    iconName: 'CircleX',\n    okCancel: false,\n    okText: 'Ok',\n    // okText: globalConfig.locale.modal.okText\n    ...props\n  };\n\n  return modalConfirm(config);\n};\nconst warn: ModalFunc = (props) => {\n  const config = {\n    type: 'warning',\n    iconName: 'HelpCircle',\n    okCancel: false,\n    okText: 'Ok',\n    // okText: globalConfig.locale.modal.okText\n    ...props\n  };\n\n  return modalConfirm(config as ConfirmDialogProps);\n};\n\nconst confirm: ModalFunc = (props) => {\n  const config = {\n    type: 'confirm',\n    iconName: 'HelpCircle',\n    okCancel: true,\n    ...props\n  };\n\n  return modalConfirm(config);\n};\n\nexport const ModalFunction = {\n  info,\n  success,\n  error,\n  warn,\n  confirm,\n  remove: () => {\n    while (destroyFns.length) {\n      const close = destroyFns.pop();\n      if (close) {\n        close();\n      }\n    }\n  }\n};\n\nconst UModalBase = withInstall(Modal);\n\nexport const UModal = UModalBase as typeof UModalBase & typeof ModalFunction;\n\nUModal.info = info;\nUModal.success = success;\nUModal.error = error;\nUModal.warn = warn;\nUModal.confirm = confirm;\nUModal.remove = () => {\n  while (destroyFns.length) {\n    const close = destroyFns.pop();\n    if (close) {\n      close();\n    }\n  }\n};\n\nexport default UModal;\n"],"names":["modalConfirm","destroyFns","withInstall","Modal"],"mappings":";;;;;;;;AASA,MAAM,OAAkB,CAAC,UAAU;AACjC,QAAM,SAAS;AAAA,IACb,MAAM;AAAA,IACN,UAAU;AAAA,IACV,UAAU;AAAA,IACV,QAAQ;AAAA,IAER,GAAG;AAAA;AAEL,SAAOA,qBAAa,MAAM;AAC5B;AAEA,MAAM,UAAqB,CAAC,UAAU;AACpC,QAAM,SAAS;AAAA,IACb,MAAM;AAAA,IACN,UAAU;AAAA,IACV,UAAU;AAAA,IACV,QAAQ;AAAA,IAER,GAAG;AAAA;AAGL,SAAOA,qBAAa,MAAM;AAC5B;AAEA,MAAM,QAAmB,CAAC,UAAU;AAClC,QAAM,SAAS;AAAA,IACb,MAAM;AAAA,IACN,UAAU;AAAA,IACV,UAAU;AAAA,IACV,QAAQ;AAAA,IAER,GAAG;AAAA;AAGL,SAAOA,qBAAa,MAAM;AAC5B;AACA,MAAM,OAAkB,CAAC,UAAU;AACjC,QAAM,SAAS;AAAA,IACb,MAAM;AAAA,IACN,UAAU;AAAA,IACV,UAAU;AAAA,IACV,QAAQ;AAAA,IAER,GAAG;AAAA;AAGL,SAAOA,qBAAa,MAA4B;AAClD;AAEA,MAAM,UAAqB,CAAC,UAAU;AACpC,QAAM,SAAS;AAAA,IACb,MAAM;AAAA,IACN,UAAU;AAAA,IACV,UAAU;AAAA,IACV,GAAG;AAAA;AAGL,SAAOA,qBAAa,MAAM;AAC5B;MAEa,gBAAgB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ,MAAM;AACZ,WAAOC,qBAAW,QAAQ;AACxB,YAAM,QAAQA,qBAAW;AACzB,UAAI,OAAO;AACT;AAAM;AACR;AACF;AAEJ;AAEA,MAAM,aAAaC,oBAAYC,gBAAK;MAEvB,SAAS;AAEtB,OAAO,OAAO;AACd,OAAO,UAAU;AACjB,OAAO,QAAQ;AACf,OAAO,OAAO;AACd,OAAO,UAAU;AACjB,OAAO,SAAS,MAAM;AACpB,SAAOF,qBAAW,QAAQ;AACxB,UAAM,QAAQA,qBAAW;AACzB,QAAI,OAAO;AACT;AAAM;AACR;AAEJ;;;;;;"}

package/lib/components/Notice/Notice.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 require('../Notification/index.js');
 var index = require('../Icon/index.js');
-var uxdIcon = require('@koi-design/uxd-icon');
+var lucideVueNext = require('lucide-vue-next');
 var Notification = require('../Notification/Notification.js');
 
 let prefixCls = "uui-notice";
@@ -19,10 +19,10 @@ const noticeInstance = {};
 const transitionName = "move-notice";
 let maxCount;
 const iconTypes = {
-  info: [uxdIcon.ULineInfoCircle, uxdIcon.USolidInfoCircle],
-  success: [uxdIcon.USolidCheckmarkCircle, uxdIcon.ULineCheckmarkCircle],
-  warning: [uxdIcon.USolidAlertCircle, uxdIcon.ULineAlertCircle],
-  error: [uxdIcon.USolidCloseCircle, uxdIcon.URoundCloseCircle]
+  info: [lucideVueNext.Info, lucideVueNext.Info],
+  success: [lucideVueNext.CircleCheck, lucideVueNext.CircleCheck],
+  warning: [lucideVueNext.CircleAlert, lucideVueNext.CircleAlert],
+  error: [lucideVueNext.CircleX, lucideVueNext.CircleX]
 };
 const getStyle = (placement, top = defaultTop, bottom = defaultBottom) => {
   let style;

package/lib/components/Notice/Notice.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notice.js","sources":["../../../../src/components/Notice/Notice.tsx"],"sourcesContent":["import type { Component } from 'vue';\nimport Notification from '@uxd-ui/components/Notification';\nimport UIcon from '@uxd-ui/components/Icon';\nimport {\n  USolidInfoCircle,\n  ULineInfoCircle,\n  USolidCheckmarkCircle,\n  ULineCheckmarkCircle,\n  USolidAlertCircle,\n  ULineAlertCircle,\n  USolidCloseCircle,\n  URoundCloseCircle\n} from '@koi-design/uxd-icon';\nimport type { NoticationPublicInstance } from '../Notification/Notication.type';\nimport type { Notice, NoticeOptions, NoticeParams, NoticePlacement, NoticeType } from './Notice.type';\n\nlet prefixCls = 'uui-notice';\nconst prefixKey = 'uui_notice_key_';\nlet defaultDuration = 4.5;\nlet defaultPlacement: NoticePlacement = 'top-right';\nlet defaultBottom = '24px';\nlet defaultTop = '24px';\nlet key = 0;\nconst noticeInstance: Record<string, NoticationPublicInstance> = {};\nconst transitionName = 'move-notice';\nlet maxCount: number;\n\nconst iconTypes: Record<NoticeType, Component[]> = {\n  info: [ULineInfoCircle, USolidInfoCircle],\n  success: [USolidCheckmarkCircle, ULineCheckmarkCircle],\n  warning: [USolidAlertCircle, ULineAlertCircle],\n  error: [USolidCloseCircle, URoundCloseCircle]\n};\n\nconst getStyle = (placement: NoticePlacement, top = defaultTop, bottom = defaultBottom) => {\n  let style;\n  switch (placement) {\n    case 'top-left':\n      style = {\n        left: '0px',\n        top,\n        bottom: 'auto'\n      };\n      break;\n    case 'top-right':\n      style = {\n        right: '0px',\n        top,\n        bottom: 'auto'\n      };\n      break;\n    case 'bottom-left':\n      style = {\n        left: '0px',\n        top: 'auto',\n        bottom\n      };\n      break;\n    default:\n      style = {\n        right: '0px',\n        top: 'auto',\n        bottom\n      };\n      break;\n  }\n  return style;\n};\n\nconst getNoticeInstance = ({ placement = defaultPlacement, top, bottom }: NoticeParams) => {\n  const cls = `${prefixCls}-${placement}`;\n  if (noticeInstance[cls]) {\n    return noticeInstance[cls];\n  }\n  const instance: NoticationPublicInstance = Notification.newInstance({\n    prefixCls,\n    class: cls,\n    style: getStyle(placement, top, bottom),\n    transitionName,\n    maxCount,\n    type: 'notice'\n  });\n  noticeInstance[cls] = instance;\n  return instance;\n};\n\nconst notice = (args: NoticeParams) => {\n  const { type, iconType: propIconType, iconClass, title, desc, placement, top, bottom, btn } = args;\n  const duration = args.duration !== undefined ? args.duration : defaultDuration;\n  let iconType = propIconType || undefined;\n  if (type && !iconType) {\n    iconType = desc ? iconTypes[type][1] : iconTypes[type][0];\n  }\n  key += 1;\n  const target = args.key || `${prefixKey}${key}`;\n  const instance = getNoticeInstance({\n    placement,\n    top,\n    bottom\n  } as NoticeParams);\n\n  // const computedColor = {\n  //   info: 'blue',\n  //   error: 'red',\n  //   warning: 'orange',\n  //   success: 'green'\n  // };\n\n  const IconNode = iconType ? (\n    <span class={`${prefixCls}-icon ${prefixCls}-icon-${type}`} data-color={type || undefined}>\n      <UIcon class={`${iconClass || ''}`}>\n        <iconType />\n      </UIcon>\n    </span>\n  ) : null;\n  const withIconCls = iconType ? `${prefixCls}-with-icon ${prefixCls}-with-${type} ` : '';\n  const withDescCls = desc ? `${prefixCls}-with-desc` : '';\n  instance.notice({\n    key: target,\n    duration,\n    closable: true,\n    onClose: args.onClose,\n    style: args.style || {},\n    class: args.class,\n    content: () => (\n      <div class={`${withIconCls} ${withDescCls}`}>\n        {IconNode}\n        <div class={`${prefixCls}-title`}>{typeof title === 'function' ? title() : title}</div>\n        <div class={`${prefixCls}-desc`}>{typeof desc === 'function' ? desc() : desc}</div>\n        {btn ? <span class={`${prefixCls}-btn`}>{typeof btn === 'function' ? btn() : btn}</span> : null}\n      </div>\n    )\n  });\n\n  const result = () => {\n    const cls = `${prefixCls}-${placement}`;\n    if (noticeInstance[cls]) {\n      noticeInstance[cls].remove(target);\n    }\n  };\n  return result;\n};\n\nconst api = {\n  config(options: NoticeOptions) {\n    if (options.duration !== undefined) {\n      defaultDuration = options.duration;\n    }\n    if (options.placement !== undefined) {\n      defaultPlacement = options.placement;\n    }\n    if (options.bottom !== undefined) {\n      defaultBottom = typeof options.bottom === 'number' ? `${options.bottom}px` : options.bottom;\n    }\n    if (options.top !== undefined) {\n      defaultTop = typeof options.top === 'number' ? `${options.top}px` : options.top;\n    }\n    if (options.prefixCls !== undefined) {\n      prefixCls = options.prefixCls;\n    }\n    if (options.maxCount !== undefined) {\n      maxCount = options.maxCount;\n    }\n  },\n  open: notice,\n  close(closeKey: string) {\n    Object.keys(noticeInstance).forEach((cls) => {\n      noticeInstance[cls].remove(closeKey);\n    });\n  },\n  destroy() {\n    Object.keys(noticeInstance).forEach((cls) => {\n      noticeInstance[cls].destroy();\n      delete noticeInstance[cls];\n    });\n  }\n};\n\n(['success', 'info', 'error', 'warning'] as NoticeType[]).forEach((type) => {\n  (api as Notice)[type] = (args: Omit<NoticeParams, 'type'>) => {\n    return api.open({ type, ...args });\n  };\n});\n\nexport default api as Notice;\n"],"names":["prefixCls","prefixKey","defaultDuration","defaultPlacement","defaultBottom","defaultTop","key","noticeInstance","transitionName","maxCount","iconTypes","info","ULineInfoCircle","USolidInfoCircle","success","USolidCheckmarkCircle","ULineCheckmarkCircle","warning","USolidAlertCircle","ULineAlertCircle","error","USolidCloseCircle","URoundCloseCircle","getStyle","placement","top","bottom","style","left","right","getNoticeInstance","cls","instance","Notification","newInstance","class","type","notice","args","iconType","propIconType","iconClass","title","desc","btn","duration","undefined","target","IconNode","_createVNode","UIcon","default","withIconCls","withDescCls","closable","onClose","content","result","remove","api","config","options","open","close","closeKey","Object","keys","forEach","destroy"],"mappings":"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"}
+{"version":3,"file":"Notice.js","sources":["../../../../src/components/Notice/Notice.tsx"],"sourcesContent":["import type { Component } from 'vue';\nimport Notification from '@uxd-ui/components/Notification';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { Info, CircleCheck, CircleAlert, CircleX } from 'lucide-vue-next';\nimport type { NoticationPublicInstance } from '../Notification/Notication.type';\nimport type { Notice, NoticeOptions, NoticeParams, NoticePlacement, NoticeType } from './Notice.type';\n\nlet prefixCls = 'uui-notice';\nconst prefixKey = 'uui_notice_key_';\nlet defaultDuration = 4.5;\nlet defaultPlacement: NoticePlacement = 'top-right';\nlet defaultBottom = '24px';\nlet defaultTop = '24px';\nlet key = 0;\nconst noticeInstance: Record<string, NoticationPublicInstance> = {};\nconst transitionName = 'move-notice';\nlet maxCount: number;\n\nconst iconTypes: Record<NoticeType, Component[]> = {\n  info: [Info, Info],\n  success: [CircleCheck, CircleCheck],\n  warning: [CircleAlert, CircleAlert],\n  error: [CircleX, CircleX]\n};\n\nconst getStyle = (placement: NoticePlacement, top = defaultTop, bottom = defaultBottom) => {\n  let style;\n  switch (placement) {\n    case 'top-left':\n      style = {\n        left: '0px',\n        top,\n        bottom: 'auto'\n      };\n      break;\n    case 'top-right':\n      style = {\n        right: '0px',\n        top,\n        bottom: 'auto'\n      };\n      break;\n    case 'bottom-left':\n      style = {\n        left: '0px',\n        top: 'auto',\n        bottom\n      };\n      break;\n    default:\n      style = {\n        right: '0px',\n        top: 'auto',\n        bottom\n      };\n      break;\n  }\n  return style;\n};\n\nconst getNoticeInstance = ({ placement = defaultPlacement, top, bottom }: NoticeParams) => {\n  const cls = `${prefixCls}-${placement}`;\n  if (noticeInstance[cls]) {\n    return noticeInstance[cls];\n  }\n  const instance: NoticationPublicInstance = Notification.newInstance({\n    prefixCls,\n    class: cls,\n    style: getStyle(placement, top, bottom),\n    transitionName,\n    maxCount,\n    type: 'notice'\n  });\n  noticeInstance[cls] = instance;\n  return instance;\n};\n\nconst notice = (args: NoticeParams) => {\n  const { type, iconType: propIconType, iconClass, title, desc, placement, top, bottom, btn } = args;\n  const duration = args.duration !== undefined ? args.duration : defaultDuration;\n  let iconType = propIconType || undefined;\n  if (type && !iconType) {\n    iconType = desc ? iconTypes[type][1] : iconTypes[type][0];\n  }\n  key += 1;\n  const target = args.key || `${prefixKey}${key}`;\n  const instance = getNoticeInstance({\n    placement,\n    top,\n    bottom\n  } as NoticeParams);\n\n  // const computedColor = {\n  //   info: 'blue',\n  //   error: 'red',\n  //   warning: 'orange',\n  //   success: 'green'\n  // };\n\n  const IconNode = iconType ? (\n    <span class={`${prefixCls}-icon ${prefixCls}-icon-${type}`} data-color={type || undefined}>\n      <UIcon class={`${iconClass || ''}`}>\n        <iconType />\n      </UIcon>\n    </span>\n  ) : null;\n  const withIconCls = iconType ? `${prefixCls}-with-icon ${prefixCls}-with-${type} ` : '';\n  const withDescCls = desc ? `${prefixCls}-with-desc` : '';\n  instance.notice({\n    key: target,\n    duration,\n    closable: true,\n    onClose: args.onClose,\n    style: args.style || {},\n    class: args.class,\n    content: () => (\n      <div class={`${withIconCls} ${withDescCls}`}>\n        {IconNode}\n        <div class={`${prefixCls}-title`}>{typeof title === 'function' ? title() : title}</div>\n        <div class={`${prefixCls}-desc`}>{typeof desc === 'function' ? desc() : desc}</div>\n        {btn ? <span class={`${prefixCls}-btn`}>{typeof btn === 'function' ? btn() : btn}</span> : null}\n      </div>\n    )\n  });\n\n  const result = () => {\n    const cls = `${prefixCls}-${placement}`;\n    if (noticeInstance[cls]) {\n      noticeInstance[cls].remove(target);\n    }\n  };\n  return result;\n};\n\nconst api = {\n  config(options: NoticeOptions) {\n    if (options.duration !== undefined) {\n      defaultDuration = options.duration;\n    }\n    if (options.placement !== undefined) {\n      defaultPlacement = options.placement;\n    }\n    if (options.bottom !== undefined) {\n      defaultBottom = typeof options.bottom === 'number' ? `${options.bottom}px` : options.bottom;\n    }\n    if (options.top !== undefined) {\n      defaultTop = typeof options.top === 'number' ? `${options.top}px` : options.top;\n    }\n    if (options.prefixCls !== undefined) {\n      prefixCls = options.prefixCls;\n    }\n    if (options.maxCount !== undefined) {\n      maxCount = options.maxCount;\n    }\n  },\n  open: notice,\n  close(closeKey: string) {\n    Object.keys(noticeInstance).forEach((cls) => {\n      noticeInstance[cls].remove(closeKey);\n    });\n  },\n  destroy() {\n    Object.keys(noticeInstance).forEach((cls) => {\n      noticeInstance[cls].destroy();\n      delete noticeInstance[cls];\n    });\n  }\n};\n\n(['success', 'info', 'error', 'warning'] as NoticeType[]).forEach((type) => {\n  (api as Notice)[type] = (args: Omit<NoticeParams, 'type'>) => {\n    return api.open({ type, ...args });\n  };\n});\n\nexport default api as Notice;\n"],"names":["prefixCls","prefixKey","defaultDuration","defaultPlacement","defaultBottom","defaultTop","key","noticeInstance","transitionName","maxCount","iconTypes","info","Info","success","CircleCheck","warning","CircleAlert","error","CircleX","getStyle","placement","top","bottom","style","left","right","getNoticeInstance","cls","instance","Notification","newInstance","class","type","notice","args","iconType","propIconType","iconClass","title","desc","btn","duration","undefined","target","IconNode","_createVNode","UIcon","default","withIconCls","withDescCls","closable","onClose","content","result","remove","api","config","options","open","close","closeKey","Object","keys","forEach","destroy"],"mappings":"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"}

package/lib/components/Notice/index.d.ts

@@ -1,3 +1,3 @@
-export declare const notice: import("./Notice.type").Notice & import("vue").Plugin<any[], any[]>;
+export declare const notice: import("./Notice.type").Notice & import("vue").Plugin<any[]>;
 export default notice;
 export * from './Notice.type';

package/lib/components/Notification/Notice.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
-var uxdIcon = require('@koi-design/uxd-icon');
+var lucideVueNext = require('lucide-vue-next');
 var index = require('../Icon/index.js');
 var Render = require('../base/Render.js');
 var pluginVue_exportHelper = require('../../_virtual/plugin-vue_export-helper.js');
@@ -11,7 +11,7 @@ var pluginVue_exportHelper = require('../../_virtual/plugin-vue_export-helper.js
 const _sfc_main = vue.defineComponent({
   components: {
     UIcon: index.UIcon,
-    URoundClose: uxdIcon.URoundClose,
+    X: lucideVueNext.X,
     Render: Render["default"]
   },
   props: {
@@ -88,7 +88,7 @@ const _sfc_main = vue.defineComponent({
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Render = vue.resolveComponent("Render");
-  const _component_URoundClose = vue.resolveComponent("URoundClose");
+  const _component_X = vue.resolveComponent("X");
   const _component_UIcon = vue.resolveComponent("UIcon");
   return vue.openBlock(), vue.createElementBlock("div", {
     class: vue.normalizeClass([
@@ -122,7 +122,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }, [
         vue.createVNode(_component_UIcon, null, {
           default: vue.withCtx(() => [
-            vue.createVNode(_component_URoundClose)
+            vue.createVNode(_component_X)
           ]),
           _: 1
         })
@@ -130,7 +130,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)
   ], 34);
 }
-var Notice = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Notification\\Notice.vue"]]);
+var Notice = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Notification/Notice.vue"]]);
 
 exports["default"] = Notice;
 //# sourceMappingURL=Notice.js.map