@dazhicheng/ui 1.5.228 → 1.5.230

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

@@ -1,190 +1,267 @@
-import { defineComponent as vt, useAttrs as St, useSlots as xt, ref as P, getCurrentInstance as wt, computed as v, provide as Ce, reactive as Ct, toValue as B, toRaw as _, unref as t, watch as M, nextTick as F, onMounted as Tt, onUnmounted as kt, createElementBlock as m, openBlock as d, normalizeClass as K, createVNode as O, mergeProps as ee, toHandlers as $t, createSlots as Rt, withCtx as u, renderSlot as g, createBlock as te, createCommentVNode as V, normalizeStyle as k, createElementVNode as w, normalizeProps as j, guardReactiveProps as J, Fragment as Te, toDisplayString as L, renderList as oe, withModifiers as Pt, createTextVNode as re } from "vue";
-import { useLoading as _t } from "../../../hooks/useLoading.js";
+import { defineComponent as Pt, useAttrs as Rt, useSlots as $t, ref as _, getCurrentInstance as Et, computed as T, provide as $e, reactive as Ot, toValue as K, toRaw as I, unref as t, watch as J, nextTick as B, onMounted as _t, onUnmounted as It, createElementBlock as y, openBlock as p, normalizeClass as A, createVNode as F, mergeProps as re, toHandlers as Dt, createSlots as Nt, withCtx as g, renderSlot as S, createBlock as ne, createCommentVNode as V, normalizeStyle as $, createElementVNode as P, normalizeProps as j, guardReactiveProps as X, Fragment as Ee, toDisplayString as M, renderList as se, withModifiers as zt, createTextVNode as le } from "vue";
+import { useLoading as Bt } from "../../../hooks/useLoading.js";
 import "../../../node_modules/.pnpm/vue-types@5.1.3_vue@3.5.21_typescript@5.9.3_/node_modules/vue-types/shim/index.modern.js";
-import { useDesign as Et } from "../../../packages/hooks/src/useDesign.js";
-import { kebabToCamelCase as It } from "../../../packages/utils/src/string.js";
+import { useDesign as Ft } from "../../../packages/hooks/src/useDesign.js";
+import { kebabToCamelCase as Vt } from "../../../packages/utils/src/string.js";
 import "axios";
