@das-fed/ui 6.4.0-test.5.1 → 6.4.0-test.51

package/packages/components/popover/index.d.ts

@@ -1,4 +1,159 @@
 import '@das-fed/ui/packages/global/theme';
+declare const DasPopoverRef: () => import("vue").Ref<({
+    $: import("vue").ComponentInternalInstance;
+    $data: {};
+    $props: {
+        readonly title?: string | undefined;
+        readonly width?: string | number | undefined;
+        readonly content?: string | undefined;
+        readonly popperClass?: string | undefined;
+        readonly showBtns?: boolean | undefined;
+        readonly placement?: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end" | undefined;
+        readonly onCancel?: (() => any) | undefined;
+        readonly onConfirm?: (() => any) | undefined;
+        readonly onClickOutside?: (() => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    $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: "cancel") => void) & ((event: "confirm") => void) & ((event: "clickOutside") => void);
+    $el: any;
+    $options: import("vue").ComponentOptionsBase<Readonly<import("./src/type.js").Props> & Readonly<{
+        onCancel?: (() => any) | undefined;
+        onConfirm?: (() => any) | undefined;
+        onClickOutside?: (() => any) | undefined;
+    }>, {
+        $popoverRef: import("vue").Ref<null, null>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+        cancel: () => any;
+        confirm: () => any;
+        clickOutside: () => any;
+    }, string, {
+        placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
+        width: string | number;
+        showBtns: 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<{
+    placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
+    width: string | number;
+    showBtns: boolean;
+}> & Omit<Readonly<import("./src/type.js").Props> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+    onClickOutside?: (() => any) | undefined;
+}>, "$popoverRef" | ("placement" | "width" | "showBtns")> & import("vue").ShallowUnwrapRef<{
+    $popoverRef: import("vue").Ref<null, null>;
+}> & {} & import("vue").ComponentCustomProperties & {} & {
+    $slots: {
+        reference?: ((props: {}) => any) | undefined;
+        default?: ((props: {}) => any) | undefined;
+    };
+}) | null, ({
+    $: import("vue").ComponentInternalInstance;
+    $data: {};
+    $props: {
+        readonly title?: string | undefined;
+        readonly width?: string | number | undefined;
+        readonly content?: string | undefined;
+        readonly popperClass?: string | undefined;
+        readonly showBtns?: boolean | undefined;
+        readonly placement?: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end" | undefined;
+        readonly onCancel?: (() => any) | undefined;
+        readonly onConfirm?: (() => any) | undefined;
+        readonly onClickOutside?: (() => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    $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: "cancel") => void) & ((event: "confirm") => void) & ((event: "clickOutside") => void);
+    $el: any;
+    $options: import("vue").ComponentOptionsBase<Readonly<import("./src/type.js").Props> & Readonly<{
+        onCancel?: (() => any) | undefined;
+        onConfirm?: (() => any) | undefined;
+        onClickOutside?: (() => any) | undefined;
+    }>, {
+        $popoverRef: import("vue").Ref<null, null>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+        cancel: () => any;
+        confirm: () => any;
+        clickOutside: () => any;
+    }, string, {
+        placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
+        width: string | number;
+        showBtns: 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<{
+    placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
+    width: string | number;
+    showBtns: boolean;
+}> & Omit<Readonly<import("./src/type.js").Props> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+    onClickOutside?: (() => any) | undefined;
+}>, "$popoverRef" | ("placement" | "width" | "showBtns")> & import("vue").ShallowUnwrapRef<{
+    $popoverRef: import("vue").Ref<null, null>;
+}> & {} & import("vue").ComponentCustomProperties & {} & {
+    $slots: {
+        reference?: ((props: {}) => any) | undefined;
+        default?: ((props: {}) => any) | undefined;
+    };
+}) | null>;
 declare const DasPopover: import("@das-fed/utils").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./src/type.js").Props> & Readonly<{
         onCancel?: (() => any) | undefined;
@@ -51,9 +206,12 @@ declare const DasPopover: import("@das-fed/utils").SFCWithInstall<{
     showBtns: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
-        reference?(_: {}): any;
-        default?(_: {}): any;
+        reference?: ((props: {}) => any) | undefined;
+        default?: ((props: {}) => any) | undefined;
     };
 })>;
-export { DasPopover };
-export default DasPopover;
+export { DasPopoverRef, DasPopover };
+declare const _default: {
+    title: string;
+};
+export default _default;

package/packages/components/popover/index.js

@@ -1,8 +1,8 @@
 import '@das-fed/ui/packages/components/popover/style.css';
