@vtable-guild/vtable-guild 2.6.3 → 2.7.0

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

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