@koi-design/uxd-ui 14.0.2 → 14.0.3

package/es/components/Alert/Alert.mjs

@@ -1,4 +1,4 @@
-import { X, CircleCheck, CircleX, CircleAlert, Info } from 'lucide-vue-next';
+import { X, Terminal, CircleAlert, Info, CircleCheck } from 'lucide-vue-next';
 import { defineComponent, ref, computed, watch, resolveComponent, openBlock, createBlock, Transition, withCtx, createElementBlock, normalizeClass, createVNode, resolveDynamicComponent, createCommentVNode, createElementVNode, renderSlot, toDisplayString } from 'vue';
 import { UIcon } from '../Icon/index.mjs';
 import useGlobalConfig from '../base/hooks/useGlobalConfig.mjs';
@@ -25,9 +25,10 @@ const _sfc_main = defineComponent({
         case "warning":
           return CircleAlert;
         case "error":
-          return CircleX;
+        case "error-outline":
+          return CircleAlert;
         default:
-          return CircleCheck;
+          return Terminal;
       }
     });
     const handleClose = (e) => {
@@ -47,28 +48,15 @@ const _sfc_main = defineComponent({
         props.afterClose();
       }
     };
-    const computedColor = 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 = resolveComponent("UIcon");
   const _component_X = resolveComponent("X");
@@ -84,11 +72,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 ? (openBlock(), createElementBlock("span", {
           key: 0,
@@ -101,12 +87,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             _: 1
           })
         ], 2)) : createCommentVNode("v-if", true),
-        createElementVNode("span", {
+        createElementVNode("div", {
           class: normalizeClass(`${_ctx.prefixCls}-message`)
         }, [
           renderSlot(_ctx.$slots, "default")
         ], 2),
-        createElementVNode("span", {
+        createElementVNode("div", {
           class: normalizeClass(`${_ctx.prefixCls}-desc`)
         }, toDisplayString(_ctx.description), 3),
         _ctx.closable ? (openBlock(), createElementBlock("a", {
@@ -123,7 +109,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             })
           ])
         ], 2)) : createCommentVNode("v-if", true)
-      ], 10, _hoisted_1)) : createCommentVNode("v-if", true)
+      ], 2)) : createCommentVNode("v-if", true)
     ]),
     _: 3
   }, 8, ["onAfterLeave"]);

package/es/components/Alert/Alert.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.mjs","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":["_createBlock","_Transition","_createElementBlock","_normalizeClass","_createVNode","_resolveDynamicComponent","_createElementVNode","_renderSlot"],"mappings":";;;;;;;AAwCA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA;AACF,EACA,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM,OAAO,EAAE,QAAQ;UACf,EAAE,cAAc,gBAAgB,OAAO;UACvC,eAAe,IAAI,MAAM,OAAO;UAChC,WAAW,SAAS,MAAM;cACtB,MAAM;AAAA,aACP;iBACI;AAAA,aAEJ;iBACI;AAAA,aAEJ;iBACI;AAAA,aAEJ;iBACI;AAAA;iBAGA;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,gBAAgB,SAAS,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;;;;;sBA7GCA,YA6BaC;IA7BD,MAAK;AAAA,IAAQ,cAAa;;qBACpC,MA2BM;AAAA,MA1BE,kCADRC,mBA2BM;;QAzBH,OAAKC;UAAY;aAAsB,kBAAa;;gBAAgC,6BAAwB;gBAAwB,6BAAwB;gBAA2B,+BAA0B;;;QASjN,cAAY;;QAED,8BAAZD,mBAIO;;UAJgB,OAAKC,kBAAK,qBAAS;AAAA;UACxCC,YAEQ;6BADN,MAAoC;AAAA,4BAApCJ,YAAoCK,wBAApB,aAAQ,aAAQ;;;;;QAGpCC,mBAAqD;UAA9C,OAAKH,kBAAK,wBAAS;AAAA;UAAYI,WAAQ;;QAC9CD,mBAA6D;UAAtD,OAAKH,kBAAK,qBAAS;AAAA,2BAAa,gBAAW;QACzC,8BAATD,mBAMI;;UANgB,OAAKC,kBAAK,sBAAS;AAAA,UAAW,SAAK,uCAAE;;UACvDI,WAIO,0BAJP,MAIO;AAAA,YAHLH,YAEQ;+BADN,MAAK;AAAA,gBAALA,YAAK;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Alert.mjs","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":["_createBlock","_Transition","_createElementBlock","_normalizeClass","_createVNode","_resolveDynamicComponent","_createElementVNode","_renderSlot"],"mappings":";;;;;;;AAwCA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA;AACF,EACA,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM,OAAO,EAAE,QAAQ;UACf,EAAE,cAAc,gBAAgB,OAAO;UACvC,eAAe,IAAI,MAAM,OAAO;UAChC,WAAW,SAAS,MAAM;cACtB,MAAM;AAAA,aACP;iBACI;AAAA,aAEJ;iBACI;AAAA,aAEJ;iBACI;AAAA,aAEJ;AAAA,aACA;iBACI;AAAA;iBAGA;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;;;;sBAjGCA,YA6BaC;IA7BD,MAAK;AAAA,IAAQ,cAAa;;qBACpC,MA2BM;AAAA,MA1BE,kCADRC,mBA2BM;;QAzBH,OAAKC;UAAY;aAAsB,kBAAa;;gBAAgC,6BAAwB;gBAAwB,6BAAwB;;;;QASjJ,8BAAZD,mBAIO;;UAJgB,OAAKC,kBAAK,qBAAS;AAAA;UACxCC,YAEQ;6BADN,MAAoC;AAAA,4BAApCJ,YAAoCK,wBAApB,aAAQ,aAAQ;;;;;QAIpCC,mBAAmD;UAA7C,OAAKH,kBAAK,wBAAS;AAAA;UAAYI,WAAQ;;QAC7CD,mBAAyD;UAAnD,OAAKH,kBAAK,qBAAS;AAAA,2BAAY,gBAAW;QAEvC,8BAATD,mBAMI;;UANgB,OAAKC,kBAAK,sBAAS;AAAA,UAAW,SAAK,uCAAE;;UACvDI,WAIO,0BAJP,MAIO;AAAA,YAHLH,YAEQ;+BADN,MAAK;AAAA,gBAALA,YAAK;;;;;;;;;;;;;;;"}

