@fangzhongya/fang-ui 0.0.37 → 0.0.39

package/dist/components/divider/src/index2.js

@@ -1,4 +1,46 @@
-import _sfc_main from "./index.js";
+import { defineComponent, ref, useAttrs, useSlots, createElementBlock, openBlock, mergeProps, unref, createVNode, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { dataExpose, dataEmits, dataProps } from "./data.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+import { useLocale } from "../../../hooks/locale/index.js";
+import { useInherit } from "../../../hooks/inherit/index.js";
+import { ElDivider } from "element-plus/es/components/divider/index";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: dataProps,
+  emits: dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const refEl = ref();
+    const attrs = useInherit(useAttrs());
+    const slots = useSlots();
+    const cs = useCssName("divider");
+    const { getLocale } = useLocale();
+    const props = __props;
+    const emit = __emit;
+    __expose({
+      ...dataExpose,
+      refEl
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        class: unref(cs).z()
+      }, unref(attrs).root), [
+        createVNode(unref(ElDivider), mergeProps(unref(attrs).assem, {
+          ref_key: "refEl",
+          ref: refEl
+        }), createSlots({ _: 2 }, [
+          renderList(Object.keys(unref(slots)), (k, i) => {
+            return {
+              name: k,
+              fn: withCtx((scope) => [
+                renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(scope)))
+              ])
+            };
+          })
+        ]), 1040)
+      ], 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/dist/components/divider/style/index2.scss

@@ -0,0 +1,2 @@
+@use 'element-plus/theme-chalk/src/divider.scss' as *;
+@use '../index.scss' as *;

package/dist/components/drawer/index.cjs

@@ -2,7 +2,8 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 ;/* empty css                   */
 const withInstall = require("../../utils/vues/withInstall.cjs");
-const index_vue_vue_type_script_setup_true_lang = require("./src/index.cjs");
+require("./src/index.cjs");
+const index_vue_vue_type_script_setup_true_lang = require("./src/index2.cjs");
 const Drawer = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "Drawer");
 exports.Drawer = Drawer;
 exports.default = Drawer;

package/dist/components/drawer/index.d.ts

@@ -1,6 +1,7 @@
 import { SFCWithInstall } from '../../utils/vues';
 import { CreateComponentPublicInstanceWithMixins, Ref, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentInternalInstance, Component, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ExtractPropTypes, PropType, ComponentProvideOptions, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties } from 'vue';
