@dazhicheng/ui 1.6.7 → 1.6.9

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

@@ -1,13 +1,15 @@
-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 { defineComponent as F, useAttrs as j, inject as b, computed as d, unref as n, h as z, onMounted as E, createElementBlock as l, openBlock as i, normalizeClass as x, createVNode as O, withCtx as y, Fragment as p, renderList as P, renderSlot as R, withDirectives as U, mergeProps as K, createBlock as I, normalizeStyle as V, createCommentVNode as c, toDisplayString as H } from "vue";
+import { propTypes as w } from "../../../../packages/hooks/src/propTypes.js";
+import { useDesign as L } from "../../../../packages/hooks/src/useDesign.js";
 import "axios";
-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 { ElDivider as M, ElSpace as W } from "element-plus";
+import { isNullOrUnDef as a, isBoolean as X, isFunction as Y, isArray as q, isObject as G } 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 { generateTestId as g, toKebabCase as C } 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";
 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";
@@ -15,13 +17,12 @@ 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 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({
+import { TtButton as J } from "../../../tt-button/index.js";
+import { TtIcon as Q } from "../../../tt-icon/index.js";
+import Z from "../../../../directives/disabled-tip/index.js";
+import { ROW_INDEX_KEY as tt } from "./RowContext.js";
+import { scheduleNormalizeActionTabIndex as et } from "../utils/action-tab-index.js";
+const ot = { key: 1 }, _t = /* @__PURE__ */ F({
   name: "TtTableAction",
   __name: "TableAction",
   props: {
@@ -43,199 +44,101 @@ const ye = { key: 1 }, ge = ["onClick"], Ve = /* @__PURE__ */ q({
     /** 是否分割线 */
     // divider: propTypes.bool.def(true),
     /** 是否清除冒泡 */
-    stopButtonPropagation: v.bool.def(!1),
-    /** 显示buttton的个数 默认是2 */
-    showBtnNums: v.number.def(100),
-    /** 弹出框的宽度 */
-    popoverWidth: v.number.def(27),
-    /** 是否自动换行 */
-    wrap: v.bool.def(!0)
+    stopButtonPropagation: w.bool.def(!1),
+    /** 操作按钮在宽度不足时是否自动换行 */
+    wrap: w.bool.def(!0)
   },
-  setup(T) {
-    const l = T, B = G(), { prefixCls: N } = ie("table-action"), b = x(!1), z = A(
+  setup(u) {
+    const s = u, f = j(), { prefixCls: h } = L("table-action"), k = b(
       "tableIdContext",
       d(() => "")
-    ), R = A(be, void 0), j = d(() => {
+    ), T = b(tt, void 0), v = d(() => {
       var o;
-      if (!f(l.rowIndex))
-        return l.rowIndex;
-      const t = r(R);
-      if (!f(t))
-        return t;
-      if (!f((o = l.slotContext) == null ? void 0 : o.$rowIndex))
-        return l.slotContext.$rowIndex;
-      if (!f(B.$rowIndex))
-        return B.$rowIndex;
+      if (!a(s.rowIndex))
+        return s.rowIndex;
+      const e = n(T);
+      if (!a(e))
+        return e;
+      if (!a((o = s.slotContext) == null ? void 0 : o.$rowIndex))
+        return s.slotContext.$rowIndex;
+      if (!a(f.$rowIndex))
+        return f.$rowIndex;
     });
-    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 B(e) {
+      const o = n(k), t = v.value;
+      return a(t) ? g(o, "action", C(e)) : g(o, "action", `row${t}`, C(e));
     }
-    function _(t) {
-      const o = t.ifShow;
-      let e = !0;
-      return de(o) && (e = o), pe(o) && (e = o(t)), e;
+    function _(e) {
+      const o = e.ifShow;
+      let t = !0;
+      return X(o) && (t = o), Y(o) && (t = o(e)), t;
     }
-    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 $(t, o) {
-      const e = t;
-      return ue(e) && e.length > 0 ? e.some((n) => !!(n != null && n.condition)) : ce(e) ? !!e.condition : !!o;
+    const A = d(() => (s.actions || []).filter((e) => _(e))), S = d(() => "left flex items-center");
+    function N(e, o) {
+      const t = e;
+      return q(t) && t.length > 0 ? t.some((r) => !!(r != null && r.condition)) : G(t) ? !!t.condition : !!o;
     }
-    function H(t) {
-      if (!l.stopButtonPropagation) return;
-      t.composedPath().find((n) => {
-        var a;
-        return ((a = n.tagName) == null ? void 0 : a.toUpperCase()) === "BUTTON";
-      }) && t.stopPropagation();
+    function $(e) {
+      if (!s.stopButtonPropagation) return;
+      e.composedPath().find((r) => {
+        var m;
+        return ((m = r.tagName) == null ? void 0 : m.toUpperCase()) === "BUTTON";
+      }) && e.stopPropagation();
     }
-    const L = J(le, {
+    const D = z(M, {
       direction: "vertical",
       style: { fontSize: "12px", margin: "0 6px" }
     });
-    function X(t) {
-      b.value = !0, h.value = t.target && t.target.getBoundingClientRect();
-    }
-    const h = x({
-      top: 0,
-      left: 0,
-      bottom: 0,
-      right: 0
-    });
-    Q(() => ve());
-    const Y = x({
-      getBoundingClientRect() {
-        return h.value;
-      }
-    });
-    return (t, o) => (i(), s("div", {
-      class: w([r(N), U.value]),
+    return E(() => et()), (e, o) => (i(), l("div", {
+      class: x([n(h), S.value]),
       tabindex: "-1",
-      onClick: H
+      onClick: $
     }, [
-      k(r(se), {
+      O(n(W), {
         size: 0,
-        spacer: r(L),
-        wrap: T.wrap
+        spacer: n(D),
+        wrap: u.wrap
       }, {
-        default: u(() => [
-          (i(!0), s(m, null, S(O.value, (e, n) => (i(), s(m, {
-            key: `${n}-${e.label}`
+        default: y(() => [
+          (i(!0), l(p, null, P(A.value, (t, r) => (i(), l(p, {
+            key: `${r}-${t.label}`
           }, [
-            e.slot ? Z(t.$slots, e.slot, ee({
+            t.slot ? R(e.$slots, t.slot, K({
               key: 0,
               ref_for: !0
-            }, e)) : F((i(), c(r(C), {
+            }, t)) : U((i(), I(n(J), {
               key: 1,
               link: "",
-              type: e.type || "primary",
-              disabled: $(e.disabledTip, e.disabled),
-              style: W({ color: e.color, visibility: e.isTextHide ? "hidden" : "visible" }),
-              loading: e.loading,
-              "data-index": n,
+              type: t.type || "primary",
+              disabled: N(t.disabledTip, t.disabled),
+              style: V({ color: t.color, visibility: t.isTextHide ? "hidden" : "visible" }),
+              loading: t.loading,
+              "data-index": r,
               "data-table-action-button": "",
-              "data-testid": y(e.label || ""),
-              onClick: e.onClick
+              "data-testid": B(t.label || ""),
+              onClick: t.onClick
             }, {
-              default: u(() => [
-                e.iconFont ? (i(), s(m, { key: 0 }, [
-                  e.iconFont ? (i(), c(r(I), {
+              default: y(() => [
+                t.iconFont ? (i(), l(p, { key: 0 }, [
+                  t.iconFont ? (i(), I(n(Q), {
                     key: 0,
-                    "icon-font": e.iconFont,
-                    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)
+                    "icon-font": t.iconFont,
+                    class: x({ "mr-1": !!t.label })
+                  }, null, 8, ["icon-font", "class"])) : c("", !0)
+                ], 64)) : c("", !0),
+                t.label ? (i(), l("span", ot, H(t.label), 1)) : c("", !0)
               ]),
               _: 2
             }, 1032, ["type", "disabled", "style", "loading", "data-index", "data-testid", "onClick"])), [
-              [r(P), e.disabledTip]
+              [n(Z), t.disabledTip]
             ])
-          ], 64))), 128)),
-          V.value ? (i(), c(r(C), {
-            key: 0,
-            link: "",
-            type: "primary",
-            "data-testid": y("more")
-          }, {
-            default: u(() => [
-              te("span", {
-                onMouseover: oe(X, ["stop"]),
-                onMouseleave: o[0] || (o[0] = (e) => b.value = !1)
-              }, [
-                k(r(I), {
-                  icon: r(fe),
-                  "is-custom-svg": "",
-                  size: 14
-                }, null, 8, ["icon"])
-              ], 32)
-            ]),
-            _: 1
-          }, 8, ["data-testid"])) : p("", !0)
+          ], 64))), 128))
         ]),
         _: 3
-      }, 8, ["spacer", "wrap"]),
-      h.value.left ? (i(), c(r(ae), {
-        key: 0,
-        visible: b.value,
-        "onUpdate:visible": o[1] || (o[1] = (e) => b.value = e),
-        trigger: "hover",
-        placement: "bottom",
-        width: K.value,
-        offset: 8,
-        "hide-after": 0,
-        "virtual-ref": Y.value,
-        "virtual-triggering": "",
-        "popper-class": `${r(N)}-popover-class`,
-        "popper-style": {
-          padding: "6px 0px",
-          minWidth: "60px"
-        }
-      }, {
-        default: u(() => [
-          (i(!0), s(m, null, S(g.value, (e, n) => (i(), s("div", {
-            key: `${n}-${e.label}`,
-            onClick: () => {
-              var a;
-              !e.disabled && ((a = e.onClick) == null || a.call(e));
-            }
-          }, [
-            F((i(), c(r(C), {
-              link: "",
-              disabled: $(e.disabledTip, e.disabled),
-              type: e.type || "primary",
-              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: u(() => [
-                  k(r(I), {
-                    "icon-font": e.iconFont,
-                    class: w({ "mr-1": !!e.label })
-                  }, null, 8, ["icon-font", "class"])
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1032, ["disabled", "type", "style", "data-testid"])), [
-              [r(P), e.disabledTip]
-            ])
-          ], 8, ge))), 128))
-        ]),
-        _: 1
-      }, 8, ["visible", "width", "virtual-ref", "popper-class"])) : p("", !0)
+      }, 8, ["spacer", "wrap"])
     ], 2));
   }
 });
 export {
-  Ve as default
+  _t as default
 };

package/dist/components/tt-table/src/hooks/useGridProps.js

@@ -1,121 +1,125 @@
-import { useTimeoutFn as H } from "@vueuse/core";
-import { omit as y } from "lodash-es";
-import { computed as b, unref as f } from "vue";
-import { tableProps as L } from "../props.js";
-const K = [...Object.keys(L), "modelValue", "data", "columns"], j = {
+import { useTimeoutFn as K } from "@vueuse/core";
+import { omit as S } from "lodash-es";
+import { computed as T, unref as d } from "vue";
+import { tableProps as j } from "../props.js";
+const D = [...Object.keys(j), "modelValue", "data", "columns"], F = {
   orders: ["desc", "asc", null],
   trigger: "cell",
   allowClear: !0,
   showIcon: !0
 };
-function D(e) {
-  const { expandConfig: i, hasExpandColumn: t, treeConfig: o } = e;
-  return !(o && !o.transform || t && (i == null ? void 0 : i.mode) !== "fixed");
+function q(o) {
+  return !!(o.autoHeight || o.height || o.maxHeight);
 }
-function F({
-  $table: e,
+function G(o) {
+  const { expandConfig: i, hasExpandColumn: t, treeConfig: e } = o;
+  return !(!o.hasScrollViewport || e && !e.transform || t && (i == null ? void 0 : i.mode) !== "fixed");
+}
+function I({
+  $table: o,
   column: i
 }) {
-  var d, h;
-  const t = (d = e == null ? void 0 : e.getEl) == null ? void 0 : d.call(e);
+  var f, h;
+  const t = (f = o == null ? void 0 : o.getEl) == null ? void 0 : f.call(o);
   if (!t) return "auto";
-  const { visibleColumn: o = [] } = e.getTableColumn() || {}, a = o.reduce(
+  const { visibleColumn: e = [] } = o.getTableColumn() || {}, l = e.reduce(
     (r, n) => r + (n.id === i.id ? 0 : Number(n.renderWidth) || 0),
     0
-  ), c = ((h = t.querySelector(".vxe-table--scroll-y-virtual")) == null ? void 0 : h.offsetWidth) || 0, l = t.clientWidth - a - c;
-  return l > 0 ? l : "auto";
+  ), C = ((h = t.querySelector(".vxe-table--scroll-y-virtual")) == null ? void 0 : h.offsetWidth) || 0, a = t.clientWidth - l - C;
+  return a > 0 ? a : "auto";
 }
-function B(e, { attrs: i, slots: t }, o = {}) {
-  const a = /* @__PURE__ */ new WeakMap(), { start: c } = H(() => {
+function Q(o, { attrs: i, slots: t }, e = {}) {
+  const l = /* @__PURE__ */ new WeakMap(), { start: C } = K(() => {
     var r;
-    return (r = o.onTreeLoadResolved) == null ? void 0 : r.call(o);
+    return (r = e.onTreeLoadResolved) == null ? void 0 : r.call(e);
   }, 0, {
     immediate: !1
   });
-  function l(r) {
-    const n = a.get(r);
+  function a(r) {
+    const n = l.get(r);
     if (n) return n;
-    const g = async (p) => {
-      var C;
-      const m = await r(p);
-      return (C = o.prepareRows) == null || C.call(o, m), c(), m;
+    const g = async (w) => {
+      var m;
+      const c = await r(w);
+      return (m = e.prepareRows) == null || m.call(e, c), C(), c;
     };
-    return a.set(r, g), g;
+    return l.set(r, g), g;
   }
-  const d = b(() => {
-    var M;
+  const f = T(() => {
+    var y;
     const {
       checkboxConfig: r,
       rowConfig: n,
       columnConfig: g,
-      resizableConfig: p,
-      isCellResize: m,
-      showToolbar: C,
-      toolbarConfig: T = {},
+      resizableConfig: w,
+      isCellResize: c,
+      showToolbar: m,
+      toolbarConfig: V = {},
       showPager: W,
-      autoHeight: E,
-      virtualYConfig: w = {},
+      autoHeight: b,
+      virtualYConfig: p = {},
       expandConfig: v = {},
-      treeConfig: s,
-      sortConfig: R,
-      showHeaderTooltip: z,
+      treeConfig: u,
+      sortConfig: z,
+      showHeaderTooltip: E,
       showCellTooltip: O,
-      showOverflow: V,
-      reserveSelection: Y,
+      showOverflow: R,
+      reserveSelection: H,
       footerMethod: _
-    } = f(e), u = {}, P = Object.hasOwn(w, "enabled") ? w.enabled : D({
+    } = d(o), s = {}, P = Object.hasOwn(p, "enabled"), x = q(d(o)), Y = x ? P ? p.enabled : G({
       expandConfig: v,
-      hasExpandColumn: f(o.hasExpandColumn),
-      treeConfig: s
-    }), S = ((M = o.toVxeRowConfig) == null ? void 0 : M.call(o, n)) || n, x = _ ? void 0 : f(o.footerSummaryMethod);
-    return C && (u.toolbarConfig = {
+      hasExpandColumn: d(e.hasExpandColumn),
+      treeConfig: u,
+      hasScrollViewport: x
+    }) : !1, L = ((y = e.toVxeRowConfig) == null ? void 0 : y.call(e, n)) || n, M = _ ? void 0 : d(e.footerSummaryMethod);
+    return m && (s.toolbarConfig = {
       slots: t.toolbar_tools || t.toolbar_buttons ? {
         tools: t.toolbar_tools ? "toolbar_tools" : void 0,
         buttons: t.toolbar_buttons ? "toolbar_buttons" : void 0
       } : void 0,
-      ...T
-    }), W || (u.pagerConfig = void 0), E && (u.height = "auto", u.autoResize = !0, u.syncResize = !0), {
+      ...V
+    }), W || (s.pagerConfig = void 0), b && (s.height = "auto", s.autoResize = !0, s.syncResize = !0), {
       // 去除 data 与 columns，避免与内部数据、列管理冲突
-      ...y(f(e), ["data", "columns"]),
-      ...u,
-      virtualYConfig: { enabled: P, mode: "wheel", ...w },
+      ...S(d(o), ["data", "columns"]),
+      ...s,
+      virtualYConfig: { enabled: Y, mode: "wheel", ...p },
       // 表头 tooltip 由 vxe 负责：开启时翻译成 showHeaderOverflow: "tooltip"，
       // 由它自己做溢出检测（scrollWidth > clientWidth）并弹层，样式走原生 headerTooltipConfig。
       // 关闭时固定 false —— 一旦命中任意溢出值，vxe 会给表头单元格加 col--ellipsis 并把
       // 内层 .vxe-cell 的高度从 minHeight 改成固定 height，表头高度算法就变了。
       // 固定 false 也意味着调用方传入的 showHeaderOverflow 不参与判定，与改动前一致。
-      showHeaderOverflow: z ? "tooltip" : !1,
+      showHeaderOverflow: E ? "tooltip" : !1,
       // 单元格 tooltip 同样交给 vxe，但与表头侧不对称：表头侧改动前无条件写死 false，
       // 所以关闭时也固定 false；单元格侧改动前是原样透传，所以关闭时必须沿用原值，
       // 否则会覆盖调用方传入的 showOverflow 与 GlobalConfig.table 的默认值。
-      showOverflow: O ? "tooltip" : V,
+      showOverflow: O ? "tooltip" : R,
       // 列宽调整由 column-config.resizable 统一控制，列上单独设置的 resizable 优先
       // 排序交由 vxe 负责，组件只预置与改动前等价的交互口径
-      sortConfig: { ...j, ...R },
-      columnConfig: { useKey: !0, resizable: m, ...g },
-      rowConfig: { useKey: !0, isHover: !0, isCurrent: !1, ...S },
-      resizableConfig: { showDragTip: !0, minWidth: F, ...p },
+      sortConfig: { ...F, ...z },
+      columnConfig: { useKey: !0, resizable: c, ...g },
+      rowConfig: { useKey: !0, isHover: !0, isCurrent: !1, ...L },
+      resizableConfig: { showDragTip: !0, minWidth: I, ...w },
       // reserveSelection 开启时同时打开 vxe 的跨页保留存储，调用方显式配的 reserve 优先。
       // 只有存储打开，useRowSelection 才能从 getCheckboxReserveRecords 读到跨页那部分。
       // 关闭时不写 reserve 键，保持与改动前完全相同的配置对象（不覆盖 vxe 全局默认）。
-      checkboxConfig: { highlight: !1, ...Y ? { reserve: !0 } : {}, ...r },
+      checkboxConfig: { highlight: !1, ...H ? { reserve: !0 } : {}, ...r },
       expandConfig: {
         padding: !0,
         iconClose: "vxe-icon-caret-down",
         iconOpen: "vxe-icon-caret-up",
         ...v
       },
-      treeConfig: s != null && s.loadMethod ? { ...s, loadMethod: l(s.loadMethod) } : s,
+      treeConfig: u != null && u.loadMethod ? { ...u, loadMethod: a(u.loadMethod) } : u,
       round: !0,
       // 列上声明 summary 时自动开启表尾；没有任何列声明时不写这两个键，
       // 表尾相关配置与改动前完全一致（vxe 的 showFooter 默认 false，表尾不渲染）。
-      ...x ? { showFooter: !0, footerMethod: x } : {},
+      ...M ? { showFooter: !0, footerMethod: M } : {},
       // loading 由外层容器接管
       loading: !1
     };
-  }), h = b(() => y({ ...i, ...f(d) }, K));
-  return { bindValues: d, gridProps: h };
+  }), h = T(() => S({ ...i, ...d(f) }, D));
+  return { bindValues: f, gridProps: h };
 }
 export {
-  B as useGridProps
+  Q as useGridProps
 };