@koi-design/uxd-ui 14.0.2 → 14.0.4

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: {

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

@@ -75,7 +75,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: {
@@ -164,7 +164,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/Trigger/DateRangeInput.vue.d.ts

@@ -65,7 +65,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: {
@@ -154,7 +154,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: {
@@ -244,7 +244,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: {
@@ -333,7 +333,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/index.d.ts

@@ -657,7 +657,7 @@ export declare const UDatePicker: {
                     (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: {
@@ -746,7 +746,7 @@ export declare const UDatePicker: {
                     (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: {
@@ -836,7 +836,7 @@ export declare const UDatePicker: {
                     (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: {
@@ -925,7 +925,7 @@ export declare const UDatePicker: {
                     (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: {
@@ -1264,7 +1264,7 @@ export declare const UDatePicker: {
                     (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: {
@@ -1353,7 +1353,7 @@ export declare const UDatePicker: {
                     (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: {
@@ -1443,7 +1443,7 @@ export declare const UDatePicker: {
                     (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: {
@@ -1532,7 +1532,7 @@ export declare const UDatePicker: {
                     (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: {
@@ -4433,7 +4433,7 @@ export declare const UDatePicker: {
                     (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: {
@@ -4522,7 +4522,7 @@ export declare const UDatePicker: {
                     (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: {
@@ -4612,7 +4612,7 @@ export declare const UDatePicker: {
                     (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: {
@@ -4701,7 +4701,7 @@ export declare const UDatePicker: {
                     (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: {
@@ -4935,7 +4935,7 @@ export declare const UDatePicker: {
                         (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: {
@@ -5024,7 +5024,7 @@ export declare const UDatePicker: {
                         (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: {
@@ -7906,7 +7906,7 @@ export declare const UDatePicker: {
                 (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: {
@@ -7995,7 +7995,7 @@ export declare const UDatePicker: {
                 (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: {
@@ -8085,7 +8085,7 @@ export declare const UDatePicker: {
                 (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: {
@@ -8174,7 +8174,7 @@ export declare const UDatePicker: {
                 (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: {
@@ -8513,7 +8513,7 @@ export declare const UDatePicker: {
                 (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: {
@@ -8602,7 +8602,7 @@ export declare const UDatePicker: {
                 (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: {
@@ -8692,7 +8692,7 @@ export declare const UDatePicker: {
                 (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: {
@@ -8781,7 +8781,7 @@ export declare const UDatePicker: {
                 (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: {
@@ -11682,7 +11682,7 @@ export declare const UDatePicker: {
                 (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: {
@@ -11771,7 +11771,7 @@ export declare const UDatePicker: {
                 (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: {
@@ -11861,7 +11861,7 @@ export declare const UDatePicker: {
                 (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: {
@@ -11950,7 +11950,7 @@ export declare const UDatePicker: {
                 (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: {
@@ -12184,7 +12184,7 @@ export declare const UDatePicker: {
                     (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: {
@@ -12273,7 +12273,7 @@ export declare const UDatePicker: {
                     (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/Drawer/Drawer.d.ts

@@ -27,6 +27,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
     closable: {
         type: BooleanConstructor;
         default: boolean;
@@ -105,6 +109,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
     closable: {
         type: BooleanConstructor;
         default: boolean;
@@ -156,6 +164,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onUpdate:visible"?: (v: boolean) => any;
     "onAfter-visible-change"?: (v: boolean) => any;
 }>, {
+    description: string;
     visible: boolean;
     title: string;
     size: "default" | "large";

package/es/components/Drawer/Drawer.mjs

@@ -226,20 +226,22 @@ var Drawer = defineComponent({
     const renderDrawer = lazyRender(() => {
       const renderConrent = () => {
         var _a;
-        return createVNode(Fragment, null, [createVNode("div", {
-          "ref": headerRef,
-          "class": `${prefixCls.value}-header`,
-          "style": props.headerStyle
-        }, [createVNode("h2", {
-          "class": `${prefixCls.value}-header-title`
-        }, [slots.title ? slots.title() : props.title]), props.closable && createVNode("button", {
+        return createVNode(Fragment, null, [props.closable && createVNode("button", {
           "class": `${prefixCls.value}-close`,
           "onClick": () => handleClose("close")
         }, [createVNode(UIcon, {
           "class": `${prefixCls.value}-close-icon`
         }, {
           default: () => [createVNode(X, null, null)]
-        })])]), createVNode("div", {
+        })]), createVNode("div", {
+          "ref": headerRef,
+          "class": `${prefixCls.value}-header`,
+          "style": props.headerStyle
+        }, [createVNode("h2", {
+          "class": `${prefixCls.value}-header-title`
+        }, [slots.title ? slots.title() : props.title]), props.description && createVNode("p", {
+          "class": `${prefixCls.value}-header-description`
+        }, [props.description])]), createVNode("div", {
           "class": `${prefixCls.value}-body`,
           "style": {
             ...props.bodyStyle,

package/es/components/Drawer/Drawer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.mjs","sources":["../../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import {\n  defineComponent,\n  watch,\n  computed,\n  ref,\n  provide,\n  inject,\n  // onMounted,\n  onBeforeUnmount,\n  onActivated,\n  onDeactivated,\n  nextTick,\n  Teleport,\n  Transition,\n  onMounted\n} from 'vue';\nimport type { CSSProperties } from 'vue';\nimport { X } from 'lucide-vue-next';\nimport UIcon from '@uxd-ui/components/Icon';\nimport Mask from '../Mask';\nimport KeyCode from '../../utils/KeyCode';\nimport { useGlobalConfig, useLazyRender, useShouldRender } from '../base/hooks';\nimport { setBodyStyle, isValid } from '../../utils';\nimport { drawerProps, drawerEmits, type ChangeTranslateFunction, type DrawerCloseType } from './Drawer.type';\n\nlet visibleCount = 0;\nconst drawerGlobalZIndex = 1000;\n\nexport default defineComponent({\n  name: 'UDrawer',\n  inheritAttrs: false,\n  props: drawerProps,\n  emits: drawerEmits,\n  setup(props, { emit, attrs, slots }) {\n    let openStatus = false;\n    let shouldReopen = false;\n    const { prefixCls } = useGlobalConfig('drawer');\n    const selfVisible = ref(props.visible);\n    const zIndex = ref<number>(drawerGlobalZIndex);\n    const animationEnd = ref(false);\n    const isMounted = ref(false);\n\n    const wrapRef = ref<HTMLElement | null>(null);\n    const headerRef = ref<HTMLElement | null>(null);\n    const footerRef = ref<HTMLElement | null>(null);\n\n    const lazyRender = useLazyRender(() => props.visible || !props.lazyRender);\n\n    const open = () => {\n      if (!openStatus) {\n        if (props.zIndex !== undefined) {\n          zIndex.value = +props.zIndex;\n        }\n        openStatus = true;\n        // zIndex.value = ++drawerGlobalZIndex;\n      }\n    };\n\n    watch(\n      () => props.visible,\n      (val) => {\n        selfVisible.value = val;\n        if (val && !openStatus) {\n          open();\n          if (attrs.tabindex === 0) {\n            nextTick(() => {\n              wrapRef.value?.focus();\n            });\n          }\n        }\n        if (!val && openStatus) {\n          openStatus = false;\n        }\n      }\n    );\n\n    const handleClose = (type: DrawerCloseType) => {\n      selfVisible.value = false;\n      openStatus = false;\n      emit('update:visible', false);\n      emit('close', type);\n    };\n\n    /**\n     * @param {*}\n     * @return {*}\n     * @description mask close method\n     */\n    const handleMaskClose = () => {\n      if (props.maskClosable) {\n        handleClose('mask');\n      }\n    };\n\n    /**\n     * In case drawer might has child drawer component,\n     * we need to translate parent drawer to tell them apart\n     */\n    const drawerLevel = ref(1);\n\n    const changeTrans = (val: boolean) => {\n      if (val) {\n        drawerLevel.value += 1;\n      } else if (drawerLevel.value > 1) {\n        drawerLevel.value -= 1;\n      }\n    };\n\n    provide('changeParentTrans', changeTrans);\n\n    const changeParentTrans = inject<ChangeTranslateFunction | null>('changeParentTrans', null);\n\n    const changeBodyOverflow = (val: boolean) => {\n      if (visibleCount > 0 && val) {\n        setBodyStyle(true);\n      } else if (!visibleCount) {\n        setBodyStyle(false);\n      }\n    };\n\n    const bodyHeight = ref<string>('');\n\n    const calcBodyHeight = () => {\n      const headerFooter = Number(headerRef.value?.offsetHeight || 0) + Number(footerRef.value?.offsetHeight || 0);\n      bodyHeight.value = `calc(100% - ${headerFooter}px)`;\n    };\n\n    const observer = new MutationObserver(calcBodyHeight);\n\n    let init = false;\n    watch(\n      selfVisible,\n      (val) => {\n        if (changeParentTrans) {\n          changeParentTrans(val);\n        }\n        if (props.parentDom === 'body') {\n          if (val) {\n            visibleCount += 1;\n          } else if (init) {\n            visibleCount -= 1;\n          }\n          if (init) {\n            changeBodyOverflow(val);\n          }\n        }\n        init = true;\n        if (val) {\n          nextTick(() => {\n            calcBodyHeight();\n            const config = { attributes: true, childList: true, subtree: true };\n            if (wrapRef.value) {\n              observer.observe(wrapRef.value as any, config);\n            }\n          });\n        } else {\n          observer.disconnect();\n        }\n      },\n      { immediate: true }\n    );\n\n    const toDom = computed(() => {\n      if (!props.parentDom) {\n        return 'body';\n      }\n      if (typeof props.parentDom === 'function') {\n        return props.parentDom() || 'body';\n      }\n      return props.parentDom;\n    });\n\n    const positionStyle = computed(() => {\n      const style: CSSProperties = {};\n      if (toDom.value !== 'body') {\n        style.position = 'absolute';\n      }\n      return style;\n    });\n\n    const wrapStyle = computed(() => {\n      const style: CSSProperties = {\n        zIndex: zIndex.value\n      };\n\n      if (isValid(props.duration)) {\n        style.transitionDuration = `${props.duration}s`;\n      }\n\n      const place = props.placement;\n      let translate = 'none';\n      let widthStyle: number | undefined = props.width;\n      let heightStyle: number | undefined = props.height;\n      if (place === 'left' || place === 'right') {\n        translate = `translate(${place === 'left' ? 180 : -180}px, 0)`;\n        heightStyle = undefined;\n      }\n\n      if (place === 'top' || place === 'bottom') {\n        translate = `translateY(${place === 'top' ? 180 : -180}px)`;\n        widthStyle = undefined;\n      }\n\n      style.width = widthStyle && `${widthStyle}px`;\n      style.height = heightStyle && `${heightStyle}px`;\n      style.transform = drawerLevel.value > 1 ? translate : undefined;\n      style.zIndex = zIndex.value;\n\n      return style;\n    });\n\n    onMounted(() => {\n      isMounted.value = true;\n    });\n\n    onBeforeUnmount(() => {\n      observer.disconnect();\n      if (changeParentTrans && selfVisible.value) {\n        changeParentTrans(false);\n      }\n      if (props.parentDom === 'body') {\n        if (selfVisible.value) {\n          visibleCount = visibleCount > 0 ? visibleCount - 1 : visibleCount;\n          changeBodyOverflow(false);\n        }\n      }\n    });\n\n    onActivated(() => {\n      if (shouldReopen) {\n        emit('update:visible', true);\n        shouldReopen = false;\n      }\n    });\n\n    onDeactivated(() => {\n      observer.disconnect();\n      if (selfVisible.value) {\n        handleClose('close');\n        shouldReopen = true;\n      }\n    });\n\n    /**\n     * @param {event} e\n     * @return {*}\n     * @description handle key down event, to close drawer\n     */\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.keyCode === KeyCode.ESC && props.escClosable) {\n        handleClose('esc');\n      }\n    };\n\n    /**\n     * @param {*}\n     * @return {*}\n     * @description after transition animation end, invoke callback and desdroy wrap\n     */\n    const handleAnimationEnd = () => {\n      // if (wrapRef.value === e.target && e.animationName.match(/^drawerSlide/)) {\n      //   emit('after-visible-change', selfVisible.value);\n      //   animationEnd.value = !selfVisible.value;\n      // }\n      emit('after-visible-change', selfVisible.value);\n      animationEnd.value = !selfVisible.value;\n    };\n\n    const renderMask = () => {\n      if (props.showMask) {\n        return (\n          <Mask\n            show={props.visible}\n            zIndex={zIndex.value - 1}\n            duration={props.duration}\n            customStyle={{ ...props.maskStyle, ...positionStyle.value }}\n            class={props.maskClass}\n            onClick={handleMaskClose}\n          />\n        );\n      }\n    };\n\n    const renderDrawer = lazyRender(() => {\n      const renderConrent = () => (\n        <>\n          <div ref={headerRef} class={`${prefixCls.value}-header`} style={props.headerStyle}>\n            <h2 class={`${prefixCls.value}-header-title`}>{slots.title ? slots.title() : props.title}</h2>\n            {props.closable && (\n              <button class={`${prefixCls.value}-close`} onClick={() => handleClose('close')}>\n                <UIcon class={`${prefixCls.value}-close-icon`}>\n                  <X />\n                </UIcon>\n              </button>\n            )}\n          </div>\n          <div class={`${prefixCls.value}-body`} style={{ ...props.bodyStyle, height: bodyHeight.value }}>\n            {slots.default?.()}\n          </div>\n          {slots.footer ? (\n            <div ref={footerRef} class={`${prefixCls.value}-footer`} style={props.footerStyle}>\n              {slots.footer()}\n            </div>\n          ) : null}\n        </>\n      );\n\n      return (\n        <div\n          v-show={selfVisible.value}\n          ref={wrapRef}\n          class={[prefixCls.value, props.className, `${prefixCls.value}-${props.placement}`, `${prefixCls.value}-${props.size}`]}\n          style={{ ...wrapStyle.value, ...positionStyle.value }}\n          {...attrs}\n          tabindex={-1}\n          onKeydown={handleKeyDown}\n        >\n          {useShouldRender(props.visible, props.destroyOnClose, animationEnd.value, renderConrent)}\n        </div>\n      );\n    });\n\n    return () =>\n      isMounted.value ? (\n        <Teleport to={toDom.value}>\n          <Transition\n            v-slots={{ default: renderDrawer }}\n            name={props.transition || `drawer-slide-${props.placement}`}\n            appear={props.transitionAppear}\n            onAfterEnter={handleAnimationEnd}\n            onAfterLeave={handleAnimationEnd}\n          />\n          {renderMask()}\n        </Teleport>\n      ) : null;\n  }\n});\n"],"names":["visibleCount","drawerGlobalZIndex","defineComponent","name","inheritAttrs","props","drawerProps","emits","drawerEmits","setup","emit","attrs","slots","openStatus","shouldReopen","prefixCls","useGlobalConfig","selfVisible","ref","visible","zIndex","animationEnd","isMounted","wrapRef","headerRef","footerRef","lazyRender","useLazyRender","open","undefined","value","watch","val","tabindex","nextTick","focus","handleClose","type","handleMaskClose","maskClosable","drawerLevel","changeTrans","provide","changeParentTrans","inject","changeBodyOverflow","setBodyStyle","bodyHeight","calcBodyHeight","headerFooter","Number","offsetHeight","observer","MutationObserver","init","parentDom","config","attributes","childList","subtree","observe","disconnect","immediate","toDom","computed","positionStyle","style","position","wrapStyle","isValid","duration","transitionDuration","place","placement","translate","widthStyle","width","heightStyle","height","transform","onMounted","onBeforeUnmount","onActivated","onDeactivated","handleKeyDown","e","keyCode","KeyCode","ESC","escClosable","handleAnimationEnd","renderMask","showMask","_createVNode","Mask","maskStyle","maskClass","renderDrawer","renderConrent","_Fragment","headerStyle","title","closable","onClick","UIcon","default","X","bodyStyle","footer","footerStyle","_withDirectives","_mergeProps","className","size","useShouldRender","destroyOnClose","_vShow","Teleport","Transition","transition","transitionAppear"],"mappings":"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"}
+{"version":3,"file":"Drawer.mjs","sources":["../../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import {\n  defineComponent,\n  watch,\n  computed,\n  ref,\n  provide,\n  inject,\n  // onMounted,\n  onBeforeUnmount,\n  onActivated,\n  onDeactivated,\n  nextTick,\n  Teleport,\n  Transition,\n  onMounted\n} from 'vue';\nimport type { CSSProperties } from 'vue';\nimport { X } from 'lucide-vue-next';\nimport UIcon from '@uxd-ui/components/Icon';\nimport Mask from '../Mask';\nimport KeyCode from '../../utils/KeyCode';\nimport { useGlobalConfig, useLazyRender, useShouldRender } from '../base/hooks';\nimport { setBodyStyle, isValid } from '../../utils';\nimport { drawerProps, drawerEmits, type ChangeTranslateFunction, type DrawerCloseType } from './Drawer.type';\n\nlet visibleCount = 0;\nconst drawerGlobalZIndex = 1000;\n\nexport default defineComponent({\n  name: 'UDrawer',\n  inheritAttrs: false,\n  props: drawerProps,\n  emits: drawerEmits,\n  setup(props, { emit, attrs, slots }) {\n    let openStatus = false;\n    let shouldReopen = false;\n    const { prefixCls } = useGlobalConfig('drawer');\n    const selfVisible = ref(props.visible);\n    const zIndex = ref<number>(drawerGlobalZIndex);\n    const animationEnd = ref(false);\n    const isMounted = ref(false);\n\n    const wrapRef = ref<HTMLElement | null>(null);\n    const headerRef = ref<HTMLElement | null>(null);\n    const footerRef = ref<HTMLElement | null>(null);\n\n    const lazyRender = useLazyRender(() => props.visible || !props.lazyRender);\n\n    const open = () => {\n      if (!openStatus) {\n        if (props.zIndex !== undefined) {\n          zIndex.value = +props.zIndex;\n        }\n        openStatus = true;\n        // zIndex.value = ++drawerGlobalZIndex;\n      }\n    };\n\n    watch(\n      () => props.visible,\n      (val) => {\n        selfVisible.value = val;\n        if (val && !openStatus) {\n          open();\n          if (attrs.tabindex === 0) {\n            nextTick(() => {\n              wrapRef.value?.focus();\n            });\n          }\n        }\n        if (!val && openStatus) {\n          openStatus = false;\n        }\n      }\n    );\n\n    const handleClose = (type: DrawerCloseType) => {\n      selfVisible.value = false;\n      openStatus = false;\n      emit('update:visible', false);\n      emit('close', type);\n    };\n\n    /**\n     * @param {*}\n     * @return {*}\n     * @description mask close method\n     */\n    const handleMaskClose = () => {\n      if (props.maskClosable) {\n        handleClose('mask');\n      }\n    };\n\n    /**\n     * In case drawer might has child drawer component,\n     * we need to translate parent drawer to tell them apart\n     */\n    const drawerLevel = ref(1);\n\n    const changeTrans = (val: boolean) => {\n      if (val) {\n        drawerLevel.value += 1;\n      } else if (drawerLevel.value > 1) {\n        drawerLevel.value -= 1;\n      }\n    };\n\n    provide('changeParentTrans', changeTrans);\n\n    const changeParentTrans = inject<ChangeTranslateFunction | null>('changeParentTrans', null);\n\n    const changeBodyOverflow = (val: boolean) => {\n      if (visibleCount > 0 && val) {\n        setBodyStyle(true);\n      } else if (!visibleCount) {\n        setBodyStyle(false);\n      }\n    };\n\n    const bodyHeight = ref<string>('');\n\n    const calcBodyHeight = () => {\n      const headerFooter = Number(headerRef.value?.offsetHeight || 0) + Number(footerRef.value?.offsetHeight || 0);\n      bodyHeight.value = `calc(100% - ${headerFooter}px)`;\n    };\n\n    const observer = new MutationObserver(calcBodyHeight);\n\n    let init = false;\n    watch(\n      selfVisible,\n      (val) => {\n        if (changeParentTrans) {\n          changeParentTrans(val);\n        }\n        if (props.parentDom === 'body') {\n          if (val) {\n            visibleCount += 1;\n          } else if (init) {\n            visibleCount -= 1;\n          }\n          if (init) {\n            changeBodyOverflow(val);\n          }\n        }\n        init = true;\n        if (val) {\n          nextTick(() => {\n            calcBodyHeight();\n            const config = { attributes: true, childList: true, subtree: true };\n            if (wrapRef.value) {\n              observer.observe(wrapRef.value as any, config);\n            }\n          });\n        } else {\n          observer.disconnect();\n        }\n      },\n      { immediate: true }\n    );\n\n    const toDom = computed(() => {\n      if (!props.parentDom) {\n        return 'body';\n      }\n      if (typeof props.parentDom === 'function') {\n        return props.parentDom() || 'body';\n      }\n      return props.parentDom;\n    });\n\n    const positionStyle = computed(() => {\n      const style: CSSProperties = {};\n      if (toDom.value !== 'body') {\n        style.position = 'absolute';\n      }\n      return style;\n    });\n\n    const wrapStyle = computed(() => {\n      const style: CSSProperties = {\n        zIndex: zIndex.value\n      };\n\n      if (isValid(props.duration)) {\n        style.transitionDuration = `${props.duration}s`;\n      }\n\n      const place = props.placement;\n      let translate = 'none';\n      let widthStyle: number | undefined = props.width;\n      let heightStyle: number | undefined = props.height;\n      if (place === 'left' || place === 'right') {\n        translate = `translate(${place === 'left' ? 180 : -180}px, 0)`;\n        heightStyle = undefined;\n      }\n\n      if (place === 'top' || place === 'bottom') {\n        translate = `translateY(${place === 'top' ? 180 : -180}px)`;\n        widthStyle = undefined;\n      }\n\n      style.width = widthStyle && `${widthStyle}px`;\n      style.height = heightStyle && `${heightStyle}px`;\n      style.transform = drawerLevel.value > 1 ? translate : undefined;\n      style.zIndex = zIndex.value;\n\n      return style;\n    });\n\n    onMounted(() => {\n      isMounted.value = true;\n    });\n\n    onBeforeUnmount(() => {\n      observer.disconnect();\n      if (changeParentTrans && selfVisible.value) {\n        changeParentTrans(false);\n      }\n      if (props.parentDom === 'body') {\n        if (selfVisible.value) {\n          visibleCount = visibleCount > 0 ? visibleCount - 1 : visibleCount;\n          changeBodyOverflow(false);\n        }\n      }\n    });\n\n    onActivated(() => {\n      if (shouldReopen) {\n        emit('update:visible', true);\n        shouldReopen = false;\n      }\n    });\n\n    onDeactivated(() => {\n      observer.disconnect();\n      if (selfVisible.value) {\n        handleClose('close');\n        shouldReopen = true;\n      }\n    });\n\n    /**\n     * @param {event} e\n     * @return {*}\n     * @description handle key down event, to close drawer\n     */\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.keyCode === KeyCode.ESC && props.escClosable) {\n        handleClose('esc');\n      }\n    };\n\n    /**\n     * @param {*}\n     * @return {*}\n     * @description after transition animation end, invoke callback and desdroy wrap\n     */\n    const handleAnimationEnd = () => {\n      // if (wrapRef.value === e.target && e.animationName.match(/^drawerSlide/)) {\n      //   emit('after-visible-change', selfVisible.value);\n      //   animationEnd.value = !selfVisible.value;\n      // }\n      emit('after-visible-change', selfVisible.value);\n      animationEnd.value = !selfVisible.value;\n    };\n\n    const renderMask = () => {\n      if (props.showMask) {\n        return (\n          <Mask\n            show={props.visible}\n            zIndex={zIndex.value - 1}\n            duration={props.duration}\n            customStyle={{ ...props.maskStyle, ...positionStyle.value }}\n            class={props.maskClass}\n            onClick={handleMaskClose}\n          />\n        );\n      }\n    };\n\n    const renderDrawer = lazyRender(() => {\n      const renderConrent = () => (\n        <>\n          {props.closable && (\n            <button class={`${prefixCls.value}-close`} onClick={() => handleClose('close')}>\n              <UIcon class={`${prefixCls.value}-close-icon`}>\n                <X />\n              </UIcon>\n            </button>\n          )}\n          <div ref={headerRef} class={`${prefixCls.value}-header`} style={props.headerStyle}>\n            <h2 class={`${prefixCls.value}-header-title`}>{slots.title ? slots.title() : props.title}</h2>\n            {props.description && <p class={`${prefixCls.value}-header-description`}>{props.description}</p>}\n          </div>\n          <div class={`${prefixCls.value}-body`} style={{ ...props.bodyStyle, height: bodyHeight.value }}>\n            {slots.default?.()}\n          </div>\n          {slots.footer ? (\n            <div ref={footerRef} class={`${prefixCls.value}-footer`} style={props.footerStyle}>\n              {slots.footer()}\n            </div>\n          ) : null}\n        </>\n      );\n\n      return (\n        <div\n          v-show={selfVisible.value}\n          ref={wrapRef}\n          class={[prefixCls.value, props.className, `${prefixCls.value}-${props.placement}`, `${prefixCls.value}-${props.size}`]}\n          style={{ ...wrapStyle.value, ...positionStyle.value }}\n          {...attrs}\n          tabindex={-1}\n          onKeydown={handleKeyDown}\n        >\n          {useShouldRender(props.visible, props.destroyOnClose, animationEnd.value, renderConrent)}\n        </div>\n      );\n    });\n\n    return () =>\n      isMounted.value ? (\n        <Teleport to={toDom.value}>\n          <Transition\n            v-slots={{ default: renderDrawer }}\n            name={props.transition || `drawer-slide-${props.placement}`}\n            appear={props.transitionAppear}\n            onAfterEnter={handleAnimationEnd}\n            onAfterLeave={handleAnimationEnd}\n          />\n          {renderMask()}\n        </Teleport>\n      ) : null;\n  }\n});\n"],"names":["visibleCount","drawerGlobalZIndex","defineComponent","name","inheritAttrs","props","drawerProps","emits","drawerEmits","setup","emit","attrs","slots","openStatus","shouldReopen","prefixCls","useGlobalConfig","selfVisible","ref","visible","zIndex","animationEnd","isMounted","wrapRef","headerRef","footerRef","lazyRender","useLazyRender","open","undefined","value","watch","val","tabindex","nextTick","focus","handleClose","type","handleMaskClose","maskClosable","drawerLevel","changeTrans","provide","changeParentTrans","inject","changeBodyOverflow","setBodyStyle","bodyHeight","calcBodyHeight","headerFooter","Number","offsetHeight","observer","MutationObserver","init","parentDom","config","attributes","childList","subtree","observe","disconnect","immediate","toDom","computed","positionStyle","style","position","wrapStyle","isValid","duration","transitionDuration","place","placement","translate","widthStyle","width","heightStyle","height","transform","onMounted","onBeforeUnmount","onActivated","onDeactivated","handleKeyDown","e","keyCode","KeyCode","ESC","escClosable","handleAnimationEnd","renderMask","showMask","_createVNode","Mask","maskStyle","maskClass","renderDrawer","renderConrent","_Fragment","closable","onClick","UIcon","default","X","headerStyle","title","description","bodyStyle","footer","footerStyle","_withDirectives","_mergeProps","className","size","useShouldRender","destroyOnClose","_vShow","Teleport","Transition","transition","transitionAppear"],"mappings":"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"}

package/es/components/Drawer/Drawer.type.d.ts

@@ -34,6 +34,10 @@ export declare const drawerProps: {
         type: StringConstructor;
         default: string;
     };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
     closable: {
         type: BooleanConstructor;
         default: boolean;

package/es/components/Drawer/Drawer.type.mjs

@@ -30,6 +30,10 @@ const drawerProps = {
     type: String,
     default: ""
   },
+  description: {
+    type: String,
+    default: ""
+  },
   closable: {
     type: Boolean,
     default: true

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

@@ -1 +1 @@
-{"version":3,"file":"Drawer.type.mjs","sources":["../../../../src/components/Drawer/Drawer.type.ts"],"sourcesContent":["import type { CSSProperties, ExtractPropTypes, PropType } from 'vue';\nimport { oneOf } from '../../utils/propsValidators';\nimport type Drawer from './Drawer';\n\nexport type ParentDom = string | (() => HTMLElement | string | null);\nexport const drawerPlacement = ['top', 'right', 'bottom', 'left'] as const;\nexport type DrawerPlacement = (typeof drawerPlacement)[number];\nexport const drawerSize = ['default', 'large'] as const;\nexport type DrawerSize = (typeof drawerSize)[number];\n\nexport type ChangeTranslateFunction = (val: boolean) => void;\n\nexport const drawerProps = {\n  parentDom: {\n    type: [String, Function] as PropType<ParentDom>,\n    default: 'body'\n  },\n  className: String,\n  visible: {\n    type: Boolean,\n    default: false\n  },\n  placement: {\n    type: String as PropType<DrawerPlacement>,\n    validator: oneOf(drawerPlacement),\n    default: 'right'\n  },\n  size: {\n    type: String as PropType<DrawerSize>,\n    validator: oneOf(drawerSize),\n    default: 'default'\n  },\n  maskClosable: {\n    type: Boolean,\n    default: true\n  },\n  title: {\n    type: String,\n    default: ''\n  },\n  closable: {\n    type: Boolean,\n    default: true\n  },\n  showMask: {\n    type: Boolean,\n    default: true\n  },\n  maskClass: String,\n  maskStyle: {\n    type: Object as PropType<CSSProperties>,\n    default: () => ({})\n  },\n  headerStyle: {\n    type: Object as PropType<CSSProperties>,\n    default: () => ({})\n  },\n  bodyStyle: {\n    type: Object as PropType<CSSProperties>,\n    default: () => ({})\n  },\n  footerStyle: {\n    type: Object as PropType<CSSProperties>,\n    default: () => ({})\n  },\n  width: Number,\n  height: Number,\n  zIndex: Number,\n  duration: Number,\n  escClosable: {\n    type: Boolean,\n    default: true\n  },\n  destroyOnClose: {\n    type: Boolean,\n    default: true\n  },\n  transition: String,\n  transitionAppear: {\n    type: Boolean,\n    default: true\n  },\n  lazyRender: {\n    type: Boolean,\n    default: true\n  }\n};\n\nexport type DrawerProps = ExtractPropTypes<typeof drawerProps>;\n\nexport const drawerCloseType = ['esc', 'mask', 'close'] as const;\nexport type DrawerCloseType = (typeof drawerCloseType)[number];\n\nexport const drawerEmits = {\n  'update:visible': (v: boolean) => typeof v === 'boolean',\n  close: (type: DrawerCloseType) => drawerCloseType.includes(type),\n  'after-visible-change': (v: boolean) => typeof v === 'boolean'\n};\n\nexport type DrawerEmits = typeof drawerEmits;\n\nexport type DrawerInstanceType = InstanceType<typeof Drawer>;\n"],"names":[],"mappings":";;MAKa,kBAAkB,CAAC,OAAO,SAAS,UAAU,MAAM;MAEnD,aAAa,CAAC,WAAW,OAAO;MAKhC,cAAc;AAAA,EACzB,WAAW;AAAA,IACT,MAAM,CAAC,QAAQ,QAAQ;AAAA,IACvB,SAAS;AAAA;AACX,EACA,WAAW;AAAA,EACX,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,WAAW,MAAM,eAAe;AAAA,IAChC,SAAS;AAAA;AACX,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,WAAW,MAAM,UAAU;AAAA,IAC3B,SAAS;AAAA;AACX,EACA,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,WAAW;AAAA,EACX,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS,OAAO;AAAC;AACnB,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS,OAAO;AAAC;AACnB,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS,OAAO;AAAC;AACnB,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS,OAAO;AAAC;AACnB,EACA,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,gBAAgB;AAAA,IACd,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,YAAY;AAAA,EACZ,kBAAkB;AAAA,IAChB,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AAEb;MAIa,kBAAkB,CAAC,OAAO,QAAQ,OAAO;MAGzC,cAAc;AAAA,EACzB,kBAAkB,CAAC,MAAe,OAAO,MAAM;AAAA,EAC/C,OAAO,CAAC,SAA0B,gBAAgB,SAAS,IAAI;AAAA,EAC/D,wBAAwB,CAAC,MAAe,OAAO,MAAM;AACvD;;;;"}
+{"version":3,"file":"Drawer.type.mjs","sources":["../../../../src/components/Drawer/Drawer.type.ts"],"sourcesContent":["import type { CSSProperties, ExtractPropTypes, PropType } from 'vue';\nimport { oneOf } from '../../utils/propsValidators';\nimport type Drawer from './Drawer';\n\nexport type ParentDom = string | (() => HTMLElement | string | null);\nexport const drawerPlacement = ['top', 'right', 'bottom', 'left'] as const;\nexport type DrawerPlacement = (typeof drawerPlacement)[number];\nexport const drawerSize = ['default', 'large'] as const;\nexport type DrawerSize = (typeof drawerSize)[number];\n\nexport type ChangeTranslateFunction = (val: boolean) => void;\n\nexport const drawerProps = {\n  parentDom: {\n    type: [String, Function] as PropType<ParentDom>,\n    default: 'body'\n  },\n  className: String,\n  visible: {\n    type: Boolean,\n    default: false\n  },\n  placement: {\n    type: String as PropType<DrawerPlacement>,\n    validator: oneOf(drawerPlacement),\n    default: 'right'\n  },\n  size: {\n    type: String as PropType<DrawerSize>,\n    validator: oneOf(drawerSize),\n    default: 'default'\n  },\n  maskClosable: {\n    type: Boolean,\n    default: true\n  },\n  title: {\n    type: String,\n    default: ''\n  },\n  description: {\n    type: String,\n    default: ''\n  },\n  closable: {\n    type: Boolean,\n    default: true\n  },\n  showMask: {\n    type: Boolean,\n    default: true\n  },\n  maskClass: String,\n  maskStyle: {\n    type: Object as PropType<CSSProperties>,\n    default: () => ({})\n  },\n  headerStyle: {\n    type: Object as PropType<CSSProperties>,\n    default: () => ({})\n  },\n  bodyStyle: {\n    type: Object as PropType<CSSProperties>,\n    default: () => ({})\n  },\n  footerStyle: {\n    type: Object as PropType<CSSProperties>,\n    default: () => ({})\n  },\n  width: Number,\n  height: Number,\n  zIndex: Number,\n  duration: Number,\n  escClosable: {\n    type: Boolean,\n    default: true\n  },\n  destroyOnClose: {\n    type: Boolean,\n    default: true\n  },\n  transition: String,\n  transitionAppear: {\n    type: Boolean,\n    default: true\n  },\n  lazyRender: {\n    type: Boolean,\n    default: true\n  }\n};\n\nexport type DrawerProps = ExtractPropTypes<typeof drawerProps>;\n\nexport const drawerCloseType = ['esc', 'mask', 'close'] as const;\nexport type DrawerCloseType = (typeof drawerCloseType)[number];\n\nexport const drawerEmits = {\n  'update:visible': (v: boolean) => typeof v === 'boolean',\n  close: (type: DrawerCloseType) => drawerCloseType.includes(type),\n  'after-visible-change': (v: boolean) => typeof v === 'boolean'\n};\n\nexport type DrawerEmits = typeof drawerEmits;\n\nexport type DrawerInstanceType = InstanceType<typeof Drawer>;\n"],"names":[],"mappings":";;MAKa,kBAAkB,CAAC,OAAO,SAAS,UAAU,MAAM;MAEnD,aAAa,CAAC,WAAW,OAAO;MAKhC,cAAc;AAAA,EACzB,WAAW;AAAA,IACT,MAAM,CAAC,QAAQ,QAAQ;AAAA,IACvB,SAAS;AAAA;AACX,EACA,WAAW;AAAA,EACX,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,WAAW,MAAM,eAAe;AAAA,IAChC,SAAS;AAAA;AACX,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,WAAW,MAAM,UAAU;AAAA,IAC3B,SAAS;AAAA;AACX,EACA,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,WAAW;AAAA,EACX,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS,OAAO;AAAC;AACnB,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS,OAAO;AAAC;AACnB,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS,OAAO;AAAC;AACnB,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS,OAAO;AAAC;AACnB,EACA,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,gBAAgB;AAAA,IACd,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,YAAY;AAAA,EACZ,kBAAkB;AAAA,IAChB,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AAEb;MAIa,kBAAkB,CAAC,OAAO,QAAQ,OAAO;MAGzC,cAAc;AAAA,EACzB,kBAAkB,CAAC,MAAe,OAAO,MAAM;AAAA,EAC/C,OAAO,CAAC,SAA0B,gBAAgB,SAAS,IAAI;AAAA,EAC/D,wBAAwB,CAAC,MAAe,OAAO,MAAM;AACvD;;;;"}

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

@@ -27,6 +27,10 @@ export declare const UDrawer: {
             type: StringConstructor;
             default: string;
         };
+        description: {
+            type: StringConstructor;
+            default: string;
+        };
         closable: {
             type: BooleanConstructor;
             default: boolean;
@@ -84,6 +88,7 @@ export declare const UDrawer: {
     }, import("vue").PublicProps, {
         closable: boolean;
         size: "default" | "large";
+        description: string;
         visible: boolean;
         placement: "top" | "bottom" | "right" | "left";
         title: string;
@@ -133,6 +138,10 @@ export declare const UDrawer: {
             type: StringConstructor;
             default: string;
         };
+        description: {
+            type: StringConstructor;
+            default: string;
+        };
         closable: {
             type: BooleanConstructor;
             default: boolean;
@@ -186,6 +195,7 @@ export declare const UDrawer: {
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         closable: boolean;
         size: "default" | "large";
+        description: string;
         visible: boolean;
         placement: "top" | "bottom" | "right" | "left";
         title: string;
@@ -232,6 +242,10 @@ export declare const UDrawer: {
         type: StringConstructor;
         default: string;
     };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
     closable: {
         type: BooleanConstructor;
         default: boolean;
@@ -289,6 +303,7 @@ export declare const UDrawer: {
 }, string, {
     closable: boolean;
     size: "default" | "large";
+    description: string;
     visible: boolean;
     placement: "top" | "bottom" | "right" | "left";
     title: string;

package/es/components/Mask/Mask.d.ts

@@ -58,7 +58,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
         validator: (value: any) => boolean;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "after-show-mask-change"[], "after-show-mask-change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "after-show-mask-change")[], "click" | "after-show-mask-change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     zIndex: (StringConstructor | NumberConstructor)[];
     duration: (StringConstructor | NumberConstructor)[];
@@ -86,6 +86,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         validator: (value: any) => boolean;
     };
 }>> & Readonly<{
+    onClick?: (...args: any[]) => any;
     "onAfter-show-mask-change"?: (...args: any[]) => any;
 }>, {
     show: boolean;