@das-fed/upf-ui 6.4.0-dev.170 → 6.4.0-dev.172

package/packages/components/tabs/index.js

@@ -1,19 +1,19 @@
 import '@das-fed/upf-ui/packages/components/tabs/style.css';
 import { withInstall as J } from "@das-fed/upf-utils/with-install/index";
 import { setThemeRule as Q } from "@das-fed/upf-web/packages/theme/index";
-import { ref as P, computed as u, onMounted as X, defineComponent as Y, createBlock as x, createCommentVNode as A, openBlock as d, unref as l, mergeProps as N, createSlots as j, withCtx as c, createElementBlock as f, Fragment as O, renderList as K, normalizeStyle as Z, renderSlot as v, withDirectives as $, createTextVNode as B, toDisplayString as L, createElementVNode as ee, normalizeClass as te } from "vue";
+import { ref as P, computed as u, onMounted as X, defineComponent as Y, openBlock as d, createBlock as x, unref as s, mergeProps as N, createSlots as j, withCtx as f, renderSlot as y, createCommentVNode as A, createElementBlock as c, Fragment as O, renderList as K, normalizeStyle as Z, withDirectives as $, createTextVNode as B, toDisplayString as L, createElementVNode as ee, normalizeClass as te } from "vue";
 import { DasIcon as ae } from "@das-fed/upf-ui/packages/components/icon/index";
 import { vDasTooltip as R } from "@das-fed/upf-ui/packages/components/text-tooltip/index";
-import { Tabs as oe, TabPane as re } from "ant-design-vue";
+import { Tabs as oe, TabPane as ne } from "ant-design-vue";
 import "ant-design-vue/es/tabs/style/css";
-import { ElPopover as se } from "element-plus";
+import { ElPopover as re } from "element-plus";
 import "element-plus/es/components/popover/style/css";
