@vtable-guild/vtable-guild 2.6.4 → 2.7.0

package/dist/table/src/components/Table.mjs

@@ -1,47 +1,50 @@
-import { defineComponent as Pt, inject as Wt, computed as a, provide as Se, ref as S, onMounted as Kt, onBeforeUnmount as _t, watch as b, createVNode as n, Fragment as Mt, isVNode as jt } from "vue";
+import { defineComponent as zt, inject as Pt, computed as a, provide as Ee, ref as S, onMounted as Wt, onBeforeUnmount as Mt, watch as b, createVNode as n, Fragment as jt, isVNode as Vt } from "vue";
 import "../../../core/src/utils/tv.mjs";
-import { prefixThemeConfig as Vt, prefixVtgClassNames as B } from "../../../core/src/utils/classPrefix.mjs";
-import { devWarn as Yt } from "../../../core/src/utils/devWarn.mjs";
-import { mergeThemeConfigs as R, useTheme as $t } from "../../../core/src/composables/useTheme.mjs";
-import { mergeDeep as N } from "../../../core/src/utils/mergeDeep.mjs";
-import be from "../../../core/src/components/Scrollbar.mjs";
-import { VTABLE_GUILD_INJECTION_KEY as Re } from "../../../core/src/plugin/index.mjs";
-import { resolveTooltipThemePreset as Ut, resolveScrollbarThemePreset as Gt, resolveRadioThemePreset as Xt, resolveInputThemePreset as Jt, resolveCheckboxThemePreset as qt, resolveButtonThemePreset as Qt, resolveTableThemePreset as Zt, resolveTableLocalePreset as el, resolveBuiltInTableLocale as tl } from "../../../theme/src/presets/index.mjs";
-import { antdvTableCompatClasses as ll } from "../../../theme/src/compat/antdv-table.mjs";
-import { getEllipsisConfig as ol } from "../utils/cell.mjs";
-import { getRootCompatClass as al } from "../utils/compat.mjs";
-import { useScroll as nl } from "../composables/useScroll.mjs";
-import { useAutoHeight as rl } from "../composables/useAutoHeight.mjs";
-import { useColumnMetrics as dl } from "../composables/useColumnMetrics.mjs";
-import { resolveFixedColumnRanges as il } from "../composables/useColumnWindow.mjs";
-import { useExpand as sl } from "../composables/useExpand.mjs";
-import { useResize as ul } from "../composables/useResize.mjs";
-import { useVirtual as cl, INVALID_SCROLL_Y_FALLBACK as fl } from "../composables/useVirtual.mjs";
-import { useTreeData as ml } from "../composables/useTreeData.mjs";
-import { useHoverState as pl } from "../composables/useHoverState.mjs";
-import { TABLE_CONTEXT_KEY as vl } from "../context.mjs";
-import { EXPAND_COLUMN as yl, SELECTION_COLUMN as wl } from "../constants.mjs";
-import { resolveTablePresetConfig as hl } from "../preset-config.mjs";
-import De from "./TableHeader.mjs";
-import Ee from "./TableBody.mjs";
-import xl from "./VirtualTableBody.mjs";
-import Ie from "./TableLoading.mjs";
-import F from "./ColGroup.mjs";
-import { antdvTableTheme as Cl } from "../../../theme/src/presets/antdv/table.mjs";
-import { useColumns as Te } from "../composables/useColumns.mjs";
-import { useSorter as gl } from "../composables/useSorter.mjs";
-import { useFilter as Sl } from "../composables/useFilter.mjs";
-import { useSelection as bl } from "../composables/useSelection.mjs";
-import { cn as x } from "tailwind-variants";
-function He(l) {
-  return typeof l == "function" || Object.prototype.toString.call(l) === "[object Object]" && !jt(l);
+import { prefixThemeConfig as Yt, prefixVtgClassNames as A } from "../../../core/src/utils/classPrefix.mjs";
+import { devWarn as $t } from "../../../core/src/utils/devWarn.mjs";
+import { mergeThemeConfigs as D, useTheme as Ut } from "../../../core/src/composables/useTheme.mjs";
+import { mergeDeep as F } from "../../../core/src/utils/mergeDeep.mjs";
+import Ie from "../../../core/src/components/Scrollbar.mjs";
+import { VTABLE_GUILD_INJECTION_KEY as Te } from "../../../core/src/plugin/index.mjs";
+import { resolveTooltipThemePreset as Gt, resolveScrollbarThemePreset as Xt, resolveRadioThemePreset as Jt, resolveInputThemePreset as qt, resolveCheckboxThemePreset as Qt, resolveButtonThemePreset as Zt, resolveTableThemePreset as el, resolveTableLocalePreset as tl, resolveBuiltInTableLocale as ll } from "../../../theme/src/presets/index.mjs";
+import { antdvTableCompatClasses as ol } from "../../../theme/src/compat/antdv-table.mjs";
+import { filterVisibleColumns as al, applyColumnOrder as nl } from "../composables/useColumnDisplay.mjs";
+import { getEllipsisConfig as rl } from "../utils/cell.mjs";
+import { getRootCompatClass as dl } from "../utils/compat.mjs";
+import { resolveRowKey as il } from "../utils/rowKey.mjs";
+import { useScroll as sl } from "../composables/useScroll.mjs";
+import { useAutoHeight as ul } from "../composables/useAutoHeight.mjs";
+import { useColumnMetrics as cl } from "../composables/useColumnMetrics.mjs";
+import { resolveFixedColumnRanges as fl } from "../composables/useColumnWindow.mjs";
+import { useExpand as ml } from "../composables/useExpand.mjs";
+import { useResize as pl } from "../composables/useResize.mjs";
+import { useVirtual as vl, INVALID_SCROLL_Y_FALLBACK as wl } from "../composables/useVirtual.mjs";
+import { useTreeData as yl } from "../composables/useTreeData.mjs";
+import { useHoverState as hl } from "../composables/useHoverState.mjs";
+import { useRowDragSort as gl } from "../composables/useRowDragSort.mjs";
+import { TABLE_CONTEXT_KEY as Cl } from "../context.mjs";
+import { EXPAND_COLUMN as xl, SELECTION_COLUMN as Sl } from "../constants.mjs";
+import { resolveTablePresetConfig as bl } from "../preset-config.mjs";
+import He from "./TableHeader.mjs";
+import Be from "./TableBody.mjs";
+import Dl from "./VirtualTableBody.mjs";
+import Le from "./TableLoading.mjs";
+import O from "./ColGroup.mjs";
+import { antdvTableTheme as Rl } from "../../../theme/src/presets/antdv/table.mjs";
+import { useColumns as Ne } from "../composables/useColumns.mjs";
+import { useSorter as El } from "../composables/useSorter.mjs";
+import { useFilter as Il } from "../composables/useFilter.mjs";
+import { useSelection as Tl } from "../composables/useSelection.mjs";
+import { cn as h } from "tailwind-variants";
+function Ae(l) {
+  return typeof l == "function" || Object.prototype.toString.call(l) === "[object Object]" && !Vt(l);
 }
-const Rl = [["xxxl", 2e3], ["xxl", 1600], ["xl", 1200], ["lg", 992], ["md", 768], ["sm", 576], ["xs", 0]];
-function Le() {
+const Hl = [["xxxl", 2e3], ["xxl", 1600], ["xl", 1200], ["lg", 992], ["md", 768], ["sm", 576], ["xs", 0]];
+function Fe() {
   if (typeof window > "u")
     return /* @__PURE__ */ new Set(["md", "sm", "xs"]);
   const l = window.innerWidth, i = /* @__PURE__ */ new Set();
-  return Rl.forEach(([s, r]) => {
+  return Hl.forEach(([s, r]) => {
     if (s === "xs") {
       l < 576 && i.add("xs");
       return;
@@ -49,28 +52,28 @@ function Le() {
     l >= r && i.add(s);
   }), i;
 }
-function Be(l, i) {
+function Oe(l, i) {
   return l.reduce((s, r) => {
     if (typeof r == "symbol")
       return s.push(r), s;
     if (r.responsive?.length && !r.responsive.some((m) => i.has(m)))
       return s;
-    const y = r.fixed === !0 ? "left" : r.fixed;
+    const w = r.fixed === !0 ? "left" : r.fixed;
     if ("children" in r && Array.isArray(r.children)) {
-      const m = Be(r.children, i);
+      const m = Oe(r.children, i);
       return m.length === 0 || s.push({
         ...r,
-        fixed: y,
+        fixed: w,
         children: m
       }), s;
     }
-    return s.push(y === r.fixed ? r : {
+    return s.push(w === r.fixed ? r : {
       ...r,
-      fixed: y
+      fixed: w
     }), s;
   }, []);
 }
-const io = /* @__PURE__ */ Pt({
+const wo = /* @__PURE__ */ zt({
   name: "VTable",
   props: {
     dataSource: {
@@ -81,6 +84,10 @@ const io = /* @__PURE__ */ Pt({
       type: Array,
       default: () => []
     },
+    columnOrder: {
+      type: Array,
+      default: void 0
+    },
     rowKey: {
       type: [String, Function],
       default: "key"
@@ -105,6 +112,10 @@ const io = /* @__PURE__ */ Pt({
       type: Boolean,
       default: !0
     },
+    rowDraggable: {
+      type: Boolean,
+      default: !1
+    },
     tableLayout: {
       type: String,
       default: void 0
@@ -254,37 +265,38 @@ const io = /* @__PURE__ */ Pt({
   },
   emits: {
     change: (l, i, s) => !0,
-    resizeColumn: (l, i) => !0
+    resizeColumn: (l, i) => !0,
+    rowDragEnd: (l, i) => !0
   },
   slots: Object,
   setup(l, {
     slots: i,
     emit: s
   }) {
-    const r = Wt(Re, null), y = a(() => r?.themePreset ?? "antdv"), m = a(() => r?.cssMode ?? "prebuilt"), C = a(() => r?.classPrefix ?? "vtg"), Ne = a(() => {
-      const t = r?.theme ?? {}, o = y.value, d = (u) => Vt(u, m.value, C.value);
+    const r = Pt(Te, null), w = a(() => r?.themePreset ?? "antdv"), m = a(() => r?.cssMode ?? "prebuilt"), g = a(() => r?.classPrefix ?? "vtg"), Ke = a(() => {
+      const t = r?.theme ?? {}, o = w.value, d = (u) => Yt(u, m.value, g.value);
       return {
         ...t,
-        button: R(d(Qt(o)), t.button),
-        checkbox: R(d(qt(o)), t.checkbox),
-        input: R(d(Jt(o)), t.input),
-        radio: R(d(Xt(o)), t.radio),
-        scrollbar: R(d(Gt(o)), t.scrollbar),
-        tooltip: R(d(Ut(o)), t.tooltip)
+        button: D(d(Zt(o)), t.button),
+        checkbox: D(d(Qt(o)), t.checkbox),
+        input: D(d(qt(o)), t.input),
+        radio: D(d(Jt(o)), t.radio),
+        scrollbar: D(d(Xt(o)), t.scrollbar),
+        tooltip: D(d(Gt(o)), t.tooltip)
       };
     });
-    Se(Re, {
+    Ee(Te, {
       get themePreset() {
-        return y.value;
+        return w.value;
       },
       get cssMode() {
         return m.value;
       },
       get classPrefix() {
-        return C.value;
+        return g.value;
       },
       get theme() {
-        return Ne.value;
+        return Ke.value;
       },
       get locale() {
         return r?.locale ?? "zh-CN";
@@ -296,36 +308,36 @@ const io = /* @__PURE__ */ Pt({
         return r?.localeOverrides ?? {};
       }
     });
-    const Fe = a(() => Zt(y.value) ?? Cl), {
+    const ke = a(() => el(w.value) ?? Rl), {
       slots: e
-    } = $t("table", Fe, l, {
-      compatClasses: ll
-    }), D = r?.compatClass === !0 ? (t) => `ant-table-${t}` : void 0, A = a(() => l.locale ?? r?.locale ?? "zh-CN"), Ae = a(() => ({
+    } = Ut("table", ke, l, {
+      compatClasses: ol
+    }), R = r?.compatClass === !0 ? (t) => `ant-table-${t}` : void 0, K = a(() => l.locale ?? r?.locale ?? "zh-CN"), _e = a(() => ({
       ...r?.locales ?? {},
       ...l.locales ?? {}
-    })), ke = a(() => {
-      const t = el(y.value), o = tl(y.value, A.value), d = Ae.value[A.value]?.table, u = N(N(t, o), d);
-      return N(u, N(r?.localeOverrides?.table ?? {}, l.localeOverrides));
-    }), X = S(Le());
+    })), ze = a(() => {
+      const t = tl(w.value), o = ll(w.value, K.value), d = _e.value[K.value]?.table, u = F(F(t, o), d);
+      return F(u, F(r?.localeOverrides?.table ?? {}, l.localeOverrides));
+    }), q = S(Fe());
     function k() {
-      X.value = Le();
+      q.value = Fe();
     }
-    Kt(() => {
+    Wt(() => {
       k(), window.addEventListener("resize", k);
-    }), _t(() => {
+    }), Mt(() => {
       window.removeEventListener("resize", k);
     });
-    const J = a(() => Be(l.columns, X.value)), g = a(() => l.sticky === !0 ? {} : typeof l.sticky == "object" ? l.sticky : void 0), {
-      leafColumns: T
-    } = Te(() => J.value), {
-      getSortOrder: O,
-      toggleSortOrder: Oe,
-      sortData: ze,
-      sorterState: Pe,
-      sorterResult: q,
-      sortColumns: We
-    } = gl({
-      columns: () => T.value,
+    const Q = a(() => Oe(l.columns, q.value)), C = a(() => l.sticky === !0 ? {} : typeof l.sticky == "object" ? l.sticky : void 0), {
+      leafColumns: L
+    } = Ne(() => Q.value), {
+      getSortOrder: _,
+      toggleSortOrder: Pe,
+      sortData: We,
+      sorterState: Me,
+      sorterResult: Z,
+      sortColumns: je
+    } = El({
+      columns: () => L.value,
       tableSortDirections: () => l.sortDirections,
       onSorterChange(t) {
         const o = P();
@@ -335,16 +347,16 @@ const io = /* @__PURE__ */ Pt({
         });
       }
     }), {
-      getFilteredValue: Ke,
-      confirmFilter: _e,
-      resetFilter: Me,
+      getFilteredValue: Ve,
+      confirmFilter: Ye,
+      resetFilter: $e,
       getAllFilters: z,
-      filterData: je
-    } = Sl({
-      columns: () => T.value,
+      filterData: Ue
+    } = Il({
+      columns: () => L.value,
       onFilterChange(t) {
         const o = P();
-        s("change", t, q.value, {
+        s("change", t, Z.value, {
           action: "filter",
           currentDataSource: o
         });
@@ -352,156 +364,165 @@ const io = /* @__PURE__ */ Pt({
     });
     function P() {
       let t = l.dataSource;
-      return t = je(t), t = ze(t), t;
+      return t = Ue(t), t = We(t), t;
     }
     const W = a(() => P());
-    function H(t, o) {
-      return typeof l.rowKey == "function" ? l.rowKey(t) : typeof l.rowKey == "string" && l.rowKey in t ? t[l.rowKey] : o;
+    function E(t, o) {
+      const d = il(t, o, l.rowKey);
+      return l.rowKey === void 0 || typeof l.rowKey == "string" && l.rowKey in t, d;
     }
     const {
-      flattenData: Q,
-      rowMetaMap: Z,
-      isTreeData: K,
-      toggleTreeExpand: Ve,
-      isTreeExpanded: Ye,
-      indentSize: $e
-    } = ml({
+      flattenData: ee,
+      rowMetaMap: te,
+      isTreeData: M,
+      toggleTreeExpand: Ge,
+      isTreeExpanded: Xe,
+      indentSize: Je
+    } = yl({
       data: () => W.value,
       childrenColumnName: () => l.childrenColumnName,
       indentSize: () => l.indentSize,
-      getRowKey: H,
+      getRowKey: E,
       defaultExpandedRowKeys: () => l.defaultExpandedRowKeys,
       expandedRowKeys: () => l.expandedRowKeys,
       defaultExpandAllRows: () => l.defaultExpandAllRows,
       onExpand: l.onExpand,
       onExpandedRowsChange: l.onExpandedRowsChange
     }), {
-      hoverRange: Ue,
-      setHoverRange: Ge,
-      clearHoverRange: Xe
-    } = pl(100), p = a(() => K.value ? Q.value.map((t) => t.record) : W.value), {
-      isSelected: Je,
-      isDisabled: qe,
-      getSelectionState: Qe,
-      toggleRow: Ze,
-      toggleAll: et,
-      allCheckedState: tt,
-      invertSelection: lt,
-      clearSelection: ot,
-      getChangeableRowKeys: at
-    } = bl({
+      hoverRange: qe,
+      setHoverRange: Qe,
+      clearHoverRange: Ze
+    } = hl(100), N = gl({
+      enabled: () => l.rowDraggable === !0,
+      getRowKey: E,
+      dataSource: () => l.dataSource,
+      childrenColumnName: () => l.childrenColumnName,
+      onDrop(t, o) {
+        s("rowDragEnd", t, o);
+      }
+    }), p = a(() => M.value ? ee.value.map((t) => t.record) : W.value), {
+      isSelected: et,
+      isDisabled: tt,
+      getSelectionState: lt,
+      toggleRow: ot,
+      toggleAll: at,
+      allCheckedState: nt,
+      invertSelection: rt,
+      clearSelection: dt,
+      getChangeableRowKeys: it
+    } = Tl({
       rowSelection: () => l.rowSelection,
-      getRowKey: H,
+      getRowKey: E,
       data: () => W.value,
       visibleData: () => p.value,
       childrenColumnName: () => l.childrenColumnName,
       onSelectionChange() {
-        s("change", z(), q.value, {
+        s("change", z(), Z.value, {
           action: "select",
           currentDataSource: p.value
         });
       }
     }), {
-      isExpanded: nt,
-      toggleExpand: rt
-    } = sl({
+      isExpanded: st,
+      toggleExpand: ut
+    } = ml({
       expandable: () => l.expandable,
-      getRowKey: H,
+      getRowKey: E,
       data: () => p.value
-    }), ee = (t) => {
+    }), le = (t) => {
       const o = l.expandable;
       return o ? o.rowExpandable ? o.rowExpandable(t) : !!o.expandedRowRender : !1;
-    }, dt = (t, o) => {
-      ee(t) && rt(t, o);
-    }, it = "__vtg_selection__", st = "__vtg_expand__", ut = a(() => {
+    }, ct = (t, o) => {
+      le(t) && ut(t, o);
+    }, oe = "__vtg_selection__", ae = "__vtg_expand__", ft = a(() => {
       const t = l.expandable, o = l.rowSelection, d = t && t.showExpandColumn !== !1 ? {
-        key: st,
+        key: ae,
         title: "",
         width: t.columnWidth ?? 48,
         align: "center",
         fixed: t.fixed === !0 ? "left" : t.fixed
       } : null, u = o ? {
-        key: it,
+        key: oe,
         title: "",
         width: o.columnWidth ?? 48,
         align: "center",
         fixed: o.fixed === !0 ? "left" : o.fixed || void 0
-      } : null, w = [];
-      let h = !1, v = !1;
-      for (const c of J.value) {
-        if (c === yl) {
-          d && !h && (w.push(d), h = !0);
+      } : null, x = al(Q.value), y = [];
+      let v = !1, c = !1;
+      for (const B of x) {
+        if (B === xl) {
+          d && !v && (y.push(d), v = !0);
           continue;
         }
-        if (c === wl) {
-          u && !v && (w.push(u), v = !0);
+        if (B === Sl) {
+          u && !c && (y.push(u), c = !0);
           continue;
         }
-        w.push(c);
+        y.push(B);
       }
-      return d && !h && w.unshift(d), u && !v && w.unshift(u), w;
+      return d && !v && y.unshift(d), u && !c && y.unshift(u), nl(y, l.columnOrder, [oe, ae]);
     }), {
       leafColumns: f,
-      headerRows: _
-    } = Te(() => ut.value), ct = a(() => _.value.length > 1), {
-      columnWidths: M,
-      startResize: ft,
-      isResizing: mt
-    } = ul({
+      headerRows: j
+    } = Ne(() => ft.value), mt = a(() => j.value.length > 1), {
+      columnWidths: V,
+      startResize: pt,
+      isResizing: vt
+    } = pl({
       onResizeColumn(t, o) {
         s("resizeColumn", t, o);
       }
     }), {
-      headerWrapRef: j,
-      bodyWrapRef: te,
-      scrollState: le,
-      handleBodyScroll: oe,
-      fixedOffsets: ae,
-      syncHorizontalScroll: pt
-    } = nl({
+      headerWrapRef: Y,
+      bodyWrapRef: ne,
+      scrollState: re,
+      handleBodyScroll: de,
+      fixedOffsets: ie,
+      syncHorizontalScroll: wt
+    } = sl({
       displayColumns: () => f.value,
-      columnWidths: M
-    }), ne = a(() => al({
-      compatClass: D,
-      fixedOffsets: ae,
-      scrollState: le,
+      columnWidths: V
+    }), se = a(() => dl({
+      compatClass: R,
+      fixedOffsets: ie,
+      scrollState: re,
       empty: p.value.length === 0,
       fixedHeader: l.scroll?.y !== void 0,
-      fixedColumn: de.value && re.value,
-      horizontalScroll: de.value,
-      layoutFixed: V.value === "fixed"
-    })), E = a(() => l.scroll?.y === "auto"), vt = a(() => E.value || l.showHeader !== !1 && (!!l.scroll?.y || !!l.sticky)), re = a(() => f.value.some((t) => t.fixed === "left" || t.fixed === "right")), de = a(() => l.scroll?.x !== void 0 || !!l.expandable?.fixed), yt = a(() => T.value.some((t) => ol(t).enabled)), V = a(() => l.tableLayout ? l.tableLayout : l.scroll?.y || l.scroll?.x || re.value || yt.value ? "fixed" : "auto"), wt = a(() => {
-      if (g.value)
+      fixedColumn: ce.value && ue.value,
+      horizontalScroll: ce.value,
+      layoutFixed: $.value === "fixed"
+    })), I = a(() => l.scroll?.y === "auto"), yt = a(() => I.value || l.showHeader !== !1 && (!!l.scroll?.y || !!l.sticky)), ue = a(() => f.value.some((t) => t.fixed === "left" || t.fixed === "right")), ce = a(() => l.scroll?.x !== void 0 || !!l.expandable?.fixed), ht = a(() => L.value.some((t) => rl(t).enabled)), $ = a(() => l.tableLayout ? l.tableLayout : l.scroll?.y || l.scroll?.x || ue.value || ht.value ? "fixed" : "auto"), gt = a(() => {
+      if (C.value)
         return {
           position: "sticky",
-          top: `${g.value.offsetHeader ?? 0}px`,
+          top: `${C.value.offsetHeader ?? 0}px`,
           zIndex: "4"
         };
-    }), ie = S(null), se = S(null), {
-      bodyHeight: ue
-    } = rl({
-      enabled: () => E.value,
-      wrapperEl: () => ie.value,
-      headerEl: () => j.value,
-      summaryEl: () => se.value,
+    }), fe = S(null), me = S(null), {
+      bodyHeight: pe
+    } = ul({
+      enabled: () => I.value,
+      wrapperEl: () => fe.value,
+      headerEl: () => Y.value,
+      summaryEl: () => me.value,
       hasData: () => p.value.length > 0
-    }), ht = a(() => {
+    }), Ct = a(() => {
       const t = l.scroll?.y;
       if (t !== void 0)
-        return E.value ? ue.value : typeof t == "number" ? Number.isFinite(t) && t > 0 ? t : void 0 : t;
+        return I.value ? pe.value : typeof t == "number" ? Number.isFinite(t) && t > 0 ? t : void 0 : t;
     }), {
-      enabled: L,
+      enabled: T,
       itemHeight: xt,
-      listHeight: Ct,
-      fixedHeight: gt,
-      resolvedScrollY: St
-    } = cl({
+      listHeight: St,
+      fixedHeight: bt,
+      resolvedScrollY: Dt
+    } = vl({
       virtual: () => l.virtual,
       scrollY: () => l.scroll?.y,
       size: () => l.size,
       rowHeight: () => l.rowHeight,
-      measuredHeight: () => ue.value
-    }), ce = a(() => T.value.some((t) => !!t.customCell || !!t.customRender)), Y = a(() => !ct.value || l.bordered ? {
+      measuredHeight: () => pe.value
+    }), ve = a(() => L.value.some((t) => !!t.customCell || !!t.customRender)), U = a(() => !mt.value || l.bordered ? {
       table: "",
       th: "",
       td: ""
@@ -509,72 +530,72 @@ const io = /* @__PURE__ */ Pt({
       table: e.groupedHeaderTable(),
       th: e.groupedHeaderTh(),
       td: e.groupedHeaderTd()
-    }), I = a(() => x(e.table(), Y.value.table) ?? ""), fe = a(() => x(e.th(), Y.value.th) ?? ""), $ = a(() => x(e.td(), Y.value.td) ?? "");
-    b([L, ce], ([t, o]) => {
+    }), H = a(() => h(e.table(), U.value.table) ?? ""), we = a(() => h(e.th(), U.value.th) ?? ""), G = a(() => h(e.td(), U.value.td) ?? "");
+    b([T, ve], ([t, o]) => {
     }, {
       immediate: !0
-    }), b([() => l.virtual, St], ([t, o]) => {
+    }), b([() => l.virtual, Dt], ([t, o]) => {
       if (!t) return;
       const d = String(l.scroll?.y);
-      o.kind === "compat-px" ? Yt("vtable-scroll-y-compat-px", `[VTable] virtual 模式下字符串 scroll.y（${d}）按 ${o.value}px 解析，这是兼容行为；请改用数字或 'auto'。`) : o.kind === "invalid-string" || o.kind === "invalid-number" && l.scroll?.y && `${fl}`;
+      o.kind === "compat-px" ? $t("vtable-scroll-y-compat-px", `[VTable] virtual 模式下字符串 scroll.y（${d}）按 ${o.value}px 解析，这是兼容行为；请改用数字或 'auto'。`) : o.kind === "invalid-string" || o.kind === "invalid-number" && l.scroll?.y && `${wl}`;
     }, {
       immediate: !0
     });
-    const me = S(null), pe = S(null);
-    b(() => me.value?.wrapRef, (t) => {
-      t && (te.value = t);
-    }), b(() => pe.value?.wrapRef, (t) => {
-      t && (te.value = t);
+    const ye = S(null), he = S(null);
+    b(() => ye.value?.wrapRef, (t) => {
+      t && (ne.value = t);
+    }), b(() => he.value?.wrapRef, (t) => {
+      t && (ne.value = t);
     });
-    const bt = a(() => il(f.value)), ve = a(() => l.virtualColumn ? L.value ? ce.value ? "列上有 customCell / customRender，可能返回 colSpan / rowSpan；单元格合并会让某个 td 缺席，进而破坏列宽不变量（虚拟模式本就不支持合并）" : bt.value.contiguous ? null : "固定列必须分列两端：左固定连成前缀、右固定连成后缀，中间夹着的固定列会被窗口跳过" : "它只作用于虚拟表体，需要同时开启 virtual 与 scroll.y" : null), U = a(() => l.virtualColumn && ve.value === null);
-    b(ve, (t) => {
+    const Rt = a(() => fl(f.value)), ge = a(() => l.virtualColumn ? T.value ? ve.value ? "列上有 customCell / customRender，可能返回 colSpan / rowSpan；单元格合并会让某个 td 缺席，进而破坏列宽不变量（虚拟模式本就不支持合并）" : Rt.value.contiguous ? null : "固定列必须分列两端：左固定连成前缀、右固定连成后缀，中间夹着的固定列会被窗口跳过" : "它只作用于虚拟表体，需要同时开启 virtual 与 scroll.y" : null), X = a(() => l.virtualColumn && ge.value === null);
+    b(ge, (t) => {
     }, {
       immediate: !0
     });
     const {
-      metrics: ye
-    } = dl({
-      enabled: () => U.value,
-      headerEl: () => j.value,
+      metrics: Ce
+    } = cl({
+      enabled: () => X.value,
+      headerEl: () => Y.value,
       columns: () => f.value,
-      columnWidths: M,
+      columnWidths: V,
       hasHeader: () => l.showHeader !== !1
     });
-    b([U, ye], ([t, o]) => {
+    b([X, Ce], ([t, o]) => {
       !t || o || l.showHeader;
     }, {
       immediate: !0
     });
-    function Rt(t) {
-      return K.value ? Z.value.get(t)?.level ?? 0 : 0;
+    function Et(t) {
+      return M.value ? te.value.get(t)?.level ?? 0 : 0;
     }
-    function Dt(t, o) {
-      return l.rowClassName ? typeof l.rowClassName == "function" ? l.rowClassName(t, o, Rt(t)) : l.rowClassName : "";
+    function It(t, o) {
+      return l.rowClassName ? typeof l.rowClassName == "function" ? l.rowClassName(t, o, Et(t)) : l.rowClassName : "";
     }
-    function Et(t, o) {
+    function Tt(t, o) {
       return l.customRow?.(t, o);
     }
-    function It(t, o) {
+    function Ht(t, o) {
       return l.customHeaderRow?.(t, o);
     }
-    function Tt(t) {
+    function Bt(t) {
       if (typeof t.title != "function")
         return t.title ?? "";
-      const o = t, d = We.value.filter((u) => !!u.column);
+      const o = t, d = je.value.filter((u) => !!u.column);
       return t.title({
-        sortOrder: o.sorter ? O(o) ?? void 0 : void 0,
-        sortColumn: Pe.value.column,
+        sortOrder: o.sorter ? _(o) ?? void 0 : void 0,
+        sortColumn: Me.value.column,
         sortColumns: d.length > 0 ? d : void 0,
         filters: z()
       });
     }
-    function Ht(t) {
-      return !!(t.sorter && O(t));
+    function Lt(t) {
+      return !!(t.sorter && _(t));
     }
-    const we = {
+    const xe = {
       width: "100%",
       minWidth: "100%"
-    }, Lt = {
+    }, Nt = {
       thSortable: e.thSortable,
       thSorted: e.thSorted,
       tdSorted: e.tdSorted,
@@ -650,220 +671,230 @@ const io = /* @__PURE__ */ Pt({
       expandedRowCell: e.expandedRowCell,
       resizeHandle: e.resizeHandle,
       tdRowHover: e.tdRowHover,
-      tdRowSelectedHover: e.tdRowSelectedHover
-    }, he = a(() => hl(y.value)), xe = S(!1);
-    return Se(vl, {
+      tdRowSelectedHover: e.tdRowSelectedHover,
+      trDragging: e.trDragging,
+      trDropAbove: e.trDropAbove,
+      trDropBelow: e.trDropBelow
+    }, Se = a(() => bl(w.value)), be = S(!1);
+    return Ee(Cl, {
       bodyCell: i.bodyCell,
       headerCell: i.headerCell,
       empty: i.empty,
-      getSortOrder: O,
-      toggleSortOrder: Oe,
-      isColumnSorted: Ht,
-      getFilteredValue: Ke,
-      confirmFilter: _e,
-      resetFilter: Me,
+      getSortOrder: _,
+      toggleSortOrder: Pe,
+      isColumnSorted: Lt,
+      getFilteredValue: Ve,
+      confirmFilter: Ye,
+      resetFilter: $e,
       customFilterDropdown: i.customFilterDropdown,
       customFilterIcon: i.customFilterIcon,
-      showSorterTooltip: a(() => l.showSorterTooltip ?? he.value.showSorterTooltip),
+      showSorterTooltip: a(() => l.showSorterTooltip ?? Se.value.showSorterTooltip),
       headerEllipsis: a(() => l.headerEllipsis),
-      subThemeSlots: Lt,
-      presetConfig: he,
-      themePreset: y,
+      subThemeSlots: Nt,
+      presetConfig: Se,
+      themePreset: w,
       cssMode: m,
-      classPrefix: C,
-      vtgClass: (t) => B(t, m.value, C.value),
-      compatClass: D,
-      localeName: A,
-      locale: ke,
+      classPrefix: g,
+      vtgClass: (t) => A(t, m.value, g.value),
+      compatClass: R,
+      localeName: K,
+      locale: ze,
       rowSelection: () => l.rowSelection,
-      isSelected: Je,
-      isDisabledRow: qe,
-      getSelectionState: Qe,
-      toggleRow: Ze,
-      toggleAll: et,
-      allCheckedState: () => tt.value,
-      getRowKey: H,
-      invertSelection: lt,
-      clearSelection: ot,
-      getChangeableRowKeys: at,
-      fixedOffsets: ae,
-      scrollState: le,
+      isSelected: et,
+      isDisabledRow: tt,
+      getSelectionState: lt,
+      toggleRow: ot,
+      toggleAll: at,
+      allCheckedState: () => nt.value,
+      getRowKey: E,
+      invertSelection: rt,
+      clearSelection: dt,
+      getChangeableRowKeys: it,
+      fixedOffsets: ie,
+      scrollState: re,
       leafColumnCount: a(() => f.value.length),
       bordered: a(() => l.bordered),
-      tableLayout: V,
+      tableLayout: $,
       sticky: a(() => l.sticky),
-      getRowProps: Et,
-      getRowClassName: Dt,
-      getHeaderRowProps: It,
-      getColumnTitle: Tt,
+      getRowProps: Tt,
+      getRowClassName: It,
+      getHeaderRowProps: Ht,
+      getColumnTitle: Bt,
       getPopupContainer: l.getPopupContainer,
       transformCellText: l.transformCellText,
       expandable: () => l.expandable,
-      isExpanded: nt,
-      toggleExpand: dt,
-      isRowExpandable: ee,
-      columnWidths: M,
-      startResize: ft,
-      isResizing: () => mt.value,
+      isExpanded: st,
+      toggleExpand: ct,
+      isRowExpandable: le,
+      columnWidths: V,
+      startResize: pt,
+      isResizing: () => vt.value,
       displayColumns: a(() => f.value),
       registerSummaryFixed: (t) => {
-        xe.value = t;
+        be.value = t;
       },
-      isTreeData: K,
-      treeFlattenData: Q,
-      getFlattenRow: (t) => Z.value.get(t),
-      toggleTreeExpand: Ve,
-      isTreeExpanded: Ye,
-      treeIndentSize: $e,
-      hoverRange: Ue,
-      setHoverRange: Ge,
-      clearHoverRange: Xe,
-      hoverable: a(() => l.hoverable !== !1)
+      isTreeData: M,
+      treeFlattenData: ee,
+      getFlattenRow: (t) => te.value.get(t),
+      toggleTreeExpand: Ge,
+      isTreeExpanded: Xe,
+      treeIndentSize: Je,
+      hoverRange: qe,
+      setHoverRange: Qe,
+      clearHoverRange: Ze,
+      // 拖拽期间抑制 hover 高亮，避免干扰拖放指示线
+      hoverable: a(() => l.hoverable !== !1 && N.draggingKey.value === null),
+      rowDrag: {
+        enabled: a(() => l.rowDraggable === !0),
+        draggingKey: N.draggingKey,
+        dropTarget: N.dropTarget,
+        getBindings: (t, o, d) => N.getBindings(t, o, d)
+      }
     }), () => {
       let t;
       const o = l.title ? l.title(p.value) : i.title ? i.title({
         data: p.value
       }) : null, d = l.footer ? l.footer(p.value) : i.footer ? i.footer({
         data: p.value
-      }) : null, u = i.summary ? i.summary() : null, w = xe.value !== !1, h = l.scroll, v = {
-        tableLayout: V.value
+      }) : null, u = i.summary ? i.summary() : null, x = be.value !== !1, y = l.scroll, v = {
+        tableLayout: $.value
       };
-      h?.x ? (v.width = typeof h.x == "number" ? `${h.x}px` : h.x, v.minWidth = "100%") : v.width = "100%";
-      const c = l.loading, Bt = c === !0 || typeof c == "object" && c !== null && c.spinning !== !1, Nt = typeof c == "object" && c !== null ? c.indicator : void 0, Ft = typeof c == "object" && c !== null ? c.tip : void 0, Ce = Bt && (i.loading ? n(Ie, {
+      y?.x ? (v.width = typeof y.x == "number" ? `${y.x}px` : y.x, v.minWidth = "100%") : v.width = "100%";
+      const c = l.loading, B = c === !0 || typeof c == "object" && c !== null && c.spinning !== !1, At = typeof c == "object" && c !== null ? c.indicator : void 0, Ft = typeof c == "object" && c !== null ? c.tip : void 0, De = B && (i.loading ? n(Le, {
         loadingClass: e.loading()
-      }, He(t = i.loading()) ? t : {
+      }, Ae(t = i.loading()) ? t : {
         default: () => [t]
-      }) : n(Ie, {
+      }) : n(Le, {
         loadingClass: e.loading(),
-        indicator: Nt,
+        indicator: At,
         tip: Ft
       }, null));
-      if (vt.value) {
-        const At = l.showHeader !== !1 ? n("div", {
-          ref: j,
-          class: x(e.headerWrapper(), g.value && D?.("sticky-holder")),
-          style: wt.value
+      if (yt.value) {
+        const Ot = l.showHeader !== !1 ? n("div", {
+          ref: Y,
+          class: h(e.headerWrapper(), C.value && R?.("sticky-holder")),
+          style: gt.value
         }, [n("div", {
-          class: B("block w-full min-w-full", m.value, C.value)
+          class: A("block w-full min-w-full", m.value, g.value)
         }, [n("table", {
-          class: I.value,
+          class: H.value,
           style: v
-        }, [n(F, {
+        }, [n(O, {
           columns: f.value
-        }, null), n(De, {
-          rows: _.value,
+        }, null), n(He, {
+          rows: j.value,
           theadClass: e.thead(),
           rowClass: e.tr(),
-          thClass: fe.value,
+          thClass: we.value,
           headerCellInnerClass: e.headerCellInner()
-        }, null)])])]) : null, kt = L.value ? n(xl, {
+        }, null)])])]) : null, Kt = T.value ? n(Dl, {
           dataSource: p.value,
           columns: f.value,
           tbodyClass: e.tbody(),
           rowClass: e.tr(),
-          tdClass: $.value,
+          tdClass: G.value,
           emptyClass: e.empty(),
           bodyCellEllipsisClass: e.bodyCellEllipsis(),
-          tableClass: I.value,
+          tableClass: H.value,
           tableStyle: v,
           rowKey: l.rowKey,
-          height: Ct.value,
+          height: St.value,
           itemHeight: xt.value,
-          fixedHeight: gt.value,
-          virtualColumn: U.value,
-          columnMetrics: ye.value,
+          fixedHeight: bt.value,
+          virtualColumn: X.value,
+          columnMetrics: Ce.value,
           showScrollBar: "hover",
-          onVirtualScroll: (ge) => {
-            pt(ge.x, ge.maxX);
+          onVirtualScroll: (Re) => {
+            wt(Re.x, Re.maxX);
           }
-        }, null) : null, Ot = L.value ? null : n(be, {
-          ref: me,
-          maxHeight: ht.value,
+        }, null) : null, kt = T.value ? null : n(Ie, {
+          ref: ye,
+          maxHeight: Ct.value,
           wrapClass: e.bodyWrapper(),
-          viewStyle: we,
-          onScroll: oe
+          viewStyle: xe,
+          onScroll: de
         }, {
           default: () => [n("table", {
-            class: I.value,
+            class: H.value,
             style: v
-          }, [n(F, {
+          }, [n(O, {
             columns: f.value
-          }, null), n(Ee, {
+          }, null), n(Be, {
             dataSource: p.value,
             columns: f.value,
             tbodyClass: e.tbody(),
             rowClass: e.tr(),
-            tdClass: $.value,
+            tdClass: G.value,
             emptyClass: e.empty(),
             bodyCellEllipsisClass: e.bodyCellEllipsis(),
             rowKey: l.rowKey
-          }, null), u && !w && n("tfoot", {
+          }, null), u && !x && n("tfoot", {
             class: e.summary()
           }, [u])])]
-        }), zt = u && w ? n("div", {
-          ref: se,
-          class: x(e.headerWrapper(), D?.("summary"), g.value && D?.("sticky-holder")),
-          style: {
+        }), _t = u && (x || T.value) ? n("div", {
+          ref: me,
+          class: h(e.headerWrapper(), R?.("summary"), C.value && x && R?.("sticky-holder")),
+          style: x ? {
             position: "sticky",
-            bottom: `${g.value?.offsetSummary ?? 0}px`,
+            bottom: `${C.value?.offsetSummary ?? 0}px`,
             zIndex: "4",
             overflow: "hidden"
-          }
+          } : void 0
         }, [n("div", {
-          class: B("block w-full min-w-full", m.value, C.value)
+          class: A("block w-full min-w-full", m.value, g.value)
         }, [n("table", {
-          class: I.value,
+          class: H.value,
           style: v
-        }, [n(F, {
+        }, [n(O, {
           columns: f.value
         }, null), n("tfoot", {
           class: e.summary()
         }, [u])])])]) : null;
         return n("div", {
-          class: x(e.root(), E.value && e.rootAutoHeight(), ne.value)
+          class: h(e.root(), I.value && e.rootAutoHeight(), se.value)
         }, [o && n("div", {
           class: e.title()
         }, [o]), n("div", {
-          ref: ie,
-          class: x(e.wrapper(), E.value && e.wrapperAutoHeight(), g.value && B("overflow-clip", m.value, C.value))
-        }, [At, kt, Ot, zt, Ce]), d && n("div", {
+          ref: fe,
+          class: h(e.wrapper(), I.value && e.wrapperAutoHeight(), C.value && A("overflow-clip", m.value, g.value))
+        }, [Ot, Kt, kt, _t, De]), d && n("div", {
           class: e.footer()
         }, [d])]);
       }
-      const G = n(Mt, null, [n("table", {
-        class: I.value,
+      const J = n(jt, null, [n("table", {
+        class: H.value,
         style: v
-      }, [n(F, {
+      }, [n(O, {
         columns: f.value
-      }, null), l.showHeader !== !1 && n(De, {
-        rows: _.value,
+      }, null), l.showHeader !== !1 && n(He, {
+        rows: j.value,
         theadClass: e.thead(),
         rowClass: e.tr(),
-        thClass: fe.value,
+        thClass: we.value,
         headerCellInnerClass: e.headerCellInner()
-      }, null), n(Ee, {
+      }, null), n(Be, {
         dataSource: p.value,
         columns: f.value,
         tbodyClass: e.tbody(),
         rowClass: e.tr(),
-        tdClass: $.value,
+        tdClass: G.value,
         emptyClass: e.empty(),
         bodyCellEllipsisClass: e.bodyCellEllipsis(),
         rowKey: l.rowKey
       }, null), u && n("tfoot", {
         class: e.summary()
-      }, [u])]), Ce]);
+      }, [u])]), De]);
       return n("div", {
-        class: x(e.root(), ne.value)
+        class: h(e.root(), se.value)
       }, [o && n("div", {
         class: e.title()
-      }, [o]), n(be, {
-        ref: pe,
+      }, [o]), n(Ie, {
+        ref: he,
         wrapClass: e.wrapper(),
-        viewStyle: we,
-        onScroll: oe
-      }, He(G) ? G : {
-        default: () => [G]
+        viewStyle: xe,
+        onScroll: de
+      }, Ae(J) ? J : {
+        default: () => [J]
       }), d && n("div", {
         class: e.footer()
       }, [d])]);
@@ -871,5 +902,5 @@ const io = /* @__PURE__ */ Pt({
   }
 });
 export {
-  io as default
+  wo as default
 };