@dazhicheng/ui 1.5.228 → 1.5.230

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

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

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

@@ -1,9 +1,10 @@
-import { defineComponent as w, inject as E, computed as s, unref as n, ref as x, createElementBlock as a, openBlock as t, createBlock as p, createCommentVNode as d, withCtx as f, renderSlot as u, Fragment as h, renderList as I, createElementVNode as $, createVNode as y } from "vue";
-import { TtIcon as A } from "../../../tt-icon/index.js";
+import { defineComponent as x, inject as E, computed as a, unref as o, ref as I, createElementBlock as s, openBlock as r, createBlock as f, createCommentVNode as d, withCtx as m, renderSlot as u, Fragment as b, renderList as B, createVNode as h } from "vue";
+import { TtIcon as $ } from "../../../tt-icon/index.js";
+import { TtButton as y } from "../../../tt-button/index.js";
 import "axios";
-import { ElSpace as B, ElTooltip as N } from "element-plus";
+import { ElSpace as A, ElTooltip as z } from "element-plus";
 import "dayjs";
-import { generateTestId as V } from "../../../../packages/utils/src/testid-helper.js";
+import { generateTestId as N } from "../../../../packages/utils/src/testid-helper.js";
 import "xe-utils";
 import "dayjs/plugin/utc";
 import "dayjs/plugin/timezone";
@@ -13,80 +14,84 @@ import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/en
 import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/mode-ecb.js";
 import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/pad-pkcs7.js";
 import "lodash-es";
-import { toolProps as z } from "../toolProps.js";
-import R from "../../../../assets/svg/RiRefreshLine.svg.js";
+import { toolProps as R } from "../toolProps.js";
+import V from "../../../../assets/svg/RiRefreshLine.svg.js";
 import j from "../../../../assets/svg/exportSvg.svg.js";
 import F from "../../../../assets/svg/columnSet.svg.js";
-const L = ["data-testid"], P = ["onClick", "onAnimationend"], ie = /* @__PURE__ */ w({
+const L = ["data-testid"], lt = /* @__PURE__ */ x({
   __name: "TableToobalTools",
-  props: z,
+  props: R,
   emits: ["on-refresh", "on-columns-setting", "on-export"],
-  setup(b, { emit: k }) {
-    const r = b, i = k, v = E(
+  setup(k, { emit: g }) {
+    const n = k, l = g, v = E(
       "tableIdContext",
-      s(() => "")
-    ), _ = s(() => V(n(v), "table-toolbar-tools")), m = x(/* @__PURE__ */ new Set());
-    function g(e, c) {
-      m.value.add(e), c();
+      a(() => "")
+    ), C = a(() => N(o(v), "table-toolbar-tools")), p = I(/* @__PURE__ */ new Set());
+    function T(t, c) {
+      p.value.add(t), c();
     }
-    function C(e) {
-      m.value.delete(e);
+    function _(t) {
+      p.value.delete(t);
     }
-    const S = s(() => [
+    const S = a(() => [
       {
         label: "自定义导出",
         icon: j,
-        handler: () => i("on-export"),
-        if: r.showExport
+        handler: () => l("on-export"),
+        if: n.showExport
       },
       {
         label: "刷新",
-        icon: R,
-        handler: () => i("on-refresh"),
-        if: r.showRefresh
+        icon: V,
+        handler: () => l("on-refresh"),
+        if: n.showRefresh
       },
       {
         label: "列设置",
         icon: F,
-        handler: () => i("on-columns-setting"),
-        if: r.showSetColumn
+        handler: () => l("on-columns-setting"),
+        if: n.showSetColumn
       }
     ]);
-    return (e, c) => (t(), a("div", { "data-testid": _.value }, [
-      e.showSetting ? (t(), p(n(B), {
+    return (t, c) => (r(), s("div", { "data-testid": C.value }, [
+      t.showSetting ? (r(), f(o(A), {
         key: 0,
         size: 12
       }, {
-        default: f(() => [
-          u(e.$slots, "toolbar-left"),
-          (t(!0), a(h, null, I(S.value, (o, l) => (t(), a(h, { key: l }, [
-            o.if ? (t(), p(n(N), {
+        default: m(() => [
+          u(t.$slots, "toolbar-left"),
+          (r(!0), s(b, null, B(S.value, (e, i) => (r(), s(b, { key: i }, [
+            e.if ? (r(), f(o(z), {
               key: 0,
               ref_for: !0,
               ref: "tooltipRef",
               class: "box-item",
               effect: "dark",
-              content: o.label,
+              content: e.label,
               placement: "top",
               "show-after": 200
             }, {
-              default: f(() => [
-                $("div", {
+              default: m(() => [
+                h(o(y), {
                   class: "icon-table-btn",
-                  onClick: (T) => g(l, o.handler),
-                  onAnimationend: (T) => C(l)
-                }, [
-                  y(n(A), {
-                    icon: o.icon,
-                    size: 14,
-                    "is-custom-svg": ""
-                  }, null, 8, ["icon"])
-                ], 40, P)
+                  "aria-label": e.label,
+                  onClick: (w) => T(i, e.handler),
+                  onAnimationend: (w) => _(i)
+                }, {
+                  default: m(() => [
+                    h(o($), {
+                      icon: e.icon,
+                      size: 14,
+                      "is-custom-svg": ""
+                    }, null, 8, ["icon"])
+                  ]),
+                  _: 2
+                }, 1032, ["aria-label", "onClick", "onAnimationend"])
               ]),
               _: 2
             }, 1032, ["content"])) : d("", !0)
           ], 64))), 128)),
-          u(e.$slots, "toolbar-right")
+          u(t.$slots, "toolbar-right")
         ]),
         _: 3
       })) : d("", !0)
@@ -94,5 +99,5 @@ const L = ["data-testid"], P = ["onClick", "onAnimationend"], ie = /* @__PURE__
   }
 });
 export {
-  ie as default
+  lt as default
 };