-import { t as I, setI18nRule as le } from "@das-fed/upf-web/packages/i18n/index";
-const ne = (a) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)$/.test(a), D = (a) => {
+import { t as I, setI18nRule as se } from "@das-fed/upf-web/packages/i18n/index";
+const le = (a) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)$/.test(a), D = (a) => {
   if (a)
-    return typeof a == "string" && ne(a) ? a : a + "px";
-}, ie = (a, y) => {
-  const e = P({}), h = P([
+    return typeof a == "string" && le(a) ? a : a + "px";
+}, ie = (a, h) => {
+  const e = P({}), p = P([
     {
       key: "all",
       name: I("关闭全部页签"),
@@ -24,43 +24,43 @@ const ne = (a) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
       key: "other",
       name: I("关闭其他页签"),
       disabled: !1,
-      hidden: (r, s) => r.length === 1
+      hidden: (n, r) => n.length === 1
     },
     {
       key: "right",
       name: I("关闭右侧页签"),
       disabled: !1,
-      hidden: (r, s) => r.findIndex((m) => {
+      hidden: (n, r) => n.findIndex((v) => {
         var w, E;
-        return m[(w = a.defualtProps) == null ? void 0 : w.key] === s[(E = a.defualtProps) == null ? void 0 : E.key];
-      }) === r.length - 1
+        return v[(w = a.defualtProps) == null ? void 0 : w.key] === r[(E = a.defualtProps) == null ? void 0 : E.key];
+      }) === n.length - 1
     }
-  ]), k = u(() => a.constomMenuList && a.constomMenuList.length ? a.constomMenuList : h.value), C = u(() => {
-    let r;
-    return a.width && (r = D(a.width)), r;
+  ]), k = u(() => a.constomMenuList && a.constomMenuList.length ? a.constomMenuList : p.value), C = u(() => {
+    let n;
+    return a.width && (n = D(a.width)), n;
   }), g = u(() => {
-    let r = a.type === "lattice" ? "65px" : void 0;
-    return a.tabWidth && (r = D(a.tabWidth)), r;
+    let n = a.type === "lattice" ? "65px" : void 0;
+    return a.tabWidth && (n = D(a.tabWidth)), n;
   }), S = u(() => {
-    let r;
-    return a.tabMaxWidth && (r = D(a.tabMaxWidth)), r;
-  }), F = P(!1), b = P(), M = (r) => {
-    Object.keys(e.value).forEach((s) => {
-      (F.value || s != r) && (e.value[s] = !1);
+    let n;
+    return a.tabMaxWidth && (n = D(a.tabMaxWidth)), n;
+  }), F = P(!1), b = P(), M = (n) => {
+    Object.keys(e.value).forEach((r) => {
+      (F.value || r != n) && (e.value[r] = !1);
     });
-  }, p = (r) => {
-    const s = r.target.parentElement;
-    F.value = !s.classList.contains("ant-tabs-tab-btn");
-  }, z = (r, s) => {
+  }, m = (n) => {
+    const r = n.target.parentElement;
+    F.value = !r.classList.contains("ant-tabs-tab-btn");
+  }, z = (n, r) => {
     var T;
-    y("menuClick", r, s), (T = b.value) != null && T.length && b.value.forEach((m) => {
-      m.hide();
+    h("menuClick", n, r), (T = b.value) != null && T.length && b.value.forEach((v) => {
+      v.hide();
     });
   };
   return X(() => {
-    a.contextmenu && a.options.forEach((r) => {
-      var s;
-      (s = a.defualtProps) != null && s.key && (e.value[r[a.defualtProps.key]] = !1);
+    a.contextmenu && a.options.forEach((n) => {
+      var r;
+      (r = a.defualtProps) != null && r.key && (e.value[n[a.defualtProps.key]] = !1);
     });
   }), {
     realWidth: C,
@@ -71,7 +71,7 @@ const ne = (a) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
     poppverVisible: e,
     menuClick: z,
     beforeEnter: M,
-    onContextmenu: p
+    onContextmenu: m
   };
 }, V = {
   "--das-ui-tabs-color": {
@@ -87,10 +87,10 @@ const ne = (a) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
 }, de = {
   key: 1,
   class: "das-tab-label"
-}, ue = { class: "das-tabs-contextmenu-list" }, ce = ["onClick"], fe = {
+}, ue = { class: "das-tabs-contextmenu-list" }, fe = ["onClick"], ce = {
   key: 1,
   style: { position: "relative", top: "-5px", "font-size": "18px" }
-}, be = "#666666", ve = "#D9D9D9", ye = /* @__PURE__ */ Y({
+}, be = "#666666", ye = "#D9D9D9", he = /* @__PURE__ */ Y({
   inheritAttrs: !1,
   __name: "Tabs",
   props: {
@@ -120,30 +120,30 @@ const ne = (a) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
     hideOverflow: { type: Boolean }
   },
   emits: ["update:activeKey", "tabClick", "menuClick"],
-  setup(a, { emit: y }) {
-    const e = a, h = P(), k = (t) => {
+  setup(a, { emit: h }) {
+    const e = a, p = P(), k = (t) => {
       var i;
-      b("tabClick", t), (i = h.value) == null || i.$el.click();
+      b("tabClick", t), (i = p.value) == null || i.$el.click();
     }, C = u({
       get: () => e.activeKey ?? "",
       set: (t) => b("update:activeKey", t)
-    }), g = u(() => e.options.filter((i) => !i.hidden)), S = (t) => e.isStrict ? !!(t.contentSlot && t[e.defualtProps.key] === C.value) : !!t.contentSlot, F = u(() => e.moreIconType ? e.moreIconType : e.type === "lattice" ? "default" : "arrow"), b = y, M = u(() => e.type === "lattice" ? "line" : e.type), p = u(() => {
+    }), g = u(() => e.options.filter((i) => !i.hidden)), S = (t) => e.isStrict ? !!(t.contentSlot && t[e.defualtProps.key] === C.value) : !!t.contentSlot, F = u(() => e.moreIconType ? e.moreIconType : e.type === "lattice" ? "default" : "arrow"), b = h, M = u(() => e.type === "lattice" ? "line" : e.type), m = u(() => {
       if (e.type === "card")
         return e.size ? e.size : "large";
       if (e.type === "line")
         return e.size ? e.size : "medium";
       if (e.type === "editable-card")
         return e.size ? e.size : "small";
-    }), z = e.type === "editable-card" ? "#FAFAFA" : "#FFFFFF", r = u(() => {
+    }), z = e.type === "editable-card" ? "#FAFAFA" : "#FFFFFF", n = u(() => {
       if (e.tabPadding) return e.tabPadding;
-      if (m.value || w.value) return "0";
+      if (v.value || w.value) return "0";
       if (e.type === "line") return "0 20px";
       if (e.type === "card") {
-        if (p.value === "large") return "0 40px";
-        if (p.value === "medium" || p.value === "small") return "0 24px";
+        if (m.value === "large") return "0 40px";
+        if (m.value === "medium" || m.value === "small") return "0 24px";
       }
       if (e.type === "lattice") return "0 20px";
-    }), s = u(() => {
+    }), r = u(() => {
       let t = {};
       return e != null && e.fontColor && (t["--das-ui-tabs-color"] = e.fontColor), e != null && e.backgroudColor && (t["--das-ui-tabs-bg-color"] = e.backgroudColor), e != null && e.borderColor && (t["--das-ui-tabs-border-color"] = e.borderColor), t;
     }), T = u(() => {
@@ -154,16 +154,16 @@ const ne = (a) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
       }), {
         "--das-ui-tabs-color": be,
         "--das-ui-tabs-bg-color": z,
-        "--das-ui-tabs-border-color": ve,
-        "---das-ui-tabs-tab-width": m.value,
+        "--das-ui-tabs-border-color": ye,
+        "---das-ui-tabs-tab-width": v.value,
         "---das-ui-tabs-tab-max-width": w.value,
-        "---das-ui-tabs-tab-padding": r.value,
+        "---das-ui-tabs-tab-padding": n.value,
         ...e.tabsStyle,
         ...t,
-        ...s.value
+        ...r.value
       };
     }), {
-      realTabWidth: m,
+      realTabWidth: v,
       realTabMaxWidth: w,
       realWidth: E,
       menuClick: _,
@@ -173,100 +173,100 @@ const ne = (a) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
       beforeEnter: H,
       onContextmenu: U
     } = ie(e, b);
-    return (t, i) => g.value && g.value.length ? (d(), x(l(oe), N({
+    return (t, i) => g.value && g.value.length ? (d(), x(s(oe), N({
       key: 0,
       ref_key: "tabsContainerRef",
-      ref: h,
-      class: ["das-tabs", t.type, p.value, t.hideOverflow ? "hide-overflow" : "", `theme-${t.theme}`],
+      ref: p,
+      class: ["das-tabs", t.type, m.value, t.hideOverflow ? "hide-overflow" : "", `theme-${t.theme}`],
       style: T.value,
       type: M.value,
       hideAdd: t.hideAdd,
       activeKey: C.value,
       "onUpdate:activeKey": i[1] || (i[1] = (o) => C.value = o)
     }, t.$attrs, { onTabClick: k }), j({
-      moreIcon: c(() => [
-        v(t.$slots, "moreIcon", {}, () => [
-          F.value === "arrow" ? (d(), x(l(ae), {
+      moreIcon: f(() => [
+        y(t.$slots, "moreIcon", {}, () => [
+          F.value === "arrow" ? (d(), x(s(ae), {
             key: 0,
             icon: "fold",
             size: "small",
             "icon-color": "rgb(102, 102, 102)"
           })) : A("", !0),
-          F.value === "default" ? (d(), f("div", fe, "...")) : A("", !0)
+          F.value === "default" ? (d(), c("div", ce, "...")) : A("", !0)
         ], !0)
       ]),
-      default: c(() => [
-        (d(!0), f(O, null, K(g.value, (o) => (d(), x(l(re), {
-          style: Z({ width: l(E) }),
+      default: f(() => [
+        (d(!0), c(O, null, K(g.value, (o) => (d(), x(s(ne), {
+          style: Z({ width: s(E) }),
           key: o[t.defualtProps.key],
           tab: void 0,
           disabled: o.disabled,
           forceRender: o.forceRender
         }, j({
-          tab: c(() => [
-            t.contextmenu ? (d(), x(l(se), N({
+          tab: f(() => [
+            t.contextmenu ? (d(), x(s(re), N({
               key: 1,
               ref_for: !0,
               ref_key: "tabsMenuPoppver",
               ref: G,
-              visible: l(W)[o[t.defualtProps.key]],
-              "onUpdate:visible": (n) => l(W)[o[t.defualtProps.key]] = n,
+              visible: s(W)[o[t.defualtProps.key]],
+              "onUpdate:visible": (l) => s(W)[o[t.defualtProps.key]] = l,
               "popper-class": "das-tabs-contextmenu",
               "show-arrow": !1,
               placement: "bottom-start",
               trigger: "contextmenu",
               width: 106
             }, { ref_for: !0 }, t.menuPoppverAttrs, {
-              onBeforeEnter: (n) => l(H)(o[t.defualtProps.key])
+              onBeforeEnter: (l) => s(H)(o[t.defualtProps.key])
             }), {
-              reference: c(() => [
-                o.tabSlot ? v(t.$slots, o.tabSlot, { key: 0 }, void 0, !0) : $((d(), f("div", {
+              reference: f(() => [
+                o.tabSlot ? y(t.$slots, o.tabSlot, { key: 0 }, void 0, !0) : $((d(), c("div", {
                   key: 1,
                   class: "das-tab-label",
                   onContextmenu: i[0] || (i[0] = //@ts-ignore
-                  (...n) => l(U) && l(U)(...n))
+                  (...l) => s(U) && s(U)(...l))
                 }, [
                   B(L(o[t.defualtProps.tab]), 1)
                 ], 32)), [
-                  [l(R)]
+                  [s(R)]
                 ])
               ]),
-              default: c(() => [
+              default: f(() => [
                 ee("ul", ue, [
-                  (d(!0), f(O, null, K(l(q), (n) => (d(), f(O, null, [
-                    (typeof n.hidden == "function" ? !n.hidden(t.options, o) : !n.hidden) ? $((d(), f("li", {
-                      key: n.key,
+                  (d(!0), c(O, null, K(s(q), (l) => (d(), c(O, null, [
+                    (typeof l.hidden == "function" ? !l.hidden(t.options, o) : !l.hidden) ? $((d(), c("li", {
+                      key: l.key,
                       class: te([
                         "das-tabs-contextmenu-item",
-                        (typeof n.disabled == "function" ? n.disabled(t.options, o) : n.disabled) ? "is-disabled" : ""
+                        (typeof l.disabled == "function" ? l.disabled(t.options, o) : l.disabled) ? "is-disabled" : ""
                       ]),
-                      onClick: (Ce) => l(_)(n, o)
+                      onClick: (Ce) => s(_)(l, o)
                     }, [
-                      B(L(n.name), 1)
-                    ], 10, ce)), [
-                      [l(R)]
+                      B(L(l.name), 1)
+                    ], 10, fe)), [
+                      [s(R)]
                     ]) : A("", !0)
                   ], 64))), 256))
                 ])
               ]),
               _: 2
-            }, 1040, ["visible", "onUpdate:visible", "onBeforeEnter"])) : (d(), f(O, { key: 0 }, [
-              o.tabSlot ? v(t.$slots, o.tabSlot, { key: 0 }, void 0, !0) : $((d(), f("div", de, [
+            }, 1040, ["visible", "onUpdate:visible", "onBeforeEnter"])) : (d(), c(O, { key: 0 }, [
+              o.tabSlot ? y(t.$slots, o.tabSlot, { key: 0 }, void 0, !0) : $((d(), c("div", de, [
                 B(L(o[t.defualtProps.tab]), 1)
               ])), [
-                [l(R)]
+                [s(R)]
               ])
             ], 64))
           ]),
-          default: c(() => [
-            S(o) ? v(t.$slots, o.contentSlot, { key: 0 }, void 0, !0) : A("", !0)
+          default: f(() => [
+            S(o) ? y(t.$slots, o.contentSlot, { key: 0 }, void 0, !0) : A("", !0)
           ]),
           _: 2
         }, [
           o.closeIconSlot ? {
             name: "closeIcon",
-            fn: c(() => [
-              v(t.$slots, o.closeIconSlot, {}, void 0, !0)
+            fn: f(() => [
+              y(t.$slots, o.closeIconSlot, {}, void 0, !0)
             ]),
             key: "0"
           } : void 0
@@ -276,26 +276,26 @@ const ne = (a) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
     }, [
       t.$slots.leftExtra ? {
         name: "leftExtra",
-        fn: c(() => [
-          v(t.$slots, "leftExtra", {}, void 0, !0)
+        fn: f(() => [
+          y(t.$slots, "leftExtra", {}, void 0, !0)
         ]),
         key: "0"
       } : void 0,
       t.$slots.rightExtra ? {
         name: "rightExtra",
-        fn: c(() => [
-          v(t.$slots, "rightExtra", {}, void 0, !0)
+        fn: f(() => [
+          y(t.$slots, "rightExtra", {}, void 0, !0)
         ]),
         key: "1"
       } : void 0
     ]), 1040, ["class", "style", "type", "hideAdd", "activeKey"])) : A("", !0);
   }
-}), he = (a, y) => {
+}), pe = (a, h) => {
   const e = a.__vccOpts || a;
-  for (const [h, k] of y)
-    e[h] = k;
+  for (const [p, k] of h)
+    e[p] = k;
   return e;
-}, pe = /* @__PURE__ */ he(ye, [["__scopeId", "data-v-05e38772"]]), me = {
+}, me = /* @__PURE__ */ pe(he, [["__scopeId", "data-v-05e38772"]]), ve = {
   "--das-ui-tabs-active-color": "#5582F3",
   "--das-ui-tabs-menu-color": "#212121",
   "--das-ui-tabs-menu-hover-bg-color": "#F5F5F5",
@@ -311,9 +311,9 @@ const ne = (a) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
   关闭其他页签: { "zh-CN": "关闭其他页签", en: "Close Other Tabs", "zh-MO": "關閉其他頁籤", _appCode: "framework" },
   关闭右侧页签: { "zh-CN": "关闭右侧页签", en: "Close Right Tabs", "zh-MO": "關閉右側頁籤", _appCode: "framework" }
 };
-le(ke);
-Q(me);
-const Me = J(pe), ze = { name: "Tabs 页签" };
+se(ke);
+Q(ve);
+const Me = J(me), ze = { name: "Tabs 页签" };
 export {
   Me as DasTabs,
   ze as default

package/packages/components/tag/index.js

@@ -1,7 +1,7 @@
 import '@das-fed/upf-ui/packages/components/tag/style.css';
 import { withInstall as S } from "@das-fed/upf-utils/with-install/index";
 import { setThemeRule as E } from "@das-fed/upf-web/packages/theme/index";
-import { defineComponent as N, computed as e, ref as n, watch as A, nextTick as L, createElementBlock as x, openBlock as f, createVNode as R, unref as h, mergeProps as V, withCtx as B, renderSlot as I, createBlock as z, createCommentVNode as y, createElementVNode as O, normalizeStyle as T, toDisplayString as _ } from "vue";
+import { defineComponent as N, computed as e, ref as c, watch as A, nextTick as L, openBlock as f, createElementBlock as x, createVNode as R, unref as h, mergeProps as V, withCtx as B, renderSlot as I, createBlock as z, createElementVNode as O, normalizeStyle as y, toDisplayString as T, createCommentVNode as _ } from "vue";
 import { DasTooltip as P } from "@das-fed/upf-ui/packages/components/tooltip/index";
 import { ElTag as j } from "element-plus";
 import "element-plus/es/components/tag/style/css";
@@ -20,7 +20,7 @@ const q = { class: "das-ui-tag" }, G = {
     maxWidth: { default: "" }
   },
   setup(l, { expose: i }) {
-    const t = l, a = e(() => t.type || ""), s = ["success", "info", "warning", "danger", ""], k = e(() => s.includes(a.value) ? null : `el-tag--${a.value}`), w = e(() => s.includes(a.value) ? a.value : ""), o = e(() => t.effect || "dark"), p = ["dark", "light", "plain"], F = e(() => p.includes(o.value) ? null : `el-tag--${o.value}`), b = e(() => p.includes(o.value) ? o.value : "dark"), g = e(() => t.round), W = e(() => o.value === "list" ? !g.value : g.value), u = n(), d = e(() => t.maxWidth ? t.maxWidth : t.width), $ = e(() => {
+    const t = l, a = e(() => t.type || ""), s = ["success", "info", "warning", "danger", ""], k = e(() => s.includes(a.value) ? null : `el-tag--${a.value}`), w = e(() => s.includes(a.value) ? a.value : ""), o = e(() => t.effect || "dark"), p = ["dark", "light", "plain"], F = e(() => p.includes(o.value) ? null : `el-tag--${o.value}`), b = e(() => p.includes(o.value) ? o.value : "dark"), g = e(() => t.round), W = e(() => o.value === "list" ? !g.value : g.value), u = c(), d = e(() => t.maxWidth ? t.maxWidth : t.width), $ = e(() => {
       if (t.maxWidth)
         return `max-width:${t.width}`;
       if (t.width)
@@ -30,19 +30,19 @@ const q = { class: "das-ui-tag" }, G = {
         return `max-width:${Number(String(d.value).split("px")[0]) - 36}px`;
       if (t.width)
         return `width:${Number(String(d.value).split("px")[0]) - 36}px`;
-    }), c = n(!0);
+    }), n = c(!0);
     A(
       () => u.value,
       (r, C) => {
         if (t.toolTip && r) {
           const D = Number(String(d.value).split("px")[0]) - 36;
           L(() => {
-            u.value.scrollWidth <= D && (c.value = !1);
+            u.value.scrollWidth <= D && (n.value = !1);
           });
         }
       }
     );
-    const v = n(null);
+    const v = c(null);
     return i({
       /** das-tag */
       $refTag: v
@@ -59,7 +59,7 @@ const q = { class: "das-ui-tag" }, G = {
       }), {
         default: B(() => [
           I(r.$slots, "default", {}, void 0, !0),
-          t.toolTip && t.toolTipLabel && c.value ? (f(), z(h(P), {
+          t.toolTip && t.toolTipLabel && n.value ? (f(), z(h(P), {
             key: 0,
             content: t.toolTipLabel,
             placement: "top"
@@ -69,15 +69,15 @@ const q = { class: "das-ui-tag" }, G = {
                 class: "text-nowrap",
                 ref_key: "textRef",
                 ref: u,
-                style: T(m.value)
-              }, _(t.toolTipLabel), 5)
+                style: y(m.value)
+              }, T(t.toolTipLabel), 5)
             ]),
             _: 1
-          }, 8, ["content"])) : y("", !0),
-          c.value ? y("", !0) : (f(), x("div", {
+          }, 8, ["content"])) : _("", !0),
+          n.value ? _("", !0) : (f(), x("div", {
             key: 1,
-            style: T(m.value)
-          }, _(t.toolTipLabel), 5))
+            style: y(m.value)
+          }, T(t.toolTipLabel), 5))
         ]),
         _: 3
       }, 16, ["effect", "style", "round", "type", "class"])