@das-fed/upf-ui 6.4.0-dev.297 → 6.4.0-dev.299

package/packages/components/popover/index.js

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

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

@@ -1,4 +1,4 @@
-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 s, computed as O, useModel as S, watch as _, 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 { withInstall as q } from "@das-fed/upf-utils/with-install/index";
 import { useZIndex as U } from "@das-fed/upf-utils/hooks/popup-manager/use-zindex";
 import { hasClass as W, getStyle as B, addClass as j, removeClass as A } from "@das-fed/upf-utils/style";
@@ -21,78 +21,91 @@ const G = { class: "mask-content" }, J = /* @__PURE__ */ I({
     visibleModifiers: {}
   }),
   emits: /* @__PURE__ */ b(["update:visible", "visible-change"], ["update:visible"]),
-  setup(s, { emit: n }) {
-    const o = s, a = n, d = t(), M = x(() => {
+  setup(t, { emit: n }) {
+    const o = t, a = n, d = s(), M = O(() => {
       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 = S(t, "visible"), f = s(2e3), l = s(!1), p = s("0"), m = s(0), x = () => {
       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");
-    }, y = () => {
-      l.value && (document.body.style.paddingRight = f.value, A(document.body, "overflow-hide")), l.value = !0;
+    }, v = () => {
+      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(() => {
-          R();
-        })) : y(), a("update:visible", e), a("visible-change", e);
+        e ? (f.value = U().nextZIndex(), P(() => {
+          x();
+        })) : v(), a("update:visible", e), a("visible-change", e);
       }
     );
     const c = () => {
-      i.value = !1, y();
-    }, _ = () => {
+      i.value = !1, v();
+    }, R = () => {
       o.closeOnClickModal && c();
-    }, v = (e) => {
+    }, y = (e) => {
       e.key === "Escape" && o.closeOnPressEscape && c();
     };
     return N(() => {
-      window.addEventListener("keydown", v);
+      window.addEventListener("keydown", y);
     }), T(() => {
-      window.removeEventListener("keydown", v);
+      window.removeEventListener("keydown", y);
     }), (e, k) => (r(), $(z, {
       to: "body",
-      disabled: !e.appendToBody
+      disabled: !t.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(R, ["self"])
+              },
+              [
+                Y("div", G, [
+                  e.$slots.default ? w(e.$slots, "default", { key: 0 }, void 0, !0) : u("v-if", !0)
+                ]),
+                t.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) => {
-  const o = s.__vccOpts || s;
+}), K = (t, n) => {
+  const o = t.__vccOpts || t;
   for (const [a, d] of n)
     o[a] = d;
   return o;
-}, Q = /* @__PURE__ */ K(J, [["__scopeId", "data-v-67ba9d27"]]), ae = () => t(null), ne = q(Q);
+}, Q = /* @__PURE__ */ K(J, [["__scopeId", "data-v-67ba9d27"]]), ae = () => s(null), ne = q(Q);
 export {
   ne as DasPopupMask,
   ae as DasPopupMaskRef,

package/packages/components/preview/index.js

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