@koi-design/uxd-ui 14.0.2 → 14.0.4

package/es/components/Tooltip/index.d.ts

@@ -47,8 +47,8 @@ export declare const UTooltip: {
             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<{
@@ -60,41 +60,41 @@ export declare const UTooltip: {
         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";
@@ -348,8 +348,8 @@ export declare const UTooltip: {
             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<{
@@ -361,38 +361,38 @@ export declare const UTooltip: {
         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";
@@ -455,8 +455,8 @@ export declare const UTooltip: {
         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<{
@@ -468,41 +468,41 @@ export declare const UTooltip: {
     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/es/components/TreeSelect/TreeSelect.vue.d.ts

@@ -254,8 +254,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onExpand?: (keys: (string | number)[]) => any;
 }>, {
     color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-    required: boolean;
     showIcon: boolean;
+    required: boolean;
     iconType: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
     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";
     disabled: boolean;

package/es/components/TreeSelect/index.d.ts

@@ -147,8 +147,8 @@ export declare const UTreeSelect: {
         change: (v: import("..").SelectValueType, item: import("./TreeSelect.type").SelectTreeItem | import("./TreeSelect.type").SelectTreeItem[]) => boolean;
     }, import("vue").PublicProps, {
         color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-        required: boolean;
         showIcon: boolean;
+        required: boolean;
         iconType: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
         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";
         disabled: boolean;
@@ -5013,8 +5013,8 @@ export declare const UTreeSelect: {
         onUpdateTreeData: (data: import("..").TreeItem[]) => void;
     }, {}, {}, {}, {
         color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-        required: boolean;
         showIcon: boolean;
+        required: boolean;
         iconType: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
         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";
         disabled: boolean;
@@ -5185,8 +5185,8 @@ export declare const UTreeSelect: {
     change: (v: import("..").SelectValueType, item: import("./TreeSelect.type").SelectTreeItem | import("./TreeSelect.type").SelectTreeItem[]) => boolean;
 }, string, {
     color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-    required: boolean;
     showIcon: boolean;
+    required: boolean;
     iconType: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
     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";
     disabled: boolean;

package/es/components/index.mjs

@@ -70,7 +70,7 @@ export { UScrollbar } from './Scrollbar/index.mjs';
 export { UThemePanel } from './ThemePanel/index.mjs';
 export { UMentions } from './Mention/index.mjs';
 export { affixEmits, affixProps } from './Affix/Affix.type.mjs';
-export { alertEmits, alertProps, alertType } from './Alert/Alert.type.mjs';
+export { alertEmits, alertProps, alertType, alertVariant } from './Alert/Alert.type.mjs';
 export { avatarEmits, avatarProps, avatarShape } from './Avatar/Avatar.type.mjs';
 export { default as UAvatarGroup } from './Avatar/AvatarGroup.mjs';
 export { anchorEmits, anchorLinkEmits, anchorLinkProps, anchorProps } from './Anchor/Anchor.type.mjs';

package/es/index.mjs

@@ -5,7 +5,7 @@ export { colorType, labelAlign, middleSizeMap, normalSizeMap, variantType } from
 export { UAutoComplete } from './components/AutoComplete/index.mjs';
 export { affixEmits, affixProps } from './components/Affix/Affix.type.mjs';
 export { UAffix } from './components/Affix/index.mjs';
-export { alertEmits, alertProps, alertType } from './components/Alert/Alert.type.mjs';
+export { alertEmits, alertProps, alertType, alertVariant } from './components/Alert/Alert.type.mjs';
 export { UAlert } from './components/Alert/index.mjs';
 export { autoCompleteEmits, autoCompleteProps } from './components/AutoComplete/AuoComplete.type.mjs';
 export { avatarEmits, avatarProps, avatarShape } from './components/Avatar/Avatar.type.mjs';

package/lib/components/Alert/Alert.js

@@ -29,9 +29,10 @@ const _sfc_main = vue.defineComponent({
         case "warning":
           return lucideVueNext.CircleAlert;
         case "error":
-          return lucideVueNext.CircleX;
+        case "error-outline":
+          return lucideVueNext.CircleAlert;
         default:
-          return lucideVueNext.CircleCheck;
+          return lucideVueNext.Terminal;
       }
     });
     const handleClose = (e) => {
@@ -51,28 +52,15 @@ const _sfc_main = vue.defineComponent({
         props.afterClose();
       }
     };
-    const computedColor = vue.computed(() => {
-      switch (props.type) {
-        case "info":
-        case "error":
-        case "warning":
-        case "success":
-          return props.type;
-        default:
-          return void 0;
-      }
-    });
     return {
       prefixCls,
       iconType,
       stateVisible,
       handleClose,
-      onTransitionOver,
-      computedColor
+      onTransitionOver
     };
   }
 });
-const _hoisted_1 = ["data-color"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_UIcon = vue.resolveComponent("UIcon");
   const _component_X = vue.resolveComponent("X");
@@ -88,11 +76,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           `${_ctx.prefixCls}-${_ctx.type}`,
           {
             [`${_ctx.prefixCls}-with-icon`]: _ctx.showIcon,
-            [`${_ctx.prefixCls}-with-desc`]: _ctx.description,
-            [`${_ctx.prefixCls}-with-banner`]: _ctx.banner
+            [`${_ctx.prefixCls}-with-desc`]: _ctx.description
           }
-        ]),
-        "data-color": _ctx.computedColor
+        ])
       }, [
         _ctx.showIcon ? (vue.openBlock(), vue.createElementBlock("span", {
           key: 0,
@@ -105,12 +91,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             _: 1
           })
         ], 2)) : vue.createCommentVNode("v-if", true),
-        vue.createElementVNode("span", {
+        vue.createElementVNode("div", {
           class: vue.normalizeClass(`${_ctx.prefixCls}-message`)
         }, [
           vue.renderSlot(_ctx.$slots, "default")
         ], 2),
-        vue.createElementVNode("span", {
+        vue.createElementVNode("div", {
           class: vue.normalizeClass(`${_ctx.prefixCls}-desc`)
         }, vue.toDisplayString(_ctx.description), 3),
         _ctx.closable ? (vue.openBlock(), vue.createElementBlock("a", {
@@ -127,7 +113,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             })
           ])
         ], 2)) : vue.createCommentVNode("v-if", true)
-      ], 10, _hoisted_1)) : vue.createCommentVNode("v-if", true)
+      ], 2)) : vue.createCommentVNode("v-if", true)
     ]),
     _: 3
   }, 8, ["onAfterLeave"]);