package/es/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/es/components/Alert/Alert.type.mjs

@@ -1,11 +1,12 @@
 import { oneOf } from '../../utils/propsValidators.mjs';
 
-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: oneOf(alertType),
-    default: "warning"
+    default: "default"
   },
   closable: {
     type: Boolean,
@@ -25,10 +26,6 @@ const alertProps = {
     type: String,
     default: ""
   },
-  banner: {
-    type: Boolean,
-    default: false
-  },
   visible: {
     type: Boolean,
     default: true
@@ -39,5 +36,5 @@ const alertEmits = {
   "update:visible": (v) => typeof v === "boolean"
 };
 
-export { alertEmits, alertProps, alertType };
+export { alertEmits, alertProps, alertType, alertVariant };
 //# sourceMappingURL=Alert.type.mjs.map

package/es/components/Alert/Alert.type.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.type.mjs","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":[],"mappings":";;MAKa,YAAY,CAAC,WAAW,QAAQ,WAAW,OAAO;MAIlD,aAAa;AAAA,EACxB,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,WAAW,MAAM,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.mjs","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":[],"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,WAAW,MAAM,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/es/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/es/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/es/components/Alert/index.mjs

@@ -1,6 +1,6 @@
 import { withInstall } from '../../utils/install.mjs';
 import Alert from './Alert.mjs';
-export { alertEmits, alertProps, alertType } from './Alert.type.mjs';
+export { alertEmits, alertProps, alertType, alertVariant } from './Alert.type.mjs';
 
 const UAlert = withInstall(Alert);
 

package/es/components/Calendar/Calendar.vue.d.ts

@@ -53,7 +53,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             (value: number): Dayjs;
         };
         day: {
-            (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+            (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
             (value: number): Dayjs;
         };
         hour: {
@@ -142,7 +142,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             (value: number): Dayjs;
         };
         day: {
-            (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+            (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
             (value: number): Dayjs;
         };
         hour: {

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

@@ -58,7 +58,7 @@ export declare const UCalendar: {
                 (value: number): import("dayjs").Dayjs;
             };
             day: {
-                (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                 (value: number): import("dayjs").Dayjs;
             };
             hour: {
@@ -147,7 +147,7 @@ export declare const UCalendar: {
                 (value: number): import("dayjs").Dayjs;
             };
             day: {
-                (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                 (value: number): import("dayjs").Dayjs;
             };
             hour: {
@@ -1784,7 +1784,7 @@ export declare const UCalendar: {
                 (value: number): import("dayjs").Dayjs;
             };
             day: {
-                (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                 (value: number): import("dayjs").Dayjs;
             };
             hour: {
@@ -1873,7 +1873,7 @@ export declare const UCalendar: {
                 (value: number): import("dayjs").Dayjs;
             };
             day: {
-                (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                 (value: number): import("dayjs").Dayjs;
             };
             hour: {
@@ -2022,7 +2022,7 @@ export declare const UCalendar: {
             (value: number): import("dayjs").Dayjs;
         };
         day: {
-            (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+            (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
             (value: number): import("dayjs").Dayjs;
         };
         hour: {
@@ -2111,7 +2111,7 @@ export declare const UCalendar: {
             (value: number): import("dayjs").Dayjs;
         };
         day: {
-            (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+            (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
             (value: number): import("dayjs").Dayjs;
         };
         hour: {

package/es/components/DatePicker/DatePicker.vue.d.ts

@@ -763,7 +763,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 (value: number): import("dayjs").Dayjs;
             };
             day: {
-                (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                 (value: number): import("dayjs").Dayjs;
             };
             hour: {
@@ -852,7 +852,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 (value: number): import("dayjs").Dayjs;
             };
             day: {
-                (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                 (value: number): import("dayjs").Dayjs;
             };
             hour: {
@@ -942,7 +942,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 (value: number): import("dayjs").Dayjs;
             };
             day: {
-                (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                 (value: number): import("dayjs").Dayjs;
             };
             hour: {
@@ -1031,7 +1031,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 (value: number): import("dayjs").Dayjs;
             };
             day: {
-                (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                 (value: number): import("dayjs").Dayjs;
             };
             hour: {
@@ -1370,7 +1370,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 (value: number): import("dayjs").Dayjs;
             };
             day: {
-                (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                 (value: number): import("dayjs").Dayjs;
             };
             hour: {
@@ -1459,7 +1459,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 (value: number): import("dayjs").Dayjs;
             };
             day: {
-                (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                 (value: number): import("dayjs").Dayjs;
             };
             hour: {
@@ -1549,7 +1549,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 (value: number): import("dayjs").Dayjs;
             };
             day: {
-                (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                 (value: number): import("dayjs").Dayjs;
             };
             hour: {
@@ -1638,7 +1638,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 (value: number): import("dayjs").Dayjs;
             };
             day: {
-                (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                 (value: number): import("dayjs").Dayjs;
             };
             hour: {
@@ -4539,7 +4539,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 (value: number): import("dayjs").Dayjs;
             };
             day: {
-                (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                 (value: number): import("dayjs").Dayjs;
             };
             hour: {
@@ -4628,7 +4628,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 (value: number): import("dayjs").Dayjs;
             };
             day: {
-                (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                 (value: number): import("dayjs").Dayjs;
             };
             hour: {
@@ -4718,7 +4718,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 (value: number): import("dayjs").Dayjs;
             };
             day: {
-                (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                 (value: number): import("dayjs").Dayjs;
             };
             hour: {
@@ -4807,7 +4807,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 (value: number): import("dayjs").Dayjs;
             };
             day: {
-                (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                 (value: number): import("dayjs").Dayjs;
             };
             hour: {
@@ -5041,7 +5041,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     (value: number): import("dayjs").Dayjs;
                 };
                 day: {
-                    (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                    (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                     (value: number): import("dayjs").Dayjs;
                 };
                 hour: {
@@ -5130,7 +5130,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     (value: number): import("dayjs").Dayjs;
                 };
                 day: {
-                    (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                    (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                     (value: number): import("dayjs").Dayjs;
                 };
                 hour: {

package/es/components/DatePicker/Panel/DatePickerPanel.vue.d.ts

@@ -64,7 +64,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             (value: number): Dayjs;
         };
         day: {
-            (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+            (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
             (value: number): Dayjs;
         };
         hour: {
@@ -153,7 +153,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             (value: number): Dayjs;
         };
         day: {
-            (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+            (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
             (value: number): Dayjs;
         };
         hour: {
@@ -243,7 +243,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             (value: number): Dayjs;
         };
         day: {
-            (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+            (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
             (value: number): Dayjs;
         };
         hour: {
@@ -332,7 +332,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             (value: number): Dayjs;
         };
         day: {
-            (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+            (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
             (value: number): Dayjs;
         };
         hour: {

package/es/components/DatePicker/Panel/DateRangePanel.vue.d.ts

@@ -80,7 +80,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             (value: number): Dayjs;
         };
         day: {
-            (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+            (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
             (value: number): Dayjs;
         };
         hour: {
@@ -169,7 +169,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             (value: number): Dayjs;
         };
         day: {
-            (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+            (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
             (value: number): Dayjs;
         };
         hour: {
@@ -259,7 +259,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             (value: number): Dayjs;
         };
         day: {
-            (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+            (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
             (value: number): Dayjs;
         };
         hour: {
@@ -348,7 +348,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             (value: number): Dayjs;
         };
         day: {
-            (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+            (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
             (value: number): Dayjs;
         };
         hour: {
@@ -582,7 +582,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 (value: number): Dayjs;
             };
             day: {
-                (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                 (value: number): Dayjs;
             };
             hour: {
@@ -671,7 +671,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 (value: number): Dayjs;
             };
             day: {
-                (): 0 | 2 | 1 | 4 | 3 | 5 | 6;
+                (): 0 | 2 | 1 | 6 | 4 | 3 | 5;
                 (value: number): Dayjs;
             };
             hour: {