@dazhicheng/ui 1.5.265 → 1.6.0

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

@@ -1,282 +1,137 @@
+import { GlobalConfig as W } from "../../../../hooks/useSetup.js";
 import "axios";
-import { ElMessage as G } from "element-plus";
+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 { ref as x, shallowRef as Y, computed as T, unref as n, watch as E, toValue as R, watchEffect as ee, onUnmounted as ne, nextTick as te } from "vue";
-import { calcWordsWidth as oe } from "../../../../packages/utils/src/tool.js";
+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";
 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 { isEqual as U, debounce as B, cloneDeep as L, flattenDeep as le, isArray as ie, isFunction as se } from "lodash-es";
-import { GlobalConfig as ue } from "../../../../hooks/useSetup.js";
-function S(e) {
-  var u;
-  const s = L(e || []);
-  for (let t = 0; t < (e || []).length; t++) {
-    const i = e[t];
-    i != null && i.slots && (s[t].slots = { ...i.slots }), i != null && i.children && ((u = s[t]) != null && u.children) && (s[t].children = S(i.children));
-  }
-  return s;
-}
-function ce(e) {
-  const {
-    showCheckbox: s,
-    showIndex: u,
-    showExpand: t,
-    showRadio: i,
-    indexColumnProps: h,
-    checkboxColumnProps: b,
-    expandColumnProps: W,
-    radioColumnProps: C
-  } = n(e), a = [];
-  return u && a.unshift({
-    type: "seq",
-    title: "序号",
-    width: 48,
-    resizable: !1,
-    align: "center",
-    fixed: "left",
-    ...h
-  }), i && a.unshift({
-    type: "radio",
-    width: 48,
-    resizable: !1,
-    align: "center",
-    fixed: "left",
-    ...C
-  }), s && a.unshift({
-    type: "checkbox",
-    width: 48,
-    resizable: !1,
-    align: "center",
-    fixed: "left",
-    ...b
-  }), t && a.push({
+import "lodash-es";
+const v = { resizable: !1, align: "center", fixed: "left" };
+function L(e) {
+  const i = [], { showCheckbox: s, showIndex: r, showExpand: u, showRadio: m } = e;
+  return r && i.unshift({ type: "seq", title: "序号", width: 48, ...v, ...e.indexColumnProps }), m && i.unshift({ type: "radio", width: 48, ...v, ...e.radioColumnProps }), s && i.unshift({ type: "checkbox", width: 48, ...v, ...e.checkboxColumnProps }), u && i.push({
     type: "expand",
     width: 20,
-    resizable: !1,
-    align: "center",
-    fixed: "left",
+    ...v,
     padding: !1,
     slots: { content: "expand-content" },
-    ...W
-  }), a;
+    ...e.expandColumnProps
+  }), i;
 }
-function re(e) {
-  const { showAction: s, actionProps: u, actionWidth: t, actionTitle: i } = n(e);
-  return s ? [
+function M(e) {
+  const { showAction: i, actionProps: s, actionWidth: r, actionTitle: u } = e;
+  return i ? [
     {
       field: "action",
-      title: i || "操作",
-      width: t,
+      title: u || "操作",
+      width: r,
       resizable: !1,
       fixed: "right",
       showOverflow: !1,
       slots: { default: "action" },
-      ...u
+      ...s
     }
   ] : [];
 }
-function de(e, s) {
-  const u = (t, i) => {
-    if (t.sortable && i) {
-      const h = `${t.field}_header`;
-      return s.value.push(h), Object.assign(t, {
-        slots: {
-          ...t.slots,
-          header: h
-        }
-      });
-    }
-    return t;
+function P(e, i) {
+  const s = /* @__PURE__ */ new Set(), r = (u) => {
+    u.forEach((m) => {
+      var w, f;
+      const x = (w = m.slots) == null ? void 0 : w[i];
+      G(x) && s.add(x), (f = m.children) != null && f.length && r(m.children);
+    });
   };
-  return e.children && (e.children = e.children.map((t) => u(t, !1))), u(e, e.field !== "action");
-}
-function ae(e, s, u) {
-  if (u.value.length) {
-    const i = e.editRender && u.value.includes(e.field || "") ? `${e.field}_Valid` : void 0;
-    return i ? (s.value.push(i), Object.assign(e, {
-      slots: {
-        ...e.slots,
-        valid: i
-      }
-    })) : e;
-  }
-  return e;
+  return r(e), [...s];
 }
-function he(e) {
-  const u = document.getElementsByTagName("body")[0], t = window.getComputedStyle(u).fontFamily;
-  return e.minWidth = e.minWidth === "auto" ? (oe(e.title, "12px", t) + 60).toFixed(0) : e.minWidth, e;
-}
-function fe({
-  propsRef: e,
-  item: s,
-  validSolts: u,
-  titleSolts: t,
-  validRulesKeys: i
-  // httpFieldSolts,
-  // httpFieldEditSolts,
-}) {
-  var g;
-  const { columnsFieldSort: h, columnsFieldNoSort: b, isCellSort: W, isCellResize: C, customizeColumn: a } = n(e);
-  let p = W;
-  h.length > 0 && (p = h.includes(s.field)), b.length > 0 && (p = !b.includes(s.field));
-  let d = {
-    minWidth: 80,
-    sortable: p,
-    resizable: C,
-    ...s
-  };
-  const m = a || ((g = ue.table) == null ? void 0 : g.customizeColumn);
-  return m && se(m) && (d = m(d)), d = de(d, t), d = ae(d, u, i), d = he(d), d;
+function T(e) {
+  return e.some(
+    (i) => {
+      var s;
+      return i.type === "expand" || !!((s = i.children) != null && s.length) && T(i.children);
+    }
+  );
 }
-function Pe(e, {
-  xGrid: s,
-  tableWidth: u
-}, t) {
-  const i = x([]), h = x([]), b = x([]), W = x([]), C = x([]), a = x([]), p = Y(!0), d = x(!1);
-  let m = null, g = [];
-  function j(l) {
-    var c;
-    const o = { ...l };
-    return (c = o.children) != null && c.length && (o.children = o.children.map((v) => j(v))), fe({
-      propsRef: e,
-      item: o,
-      titleSolts: h,
-      validSolts: b,
-      validRulesKeys: W
-      // httpFieldSolts,
-      // httpFieldEditSolts,
-    });
-  }
-  const q = T(() => {
-    const l = S(n(i));
-    return l ? l.map((c) => j(c)) : [];
-  }), H = () => ({
-    leftColumn: n(C),
-    actionColumn: n(a)
+function at(e, i, s) {
+  const r = K([]), u = U(!1), m = d(() => {
+    const { customizeColumn: t, editRules: l } = o(e);
+    return {
+      customizeColumn: t,
+      /** 需要展示校验插槽的字段 */
+      validFields: Object.keys(l || {})
+    };
+  }), x = d(() => {
+    const { columnsFieldSort: t = [], columnsFieldNoSort: l = [], isCellSort: a } = o(e);
+    return { columnsFieldSort: t, columnsFieldNoSort: l, isCellSort: a };
   });
-  function D(l) {
-    const o = S(l);
-    if (ie(o)) {
-      if (o.length <= 0) {
-        i.value = [];
-        return;
-      }
-      i.value = g = o;
-    }
+  function w(t) {
+    const { columnsFieldSort: l, columnsFieldNoSort: a, isCellSort: p } = o(x);
+    return a.length ? !a.includes(t) : l.length ? l.includes(t) : !!p;
   }
-  function $() {
-    return g;
+  function f(t, l = !1) {
+    var y, C;
+    const { customizeColumn: a, validFields: p } = o(m), S = _(t.sortable) ? t.sortable : w(t.field);
+    let n = { minWidth: 80, ...t, sortable: S };
+    (y = n.children) != null && y.length && (n.children = n.children.map((g) => f(g, !0)));
+    const c = a || ((C = W.table) == null ? void 0 : C.customizeColumn);
+    return j(c) && (n = c(n)), !l && n.sortable && n.field !== "action" && (n.slots = { ...n.slots, sort: `${n.field}_sort` }), n.editRender && p.includes(n.field || "") && (n.slots = { ...n.slots, valid: `${n.field}_Valid` }), n;
   }
-  function N(l) {
-    te(() => {
-      const o = n(s);
-      o && o.reloadColumn(le(l));
-    });
+  const F = d(() => L(o(e))), k = d(() => M(o(e))), N = d(() => o(r).map((t) => f(t))), h = d(() => [...o(F), ...o(N), ...o(k)]), A = d(() => T(o(h))), D = d(() => P(o(h), "sort")), $ = d(() => P(o(h), "valid"));
+  function z(t) {
+    q(t) && (r.value = t.length ? J.clone(t, !0) : []);
   }
-  function V(l) {
-    m || (m = n(s).$el.querySelector(".vxe-table--scroll-y-virtual"));
-    const o = [...n(C), ...n(a)], { column: c } = l, { tableColumn: v } = n(s).getTableColumn(), w = L(
-      v.filter((r) => !o.map((f) => (f == null ? void 0 : f.type) || f.field).includes((r == null ? void 0 : r.type) || r.field))
-    ), F = o.reduce((r, f) => r + (f.width || 0), 0), I = (n(u) || 0) - F, A = w.filter((r) => r.field !== c.field).reduce((r, f) => r + Number(f.renderWidth), 0), y = I - A;
-    if (c.resizeWidth < y) {
-      const r = (m == null ? void 0 : m.offsetWidth) || 0;
-      c.resizeWidth = y - r, c.renderWidth = c.resizeWidth, n(s).setColumnWidth(w, c.resizeWidth), G.warning("不能小于拖动的最小宽度，会导致表格右侧空白");
-    }
-    const k = w == null ? void 0 : w.find((r) => r.field === c.field);
-    k && (k.width = c.resizeWidth);
-  }
-  function J(l) {
-    V(l), t("resizable-change", l);
+  function E() {
+    return o(r);
   }
-  function K(l) {
-    V(l), t("column-resizable-change", l);
-  }
-  function Q(l) {
-    var _;
-    d.value = !0;
-    const o = [], { showAction: c, showCheckbox: v, showIndex: w, showRadio: F, showExpand: I } = n(e);
-    c && o.push("action"), v && o.push("checkbox"), w && o.push("seq"), F && o.push("radio"), I && o.push("expand");
-    const { collectColumn: A } = ((_ = l.$grid) == null ? void 0 : _.getTableColumn()) || { collectColumn: [] }, y = A.filter((P) => !o.includes(P.field) && !o.includes(P.type)), k = $();
-    function r(P, X) {
-      const M = [];
-      return P.forEach((O) => {
-        const z = X.find((Z) => Z.field === O.field);
-        z && (O.children && z.children && (z.children = r(O.children, z.children)), M.push(z));
-      }), M;
+  function B(t) {
+    var n;
+    u.value = !0;
+    const l = [
+      ...o(F).map((c) => c.type),
+      ...o(k).map((c) => c.field)
+    ], { collectColumn: a = [] } = ((n = t.$grid) == null ? void 0 : n.getTableColumn()) || {}, p = a.filter(
+      (c) => !l.includes(c.field) && !l.includes(c.type)
+    );
+    function S(c, y) {
+      const C = [];
+      return c.forEach((g) => {
+        const b = y.find((V) => V.field === g.field);
+        b && (g.children && b.children && (b.children = S(g.children, b.children)), C.push(b));
+      }), C;
     }
-    const f = r(y, k);
-    D(f), t("column-dragend", l);
+    z(S(p, E())), s("column-dragend", t), O(() => u.value = !1);
   }
-  return E(
-    T(() => R(n(e).columns)),
-    (l, o) => {
-      if (!U(l, o)) {
-        const c = S(l || []);
-        i.value = g = c || [];
-      }
-    },
-    {
-      deep: !0,
-      immediate: !0
-    }
-  ), E(
-    () => [C.value, q.value, a.value],
-    (l, o) => {
-      if (n(d))
-        return d.value = !1, !1;
-      p.value && (N(l), p.value = !1), U(l, o) || N(l);
-    },
-    { deep: !0 }
-  ), ee(() => {
-    n(e).editRules && (W.value = Object.keys(n(e).editRules));
-  }), E(
-    T(() => [
-      n(e).showCheckbox,
-      n(e).showRadio,
-      n(e).showIndex,
-      n(e).showExpand,
-      n(e).indexColumnProps,
-      n(e).checkboxColumnProps,
-      n(e).radioColumnProps,
-      n(e).expandColumnProps,
-      n(e).isI18n
-    ]),
-    () => {
-      C.value = ce(e);
-    },
-    {
-      immediate: !0
-    }
-  ), E(
-    T(() => [
-      n(e).showAction,
-      n(e).actionProps,
-      n(e).actionWidth,
-      n(e).isI18n
-    ]),
-    () => {
-      a.value = re(e);
+  return I(
+    () => X(o(e).columns),
+    (t) => z(t || []),
+    { deep: !0, immediate: !0 }
+  ), I(
+    h,
+    (t) => {
+      o(u) || O(() => {
+        var l;
+        return (l = o(i)) == null ? void 0 : l.reloadColumn(t);
+      });
     },
-    {
-      immediate: !0
-    }
-  ), ne(() => {
-    g = [];
+    { immediate: !0 }
+  ), H(() => {
+    r.value = [];
   }), {
-    getColumnsRef: q,
-    getFixedColums: H,
-    titleSolts: h,
-    validSolts: b,
-    setTableColumns: D,
-    getTableColumns: $,
-    onResizableChange: B(J, 100),
-    onColumnResizableChange: B(K, 100),
-    onColumnDragend: Q
+    gridColumns: h,
+    hasExpandColumn: A,
+    sortIconSlots: D,
+    validSlots: $,
+    setTableColumns: z,
+    getTableColumns: E,
+    onColumnDragend: B
   };
 }
 export {
-  Pe as useColumns
+  at as useColumns
 };

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

@@ -0,0 +1,36 @@
+import { ComputedRef } from 'vue';
+import { VxeGridProps, VxeTablePropTypes } from 'vxe-table';
+import { Recordable } from '../../../../../../utils/src';
+import { TtTableProps } from '../types/table';
+/** 表格数据桥接回调。 */
+type GridPropsCallbacks = {
+    /** 当前最终列配置中是否存在展开列。 */
+    hasExpandColumn?: ComputedRef<boolean>;
+    /** 由列上 `summary` 声明生成的表尾合计方法，无声明时为 `undefined`。 */
+    footerSummaryMethod?: ComputedRef<undefined | VxeTablePropTypes.FooterMethod>;
+    /** 数据进入 VXE 前的行身份预处理。 */
+    prepareRows?: (rows: Recordable | Recordable[]) => void;
+    /** 将业务行配置转换为 VXE 使用的私有行身份配置。 */
+    toVxeRowConfig?: (rowConfig?: VxeTablePropTypes.RowConfig<Recordable>) => VxeTablePropTypes.RowConfig<Recordable>;
+    /** 树懒加载完成后的数据提交回调。 */
+    onTreeLoadResolved?: () => void;
+};
+/**
+ * vxe-grid 的绑定属性
+ *
+ * bindValues 是 tt-table 的完整配置（含自有 props），供模板与上下文读取；
+ * gridProps 是剔除自有 props 后真正透传给 vxe-grid 的属性，只依赖实际读取的响应式配置。
+ * @param propsRef 表格 props
+ * @param ctx 组件上下文
+ * @param ctx.attrs 组件 attrs
+ * @param ctx.slots 组件 slots
+ * @param callbacks 数据桥接回调
+ */
+export declare function useGridProps(propsRef: ComputedRef<TtTableProps>, { attrs, slots }: {
+    attrs: Recordable;
+    slots: Recordable;
+}, callbacks?: GridPropsCallbacks): {
+    bindValues: ComputedRef<TtTableProps>;
+    gridProps: ComputedRef<VxeGridProps<Recordable>>;
+};
+export {};

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

@@ -0,0 +1,121 @@
+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 = {
+  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 F({
+  $table: e,
+  column: i
+}) {
+  var d, h;
+  const t = (d = e == null ? void 0 : e.getEl) == null ? void 0 : d.call(e);
+  if (!t) return "auto";
+  const { visibleColumn: o = [] } = e.getTableColumn() || {}, a = o.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";
+}
+function B(e, { attrs: i, slots: t }, o = {}) {
+  const a = /* @__PURE__ */ new WeakMap(), { start: c } = H(() => {
+    var r;
+    return (r = o.onTreeLoadResolved) == null ? void 0 : r.call(o);
+  }, 0, {
+    immediate: !1
+  });
+  function l(r) {
+    const n = a.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;
+    };
+    return a.set(r, g), g;
+  }
+  const d = b(() => {
+    var M;
+    const {
+      checkboxConfig: r,
+      rowConfig: n,
+      columnConfig: g,
+      resizableConfig: p,
+      isCellResize: m,
+      showToolbar: C,
+      toolbarConfig: T = {},
+      showPager: W,
+      autoHeight: E,
+      virtualYConfig: w = {},
+      expandConfig: v = {},
+      treeConfig: s,
+      sortConfig: R,
+      showHeaderTooltip: z,
+      showCellTooltip: O,
+      showOverflow: V,
+      reserveSelection: Y,
+      footerMethod: _
+    } = f(e), u = {}, P = Object.hasOwn(w, "enabled") ? w.enabled : D({
+      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 = {
+      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), {
+      // 去除 data 与 columns，避免与内部数据、列管理冲突
+      ...y(f(e), ["data", "columns"]),
+      ...u,
+      virtualYConfig: { enabled: P, mode: "wheel", ...w },
+      // 表头 tooltip 由 vxe 负责：开启时翻译成 showHeaderOverflow: "tooltip"，
+      // 由它自己做溢出检测（scrollWidth > clientWidth）并弹层，样式走原生 headerTooltipConfig。
+      // 关闭时固定 false —— 一旦命中任意溢出值，vxe 会给表头单元格加 col--ellipsis 并把
+      // 内层 .vxe-cell 的高度从 minHeight 改成固定 height，表头高度算法就变了。
+      // 固定 false 也意味着调用方传入的 showHeaderOverflow 不参与判定，与改动前一致。
+      showHeaderOverflow: z ? "tooltip" : !1,
+      // 单元格 tooltip 同样交给 vxe，但与表头侧不对称：表头侧改动前无条件写死 false，
+      // 所以关闭时也固定 false；单元格侧改动前是原样透传，所以关闭时必须沿用原值，
+      // 否则会覆盖调用方传入的 showOverflow 与 GlobalConfig.table 的默认值。
+      showOverflow: O ? "tooltip" : V,
+      // 列宽调整由 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 },
+      // reserveSelection 开启时同时打开 vxe 的跨页保留存储，调用方显式配的 reserve 优先。
+      // 只有存储打开，useRowSelection 才能从 getCheckboxReserveRecords 读到跨页那部分。
+      // 关闭时不写 reserve 键，保持与改动前完全相同的配置对象（不覆盖 vxe 全局默认）。
+      checkboxConfig: { highlight: !1, ...Y ? { 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,
+      round: !0,
+      // 列上声明 summary 时自动开启表尾；没有任何列声明时不写这两个键，
+      // 表尾相关配置与改动前完全一致（vxe 的 showFooter 默认 false，表尾不渲染）。
+      ...x ? { showFooter: !0, footerMethod: x } : {},
+      // loading 由外层容器接管
+      loading: !1
+    };
+  }), h = b(() => y({ ...i, ...f(d) }, K));
+  return { bindValues: d, gridProps: h };
+}
+export {
+  B as useGridProps
+};

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

@@ -0,0 +1,11 @@
+import { Ref } from 'vue';
+/**
+ * 表格键盘导航
+ *
+ * vxe 的固定列会被拆分到不同的 DOM 容器中，浏览器默认的 Tab 顺序会在固定列与
+ * 主体列之间来回跳；这里按视觉位置重排 Tab 顺序，并处理与表格外控件、相邻表格的衔接。
+ * @param wrapRef 表格容器
+ */
+export declare function useKeyboardNav(wrapRef: Ref<null | HTMLElement>): {
+    onTableKeydown: (event: KeyboardEvent) => void;
+};

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

@@ -0,0 +1,97 @@
+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 "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";
+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";
+const f = 'button:not([disabled]):not([tabindex="-1"]),input:not([disabled]),select:not([disabled]),textarea:not([disabled])';
+function b(i) {
+  const d = window.getComputedStyle(i);
+  return d.display !== "none" && d.visibility !== "hidden" && !!i.offsetParent;
+}
+function k(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"]');
+      if (!s) return !0;
+      const c = s.getBoundingClientRect();
+      return !o.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;
+    }) : [];
+  }
+  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);
+    });
+    return t ? n[0] : n[n.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];
+  }
+  function T(t = i.value) {
+    return t ? Array.from(t.querySelectorAll(f)).filter(
+      (e) => !e.closest(".vxe-table") && b(e)
+    ) : [];
+  }
+  function m(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;
+    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 r = e.closest(".tt-table");
+    if (r && r !== n) return;
+    if (n.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];
+    if (!c) return;
+    const l = Array.from(document.querySelectorAll(f)).filter(
+      (p) => !p.closest('[class*="table-action"]') && b(p)
+    ), u = l.indexOf(o);
+    if (u < 0) return;
+    const a = l[u + (t.shiftKey ? -1 : 1)];
+    !a || !n.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
+};