@das-fed/ui 6.4.0-dev.9 → 6.4.0-hot.10

package/packages/components/popover/style.css

@@ -1 +1 @@
-@charset "UTF-8";:root{--el-color-white:#ffffff;--el-color-black:#000000;--el-color-primary-rgb:64,158,255;--el-color-success-rgb:103,194,58;--el-color-warning-rgb:230,162,60;--el-color-danger-rgb:245,108,108;--el-color-error-rgb:245,108,108;--el-color-info-rgb:144,147,153;--el-font-size-extra-large:20px;--el-font-size-large:18px;--el-font-size-medium:16px;--el-font-size-base:14px;--el-font-size-small:13px;--el-font-size-extra-small:12px;--el-font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;--el-font-weight-primary:500;--el-font-line-height-primary:24px;--el-index-normal:1;--el-index-top:1000;--el-index-popper:2000;--el-border-radius-base:4px;--el-border-radius-small:2px;--el-border-radius-round:20px;--el-border-radius-circle:100%;--el-transition-duration:.3s;--el-transition-duration-fast:.2s;--el-transition-function-ease-in-out-bezier:cubic-bezier(.645, .045, .355, 1);--el-transition-function-fast-bezier:cubic-bezier(.23, 1, .32, 1);--el-transition-all:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);--el-transition-fade:opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-md-fade:transform var(--el-transition-duration) var(--el-transition-function-fast-bezier),opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-fade-linear:opacity var(--el-transition-duration-fast) linear;--el-transition-border:border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-box-shadow:box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-color:color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-component-size-large:40px;--el-component-size:32px;--el-component-size-small:24px}:root{color-scheme:light;--el-color-white:#ffffff;--el-color-black:#000000;--el-color-primary:#409eff;--el-color-primary-light-3:#79bbff;--el-color-primary-light-5:#a0cfff;--el-color-primary-light-7:#c6e2ff;--el-color-primary-light-8:#d9ecff;--el-color-primary-light-9:#ecf5ff;--el-color-primary-dark-2:#337ecc;--el-color-success:#67c23a;--el-color-success-light-3:#95d475;--el-color-success-light-5:#b3e19d;--el-color-success-light-7:#d1edc4;--el-color-success-light-8:#e1f3d8;--el-color-success-light-9:#f0f9eb;--el-color-success-dark-2:#529b2e;--el-color-warning:#e6a23c;--el-color-warning-light-3:#eebe77;--el-color-warning-light-5:#f3d19e;--el-color-warning-light-7:#f8e3c5;--el-color-warning-light-8:#faecd8;--el-color-warning-light-9:#fdf6ec;--el-color-warning-dark-2:#b88230;--el-color-danger:#f56c6c;--el-color-danger-light-3:#f89898;--el-color-danger-light-5:#fab6b6;--el-color-danger-light-7:#fcd3d3;--el-color-danger-light-8:#fde2e2;--el-color-danger-light-9:#fef0f0;--el-color-danger-dark-2:#c45656;--el-color-error:#f56c6c;--el-color-error-light-3:#f89898;--el-color-error-light-5:#fab6b6;--el-color-error-light-7:#fcd3d3;--el-color-error-light-8:#fde2e2;--el-color-error-light-9:#fef0f0;--el-color-error-dark-2:#c45656;--el-color-info:#909399;--el-color-info-light-3:#b1b3b8;--el-color-info-light-5:#c8c9cc;--el-color-info-light-7:#dedfe0;--el-color-info-light-8:#e9e9eb;--el-color-info-light-9:#f4f4f5;--el-color-info-dark-2:#73767a;--el-bg-color:#ffffff;--el-bg-color-page:#f2f3f5;--el-bg-color-overlay:#ffffff;--el-text-color-primary:#303133;--el-text-color-regular:#606266;--el-text-color-secondary:#909399;--el-text-color-placeholder:#a8abb2;--el-text-color-disabled:#c0c4cc;--el-border-color:#dcdfe6;--el-border-color-light:#e4e7ed;--el-border-color-lighter:#ebeef5;--el-border-color-extra-light:#f2f6fc;--el-border-color-dark:#d4d7de;--el-border-color-darker:#cdd0d6;--el-fill-color:#f0f2f5;--el-fill-color-light:#f5f7fa;--el-fill-color-lighter:#fafafa;--el-fill-color-extra-light:#fafcff;--el-fill-color-dark:#ebedf0;--el-fill-color-darker:#e6e8eb;--el-fill-color-blank:#ffffff;--el-box-shadow:0px 12px 32px 4px rgba(0, 0, 0, .04),0px 8px 20px rgba(0, 0, 0, .08);--el-box-shadow-light:0px 0px 12px rgba(0, 0, 0, .12);--el-box-shadow-lighter:0px 0px 6px rgba(0, 0, 0, .12);--el-box-shadow-dark:0px 16px 48px 16px rgba(0, 0, 0, .08),0px 12px 32px rgba(0, 0, 0, .12),0px 8px 16px -8px rgba(0, 0, 0, .16);--el-disabled-bg-color:var(--el-fill-color-light);--el-disabled-text-color:var(--el-text-color-placeholder);--el-disabled-border-color:var(--el-border-color-light);--el-overlay-color:rgba(0, 0, 0, .8);--el-overlay-color-light:rgba(0, 0, 0, .7);--el-overlay-color-lighter:rgba(0, 0, 0, .5);--el-mask-color:rgba(255, 255, 255, .9);--el-mask-color-extra-light:rgba(255, 255, 255, .3);--el-border-width:1px;--el-border-style:solid;--el-border-color-hover:var(--el-text-color-disabled);--el-border:var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-svg-monochrome-grey:var(--el-border-color)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-fade-in-enter-from,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-from,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transition:var(--el-transition-md-fade);transform-origin:center top}.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transition:var(--el-transition-md-fade);transform-origin:center bottom}.el-zoom-in-bottom-enter-from,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transform:scale(1);transition:var(--el-transition-md-fade);transform-origin:top left}.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:var(--el-transition-duration) height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.el-collapse-transition-enter-active,.el-collapse-transition-leave-active{transition:var(--el-transition-duration) max-height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter-from,.el-list-leave-to{opacity:0;transform:translateY(-30px)}.el-list-leave-active{position:absolute!important}.el-opacity-transition{transition:opacity var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-icon-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@-webkit-keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.el-icon{--color:inherit;height:1em;width:1em;line-height:1em;display:inline-flex;justify-content:center;align-items:center;position:relative;fill:currentColor;color:var(--color);font-size:inherit}.el-icon.is-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon svg{height:1em;width:1em}.el-popper{--el-popper-border-radius:var(--el-popover-border-radius, 4px)}.el-popper{position:absolute;border-radius:var(--el-popper-border-radius);padding:5px 11px;z-index:2000;font-size:12px;line-height:20px;min-width:10px;word-wrap:break-word;visibility:visible}.el-popper.is-dark{color:var(--el-bg-color);background:var(--el-text-color-primary);border:1px solid var(--el-text-color-primary)}.el-popper.is-dark .el-popper__arrow:before{border:1px solid var(--el-text-color-primary);background:var(--el-text-color-primary);right:0}.el-popper.is-light{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light)}.el-popper.is-light .el-popper__arrow:before{border:1px solid var(--el-border-color-light);background:var(--el-bg-color-overlay);right:0}.el-popper.is-pure{padding:0}.el-popper__arrow{position:absolute;width:10px;height:10px;z-index:-1}.el-popper__arrow:before{position:absolute;width:10px;height:10px;z-index:-1;content:" ";transform:rotate(45deg);background:var(--el-text-color-primary);box-sizing:border-box}.el-popper[data-popper-placement^=top]>.el-popper__arrow{bottom:-5px}.el-popper[data-popper-placement^=top]>.el-popper__arrow:before{border-bottom-right-radius:2px}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow{top:-5px}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow:before{border-top-left-radius:2px}.el-popper[data-popper-placement^=left]>.el-popper__arrow{right:-5px}.el-popper[data-popper-placement^=left]>.el-popper__arrow:before{border-top-right-radius:2px}.el-popper[data-popper-placement^=right]>.el-popper__arrow{left:-5px}.el-popper[data-popper-placement^=right]>.el-popper__arrow:before{border-bottom-left-radius:2px}.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-top-color:transparent!important;border-left-color:transparent!important}.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent!important;border-right-color:transparent!important}.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-left-color:transparent!important;border-bottom-color:transparent!important}.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent!important;border-top-color:transparent!important}.el-popover{--el-popover-bg-color:var(--el-bg-color-overlay);--el-popover-font-size:var(--el-font-size-base);--el-popover-border-color:var(--el-border-color-lighter);--el-popover-padding:12px;--el-popover-padding-large:18px 20px;--el-popover-title-font-size:16px;--el-popover-title-text-color:var(--el-text-color-primary);--el-popover-border-radius:4px}.el-popover.el-popper{background:var(--el-popover-bg-color);min-width:150px;border-radius:var(--el-popover-border-radius);border:1px solid var(--el-popover-border-color);padding:var(--el-popover-padding);z-index:var(--el-index-popper);color:var(--el-text-color-regular);line-height:1.4;text-align:justify;font-size:var(--el-popover-font-size);box-shadow:var(--el-box-shadow-light);word-break:break-all;box-sizing:border-box}.el-popover.el-popper--plain{padding:var(--el-popover-padding-large)}.el-popover__title{color:var(--el-popover-title-text-color);font-size:var(--el-popover-title-font-size);line-height:1;margin-bottom:12px}.el-popover__reference:focus:hover,.el-popover__reference:focus:not(.focusing){outline-width:0}.el-popover.el-popper.is-dark{--el-popover-bg-color:var(--el-text-color-primary);--el-popover-border-color:var(--el-text-color-primary);--el-popover-title-text-color:var(--el-bg-color);color:var(--el-bg-color)}.el-popover.el-popper:focus,.el-popover.el-popper:focus:active{outline-width:0}.das-ui-popover-over-container.el-popover.el-popper{box-sizing:border-box;padding:0}.das-ui-popover-over-container.el-popover.el-popper .das-ui-popover-container{padding:16px}.das-ui-popover-over-container.el-popover.el-popper .das-ui-popover-container .das-ui-popover-title{padding:0;border-bottom:0;min-height:0;height:20px;line-height:20px;color:var(--das-ui-color-normal);font-size:14px;margin-bottom:7px}.das-ui-popover-over-container.el-popover.el-popper .das-ui-popover-container .das-ui-popover-content{padding:0;font-size:12px;color:var(--das-ui-color-normal);line-height:18px}.das-ui-popover-over-container.el-popover.el-popper .das-ui-popover-container .das-ui-popover-content .btn-groups{margin-top:18px;display:flex;justify-content:flex-end}.das-ui-popover-over-container.el-popover.el-popper[data-popper-placement^=bottom-start]>.el-popper__arrow{left:16px!important}.das-ui-popover-over-container.el-popover.el-popper[data-popper-placement^=bottom-end]>.el-popper__arrow{right:16px!important;left:unset!important}
+.das-ui-popover-over-container.el-popover.el-popper{box-sizing:border-box;padding:0}.das-ui-popover-over-container.el-popover.el-popper .das-ui-popover-container{padding:16px}.das-ui-popover-over-container.el-popover.el-popper .das-ui-popover-container .das-ui-popover-title{padding:0;border-bottom:0;min-height:0;height:20px;line-height:20px;color:var(--das-ui-color-normal);font-size:14px;margin-bottom:7px}.das-ui-popover-over-container.el-popover.el-popper .das-ui-popover-container .das-ui-popover-content{padding:0;font-size:12px;color:var(--das-ui-color-normal);line-height:18px}.das-ui-popover-over-container.el-popover.el-popper .das-ui-popover-container .das-ui-popover-content .btn-groups{margin-top:18px;display:flex;justify-content:flex-end}.das-ui-popover-over-container.el-popover.el-popper[data-popper-placement^=bottom-start]>.el-popper__arrow{left:16px!important}.das-ui-popover-over-container.el-popover.el-popper[data-popper-placement^=bottom-end]>.el-popper__arrow{right:16px!important;left:unset!important}

package/packages/components/popup-mask/index.d.ts

@@ -2,55 +2,109 @@
 declare const DasPopupMaskRef: () => import("vue").Ref<({
     $: import("vue").ComponentInternalInstance;
     $data: {};
-    $props: Partial<{
-        visible: NonNullable<(typeof visible)["value"]>;
+    $props: {
+        readonly visible?: boolean | undefined;
+        readonly maskClass?: string | undefined;
+        readonly appendToBody?: boolean | undefined;
+        readonly lockScroll?: boolean | undefined;
+        readonly showClose?: boolean | undefined;
+        readonly closeOnClickModal?: boolean | undefined;
+        readonly closeOnPressEscape?: boolean | undefined;
+        readonly "onVisible-change"?: ((val: boolean) => any) | undefined;
+        readonly "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<{
+        visible?: boolean;
+    } & import("./src/type.js").Props> & Readonly<{
+        "onVisible-change"?: ((val: boolean) => any) | undefined;
+        "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+    }>;
+    $attrs: {
+        [x: string]: unknown;
+    };
+    $refs: {
+        [x: string]: unknown;
+    };
+    $slots: Readonly<{
+        [name: string]: import("vue").Slot<any> | undefined;
+    }>;
+    $root: import("vue").ComponentPublicInstance | null;
+    $parent: import("vue").ComponentPublicInstance | null;
+    $host: Element | null;
+    $emit: ((event: "visible-change", val: boolean) => void) & ((event: "update:visible", visible: boolean) => void);
+    $el: any;
+    $options: import("vue").ComponentOptionsBase<Readonly<{
+        visible?: boolean;
+    } & import("./src/type.js").Props> & Readonly<{
+        "onVisible-change"?: ((val: boolean) => any) | undefined;
+        "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:visible": (visible: boolean) => any;
+    } & {
+        "visible-change": (val: boolean) => any;
+        "update:visible": (val: boolean) => any;
+    }, string, {
+        visible: boolean;
         closeOnClickModal: boolean;
         closeOnPressEscape: boolean;
         appendToBody: boolean;
         lockScroll: boolean;
         showClose: boolean;
-    }> & Omit<{
-        readonly visible: NonNullable<(typeof visible)["value"]>;
-        readonly closeOnClickModal: boolean;
-        readonly closeOnPressEscape: boolean;
-        readonly appendToBody: boolean;
-        readonly lockScroll: boolean;
-        readonly showClose: boolean;
-        readonly maskClass?: string;
-        "onVisible-change"?: ((val: boolean) => any) | undefined;
-        "onUpdate:visible"?: ((val: boolean) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        visible: {
-            type: import("vue").PropType<any>;
-            default: boolean;
-        };
-        closeOnClickModal: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        closeOnPressEscape: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        maskClass: {
-            type: import("vue").PropType<string>;
-        };
-        appendToBody: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        lockScroll: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        showClose: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-    }>> & {
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+        beforeCreate?: (() => void) | (() => void)[];
+        created?: (() => void) | (() => void)[];
+        beforeMount?: (() => void) | (() => void)[];
+        mounted?: (() => void) | (() => void)[];
+        beforeUpdate?: (() => void) | (() => void)[];
+        updated?: (() => void) | (() => void)[];
+        activated?: (() => void) | (() => void)[];
+        deactivated?: (() => void) | (() => void)[];
+        beforeDestroy?: (() => void) | (() => void)[];
+        beforeUnmount?: (() => void) | (() => void)[];
+        destroyed?: (() => void) | (() => void)[];
+        unmounted?: (() => void) | (() => void)[];
+        renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+        renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+        errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+    };
+    $forceUpdate: () => void;
+    $nextTick: typeof import("vue").nextTick;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+} & Readonly<{
+    visible: boolean;
+    closeOnClickModal: boolean;
+    closeOnPressEscape: boolean;
+    appendToBody: boolean;
+    lockScroll: boolean;
+    showClose: boolean;
+}> & Omit<Readonly<{
+    visible?: boolean;
+} & import("./src/type.js").Props> & Readonly<{
+    "onVisible-change"?: ((val: boolean) => any) | undefined;
+    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+}>, "visible" | "closeOnClickModal" | "closeOnPressEscape" | "appendToBody" | "lockScroll" | "showClose"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
+    $slots: {
+        default?(_: {}): any;
+        "close-icon"?(_: {}): any;
+    };
+}) | null, ({
+    $: import("vue").ComponentInternalInstance;
+    $data: {};
+    $props: {
+        readonly visible?: boolean | undefined;
+        readonly maskClass?: string | undefined;
+        readonly appendToBody?: boolean | undefined;
+        readonly lockScroll?: boolean | undefined;
+        readonly showClose?: boolean | undefined;
+        readonly closeOnClickModal?: boolean | undefined;
+        readonly closeOnPressEscape?: boolean | undefined;
+        readonly "onVisible-change"?: ((val: boolean) => any) | undefined;
+        readonly "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<{
+        visible?: boolean;
+    } & import("./src/type.js").Props> & Readonly<{
         "onVisible-change"?: ((val: boolean) => any) | undefined;
-        "onUpdate:visible"?: ((val: boolean) => any) | undefined;
-    }, "visible" | "closeOnClickModal" | "closeOnPressEscape" | "appendToBody" | "lockScroll" | "showClose">;
+        "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+    }>;
     $attrs: {
         [x: string]: unknown;
     };
@@ -62,50 +116,27 @@ declare const DasPopupMaskRef: () => import("vue").Ref<({
     }>;
     $root: import("vue").ComponentPublicInstance | null;
     $parent: import("vue").ComponentPublicInstance | null;
-    $emit: ((event: "visible-change", val: boolean) => void) & ((event: "update:visible", val: boolean) => void);
+    $host: Element | null;
+    $emit: ((event: "visible-change", val: boolean) => void) & ((event: "update:visible", visible: boolean) => void);
     $el: any;
-    $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        visible: {
-            type: import("vue").PropType<any>;
-            default: boolean;
-        };
-        closeOnClickModal: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        closeOnPressEscape: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        maskClass: {
-            type: import("vue").PropType<string>;
-        };
-        appendToBody: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        lockScroll: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        showClose: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-    }>> & {
+    $options: import("vue").ComponentOptionsBase<Readonly<{
+        visible?: boolean;
+    } & import("./src/type.js").Props> & Readonly<{
         "onVisible-change"?: ((val: boolean) => any) | undefined;
-        "onUpdate:visible"?: ((val: boolean) => any) | undefined;
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:visible": ((visible: any) => void) & ((val: boolean) => void);
-        "visible-change": (val: boolean) => void;
+        "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:visible": (visible: boolean) => any;
+    } & {
+        "visible-change": (val: boolean) => any;
+        "update:visible": (val: boolean) => any;
     }, string, {
-        visible: NonNullable<(typeof visible)["value"]>;
+        visible: boolean;
         closeOnClickModal: boolean;
         closeOnPressEscape: boolean;
         appendToBody: boolean;
         lockScroll: boolean;
         showClose: boolean;
-    }, {}, string, {}> & {
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
         beforeCreate?: (() => void) | (() => void)[];
         created?: (() => void) | (() => void)[];
         beforeMount?: (() => void) | (() => void)[];
@@ -124,157 +155,62 @@ declare const DasPopupMaskRef: () => import("vue").Ref<({
     };
     $forceUpdate: () => void;
     $nextTick: typeof import("vue").nextTick;
-    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
-} & Omit<Readonly<import("vue").ExtractPropTypes<{
-    visible: {
-        type: import("vue").PropType<any>;
-        default: boolean;
-    };
-    closeOnClickModal: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    closeOnPressEscape: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    maskClass: {
-        type: import("vue").PropType<string>;
-    };
-    appendToBody: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    lockScroll: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    showClose: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}>> & {
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+} & Readonly<{
+    visible: boolean;
+    closeOnClickModal: boolean;
+    closeOnPressEscape: boolean;
+    appendToBody: boolean;
+    lockScroll: boolean;
+    showClose: boolean;
+}> & Omit<Readonly<{
+    visible?: boolean;
+} & import("./src/type.js").Props> & Readonly<{
     "onVisible-change"?: ((val: boolean) => any) | undefined;
-    "onUpdate:visible"?: ((val: boolean) => any) | undefined;
-}, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
+    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+}>, "visible" | "closeOnClickModal" | "closeOnPressEscape" | "appendToBody" | "lockScroll" | "showClose"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
         default?(_: {}): any;
         "close-icon"?(_: {}): any;
     };
 }) | null>;
 declare const DasPopupMask: import("@das-fed/utils").SFCWithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        visible: {
-            type: import("vue").PropType<any>;
-            default: boolean;
-        };
-        closeOnClickModal: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        closeOnPressEscape: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        maskClass: {
-            type: import("vue").PropType<string>;
-        };
-        appendToBody: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        lockScroll: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        showClose: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-    }>> & {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+        visible?: boolean;
+    } & import("./src/type.js").Props> & Readonly<{
         "onVisible-change"?: ((val: boolean) => any) | undefined;
-        "onUpdate:visible"?: ((val: boolean) => any) | undefined;
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:visible": ((visible: any) => void) & ((val: boolean) => void);
-        "visible-change": (val: boolean) => void;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        visible: {
-            type: import("vue").PropType<any>;
-            default: boolean;
-        };
-        closeOnClickModal: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        closeOnPressEscape: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        maskClass: {
-            type: import("vue").PropType<string>;
-        };
-        appendToBody: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        lockScroll: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        showClose: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-    }>> & {
+        "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:visible": (visible: boolean) => any;
+    } & {
+        "visible-change": (val: boolean) => any;
+        "update:visible": (val: boolean) => any;
+    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<{
+        visible?: boolean;
+    } & import("./src/type.js").Props> & Readonly<{
         "onVisible-change"?: ((val: boolean) => any) | undefined;
-        "onUpdate:visible"?: ((val: boolean) => any) | undefined;
-    }, {
-        visible: NonNullable<(typeof visible)["value"]>;
+        "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+    }>, {
+        visible: boolean;
         closeOnClickModal: boolean;
         closeOnPressEscape: boolean;
         appendToBody: boolean;
         lockScroll: boolean;
         showClose: boolean;
-    }, true, {}, {}, {
+    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        visible: {
-            type: import("vue").PropType<any>;
-            default: boolean;
-        };
-        closeOnClickModal: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        closeOnPressEscape: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        maskClass: {
-            type: import("vue").PropType<string>;
-        };
-        appendToBody: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        lockScroll: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        showClose: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-    }>> & {
+    }, Readonly<{
+        visible?: boolean;
+    } & import("./src/type.js").Props> & Readonly<{
         "onVisible-change"?: ((val: boolean) => any) | undefined;
-        "onUpdate:visible"?: ((val: boolean) => any) | undefined;
-    }, {}, {}, {}, {}, {
-        visible: NonNullable<(typeof visible)["value"]>;
+        "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        visible: boolean;
         closeOnClickModal: boolean;
         closeOnPressEscape: boolean;
         appendToBody: boolean;
@@ -284,48 +220,24 @@ declare const DasPopupMask: import("@das-fed/utils").SFCWithInstall<{
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    visible: {
-        type: import("vue").PropType<any>;
-        default: boolean;
-    };
-    closeOnClickModal: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    closeOnPressEscape: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    maskClass: {
-        type: import("vue").PropType<string>;
-    };
-    appendToBody: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    lockScroll: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    showClose: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}>> & {
+} & import("vue").ComponentOptionsBase<Readonly<{
+    visible?: boolean;
+} & import("./src/type.js").Props> & Readonly<{
     "onVisible-change"?: ((val: boolean) => any) | undefined;
-    "onUpdate:visible"?: ((val: boolean) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:visible": ((visible: any) => void) & ((val: boolean) => void);
-    "visible-change": (val: boolean) => void;
+    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:visible": (visible: boolean) => any;
+} & {
+    "visible-change": (val: boolean) => any;
+    "update:visible": (val: boolean) => any;
 }, string, {
-    visible: NonNullable<(typeof visible)["value"]>;
+    visible: boolean;
     closeOnClickModal: boolean;
     closeOnPressEscape: boolean;
     appendToBody: boolean;
     lockScroll: boolean;
     showClose: boolean;
-}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
         "close-icon"?(_: {}): any;

package/packages/components/popup-mask/index.js

@@ -23,19 +23,19 @@ const G = { class: "mask-content" }, J = /* @__PURE__ */ I({
     const o = s, a = n, d = t(), M = x(() => {
       let e = "das-ui-popup-mask";
       return o.maskClass && (e = `${e} ${o.maskClass}`), e;
-    }), i = O(s, "visible"), p = t(2e3), l = t(!1), f = t("0"), m = t(0), R = () => {
+    }), i = O(s, "visible"), f = t(2e3), l = t(!1), p = t("0"), m = t(0), R = () => {
       if (!o.lockScroll) return;
-      l.value = !W(document.body, "overflow-hide"), l.value && (f.value = document.body.style.paddingRight, m.value = parseInt(B(document.body, "paddingRight"), 10));
+      l.value = !W(document.body, "overflow-hide"), l.value && (p.value = document.body.style.paddingRight, m.value = parseInt(B(document.body, "paddingRight"), 10));
       const e = 10;
       let k = document.documentElement.clientHeight < document.body.scrollHeight, E = B(document.body, "overflowY");
       (k || E === "scroll") && l.value && (document.body.style.paddingRight = m.value + e + "px"), j(document.body, "overflow-hide");
     }, v = () => {
-      l.value && (document.body.style.paddingRight = f.value, A(document.body, "overflow-hide")), l.value = !0;
+      l.value && (document.body.style.paddingRight = p.value, A(document.body, "overflow-hide")), l.value = !0;
     };
     S(
       () => i.value,
       (e) => {
-        e ? (p.value = U().nextZIndex(), P(() => {
+        e ? (f.value = U().nextZIndex(), P(() => {
           R();
         })) : v(), a("update:visible", e), a("visible-change", e);
       }
@@ -55,34 +55,47 @@ const G = { class: "mask-content" }, J = /* @__PURE__ */ I({
       to: "body",
       disabled: !e.appendToBody
     }, [
-      h(H, {
-        ref_key: "popupMaskRef",
-        ref: d,
-        name: "fade"
-      }, {
-        default: D(() => [
-          i.value ? (r(), C("div", {
-            key: 0,
-            class: L(M.value),
-            style: V({ "z-index": p.value }),
-            onClick: g(_, ["self"])
-          }, [
-            Y("div", G, [
-              e.$slots.default ? w(e.$slots, "default", { key: 0 }, void 0, !0) : u("", !0)
-            ]),
-            e.showClose ? (r(), C("div", {
-              key: 0,
-              class: "close-icon",
-              onClick: g(c, ["stop"])
-            }, [
-              w(e.$slots, "close-icon", {}, () => [
-                h(Z(F), { iconColor: "#ffffff" })
-              ], !0)
-            ])) : u("", !0)
-          ], 6)) : u("", !0)
-        ]),
-        _: 3
-      }, 512)
+      h(
+        H,
+        {
+          ref_key: "popupMaskRef",
+          ref: d,
+          name: "fade"
+        },
+        {
+          default: D(() => [
+            i.value ? (r(), C(
+              "div",
+              {
+                key: 0,
+                class: L(M.value),
+                style: V({ "z-index": f.value }),
+                onClick: g(_, ["self"])
+              },
+              [
+                Y("div", G, [
+                  e.$slots.default ? w(e.$slots, "default", { key: 0 }, void 0, !0) : u("v-if", !0)
+                ]),
+                e.showClose ? (r(), C("div", {
+                  key: 0,
+                  class: "close-icon",
+                  onClick: g(c, ["stop"])
+                }, [
+                  w(e.$slots, "close-icon", {}, () => [
+                    h(Z(F), { iconColor: "#ffffff" })
+                  ], !0)
+                ])) : u("v-if", !0)
+              ],
+              6
+              /* CLASS, STYLE */
+            )) : u("v-if", !0)
+          ]),
+          _: 3
+          /* FORWARDED */
+        },
+        512
+        /* NEED_PATCH */
+      )
     ], 8, ["disabled"]));
   }
 }), K = (s, n) => {