@koi-design/uxd-ui 14.0.2 → 14.0.3

package/lib/components/Menu/MenuItem.vue.d.ts

@@ -95,8 +95,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
             color: {
-                type: import("vue").PropType<"primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-                default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                type: import("vue").PropType<"light" | "red">;
+                default: "light" | "red";
                 validator: (val: string) => boolean;
             };
         }>> & Readonly<{
@@ -108,41 +108,41 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             prefixCls: import("vue").ComputedRef<string>;
             arrowStyle: import("vue").ComputedRef<{
                 top: string;
+                right: string;
                 transform: string;
                 bottom?: undefined;
                 left?: undefined;
-                right?: undefined;
             } | {
                 bottom: string;
+                right: string;
                 transform: string;
                 top?: undefined;
                 left?: undefined;
-                right?: undefined;
             } | {
+                top: string;
                 left: string;
                 transform: string;
-                top?: undefined;
-                bottom?: undefined;
                 right?: undefined;
+                bottom?: undefined;
             } | {
-                right: string;
+                bottom: string;
+                left: string;
                 transform: string;
                 top?: undefined;
-                bottom?: undefined;
-                left?: undefined;
+                right?: undefined;
             } | {
                 top?: undefined;
+                right?: undefined;
                 transform?: undefined;
                 bottom?: undefined;
                 left?: undefined;
-                right?: undefined;
             }>;
             onVisibleChange: (val: boolean) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'visible-change': (v: boolean) => boolean;
             'update:visible': (v: boolean) => boolean;
         }, import("vue").PublicProps, {
-            color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+            color: "light" | "red";
             offset: number[];
             visible: boolean;
             placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
@@ -396,8 +396,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
             color: {
-                type: import("vue").PropType<"primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-                default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                type: import("vue").PropType<"light" | "red">;
+                default: "light" | "red";
                 validator: (val: string) => boolean;
             };
         }>> & Readonly<{
@@ -409,38 +409,38 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             prefixCls: import("vue").ComputedRef<string>;
             arrowStyle: import("vue").ComputedRef<{
                 top: string;
+                right: string;
                 transform: string;
                 bottom?: undefined;
                 left?: undefined;
-                right?: undefined;
             } | {
                 bottom: string;
+                right: string;
                 transform: string;
                 top?: undefined;
                 left?: undefined;
-                right?: undefined;
             } | {
+                top: string;
                 left: string;
                 transform: string;
-                top?: undefined;
-                bottom?: undefined;
                 right?: undefined;
+                bottom?: undefined;
             } | {
-                right: string;
+                bottom: string;
+                left: string;
                 transform: string;
                 top?: undefined;
-                bottom?: undefined;
-                left?: undefined;
+                right?: undefined;
             } | {
                 top?: undefined;
+                right?: undefined;
                 transform?: undefined;
                 bottom?: undefined;
                 left?: undefined;
-                right?: undefined;
             }>;
             onVisibleChange: (val: boolean) => void;
         }, {}, {}, {}, {
-            color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+            color: "light" | "red";
             offset: number[];
             visible: boolean;
             placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
@@ -503,8 +503,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
         color: {
-            type: import("vue").PropType<"primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-            default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+            type: import("vue").PropType<"light" | "red">;
+            default: "light" | "red";
             validator: (val: string) => boolean;
         };
     }>> & Readonly<{
@@ -516,41 +516,41 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         prefixCls: import("vue").ComputedRef<string>;
         arrowStyle: import("vue").ComputedRef<{
             top: string;
+            right: string;
             transform: string;
             bottom?: undefined;
             left?: undefined;
-            right?: undefined;
         } | {
             bottom: string;
+            right: string;
             transform: string;
             top?: undefined;
             left?: undefined;
-            right?: undefined;
         } | {
+            top: string;
             left: string;
             transform: string;
-            top?: undefined;
-            bottom?: undefined;
             right?: undefined;
+            bottom?: undefined;
         } | {
-            right: string;
+            bottom: string;
+            left: string;
             transform: string;
             top?: undefined;
-            bottom?: undefined;
-            left?: undefined;
+            right?: undefined;
         } | {
             top?: undefined;
+            right?: undefined;
             transform?: undefined;
             bottom?: undefined;
             left?: undefined;
-            right?: undefined;
         }>;
         onVisibleChange: (val: boolean) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'visible-change': (v: boolean) => boolean;
         'update:visible': (v: boolean) => boolean;
     }, string, {
-        color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+        color: "light" | "red";
         offset: number[];
         visible: boolean;
         placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";

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

@@ -344,8 +344,8 @@ export declare const UMenu: {
                     default: boolean;
                 };
                 color: {
-                    type: import("vue").PropType<"primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-                    default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                    type: import("vue").PropType<"light" | "red">;
+                    default: "light" | "red";
                     validator: (val: string) => boolean;
                 };
             }>> & Readonly<{
@@ -357,41 +357,41 @@ export declare const UMenu: {
                 prefixCls: import("vue").ComputedRef<string>;
                 arrowStyle: import("vue").ComputedRef<{
                     top: string;
+                    right: string;
                     transform: string;
                     bottom?: undefined;
                     left?: undefined;
-                    right?: undefined;
                 } | {
                     bottom: string;
+                    right: string;
                     transform: string;
                     top?: undefined;
                     left?: undefined;
-                    right?: undefined;
                 } | {
+                    top: string;
                     left: string;
                     transform: string;
-                    top?: undefined;
-                    bottom?: undefined;
                     right?: undefined;
+                    bottom?: undefined;
                 } | {
-                    right: string;
+                    bottom: string;
+                    left: string;
                     transform: string;
                     top?: undefined;
-                    bottom?: undefined;
-                    left?: undefined;
+                    right?: undefined;
                 } | {
                     top?: undefined;
+                    right?: undefined;
                     transform?: undefined;
                     bottom?: undefined;
                     left?: undefined;
-                    right?: undefined;
                 }>;
                 onVisibleChange: (val: boolean) => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 'visible-change': (v: boolean) => boolean;
                 'update:visible': (v: boolean) => boolean;
             }, import("vue").PublicProps, {
-                color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                color: "light" | "red";
                 offset: number[];
                 visible: boolean;
                 placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
@@ -645,8 +645,8 @@ export declare const UMenu: {
                     default: boolean;
                 };
                 color: {
-                    type: import("vue").PropType<"primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-                    default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                    type: import("vue").PropType<"light" | "red">;
+                    default: "light" | "red";
                     validator: (val: string) => boolean;
                 };
             }>> & Readonly<{
@@ -658,38 +658,38 @@ export declare const UMenu: {
                 prefixCls: import("vue").ComputedRef<string>;
                 arrowStyle: import("vue").ComputedRef<{
                     top: string;
+                    right: string;
                     transform: string;
                     bottom?: undefined;
                     left?: undefined;
-                    right?: undefined;
                 } | {
                     bottom: string;
+                    right: string;
                     transform: string;
                     top?: undefined;
                     left?: undefined;
-                    right?: undefined;
                 } | {
+                    top: string;
                     left: string;
                     transform: string;
-                    top?: undefined;
-                    bottom?: undefined;
                     right?: undefined;
+                    bottom?: undefined;
                 } | {
-                    right: string;
+                    bottom: string;
+                    left: string;
                     transform: string;
                     top?: undefined;
-                    bottom?: undefined;
-                    left?: undefined;
+                    right?: undefined;
                 } | {
                     top?: undefined;
+                    right?: undefined;
                     transform?: undefined;
                     bottom?: undefined;
                     left?: undefined;
-                    right?: undefined;
                 }>;
                 onVisibleChange: (val: boolean) => void;
             }, {}, {}, {}, {
-                color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                color: "light" | "red";
                 offset: number[];
                 visible: boolean;
                 placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
@@ -752,8 +752,8 @@ export declare const UMenu: {
                 default: boolean;
             };
             color: {
-                type: import("vue").PropType<"primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-                default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                type: import("vue").PropType<"light" | "red">;
+                default: "light" | "red";
                 validator: (val: string) => boolean;
             };
         }>> & Readonly<{
@@ -765,41 +765,41 @@ export declare const UMenu: {
             prefixCls: import("vue").ComputedRef<string>;
             arrowStyle: import("vue").ComputedRef<{
                 top: string;
+                right: string;
                 transform: string;
                 bottom?: undefined;
                 left?: undefined;
-                right?: undefined;
             } | {
                 bottom: string;
+                right: string;
                 transform: string;
                 top?: undefined;
                 left?: undefined;
-                right?: undefined;
             } | {
+                top: string;
                 left: string;
                 transform: string;
-                top?: undefined;
-                bottom?: undefined;
                 right?: undefined;
+                bottom?: undefined;
             } | {
-                right: string;
+                bottom: string;
+                left: string;
                 transform: string;
                 top?: undefined;
-                bottom?: undefined;
-                left?: undefined;
+                right?: undefined;
             } | {
                 top?: undefined;
+                right?: undefined;
                 transform?: undefined;
                 bottom?: undefined;
                 left?: undefined;
-                right?: undefined;
             }>;
             onVisibleChange: (val: boolean) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'visible-change': (v: boolean) => boolean;
             'update:visible': (v: boolean) => boolean;
         }, string, {
-            color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+            color: "light" | "red";
             offset: number[];
             visible: boolean;
             placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";

package/lib/components/Message/Message.js

@@ -38,7 +38,8 @@ const getMessageInstance = () => {
 const notice = (args) => {
   const {
     type,
-    content
+    content,
+    showIcon = true
   } = args;
   const duration = args.duration !== void 0 ? args.duration : defaultDuration;
   const iconType = iconTypes[type];
@@ -55,8 +56,8 @@ const notice = (args) => {
     background: args.background,
     content: () => vue.createVNode("div", {
       "class": `${prefixCls}-custom-content ${prefixCls}-${type}`,
-      "data-color": type
-    }, [vue.createVNode(index.UIcon, {
+      "data-type": type
+    }, [showIcon && vue.createVNode(index.UIcon, {
       "spin": type === "loading"
     }, {
       default: () => [vue.createVNode(iconType, null, null)]

package/lib/components/Message/Message.js.map

@@ -1 +1 @@
-{"version":3,"file":"Message.js","sources":["../../../../src/components/Message/Message.tsx"],"sourcesContent":["import type { Component } from 'vue';\nimport Notification from '@uxd-ui/components/Notification';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { Info, CheckCircle, AlertCircle, CircleX, LoaderCircle } from 'lucide-vue-next';\nimport type { NoticationPublicInstance } from '../Notification/Notication.type';\nimport type { MessageOption, MessageParams, MessageType } from './Message.type';\n\nlet prefixCls = 'uui-message';\nconst prefixKey = 'uui_message_key_';\nlet defaultDuration = 3;\nlet defaultTop = '24px';\nlet key = 0;\nlet messageInstance: NoticationPublicInstance | null;\nlet transitionName = 'move-up';\nlet maxCount: number;\n\nconst iconTypes: Record<MessageType, Component> = {\n  info: Info,\n  success: CheckCircle,\n  warning: AlertCircle,\n  error: CircleX,\n  loading: LoaderCircle\n};\n\nconst getMessageInstance = () => {\n  messageInstance =\n    messageInstance ||\n    (Notification.newInstance({\n      prefixCls,\n      transitionName,\n      style: { top: defaultTop },\n      maxCount,\n      type: 'message'\n    }) as NoticationPublicInstance);\n  return messageInstance;\n};\n\nconst notice = (args: MessageParams) => {\n  const { type, content } = args;\n  const duration = args.duration !== undefined ? args.duration : defaultDuration;\n  const iconType = iconTypes[type];\n  key += 1;\n  const target = args.key || `${prefixKey}${key}`;\n\n  const instance = getMessageInstance();\n  instance &&\n    instance.notice({\n      key: target,\n      duration,\n      style: {},\n      msgType: type,\n      closable: args.closable,\n      onClose: args.onClose,\n      background: args.background,\n      content: () => (\n        <div class={`${prefixCls}-custom-content ${prefixCls}-${type}`} data-color={type}>\n          <UIcon spin={type === 'loading'}>\n            <iconType />\n          </UIcon>\n          <span>{typeof content === 'function' ? content() : content}</span>\n        </div>\n      )\n    });\n\n  const result = () => {\n    if (messageInstance) {\n      messageInstance.remove(target);\n    }\n  };\n  return result;\n};\n\nconst api = {\n  config(options: MessageOption) {\n    if (options.top !== undefined) {\n      defaultTop = options.top;\n      messageInstance = null;\n    }\n    if (options.duration !== undefined) {\n      defaultDuration = options.duration;\n      messageInstance = null;\n    }\n    if (options.prefixCls !== undefined) {\n      prefixCls = options.prefixCls;\n    }\n    if (options.transitionName !== undefined) {\n      transitionName = options.transitionName;\n      messageInstance = null;\n    }\n    if (options.maxCount !== undefined) {\n      maxCount = options.maxCount;\n      messageInstance = null;\n    }\n  },\n  message(type: MessageType, options: string | Omit<MessageParams, 'type'>, duration?: number) {\n    let opt: MessageParams;\n    if (typeof options === 'string') {\n      opt = {\n        type,\n        content: options,\n        duration\n      };\n    } else {\n      opt = {\n        type,\n        ...options,\n        ...(duration ? { duration } : {})\n      };\n    }\n    return notice(opt);\n  },\n  close(closeKey: string) {\n    if (messageInstance) {\n      messageInstance.remove(closeKey);\n    }\n  },\n  destroy() {\n    if (messageInstance) {\n      messageInstance.destroy();\n      messageInstance = null;\n    }\n  }\n};\n\nexport type MessageFunction = (options: string | Omit<MessageParams, 'type'>, duration?: number) => () => void;\n\nexport interface Message {\n  config(options: MessageOption): void;\n  message(type: MessageType, options: string | Omit<MessageParams, 'type'>, duration?: number | undefined): () => void;\n  close(closeKey: string): void;\n  destroy(): void;\n  success: MessageFunction;\n  info: MessageFunction;\n  error: MessageFunction;\n  warning: MessageFunction;\n  loading: MessageFunction;\n}\n\n(['success', 'info', 'error', 'warning', 'loading'] as MessageType[]).forEach((type) => {\n  (api as Message)[type] = (options: string | Omit<MessageParams, 'type'>, duration?: number) => {\n    return api.message(type, options, duration);\n  };\n});\n\nexport default api as Message;\n"],"names":["prefixCls","prefixKey","defaultDuration","defaultTop","key","messageInstance","transitionName","maxCount","iconTypes","info","Info","success","CheckCircle","warning","AlertCircle","error","CircleX","loading","LoaderCircle","getMessageInstance","Notification","newInstance","style","top","type","notice","args","content","duration","undefined","iconType","target","instance","msgType","closable","onClose","background","_createVNode","UIcon","default","result","remove","api","config","options","message","opt","close","closeKey","destroy","forEach"],"mappings":"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"}
+{"version":3,"file":"Message.js","sources":["../../../../src/components/Message/Message.tsx"],"sourcesContent":["import type { Component } from 'vue';\nimport Notification from '@uxd-ui/components/Notification';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { Info, CheckCircle, AlertCircle, CircleX, LoaderCircle } from 'lucide-vue-next';\nimport type { NoticationPublicInstance } from '../Notification/Notication.type';\nimport type { MessageOption, MessageParams, MessageType } from './Message.type';\n\nlet prefixCls = 'uui-message';\nconst prefixKey = 'uui_message_key_';\nlet defaultDuration = 3;\nlet defaultTop = '24px';\nlet key = 0;\nlet messageInstance: NoticationPublicInstance | null;\nlet transitionName = 'move-up';\nlet maxCount: number;\n\nconst iconTypes: Record<MessageType, Component> = {\n  info: Info,\n  success: CheckCircle,\n  warning: AlertCircle,\n  error: CircleX,\n  loading: LoaderCircle\n};\n\nconst getMessageInstance = () => {\n  messageInstance =\n    messageInstance ||\n    (Notification.newInstance({\n      prefixCls,\n      transitionName,\n      style: { top: defaultTop },\n      maxCount,\n      type: 'message'\n    }) as NoticationPublicInstance);\n  return messageInstance;\n};\n\nconst notice = (args: MessageParams) => {\n  const { type, content, showIcon = true } = args;\n  const duration = args.duration !== undefined ? args.duration : defaultDuration;\n  const iconType = iconTypes[type];\n  key += 1;\n  const target = args.key || `${prefixKey}${key}`;\n\n  const instance = getMessageInstance();\n  instance &&\n    instance.notice({\n      key: target,\n      duration,\n      style: {},\n      msgType: type,\n      closable: args.closable,\n      onClose: args.onClose,\n      background: args.background,\n      content: () => (\n        <div class={`${prefixCls}-custom-content ${prefixCls}-${type}`} data-type={type}>\n          {showIcon && (\n            <UIcon spin={type === 'loading'}>\n              <iconType />\n            </UIcon>\n          )}\n          <span>{typeof content === 'function' ? content() : content}</span>\n        </div>\n      )\n    });\n\n  const result = () => {\n    if (messageInstance) {\n      messageInstance.remove(target);\n    }\n  };\n  return result;\n};\n\nconst api = {\n  config(options: MessageOption) {\n    if (options.top !== undefined) {\n      defaultTop = options.top;\n      messageInstance = null;\n    }\n    if (options.duration !== undefined) {\n      defaultDuration = options.duration;\n      messageInstance = null;\n    }\n    if (options.prefixCls !== undefined) {\n      prefixCls = options.prefixCls;\n    }\n    if (options.transitionName !== undefined) {\n      transitionName = options.transitionName;\n      messageInstance = null;\n    }\n    if (options.maxCount !== undefined) {\n      maxCount = options.maxCount;\n      messageInstance = null;\n    }\n  },\n  message(type: MessageType, options: string | Omit<MessageParams, 'type'>, duration?: number) {\n    let opt: MessageParams;\n    if (typeof options === 'string') {\n      opt = {\n        type,\n        content: options,\n        duration\n      };\n    } else {\n      opt = {\n        type,\n        ...options,\n        ...(duration ? { duration } : {})\n      };\n    }\n    return notice(opt);\n  },\n  close(closeKey: string) {\n    if (messageInstance) {\n      messageInstance.remove(closeKey);\n    }\n  },\n  destroy() {\n    if (messageInstance) {\n      messageInstance.destroy();\n      messageInstance = null;\n    }\n  }\n};\n\nexport type MessageFunction = (options: string | Omit<MessageParams, 'type'>, duration?: number) => () => void;\n\nexport interface Message {\n  config(options: MessageOption): void;\n  message(type: MessageType, options: string | Omit<MessageParams, 'type'>, duration?: number | undefined): () => void;\n  close(closeKey: string): void;\n  destroy(): void;\n  success: MessageFunction;\n  info: MessageFunction;\n  error: MessageFunction;\n  warning: MessageFunction;\n  loading: MessageFunction;\n}\n\n(['success', 'info', 'error', 'warning', 'loading'] as MessageType[]).forEach((type) => {\n  (api as Message)[type] = (options: string | Omit<MessageParams, 'type'>, duration?: number) => {\n    return api.message(type, options, duration);\n  };\n});\n\nexport default api as Message;\n"],"names":["prefixCls","prefixKey","defaultDuration","defaultTop","key","messageInstance","transitionName","maxCount","iconTypes","info","Info","success","CheckCircle","warning","AlertCircle","error","CircleX","loading","LoaderCircle","getMessageInstance","Notification","newInstance","style","top","type","notice","args","content","showIcon","duration","undefined","iconType","target","instance","msgType","closable","onClose","background","_createVNode","UIcon","default","result","remove","api","config","options","message","opt","close","closeKey","destroy","forEach"],"mappings":"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"}

package/lib/components/Notice/Notice.js

@@ -11,9 +11,9 @@ var Notification = require('../Notification/Notification.js');
 let prefixCls = "uui-notice";
 const prefixKey = "uui_notice_key_";
 let defaultDuration = 4.5;
-let defaultPlacement = "top-right";
-let defaultBottom = "24px";
-let defaultTop = "24px";
+let defaultPlacement = "bottom-right";
+let defaultBottom = "0px";
+let defaultTop = "0px";
 let key = 0;
 const noticeInstance = {};
 const transitionName = "move-notice";
@@ -88,7 +88,8 @@ const notice = (args) => {
     placement,
     top,
     bottom,
-    btn
+    action,
+    showIcon = true
   } = args;
   const duration = args.duration !== void 0 ? args.duration : defaultDuration;
   let iconType = propIconType || void 0;
@@ -102,15 +103,14 @@ const notice = (args) => {
     top,
     bottom
   });
-  const IconNode = iconType ? vue.createVNode("span", {
-    "class": `${prefixCls}-icon ${prefixCls}-icon-${type}`,
-    "data-color": type || void 0
+  const IconNode = showIcon && iconType ? vue.createVNode("span", {
+    "class": `${prefixCls}-icon ${prefixCls}-icon-${type}`
   }, [vue.createVNode(index.UIcon, {
     "class": `${iconClass || ""}`
   }, {
     default: () => [vue.createVNode(iconType, null, null)]
   })]) : null;
-  const withIconCls = iconType ? `${prefixCls}-with-icon ${prefixCls}-with-${type} ` : "";
+  const withIconCls = showIcon && iconType ? `${prefixCls}-with-icon ${prefixCls}-with-${type} ` : "";
   const withDescCls = desc ? `${prefixCls}-with-desc` : "";
   instance.notice({
     key: target,
@@ -120,14 +120,16 @@ const notice = (args) => {
     style: args.style || {},
     class: args.class,
     content: () => vue.createVNode("div", {
-      "class": `${withIconCls} ${withDescCls}`
-    }, [IconNode, vue.createVNode("div", {
+      "class": `${prefixCls}-wrapper ${withIconCls} ${withDescCls}`,
+      "data-type": type || void 0
+    }, [IconNode, vue.createVNode("div", null, [vue.createVNode("div", {
       "class": `${prefixCls}-title`
     }, [typeof title === "function" ? title() : title]), vue.createVNode("div", {
       "class": `${prefixCls}-desc`
-    }, [typeof desc === "function" ? desc() : desc]), btn ? vue.createVNode("span", {
-      "class": `${prefixCls}-btn`
-    }, [typeof btn === "function" ? btn() : btn]) : null])
+    }, [typeof desc === "function" ? desc() : desc])]), action ? vue.createVNode("button", {
+      "class": `${prefixCls}-btn`,
+      "onClick": args.onAction
+    }, [action]) : null])
   });
   const result = () => {
     const cls = `${prefixCls}-${placement}`;

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 { 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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"}
+{"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 = 'bottom-right';\nlet defaultBottom = '0px';\nlet defaultTop = '0px';\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, action, showIcon = true } = 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 =\n    showIcon && iconType ? (\n      <span class={`${prefixCls}-icon ${prefixCls}-icon-${type}`}>\n        <UIcon class={`${iconClass || ''}`}>\n          <iconType />\n        </UIcon>\n      </span>\n    ) : null;\n  const withIconCls = showIcon && 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={`${prefixCls}-wrapper ${withIconCls} ${withDescCls}`} data-type={type || undefined}>\n        {IconNode}\n        <div>\n          <div class={`${prefixCls}-title`}>{typeof title === 'function' ? title() : title}</div>\n          <div class={`${prefixCls}-desc`}>{typeof desc === 'function' ? desc() : desc}</div>\n        </div>\n        {action ? (\n          <button class={`${prefixCls}-btn`} onClick={args.onAction}>\n            {action}\n          </button>\n        ) : 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","action","showIcon","duration","undefined","target","IconNode","_createVNode","UIcon","default","withIconCls","withDescCls","closable","onClose","content","onAction","result","remove","api","config","options","open","close","closeKey","Object","keys","forEach","destroy"],"mappings":"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"}

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

@@ -5,16 +5,17 @@ export interface NoticeParams {
     key?: string;
     type?: NoticeType;
     iconType?: Component;
+    showIcon?: boolean;
     iconClass?: string;
     title?: string | (() => VNodeChild);
     desc?: string | (() => VNodeChild);
     placement?: NoticePlacement;
     top?: string;
     bottom?: string;
-    btn?: () => VNodeChild;
+    action?: string;
     duration?: number;
     onClose?: () => void;
-    onClick?: (e?: any) => void;
+    onAction?: () => void;
     style?: CSSProperties;
     class?: string;
 }

package/lib/components/Notification/Notice.js

@@ -109,11 +109,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }
       ])
     }, [
-      vue.createElementVNode("div", {
-        class: vue.normalizeClass(`${_ctx.prefixCls}-content-text`)
-      }, [
-        vue.createVNode(_component_Render, { render: _ctx.content }, null, 8, ["render"])
-      ], 2),
+      vue.createVNode(_component_Render, { render: _ctx.content }, null, 8, ["render"]),
       _ctx.closable ? (vue.openBlock(), vue.createElementBlock("a", {
         key: 0,
         tabindex: "0",

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

@@ -1 +1 @@
-{"version":3,"file":"Notice.js","sources":["../../../../src/components/Notification/Notice.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      prefixCls,\n      {\n        [`${prefixCls}-closable`]: closable,\n        [`${prefixCls}-background`]: background\n      }\n    ]\"\n    @mouseenter=\"clearCloseTimer\"\n    @mouseleave=\"startCloseTimer\"\n  >\n    <div\n      :class=\"[\n        `${prefixCls}-content`,\n        {\n          [`${prefixCls}-content-${msgType}`]: msgType\n        }\n      ]\"\n    >\n      <div :class=\"`${prefixCls}-content-text`\">\n        <Render :render=\"content\" />\n      </div>\n      <a v-if=\"closable\" tabindex=\"0\" :class=\"`${prefixCls}-close`\" @click.stop.prevent=\"handleClose\">\n        <UIcon>\n          <X />\n        </UIcon>\n      </a>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, onMounted, onBeforeUnmount, watch } from 'vue';\nimport type { PropType, VNodeChild } from 'vue';\nimport { X } from 'lucide-vue-next';\nimport UIcon from '@uxd-ui/components/Icon';\nimport type { JSX } from 'vue/jsx-runtime';\nimport Render from '../base/Render';\nimport type { NoticeProps } from './Notication.type';\n\nexport default defineComponent({\n  components: {\n    UIcon,\n    X,\n    Render\n  },\n  props: {\n    prefix: {\n      type: String\n    },\n    duration: {\n      type: Number,\n      default: 1.5\n    },\n    closable: {\n      type: Boolean,\n      default: undefined as undefined\n    },\n    onClose: {\n      type: Function as PropType<() => void>\n    },\n    content: {\n      type: Function as PropType<() => VNodeChild | JSX.Element>\n    },\n    background: {\n      type: Boolean,\n      default: undefined as undefined\n    },\n    msgType: {\n      type: String\n    }\n  },\n  emits: ['close'],\n  setup(props: NoticeProps, { emit }) {\n    const prefixCls = computed(() => {\n      return `${props.prefix}-notice`;\n    });\n\n    let closeTimer: any = null;\n    let willDestory = false;\n\n    const clearCloseTimer = () => {\n      if (closeTimer) {\n        clearTimeout(closeTimer);\n        closeTimer = null;\n      }\n    };\n\n    const handleClose = () => {\n      clearCloseTimer();\n      emit('close');\n    };\n\n    const startCloseTimer = () => {\n      clearCloseTimer();\n      if (props.duration !== 0 && !willDestory) {\n        closeTimer = setTimeout(() => {\n          handleClose();\n        }, props.duration * 1000);\n      }\n    };\n\n    onMounted(() => {\n      startCloseTimer();\n    });\n\n    onBeforeUnmount(() => {\n      clearCloseTimer();\n      willDestory = true;\n    });\n\n    watch(\n      () => props.duration,\n      () => {\n        startCloseTimer();\n      }\n    );\n\n    return {\n      prefixCls,\n      handleClose,\n      startCloseTimer,\n      clearCloseTimer\n    };\n  }\n});\n</script>\n"],"names":["defineComponent","UIcon","X","Render","computed","_createElementBlock","_normalizeClass","_createElementVNode","_createVNode"],"mappings":";;;;;;;;;;AAyCA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,YAAY;AAAA,WACVC;AAAA,OACAC;AAAA,YACAC;AAAA;AACF,EACA,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,MAAM;AAAA;AACR,IACA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AACX,IACA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AACX,IACA,SAAS;AAAA,MACP,MAAM;AAAA;AACR,IACA,SAAS;AAAA,MACP,MAAM;AAAA;AACR,IACA,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;AACX,IACA,SAAS;AAAA,MACP,MAAM;AAAA;AACR;AACF,EACA,OAAO,CAAC,OAAO;AAAA,EACf,MAAM,OAAoB,EAAE,QAAQ;UAC5B,YAAYC,aAAS,MAAM;aACxB,GAAG,MAAM;AAAA,KACjB;QAEG,aAAkB;QAClB,cAAc;UAEZ,kBAAkB,MAAM;UACxB,YAAY;qBACD,UAAU;qBACV;AAAA;AACf;UAGI,cAAc,MAAM;;WAEnB,OAAO;AAAA;UAGR,kBAAkB,MAAM;;UAExB,MAAM,aAAa,KAAK,CAAC,aAAa;qBAC3B,WAAW,MAAM;;AAChB,WACX,MAAM,WAAW,GAAI;AAAA;AAC1B;kBAGQ,MAAM;;AACE,KACjB;wBAEe,MAAM;;oBAEN;AAAA,KACf;;MAGC,MAAM,MAAM;AAAA,MACZ,MAAM;;AACY;AAClB;WAGK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;;;0BA7HCC,uBA4BM;IA3BH,OAAKC;MAAU;;YAA+B,4BAAuB;YAAsB,8BAAyB;;;IAOpH,cAAU,uCAAE;IACZ,cAAU,uCAAE;;IAEbC,uBAgBM;MAfH,OAAKD;WAAe;;cAA6C,0BAAqB,iBAAY;;;;MAOnGC,uBAEM;QAFA,OAAKD,sBAAK,6BAAS;AAAA;QACvBE,gBAA4B,qBAAnB,QAAQ;;MAEV,kCAATH,uBAII;;QAJe,UAAS;AAAA,QAAK,OAAKC,sBAAK,sBAAS;AAAA,QAAW,SAAK,yDAAe,+CAAW;;QAC5FE,gBAEQ;+BADN,MAAK;AAAA,YAALA,gBAAK;;;;;;;;;;;;"}
+{"version":3,"file":"Notice.js","sources":["../../../../src/components/Notification/Notice.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      prefixCls,\n      {\n        [`${prefixCls}-closable`]: closable,\n        [`${prefixCls}-background`]: background\n      }\n    ]\"\n    @mouseenter=\"clearCloseTimer\"\n    @mouseleave=\"startCloseTimer\"\n  >\n    <div\n      :class=\"[\n        `${prefixCls}-content`,\n        {\n          [`${prefixCls}-content-${msgType}`]: msgType\n        }\n      ]\"\n    >\n      <Render :render=\"content\" />\n\n      <a v-if=\"closable\" tabindex=\"0\" :class=\"`${prefixCls}-close`\" @click.stop.prevent=\"handleClose\">\n        <UIcon>\n          <X />\n        </UIcon>\n      </a>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, onMounted, onBeforeUnmount, watch } from 'vue';\nimport type { PropType, VNodeChild } from 'vue';\nimport { X } from 'lucide-vue-next';\nimport UIcon from '@uxd-ui/components/Icon';\nimport type { JSX } from 'vue/jsx-runtime';\nimport Render from '../base/Render';\nimport type { NoticeProps } from './Notication.type';\n\nexport default defineComponent({\n  components: {\n    UIcon,\n    X,\n    Render\n  },\n  props: {\n    prefix: {\n      type: String\n    },\n    duration: {\n      type: Number,\n      default: 1.5\n    },\n    closable: {\n      type: Boolean,\n      default: undefined as undefined\n    },\n    onClose: {\n      type: Function as PropType<() => void>\n    },\n    content: {\n      type: Function as PropType<() => VNodeChild | JSX.Element>\n    },\n    background: {\n      type: Boolean,\n      default: undefined as undefined\n    },\n    msgType: {\n      type: String\n    }\n  },\n  emits: ['close'],\n  setup(props: NoticeProps, { emit }) {\n    const prefixCls = computed(() => {\n      return `${props.prefix}-notice`;\n    });\n\n    let closeTimer: any = null;\n    let willDestory = false;\n\n    const clearCloseTimer = () => {\n      if (closeTimer) {\n        clearTimeout(closeTimer);\n        closeTimer = null;\n      }\n    };\n\n    const handleClose = () => {\n      clearCloseTimer();\n      emit('close');\n    };\n\n    const startCloseTimer = () => {\n      clearCloseTimer();\n      if (props.duration !== 0 && !willDestory) {\n        closeTimer = setTimeout(() => {\n          handleClose();\n        }, props.duration * 1000);\n      }\n    };\n\n    onMounted(() => {\n      startCloseTimer();\n    });\n\n    onBeforeUnmount(() => {\n      clearCloseTimer();\n      willDestory = true;\n    });\n\n    watch(\n      () => props.duration,\n      () => {\n        startCloseTimer();\n      }\n    );\n\n    return {\n      prefixCls,\n      handleClose,\n      startCloseTimer,\n      clearCloseTimer\n    };\n  }\n});\n</script>\n"],"names":["defineComponent","UIcon","X","Render","computed","_createElementBlock","_normalizeClass","_createElementVNode","_createVNode"],"mappings":";;;;;;;;;;AAwCA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,YAAY;AAAA,WACVC;AAAA,OACAC;AAAA,YACAC;AAAA;AACF,EACA,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,MAAM;AAAA;AACR,IACA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AACX,IACA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AACX,IACA,SAAS;AAAA,MACP,MAAM;AAAA;AACR,IACA,SAAS;AAAA,MACP,MAAM;AAAA;AACR,IACA,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;AACX,IACA,SAAS;AAAA,MACP,MAAM;AAAA;AACR;AACF,EACA,OAAO,CAAC,OAAO;AAAA,EACf,MAAM,OAAoB,EAAE,QAAQ;UAC5B,YAAYC,aAAS,MAAM;aACxB,GAAG,MAAM;AAAA,KACjB;QAEG,aAAkB;QAClB,cAAc;UAEZ,kBAAkB,MAAM;UACxB,YAAY;qBACD,UAAU;qBACV;AAAA;AACf;UAGI,cAAc,MAAM;;WAEnB,OAAO;AAAA;UAGR,kBAAkB,MAAM;;UAExB,MAAM,aAAa,KAAK,CAAC,aAAa;qBAC3B,WAAW,MAAM;;AAChB,WACX,MAAM,WAAW,GAAI;AAAA;AAC1B;kBAGQ,MAAM;;AACE,KACjB;wBAEe,MAAM;;oBAEN;AAAA,KACf;;MAGC,MAAM,MAAM;AAAA,MACZ,MAAM;;AACY;AAClB;WAGK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;;;0BA5HCC,uBA2BM;IA1BH,OAAKC;MAAU;;YAA+B,4BAAuB;YAAsB,8BAAyB;;;IAOpH,cAAU,uCAAE;IACZ,cAAU,uCAAE;;IAEbC,uBAeM;MAdH,OAAKD;WAAe;;cAA6C,0BAAqB,iBAAY;;;;MAOnGE,gBAA4B,qBAAnB,QAAQ;MAER,kCAATH,uBAII;;QAJe,UAAS;AAAA,QAAK,OAAKC,sBAAK,sBAAS;AAAA,QAAW,SAAK,yDAAe,+CAAW;;QAC5FE,gBAEQ;+BADN,MAAK;AAAA,YAALA,gBAAK;;;;;;;;;;;;"}