package/lib/components/Alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../../src/components/Alert/Alert.vue"],"sourcesContent":["<template>\n  <transition name=\"fade\" @after-leave=\"onTransitionOver\">\n    <div\n      v-if=\"stateVisible\"\n      :class=\"[\n        prefixCls,\n        `${prefixCls}-${type}`,\n        {\n          [`${prefixCls}-with-icon`]: showIcon,\n          [`${prefixCls}-with-desc`]: description,\n          [`${prefixCls}-with-banner`]: banner\n        }\n      ]\"\n      :data-color=\"computedColor\"\n    >\n      <span v-if=\"showIcon\" :class=\"`${prefixCls}-icon`\">\n        <UIcon>\n          <component :is=\"icon || iconType\" />\n        </UIcon>\n      </span>\n      <span :class=\"`${prefixCls}-message`\"><slot /></span>\n      <span :class=\"`${prefixCls}-desc`\"> {{ description }} </span>\n      <a v-if=\"closable\" :class=\"`${prefixCls}-close`\" @click=\"handleClose\">\n        <slot name=\"close\">\n          <UIcon>\n            <X />\n          </UIcon>\n        </slot>\n      </a>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\">\nimport { CircleX, CircleCheck, Info, CircleAlert, X } from 'lucide-vue-next';\nimport { defineComponent, computed, ref, watch } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport { alertProps, alertEmits } from './Alert.type';\n\nexport default defineComponent({\n  name: 'UAlert',\n  components: {\n    UIcon,\n    X\n  },\n  props: alertProps,\n  emits: alertEmits,\n  setup(props, { emit }) {\n    const { prefixCls } = useGlobalConfig('alert');\n    const stateVisible = ref(props.visible);\n    const iconType = computed(() => {\n      switch (props.type) {\n        case 'success':\n          return CircleCheck;\n\n        case 'info':\n          return Info;\n\n        case 'warning':\n          return CircleAlert;\n\n        case 'error':\n          return CircleX;\n\n        default:\n          return CircleCheck;\n      }\n    });\n    const handleClose = (e: Event) => {\n      e.stopPropagation();\n      emit('close', e);\n      stateVisible.value = false;\n      emit('update:visible', false);\n    };\n\n    watch(\n      () => props.visible,\n      (val) => {\n        stateVisible.value = val;\n      }\n    );\n\n    const onTransitionOver = () => {\n      if (!stateVisible.value && props.afterClose) {\n        props.afterClose();\n      }\n    };\n\n    const computedColor = computed(() => {\n      switch (props.type) {\n        case 'info':\n        case 'error':\n        case 'warning':\n        case 'success':\n          return props.type;\n        default:\n          return undefined;\n      }\n    });\n\n    return {\n      prefixCls,\n      iconType,\n      stateVisible,\n      handleClose,\n      onTransitionOver,\n      computedColor\n    };\n  }\n});\n</script>\n"],"names":["defineComponent","UIcon","X","alertProps","alertEmits","useGlobalConfig","ref","computed","CircleCheck","Info","CircleAlert","CircleX","_createBlock","_Transition","_createElementBlock","_normalizeClass","_createVNode","_resolveDynamicComponent","_createElementVNode","_renderSlot"],"mappings":";;;;;;;;;;;AAwCA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,WACVC;AAAA,OACAC;AAAA;AACF,EACA,OAAOC;AAAA,EACP,OAAOC;AAAA,EACP,MAAM,OAAO,EAAE,QAAQ;UACf,EAAE,cAAcC,2BAAgB,OAAO;UACvC,eAAeC,QAAI,MAAM,OAAO;UAChC,WAAWC,aAAS,MAAM;cACtB,MAAM;AAAA,aACP;iBACIC;AAAA,aAEJ;iBACIC;AAAA,aAEJ;iBACIC;AAAA,aAEJ;iBACIC;AAAA;iBAGAH;AAAA;AAAA,KAEZ;UACK,cAAc,CAAC,MAAa;QAC9B;WACG,SAAS,CAAC;mBACF,QAAQ;WAChB,kBAAkB,KAAK;AAAA;;MAI5B,MAAM,MAAM;AAAA,MACZ,CAAC,QAAQ;qBACM,QAAQ;AAAA;AACvB;UAGI,mBAAmB,MAAM;UACzB,CAAC,aAAa,SAAS,MAAM,YAAY;cACrC;AAAW;AACnB;UAGI,gBAAgBD,aAAS,MAAM;cAC3B,MAAM;AAAA,aACP;AAAA,aACA;AAAA,aACA;AAAA,aACA;iBACI,MAAM;AAAA;iBAEN;AAAA;AAAA,KAEZ;WAEM;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;;;0BA7GCK,gBA6BaC;IA7BD,MAAK;AAAA,IAAQ,cAAa;;yBACpC,MA2BM;AAAA,MA1BE,sCADRC,uBA2BM;;QAzBH,OAAKC;UAAY;aAAsB,kBAAa;;gBAAgC,6BAAwB;gBAAwB,6BAAwB;gBAA2B,+BAA0B;;;QASjN,cAAY;;QAED,kCAAZD,uBAIO;;UAJgB,OAAKC,sBAAK,qBAAS;AAAA;UACxCC,gBAEQ;iCADN,MAAoC;AAAA,gCAApCJ,gBAAoCK,4BAApB,aAAQ,aAAQ;;;;;QAGpCC,uBAAqD;UAA9C,OAAKH,sBAAK,wBAAS;AAAA;UAAYI,eAAQ;;QAC9CD,uBAA6D;UAAtD,OAAKH,sBAAK,qBAAS;AAAA,+BAAa,gBAAW;QACzC,kCAATD,uBAMI;;UANgB,OAAKC,sBAAK,sBAAS;AAAA,UAAW,SAAK,uCAAE;;UACvDI,eAIO,0BAJP,MAIO;AAAA,YAHLH,gBAEQ;mCADN,MAAK;AAAA,gBAALA,gBAAK;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Alert.js","sources":["../../../../src/components/Alert/Alert.vue"],"sourcesContent":["<template>\n  <transition name=\"fade\" @after-leave=\"onTransitionOver\">\n    <div\n      v-if=\"stateVisible\"\n      :class=\"[\n        prefixCls,\n        `${prefixCls}-${type}`,\n        {\n          [`${prefixCls}-with-icon`]: showIcon,\n          [`${prefixCls}-with-desc`]: description\n        }\n      ]\"\n    >\n      <span v-if=\"showIcon\" :class=\"`${prefixCls}-icon`\">\n        <UIcon>\n          <component :is=\"icon || iconType\" />\n        </UIcon>\n      </span>\n\n      <div :class=\"`${prefixCls}-message`\"><slot /></div>\n      <div :class=\"`${prefixCls}-desc`\">{{ description }}</div>\n\n      <a v-if=\"closable\" :class=\"`${prefixCls}-close`\" @click=\"handleClose\">\n        <slot name=\"close\">\n          <UIcon>\n            <X />\n          </UIcon>\n        </slot>\n      </a>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\">\nimport { CircleCheck, Info, CircleAlert, X, Terminal } from 'lucide-vue-next';\nimport { defineComponent, computed, ref, watch } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport { alertProps, alertEmits } from './Alert.type';\n\nexport default defineComponent({\n  name: 'UAlert',\n  components: {\n    UIcon,\n    X\n  },\n  props: alertProps,\n  emits: alertEmits,\n  setup(props, { emit }) {\n    const { prefixCls } = useGlobalConfig('alert');\n    const stateVisible = ref(props.visible);\n    const iconType = computed(() => {\n      switch (props.type) {\n        case 'success':\n          return CircleCheck;\n\n        case 'info':\n          return Info;\n\n        case 'warning':\n          return CircleAlert;\n\n        case 'error':\n        case 'error-outline':\n          return CircleAlert;\n\n        default:\n          return Terminal;\n      }\n    });\n    const handleClose = (e: Event) => {\n      e.stopPropagation();\n      emit('close', e);\n      stateVisible.value = false;\n      emit('update:visible', false);\n    };\n\n    watch(\n      () => props.visible,\n      (val) => {\n        stateVisible.value = val;\n      }\n    );\n\n    const onTransitionOver = () => {\n      if (!stateVisible.value && props.afterClose) {\n        props.afterClose();\n      }\n    };\n\n    return {\n      prefixCls,\n      iconType,\n      stateVisible,\n      handleClose,\n      onTransitionOver\n    };\n  }\n});\n</script>\n"],"names":["defineComponent","UIcon","X","alertProps","alertEmits","useGlobalConfig","ref","computed","CircleCheck","Info","CircleAlert","Terminal","_createBlock","_Transition","_createElementBlock","_normalizeClass","_createVNode","_resolveDynamicComponent","_createElementVNode","_renderSlot"],"mappings":";;;;;;;;;;;AAwCA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,WACVC;AAAA,OACAC;AAAA;AACF,EACA,OAAOC;AAAA,EACP,OAAOC;AAAA,EACP,MAAM,OAAO,EAAE,QAAQ;UACf,EAAE,cAAcC,2BAAgB,OAAO;UACvC,eAAeC,QAAI,MAAM,OAAO;UAChC,WAAWC,aAAS,MAAM;cACtB,MAAM;AAAA,aACP;iBACIC;AAAA,aAEJ;iBACIC;AAAA,aAEJ;iBACIC;AAAA,aAEJ;AAAA,aACA;iBACIA;AAAA;iBAGAC;AAAA;AAAA,KAEZ;UACK,cAAc,CAAC,MAAa;QAC9B;WACG,SAAS,CAAC;mBACF,QAAQ;WAChB,kBAAkB,KAAK;AAAA;;MAI5B,MAAM,MAAM;AAAA,MACZ,CAAC,QAAQ;qBACM,QAAQ;AAAA;AACvB;UAGI,mBAAmB,MAAM;UACzB,CAAC,aAAa,SAAS,MAAM,YAAY;cACrC;AAAW;AACnB;WAGK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;;0BAjGCC,gBA6BaC;IA7BD,MAAK;AAAA,IAAQ,cAAa;;yBACpC,MA2BM;AAAA,MA1BE,sCADRC,uBA2BM;;QAzBH,OAAKC;UAAY;aAAsB,kBAAa;;gBAAgC,6BAAwB;gBAAwB,6BAAwB;;;;QASjJ,kCAAZD,uBAIO;;UAJgB,OAAKC,sBAAK,qBAAS;AAAA;UACxCC,gBAEQ;iCADN,MAAoC;AAAA,gCAApCJ,gBAAoCK,4BAApB,aAAQ,aAAQ;;;;;QAIpCC,uBAAmD;UAA7C,OAAKH,sBAAK,wBAAS;AAAA;UAAYI,eAAQ;;QAC7CD,uBAAyD;UAAnD,OAAKH,sBAAK,qBAAS;AAAA,+BAAY,gBAAW;QAEvC,kCAATD,uBAMI;;UANgB,OAAKC,sBAAK,sBAAS;AAAA,UAAW,SAAK,uCAAE;;UACvDI,eAIO,0BAJP,MAIO;AAAA,YAHLH,gBAEQ;mCADN,MAAK;AAAA,gBAALA,gBAAK;;;;;;;;;;;;;;;"}

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

