@dazhicheng/ui 1.5.266 → 1.6.1

package/dist/components/tt-table/src/components/TableAction.vue.js

@@ -1,11 +1,13 @@
-import { defineComponent as oe, useAttrs as ne, ref as I, inject as M, computed as p, unref as r, toRaw as W, h as re, onMounted as ie, nextTick as le, createElementBlock as u, openBlock as l, normalizeClass as B, createVNode as T, createBlock as b, createCommentVNode as f, withCtx as m, Fragment as v, renderList as P, renderSlot as se, withDirectives as z, mergeProps as ae, normalizeStyle as D, toDisplayString as j, createElementVNode as de, withModifiers as ue, createSlots as pe, createTextVNode as ce } from "vue";
-import { propTypes as y } from "../../../../packages/hooks/src/propTypes.js";
-import { useDesign as fe } from "../../../../packages/hooks/src/useDesign.js";
+import { defineComponent as q, useAttrs as G, ref as x, inject as A, computed as d, unref as r, h as J, onMounted as Q, createElementBlock as s, openBlock as i, normalizeClass as w, createVNode as k, createBlock as c, createCommentVNode as p, withCtx as u, Fragment as m, renderList as S, renderSlot as Z, withDirectives as F, mergeProps as ee, normalizeStyle as W, toDisplayString as E, createElementVNode as te, withModifiers as oe, createSlots as re, createTextVNode as ne } from "vue";
+import { propTypes as v } from "../../../../packages/hooks/src/propTypes.js";
+import { useDesign as ie } from "../../../../packages/hooks/src/useDesign.js";
 import "axios";
-import { ElDivider as me, ElSpace as be, ElPopover as ve } from "element-plus";
-import { isBoolean as ge, isFunction as ye, isArray as xe, isObject as he } from "../../../../packages/utils/src/is.js";
-import { generateTestId as V, toKebabCase as O } from "../../../../packages/utils/src/testid-helper.js";
-import { calcWordsWidth as we } from "../../../../packages/utils/src/tool.js";
+import { ElDivider as le, ElSpace as se, ElPopover as ae } from "element-plus";
+import { isNullOrUnDef as f, isBoolean as de, isFunction as pe, isArray as ue, isObject as ce } from "../../../../packages/utils/src/is.js";
+import "dayjs";
+import "numeral";
+import { generateTestId as M, toKebabCase as D } from "../../../../packages/utils/src/testid-helper.js";
+import { calcWordsWidth as me } from "../../../../packages/utils/src/tool.js";
 import "../../../../node_modules/.pnpm/decimal.js@10.6.0/node_modules/decimal.js/decimal.js";
 import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/aes.js";
 import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/enc-utf8.js";
@@ -13,12 +15,13 @@ import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/mo
 import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/pad-pkcs7.js";
 import "lodash-es";
 import "vue-router";