-import { ElScrollbar as ke } from "element-plus";
-import { isBoolean as zt, isString as Ot } from "../../../packages/utils/src/is.js";
-import { extractResourceFromApi as Vt, generateTestId as $e } from "../../../packages/utils/src/testid-helper.js";
-import { getDifference as Dt } from "../../../packages/utils/src/tool.js";
+import { ElScrollbar as Oe } from "element-plus";
+import { isBoolean as Ht, isString as Lt } from "../../../packages/utils/src/is.js";
+import { extractResourceFromApi as Kt, generateTestId as _e } from "../../../packages/utils/src/testid-helper.js";
+import { getDifference as At } 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 { checkVersion as Ht } from "../../../packages/utils/src/check.js";
-import { omit as N, cloneDeep as Bt } from "lodash-es";
-import { TtErrorTooltip as Ft } from "../../tt-form-item-error-tooltip/index.js";
-import { useStore as Kt } from "@tanstack/vue-store";
-import { VxeUI as jt, VxePager as Lt } from "vxe-pc-ui";
-import { VxeGrid as Nt } from "vxe-table";
-import { tableProps as Gt } from "vxe-table/es/table/src/props";
-import Wt from "xe-utils";
-import At from "../../../assets/svg/paixu-jiangxu.svg.js";
-import Ut from "../../../assets/svg/paixu-moren.svg.js";
-import Yt from "../../../assets/svg/paixu-shengxu.svg.js";
-import { TtImage as Re } from "../../tt-image/index.js";
-import { TtText as Mt } from "../../tt-text/index.js";
-import { RowContext as Jt } from "./components/RowContext.js";
-import { basicTableEmits as Pe } from "./emits.js";
-import { useCellArea as qt } from "./hooks/useCellArea.js";
-import { useColumns as Xt } from "./hooks/useColumns.js";
-import { useDataSource as Qt } from "./hooks/useDataSource.js";
-import { useLeftRightSlot as Zt } from "./hooks/useLeftRightSlot.js";
-import { usePagination as eo } from "./hooks/usePagination.js";
-import { useRowSelection as to } from "./hooks/useRowSelection.js";
-import { createTableContext as oo } from "./hooks/useTableContext.js";
-import { useTableEvents as ro } from "./hooks/useTableEvent.js";
-import { tableOtherProps as so, tableProps as _e } from "./props.js";
-import { TableApi as lo } from "./utils/table-api.js";
-const no = ["data-testid", "data-table-columns"], ao = ["onClick"], io = {
+import { checkVersion as jt } from "../../../packages/utils/src/check.js";
+import { omit as G, cloneDeep as Mt } from "lodash-es";
+import { TtErrorTooltip as Gt } from "../../tt-form-item-error-tooltip/index.js";
+import { useStore as Ut } from "@tanstack/vue-store";
+import { VxeUI as Wt, VxePager as qt } from "vxe-pc-ui";
+import { VxeGrid as Yt } from "vxe-table";
+import { tableProps as Jt } from "vxe-table/es/table/src/props";
+import Xt from "xe-utils";
+import Qt from "../../../assets/svg/paixu-jiangxu.svg.js";
+import Zt from "../../../assets/svg/paixu-moren.svg.js";
+import eo from "../../../assets/svg/paixu-shengxu.svg.js";
+import { TtImage as Ie } from "../../tt-image/index.js";
+import { TtText as to } from "../../tt-text/index.js";
+import { RowContext as oo } from "./components/RowContext.js";
+import { basicTableEmits as De } from "./emits.js";
+import { useCellArea as ro } from "./hooks/useCellArea.js";
+import { useColumns as no } from "./hooks/useColumns.js";
+import { useDataSource as so } from "./hooks/useDataSource.js";
+import { useLeftRightSlot as lo } from "./hooks/useLeftRightSlot.js";
+import { usePagination as ao } from "./hooks/usePagination.js";
+import { useRowSelection as io } from "./hooks/useRowSelection.js";
+import { createTableContext as co } from "./hooks/useTableContext.js";
+import { useTableEvents as uo } from "./hooks/useTableEvent.js";
+import { tableOtherProps as fo, tableProps as Ne } from "./props.js";
+import { TableApi as po } from "./utils/table-api.js";
+const go = ["data-testid", "data-table-columns"], mo = ["onClick"], bo = {
   class: "mr-4px flex-1 overflow-hidden"
-}, co = ["src"], uo = ["src"], fo = ["src"], po = {
+}, ho = ["src"], yo = ["src"], So = ["src"], xo = {
   style: {
     color: "#009ffa"
   }
-}, mo = {
+}, vo = {
   key: 0
-}, go = {
+}, Co = {
   key: 0
-}, or = /* @__PURE__ */ vt({
+}, U = 'button:not([disabled]):not([tabindex="-1"]),input:not([disabled]),select:not([disabled]),textarea:not([disabled])', cr = /* @__PURE__ */ Pt({
   name: "TtTable",
   __name: "Table",
   props: {
-    ...Gt,
-    ..._e,
-    ...so
+    ...Jt,
+    ...Ne,
+    ...fo
   },
-  emits: ["register", "fetch-success", "fetch-error", "selection-change", "update:modelValue", ...Pe],
-  setup(Ee, {
-    expose: Ie,
-    emit: ze
+  emits: ["register", "fetch-success", "fetch-error", "selection-change", "update:modelValue", ...De],
+  setup(ze, {
+    expose: Be,
+    emit: Fe
   }) {
-    var we;
-    const b = Ee, c = ze, se = St(), E = xt(), {
-      prefixCls: $
-    } = Et("table"), le = P(), Oe = P({}), G = P(null), p = P(), ne = P([]), ae = {}, ie = P({}), h = wt();
-    let l = b.tableApi;
-    if (!l) {
-      l = new lo(b);
-      const e = l;
-      e.useStore = (o) => Kt(l.store, o), l = e;
+    var Re;
+    const v = ze, f = Fe, ae = Rt(), D = $t(), {
+      prefixCls: E
+    } = Ft("table"), ie = _(), Ve = _({}), k = _(null), b = _(), ce = _([]), ue = {};
+    function Q(e = k.value) {
+      const o = e == null ? void 0 : e.querySelector(".vxe-table");
+      return o ? Array.from(o.querySelectorAll(U)).filter((n) => {
+        const s = window.getComputedStyle(n);
+        return s.display !== "none" && s.visibility !== "hidden" && !!n.offsetParent;
+      }).filter((n, s, l) => {
+        const a = n.closest('[class*="table-action"]');
+        if (!a) return !0;
+        const c = a.getBoundingClientRect();
+        return !l.some((u) => {
+          const m = u.closest('[class*="table-action"]');
+          if (!m || m === a) return !1;
+          const w = m.getBoundingClientRect();
+          return Math.abs(w.top - c.top) <= 2 && w.left > c.left;
+        });
+      }).sort((n, s) => {
+        const l = n.closest(".vxe-body--column") || n, a = s.closest(".vxe-body--column") || s, c = l.getBoundingClientRect(), u = a.getBoundingClientRect();
+        return Math.abs(c.top - u.top) > 2 ? c.top - u.top : Math.abs(c.left - u.left) > 2 ? c.left - u.left : n.getBoundingClientRect().top - s.getBoundingClientRect().top;
+      }) : [];
+    }
+    function He(e) {
+      const o = k.value;
+      if (o)
+        return Array.from(document.querySelectorAll(U)).find((r) => {
+          const n = window.getComputedStyle(r);
+          if (n.display === "none" || n.visibility === "hidden" || !r.offsetParent || o.contains(r) || r.closest(".tt-table"))
+            return !1;
+          const s = o.compareDocumentPosition(r);
+          return e ? !!(s & Node.DOCUMENT_POSITION_FOLLOWING) : !!(s & Node.DOCUMENT_POSITION_PRECEDING);
+        });
+    }
+    function Le(e) {
+      const o = k.value;
+      if (!o) return;
+      const r = Array.from(document.querySelectorAll(".tt-table")), n = r.indexOf(o), s = r[n + (e ? 1 : -1)], l = s ? Q(s) : [];
+      if (!(!s || !l.length))
+        return e ? l[0] : l[l.length - 1];
+    }
+    function Ke() {
+      const e = k.value;
+      return e ? Array.from(e.querySelectorAll(U)).filter((o) => {
+        const r = window.getComputedStyle(o);
+        return !o.closest(".vxe-table") && r.display !== "none" && r.visibility !== "hidden" && !!o.offsetParent;
+      }) : [];
+    }
+    function de(e) {
+      if (e.key !== "Tab") return;
+      const o = e.target;
+      if (!(o instanceof HTMLElement)) return;
+      const r = Q(), n = o.closest(U), s = n ? r.indexOf(n) : -1;
+      if (s < 0) return;
+      const l = !e.shiftKey, a = He(l), c = Le(l), u = a && c ? a.compareDocumentPosition(c) & Node.DOCUMENT_POSITION_FOLLOWING ? a : c : a || c, m = r[s + (e.shiftKey ? -1 : 1)] || u;
+      m && (e.preventDefault(), e.stopPropagation(), B(() => {
+        m.focus();
+      }));
+    }
+    function fe(e) {
+      if (e.key !== "Tab") return;
+      const o = e.target, r = k.value;
+      if (!(o instanceof HTMLElement) || !r) return;
+      const n = o.closest(".tt-table");
+      if (n && n !== r) return;
+      if (r.contains(o)) {
+        de(e);
+        return;
+      }
+      const s = Q(), l = Ke(), a = l.length ? l : s, c = e.shiftKey ? a[a.length - 1] : a[0];
+      if (!c) return;
+      const u = Array.from(document.querySelectorAll(U)).filter((h) => {
+        const Y = window.getComputedStyle(h);
+        return !h.closest('[class*="table-action"]') && Y.display !== "none" && Y.visibility !== "hidden" && !!h.offsetParent;
+      }), m = u.indexOf(o);
+      if (m < 0) return;
+      const w = u[m + (e.shiftKey ? -1 : 1)];
+      !w || !r.contains(w) || (e.preventDefault(), e.stopPropagation(), c.focus());
+    }
+    const pe = _({}), x = Et();
+    let i = v.tableApi;
+    if (!i) {
+      i = new po(v);
+      const e = i;
+      e.useStore = (o) => Ut(i.store, o), i = e;
     }
-    const D = (we = l == null ? void 0 : l.useStore) == null ? void 0 : we.call(l), q = v(() => b.testId ? b.testId : b.api ? Vt(b.api) : "table"), Ve = v(() => $e(q.value, "table"));
-    Ce("tableIdContext", q);
-    const C = Ct({
-      emptyText: B(D).emptyText,
-      noSearchText: B(D).noSearchText,
+    const H = (Re = i == null ? void 0 : i.useStore) == null ? void 0 : Re.call(i), Z = T(() => v.testId ? v.testId : v.api ? Kt(v.api) : "table"), Ae = T(() => _e(Z.value, "table"));
+    $e("tableIdContext", Z);
+    const R = Ot({
+      emptyText: K(H).emptyText,
+      noSearchText: K(H).noSearchText,
       isFirstLoad: !0,
-      emptyImageStatus: B(D).emptyImageStatus
-    }), ce = P({}), a = v(() => {
+      emptyImageStatus: K(H).emptyImageStatus
+    }), ge = _({}), d = T(() => {
       const {
         toolTipErrorPlacement: e,
         ...o
-      } = _(B(D)) || {};
+      } = I(K(H)) || {};
       return {
         ...o,
         toolTipErrorPlacement: e
       };
     });
-    Ce(`${$}-props`, a);
+    $e(`${E}-props`, d);
     const {
       getLoading: W,
-      setLoading: de
-    } = _t(v(() => t(a).loading || !1)), {
-      configRef: H,
-      getPaginationInfo: I,
-      getPagination: De,
-      setPagination: X,
-      handlePageChange: He
-    } = eo(a, c), {
-      selectedKeys: Q,
-      selectedRows: ue,
-      getCheckboxSelectedKeys: Be,
-      onCheckboxChange: Fe,
-      onCheckboxAll: Ke,
-      getSelectRowKeys: je,
-      getSelectRows: Le,
-      clearSelectedRowKeys: Z,
-      setSelectedRowKeys: Ne,
-      onCellAreaSelectionEndSetCheckbox: Ge,
-      onCheckboxRangeChange: fe,
-      onRadioChange: We
-    } = to(a, c, p), {
-      handleLeftRightSlotInit: Ae,
-      handleLeftRightSlotScroll: Ue,
-      leftRightSlotRows: pe,
+      setLoading: me
+    } = Bt(T(() => t(d).loading || !1)), {
+      configRef: L,
+      getPaginationInfo: N,
+      getPagination: je,
+      setPagination: ee,
+      handlePageChange: Me
+    } = ao(d, f), {
+      selectedKeys: te,
+      selectedRows: be,
+      getCheckboxSelectedKeys: Ge,
+      onCheckboxChange: Ue,
+      onCheckboxAll: We,
+      getSelectRowKeys: qe,
+      getSelectRows: Ye,
+      clearSelectedRowKeys: oe,
+      setSelectedRowKeys: Je,
+      onCellAreaSelectionEndSetCheckbox: Xe,
+      onCheckboxRangeChange: he,
+      onRadioChange: Qe
+    } = io(d, f, b), {
+      handleLeftRightSlotInit: Ze,
+      handleLeftRightSlotScroll: et,
+      leftRightSlotRows: ye,
       tableBodyWrapHeight: z,
-      tableHeaderHight: me,
-      tableBodyScrollHeight: ge,
-      tableBodyHeight: A,
-      leftSlotScrollbarRef: Ye,
-      rightSlotScrollbarRef: Me,
-      tableBodyScrollTop: he
-    } = Zt(a, p, ne), {
-      reload: Je,
-      reloadFilter: be,
-      getDataSource: qe,
-      dataSource: Xe,
-      isloaded: Qe
-    } = Qt(a, {
-      xGrid: p,
-      tableData: ne,
-      paginationRef: H,
-      getPaginationInfo: I,
-      setLoading: de,
-      setPagination: X,
-      clearSelectedRowKeys: Z,
-      getIsTableEvent: l.getIsTableEvent
-    }, c), {
-      titleSolts: Ze,
-      validSolts: et,
+      tableHeaderHight: Se,
+      tableBodyScrollHeight: xe,
+      tableBodyHeight: q,
+      leftSlotScrollbarRef: tt,
+      rightSlotScrollbarRef: ot,
+      tableBodyScrollTop: ve
+    } = lo(d, b, ce), {
+      reload: rt,
+      reloadFilter: Ce,
+      getDataSource: nt,
+      dataSource: st,
+      isloaded: lt
+    } = so(d, {
+      xGrid: b,
+      tableData: ce,
+      paginationRef: L,
+      getPaginationInfo: N,
+      setLoading: me,
+      setPagination: ee,
+      clearSelectedRowKeys: oe,
+      getIsTableEvent: i.getIsTableEvent
+    }, f), {
+      titleSolts: at,
+      validSolts: it,
       // httpFieldSolts,
       // httpFieldEditSolts,
-      setTableColumns: tt,
-      getTableColumns: ye,
+      setTableColumns: ct,
+      getTableColumns: we,
       // setCacheColumns,
-      onResizableChange: ot,
-      onColumnDragend: rt
-    } = Xt(a, {
-      xGrid: p,
-      tableWidth: v(() => t(G).offsetWidth)
-    }, c), y = v(() => {
+      onResizableChange: ut,
+      onColumnDragend: dt
+    } = no(d, {
+      xGrid: b,
+      tableWidth: T(() => t(k).offsetWidth)
+    }, f), C = T(() => {
       const {
         tableRowId: e,
         checkboxConfig: o,
         rowConfig: r,
-        columnConfig: s,
-        scrollY: i = {},
-        showToolbar: n,
-        toolbarConfig: f = {},
-        showPager: S,
-        autoHeight: x,
-        virtualYConfig: U = {},
-        expandConfig: Y = {}
-      } = t(a), T = {}, yt = N(t(a), ["data", "columns"]);
-      return n && (T.toolbarConfig = {
-        slots: E.toolbar_tools || E.toolbar_buttons ? {
-          tools: E.toolbar_tools ? "toolbar_tools" : void 0,
-          buttons: E.toolbar_buttons ? "toolbar_buttons" : void 0
+        columnConfig: n,
+        scrollY: s = {},
+        showToolbar: l,
+        toolbarConfig: a = {},
+        showPager: c,
+        autoHeight: u,
+        virtualYConfig: m = {},
+        expandConfig: w = {}
+      } = t(d), h = {}, Y = G(t(d), ["data", "columns"]);
+      return l && (h.toolbarConfig = {
+        slots: D.toolbar_tools || D.toolbar_buttons ? {
+          tools: D.toolbar_tools ? "toolbar_tools" : void 0,
+          buttons: D.toolbar_buttons ? "toolbar_buttons" : void 0
         } : void 0,
-        ...f
-      }), S || (T.pagerConfig = void 0), x && (T.height = "auto", T.autoResize = !0, T.syncResize = !0), Ht(jt.tableVersion, 4, 16) ? T.virtualYConfig = {
+        ...a
+      }), c || (h.pagerConfig = void 0), u && (h.height = "auto", h.autoResize = !0, h.syncResize = !0), jt(Wt.tableVersion, 4, 16) ? h.virtualYConfig = {
         enabled: !0,
         mode: "wheel",
-        ...U
-      } : T.scrollY = {
+        ...m
+      } : h.scrollY = {
         enabled: !0,
         mode: "wheel",
-        ...i
+        ...s
       }, {
-        ...yt,
-        ...T,
+        ...Y,
+        ...h,
         columnConfig: {
           useKey: !0,
           resizable: !1,
-          ...s
+          ...n
         },
         rowConfig: {
           useKey: !0,
@@ -205,7 +282,7 @@ const no = ["data-testid", "data-table-columns"], ao = ["onClick"], io = {
           padding: !0,
           iconClose: "vxe-icon-caret-down",
           iconOpen: "vxe-icon-caret-up",
-          ...Y
+          ...w
         },
         // data: unref(dataSource),
         // height: unref(tableHeight),
@@ -213,85 +290,85 @@ const no = ["data-testid", "data-table-columns"], ao = ["onClick"], io = {
         round: !0,
         loading: !1
       };
-    }), st = v(() => zt(t(y).showHeaderOverflow) ? t(y).showHeaderOverflow : Ot(t(y).showHeaderOverflow) ? t(y).showHeaderOverflow === "tooltip" : !1), {
-      onCellAreaSelectionEnd: lt
-    } = qt(y, c, p, {
-      onCellAreaSelectionEndSetCheckbox: Ge,
-      onCheckboxRangeChange: fe
-    }), ve = ro(p, C, c, l, a, {
-      clearSelectedRowKeys: Z
+    }), ft = T(() => Ht(t(C).showHeaderOverflow) ? t(C).showHeaderOverflow : Lt(t(C).showHeaderOverflow) ? t(C).showHeaderOverflow === "tooltip" : !1), {
+      onCellAreaSelectionEnd: pt
+    } = ro(C, f, b, {
+      onCellAreaSelectionEndSetCheckbox: Xe,
+      onCheckboxRangeChange: he
+    }), Te = uo(b, R, f, i, d, {
+      clearSelectedRowKeys: oe
     });
-    M(() => y.value, (e, o) => {
-      const r = Object.keys(_e), s = Dt(e, o || {}, {
+    J(() => C.value, (e, o) => {
+      const r = Object.keys(Ne), n = At(e, o || {}, {
         exclude: r
       });
-      if (Object.keys(s).length) {
-        const i = {
-          ...se,
-          ...t(y)
-        }, n = N(i, [...r, "showFullscreen", "data", "columns"]);
-        ie.value = n, ve.setEmptyText(e.emptyText || "");
+      if (Object.keys(n).length) {
+        const s = {
+          ...ae,
+          ...t(C)
+        }, l = G(s, [...r, "showFullscreen", "data", "columns"]);
+        pe.value = l, Te.setEmptyText(e.emptyText || "");
       }
     }, {
       deep: !0,
       immediate: !0
     });
-    const Se = v(() => {
+    const ke = T(() => {
       const {
         emptyImageStyle: e
-      } = B(D);
+      } = K(H);
       return {
         ...e
       };
     });
-    Pe.forEach((e) => {
-      const o = Wt.camelCase(e);
-      ae[o] = (...r) => c(e, ...r);
+    De.forEach((e) => {
+      const o = Xt.camelCase(e);
+      ue[o] = (...r) => f(e, ...r);
     });
-    const nt = v(() => ({
-      ...ae,
-      radioChange: We,
-      checkboxChange: Fe,
-      checkboxAll: Ke,
-      resizableChange: ot,
-      cellAreaSelectionEnd: lt,
-      scroll: dt,
-      toggleRowExpand: ft,
-      checkboxRangeChange: fe,
-      columnDragend: rt,
+    const gt = T(() => ({
+      ...ue,
+      radioChange: Qe,
+      checkboxChange: Ue,
+      checkboxAll: We,
+      resizableChange: ut,
+      cellAreaSelectionEnd: pt,
+      scroll: yt,
+      toggleRowExpand: xt,
+      checkboxRangeChange: he,
+      columnDragend: dt,
       // columnResizableChange: onColumnResizableChange,
-      scrollBoundary: ut,
+      scrollBoundary: St,
       editClosed: (e) => {
         const {
           fullData: o = []
         } = e.$grid.getTableData(), {
           isDataCloneDeep: r
-        } = t(a);
-        c("update:modelValue", r ? Bt(o) : o), c("edit-closed", e);
+        } = t(d);
+        f("update:modelValue", r ? Mt(o) : o), f("edit-closed", e);
       }
     }));
-    async function at(e) {
-      l.setState(e);
+    async function mt(e) {
+      i.setState(e);
     }
-    function xe() {
-      F(() => {
+    function Pe() {
+      B(() => {
         var e;
-        (e = t(p)) == null || e.recalculate(!0);
+        (e = t(b)) == null || e.recalculate(!0);
       });
     }
-    function it(e, o) {
-      e && (ce.value[o] = e);
+    function bt(e, o) {
+      e && (ge.value[o] = e);
     }
-    async function ct(e) {
+    async function ht(e) {
       if (!e.sortable) {
-        c("sort-change", {
-          order: _(e).order || "desc",
-          originOrder: _(e).order,
-          ...N(_(e), ["order"])
+        f("sort-change", {
+          order: I(e).order || "desc",
+          originOrder: I(e).order,
+          ...G(I(e), ["order"])
         });
         return;
       }
-      const o = p.value;
+      const o = b.value;
       switch (e.order) {
         case "desc":
           await (o == null ? void 0 : o.sort(e.field, "asc"));
@@ -302,333 +379,334 @@ const no = ["data-testid", "data-table-columns"], ao = ["onClick"], io = {
         default:
           await (o == null ? void 0 : o.sort(e.field, "desc"));
       }
-      c("sort-change", {
-        order: _(e).order || "desc",
-        originOrder: _(e).order,
-        ...N(_(e), ["order"])
-      }), be();
+      f("sort-change", {
+        order: I(e).order || "desc",
+        originOrder: I(e).order,
+        ...G(I(e), ["order"])
+      }), Ce();
     }
-    function dt(e) {
-      c("scroll", e), ((e == null ? void 0 : e.type) === "body" || (e == null ? void 0 : e.type) === "table") && Ue(e == null ? void 0 : e.scrollTop);
+    function yt(e) {
+      f("scroll", e), ((e == null ? void 0 : e.type) === "body" || (e == null ? void 0 : e.type) === "table") && et(e == null ? void 0 : e.scrollTop);
     }
-    function ut(e) {
-      var f;
-      c("scroll-boundary", e);
+    function St(e) {
+      var a;
+      f("scroll-boundary", e);
       const {
         isScrollFetch: o
-      } = t(a), {
+      } = t(d), {
         isBottom: r
       } = e;
       if (!o || !r || W.value) return;
       const {
-        currentPage: s = 0,
-        total: i = 0
-      } = t(I), {
-        fullData: n = []
-      } = ((f = t(p)) == null ? void 0 : f.getTableData()) || {};
-      i <= n.length || X({
-        currentPage: s + 1
+        currentPage: n = 0,
+        total: s = 0
+      } = t(N), {
+        fullData: l = []
+      } = ((a = t(b)) == null ? void 0 : a.getTableData()) || {};
+      s <= l.length || ee({
+        currentPage: n + 1
       });
     }
-    function ft(e) {
-      c("toggle-row-expand", e), setTimeout(() => {
-        Ae(!1);
+    function xt(e) {
+      f("toggle-row-expand", e), setTimeout(() => {
+        Ze(!1);
       }, 30);
     }
-    const pt = (e) => {
-      var i;
+    const vt = (e) => {
+      var s;
       const {
         visible: o,
         column: r
       } = e, {
-        filterExclude: s = []
+        filterExclude: n = []
       } = r.filterRender.props || {};
-      o && ((i = t(le)) == null || i.hidePopper(), F(() => {
-        var S, x, U, Y;
-        const n = (S = e == null ? void 0 : e.$event) == null ? void 0 : S.target, f = (U = (x = n == null ? void 0 : n.parentNode) == null ? void 0 : x.parentNode) == null ? void 0 : U.parentNode;
-        (Y = t(le)) == null || Y.showPopper(f), Object.assign(Oe.value, {
+      o && ((s = t(ie)) == null || s.hidePopper(), B(() => {
+        var c, u, m, w;
+        const l = (c = e == null ? void 0 : e.$event) == null ? void 0 : c.target, a = (m = (u = l == null ? void 0 : l.parentNode) == null ? void 0 : u.parentNode) == null ? void 0 : m.parentNode;
+        (w = t(ie)) == null || w.showPopper(a), Object.assign(Ve.value, {
           column: e.column,
           $event: e.$event,
           $table: e.$table,
           $grid: e.$grid,
-          filterExclude: s
+          filterExclude: n
         });
-      })), c("filter-visible", e);
+      })), f("filter-visible", e);
     };
-    F(() => {
+    B(() => {
       const {
         autoHeight: e
-      } = t(a);
-      e && xe();
+      } = t(d);
+      e && Pe();
     });
-    const R = {
-      reload: Je,
-      setProps: at,
-      setTableColumns: tt,
-      setPagination: X,
-      setLoading: de,
-      redoHeight: xe,
-      getDataSource: qe,
-      getPagination: De,
-      getSelectRowKeys: je,
-      getSelectRows: Le,
-      getTableInstance: () => t(p),
+    const O = {
+      reload: rt,
+      setProps: mt,
+      setTableColumns: ct,
+      setPagination: ee,
+      setLoading: me,
+      redoHeight: Pe,
+      getDataSource: nt,
+      getPagination: je,
+      getSelectRowKeys: qe,
+      getSelectRows: Ye,
+      getTableInstance: () => t(b),
       getLoading: W,
-      getTableColumns: ye,
-      setSelectedRowKeys: Ne,
-      clearSelectedRowKeys: Z,
-      selectedKeys: Q,
-      selectedRows: ue,
-      ...ve
+      getTableColumns: we,
+      setSelectedRowKeys: Je,
+      clearSelectedRowKeys: oe,
+      selectedKeys: te,
+      selectedRows: be,
+      ...Te
     };
-    oo({
-      ...R,
-      wrapRef: G,
-      getBindValues: y
-    }), Ie({
-      ...R,
-      xGrid: p
-    }), h && c("register", R, `${h == null ? void 0 : h.uid}`), M(() => W.value, (e) => {
-      l.setProxyState({
+    co({
+      ...O,
+      wrapRef: k,
+      getBindValues: C
+    }), Be({
+      ...O,
+      xGrid: b
+    }), x && f("register", O, `${x == null ? void 0 : x.uid}`), J(() => W.value, (e) => {
+      i.setProxyState({
         loading: e
-      }), F(() => {
+      }), B(() => {
         var o;
-        h && ((o = R.emitLoading) == null || o.call(R, e, h == null ? void 0 : h.uid));
+        x && ((o = O.emitLoading) == null || o.call(O, e, x == null ? void 0 : x.uid));
       });
     });
-    function mt(e) {
+    function Ct(e) {
       return Object.fromEntries(Object.entries(e).filter(([o]) => !o.startsWith("on")));
     }
-    function gt(e, o) {
+    function wt(e, o) {
       return Object.fromEntries(Object.keys(e).map((r) => [r, o[r]]));
     }
-    function ht(e) {
+    function Tt(e) {
       return e.column.slots.title;
     }
-    M(() => N(b, ["tableApi", "formApi"]), () => {
-      var n;
-      const e = {}, o = ((n = h == null ? void 0 : h.vnode) == null ? void 0 : n.props) || {}, r = new Set(Object.keys(b));
-      for (const [f, S] of Object.entries(o)) {
-        const x = It(f);
-        r.has(x) && (e[x] = S);
+    J(() => G(v, ["tableApi", "formApi"]), () => {
+      var l;
+      const e = {}, o = ((l = x == null ? void 0 : x.vnode) == null ? void 0 : l.props) || {}, r = new Set(Object.keys(v));
+      for (const [a, c] of Object.entries(o)) {
+        const u = Vt(a);
+        r.has(u) && (e[u] = c);
       }
-      const s = mt(e), i = gt(s, b);
-      l.setState(i);
+      const n = Ct(e), s = wt(n, v);
+      i.setState(s);
     }, {
       deep: !0
-    }), M(() => Q.value, (e) => {
-      l.setProxyState({
+    }), J(() => te.value, (e) => {
+      i.setProxyState({
         selectedKeys: e,
-        selectedRows: t(ue)
+        selectedRows: t(be)
       });
     });
-    const bt = v(() => $e(q.value, "table-toolbar"));
-    return Tt(() => {
+    const kt = T(() => _e(Z.value, "table-toolbar"));
+    return _t(() => {
       var e;
-      l.setState({
-        modelValue: b.modelValue
-      }), (e = l.mount) == null || e.call(l, p.value, R), F(() => {
+      i.setState({
+        modelValue: v.modelValue
+      }), (e = i.mount) == null || e.call(i, b.value, O), document.addEventListener("keydown", fe, !0), B(() => {
         var r;
-        const o = (r = G.value) == null ? void 0 : r.querySelector(".vxe-toolbar");
-        o && o.setAttribute("data-testid", t(bt));
+        const o = (r = k.value) == null ? void 0 : r.querySelector(".vxe-toolbar");
+        o && o.setAttribute("data-testid", t(kt));
       });
-    }), kt(() => {
+    }), It(() => {
       var e;
-      (e = l == null ? void 0 : l.unmount) == null || e.call(l);
-    }), (e, o) => (d(), m("div", {
+      document.removeEventListener("keydown", fe, !0), (e = i == null ? void 0 : i.unmount) == null || e.call(i);
+    }), (e, o) => (p(), y("div", {
       ref_key: "wrapRef",
-      ref: G,
-      class: K([t($), t(se).class]),
-      "data-testid": Ve.value,
-      "data-table-columns": JSON.stringify(t(ye)().map((r) => ({
+      ref: k,
+      class: A([t(E), t(ae).class]),
+      "data-testid": Ae.value,
+      "data-table-columns": JSON.stringify(t(we)().map((r) => ({
         title: r.title,
         field: r.field
-      })))
-    }, [O(t(Nt), ee({
+      }))),
+      onKeydownCapture: de
+    }, [F(t(Yt), re({
       ref_key: "xGrid",
-      ref: p
-    }, ie.value, {
-      onFilterChange: o[2] || (o[2] = (r) => t(be)())
-    }, $t(nt.value), {
-      onFilterVisible: pt
-    }), Rt({
-      empty: u(() => [t(W) ? (d(), m("div", {
+      ref: b
+    }, pe.value, {
+      onFilterChange: o[2] || (o[2] = (r) => t(Ce)())
+    }, Dt(gt.value), {
+      onFilterVisible: vt
+    }), Nt({
+      empty: g(() => [t(W) ? (p(), y("div", {
         key: 1,
-        class: K(`${t($)}-empty-image`)
-      }, [w("span", null, L(C.emptyText || ""), 1)], 2)) : (d(), m("div", {
+        class: A(`${t(E)}-empty-image`)
+      }, [P("span", null, M(R.emptyText || ""), 1)], 2)) : (p(), y("div", {
         key: 0,
-        class: K(`${t($)}-empty-image`)
-      }, [t(Qe) || !a.value.api ? (d(), m(Te, {
+        class: A(`${t(E)}-empty-image`)
+      }, [t(lt) || !d.value.api ? (p(), y(Ee, {
         key: 0
-      }, [O(t(Re), {
-        style: k(Se.value),
-        status: C.emptyImageStatus
-      }, null, 8, ["style", "status"]), C.emptyText ? (d(), m("span", mo, L(C.emptyText), 1)) : V("", !0)], 64)) : (d(), m(Te, {
+      }, [F(t(Ie), {
+        style: $(ke.value),
+        status: R.emptyImageStatus
+      }, null, 8, ["style", "status"]), R.emptyText ? (p(), y("span", vo, M(R.emptyText), 1)) : V("", !0)], 64)) : (p(), y(Ee, {
         key: 1
-      }, [O(t(Re), {
-        style: k(Se.value),
-        status: C.emptyImageStatus
-      }, null, 8, ["style", "status"]), C.noSearchText ? (d(), m("span", go, L(C.noSearchText), 1)) : V("", !0)], 64))], 2))]),
-      left: u(() => [g(e.$slots, "left", {}, () => [t(z) ? (d(), te(t(ke), {
+      }, [F(t(Ie), {
+        style: $(ke.value),
+        status: R.emptyImageStatus
+      }, null, 8, ["style", "status"]), R.noSearchText ? (p(), y("span", Co, M(R.noSearchText), 1)) : V("", !0)], 64))], 2))]),
+      left: g(() => [S(e.$slots, "left", {}, () => [t(z) ? (p(), ne(t(Oe), {
         key: 0,
         ref_key: "leftSlotScrollbarRef",
-        ref: Ye,
+        ref: tt,
         "wrap-class": "overflow-hidden",
         class: "tt-table-left-right-scroll",
         height: `${t(z)}px`,
-        style: k({
-          width: `${a.value.leftSlotWidth}px`,
+        style: $({
+          width: `${d.value.leftSlotWidth}px`,
           height: `${t(z)}px`,
-          marginTop: `${t(me)}px`
+          marginTop: `${t(Se)}px`
         })
       }, {
-        default: u(() => [w("div", {
+        default: g(() => [P("div", {
           class: "float-left w-0",
-          style: k({
-            height: `${t(ge)}px`
+          style: $({
+            height: `${t(xe)}px`
           })
-        }, null, 4), w("div", {
-          style: k({
+        }, null, 4), P("div", {
+          style: $({
             width: "100%",
-            height: `${t(A)}px`,
-            marginTop: `${t(he)}`
+            height: `${t(q)}px`,
+            marginTop: `${t(ve)}`
           }),
           class: "relative"
-        }, [g(e.$slots, "tableLeft", j(J({
-          rowNodes: t(pe),
-          height: t(A)
+        }, [S(e.$slots, "tableLeft", j(X({
+          rowNodes: t(ye),
+          height: t(q)
         })))], 4)]),
         _: 3
       }, 8, ["height", "style"])) : V("", !0)])]),
-      right: u(() => [g(e.$slots, "right", {}, () => [t(z) ? (d(), te(t(ke), {
+      right: g(() => [S(e.$slots, "right", {}, () => [t(z) ? (p(), ne(t(Oe), {
         key: 0,
         ref_key: "rightSlotScrollbarRef",
-        ref: Me,
+        ref: ot,
         "wrap-class": "overflow-hidden",
         class: "tt-table-left-right-scroll",
         always: "",
         height: `${t(z)}px`,
-        style: k({
-          width: `${a.value.rightSlotWidth}px`,
+        style: $({
+          width: `${d.value.rightSlotWidth}px`,
           height: `${t(z)}px`,
-          marginTop: `${t(me)}px`
+          marginTop: `${t(Se)}px`
         })
       }, {
-        default: u(() => [w("div", {
+        default: g(() => [P("div", {
           class: "float-left w-0",
-          style: k({
-            height: `${t(ge)}px`
+          style: $({
+            height: `${t(xe)}px`
           })
-        }, null, 4), w("div", {
-          style: k({
+        }, null, 4), P("div", {
+          style: $({
             width: "100%",
-            height: `${t(A)}px`,
-            marginTop: `${t(he)}`
+            height: `${t(q)}px`,
+            marginTop: `${t(ve)}`
           }),
           class: "relative"
-        }, [g(e.$slots, "tableRight", j(J({
-          rowNodes: t(pe),
-          height: t(A)
+        }, [S(e.$slots, "tableRight", j(X({
+          rowNodes: t(ye),
+          height: t(q)
         })))], 4)]),
         _: 3
       }, 8, ["height", "style"])) : V("", !0)])]),
       _: 2
-    }, [oe(t(Ze), (r) => ({
+    }, [se(t(at), (r) => ({
       name: r,
-      fn: u((s) => [w("div", {
+      fn: g((n) => [P("div", {
         class: "flex items-center",
-        onClick: Pt((i) => ct(s.column), ["stop"])
-      }, [w("div", io, [g(e.$slots, ht(s), j(J(s)), () => [O(t(Mt), {
-        "tool-tip": st.value
+        onClick: zt((s) => ht(n.column), ["stop"])
+      }, [P("div", bo, [S(e.$slots, Tt(n), j(X(n)), () => [F(t(to), {
+        "tool-tip": ft.value
       }, {
-        default: u(() => [re(L(s.column.title), 1)]),
+        default: g(() => [le(M(n.column.title), 1)]),
         _: 2
-      }, 1032, ["tool-tip"])])]), s.column.sortable ? (d(), m("div", {
+      }, 1032, ["tool-tip"])])]), n.column.sortable ? (p(), y("div", {
         key: 0,
-        class: K(["flex-x", {
-          "is-order": s.column.order,
-          [`${t($)}-custom-sort`]: !0
+        class: A(["flex-x", {
+          "is-order": n.column.order,
+          [`${t(E)}-custom-sort`]: !0
         }])
-      }, [s.column.order === "asc" ? (d(), m("img", {
+      }, [n.column.order === "asc" ? (p(), y("img", {
         key: 0,
-        src: t(Yt)
-      }, null, 8, co)) : s.column.order === "desc" ? (d(), m("img", {
+        src: t(eo)
+      }, null, 8, ho)) : n.column.order === "desc" ? (p(), y("img", {
         key: 1,
-        src: t(At)
-      }, null, 8, uo)) : (d(), m("img", {
+        src: t(Qt)
+      }, null, 8, yo)) : (p(), y("img", {
         key: 2,
-        src: t(Ut)
-      }, null, 8, fo))], 2)) : V("", !0)], 8, ao)])
-    })), oe(Object.keys(e.$slots), (r) => ({
+        src: t(Zt)
+      }, null, 8, So))], 2)) : V("", !0)], 8, mo)])
+    })), se(Object.keys(e.$slots), (r) => ({
       name: r,
-      fn: u((s) => [r.includes("action") ? (d(), te(t(Jt), {
+      fn: g((n) => [r.includes("action") ? (p(), ne(t(oo), {
         key: 0,
-        "row-index": s.$rowIndex
+        "row-index": n.$rowIndex
       }, {
-        default: u(() => [g(e.$slots, r, ee(s, {
-          rowIndex: s.$rowIndex
+        default: g(() => [S(e.$slots, r, re(n, {
+          rowIndex: n.$rowIndex
         }))]),
         _: 2
-      }, 1032, ["row-index"])) : g(e.$slots, r, j(ee({
+      }, 1032, ["row-index"])) : S(e.$slots, r, j(re({
         key: 1
-      }, s)))])
-    })), y.value.showTableAlert ? {
+      }, n)))])
+    })), C.value.showTableAlert ? {
       name: "top",
-      fn: u(() => [w("div", {
-        class: K(`${t($)}-top-alert`)
-      }, [o[3] || (o[3] = re(" 已选中 ", -1)), w("span", po, L(t(Be).length), 1), o[4] || (o[4] = re(" 条 ", -1)), g(e.$slots, "top_title")], 2)]),
+      fn: g(() => [P("div", {
+        class: A(`${t(E)}-top-alert`)
+      }, [o[3] || (o[3] = le(" 已选中 ", -1)), P("span", xo, M(t(Ge).length), 1), o[4] || (o[4] = le(" 条 ", -1)), S(e.$slots, "top_title")], 2)]),
       key: "0"
-    } : void 0, t(E).toolbar_buttons ? {
+    } : void 0, t(D).toolbar_buttons ? {
       name: "toolbar_buttons",
-      fn: u(() => [g(e.$slots, "toolbar_buttons")]),
+      fn: g(() => [S(e.$slots, "toolbar_buttons")]),
       key: "1"
-    } : void 0, t(E).toolbar_tools ? {
+    } : void 0, t(D).toolbar_tools ? {
       name: "toolbar_tools",
-      fn: u(() => [g(e.$slots, "toolbar_tools")]),
+      fn: g(() => [S(e.$slots, "toolbar_tools")]),
       key: "2"
-    } : void 0, oe(t(et), (r) => ({
+    } : void 0, se(t(it), (r) => ({
       name: r,
-      fn: u(({
-        content: s,
-        rowIndex: i,
-        columnIndex: n,
-        column: f,
-        fixed: S
-      }) => [!S || S === f.fixed ? (d(), m("div", {
+      fn: g(({
+        content: n,
+        rowIndex: s,
+        columnIndex: l,
+        column: a,
+        fixed: c
+      }) => [!c || c === a.fixed ? (p(), y("div", {
         key: 0,
-        ref: (x) => it(x, `valid_${i}_${n}`),
+        ref: (u) => bt(u, `valid_${s}_${l}`),
         class: "h-full w-full"
-      }, [O(t(Ft), {
-        placement: a.value.toolTipErrorPlacement,
-        "err-msg": s,
-        "ref-dom": ce.value[`valid_${i}_${n}`]
+      }, [F(t(Gt), {
+        placement: d.value.toolTipErrorPlacement,
+        "err-msg": n,
+        "ref-dom": ge.value[`valid_${s}_${l}`]
       }, null, 8, ["placement", "err-msg", "ref-dom"])], 512)) : V("", !0)])
-    })), y.value.showPager ? {
+    })), C.value.showPager ? {
       name: "pager",
-      fn: u(() => {
-        var r, s, i, n;
-        return [O(t(Lt), {
-          "current-page": t(H).currentPage,
-          "onUpdate:currentPage": o[0] || (o[0] = (f) => t(H).currentPage = f),
-          "page-size": t(H).pageSize,
-          "onUpdate:pageSize": o[1] || (o[1] = (f) => t(H).pageSize = f),
-          "page-sizes": (r = t(I)) == null ? void 0 : r.pageSizes,
-          layouts: (s = t(I)) == null ? void 0 : s.layouts,
-          total: ((i = t(I)) == null ? void 0 : i.total) || t(Xe).length,
-          size: (n = t(I)) == null ? void 0 : n.size,
-          "class-name": `${t($)}-vxe-pager`,
-          onPageChange: t(He)
+      fn: g(() => {
+        var r, n, s, l;
+        return [F(t(qt), {
+          "current-page": t(L).currentPage,
+          "onUpdate:currentPage": o[0] || (o[0] = (a) => t(L).currentPage = a),
+          "page-size": t(L).pageSize,
+          "onUpdate:pageSize": o[1] || (o[1] = (a) => t(L).pageSize = a),
+          "page-sizes": (r = t(N)) == null ? void 0 : r.pageSizes,
+          layouts: (n = t(N)) == null ? void 0 : n.layouts,
+          total: ((s = t(N)) == null ? void 0 : s.total) || t(st).length,
+          size: (l = t(N)) == null ? void 0 : l.size,
+          "class-name": `${t(E)}-vxe-pager`,
+          onPageChange: t(Me)
         }, {
-          left: u(() => [g(e.$slots, "pager_left", j(J({
-            selectedKeys: t(Q)
-          }))), g(e.$slots, "buttom_left")]),
+          left: g(() => [S(e.$slots, "pager_left", j(X({
+            selectedKeys: t(te)
+          }))), S(e.$slots, "buttom_left")]),
           _: 3
         }, 8, ["current-page", "page-size", "page-sizes", "layouts", "total", "size", "class-name", "onPageChange"])];
       }),
       key: "3"
-    } : void 0]), 1040)], 10, no));
+    } : void 0]), 1040)], 42, go));
   }
 });
 export {
-  or as default
+  cr as default
 };