@dazhicheng/ui 1.6.0 → 1.6.2

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

@@ -1,11 +1,13 @@
-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 f, 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 { 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 le, ElSpace as se, ElPopover as ae } from "element-plus";
-import { isNullOrUnDef as m, isBoolean as de, isFunction as pe, isArray as ue, isObject as ce } from "../../../../packages/utils/src/is.js";
+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 fe } from "../../../../packages/utils/src/tool.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";
@@ -16,10 +18,10 @@ 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 me from "../../../../assets/svg/action_more.svg.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"], je = /* @__PURE__ */ q({
+const ye = { key: 1 }, ge = ["onClick"], Ve = /* @__PURE__ */ q({
   name: "TtTableAction",
   __name: "TableAction",
   props: {
@@ -55,19 +57,19 @@ const ye = { key: 1 }, ge = ["onClick"], je = /* @__PURE__ */ q({
       d(() => "")
     ), R = A(be, void 0), j = d(() => {
       var o;
-      if (!m(l.rowIndex))
+      if (!f(l.rowIndex))
         return l.rowIndex;
       const t = r(R);
-      if (!m(t))
+      if (!f(t))
         return t;
-      if (!m((o = l.slotContext) == null ? void 0 : o.$rowIndex))
+      if (!f((o = l.slotContext) == null ? void 0 : o.$rowIndex))
         return l.slotContext.$rowIndex;
-      if (!m(B.$rowIndex))
+      if (!f(B.$rowIndex))
         return B.$rowIndex;
     });
     function y(t) {
       const o = r(z), e = j.value;
-      return m(e) ? M(o, "action", D(t)) : M(o, "action", `row${e}`, D(t));
+      return f(e) ? M(o, "action", D(t)) : M(o, "action", `row${e}`, D(t));
     }
     function _(t) {
       const o = t.ifShow;
@@ -75,7 +77,7 @@ const ye = { key: 1 }, ge = ["onClick"], je = /* @__PURE__ */ q({
       return de(o) && (e = o), pe(o) && (e = o(t)), e;
     }
     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) => fe(a.label, "12px", o) + 22), n = Math.max(...e);
+      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) {
@@ -119,7 +121,7 @@ const ye = { key: 1 }, ge = ["onClick"], je = /* @__PURE__ */ q({
         wrap: T.wrap
       }, {
         default: u(() => [
-          (i(!0), s(f, null, S(O.value, (e, n) => (i(), s(f, {
+          (i(!0), s(m, null, S(O.value, (e, n) => (i(), s(m, {
             key: `${n}-${e.label}`
           }, [
             e.slot ? Z(t.$slots, e.slot, ee({
@@ -138,7 +140,7 @@ const ye = { key: 1 }, ge = ["onClick"], je = /* @__PURE__ */ q({
               onClick: e.onClick
             }, {
               default: u(() => [
-                e.iconFont ? (i(), s(f, { key: 0 }, [
+                e.iconFont ? (i(), s(m, { key: 0 }, [
                   e.iconFont ? (i(), c(r(I), {
                     key: 0,
                     "icon-font": e.iconFont,
@@ -164,7 +166,7 @@ const ye = { key: 1 }, ge = ["onClick"], je = /* @__PURE__ */ q({
                 onMouseleave: o[0] || (o[0] = (e) => b.value = !1)
               }, [
                 k(r(I), {
-                  icon: r(me),
+                  icon: r(fe),
                   "is-custom-svg": "",
                   size: 14
                 }, null, 8, ["icon"])
@@ -193,7 +195,7 @@ const ye = { key: 1 }, ge = ["onClick"], je = /* @__PURE__ */ q({
         }
       }, {
         default: u(() => [
-          (i(!0), s(f, null, S(g.value, (e, n) => (i(), s("div", {
+          (i(!0), s(m, null, S(g.value, (e, n) => (i(), s("div", {
             key: `${n}-${e.label}`,
             onClick: () => {
               var a;
@@ -208,7 +210,7 @@ const ye = { key: 1 }, ge = ["onClick"], je = /* @__PURE__ */ q({
               "data-testid": y(e.label || "")
             }, re({
               default: u(() => [
-                e.label ? (i(), s(f, { key: 0 }, [
+                e.label ? (i(), s(m, { key: 0 }, [
                   ne(E(e.label), 1)
                 ], 64)) : p("", !0)
               ]),
@@ -235,5 +237,5 @@ const ye = { key: 1 }, ge = ["onClick"], je = /* @__PURE__ */ q({
   }
 });
 export {
-  je as default
+  Ve as default
 };

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

@@ -1,12 +1,13 @@
 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 a } from "../../../../packages/hooks/src/propTypes.js";
+import { propTypes as m } from "../../../../packages/hooks/src/propTypes.js";
 import { useDesign as F } from "../../../../packages/hooks/src/useDesign.js";
 import "axios";
 import { ElSpace as $, ElPopover as x } from "element-plus";
-import { isBoolean as z, isFunction as m, isArray as D, isObject as N } from "../../../../packages/utils/src/is.js";
+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";
 import "dayjs/plugin/utc";
 import "dayjs/plugin/timezone";
 import "../../../../node_modules/.pnpm/decimal.js@10.6.0/node_modules/decimal.js/decimal.js";
@@ -24,7 +25,7 @@ import { componentMap as V } from "../componentMap.js";
 function _(i) {
   return typeof i == "function" || Object.prototype.toString.call(i) === "[object Object]" && !k(i);
 }
-const ft = /* @__PURE__ */ w({
+const dt = /* @__PURE__ */ w({
   name: "TtTableButton",
   directives: {
     disabledTip: U
@@ -36,9 +37,9 @@ const ft = /* @__PURE__ */ w({
       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
@@ -48,7 +49,7 @@ const ft = /* @__PURE__ */ w({
     } = 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 z(e) && (o = e), m(e) && (o = e(t)), o;
+      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) => {
@@ -61,7 +62,7 @@ const ft = /* @__PURE__ */ w({
       return D(o) && o.length > 0 ? o.some((r) => !!(r != null && r.condition)) : N(o) ? !!o.condition : !!e;
     }
     function I(t, e = "default", o) {
-      if (!t || !Reflect.has(t, e) || !m(t[e]))
+      if (!t || !Reflect.has(t, e) || !a(t[e]))
         return null;
       const r = t[e];
       return r ? r(o) : null;
@@ -127,5 +128,5 @@ const ft = /* @__PURE__ */ w({
   }
 });
 export {
-  ft as default
+  dt as default
 };

package/dist/components/tt-table/src/components/TableColumnModal.vue2.js

@@ -10,8 +10,9 @@ import { useDesign as ne } from "../../../../packages/hooks/src/useDesign.js";
 import "axios";
 import { ElScrollbar as B, ElCheckbox as z, ElCheckboxGroup as ae, ElTooltip as se } from "element-plus";
 import { isNumber as A } from "../../../../packages/utils/src/is.js";
-import "xe-utils";
 import "dayjs";
+import "numeral";
+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";
@@ -23,7 +24,7 @@ import "lodash-es";
 import "vue-router";
 import re from "sortablejs";
 import { useModalRender as ue } from "../../../tt-modal/src/hooks/useModalRender.js";
-const de = ["aria-label", "onClick"], Ae = /* @__PURE__ */ X({
+const de = ["aria-label", "onClick"], Ie = /* @__PURE__ */ X({
   __name: "TableColumnModal",
   props: {
     openColumn: { type: Function },
@@ -227,5 +228,5 @@ const de = ["aria-label", "onClick"], Ae = /* @__PURE__ */ X({
   }
 });
 export {
-  Ae as default
+  Ie as default
 };

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

@@ -1,9 +1,10 @@
-import { defineComponent as x, inject as E, computed as a, unref as o, ref as I, createElementBlock as s, openBlock as n, createBlock as d, createCommentVNode as f, withCtx as m, renderSlot as u, Fragment as b, renderList as B, createVNode as h } from "vue";
+import { defineComponent as x, inject as E, computed as a, unref as e, ref as I, createElementBlock as s, openBlock as n, createBlock as d, createCommentVNode as f, 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 A, ElTooltip as z } from "element-plus";
 import "dayjs";
+import "numeral";
 import { generateTestId as N } from "../../../../packages/utils/src/testid-helper.js";
 import "xe-utils";
 import "dayjs/plugin/utc";
@@ -18,7 +19,7 @@ import { toolProps as V } from "../toolProps.js";
 import j from "../../../../assets/svg/RiRefreshLine.svg.js";
 import F from "../../../../assets/svg/exportSvg.svg.js";
 import L from "../../../../assets/svg/columnSet.svg.js";
-const P = ["data-testid"], lt = /* @__PURE__ */ x({
+const P = ["data-testid"], it = /* @__PURE__ */ x({
   __name: "TableToolbarTools",
   props: V,
   emits: ["on-refresh", "on-columns-setting", "on-export"],
@@ -26,12 +27,12 @@ const P = ["data-testid"], lt = /* @__PURE__ */ x({
     const r = k, l = g, v = E(
       "tableIdContext",
       a(() => "")
-    ), C = a(() => N(o(v), "table-toolbar-tools")), c = I(/* @__PURE__ */ new Set());
-    function T(t, p) {
-      c.value.add(t), p();
+    ), C = a(() => N(e(v), "table-toolbar-tools")), p = I(/* @__PURE__ */ new Set());
+    function T(t, c) {
+      p.value.add(t), c();
     }
     function S(t) {
-      c.value.delete(t);
+      p.value.delete(t);
     }
     const _ = a(() => [
       {
@@ -53,32 +54,32 @@ const P = ["data-testid"], lt = /* @__PURE__ */ x({
         if: r.showSetColumn
       }
     ]);
-    return (t, p) => (n(), s("div", { "data-testid": C.value }, [
-      t.showSetting ? (n(), d(o(A), {
+    return (t, c) => (n(), s("div", { "data-testid": C.value }, [
+      t.showSetting ? (n(), d(e(A), {
         key: 0,
         size: 12
       }, {
         default: m(() => [
           u(t.$slots, "toolbar-left"),
-          (n(!0), s(b, null, B(_.value, (e, i) => (n(), s(b, { key: i }, [
-            e.if ? (n(), d(o(z), {
+          (n(!0), s(b, null, B(_.value, (o, i) => (n(), s(b, { key: i }, [
+            o.if ? (n(), d(e(z), {
               key: 0,
               class: "box-item",
               effect: "dark",
-              content: e.label,
+              content: o.label,
               placement: "top",
               "show-after": 200
             }, {
               default: m(() => [
-                h(o(y), {
+                h(e(y), {
                   class: "icon-table-btn",
-                  "aria-label": e.label,
-                  onClick: (w) => T(i, e.handler),
+                  "aria-label": o.label,
+                  onClick: (w) => T(i, o.handler),
                   onAnimationend: (w) => S(i)
                 }, {
                   default: m(() => [
-                    h(o($), {
-                      icon: e.icon,
+                    h(e($), {
+                      icon: o.icon,
                       size: 14,
                       "is-custom-svg": ""
                     }, null, 8, ["icon"])
@@ -97,5 +98,5 @@ const P = ["data-testid"], lt = /* @__PURE__ */ x({
   }
 });
 export {
-  lt as default
+  it as default
 };

package/dist/components/tt-table/src/emits.d.ts

@@ -1 +1,10 @@
-export declare const basicTableEmits: any[];
+/**
+ * 表格透传给 vxe-table 的事件名，加上组件库自己的事件。
+ *
+ * 必须显式标注 `string[]`：`tableEmits` 来自没有类型声明的 vxe 内部路径，类型是 `any`，
+ * 展开进数组后会让整个数组退化为 `any[]`。Vue 由此生成的 props 会落到
+ * `[x: \`on${Capitalize<string>}\`]: ((...args: any[] | unknown[]) => any) | undefined` 索引签名，
+ * 其中的 `unknown[]` 在参数逆变位置上与任何具名参数的回调都不兼容，
+ * 业务侧 `@selection-change="({ rows }) => ..."` 这类写法会整片报 TS2322。
+ */
+export declare const basicTableEmits: string[];

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

@@ -3,8 +3,9 @@ import "axios";
 import "element-plus";
 import { isFunction as w } from "../../../../packages/utils/src/is.js";
 import { ref as B, getCurrentScope as D, onScopeDispose as G, toValue as a, unref as f } from "vue";
-import "xe-utils";
 import "dayjs";
+import "numeral";
+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";
@@ -13,32 +14,32 @@ 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";
-function Y({
+function Z({
   getTableProps: K,
   getProps: O,
   tableMethods: S
 }) {
   const m = B();
-  let c = 0, d = !1;
+  let p = 0, d = !1;
   const A = (t) => w(t) ? t() : t ?? "";
   async function q() {
     var e, r, i, u;
-    const t = ++c;
+    const t = ++p;
     try {
-      const { columns: s, columnsKey: j, defaultDisplayFields: l, getColumnsApi: C } = f(K), g = A(j);
+      const { columns: s, columnsKey: j, defaultDisplayFields: c, getColumnsApi: C } = f(K), g = A(j);
       if (!((r = (e = a(O)) == null ? void 0 : e.table) != null && r.useHttpCache) || !g || !v.userId) return;
-      const n = (i = a(s)) != null && i.length ? a(s) : S.getTableColumns(), y = await (C == null ? void 0 : C({ permissionOnlyCode: g, userId: v.userId }));
-      if (d || t !== c) return;
-      const o = (u = y == null ? void 0 : y.records) == null ? void 0 : u[0];
+      const o = (i = a(s)) != null && i.length ? a(s) : S.getTableColumns(), y = await (C == null ? void 0 : C({ permissionOnlyCode: g, userId: v.userId }));
+      if (d || t !== p) return;
+      const n = (u = y == null ? void 0 : y.records) == null ? void 0 : u[0];
       let I;
-      if (o != null && o.json) {
-        const h = JSON.parse(o.json), x = new Map((n == null ? void 0 : n.map((p) => [p.field, p])) ?? []);
-        I = h.map((p) => x.get(p)).filter(Boolean);
+      if (n != null && n.json) {
+        const h = JSON.parse(n.json), x = new Map((o == null ? void 0 : o.map((l) => [l.field, l])) ?? []);
+        I = h.map((l) => x.get(l)).filter(Boolean);
       } else
-        I = l != null && l.length ? n == null ? void 0 : n.filter((h) => l.includes(h.field)) : n;
-      m.value = o == null ? void 0 : o.id, S.setTableColumns(I);
+        I = c != null && c.length ? o == null ? void 0 : o.filter((h) => c.includes(h.field)) : o;
+      m.value = n == null ? void 0 : n.id, S.setTableColumns(I);
     } catch {
-      if (d || t !== c) return;
+      if (d || t !== p) return;
     }
   }
   async function b(t) {
@@ -55,9 +56,9 @@ function Y({
     }
   }
   return D() && G(() => {
-    d = !0, c += 1;
+    d = !0, p += 1;
   }), { restoreColumns: q, saveColumns: b };
 }
 export {
-  Y as useColumnPersistence
+  Z as useColumnPersistence
 };

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

@@ -3,8 +3,9 @@ import "axios";
 import "element-plus";
 import { isBoolean as _, isFunction as j, isArray as q, isString as G } from "../../../../packages/utils/src/is.js";
 import { ref as K, shallowRef as U, computed as d, unref as o, watch as I, toValue as X, nextTick as O, onScopeDispose as H } from "vue";
-import J from "xe-utils";
 import "dayjs";
+import "numeral";
+import J from "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";
@@ -58,7 +59,7 @@ function T(e) {
     }
   );
 }
-function at(e, i, s) {
+function mt(e, i, s) {
   const r = K([]), u = U(!1), m = d(() => {
     const { customizeColumn: t, editRules: l } = o(e);
     return {
@@ -133,5 +134,5 @@ function at(e, i, s) {
   };
 }
 export {
-  at as useColumns
+  mt as useColumns
 };

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

@@ -2,8 +2,9 @@ import "axios";
 import "element-plus";
 import { isElement as O } from "../../../../packages/utils/src/is.js";
 import { onMounted as C, onScopeDispose as N, nextTick as S } from "vue";
-import "xe-utils";
 import "dayjs";
+import "numeral";
+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";
@@ -13,85 +14,85 @@ 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";
 const f = 'button:not([disabled]):not([tabindex="-1"]),input:not([disabled]),select:not([disabled]),textarea:not([disabled])';
-function b(i) {
+function m(i) {
   const d = window.getComputedStyle(i);
   return d.display !== "none" && d.visibility !== "hidden" && !!i.offsetParent;
 }
-function k(i) {
+function U(i) {
   function d(t = i.value) {
     const e = t == null ? void 0 : t.querySelector(".vxe-table");
-    return e ? Array.from(e.querySelectorAll(f)).filter(b).filter((n, r, o) => {
-      const s = n.closest('[class*="table-action"]');
+    return e ? Array.from(e.querySelectorAll(f)).filter(m).filter((o, r, n) => {
+      const s = o.closest('[class*="table-action"]');
       if (!s) return !0;
       const c = s.getBoundingClientRect();
-      return !o.some((l) => {
+      return !n.some((l) => {
         const u = l.closest('[class*="table-action"]');
         if (!u || u === s) return !1;
         const a = u.getBoundingClientRect();
         return Math.abs(a.top - c.top) <= 2 && a.left > c.left;
       });
-    }).sort((n, r) => {
-      const o = (n.closest(".vxe-body--column") || n).getBoundingClientRect(), s = (r.closest(".vxe-body--column") || r).getBoundingClientRect();
-      return Math.abs(o.top - s.top) > 2 ? o.top - s.top : Math.abs(o.left - s.left) > 2 ? o.left - s.left : n.getBoundingClientRect().top - r.getBoundingClientRect().top;
+    }).sort((o, r) => {
+      const n = (o.closest(".vxe-body--column") || o).getBoundingClientRect(), s = (r.closest(".vxe-body--column") || r).getBoundingClientRect();
+      return Math.abs(n.top - s.top) > 2 ? n.top - s.top : Math.abs(n.left - s.left) > 2 ? n.left - s.left : o.getBoundingClientRect().top - r.getBoundingClientRect().top;
     }) : [];
   }
   function x(t) {
     const e = i.value;
     if (!e) return;
-    const n = Array.from(document.querySelectorAll(f)).filter((r) => {
-      if (!b(r) || e.contains(r) || r.closest(".tt-table")) return !1;
-      const o = e.compareDocumentPosition(r);
-      return t ? !!(o & Node.DOCUMENT_POSITION_FOLLOWING) : !!(o & Node.DOCUMENT_POSITION_PRECEDING);
+    const o = Array.from(document.querySelectorAll(f)).filter((r) => {
+      if (!m(r) || e.contains(r) || r.closest(".tt-table")) return !1;
+      const n = e.compareDocumentPosition(r);
+      return t ? !!(n & Node.DOCUMENT_POSITION_FOLLOWING) : !!(n & Node.DOCUMENT_POSITION_PRECEDING);
     });
-    return t ? n[0] : n[n.length - 1];
+    return t ? o[0] : o[o.length - 1];
   }
   function E(t) {
     const e = i.value;
     if (!e) return;
-    const n = Array.from(document.querySelectorAll(".tt-table")), r = n[n.indexOf(e) + (t ? 1 : -1)], o = r ? m(r) : [];
-    if (o.length)
-      return t ? o[0] : o[o.length - 1];
+    const o = Array.from(document.querySelectorAll(".tt-table")), r = o[o.indexOf(e) + (t ? 1 : -1)], n = r ? b(r) : [];
+    if (n.length)
+      return t ? n[0] : n[n.length - 1];
   }
   function T(t = i.value) {
     return t ? Array.from(t.querySelectorAll(f)).filter(
-      (e) => !e.closest(".vxe-table") && b(e)
+      (e) => !e.closest(".vxe-table") && m(e)
     ) : [];
   }
-  function m(t = i.value) {
+  function b(t = i.value) {
     return [...T(t), ...d(t)];
   }
   function y(t) {
     if (t.key !== "Tab") return;
     const e = t.target;
     if (!O(e)) return;
-    const n = m(), r = e.closest(f), o = r ? n.indexOf(r) : -1;
-    if (o < 0) return;
-    const s = !t.shiftKey, c = x(s), l = E(s), u = c && l ? !!(c.compareDocumentPosition(l) & Node.DOCUMENT_POSITION_FOLLOWING) === s ? c : l : c || l, a = n[o + (s ? 1 : -1)] || u;
+    const o = b(), r = e.closest(f), n = r ? o.indexOf(r) : -1;
+    if (n < 0) return;
+    const s = !t.shiftKey, c = x(s), l = E(s), u = c && l ? !!(c.compareDocumentPosition(l) & Node.DOCUMENT_POSITION_FOLLOWING) === s ? c : l : c || l, a = o[n + (s ? 1 : -1)] || u;
     a && (t.preventDefault(), t.stopPropagation(), S(() => a.focus()));
   }
   function g(t) {
     if (t.key !== "Tab") return;
-    const e = t.target, n = i.value;
-    if (!O(e) || !n) return;
+    const e = t.target, o = i.value;
+    if (!O(e) || !o) return;
     const r = e.closest(".tt-table");
-    if (r && r !== n) return;
-    if (n.contains(e)) {
+    if (r && r !== o) return;
+    if (o.contains(e)) {
       y(t);
       return;
     }
-    const o = e.closest(f);
-    if (!o) return;
-    const s = m(), c = t.shiftKey ? s[s.length - 1] : s[0];
+    const n = e.closest(f);
+    if (!n) return;
+    const s = b(), c = t.shiftKey ? s[s.length - 1] : s[0];
     if (!c) return;
     const l = Array.from(document.querySelectorAll(f)).filter(
-      (p) => !p.closest('[class*="table-action"]') && b(p)
-    ), u = l.indexOf(o);
+      (p) => !p.closest('[class*="table-action"]') && m(p)
+    ), u = l.indexOf(n);
     if (u < 0) return;
     const a = l[u + (t.shiftKey ? -1 : 1)];
-    !a || !n.contains(a) || (t.preventDefault(), t.stopPropagation(), c.focus());
+    !a || !o.contains(a) || (t.preventDefault(), t.stopPropagation(), c.focus());
   }
   return C(() => document.addEventListener("keydown", g, !0)), N(() => document.removeEventListener("keydown", g, !0)), { onTableKeydown: y };
 }
 export {
-  k as useKeyboardNav
+  U as useKeyboardNav
 };

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

@@ -2,7 +2,8 @@ import { GlobalConfig as f } from "../../../../hooks/useSetup.js";
 import "axios";
 import "element-plus";
 import "dayjs";
-import { ref as c, unref as e, computed as P, watch as l } from "vue";
+import { ref as c, unref as o, computed as P, watch as l } from "vue";
+import "numeral";
 import "xe-utils";
 import "dayjs/plugin/utc";
 import "dayjs/plugin/timezone";
@@ -20,32 +21,32 @@ const C = {
   pageSizes: [300, 500, 1e3, 2e3],
   layouts: ["Total", "PrevPage", "JumpNumber", "NextPage", "Sizes", "FullJump"]
 };
-function O(r, g) {
+function T(e, g) {
   var a;
-  const o = c(
-    s(e(r).pagerConfig || {}, ((a = f.table) == null ? void 0 : a.pagerConfig) || {})
+  const r = c(
+    s(o(e).pagerConfig || {}, ((a = f.table) == null ? void 0 : a.pagerConfig) || {})
   ), i = P(() => {
-    const { showPager: t, pagerConfig: u } = e(r);
+    const { showPager: t, pagerConfig: u } = o(e);
     if (!(!t && !u))
-      return { ...C, ...e(o) };
+      return { ...C, ...o(r) };
   });
   function p() {
-    return e(i);
+    return o(i);
   }
   function n(t) {
-    o.value = { ...e(o), ...t };
+    r.value = { ...o(r), ...t };
   }
   function m(t) {
     g("page-change", t);
   }
   return l(
-    () => e(r).pagerConfig,
+    () => o(e).pagerConfig,
     (t) => {
       t && n(t);
     },
     { deep: !0 }
-  ), { pagination: o, paginationInfo: i, getPagination: p, setPagination: n, onPageChange: m };
+  ), { pagination: r, paginationInfo: i, getPagination: p, setPagination: n, onPageChange: m };
 }
 export {
-  O as usePagination
+  T as usePagination
 };

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

@@ -3,8 +3,9 @@ import "axios";
 import "element-plus";
 import { isFunction as b, isObject as ae, isUndefined as ne, isArray as se } from "../../../../packages/utils/src/is.js";
 import { shallowRef as K, computed as oe, unref as t, watch as ce, onMounted as le, nextTick as ue, onScopeDispose as fe } from "vue";
-import "xe-utils";
 import "dayjs";
+import "numeral";
+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";
@@ -13,8 +14,8 @@ 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 { omit as me, set as R, get as x } from "lodash-es";
-function Oe(s, W, O) {
-  const { grid: u, pagination: f, paginationInfo: d, setPagination: p, setLoading: q, resetSelectionAfterFetch: T, rows: X, applyRows: j } = W, P = K({ currentPage: 1 }), y = K(!1);
+function Oe(s, W, p) {
+  const { grid: u, pagination: f, paginationInfo: d, setPagination: O, setLoading: q, resetSelectionAfterFetch: T, rows: X, applyRows: j } = W, P = K({ currentPage: 1 }), y = K(!1);
   let w = !0, D = !1, S = !1, g;
   const L = oe(() => {
     const { showPager: e, isScrollFetch: r } = t(s);
@@ -87,10 +88,10 @@ function Oe(s, W, O) {
         await Q({ tablePage: { currentPage: 1, pageSize: m.pageSize } });
         return;
       }
-      if (!await j(I, n) || !n() || (p({ total: H, currentPage: v }), P.value = A(t(d)), O("fetch-success", { items: I, total: E, rawDataSource: F }), !n()) || (T(), !n())) return;
+      if (!await j(I, n) || !n() || (O({ total: H, currentPage: v }), P.value = A(t(d)), p("fetch-success", { items: I, total: E, rawDataSource: F }), !n()) || (T(), !n())) return;
       y.value = !0;
     } catch (m) {
-      if (!n() || (O("fetch-error", m), !n()) || !await j([], n) || !n() || (p({ total: 0 }), P.value = A(t(d)), T(), !n())) return;
+      if (!n() || (p("fetch-error", m), !n()) || !await j([], n) || !n() || (O({ total: 0 }), P.value = A(t(d)), T(), !n())) return;
       y.value = !0;
     } finally {
       g === a && (g = void 0, q(!1));

package/dist/components/tt-table/src/hooks/useRowIdentity.d.ts

@@ -16,6 +16,7 @@ type RowConfig = VxeTablePropTypes.RowConfig<Recordable>;
  */
 export declare function useRowIdentity(propsRef: ComputedRef<TtTableProps>): {
     getRowKey: (row: Recordable) => RowKey | undefined;
+    getRowKeys: (rows: Recordable[]) => (RowKey | undefined)[];
     prepareRows: (records: Recordable | Recordable[]) => void;
     toVxeRowConfig: (rowConfig?: RowConfig) => RowConfig;
 };