-import { TtButton as A } from "../../../tt-button/index.js";
-import { TtIcon as E } from "../../../tt-icon/index.js";
-import K from "../../../../directives/disabled-tip/index.js";
-import Ce from "../../../../assets/svg/action_more.svg.js";
-import { ROW_INDEX_KEY as ke } from "./RowContext.js";
-const Ie = { key: 1 }, Be = ["onClick"], qe = /* @__PURE__ */ oe({
+import { TtButton as C } from "../../../tt-button/index.js";
+import { TtIcon as I } from "../../../tt-icon/index.js";
+import P from "../../../../directives/disabled-tip/index.js";
+import fe from "../../../../assets/svg/action_more.svg.js";
+import { ROW_INDEX_KEY as be } from "./RowContext.js";
+import { scheduleNormalizeActionTabIndex as ve } from "../utils/action-tab-index.js";
+const ye = { key: 1 }, ge = ["onClick"], Ve = /* @__PURE__ */ q({
   name: "TtTableAction",
   __name: "TableAction",
   props: {
@@ -40,223 +43,199 @@ const Ie = { key: 1 }, Be = ["onClick"], qe = /* @__PURE__ */ oe({
     /** 是否分割线 */
     // divider: propTypes.bool.def(true),
     /** 是否清除冒泡 */
-    stopButtonPropagation: y.bool.def(!1),
+    stopButtonPropagation: v.bool.def(!1),
     /** 显示buttton的个数 默认是2 */
-    showBtnNums: y.number.def(100),
+    showBtnNums: v.number.def(100),
     /** 弹出框的宽度 */
-    popoverWidth: y.number.def(27),
+    popoverWidth: v.number.def(27),
     /** 是否自动换行 */
-    wrap: y.bool.def(!0)
+    wrap: v.bool.def(!0)
   },
-  setup(S) {
-    const i = S, x = ne(), { prefixCls: $ } = fe("table-action"), g = I(!1), L = M(
+  setup(T) {
+    const l = T, B = G(), { prefixCls: N } = ie("table-action"), b = x(!1), z = A(
       "tableIdContext",
-      p(() => "")
-    ), U = M(ke, void 0), q = p(() => {
-      if (i.rowIndex !== void 0 && i.rowIndex !== null)
-        return i.rowIndex;
-      const t = r(U);
-      if (t != null)
+      d(() => "")
+    ), R = A(be, void 0), j = d(() => {
+      var o;
+      if (!f(l.rowIndex))
+        return l.rowIndex;
+      const t = r(R);
+      if (!f(t))
         return t;
-      if (i.slotContext && i.slotContext.$rowIndex !== void 0)
-        return i.slotContext.$rowIndex;
-      if (x.$rowIndex !== void 0 && x.$rowIndex !== null)
-        return x.$rowIndex;
+      if (!f((o = l.slotContext) == null ? void 0 : o.$rowIndex))
+        return l.slotContext.$rowIndex;
+      if (!f(B.$rowIndex))
+        return B.$rowIndex;
     });
-    function h(t) {
-      const o = r(L), e = q.value;
-      return e != null ? V(o, "action", `row${e}`, O(t)) : V(o, "action", O(t));
+    function y(t) {
+      const o = r(z), e = j.value;
+      return f(e) ? M(o, "action", D(t)) : M(o, "action", `row${e}`, D(t));
     }
-    function F(t) {
+    function _(t) {
       const o = t.ifShow;
       let e = !0;
-      return ge(o) && (e = o), ye(o) && (e = o(t)), e;
+      return de(o) && (e = o), pe(o) && (e = o(t)), e;
     }
-    const G = p(() => (W(i.actions) || []).filter((t) => F(t)).slice(0, i.showBtnNums)), w = p(() => (W(i.actions) || []).filter((t) => F(t)).slice(i.showBtnNums)), H = p(() => r(w).length > 0), X = p(() => "left flex items-center"), Y = p(() => {
-      const t = document.getElementsByTagName("body")[0], o = window.getComputedStyle(t).fontFamily, e = w.value.map((s) => we(s.label, "12px", o) + 22), n = Math.max(...e);
-      return n > i.popoverWidth ? n : i.popoverWidth;
+    const O = d(() => (l.actions || []).filter((t) => _(t)).slice(0, l.showBtnNums)), g = d(() => (l.actions || []).filter((t) => _(t)).slice(l.showBtnNums)), V = d(() => r(g).length > 0), U = d(() => "left flex items-center"), K = d(() => {
+      const t = document.getElementsByTagName("body")[0], o = window.getComputedStyle(t).fontFamily, e = g.value.map((a) => me(a.label, "12px", o) + 22), n = Math.max(...e);
+      return n > l.popoverWidth ? n : l.popoverWidth;
     });
-    function N(t, o) {
+    function $(t, o) {
       const e = t;
-      return xe(e) && e.length > 0 ? e.some((n) => !!(n != null && n.condition)) : he(e) ? !!e.condition : !!o;
+      return ue(e) && e.length > 0 ? e.some((n) => !!(n != null && n.condition)) : ce(e) ? !!e.condition : !!o;
     }
-    function J(t) {
-      if (!i.stopButtonPropagation) return;
+    function H(t) {
+      if (!l.stopButtonPropagation) return;
       t.composedPath().find((n) => {
-        var s;
-        return ((s = n.tagName) == null ? void 0 : s.toUpperCase()) === "BUTTON";
+        var a;
+        return ((a = n.tagName) == null ? void 0 : a.toUpperCase()) === "BUTTON";
       }) && t.stopPropagation();
     }
-    const Q = re(me, {
+    const L = J(le, {
       direction: "vertical",
       style: { fontSize: "12px", margin: "0 6px" }
     });
-    function Z(t) {
-      g.value = !0, C.value = t.target && t.target.getBoundingClientRect();
+    function X(t) {
+      b.value = !0, h.value = t.target && t.target.getBoundingClientRect();
     }
-    const C = I({
+    const h = x({
       top: 0,
       left: 0,
       bottom: 0,
       right: 0
     });
-    function ee() {
-      const t = Array.from(document.querySelectorAll('[class*="table-action"]')), o = /* @__PURE__ */ new Map();
-      t.forEach((e) => {
-        const n = e.closest(".vxe-table");
-        if (!n) return;
-        const s = e.getBoundingClientRect(), a = Math.round(s.top), d = o.get(n) || /* @__PURE__ */ new Map(), c = d.get(a) || [];
-        c.push(e), d.set(a, c), o.set(n, d);
-      }), o.forEach((e) => {
-        e.forEach((n) => {
-          const s = n.sort((a, d) => {
-            const c = a.closest(".vxe-table"), k = d.closest(".vxe-table"), R = c != null && c.classList.contains("is--fixed-right") ? 1 : 0, _ = k != null && k.classList.contains("is--fixed-right") ? 1 : 0;
-            return R !== _ ? _ - R : d.getBoundingClientRect().left - a.getBoundingClientRect().left;
-          })[0];
-          n.forEach((a) => {
-            a.querySelectorAll("[data-table-action-button]").forEach((d) => {
-              d.tabIndex = a === s ? 0 : -1;
-            });
-          });
-        });
-      });
-    }
-    ie(() => {
-      le(() => {
-        window.setTimeout(ee, 80);
-      });
-    });
-    const te = I({
+    Q(() => ve());
+    const Y = x({
       getBoundingClientRect() {
-        return C.value;
+        return h.value;
       }
     });
-    return (t, o) => (l(), u("div", {
-      class: B([r($), X.value]),
+    return (t, o) => (i(), s("div", {
+      class: w([r(N), U.value]),
       tabindex: "-1",
-      onClick: J
+      onClick: H
     }, [
-      T(r(be), {
+      k(r(se), {
         size: 0,
-        spacer: r(Q),
-        wrap: S.wrap
+        spacer: r(L),
+        wrap: T.wrap
       }, {
-        default: m(() => [
-          (l(!0), u(v, null, P(G.value, (e, n) => (l(), u(v, {
+        default: u(() => [
+          (i(!0), s(m, null, S(O.value, (e, n) => (i(), s(m, {
             key: `${n}-${e.label}`
           }, [
-            e.slot ? se(t.$slots, e.slot, ae({
+            e.slot ? Z(t.$slots, e.slot, ee({
               key: 0,
               ref_for: !0
-            }, e)) : z((l(), b(r(A), {
+            }, e)) : F((i(), c(r(C), {
               key: 1,
               link: "",
               type: e.type || "primary",
-              disabled: N(e.disabledTip, e.disabled),
-              style: D({ color: e.color, visibility: e.isTextHide ? "hidden" : "visible" }),
+              disabled: $(e.disabledTip, e.disabled),
+              style: W({ color: e.color, visibility: e.isTextHide ? "hidden" : "visible" }),
               loading: e.loading,
               "data-index": n,
               "data-table-action-button": "",
-              "data-testid": h(e.label || ""),
+              "data-testid": y(e.label || ""),
               onClick: e.onClick
             }, {
-              default: m(() => [
-                e.iconFont ? (l(), u(v, { key: 0 }, [
-                  e.iconFont ? (l(), b(r(E), {
+              default: u(() => [
+                e.iconFont ? (i(), s(m, { key: 0 }, [
+                  e.iconFont ? (i(), c(r(I), {
                     key: 0,
                     "icon-font": e.iconFont,
-                    class: B({ "mr-1": !!e.label })
-                  }, null, 8, ["icon-font", "class"])) : f("", !0)
-                ], 64)) : f("", !0),
-                e.label ? (l(), u("span", Ie, j(e.label), 1)) : f("", !0)
+                    class: w({ "mr-1": !!e.label })
+                  }, null, 8, ["icon-font", "class"])) : p("", !0)
+                ], 64)) : p("", !0),
+                e.label ? (i(), s("span", ye, E(e.label), 1)) : p("", !0)
               ]),
               _: 2
             }, 1032, ["type", "disabled", "style", "loading", "data-index", "data-testid", "onClick"])), [
-              [r(K), e.disabledTip]
+              [r(P), e.disabledTip]
             ])
           ], 64))), 128)),
-          H.value ? (l(), b(r(A), {
+          V.value ? (i(), c(r(C), {
             key: 0,
             link: "",
             type: "primary",
-            "data-testid": h("more")
+            "data-testid": y("more")
           }, {
-            default: m(() => [
-              de("span", {
-                onMouseover: ue(Z, ["stop"]),
-                onMouseleave: o[0] || (o[0] = (e) => g.value = !1)
+            default: u(() => [
+              te("span", {
+                onMouseover: oe(X, ["stop"]),
+                onMouseleave: o[0] || (o[0] = (e) => b.value = !1)
               }, [
-                T(r(E), {
-                  icon: r(Ce),
+                k(r(I), {
+                  icon: r(fe),
                   "is-custom-svg": "",
                   size: 14
                 }, null, 8, ["icon"])
               ], 32)
             ]),
             _: 1
-          }, 8, ["data-testid"])) : f("", !0)
+          }, 8, ["data-testid"])) : p("", !0)
         ]),
         _: 3
       }, 8, ["spacer", "wrap"]),
-      C.value.left ? (l(), b(r(ve), {
+      h.value.left ? (i(), c(r(ae), {
         key: 0,
-        visible: g.value,
-        "onUpdate:visible": o[1] || (o[1] = (e) => g.value = e),
+        visible: b.value,
+        "onUpdate:visible": o[1] || (o[1] = (e) => b.value = e),
         trigger: "hover",
         placement: "bottom",
-        width: Y.value,
+        width: K.value,
         offset: 8,
         "hide-after": 0,
-        "virtual-ref": te.value,
+        "virtual-ref": Y.value,
         "virtual-triggering": "",
-        "popper-class": `${r($)}-popover-class`,
+        "popper-class": `${r(N)}-popover-class`,
         "popper-style": {
           padding: "6px 0px",
           minWidth: "60px"
         }
       }, {
-        default: m(() => [
-          (l(!0), u(v, null, P(w.value, (e, n) => (l(), u("div", {
+        default: u(() => [
+          (i(!0), s(m, null, S(g.value, (e, n) => (i(), s("div", {
             key: `${n}-${e.label}`,
             onClick: () => {
-              var s;
-              !e.disabled && ((s = e.onClick) == null || s.call(e));
+              var a;
+              !e.disabled && ((a = e.onClick) == null || a.call(e));
             }
           }, [
-            z((l(), b(r(A), {
+            F((i(), c(r(C), {
               link: "",
-              disabled: N(e.disabledTip, e.disabled),
+              disabled: $(e.disabledTip, e.disabled),
               type: e.type || "primary",
-              style: D({ color: e.color }),
-              "data-testid": h(e.label || "")
-            }, pe({
-              default: m(() => [
-                e.label ? (l(), u(v, { key: 0 }, [
-                  ce(j(e.label), 1)
-                ], 64)) : f("", !0)
+              style: W({ color: e.color }),
+              "data-testid": y(e.label || "")
+            }, re({
+              default: u(() => [
+                e.label ? (i(), s(m, { key: 0 }, [
+                  ne(E(e.label), 1)
+                ], 64)) : p("", !0)
               ]),
               _: 2
             }, [
               e.iconFont ? {
                 name: "icon",
-                fn: m(() => [
-                  T(r(E), {
+                fn: u(() => [
+                  k(r(I), {
                     "icon-font": e.iconFont,
-                    class: B({ "mr-1": !!e.label })
+                    class: w({ "mr-1": !!e.label })
                   }, null, 8, ["icon-font", "class"])
                 ]),
                 key: "0"
               } : void 0
             ]), 1032, ["disabled", "type", "style", "data-testid"])), [
-              [r(K), e.disabledTip]
+              [r(P), e.disabledTip]
             ])
-          ], 8, Be))), 128))
+          ], 8, ge))), 128))
         ]),
         _: 1
-      }, 8, ["visible", "width", "virtual-ref", "popper-class"])) : f("", !0)
+      }, 8, ["visible", "width", "virtual-ref", "popper-class"])) : p("", !0)
     ], 2));
   }
 });
 export {
-  qe as default
+  Ve as default
 };

package/dist/components/tt-table/src/components/TableButtons.js

@@ -1,12 +1,13 @@
-import { defineComponent as I, inject as S, computed as f, toRaw as k, createVNode as n, resolveComponent as P, unref as d, isVNode as j, mergeProps as c, withDirectives as F, resolveDirective as $ } from "vue";
-import { propTypes as a } from "../../../../packages/hooks/src/propTypes.js";
-import { useDesign as x } from "../../../../packages/hooks/src/useDesign.js";
+import { defineComponent as w, inject as S, computed as f, createVNode as n, unref as d, isVNode as k, mergeProps as c, withDirectives as P, resolveDirective as j } from "vue";
+import { propTypes as m } from "../../../../packages/hooks/src/propTypes.js";
+import { useDesign as F } from "../../../../packages/hooks/src/useDesign.js";
 import "axios";
-import { ElPopover as z } from "element-plus";
-import { isBoolean as D, isFunction as m, isArray as N, isObject as O } from "../../../../packages/utils/src/is.js";
-import { generateTestId as A, toKebabCase as R } from "../../../../packages/utils/src/testid-helper.js";
-import "xe-utils";
+import { ElSpace as $, ElPopover as x } from "element-plus";
+import { isBoolean as z, isFunction as a, isArray as D, isObject as N } from "../../../../packages/utils/src/is.js";
 import "dayjs";
+import "numeral";
+import { generateTestId as O, toKebabCase as A } from "../../../../packages/utils/src/testid-helper.js";
+import "xe-utils";
 import "dayjs/plugin/utc";
 import "dayjs/plugin/timezone";
 import "../../../../node_modules/.pnpm/decimal.js@10.6.0/node_modules/decimal.js/decimal.js";
@@ -16,18 +17,18 @@ import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/mo
 import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/pad-pkcs7.js";
 import "lodash-es";
 import "vue-router";
-import { TtButton as U } from "../../../tt-button/index.js";
+import { TtButton as E } from "../../../tt-button/index.js";
 import { TtIcon as b } from "../../../tt-icon/index.js";
-import V from "../../../../directives/disabled-tip/index.js";
-import { componentMap as _ } from "../componentMap.js";
+import U from "../../../../directives/disabled-tip/index.js";
+import { componentMap as V } from "../componentMap.js";
 /* empty css                         */
-function E(i) {
-  return typeof i == "function" || Object.prototype.toString.call(i) === "[object Object]" && !j(i);
+function _(i) {
+  return typeof i == "function" || Object.prototype.toString.call(i) === "[object Object]" && !k(i);
 }
-const dt = /* @__PURE__ */ I({
+const dt = /* @__PURE__ */ w({
   name: "TtTableButton",
   directives: {
-    disabledTip: V
+    disabledTip: U
   },
   props: {
     /** 按钮acitons */
@@ -36,20 +37,20 @@ const dt = /* @__PURE__ */ I({
       default: () => []
     },
     /** 分割线 */
-    divider: a.bool.def(!0),
+    divider: m.bool.def(!0),
     /** 是否阻止默认行为 */
-    stopButtonPropagation: a.bool.def(!0)
+    stopButtonPropagation: m.bool.def(!0)
   },
   setup(i, {
     slots: g
   }) {
     const {
       prefixCls: l
-    } = x("table-buttons"), h = S("tableIdContext", f(() => "")), T = (t) => A(d(h), "toolbar-btn", R(t)), C = (t) => {
+    } = F("table-buttons"), h = S("tableIdContext", f(() => "")), T = (t) => O(d(h), "toolbar-btn", A(t)), C = (t) => {
       const e = t.ifShow;
       let o = !0;
-      return D(e) && (o = e), m(e) && (o = e(t)), o;
-    }, v = f(() => (k(i.actions) || []).filter((t) => C(t))), y = (t) => {
+      return z(e) && (o = e), a(e) && (o = e(t)), o;
+    }, v = f(() => (i.actions || []).filter((t) => C(t))), y = (t) => {
       if (!i.stopButtonPropagation) return;
       t.composedPath().find((r) => {
         var s;
@@ -58,15 +59,15 @@ const dt = /* @__PURE__ */ I({
     };
     function B(t, e) {
       const o = t;
-      return N(o) && o.length > 0 ? o.some((r) => !!(r != null && r.condition)) : O(o) ? !!o.condition : !!e;
+      return D(o) && o.length > 0 ? o.some((r) => !!(r != null && r.condition)) : N(o) ? !!o.condition : !!e;
     }
-    function w(t, e = "default", o) {
-      if (!t || !Reflect.has(t, e) || !m(t[e]))
+    function I(t, e = "default", o) {
+      if (!t || !Reflect.has(t, e) || !a(t[e]))
         return null;
       const r = t[e];
       return r ? r(o) : null;
     }
-    const p = (t, e) => F(n(U, c({
+    const p = (t, e) => P(n(E, c({
       disabled: B(t.disabledTip, t.disabled),
       key: e,
       style: {
@@ -89,13 +90,13 @@ const dt = /* @__PURE__ */ I({
           size: 14
         }, null)
       }
-    }), [[$("disabled-tip"), t.disabledTip]]), u = (t) => t.map((e, o) => {
-      const r = _.get(e.component);
+    }), [[j("disabled-tip"), t.disabledTip]]), u = (t) => t.map((e, o) => {
+      const r = V.get(e.component);
       if (e.children && e.children.length > 0) {
         const s = {
           reference: () => p(e, o)
         };
-        return e.disabled ? p(e, o) : n(z, {
+        return e.disabled ? p(e, o) : n(x, {
           placement: "bottom",
           width: "auto",
           trigger: "hover",
@@ -109,7 +110,7 @@ const dt = /* @__PURE__ */ I({
           ...s
         });
       }
-      return e.slot ? w(g, e.slot, e) : e.component ? n(r, c({
+      return e.slot ? I(g, e.slot, e) : e.component ? n(r, c({
         key: o
       }, e), null) : p(e, o);
     });
@@ -118,9 +119,9 @@ const dt = /* @__PURE__ */ I({
       return n("div", {
         class: `${l} flex`,
         onClick: y
-      }, [n(P("el-space"), {
+      }, [n($, {
         size: 8
-      }, E(t = u(d(v))) ? t : {
+      }, _(t = u(d(v))) ? t : {
         default: () => [t]
       })]);
     };