-import { DialogBeforeCloseFn } from 'element-plus/es/index';
+import { EpPropMergeType, EpPropFinalized } from 'element-plus/es/utils';
+import { DialogBeforeCloseFn } from 'element-plus/es/components/dialog';
 import { OnCleanup } from '@vue/reactivity';
 declare const Drawer: SFCWithInstall<{
     new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
@@ -12,62 +13,62 @@ declare const Drawer: SFCWithInstall<{
             $props: Partial<{
                 readonly title: string;
                 readonly center: boolean;
-                readonly direction: "ltr" | "rtl" | "ttb" | "btt";
+                readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown>;
                 readonly overflow: boolean;
-                readonly size: string | number;
+                readonly size: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
                 readonly modelValue: boolean;
                 readonly ariaLevel: string;
-                readonly appendTo: string | HTMLElement;
-                readonly showClose: boolean;
+                readonly appendTo: EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>) | ((new (...args: any[]) => string | HTMLElement) | (() => EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>))[], unknown, unknown>;
+                readonly showClose: EpPropMergeType<BooleanConstructor, unknown, unknown>;
                 readonly alignCenter: boolean;
                 readonly draggable: boolean;
                 readonly fullscreen: boolean;
-                readonly closeOnClickModal: boolean;
-                readonly closeOnPressEscape: boolean;
-                readonly lockScroll: boolean;
-                readonly modal: boolean;
+                readonly closeOnClickModal: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+                readonly closeOnPressEscape: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+                readonly lockScroll: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+                readonly modal: EpPropMergeType<BooleanConstructor, unknown, unknown>;
                 readonly openDelay: number;
                 readonly closeDelay: number;
                 readonly headerAriaLevel: string;
                 readonly appendToBody: boolean;
                 readonly destroyOnClose: boolean;
                 readonly trapFocus: boolean;
-                readonly withHeader: boolean;
-                readonly modalFade: boolean;
+                readonly withHeader: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+                readonly modalFade: EpPropMergeType<BooleanConstructor, unknown, unknown>;
             }> & Omit<{
-                readonly size: string | number;
+                readonly size: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
                 readonly title: string;
                 readonly modelValue: boolean;
+                readonly center: boolean;
                 readonly appendToBody: boolean;
-                readonly appendTo: string | HTMLElement;
+                readonly appendTo: EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>) | ((new (...args: any[]) => string | HTMLElement) | (() => EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>))[], unknown, unknown>;
                 readonly destroyOnClose: boolean;
-                readonly closeOnClickModal: boolean;
-                readonly closeOnPressEscape: boolean;
-                readonly lockScroll: boolean;
-                readonly modal: boolean;
+                readonly closeOnClickModal: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+                readonly closeOnPressEscape: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+                readonly lockScroll: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+                readonly modal: EpPropMergeType<BooleanConstructor, unknown, unknown>;
                 readonly openDelay: number;
                 readonly closeDelay: number;
                 readonly trapFocus: boolean;
                 readonly headerAriaLevel: string;
-                readonly center: boolean;
                 readonly alignCenter: boolean;
                 readonly draggable: boolean;
                 readonly overflow: boolean;
                 readonly fullscreen: boolean;
-                readonly showClose: boolean;
+                readonly showClose: EpPropMergeType<BooleanConstructor, unknown, unknown>;
                 readonly ariaLevel: string;
-                readonly direction: "ltr" | "rtl" | "ttb" | "btt";
-                readonly withHeader: boolean;
-                readonly modalFade: boolean;
+                readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown>;
+                readonly withHeader: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+                readonly modalFade: EpPropMergeType<BooleanConstructor, unknown, unknown>;
                 readonly zIndex?: number | undefined;
-                readonly top?: string | undefined;
-                readonly width?: (string | number) | undefined;
-                readonly beforeClose?: DialogBeforeCloseFn | undefined;
-                readonly modalClass?: string | undefined;
                 readonly headerClass?: string | undefined;
                 readonly bodyClass?: string | undefined;
                 readonly footerClass?: string | undefined;
-                readonly closeIcon?: (string | Component) | undefined;
+                readonly beforeClose?: DialogBeforeCloseFn | undefined;
+                readonly top?: string | undefined;
+                readonly modalClass?: string | undefined;
+                readonly width?: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+                readonly closeIcon?: EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown> | undefined;
                 "onUpdate:modelValue"?: ((value: boolean) => any) | undefined | undefined;
                 onOpen?: (() => any) | undefined | undefined;
                 onClose?: (() => any) | undefined | undefined;
@@ -75,7 +76,7 @@ declare const Drawer: SFCWithInstall<{
                 onClosed?: (() => any) | undefined | undefined;
                 onOpenAutoFocus?: (() => any) | undefined | undefined;
                 onCloseAutoFocus?: (() => any) | undefined | undefined;
-            } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "size" | "title" | "modelValue" | "appendToBody" | "appendTo" | "destroyOnClose" | "closeOnClickModal" | "closeOnPressEscape" | "lockScroll" | "modal" | "openDelay" | "closeDelay" | "trapFocus" | "headerAriaLevel" | "center" | "alignCenter" | "draggable" | "overflow" | "fullscreen" | "showClose" | "ariaLevel" | "direction" | "withHeader" | "modalFade">;
+            } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "size" | "title" | "modelValue" | "center" | "appendToBody" | "appendTo" | "destroyOnClose" | "closeOnClickModal" | "closeOnPressEscape" | "lockScroll" | "modal" | "openDelay" | "closeDelay" | "trapFocus" | "headerAriaLevel" | "alignCenter" | "draggable" | "overflow" | "fullscreen" | "showClose" | "ariaLevel" | "direction" | "withHeader" | "modalFade">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -88,58 +89,16 @@ declare const Drawer: SFCWithInstall<{
             $root: ComponentPublicInstance | null;
             $parent: ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "close") => void) & ((event: "open") => void) & ((event: "opened") => void) & ((event: "closed") => void) & ((event: "openAutoFocus") => void) & ((event: "closeAutoFocus") => void);
+            $emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "open") => void) & ((event: "close") => void) & ((event: "opened") => void) & ((event: "closed") => void) & ((event: "openAutoFocus") => void) & ((event: "closeAutoFocus") => void);
             $el: any;
             $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
