@dazhicheng/ui 1.5.230 → 1.5.231

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dazhicheng/ui",
-  "version": "1.5.230",
+  "version": "1.5.231",
   "description": "",
   "main": "./dist/index.js",
   "module": "./dist/index.js",