@das-fed/ui 6.4.0-hot.8 → 6.4.0-hot.9.1

package/packages/components/tabs/index.js

@@ -1,18 +1,18 @@
 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 i, onMounted as X, defineComponent as Y, useCssVars as Z, unref as s, openBlock as d, createBlock as S, mergeProps as U, createSlots as V, withCtx as c, renderSlot as v, createCommentVNode as x, createElementBlock as f, Fragment as A, renderList as K, normalizeStyle as ee, withDirectives as L, createTextVNode as O, toDisplayString as $, createElementVNode as te, normalizeClass as oe } from "vue";
-import { DasIcon as ae } from "@das-fed/ui/packages/components/icon/index";
+import { ref as S, computed as i, onMounted as X, defineComponent as Y, useCssVars as Z, unref as s, openBlock as d, createBlock as B, mergeProps as U, createSlots as V, withCtx as b, renderSlot as p, createCommentVNode as u, createElementBlock as c, Fragment as k, renderList as K, normalizeStyle as ee, withDirectives as L, createTextVNode as O, toDisplayString as $, createVNode as te, createElementVNode as oe, normalizeClass as ae } from "vue";
+import { DasIcon as re } from "@das-fed/ui/packages/components/icon/index";
 import { vDasTooltip as I } from "@das-fed/ui/packages/components/text-tooltip/index";
-import { Tabs as re, TabPane as se } from "ant-design-vue";
+import { Tabs as se, TabPane as le } from "ant-design-vue";
 import "ant-design-vue/es/tabs/style/css";
 import { ElPopover as ne } from "element-plus";
 import "element-plus/es/components/popover/style/css";