-                readonly direction: {
-                    readonly type: PropType<"ltr" | "rtl" | "ttb" | "btt">;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                } & {
-                    readonly default: "rtl";
-                };
-                readonly size: {
-                    readonly type: PropType<string | number>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                } & {
-                    readonly default: "30%";
-                };
-                readonly withHeader: {
-                    readonly type: PropType<boolean>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                } & {
-                    readonly default: true;
-                };
-                readonly modalFade: {
-                    readonly type: PropType<boolean>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                } & {
-                    readonly default: true;
-                };
-                readonly headerAriaLevel: {
-                    readonly type: PropType<string>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                } & {
-                    readonly default: "2";
-                };
+                readonly direction: EpPropFinalized<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown, "rtl", boolean>;
+                readonly size: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "30%", boolean>;
+                readonly withHeader: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+                readonly modalFade: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+                readonly headerAriaLevel: EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
                 readonly appendToBody: BooleanConstructor;
-                readonly appendTo: {
-                    readonly type: PropType<string | HTMLElement>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                } & {
-                    readonly default: "body";
-                };
+                readonly appendTo: EpPropFinalized<(new (...args: any[]) => string | HTMLElement) | (() => EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>) | ((new (...args: any[]) => string | HTMLElement) | (() => EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>))[], unknown, unknown, "body", boolean>;
                 readonly beforeClose: {
                     readonly type: PropType<DialogBeforeCloseFn>;
                     readonly required: false;
@@ -147,54 +106,12 @@ declare const Drawer: SFCWithInstall<{
                     __epPropKey: true;
                 };
                 readonly destroyOnClose: BooleanConstructor;
-                readonly closeOnClickModal: {
-                    readonly type: PropType<boolean>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                } & {
-                    readonly default: true;
-                };
-                readonly closeOnPressEscape: {
-                    readonly type: PropType<boolean>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                } & {
-                    readonly default: true;
-                };
-                readonly lockScroll: {
-                    readonly type: PropType<boolean>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                } & {
-                    readonly default: true;
-                };
-                readonly modal: {
-                    readonly type: PropType<boolean>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                } & {
-                    readonly default: true;
-                };
-                readonly openDelay: {
-                    readonly type: PropType<number>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                } & {
-                    readonly default: 0;
-                };
-                readonly closeDelay: {
-                    readonly type: PropType<number>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                } & {
-                    readonly default: 0;
-                };
+                readonly closeOnClickModal: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+                readonly closeOnPressEscape: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+                readonly lockScroll: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+                readonly modal: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+                readonly openDelay: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+                readonly closeDelay: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
                 readonly top: {
                     readonly type: PropType<string>;
                     readonly required: false;
@@ -207,7 +124,7 @@ declare const Drawer: SFCWithInstall<{
                 readonly bodyClass: StringConstructor;
                 readonly footerClass: StringConstructor;
                 readonly width: {
-                    readonly type: PropType<string | number>;
+                    readonly type: PropType<EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
                     readonly required: false;
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
@@ -222,7 +139,7 @@ declare const Drawer: SFCWithInstall<{
                 readonly center: BooleanConstructor;
                 readonly alignCenter: BooleanConstructor;
                 readonly closeIcon: {
-                    readonly type: PropType<string | Component>;
+                    readonly type: PropType<EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown>>;
                     readonly required: false;
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
@@ -230,30 +147,9 @@ declare const Drawer: SFCWithInstall<{
                 readonly draggable: BooleanConstructor;
                 readonly overflow: BooleanConstructor;
                 readonly fullscreen: BooleanConstructor;
-                readonly showClose: {
-                    readonly type: PropType<boolean>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                } & {
-                    readonly default: true;
-                };
-                readonly title: {
-                    readonly type: PropType<string>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                } & {
-                    readonly default: "";
-                };
-                readonly ariaLevel: {
-                    readonly type: PropType<string>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                } & {
-                    readonly default: "2";
-                };
+                readonly showClose: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+                readonly title: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+                readonly ariaLevel: EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
             }>> & {
                 "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
                 onOpen?: (() => any) | undefined;
@@ -277,28 +173,28 @@ declare const Drawer: SFCWithInstall<{
             }, string, {
                 readonly title: string;
                 readonly center: boolean;
-                readonly direction: "ltr" | "rtl" | "ttb" | "btt";
+                readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown>;
                 readonly overflow: boolean;
-                readonly size: string | number;
+                readonly size: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
                 readonly modelValue: boolean;
                 readonly ariaLevel: string;
-                readonly appendTo: string | HTMLElement;
-                readonly showClose: boolean;
+                readonly appendTo: EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>) | ((new (...args: any[]) => string | HTMLElement) | (() => EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>))[], unknown, unknown>;
+                readonly showClose: EpPropMergeType<BooleanConstructor, unknown, unknown>;
                 readonly alignCenter: boolean;
                 readonly draggable: boolean;
                 readonly fullscreen: boolean;
-                readonly closeOnClickModal: boolean;
-                readonly closeOnPressEscape: boolean;
-                readonly lockScroll: boolean;
-                readonly modal: boolean;
+                readonly closeOnClickModal: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+                readonly closeOnPressEscape: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+                readonly lockScroll: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+                readonly modal: EpPropMergeType<BooleanConstructor, unknown, unknown>;
                 readonly openDelay: number;
                 readonly closeDelay: number;
                 readonly headerAriaLevel: string;
                 readonly appendToBody: boolean;
                 readonly destroyOnClose: boolean;
                 readonly trapFocus: boolean;
-                readonly withHeader: boolean;
-                readonly modalFade: boolean;
+                readonly withHeader: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+                readonly modalFade: EpPropMergeType<BooleanConstructor, unknown, unknown>;
             }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -322,78 +218,36 @@ declare const Drawer: SFCWithInstall<{
         } & Readonly<{
             readonly title: string;
             readonly center: boolean;
-            readonly direction: "ltr" | "rtl" | "ttb" | "btt";
+            readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown>;
             readonly overflow: boolean;
-            readonly size: string | number;
+            readonly size: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
             readonly modelValue: boolean;
             readonly ariaLevel: string;
-            readonly appendTo: string | HTMLElement;
-            readonly showClose: boolean;
+            readonly appendTo: EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>) | ((new (...args: any[]) => string | HTMLElement) | (() => EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>))[], unknown, unknown>;
+            readonly showClose: EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly alignCenter: boolean;
             readonly draggable: boolean;
             readonly fullscreen: boolean;
-            readonly closeOnClickModal: boolean;
-            readonly closeOnPressEscape: boolean;
-            readonly lockScroll: boolean;
-            readonly modal: boolean;
+            readonly closeOnClickModal: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly closeOnPressEscape: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly lockScroll: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly modal: EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly openDelay: number;
             readonly closeDelay: number;
             readonly headerAriaLevel: string;
             readonly appendToBody: boolean;
             readonly destroyOnClose: boolean;
             readonly trapFocus: boolean;
-            readonly withHeader: boolean;
-            readonly modalFade: boolean;
+            readonly withHeader: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly modalFade: EpPropMergeType<BooleanConstructor, unknown, unknown>;
         }> & Omit<Readonly< ExtractPropTypes<{
-            readonly direction: {
-                readonly type: PropType<"ltr" | "rtl" | "ttb" | "btt">;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            } & {
-                readonly default: "rtl";
-            };
-            readonly size: {
-                readonly type: PropType<string | number>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            } & {
-                readonly default: "30%";
-            };
-            readonly withHeader: {
-                readonly type: PropType<boolean>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            } & {
-                readonly default: true;
-            };
-            readonly modalFade: {
-                readonly type: PropType<boolean>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            } & {
-                readonly default: true;
-            };
-            readonly headerAriaLevel: {
-                readonly type: PropType<string>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            } & {
-                readonly default: "2";
-            };
+            readonly direction: EpPropFinalized<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown, "rtl", boolean>;
+            readonly size: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "30%", boolean>;
+            readonly withHeader: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            readonly modalFade: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            readonly headerAriaLevel: EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
             readonly appendToBody: BooleanConstructor;
-            readonly appendTo: {
-                readonly type: PropType<string | HTMLElement>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            } & {
-                readonly default: "body";
-            };
+            readonly appendTo: EpPropFinalized<(new (...args: any[]) => string | HTMLElement) | (() => EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>) | ((new (...args: any[]) => string | HTMLElement) | (() => EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>))[], unknown, unknown, "body", boolean>;
             readonly beforeClose: {
                 readonly type: PropType<DialogBeforeCloseFn>;
                 readonly required: false;
@@ -401,54 +255,12 @@ declare const Drawer: SFCWithInstall<{
                 __epPropKey: true;
             };
             readonly destroyOnClose: BooleanConstructor;
-            readonly closeOnClickModal: {
-                readonly type: PropType<boolean>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            } & {
-                readonly default: true;
-            };
-            readonly closeOnPressEscape: {
-                readonly type: PropType<boolean>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            } & {
-                readonly default: true;
-            };
-            readonly lockScroll: {
-                readonly type: PropType<boolean>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            } & {
-                readonly default: true;
-            };
-            readonly modal: {
-                readonly type: PropType<boolean>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            } & {
-                readonly default: true;
-            };
-            readonly openDelay: {
-                readonly type: PropType<number>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            } & {
-                readonly default: 0;
-            };
-            readonly closeDelay: {
-                readonly type: PropType<number>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            } & {
-                readonly default: 0;
-            };
+            readonly closeOnClickModal: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            readonly closeOnPressEscape: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            readonly lockScroll: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            readonly modal: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            readonly openDelay: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+            readonly closeDelay: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
             readonly top: {
                 readonly type: PropType<string>;
                 readonly required: false;
@@ -461,7 +273,7 @@ declare const Drawer: SFCWithInstall<{
             readonly bodyClass: StringConstructor;
             readonly footerClass: StringConstructor;
             readonly width: {
-                readonly type: PropType<string | number>;
+                readonly type: PropType<EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -476,7 +288,7 @@ declare const Drawer: SFCWithInstall<{
             readonly center: BooleanConstructor;
             readonly alignCenter: BooleanConstructor;
             readonly closeIcon: {
-                readonly type: PropType<string | Component>;
+                readonly type: PropType<EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown>>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -484,30 +296,9 @@ declare const Drawer: SFCWithInstall<{
             readonly draggable: BooleanConstructor;
             readonly overflow: BooleanConstructor;
             readonly fullscreen: BooleanConstructor;
-            readonly showClose: {
-                readonly type: PropType<boolean>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            } & {
-                readonly default: true;
-            };
-            readonly title: {
-                readonly type: PropType<string>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            } & {
-                readonly default: "";
-            };
-            readonly ariaLevel: {
-                readonly type: PropType<string>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            } & {
-                readonly default: "2";
-            };
+            readonly showClose: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            readonly title: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+            readonly ariaLevel: EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
         }>> & {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             onOpen?: (() => any) | undefined;
@@ -516,7 +307,7 @@ declare const Drawer: SFCWithInstall<{
             onClosed?: (() => any) | undefined;
             onOpenAutoFocus?: (() => any) | undefined;
             onCloseAutoFocus?: (() => any) | undefined;
-        }, "size" | "title" | "modelValue" | "appendToBody" | "appendTo" | "destroyOnClose" | "closeOnClickModal" | "closeOnPressEscape" | "lockScroll" | "modal" | "openDelay" | "closeDelay" | "trapFocus" | "headerAriaLevel" | "center" | "alignCenter" | "draggable" | "overflow" | "fullscreen" | "showClose" | "ariaLevel" | "handleClose" | "direction" | "withHeader" | "modalFade" | "afterEnter" | "afterLeave"> & ShallowUnwrapRef<{
+        }, "size" | "title" | "modelValue" | "center" | "appendToBody" | "appendTo" | "destroyOnClose" | "closeOnClickModal" | "closeOnPressEscape" | "lockScroll" | "modal" | "openDelay" | "closeDelay" | "trapFocus" | "headerAriaLevel" | "alignCenter" | "draggable" | "overflow" | "fullscreen" | "showClose" | "ariaLevel" | "handleClose" | "direction" | "withHeader" | "modalFade" | "afterEnter" | "afterLeave"> & ShallowUnwrapRef<{
             handleClose: () => void;
             afterEnter: () => void;
             afterLeave: () => void;
@@ -548,6 +339,6 @@ declare const Drawer: SFCWithInstall<{
 } & ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
     refEl: Ref<any, any>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
-    $slots: Partial<Record<string, (_: {}) => any>>;
+    $slots: Partial<Record<string, (_: any) => any>>;
 })>;
 export { Drawer, Drawer as default };

package/dist/components/drawer/index.js

@@ -1,6 +1,7 @@
 /* empty css                 */
 import { withInstall } from "../../utils/vues/withInstall.js";
-import _sfc_main from "./src/index.js";
+import "./src/index.js";
+import _sfc_main from "./src/index2.js";
 const Drawer = withInstall(_sfc_main, "Drawer");
 export {
   Drawer,

package/dist/components/drawer/index.scss

@@ -1,13 +1,5 @@
-// @use '../common.scss' as *;
-
-// @use '../box-mask/src/index.scss' as *;
-// @use '../box-title/src/index.scss' as *;
-@use './style/cs.scss' as *;
-
 @use '../css/common.scss' as *;
-@use '../box-mask/index.scss' as *;
-@use '../box-title/index.scss' as *;
 
-.#{e()}drawer {
-	margin: 10px;
+$drawer: 'drawer';
+@include b($drawer) {
 }