@das-fed/ui 6.4.0-dev.3 → 6.4.0-dev.5

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

@@ -16,169 +16,7 @@ declare const DasPopupMaskRef: () => import("vue").Ref<({
         readonly appendToBody: boolean;
         readonly lockScroll: boolean;
         readonly showClose: boolean;
-        readonly maskClass?: string | undefined;
-        "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;
-        };
-    }>> & {
-        "onVisible-change"?: ((val: boolean) => any) | undefined;
-        "onUpdate:visible"?: ((val: boolean) => any) | undefined;
-    }, "visible" | "closeOnClickModal" | "closeOnPressEscape" | "appendToBody" | "lockScroll" | "showClose">;
-    $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;
-    $emit: ((event: "visible-change", val: boolean) => void) & ((event: "update:visible", val: 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;
-        };
-    }>> & {
-        "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;
-    }, string, {
-        visible: NonNullable<(typeof visible)["value"]>;
-        closeOnClickModal: boolean;
-        closeOnPressEscape: boolean;
-        appendToBody: boolean;
-        lockScroll: boolean;
-        showClose: boolean;
-    }, {}, string, {}> & {
-        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, (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;
-    };
-}>> & {
-    "onVisible-change"?: ((val: boolean) => any) | undefined;
-    "onUpdate:visible"?: ((val: boolean) => any) | undefined;
-}, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
-    $slots: {
-        default?(_: {}): any;
-        "close-icon"?(_: {}): any;
-    };
-}) | null, ({
-    $: import("vue").ComponentInternalInstance;
-    $data: {};
-    $props: Partial<{
-        visible: NonNullable<(typeof visible)["value"]>;
-        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 | undefined;
+        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<{

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

@@ -3,7 +3,7 @@ import { defineComponent as I, mergeModels as b, ref as t, computed as x, useMod
 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";
-import { DasIcon as F } from "@das-fed/ui/packages/components/icon/index";
+import { DasIconClose2 as F } from "@das-fed/ui/packages/icons/close-2/index";
 const G = { class: "mask-content" }, J = /* @__PURE__ */ I({
   __name: "Index",
   props: /* @__PURE__ */ b({
@@ -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"), f = t(2e3), l = t(!1), p = t("0"), m = t(0), R = () => {
+    }), i = O(s, "visible"), p = t(2e3), l = t(!1), f = t("0"), m = t(0), R = () => {
       if (!o.lockScroll) return;
-      l.value = !W(document.body, "overflow-hide"), l.value && (p.value = document.body.style.paddingRight, m.value = parseInt(B(document.body, "paddingRight"), 10));
+      l.value = !W(document.body, "overflow-hide"), l.value && (f.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 = p.value, A(document.body, "overflow-hide")), l.value = !0;
+      l.value && (document.body.style.paddingRight = f.value, A(document.body, "overflow-hide")), l.value = !0;
     };
     S(
       () => i.value,
       (e) => {
-        e ? (f.value = U().nextZIndex(), P(() => {
+        e ? (p.value = U().nextZIndex(), P(() => {
           R();
         })) : v(), a("update:visible", e), a("visible-change", e);
       }
@@ -55,50 +55,34 @@ 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": 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",
-                      icon: "close2"
-                    })
-                  ], !0)
-                ])) : u("v-if", !0)
-              ],
-              6
-              /* CLASS, STYLE */
-            )) : u("v-if", !0)
-          ]),
-          _: 3
-          /* FORWARDED */
-        },
-        512
-        /* NEED_PATCH */
-      )
+      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)
     ], 8, ["disabled"]));
   }
 }), K = (s, n) => {
@@ -106,7 +90,7 @@ const G = { class: "mask-content" }, J = /* @__PURE__ */ I({
   for (const [a, d] of n)
     o[a] = d;
   return o;
-}, Q = /* @__PURE__ */ K(J, [["__scopeId", "data-v-0cd09cc7"]]), le = () => t(null), ae = q(Q);
+}, Q = /* @__PURE__ */ K(J, [["__scopeId", "data-v-18530c04"]]), le = () => t(null), ae = q(Q);
 export {
   ae as DasPopupMask,
   le as DasPopupMaskRef,

package/packages/components/popup-mask/style.css

@@ -1 +1 @@
-.das-ui-popup-mask[data-v-0cd09cc7]{width:100vw;height:100vh;position:fixed;left:0;top:0;background:#21212180}.das-ui-popup-mask .mask-content[data-v-0cd09cc7]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.das-ui-popup-mask .close-icon[data-v-0cd09cc7]{position:absolute;top:40px;right:40px;cursor:pointer}.fade-enter-active[data-v-0cd09cc7],.fade-leave-active[data-v-0cd09cc7]{transition:opacity .1s}.fade-enter[data-v-0cd09cc7],.fade-leave-to[data-v-0cd09cc7]{opacity:0}
+.das-ui-popup-mask[data-v-18530c04]{width:100vw;height:100vh;position:fixed;left:0;top:0;background:#21212180}.das-ui-popup-mask .mask-content[data-v-18530c04]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.das-ui-popup-mask .close-icon[data-v-18530c04]{position:absolute;top:40px;right:40px;cursor:pointer}.fade-enter-active[data-v-18530c04],.fade-leave-active[data-v-18530c04]{transition:opacity .1s}.fade-enter[data-v-18530c04],.fade-leave-to[data-v-18530c04]{opacity:0}

package/packages/components/preview/index.js

@@ -37,14 +37,9 @@ const b = (e) => {
           size: "large"
         }, {
           default: x(() => [
-            $(
-              k(i(u)("das-preview-text")),
-              1
-              /* TEXT */
-            )
+            $(k(i(u)("das-preview-text")), 1)
           ]),
           _: 1
-          /* STABLE */
         })
       ], !0)
     ]));

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

@@ -54,7 +54,7 @@ declare const DasProgress: import("@das-fed/utils").SFCWithInstall<{
             default: string;
         };
     }>>, {
-        $progress: import("vue").Ref<null, null>;
+        $progress: import("vue").Ref<null>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
         type: {
             type: import("vue").PropType<"circle" | "line">;
@@ -183,7 +183,7 @@ declare const DasProgress: import("@das-fed/utils").SFCWithInstall<{
             default: string;
         };
     }>>, {
-        $progress: import("vue").Ref<null, null>;
+        $progress: import("vue").Ref<null>;
     }, {}, {}, {}, {
         type: "line" | "circle";
         width: number;
@@ -255,7 +255,7 @@ declare const DasProgress: import("@das-fed/utils").SFCWithInstall<{
         default: string;
     };
 }>>, {
-    $progress: import("vue").Ref<null, null>;
+    $progress: import("vue").Ref<null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     type: "line" | "circle";
     width: number;