-import { withInstall as B } from "@das-fed/utils/with-install/index";
-import { i18n as d, setI18nRule as _ } from "@das-fed/web/packages/i18n/index";
-import { defineComponent as O, useAttrs as b, ref as g, computed as D, openBlock as s, createBlock as V, unref as t, mergeProps as E, withCtx as r, renderSlot as m, withDirectives as I, createElementBlock as p, toDisplayString as n, createCommentVNode as u, createElementVNode as P, createTextVNode as a, createVNode as f } from "vue";
-import { ElPopover as R, ClickOutside as z } from "element-plus";
+import { defineComponent as _, useAttrs as D, ref as C, computed as O, createBlock as P, openBlock as s, unref as o, mergeProps as b, withCtx as r, withDirectives as g, createElementBlock as p, createCommentVNode as d, renderSlot as m, toDisplayString as n, createElementVNode as R, createTextVNode as a, createVNode as u } from "vue";
+import { withInstall as V } from "@das-fed/utils/with-install/index";
+import { i18n as f, setI18nRule as E } from "@das-fed/web/packages/i18n/index";
+import { ElPopover as I, ClickOutside as z } from "element-plus";
 import { DasButton as v } from "@das-fed/ui/packages/components/button/index";
 import "element-plus/es/components/popover/style/css";
 import "@das-fed/ui/packages/global/theme";
