@dazhicheng/ui 1.5.229 → 1.5.231

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 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 "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 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 "../../../../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 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"], Ue = /* @__PURE__ */ oe({
   name: "TtTableAction",
   __name: "TableAction",
   props: {
@@ -39,194 +39,223 @@ const ve = { key: 1 }, be = ["onClick"], Pe = /* @__PURE__ */ q({
     /** 是否分割线 */
     // divider: propTypes.bool.def(true),
     /** 是否清除冒泡 */
-    stopButtonPropagation: v.bool.def(!1),
+    stopButtonPropagation: y.bool.def(!1),
     /** 显示buttton的个数 默认是2 */
-    showBtnNums: v.number.def(3),
+    showBtnNums: y.number.def(3),
     /** 弹出框的宽度 */
-    popoverWidth: v.number.def(27),
+    popoverWidth: y.number.def(27),
     /** 是否自动换行 */
-    wrap: v.bool.def(!0)
+    wrap: y.bool.def(!0)
   },
-  setup(T) {
-    const n = T, b = G(), { prefixCls: B } = ne("table-action"), m = x(!1), D = _(
+  setup(S) {
+    const i = S, x = ne(), { prefixCls: $ } = fe("table-action"), g = I(!1), L = M(
       "tableIdContext",
-      a(() => "")
-    ), j = _(me, void 0), z = a(() => {
-      if (n.rowIndex !== void 0 && n.rowIndex !== null)
-        return n.rowIndex;
-      const t = r(j);
+      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)
         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 (i.slotContext && i.slotContext.$rowIndex !== void 0)
+        return i.slotContext.$rowIndex;
+      if (x.$rowIndex !== void 0 && x.$rowIndex !== null)
+        return x.$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 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 $(t) {
+    function F(t) {
       const o = t.ifShow;
       let e = !0;
-      return de(o) && (e = o), ae(o) && (e = o(t)), e;
+      return ge(o) && (e = o), ye(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 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;
     });
     function N(t, o) {
       const e = t;
-      return pe(e) && e.length > 0 ? e.some((i) => !!(i != null && i.condition)) : ue(e) ? !!e.condition : !!o;
+      return xe(e) && e.length > 0 ? e.some((n) => !!(n != null && n.condition)) : he(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 J(t) {
+      if (!i.stopButtonPropagation) return;
+      t.composedPath().find((n) => {
+        var s;
+        return ((s = n.tagName) == null ? void 0 : s.toUpperCase()) === "BUTTON";
       }) && t.stopPropagation();
     }
-    const L = J(ie, {
+    const Q = re(me, {
       direction: "vertical",
       style: { fontSize: "12px", margin: "0 6px" }
     });
-    function X(t) {
-      m.value = !0, w.value = t.target && t.target.getBoundingClientRect();
+    function Z(t) {
+      g.value = !0, C.value = t.target && t.target.getBoundingClientRect();
     }
-    const w = x({
+    const C = I({
       top: 0,
       left: 0,
       bottom: 0,
       right: 0
-    }), Y = x({
+    });
+    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) => {
+              a !== s && (d.style.visibility = "hidden"), d.tabIndex = a === s ? 0 : -1;
+            });
+          });
+        });
+      });
+    }
+    ie(() => {
+      le(() => {
+        window.setTimeout(ee, 80);
+      });
+    });
+    const te = I({
       getBoundingClientRect() {
-        return w.value;
+        return C.value;
       }
     });
-    return (t, o) => (l(), s("div", {
-      class: h([r(B), U.value]),
-      onClick: H
+    return (t, o) => (l(), u("div", {
+      class: B([r($), X.value]),
+      tabindex: "-1",
+      onClick: J
     }, [
-      k(r(le), {
+      T(r(be), {
         size: 0,
-        spacer: r(L),
-        wrap: T.wrap
+        spacer: r(Q),
+        wrap: S.wrap
       }, {
-        default: u(() => [
-          (l(!0), s(f, null, A(V.value, (e, i) => (l(), s(f, {
-            key: `${i}-${e.label}`
+        default: m(() => [
+          (l(!0), u(v, null, P(G.value, (e, n) => (l(), u(v, {
+            key: `${n}-${e.label}`
           }, [
-            e.slot ? Q(t.$slots, e.slot, Z({
+            e.slot ? se(t.$slots, e.slot, ae({
               key: 0,
               ref_for: !0
-            }, e)) : F((l(), c(r(C), {
+            }, e)) : z((l(), b(r(A), {
               key: 1,
               link: "",
               type: e.type || "primary",
               disabled: N(e.disabledTip, e.disabled),
-              style: W({ color: e.color, visibility: e.isTextHide ? "hidden" : "visible" }),
+              style: D({ color: e.color, visibility: e.isTextHide ? "hidden" : "visible" }),
               loading: e.loading,
-              "data-index": i,
-              "data-testid": y(e.label || ""),
+              "data-index": n,
+              "data-table-action-button": "",
+              "data-testid": h(e.label || ""),
               onClick: e.onClick
             }, {
-              default: u(() => [
-                e.iconFont ? (l(), s(f, { key: 0 }, [
-                  e.iconFont ? (l(), c(r(I), {
+              default: m(() => [
+                e.iconFont ? (l(), u(v, { key: 0 }, [
+                  e.iconFont ? (l(), b(r(E), {
                     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: 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)
               ]),
               _: 2
             }, 1032, ["type", "disabled", "style", "loading", "data-index", "data-testid", "onClick"])), [
-              [r(R), e.disabledTip]
+              [r(K), e.disabledTip]
             ])
           ], 64))), 128)),
-          O.value ? (l(), c(r(C), {
+          H.value ? (l(), b(r(A), {
             key: 0,
             link: "",
             type: "primary",
-            "data-testid": y("more")
+            "data-testid": h("more")
           }, {
-            default: u(() => [
-              ee("span", {
-                onMouseover: te(X, ["stop"]),
-                onMouseleave: o[0] || (o[0] = (e) => m.value = !1)
+            default: m(() => [
+              de("span", {
+                onMouseover: ue(Z, ["stop"]),
+                onMouseleave: o[0] || (o[0] = (e) => g.value = !1)
               }, [
-                k(r(I), {
-                  icon: r(fe),
+                T(r(E), {
+                  icon: r(Ce),
                   "is-custom-svg": "",
                   size: 14
                 }, null, 8, ["icon"])
               ], 32)
             ]),
             _: 1
-          }, 8, ["data-testid"])) : p("", !0)
+          }, 8, ["data-testid"])) : f("", !0)
         ]),
         _: 3
       }, 8, ["spacer", "wrap"]),
-      w.value.left ? (l(), c(r(se), {
+      C.value.left ? (l(), b(r(ve), {
         key: 0,
-        visible: m.value,
-        "onUpdate:visible": o[1] || (o[1] = (e) => m.value = e),
+        visible: g.value,
+        "onUpdate:visible": o[1] || (o[1] = (e) => g.value = e),
         trigger: "hover",
         placement: "bottom",
-        width: K.value,
+        width: Y.value,
         offset: 8,
         "hide-after": 0,
-        "virtual-ref": Y.value,
+        "virtual-ref": te.value,
         "virtual-triggering": "",
-        "popper-class": `${r(B)}-popover-class`,
+        "popper-class": `${r($)}-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: m(() => [
+          (l(!0), u(v, null, P(w.value, (e, n) => (l(), u("div", {
+            key: `${n}-${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), {
+            z((l(), b(r(A), {
               link: "",
               disabled: N(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)
+              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)
               ]),
               _: 2
             }, [
               e.iconFont ? {
                 name: "icon",
-                fn: u(() => [
-                  k(r(I), {
+                fn: m(() => [
+                  T(r(E), {
                     "icon-font": e.iconFont,
-                    class: h({ "mr-1": !!e.label })
+                    class: B({ "mr-1": !!e.label })
                   }, null, 8, ["icon-font", "class"])
                 ]),
                 key: "0"
               } : void 0
             ]), 1032, ["disabled", "type", "style", "data-testid"])), [
-              [r(R), e.disabledTip]
+              [r(K), e.disabledTip]
             ])
-          ], 8, be))), 128))
+          ], 8, Be))), 128))
         ]),
         _: 1
-      }, 8, ["visible", "width", "virtual-ref", "popper-class"])) : p("", !0)
+      }, 8, ["visible", "width", "virtual-ref", "popper-class"])) : f("", !0)
     ], 2));
   }
 });
 export {
-  Pe as default
+  Ue 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
 };