-const le = (o) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)$/.test(o), z = (o) => {
+const ie = (o) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)$/.test(o), z = (o) => {
   if (o)
-    return typeof o == "string" && le(o) ? o : o + "px";
-}, ie = (o, p) => {
-  const e = w({}), y = w([
+    return typeof o == "string" && ie(o) ? o : o + "px";
+}, de = (o, y) => {
+  const e = S({}), m = S([
     {
       key: "all",
       name: "关闭全部页签",
@@ -23,62 +23,62 @@ const le = (o) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
       key: "other",
       name: "关闭其他页签",
       disabled: !1,
-      hidden: (a, n) => a.length === 1
+      hidden: (a, l) => a.length === 1
     },
     {
       key: "right",
       name: "关闭右侧页签",
       disabled: !1,
-      hidden: (a, n) => a.findIndex((T) => {
-        var P, E;
-        return T[(P = o.defualtProps) == null ? void 0 : P.key] === n[(E = o.defualtProps) == null ? void 0 : E.key];
+      hidden: (a, l) => a.findIndex((E) => {
+        var x, w;
+        return E[(x = o.defualtProps) == null ? void 0 : x.key] === l[(w = o.defualtProps) == null ? void 0 : w.key];
       }) === a.length - 1
     }
-  ]), h = i(() => o.constomMenuList && o.constomMenuList.length ? o.constomMenuList : y.value), k = i(() => {
+  ]), g = i(() => o.constomMenuList && o.constomMenuList.length ? o.constomMenuList : m.value), C = i(() => {
     let a;
     return o.width && (a = z(o.width)), a;
-  }), g = i(() => {
+  }), F = i(() => {
     let a = o.type === "lattice" ? "65px" : void 0;
     return o.tabWidth && (a = z(o.tabWidth)), a;
-  }), D = i(() => {
+  }), A = i(() => {
     let a;
     return o.tabMaxWidth && (a = z(o.tabMaxWidth)), a;
-  }), C = w(!1), b = w(), M = (a) => {
-    Object.keys(e.value).forEach((n) => {
-      (C.value || n != a) && (e.value[n] = !1);
+  }), T = S(!1), v = S(), D = (a) => {
+    Object.keys(e.value).forEach((l) => {
+      (T.value || l != a) && (e.value[l] = !1);
     });
-  }, m = (a) => {
-    const n = a.target.parentElement;
-    C.value = !n.classList.contains("ant-tabs-tab-btn");
-  }, B = (a, n) => {
-    var F;
-    p("menuClick", a, n), (F = b.value) != null && F.length && b.value.forEach((T) => {
-      T.hide();
+  }, h = (a) => {
+    const l = a.target.parentElement;
+    T.value = !l.classList.contains("ant-tabs-tab-btn");
+  }, M = (a, l) => {
+    var P;
+    y("menuClick", a, l), (P = v.value) != null && P.length && v.value.forEach((E) => {
+      E.hide();
     });
   };
   return X(() => {
     o.contextmenu && o.options.forEach((a) => {
-      var n;
-      (n = o.defualtProps) != null && n.key && (e.value[a[o.defualtProps.key]] = !1);
+      var l;
+      (l = o.defualtProps) != null && l.key && (e.value[a[o.defualtProps.key]] = !1);
     });
   }), {
-    realWidth: k,
-    realMenuList: h,
-    realTabWidth: g,
-    realTabMaxWidth: D,
-    tabsMenuPoppver: b,
+    realWidth: C,
+    realMenuList: g,
+    realTabWidth: F,
+    realTabMaxWidth: A,
+    tabsMenuPoppver: v,
     poppverVisible: e,
-    menuClick: B,
-    beforeEnter: M,
-    onContextmenu: m
+    menuClick: M,
+    beforeEnter: D,
+    onContextmenu: h
   };
-}, 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", pe = /* @__PURE__ */ Y({
+}, ve = "#666666", pe = "#D9D9D9", ye = /* @__PURE__ */ Y({
   inheritAttrs: !1,
   __name: "Tabs",
   props: {
@@ -107,33 +107,33 @@ const le = (o) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
     hideOverflow: { type: Boolean }
   },
   emits: ["update:activeKey", "tabClick", "menuClick"],
-  setup(o, { emit: p }) {
+  setup(o, { emit: y }) {
     Z((t) => ({
-      "8fa71bbc": s(P),
-      "327b3634": s(E),
-      "0280db4d": H.value
+      43915847: s(x),
+      "597c90a1": s(w),
+      "4844cc32": H.value
     }));
-    const e = o, y = w(), h = (t) => {
-      var u;
-      b("tabClick", t), (u = y.value) == null || u.$el.click();
-    }, k = i({
+    const e = o, m = S(), g = (t) => {
+      var f;
+      v("tabClick", t), (f = m.value) == null || f.$el.click();
+    }, C = i({
       get: () => e.activeKey ?? "",
-      set: (t) => b("update:activeKey", t)
-    }), g = i(() => e.options.filter((u) => !u.hidden)), D = (t) => e.isStrict ? !!(t.contentSlot && t[e.defualtProps.key] === k.value) : !!t.contentSlot, C = i(() => e.moreIconType ? e.moreIconType : e.type === "lattice" ? "default" : "arrow"), b = p, M = i(() => e.type === "lattice" ? "line" : e.type), m = i(() => {
+      set: (t) => v("update:activeKey", t)
+    }), F = i(() => e.options.filter((f) => !f.hidden)), A = (t) => e.isStrict ? !!(t.contentSlot && t[e.defualtProps.key] === C.value) : !!t.contentSlot, T = i(() => e.moreIconType ? e.moreIconType : e.type === "lattice" ? "default" : "arrow"), v = y, D = i(() => e.type === "lattice" ? "line" : e.type), h = i(() => {
       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";
-    }), B = e.type === "editable-card" ? "#FAFAFA" : "#FFFFFF", a = i(() => e.fontColor ? e.fontColor : be), n = i(() => e.backgroudColor ? e.backgroudColor : B), F = i(() => e.borderColor ? e.borderColor : ve), T = i(() => ({
+    }), M = e.type === "editable-card" ? "#FAFAFA" : "#FFFFFF", a = i(() => e.fontColor ? e.fontColor : ve), l = i(() => e.backgroudColor ? e.backgroudColor : M), P = i(() => e.borderColor ? e.borderColor : pe), E = i(() => ({
       ...e.tabsStyle,
       "--das-ui-tabs-custom-color": a.value,
-      "--das-ui-tabs-custom-bg-color": n.value,
-      "--das-ui-tabs-custom-border-color": F.value
+      "--das-ui-tabs-custom-bg-color": l.value,
+      "--das-ui-tabs-custom-border-color": P.value
     })), {
-      realTabWidth: P,
-      realTabMaxWidth: E,
+      realTabWidth: x,
+      realTabMaxWidth: w,
       realWidth: N,
       menuClick: _,
       tabsMenuPoppver: j,
@@ -141,139 +141,205 @@ const le = (o) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
       poppverVisible: R,
       beforeEnter: q,
       onContextmenu: W
-    } = ie(e, b), H = i(() => {
+    } = de(e, v), H = i(() => {
       if (e.tabPadding) return e.tabPadding;
-      if (P.value || E.value) return "0";
+      if (x.value || w.value) return "0";
       if (e.type === "line") return "0 20px";
       if (e.type === "card") {
-        if (m.value === "large") return "0 40px";
-        if (m.value === "medium" || m.value === "small") return "0 24px";
+        if (h.value === "large") return "0 40px";
+        if (h.value === "medium" || h.value === "small") return "0 24px";
       }
       if (e.type === "lattice") return "0 20px";
     });
-    return (t, u) => g.value && g.value.length ? (d(), S(s(re), U({
+    return (t, f) => F.value && F.value.length ? (d(), B(s(se), U({
       key: 0,
       ref_key: "tabsContainerRef",
-      ref: y,
-      class: ["das-tabs", t.type, m.value, t.hideOverflow ? "hide-overflow" : ""],
-      style: T.value,
-      type: M.value,
+      ref: m,
+      class: ["das-tabs", t.type, h.value, t.hideOverflow ? "hide-overflow" : ""],
+      style: E.value,
+      type: D.value,
       hideAdd: t.hideAdd,
-      activeKey: k.value,
-      "onUpdate:activeKey": u[1] || (u[1] = (r) => k.value = r)
-    }, t.$attrs, { onTabClick: h }), V({
-      moreIcon: c(() => [
-        v(t.$slots, "moreIcon", {}, () => [
-          C.value === "arrow" ? (d(), S(s(ae), {
+      activeKey: C.value,
+      "onUpdate:activeKey": f[1] || (f[1] = (r) => C.value = r)
+    }, t.$attrs, { onTabClick: g }), V({
+      moreIcon: b(() => [
+        p(t.$slots, "moreIcon", {}, () => [
+          T.value === "arrow" ? (d(), B(s(re), {
             key: 0,
             icon: "fold",
             size: "small",
             "icon-color": "rgb(102, 102, 102)"
-          })) : x("", !0),
-          C.value === "default" ? (d(), f("div", fe, "...")) : x("", !0)
+          })) : u("v-if", !0),
+          T.value === "default" ? (d(), c("div", be, "...")) : u("v-if", !0)
         ], !0)
       ]),
-      default: c(() => [
-        (d(!0), f(A, null, K(g.value, (r) => (d(), S(s(se), {
-          style: ee({ width: s(N) }),
-          key: r[t.defualtProps.key],
-          tab: void 0,
-          disabled: r.disabled,
-          forceRender: r.forceRender
-        }, V({
-          tab: c(() => [
-            t.contextmenu ? (d(), S(s(ne), U({
-              key: 1,
-              ref_for: !0,
-              ref_key: "tabsMenuPoppver",
-              ref: j,
-              visible: s(R)[r[t.defualtProps.key]],
-              "onUpdate:visible": (l) => s(R)[r[t.defualtProps.key]] = l,
-              "popper-class": "das-tabs-contextmenu",
-              "show-arrow": !1,
-              placement: "bottom-start",
-              trigger: "contextmenu",
-              width: 106
-            }, t.menuPoppverAttrs, {
-              onBeforeEnter: (l) => s(q)(r[t.defualtProps.key])
-            }), {
-              reference: c(() => [
-                r.tabSlot ? v(t.$slots, r.tabSlot, { key: 0 }, void 0, !0) : L((d(), f("div", {
-                  key: 1,
-                  class: "das-tab-label",
-                  onContextmenu: u[0] || (u[0] = //@ts-ignore
-                  (...l) => s(W) && s(W)(...l))
-                }, [
-                  O($(r[t.defualtProps.tab]), 1)
-                ], 32)), [
-                  [s(I)]
-                ])
-              ]),
-              default: c(() => [
-                te("ul", ue, [
-                  (d(!0), f(A, null, K(s(G), (l) => (d(), f(A, null, [
-                    (typeof l.hidden == "function" ? !l.hidden(t.options, r) : !l.hidden) ? L((d(), f("li", {
-                      key: l.key,
-                      class: oe([
-                        "das-tabs-contextmenu-item",
-                        (typeof l.disabled == "function" ? l.disabled(t.options, r) : l.disabled) ? "is-disabled" : ""
-                      ]),
-                      onClick: (ke) => s(_)(l, r)
-                    }, [
-                      O($(l.name), 1)
-                    ], 10, ce)), [
-                      [s(I)]
-                    ]) : x("", !0)
-                  ], 64))), 256))
-                ])
-              ]),
-              _: 2
-            }, 1040, ["visible", "onUpdate:visible", "onBeforeEnter"])) : (d(), f(A, { key: 0 }, [
-              r.tabSlot ? v(t.$slots, r.tabSlot, { key: 0 }, void 0, !0) : L((d(), f("div", de, [
-                O($(r[t.defualtProps.tab]), 1)
-              ])), [
-                [s(I)]
-              ])
-            ], 64))
-          ]),
-          default: c(() => [
-            D(r) ? v(t.$slots, r.contentSlot, { key: 0 }, void 0, !0) : x("", !0)
-          ]),
-          _: 2
-        }, [
-          r.closeIconSlot ? {
-            name: "closeIcon",
-            fn: c(() => [
-              v(t.$slots, r.closeIconSlot, {}, void 0, !0)
+      default: b(() => [
+        (d(!0), c(
+          k,
+          null,
+          K(F.value, (r) => (d(), B(s(le), {
+            style: ee({ width: s(N) }),
+            key: r[t.defualtProps.key],
+            tab: void 0,
+            disabled: r.disabled,
+            forceRender: r.forceRender
+          }, V({
+            tab: b(() => [
+              u(" 无右键菜单 "),
+              t.contextmenu ? (d(), c(
+                k,
+                { key: 1 },
+                [
+                  u(" 有右键菜单 "),
+                  te(s(ne), U({
+                    ref_for: !0,
+                    ref_key: "tabsMenuPoppver",
+                    ref: j,
+                    visible: s(R)[r[t.defualtProps.key]],
+                    "onUpdate:visible": (n) => s(R)[r[t.defualtProps.key]] = n,
+                    "popper-class": "das-tabs-contextmenu",
+                    "show-arrow": !1,
+                    placement: "bottom-start",
+                    trigger: "contextmenu",
+                    width: 106
+                  }, t.menuPoppverAttrs, {
+                    onBeforeEnter: (n) => s(q)(r[t.defualtProps.key])
+                  }), {
+                    reference: b(() => [
+                      u(" @slot  自定义选项卡头显示文字"),
+                      r.tabSlot ? p(t.$slots, r.tabSlot, { key: 0 }, void 0, !0) : L((d(), c(
+                        "div",
+                        {
+                          key: 1,
+                          class: "das-tab-label",
+                          onContextmenu: f[0] || (f[0] = //@ts-ignore
+                          (...n) => s(W) && s(W)(...n))
+                        },
+                        [
+                          O(
+                            $(r[t.defualtProps.tab]),
+                            1
+                            /* TEXT */
+                          )
+                        ],
+                        32
+                        /* NEED_HYDRATION */
+                      )), [
+                        [s(I)]
+                      ])
+                    ]),
+                    default: b(() => [
+                      oe("ul", ce, [
+                        (d(!0), c(
+                          k,
+                          null,
+                          K(s(G), (n) => (d(), c(
+                            k,
+                            null,
+                            [
+                              (typeof n.hidden == "function" ? !n.hidden(t.options, r) : !n.hidden) ? L((d(), c("li", {
+                                key: n.key,
+                                class: ae([
+                                  "das-tabs-contextmenu-item",
+                                  (typeof n.disabled == "function" ? n.disabled(t.options, r) : n.disabled) ? "is-disabled" : ""
+                                ]),
+                                onClick: (ge) => s(_)(n, r)
+                              }, [
+                                O(
+                                  $(n.name),
+                                  1
+                                  /* TEXT */
+                                )
+                              ], 10, fe)), [
+                                [s(I)]
+                              ]) : u("v-if", !0)
+                            ],
+                            64
+                            /* STABLE_FRAGMENT */
+                          ))),
+                          256
+                          /* UNKEYED_FRAGMENT */
+                        ))
+                      ])
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  }, 1040, ["visible", "onUpdate:visible", "onBeforeEnter"])
+                ],
+                2112
+                /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+              )) : (d(), c(
+                k,
+                { key: 0 },
+                [
+                  u(" @slot  自定义选项卡头显示文字"),
+                  r.tabSlot ? p(t.$slots, r.tabSlot, { key: 0 }, void 0, !0) : L((d(), c("div", ue, [
+                    O(
+                      $(r[t.defualtProps.tab]),
+                      1
+                      /* TEXT */
+                    )
+                  ])), [
+                    [s(I)]
+                  ])
+                ],
+                64
+                /* STABLE_FRAGMENT */
+              ))
             ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["style", "disabled", "forceRender"]))), 128))
+            default: b(() => [
+              A(r) ? (d(), c(
+                k,
+                { key: 0 },
+                [
+                  u(" @slot  自定义显示内容"),
+                  p(t.$slots, r.contentSlot, {}, void 0, !0)
+                ],
+                64
+                /* STABLE_FRAGMENT */
+              )) : u("v-if", !0)
+            ]),
+            _: 2
+            /* DYNAMIC */
+          }, [
+            r.closeIconSlot ? {
+              name: "closeIcon",
+              fn: b(() => [
+                p(t.$slots, r.closeIconSlot, {}, void 0, !0)
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["style", "disabled", "forceRender"]))),
+          128
+          /* KEYED_FRAGMENT */
+        ))
       ]),
       _: 2
+      /* DYNAMIC */
     }, [
       t.$slots.leftExtra ? {
         name: "leftExtra",
-        fn: c(() => [
-          v(t.$slots, "leftExtra", {}, void 0, !0)
+        fn: b(() => [
+          u(" @slot tabbar 上左侧额外的元素 "),
+          p(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: b(() => [
+          p(t.$slots, "rightExtra", {}, void 0, !0)
         ]),
         key: "1"
       } : void 0
-    ]), 1040, ["class", "style", "type", "hideAdd", "activeKey"])) : x("", !0);
+    ]), 1040, ["class", "style", "type", "hideAdd", "activeKey"])) : u("v-if", !0);
   }
-}), ye = (o, p) => {
+}), me = (o, y) => {
   const e = o.__vccOpts || o;
-  for (const [y, h] of p)
-    e[y] = h;
+  for (const [m, g] of y)
+    e[m] = g;
   return e;
-}, me = /* @__PURE__ */ ye(pe, [["__scopeId", "data-v-2eec86e3"]]), he = {
+}, he = /* @__PURE__ */ me(ye, [["__scopeId", "data-v-3e216ece"]]), ke = {
   "--das-ui-tabs-color": "#666666",
   "--das-ui-tabs-active-color": "#5582F3",
   "--das-ui-tabs-menu-color": "#212121",
@@ -287,9 +353,9 @@ const le = (o) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
   "--das-ui-card-tabs-active-color": "#5582F3",
   "--das-ui-tabs-border-color": "#D9D9D9"
 };
-Q(he);
-const Ae = J(me), De = { name: "Tabs 页签" };
+Q(ke);
+const De = J(he), Me = { name: "Tabs 页签" };
 export {
-  Ae as DasTabs,
-  De as default
+  De as DasTabs,
+  Me as default
 };

package/packages/components/tabs/src/hooks/use-tabs.d.ts

@@ -4,8 +4,8 @@ export declare const useTabs: (props: Props, emit: Emits) => {
     realMenuList: import("vue").ComputedRef<menuListType[]>;
     realTabWidth: import("vue").ComputedRef<string | undefined>;
     realTabMaxWidth: import("vue").ComputedRef<any>;
-    tabsMenuPoppver: import("vue").Ref<any[] | undefined>;
-    poppverVisible: import("vue").Ref<any>;
+    tabsMenuPoppver: import("vue").Ref<any[] | undefined, any[] | undefined>;
+    poppverVisible: import("vue").Ref<any, any>;
     menuClick: (menu: menuListType, item: any) => void;
     beforeEnter: (key: any) => void;
     onContextmenu: (event: any) => void;