@@ -1,12 +1,14 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import type { IconPropType } from '../../utils/globalType';
 import type Alert from './Alert.vue';
-export declare const alertType: readonly ["success", "info", "warning", "error"];
+export declare const alertType: readonly ["default", "success", "info", "warning", "error", "error-outline"];
 export declare type AlertType = (typeof alertType)[number];
+export declare const alertVariant: readonly ["surface", "outline"];
+export declare type AlertVariant = (typeof alertVariant)[number];
 export declare const alertProps: {
     type: {
-        type: PropType<"error" | "success" | "info" | "warning">;
-        validator: (val: "error" | "success" | "info" | "warning") => boolean;
+        type: PropType<"error" | "success" | "info" | "warning" | "default" | "error-outline">;
+        validator: (val: "error" | "success" | "info" | "warning" | "default" | "error-outline") => boolean;
         default: string;
     };
     closable: {
@@ -27,10 +29,6 @@ export declare const alertProps: {
         type: StringConstructor;
         default: string;
     };
-    banner: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     visible: {
         type: BooleanConstructor;
         default: boolean;

package/lib/components/Alert/Alert.type.js

@@ -4,12 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var propsValidators = require('../../utils/propsValidators.js');
 
-const alertType = ["success", "info", "warning", "error"];
+const alertType = ["default", "success", "info", "warning", "error", "error-outline"];
+const alertVariant = ["surface", "outline"];
 const alertProps = {
   type: {
     type: String,
     validator: propsValidators.oneOf(alertType),
-    default: "warning"
+    default: "default"
   },
   closable: {
     type: Boolean,
@@ -29,10 +30,6 @@ const alertProps = {
     type: String,
     default: ""
   },
-  banner: {
-    type: Boolean,
-    default: false
-  },
   visible: {
     type: Boolean,
     default: true
@@ -46,4 +43,5 @@ const alertEmits = {
 exports.alertEmits = alertEmits;
 exports.alertProps = alertProps;
 exports.alertType = alertType;
+exports.alertVariant = alertVariant;
 //# sourceMappingURL=Alert.type.js.map

package/lib/components/Alert/Alert.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.type.js","sources":["../../../../src/components/Alert/Alert.type.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType } from 'vue';\nimport type { IconPropType } from '../../utils/globalType';\nimport { oneOf } from '../../utils/propsValidators';\nimport type Alert from './Alert.vue';\n\nexport const alertType = ['success', 'info', 'warning', 'error'] as const;\n\nexport type AlertType = (typeof alertType)[number];\n\nexport const alertProps = {\n  type: {\n    type: String as PropType<AlertType>,\n    validator: oneOf(alertType),\n    default: 'warning'\n  },\n  closable: {\n    type: Boolean,\n    default: false\n  },\n  afterClose: {\n    type: Function as PropType<() => void>\n  },\n  showIcon: {\n    type: Boolean,\n    default: false\n  },\n  icon: {\n    type: [String, Object] as PropType<IconPropType>\n  },\n  description: {\n    type: String,\n    default: ''\n  },\n  banner: {\n    type: Boolean,\n    default: false\n  },\n  visible: {\n    type: Boolean,\n    default: true\n  }\n};\n\nexport type AlertProps = ExtractPropTypes<typeof alertProps>;\n\nexport const alertEmits = {\n  close: (e: Event) => e instanceof Event,\n  'update:visible': (v: boolean) => typeof v === 'boolean'\n};\n\nexport type AlertInstanceType = InstanceType<typeof Alert>;\n"],"names":["oneOf"],"mappings":";;;;;;MAKa,YAAY,CAAC,WAAW,QAAQ,WAAW,OAAO;MAIlD,aAAa;AAAA,EACxB,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,WAAWA,sBAAM,SAAS;AAAA,IAC1B,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,YAAY;AAAA,IACV,MAAM;AAAA;AACR,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,MAAM;AAAA,IACJ,MAAM,CAAC,QAAQ,MAAM;AAAA;AACvB,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AAEb;MAIa,aAAa;AAAA,EACxB,OAAO,CAAC,MAAa,aAAa;AAAA,EAClC,kBAAkB,CAAC,MAAe,OAAO,MAAM;AACjD;;;;;;"}
+{"version":3,"file":"Alert.type.js","sources":["../../../../src/components/Alert/Alert.type.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType } from 'vue';\nimport type { IconPropType } from '../../utils/globalType';\nimport { oneOf } from '../../utils/propsValidators';\nimport type Alert from './Alert.vue';\n\nexport const alertType = ['default', 'success', 'info', 'warning', 'error', 'error-outline'] as const;\n\nexport type AlertType = (typeof alertType)[number];\n\nexport const alertVariant = ['surface', 'outline'] as const;\n\nexport type AlertVariant = (typeof alertVariant)[number];\n\nexport const alertProps = {\n  type: {\n    type: String as PropType<AlertType>,\n    validator: oneOf(alertType),\n    default: 'default'\n  },\n  closable: {\n    type: Boolean,\n    default: false\n  },\n  afterClose: {\n    type: Function as PropType<() => void>\n  },\n  showIcon: {\n    type: Boolean,\n    default: false\n  },\n  icon: {\n    type: [String, Object] as PropType<IconPropType>\n  },\n  description: {\n    type: String,\n    default: ''\n  },\n  visible: {\n    type: Boolean,\n    default: true\n  }\n};\n\nexport type AlertProps = ExtractPropTypes<typeof alertProps>;\n\nexport const alertEmits = {\n  close: (e: Event) => e instanceof Event,\n  'update:visible': (v: boolean) => typeof v === 'boolean'\n};\n\nexport type AlertInstanceType = InstanceType<typeof Alert>;\n"],"names":["oneOf"],"mappings":";;;;;;MAKa,YAAY,CAAC,WAAW,WAAW,QAAQ,WAAW,SAAS,eAAe;MAI9E,eAAe,CAAC,WAAW,SAAS;MAIpC,aAAa;AAAA,EACxB,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,WAAWA,sBAAM,SAAS;AAAA,IAC1B,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,YAAY;AAAA,IACV,MAAM;AAAA;AACR,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,MAAM;AAAA,IACJ,MAAM,CAAC,QAAQ,MAAM;AAAA;AACvB,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AAEb;MAIa,aAAa;AAAA,EACxB,OAAO,CAAC,MAAa,aAAa;AAAA,EAClC,kBAAkB,CAAC,MAAe,OAAO,MAAM;AACjD;;;;;;;"}

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

@@ -1,7 +1,7 @@
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     type: {
-        type: import("vue").PropType<"error" | "success" | "info" | "warning">;
-        validator: (val: "error" | "success" | "info" | "warning") => boolean;
+        type: import("vue").PropType<"error" | "success" | "info" | "warning" | "default" | "error-outline">;
+        validator: (val: "error" | "success" | "info" | "warning" | "default" | "error-outline") => boolean;
         default: string;
     };
     closable: {
@@ -22,10 +22,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
-    banner: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     visible: {
         type: BooleanConstructor;
         default: boolean;
@@ -36,14 +32,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     stateVisible: import("vue").Ref<boolean, boolean>;
     handleClose: (e: Event) => void;
     onTransitionOver: () => void;
-    computedColor: import("vue").ComputedRef<"error" | "success" | "info" | "warning">;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (e: Event) => boolean;
     'update:visible': (v: boolean) => boolean;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     type: {
-        type: import("vue").PropType<"error" | "success" | "info" | "warning">;
-        validator: (val: "error" | "success" | "info" | "warning") => boolean;
+        type: import("vue").PropType<"error" | "success" | "info" | "warning" | "default" | "error-outline">;
+        validator: (val: "error" | "success" | "info" | "warning" | "default" | "error-outline") => boolean;
         default: string;
     };
     closable: {
@@ -64,10 +59,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
-    banner: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     visible: {
         type: BooleanConstructor;
         default: boolean;
@@ -76,11 +67,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onClose?: (e: Event) => any;
     "onUpdate:visible"?: (v: boolean) => any;
 }>, {
-    type: "error" | "success" | "info" | "warning";
+    type: "error" | "success" | "info" | "warning" | "default" | "error-outline";
     closable: boolean;
     showIcon: boolean;
     description: string;
-    banner: boolean;
     visible: boolean;
 }, {}, {
     UIcon: {

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

@@ -1,8 +1,8 @@
 export declare const UAlert: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         type: {
-            type: import("vue").PropType<"error" | "success" | "info" | "warning">;
-            validator: (val: "error" | "success" | "info" | "warning") => boolean;
+            type: import("vue").PropType<"error" | "success" | "info" | "warning" | "default" | "error-outline">;
+            validator: (val: "error" | "success" | "info" | "warning" | "default" | "error-outline") => boolean;
             default: string;
         };
         closable: {
@@ -23,10 +23,6 @@ export declare const UAlert: {
             type: StringConstructor;
             default: string;
         };
-        banner: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
         visible: {
             type: BooleanConstructor;
             default: boolean;
@@ -40,16 +36,14 @@ export declare const UAlert: {
         stateVisible: import("vue").Ref<boolean, boolean>;
         handleClose: (e: Event) => void;
         onTransitionOver: () => void;
-        computedColor: import("vue").ComputedRef<"error" | "success" | "info" | "warning">;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         close: (e: Event) => boolean;
         'update:visible': (v: boolean) => boolean;
     }, import("vue").PublicProps, {
-        type: "error" | "success" | "info" | "warning";
+        type: "error" | "success" | "info" | "warning" | "default" | "error-outline";
         closable: boolean;
         showIcon: boolean;
         description: string;
-        banner: boolean;
         visible: boolean;
     }, true, {}, {}, {
         UIcon: {
@@ -193,8 +187,8 @@ export declare const UAlert: {
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
         type: {
-            type: import("vue").PropType<"error" | "success" | "info" | "warning">;
-            validator: (val: "error" | "success" | "info" | "warning") => boolean;
+            type: import("vue").PropType<"error" | "success" | "info" | "warning" | "default" | "error-outline">;
+            validator: (val: "error" | "success" | "info" | "warning" | "default" | "error-outline") => boolean;
             default: string;
         };
         closable: {
@@ -215,10 +209,6 @@ export declare const UAlert: {
             type: StringConstructor;
             default: string;
         };
-        banner: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
         visible: {
             type: BooleanConstructor;
             default: boolean;
@@ -232,13 +222,11 @@ export declare const UAlert: {
         stateVisible: import("vue").Ref<boolean, boolean>;
         handleClose: (e: Event) => void;
         onTransitionOver: () => void;
-        computedColor: import("vue").ComputedRef<"error" | "success" | "info" | "warning">;
     }, {}, {}, {}, {
-        type: "error" | "success" | "info" | "warning";
+        type: "error" | "success" | "info" | "warning" | "default" | "error-outline";
         closable: boolean;
         showIcon: boolean;
         description: string;
-        banner: boolean;
         visible: boolean;
     }>;
     __isFragment?: never;
@@ -246,8 +234,8 @@ export declare const UAlert: {
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     type: {
-        type: import("vue").PropType<"error" | "success" | "info" | "warning">;
-        validator: (val: "error" | "success" | "info" | "warning") => boolean;
+        type: import("vue").PropType<"error" | "success" | "info" | "warning" | "default" | "error-outline">;
+        validator: (val: "error" | "success" | "info" | "warning" | "default" | "error-outline") => boolean;
         default: string;
     };
     closable: {
@@ -268,10 +256,6 @@ export declare const UAlert: {
         type: StringConstructor;
         default: string;
     };
-    banner: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     visible: {
         type: BooleanConstructor;
         default: boolean;
@@ -285,16 +269,14 @@ export declare const UAlert: {
     stateVisible: import("vue").Ref<boolean, boolean>;
     handleClose: (e: Event) => void;
     onTransitionOver: () => void;
-    computedColor: import("vue").ComputedRef<"error" | "success" | "info" | "warning">;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (e: Event) => boolean;
     'update:visible': (v: boolean) => boolean;
 }, string, {
-    type: "error" | "success" | "info" | "warning";
+    type: "error" | "success" | "info" | "warning" | "default" | "error-outline";
     closable: boolean;
     showIcon: boolean;
     description: string;
-    banner: boolean;
     visible: boolean;
 }, {}, string, {}, {
     UIcon: {

package/lib/components/Alert/index.js

@@ -11,6 +11,7 @@ const UAlert = install.withInstall(Alert["default"]);
 exports.alertEmits = Alert_type.alertEmits;
 exports.alertProps = Alert_type.alertProps;
 exports.alertType = Alert_type.alertType;
+exports.alertVariant = Alert_type.alertVariant;
 exports.UAlert = UAlert;
 exports["default"] = UAlert;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Alert/index.ts"],"sourcesContent":["import { withInstall } from '../../utils/install';\nimport Alert from './Alert.vue';\n\nexport const UAlert = withInstall(Alert);\n\nexport default UAlert;\n\nexport * from './Alert.type';\n"],"names":["withInstall","Alert"],"mappings":";;;;;;;;MAGa,SAASA,oBAAYC,gBAAK;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Alert/index.ts"],"sourcesContent":["import { withInstall } from '../../utils/install';\nimport Alert from './Alert.vue';\n\nexport const UAlert = withInstall(Alert);\n\nexport default UAlert;\n\nexport * from './Alert.type';\n"],"names":["withInstall","Alert"],"mappings":";;;;;;;;MAGa,SAASA,oBAAYC,gBAAK;;;;;;;;;"}

package/lib/components/Badge/Badge.js

@@ -21,13 +21,11 @@ const _sfc_main = vue.defineComponent({
       if (props.status) {
         switch (props.status) {
           case "success":
-            return "green";
-          case "processing":
-            return "blue";
           case "error":
-            return "red";
           case "warning":
-            return "orange";
+            return props.status;
+          case "processing":
+            return "primary";
           default:
             return void 0;
         }