@@ -12,7 +12,7 @@ const S = { class: "das-ui-popover-container" }, T = {
 }, A = { class: "das-ui-popover-content" }, K = {
   key: 0,
   class: "btn-groups"
-}, j = /* @__PURE__ */ O({
+}, j = /* @__PURE__ */ _({
   __name: "Index",
   props: {
     title: {},
@@ -23,47 +23,47 @@ const S = { class: "das-ui-popover-container" }, T = {
     placement: { default: "bottom-start" }
   },
   emits: ["cancel", "confirm", "clickOutside"],
-  setup(C, { expose: k, emit: h }) {
-    const l = C, i = h, w = b(), c = g(null), $ = D(() => {
+  setup(k, { expose: h, emit: w }) {
+    const l = k, i = w, $ = D(), c = C(null), y = O(() => {
       let e = "das-ui-popover-over-container";
       return l.popperClass && (e = `${e} ${l.popperClass}`), e;
-    }), y = () => {
-      w.visible !== void 0 && i("clickOutside");
+    }), N = () => {
+      $.visible !== void 0 && i("clickOutside");
     };
-    return k({ $popoverRef: c }), (e, o) => (s(), V(t(R), E({
+    return h({ $popoverRef: c }), (e, t) => (s(), P(o(I), b({
       ref_key: "$popoverRef",
       ref: c,
       class: "das-ui-popover",
       placement: e.placement,
       width: e.width,
-      "popper-class": $.value
+      "popper-class": y.value
     }, e.$attrs), {
       reference: r(() => [
         m(e.$slots, "reference")
       ]),
       default: r(() => [
-        I((s(), p("div", S, [
+        g((s(), p("div", S, [
           e.title ? (s(), p(
             "div",
             T,
             n(e.title),
             1
             /* TEXT */
-          )) : u("v-if", !0),
+          )) : d("v-if", !0),
           m(e.$slots, "default", {}, () => [
-            P("div", A, [
+            R("div", A, [
               a(
                 n(e.content) + " ",
                 1
                 /* TEXT */
               ),
               e.showBtns ? (s(), p("div", K, [
-                f(t(v), {
-                  onClick: o[0] || (o[0] = (N) => i("cancel"))
+                u(o(v), {
+                  onClick: t[0] || (t[0] = (B) => i("cancel"))
                 }, {
                   default: r(() => [
                     a(
-                      n(t(d)("das-ui-popover-cancel").value),
+                      n(o(f)("das-ui-popover-cancel").value),
                       1
                       /* TEXT */
                     )
@@ -71,14 +71,14 @@ const S = { class: "das-ui-popover-container" }, T = {
                   _: 1
                   /* STABLE */
                 }),
-                f(t(v), {
+                u(o(v), {
                   btnType: "primary",
-                  onClick: o[1] || (o[1] = (N) => i("confirm")),
+                  onClick: t[1] || (t[1] = (B) => i("confirm")),
                   style: { "margin-left": "12px" }
                 }, {
                   default: r(() => [
                     a(
-                      n(t(d)("das-ui-popover-confirm").value),
+                      n(o(f)("das-ui-popover-confirm").value),
                       1
                       /* TEXT */
                     )
@@ -86,11 +86,11 @@ const S = { class: "das-ui-popover-container" }, T = {
                   _: 1
                   /* STABLE */
                 })
-              ])) : u("v-if", !0)
+              ])) : d("v-if", !0)
             ])
           ])
         ])), [
-          [t(z), y]
+          [o(z), N]
         ])
       ]),
       _: 3
@@ -100,9 +100,11 @@ const S = { class: "das-ui-popover-container" }, T = {
 }), q = {
   "das-ui-popover-confirm": { "zh-CN": "确定", en: "OK", _appCode: "framework" },
   "das-ui-popover-cancel": { "zh-CN": "取消", en: "Cancel", _appCode: "framework" }
-}, U = B(j);
-_(q);
+};
+E(q);
+const Q = () => C(null), U = V(j), W = { title: "Popover 气泡卡片" };
 export {
   U as DasPopover,
-  U as default
+  Q as DasPopoverRef,
+  W as default
 };

package/packages/components/popover/src/Index.vue.d.ts

@@ -0,0 +1,61 @@
+import { ClickOutside as vClickOutside, ElPopover } from 'element-plus';
+import { DasButton } from '@das-fed/ui';
+import { i18n } from '@das-fed/web';
+import 'element-plus/es/components/popover/style/css';
+import type { Props, Emits } from './type';
+declare const emits: Emits;
+declare const $popoverRef: import("vue").Ref<null, null>;
+/** 自定义弹窗类名 */
+declare const customClassName: import("vue").ComputedRef<string>;
+declare const clickOutside: () => void;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_7: {}, __VLS_9: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    reference?: (props: typeof __VLS_7) => any;
+} & {
+    default?: (props: typeof __VLS_9) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<Props, {
+    vClickOutside: typeof vClickOutside;
+    ElPopover: typeof ElPopover;
+    DasButton: typeof DasButton;
+    i18n: typeof i18n;
+    emits: typeof emits;
+    $popoverRef: typeof $popoverRef;
+    customClassName: typeof customClassName;
+    clickOutside: typeof clickOutside;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    cancel: () => any;
+    confirm: () => any;
+    clickOutside: () => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+    onClickOutside?: (() => any) | undefined;
+}>, {
+    placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
+    width: string | number;
+    showBtns: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<Props, {
+    $popoverRef: import("vue").Ref<null, null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    cancel: () => any;
+    confirm: () => any;
+    clickOutside: () => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+    onClickOutside?: (() => any) | undefined;
+}>, {
+    placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
+    width: string | number;
+    showBtns: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/packages/components/popover/src/type.d.ts

@@ -0,0 +1,50 @@
+
+export interface Props {
+  
+  title?: string
+  
+  width?: string | number
+  
+  content?: string
+  
+  popperClass?: string
+  
+  showBtns?: boolean
+  
+  placement?:
+    | 'top'
+    | 'top-start'
+    | 'top-end'
+    | 'bottom'
+    | 'bottom-start'
+    | 'bottom-end'
+    | 'left'
+    | 'left-start'
+    | 'left-end'
+    | 'right'
+    | 'right-start'
+    | 'right-end'
+}
+
+export interface Emits {
+  
+  (e: 'cancel'): void
+
+  
+  (e: 'confirm'): void
+
+  
+  (e: 'clickOutside'): void
+}
+
+export interface Slots {
+  
+  reference: {}
+  
+  default: {}
+}
+
+export type Exposes = {
+  
+  $popoverRef: {}
+}

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

@@ -11,7 +11,7 @@ declare const DasPopupMaskRef: () => import("vue").Ref<({
         readonly closeOnClickModal?: boolean | undefined;
         readonly closeOnPressEscape?: boolean | undefined;
         readonly "onVisible-change"?: ((val: boolean) => any) | undefined;
-        readonly "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+        readonly "onUpdate:visible"?: ((value: boolean) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     $attrs: {
         [x: string]: unknown;
@@ -25,15 +25,15 @@ declare const DasPopupMaskRef: () => import("vue").Ref<({
     $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);
+    $emit: ((event: "visible-change", val: boolean) => void) & ((event: "update:visible", value: 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;
+        "onUpdate:visible"?: ((value: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:visible": (visible: boolean) => any;
+        "update:visible": (value: boolean) => any;
     } & {
         "visible-change": (val: boolean) => any;
         "update:visible": (val: boolean) => any;
@@ -75,11 +75,11 @@ declare const DasPopupMaskRef: () => import("vue").Ref<({
     visible?: boolean;
 } & import("./src/type.js").Props> & Readonly<{
     "onVisible-change"?: ((val: boolean) => any) | undefined;
-    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
 }>, "visible" | "closeOnClickModal" | "closeOnPressEscape" | "appendToBody" | "lockScroll" | "showClose"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
-        default?(_: {}): any;
-        "close-icon"?(_: {}): any;
+        default?: ((props: {}) => any) | undefined;
+        'close-icon'?: ((props: {}) => any) | undefined;
     };
 }) | null, ({
     $: import("vue").ComponentInternalInstance;
@@ -93,7 +93,7 @@ declare const DasPopupMaskRef: () => import("vue").Ref<({
         readonly closeOnClickModal?: boolean | undefined;
         readonly closeOnPressEscape?: boolean | undefined;
         readonly "onVisible-change"?: ((val: boolean) => any) | undefined;
-        readonly "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+        readonly "onUpdate:visible"?: ((value: boolean) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     $attrs: {
         [x: string]: unknown;
@@ -107,15 +107,15 @@ declare const DasPopupMaskRef: () => import("vue").Ref<({
     $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);
+    $emit: ((event: "visible-change", val: boolean) => void) & ((event: "update:visible", value: 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;
+        "onUpdate:visible"?: ((value: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:visible": (visible: boolean) => any;
+        "update:visible": (value: boolean) => any;
     } & {
         "visible-change": (val: boolean) => any;
         "update:visible": (val: boolean) => any;
@@ -157,11 +157,11 @@ declare const DasPopupMaskRef: () => import("vue").Ref<({
     visible?: boolean;
 } & import("./src/type.js").Props> & Readonly<{
     "onVisible-change"?: ((val: boolean) => any) | undefined;
-    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
 }>, "visible" | "closeOnClickModal" | "closeOnPressEscape" | "appendToBody" | "lockScroll" | "showClose"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
-        default?(_: {}): any;
-        "close-icon"?(_: {}): any;
+        default?: ((props: {}) => any) | undefined;
+        'close-icon'?: ((props: {}) => any) | undefined;
     };
 }) | null>;
 declare const DasPopupMask: import("@das-fed/utils").SFCWithInstall<{
@@ -169,9 +169,9 @@ declare const DasPopupMask: import("@das-fed/utils").SFCWithInstall<{
         visible?: boolean;
     } & import("./src/type.js").Props> & Readonly<{
         "onVisible-change"?: ((val: boolean) => any) | undefined;
-        "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+        "onUpdate:visible"?: ((value: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:visible": (visible: boolean) => any;
+        "update:visible": (value: boolean) => any;
     } & {
         "visible-change": (val: boolean) => any;
         "update:visible": (val: boolean) => any;
@@ -193,7 +193,7 @@ declare const DasPopupMask: import("@das-fed/utils").SFCWithInstall<{
         visible?: boolean;
     } & import("./src/type.js").Props> & Readonly<{
         "onVisible-change"?: ((val: boolean) => any) | undefined;
-        "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+        "onUpdate:visible"?: ((value: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, {
         visible: boolean;
         closeOnClickModal: boolean;
@@ -209,9 +209,9 @@ declare const DasPopupMask: import("@das-fed/utils").SFCWithInstall<{
     visible?: boolean;
 } & import("./src/type.js").Props> & Readonly<{
     "onVisible-change"?: ((val: boolean) => any) | undefined;
-    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:visible": (visible: boolean) => any;
+    "update:visible": (value: boolean) => any;
 } & {
     "visible-change": (val: boolean) => any;
     "update:visible": (val: boolean) => any;
@@ -224,8 +224,8 @@ declare const DasPopupMask: import("@das-fed/utils").SFCWithInstall<{
     showClose: boolean;
 }, {}, 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;
+        default?: ((props: {}) => any) | undefined;
+        'close-icon'?: ((props: {}) => any) | undefined;
     };
 })>;
 export { DasPopupMask, DasPopupMaskRef };

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

@@ -1,5 +1,5 @@
 import '@das-fed/ui/packages/components/popup-mask/style.css';
-import { defineComponent as I, mergeModels as b, ref as t, computed as x, useModel as O, watch as S, nextTick as P, onMounted as N, onUnmounted as T, openBlock as r, createBlock as $, Teleport as z, createVNode as h, Transition as H, withCtx as D, createElementBlock as C, normalizeClass as L, normalizeStyle as V, withModifiers as g, createElementVNode as Y, renderSlot as w, createCommentVNode as u, unref as Z } from "vue";
+import { defineComponent as I, mergeModels as b, ref as t, computed as x, useModel as O, watch as S, nextTick as P, onMounted as N, onUnmounted as T, createBlock as $, openBlock as r, Teleport as z, createVNode as h, Transition as H, withCtx as D, createElementBlock as C, createCommentVNode as u, withModifiers as g, normalizeStyle as L, normalizeClass as V, createElementVNode as Y, renderSlot as w, unref as Z } from "vue";
 import { withInstall as q } from "@das-fed/utils/with-install/index";
 import { useZIndex as U } from "@das-fed/utils/hooks/popup-manager/use-zindex";
 import { hasClass as W, getStyle as B, addClass as j, removeClass as A } from "@das-fed/utils/style";
@@ -68,8 +68,8 @@ const G = { class: "mask-content" }, J = /* @__PURE__ */ I({
               "div",
               {
                 key: 0,
-                class: L(M.value),
-                style: V({ "z-index": f.value }),
+                class: V(M.value),
+                style: L({ "z-index": f.value }),
                 onClick: g(_, ["self"])
               },
               [