@das-fed/ui 6.4.0-test.3.2 → 6.4.0-test.6

package/packages/components/tabs/index.js

@@ -1,59 +1,59 @@
 import '@das-fed/ui/packages/components/tabs/style.css';
 import { withInstall as J } from "@das-fed/utils/with-install/index";
 import { setThemeRule as Q } from "@das-fed/web/packages/theme/index";
-import { ref as w, computed as u, onMounted as X, defineComponent as Y, openBlock as i, createBlock as B, unref as r, mergeProps as j, createSlots as V, withCtx as b, renderSlot as y, createCommentVNode as c, createElementBlock as f, Fragment as g, renderList as K, normalizeStyle as Z, withDirectives as L, createTextVNode as $, toDisplayString as D, createVNode as ee, createElementVNode as te, normalizeClass as ae } from "vue";
+import { ref as E, computed as u, onMounted as X, defineComponent as Y, openBlock as i, createBlock as z, unref as r, mergeProps as U, createSlots as j, withCtx as b, renderSlot as y, createCommentVNode as c, createElementBlock as f, Fragment as C, renderList as V, normalizeStyle as Z, withDirectives as B, createTextVNode as L, toDisplayString as R, createVNode as ee, createElementVNode as te, normalizeClass as ae } from "vue";
 import { DasIcon as oe } from "@das-fed/ui/packages/components/icon/index";
-import { vDasTooltip as I } from "@das-fed/ui/packages/components/text-tooltip/index";
+import { vDasTooltip as $ } from "@das-fed/ui/packages/components/text-tooltip/index";
 import { Tabs as se, TabPane as le } from "ant-design-vue";
 import "ant-design-vue/es/tabs/style/css";
 import { ElPopover as re } from "element-plus";
 import "element-plus/es/components/popover/style/css";
-import { t as R } from "@das-fed/web/packages/i18n/index";
-const ne = (a) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)$/.test(a), z = (a) => {
+import { t as I, setI18nRule as ne } from "@das-fed/web/packages/i18n/index";
+const ie = (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, m) => {
-  const e = w({}), p = w([
+    return typeof a == "string" && ie(a) ? a : a + "px";
+}, de = (a, p) => {
+  const e = E({}), m = E([
     {
       key: "all",
-      name: R("关闭全部页签"),
+      name: I("关闭全部页签"),
       disabled: !1,
       hidden: !1
     },
     {
       key: "other",
-      name: R("关闭其他页签"),
+      name: I("关闭其他页签"),
       disabled: !1,
       hidden: (o, l) => o.length === 1
     },
     {
       key: "right",
-      name: R("关闭右侧页签"),
+      name: I("关闭右侧页签"),
       disabled: !1,
       hidden: (o, l) => o.findIndex((k) => {
-        var E, x;
-        return k[(E = a.defualtProps) == null ? void 0 : E.key] === l[(x = a.defualtProps) == null ? void 0 : x.key];
+        var P, x;
+        return k[(P = a.defualtProps) == null ? void 0 : P.key] === l[(x = a.defualtProps) == null ? void 0 : x.key];
       }) === o.length - 1
     }
-  ]), F = u(() => a.constomMenuList && a.constomMenuList.length ? a.constomMenuList : p.value), C = u(() => {
+  ]), g = u(() => a.constomMenuList && a.constomMenuList.length ? a.constomMenuList : m.value), F = u(() => {
     let o;
-    return a.width && (o = z(a.width)), o;
+    return a.width && (o = D(a.width)), o;
   }), T = u(() => {
     let o = a.type === "lattice" ? "65px" : void 0;
-    return a.tabWidth && (o = z(a.tabWidth)), o;
+    return a.tabWidth && (o = D(a.tabWidth)), o;
   }), S = u(() => {
     let o;
-    return a.tabMaxWidth && (o = z(a.tabMaxWidth)), o;
-  }), A = w(!1), v = w(), M = (o) => {
+    return a.tabMaxWidth && (o = D(a.tabMaxWidth)), o;
+  }), w = E(!1), v = E(), O = (o) => {
     Object.keys(e.value).forEach((l) => {
-      (A.value || l != o) && (e.value[l] = !1);
+      (w.value || l != o) && (e.value[l] = !1);
     });
   }, h = (o) => {
     const l = o.target.parentElement;
-    A.value = !l.classList.contains("ant-tabs-tab-btn");
-  }, O = (o, l) => {
-    var P;
-    m("menuClick", o, l), (P = v.value) != null && P.length && v.value.forEach((k) => {
+    w.value = !l.classList.contains("ant-tabs-tab-btn");
+  }, M = (o, l) => {
+    var A;
+    p("menuClick", o, l), (A = v.value) != null && A.length && v.value.forEach((k) => {
       k.hide();
     });
   };
@@ -63,17 +63,17 @@ const ne = (a) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
       (l = a.defualtProps) != null && l.key && (e.value[o[a.defualtProps.key]] = !1);
     });
   }), {
-    realWidth: C,
-    realMenuList: F,
+    realWidth: F,
+    realMenuList: g,
     realTabWidth: T,
     realTabMaxWidth: S,
     tabsMenuPoppver: v,
     poppverVisible: e,
-    menuClick: O,
-    beforeEnter: M,
+    menuClick: M,
+    beforeEnter: O,
     onContextmenu: h
   };
-}, N = {
+}, K = {
   "--das-ui-tabs-color": {
     kjl: "#666666",
     ssl: "#999999",
@@ -84,13 +84,13 @@ const ne = (a) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
     ssl: "#161834",
     cjb: "#FAFAFA"
   }
-}, de = {
+}, ue = {
   key: 1,
   class: "das-tab-label"
-}, ue = { class: "das-tabs-contextmenu-list" }, ce = ["onClick"], fe = {
+}, ce = { class: "das-tabs-contextmenu-list" }, fe = ["onClick"], be = {
   key: 1,
   style: { position: "relative", top: "-5px", "font-size": "18px" }
-}, be = "#666666", ve = "#D9D9D9", ye = /* @__PURE__ */ Y({
+}, ve = "#666666", ye = "#D9D9D9", pe = /* @__PURE__ */ Y({
   inheritAttrs: !1,
   __name: "Tabs",
   props: {
@@ -120,99 +120,99 @@ 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: m }) {
-    const e = a, p = w(), F = (t) => {
+  setup(a, { emit: p }) {
+    const e = a, m = E(), g = (t) => {
       var d;
-      v("tabClick", t), (d = p.value) == null || d.$el.click();
-    }, C = u({
+      v("tabClick", t), (d = m.value) == null || d.$el.click();
+    }, F = u({
       get: () => e.activeKey ?? "",
       set: (t) => v("update:activeKey", t)
-    }), T = u(() => e.options.filter((d) => !d.hidden)), S = (t) => e.isStrict ? !!(t.contentSlot && t[e.defualtProps.key] === C.value) : !!t.contentSlot, A = u(() => e.moreIconType ? e.moreIconType : e.type === "lattice" ? "default" : "arrow"), v = m, M = u(() => e.type === "lattice" ? "line" : e.type), h = u(() => {
+    }), T = u(() => e.options.filter((d) => !d.hidden)), S = (t) => e.isStrict ? !!(t.contentSlot && t[e.defualtProps.key] === F.value) : !!t.contentSlot, w = u(() => e.moreIconType ? e.moreIconType : e.type === "lattice" ? "default" : "arrow"), v = p, O = u(() => e.type === "lattice" ? "line" : e.type), h = 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";
-    }), O = e.type === "editable-card" ? "#FAFAFA" : "#FFFFFF", o = u(() => {
+    }), M = e.type === "editable-card" ? "#FAFAFA" : "#FFFFFF", o = 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;
     }), l = u(() => {
       if (e.tabPadding) return e.tabPadding;
-      if (k.value || E.value) return "0";
+      if (k.value || P.value) return "0";
       if (e.type === "line") return "0 20px";
       if (e.type === "card") {
         if (h.value === "large") return "0 40px";
         if (h.value === "medium" || h.value === "small") return "0 24px";
       }
       if (e.type === "lattice") return "0 20px";
-    }), P = u(() => {
+    }), A = u(() => {
       const t = {};
-      return e.theme !== "default" && Object.keys(N).forEach((d) => {
-        t[d] = N[d][e.theme];
+      return e.theme !== "default" && Object.keys(K).forEach((d) => {
+        t[d] = K[d][e.theme];
       }), {
         ...e.tabsStyle,
-        "--das-ui-tabs-color": be,
-        "--das-ui-tabs-bg-color": O,
-        "--das-ui-tabs-border-color": ve,
+        "--das-ui-tabs-color": ve,
+        "--das-ui-tabs-bg-color": M,
+        "--das-ui-tabs-border-color": ye,
         "---das-ui-tabs-tab-width": k.value,
-        "---das-ui-tabs-tab-max-width": E.value,
+        "---das-ui-tabs-tab-max-width": P.value,
         "---das-ui-tabs-tab-padding": l.value,
         ...t,
         ...o.value
       };
     }), {
       realTabWidth: k,
-      realTabMaxWidth: E,
+      realTabMaxWidth: P,
       realWidth: x,
       menuClick: _,
       tabsMenuPoppver: G,
       realMenuList: q,
       poppverVisible: W,
       beforeEnter: H,
-      onContextmenu: U
-    } = ie(e, v);
-    return (t, d) => T.value && T.value.length ? (i(), B(r(se), j({
+      onContextmenu: N
+    } = de(e, v);
+    return (t, d) => T.value && T.value.length ? (i(), z(r(se), U({
       key: 0,
       ref_key: "tabsContainerRef",
-      ref: p,
+      ref: m,
       class: ["das-tabs", t.type, h.value, t.hideOverflow ? "hide-overflow" : ""],
-      style: P.value,
-      type: M.value,
+      style: A.value,
+      type: O.value,
       hideAdd: t.hideAdd,
-      activeKey: C.value,
-      "onUpdate:activeKey": d[1] || (d[1] = (s) => C.value = s)
-    }, t.$attrs, { onTabClick: F }), V({
+      activeKey: F.value,
+      "onUpdate:activeKey": d[1] || (d[1] = (s) => F.value = s)
+    }, t.$attrs, { onTabClick: g }), j({
       moreIcon: b(() => [
         y(t.$slots, "moreIcon", {}, () => [
-          A.value === "arrow" ? (i(), B(r(oe), {
+          w.value === "arrow" ? (i(), z(r(oe), {
             key: 0,
             icon: "fold",
             size: "small",
             "icon-color": "rgb(102, 102, 102)"
           })) : c("v-if", !0),
-          A.value === "default" ? (i(), f("div", fe, "...")) : c("v-if", !0)
+          w.value === "default" ? (i(), f("div", be, "...")) : c("v-if", !0)
         ], !0)
       ]),
       default: b(() => [
         (i(!0), f(
-          g,
+          C,
           null,
-          K(T.value, (s) => (i(), B(r(le), {
+          V(T.value, (s) => (i(), z(r(le), {
             style: Z({ width: r(x) }),
             key: s[t.defualtProps.key],
             tab: void 0,
             disabled: s.disabled,
             forceRender: s.forceRender
-          }, V({
+          }, j({
             tab: b(() => [
               c(" 无右键菜单 "),
               t.contextmenu ? (i(), f(
-                g,
+                C,
                 { key: 1 },
                 [
                   c(" 有右键菜单 "),
-                  ee(r(re), j({
+                  ee(r(re), U({
                     ref_for: !0,
                     ref_key: "tabsMenuPoppver",
                     ref: G,
@@ -228,17 +228,17 @@ const ne = (a) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
                   }), {
                     reference: b(() => [
                       c(" @slot  自定义选项卡头显示文字"),
-                      s.tabSlot ? y(t.$slots, s.tabSlot, { key: 0 }, void 0, !0) : L((i(), f(
+                      s.tabSlot ? y(t.$slots, s.tabSlot, { key: 0 }, void 0, !0) : B((i(), f(
                         "div",
                         {
                           key: 1,
                           class: "das-tab-label",
                           onContextmenu: d[0] || (d[0] = //@ts-ignore
-                          (...n) => r(U) && r(U)(...n))
+                          (...n) => r(N) && r(N)(...n))
                         },
                         [
-                          $(
-                            D(s[t.defualtProps.tab]),
+                          L(
+                            R(s[t.defualtProps.tab]),
                             1
                             /* TEXT */
                           )
@@ -246,33 +246,33 @@ const ne = (a) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
                         32
                         /* NEED_HYDRATION */
                       )), [
-                        [r(I)]
+                        [r($)]
                       ])
                     ]),
                     default: b(() => [
-                      te("ul", ue, [
+                      te("ul", ce, [
                         (i(!0), f(
-                          g,
+                          C,
                           null,
-                          K(r(q), (n) => (i(), f(
-                            g,
+                          V(r(q), (n) => (i(), f(
+                            C,
                             null,
                             [
-                              (typeof n.hidden == "function" ? !n.hidden(t.options, s) : !n.hidden) ? L((i(), f("li", {
+                              (typeof n.hidden == "function" ? !n.hidden(t.options, s) : !n.hidden) ? B((i(), f("li", {
                                 key: n.key,
                                 class: ae([
                                   "das-tabs-contextmenu-item",
                                   (typeof n.disabled == "function" ? n.disabled(t.options, s) : n.disabled) ? "is-disabled" : ""
                                 ]),
-                                onClick: (ke) => r(_)(n, s)
+                                onClick: (ge) => r(_)(n, s)
                               }, [
-                                $(
-                                  D(n.name),
+                                L(
+                                  R(n.name),
                                   1
                                   /* TEXT */
                                 )
-                              ], 10, ce)), [
-                                [r(I)]
+                              ], 10, fe)), [
+                                [r($)]
                               ]) : c("v-if", !0)
                             ],
                             64
@@ -290,18 +290,18 @@ const ne = (a) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
                 2112
                 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
               )) : (i(), f(
-                g,
+                C,
                 { key: 0 },
                 [
                   c(" @slot  自定义选项卡头显示文字"),
-                  s.tabSlot ? y(t.$slots, s.tabSlot, { key: 0 }, void 0, !0) : L((i(), f("div", de, [
-                    $(
-                      D(s[t.defualtProps.tab]),
+                  s.tabSlot ? y(t.$slots, s.tabSlot, { key: 0 }, void 0, !0) : B((i(), f("div", ue, [
+                    L(
+                      R(s[t.defualtProps.tab]),
                       1
                       /* TEXT */
                     )
                   ])), [
-                    [r(I)]
+                    [r($)]
                   ])
                 ],
                 64
@@ -310,7 +310,7 @@ const ne = (a) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
             ]),
             default: b(() => [
               S(s) ? (i(), f(
-                g,
+                C,
                 { key: 0 },
                 [
                   c(" @slot  自定义显示内容"),
@@ -355,12 +355,12 @@ const ne = (a) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
       } : void 0
     ]), 1040, ["class", "style", "type", "hideAdd", "activeKey"])) : c("v-if", !0);
   }
-}), me = (a, m) => {
+}), me = (a, p) => {
   const e = a.__vccOpts || a;
-  for (const [p, F] of m)
-    e[p] = F;
+  for (const [m, g] of p)
+    e[m] = g;
   return e;
-}, pe = /* @__PURE__ */ me(ye, [["__scopeId", "data-v-1b6336e0"]]), he = {
+}, he = /* @__PURE__ */ me(pe, [["__scopeId", "data-v-1b6336e0"]]), ke = {
   "--das-ui-tabs-active-color": "#5582F3",
   "--das-ui-tabs-menu-color": "#212121",
   "--das-ui-tabs-menu-hover-bg-color": "#F5F5F5",
@@ -371,10 +371,15 @@ const ne = (a) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
   "--das-ui-edit-tabs-bg-color": "#FAFAFA",
   "--das-ui-card-tabs-bg-color": "#F5F5F5",
   "--das-ui-card-tabs-active-color": "#5582F3"
+}, Ce = {
+  关闭全部页签: { "zh-CN": "关闭全部页签", en: "Close All Tabs", _appCode: "framework" },
+  关闭其他页签: { "zh-CN": "关闭其他页签", en: "Close Other Tabs", _appCode: "framework" },
+  关闭右侧页签: { "zh-CN": "关闭右侧页签", en: "Close Right Tabs", _appCode: "framework" }
 };
-Q(he);
-const Me = J(pe), Oe = { name: "Tabs 页签" };
+ne(Ce);
+Q(ke);
+const ze = J(he), Be = { name: "Tabs 页签" };
 export {
-  Me as DasTabs,
-  Oe as default
+  ze as DasTabs,
+  Be as default
 };