@vtable-guild/vtable-guild 2.5.0 → 2.6.1

package/dist/table/src/components/TableBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.d.ts","sourceRoot":"","sources":["../../../../../table/src/components/TableBody.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAA;AAOtE,OAAO,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;;;cAkBd,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;;;;cACtC,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;cAO3C,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC;;;;;cAR9D,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;;;;cACtC,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;cAO3C,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC;;;;+BAAjC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,GAAG;;AAX7F,wBA2JE"}
+{"version":3,"file":"TableBody.d.ts","sourceRoot":"","sources":["../../../../../table/src/components/TableBody.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAA;AAOtE,OAAO,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;;;cAmBd,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;;;;cACtC,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;cAO3C,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC;;;;;cAR9D,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;;;;cACtC,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;cAO3C,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC;;;;+BAAjC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,GAAG;;AAX7F,wBAyKE"}

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

@@ -1,16 +1,17 @@
-import { defineComponent as b, inject as x, computed as h, createVNode as u } from "vue";
+import { defineComponent as S, inject as b, computed as h, createVNode as i } from "vue";
 import "../../../core/src/utils/tv.mjs";
 import E from "./TableRow.mjs";
 import T from "./TableCell.mjs";
 import v from "./TableEmpty.mjs";
 import { TABLE_CONTEXT_KEY as k } from "../context.mjs";
 import { resolveBodyCell as K } from "../utils/cell.mjs";
-import { getByDataIndex as N } from "../composables/useColumns.mjs";
-import { cn as R } from "tailwind-variants";
-function p(e) {
+import { getRowCompatClass as N, getExpandedRowCompatClass as q } from "../utils/compat.mjs";
+import { getByDataIndex as B } from "../composables/useColumns.mjs";
+import { cn as p } from "tailwind-variants";
+function R(e) {
   return Number.isFinite(e) ? e <= 0 ? 0 : Math.floor(e) : 1;
 }
-const j = /* @__PURE__ */ b({
+const L = /* @__PURE__ */ S({
   name: "TableBody",
   props: {
     dataSource: {
@@ -47,72 +48,74 @@ const j = /* @__PURE__ */ b({
     }
   },
   setup(e) {
-    const a = x(k, {});
-    function g(t, n) {
-      return typeof e.rowKey == "function" ? e.rowKey(t) : typeof e.rowKey == "string" && e.rowKey in t ? t[e.rowKey] : n;
+    const a = b(k, {});
+    function g(t, l) {
+      return typeof e.rowKey == "function" ? e.rowKey(t) : typeof e.rowKey == "string" && e.rowKey in t ? t[e.rowKey] : l;
     }
-    const S = h(() => {
+    const x = h(() => {
       const t = /* @__PURE__ */ new Set();
-      return e.dataSource.map((n, o) => {
-        const s = [];
-        return e.columns.forEach((m, r) => {
-          const c = `${o}:${r}`;
+      return e.dataSource.map((l, s) => {
+        const o = [];
+        return e.columns.forEach((C, r) => {
+          const c = `${s}:${r}`;
           if (t.has(c)) return;
           const y = K({
-            text: N(n, m.dataIndex),
-            record: n,
-            rowIndex: o,
-            column: m,
+            text: B(l, C.dataIndex),
+            record: l,
+            rowIndex: s,
+            column: C,
             bodyCell: a.bodyCell,
             transformCellText: a.transformCellText
-          }), C = p(y.colSpan), d = p(y.rowSpan);
-          if (C === 0 || d === 0) return;
-          const f = Math.min(e.dataSource.length, o + d), w = Math.min(e.columns.length, r + C);
-          for (let i = o; i < f; i += 1)
-            for (let l = r; l < w; l += 1)
-              i === o && l === r || t.add(`${i}:${l}`);
-          s.push({
-            column: m,
+          }), d = R(y.colSpan), u = R(y.rowSpan);
+          if (d === 0 || u === 0) return;
+          const f = Math.min(e.dataSource.length, s + u), w = Math.min(e.columns.length, r + d);
+          for (let m = s; m < f; m += 1)
+            for (let n = r; n < w; n += 1)
+              m === s && n === r || t.add(`${m}:${n}`);
+          o.push({
+            column: C,
             colIndex: r,
             resolvedCell: {
               ...y,
-              colSpan: C,
-              rowSpan: d
+              colSpan: d,
+              rowSpan: u
             }
           });
-        }), s;
+        }), o;
       });
     });
-    return () => u("tbody", {
+    return () => i("tbody", {
       class: e.tbodyClass
-    }, [e.dataSource.length > 0 ? e.dataSource.map((t, n) => {
-      const o = g(t, n), s = a.expandable?.(), m = a.isExpanded?.(o) ?? !1, r = s?.expandRowByClick ?? !1, c = a.isRowExpandable?.(t) ?? !1, C = (a.isTreeData?.value ? a.getFlattenRow?.(t) : void 0)?.level ?? 0, d = a.getRowClassName?.(t, n), f = a.getRowProps?.(t, n), w = typeof s?.expandedRowClassName == "function" ? s.expandedRowClassName(t, n, C) : s?.expandedRowClassName, i = r ? () => {
-        c && a.toggleExpand?.(t, n);
+    }, [e.dataSource.length > 0 ? e.dataSource.map((t, l) => {
+      const s = g(t, l), o = a.expandable?.(), C = a.isExpanded?.(s) ?? !1, r = o?.expandRowByClick ?? !1, c = a.isRowExpandable?.(t) ?? !1, d = (a.isTreeData?.value ? a.getFlattenRow?.(t) : void 0)?.level ?? 0, u = a.getRowClassName?.(t, l), f = a.getRowProps?.(t, l), w = typeof o?.expandedRowClassName == "function" ? o.expandedRowClassName(t, l, d) : o?.expandedRowClassName, m = r ? () => {
+        c && a.toggleExpand?.(t, l);
       } : void 0;
-      return [u(E, {
-        key: o,
-        rowClass: R(e.rowClass, d) ?? "",
+      return [i(E, {
+        key: s,
+        rowClass: p(e.rowClass, u, N(a, t, l, d)) ?? "",
         rowProps: f,
-        onClick: i
+        onClick: m
       }, {
-        default: () => [S.value[n]?.map((l) => u(T, {
-          key: l.column.key ?? String(l.column.dataIndex ?? l.colIndex),
+        default: () => [x.value[l]?.map((n) => i(T, {
+          key: n.column.key ?? String(n.column.dataIndex ?? n.colIndex),
           record: t,
-          rowIndex: n,
-          column: l.column,
-          colIndex: l.colIndex,
-          resolvedCell: l.resolvedCell,
+          rowIndex: l,
+          column: n.column,
+          colIndex: n.colIndex,
+          resolvedCell: n.resolvedCell,
           tdClass: e.tdClass,
           bodyCellEllipsisClass: e.bodyCellEllipsisClass
         }, null))]
-      }), m && s?.expandedRowRender && u("tr", {
-        key: `${o}-expanded`,
-        class: R(e.rowClass, d, a.subThemeSlots?.expandedRow(), w)
-      }, [u("td", {
+      }), C && o?.expandedRowRender && i("tr", {
+        key: `${s}-expanded`,
+        class: p(e.rowClass, u, a.subThemeSlots?.expandedRow(), q(a, d), w)
+      }, [i("td", {
         colspan: e.columns.length,
-        class: R(e.tdClass, a.subThemeSlots?.expandedRowCell())
-      }, [s.expandedRowRender(t, n, 0, !0)])])];
-    }) : u(v, {
+        class: p(e.tdClass, a.subThemeSlots?.expandedRowCell())
+      }, [a.compatClass && (a.fixedOffsets?.value?.size ?? 0) > 0 ? i("div", {
+        class: a.compatClass("expanded-row-fixed")
+      }, [o.expandedRowRender(t, l, 0, !0)]) : o.expandedRowRender(t, l, 0, !0)])])];
+    }) : i(v, {
       colSpan: e.columns.length || 1,
       emptyClass: e.emptyClass,
       tdClass: e.tdClass
@@ -120,5 +123,5 @@ const j = /* @__PURE__ */ b({
   }
 });
 export {
-  j as default
+  L as default
 };

package/dist/table/src/components/TableCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../../../table/src/components/TableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0C,KAAK,QAAQ,EAAmB,MAAM,KAAK,CAAA;AAG5F,OAAO,KAAK,EAAuB,UAAU,EAAE,MAAM,UAAU,CAAA;AAK/D,OAAO,EAKL,KAAK,gBAAgB,EACtB,MAAM,eAAe,CAAA;;;cAQQ,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;;;;;;;;cAEjC,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;;;;;;;;cAGrD,QAAQ,CAAC,gBAAgB,CAAC;;;;;;;;;;;IAK5C;;;;;;OAMG;;;;;;;cAhBuB,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;;;;;;;;cAEjC,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;;;;;;;;cAGrD,QAAQ,CAAC,gBAAgB,CAAC;;;;;;;;;;;IAK5C;;;;;;OAMG;;;;;;;;;AAnBP,wBAgaE"}
+{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../../../table/src/components/TableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0C,KAAK,QAAQ,EAAmB,MAAM,KAAK,CAAA;AAG5F,OAAO,KAAK,EAAuB,UAAU,EAAE,MAAM,UAAU,CAAA;AAK/D,OAAO,EAKL,KAAK,gBAAgB,EACtB,MAAM,eAAe,CAAA;;;cAQQ,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;;;;;;;;cAEjC,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;;;;;;;;cAGrD,QAAQ,CAAC,gBAAgB,CAAC;;;;;;;;;;;IAK5C;;;;;;OAMG;;;;;;;cAhBuB,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;;;;;;;;cAEjC,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;;;;;;;;cAGrD,QAAQ,CAAC,gBAAgB,CAAC;;;;;;;;;;;IAK5C;;;;;;OAMG;;;;;;;;;AAnBP,wBA2bE"}

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

@@ -1,17 +1,17 @@
-import { defineComponent as J, inject as Q, ref as q, computed as d, createVNode as r, mergeProps as B } from "vue";
+import { defineComponent as ee, inject as le, ref as B, computed as r, createVNode as c, mergeProps as L } from "vue";
 import "../../../core/src/utils/tv.mjs";
-import U from "../../../core/src/components/Tooltip.mjs";
-import { TABLE_CONTEXT_KEY as Z } from "../context.mjs";
-import { getByDataIndex as ee, getColumnKey as L } from "../composables/useColumns.mjs";
-import { useFixedColumnStyle as le } from "../composables/useFixedColumnStyle.mjs";
-import { resolveBodyCell as ne, omitCellProps as N, isRenderedCell as te, getEllipsisConfig as oe } from "../utils/cell.mjs";
-import ae from "./SelectionCheckbox.mjs";
-import se from "./SelectionRadio.mjs";
-import P from "./ExpandIcon.mjs";
-import { isInHoverRange as re } from "../composables/useHoverState.mjs";
-import { TABLE_ALIGN_CLASSES as de } from "../../../theme/src/presets/antdv/table.mjs";
+import ne from "../../../core/src/components/Tooltip.mjs";
+import { TABLE_CONTEXT_KEY as te } from "../context.mjs";
+import { getByDataIndex as oe, getColumnKey as A } from "../composables/useColumns.mjs";
+import { useFixedColumnStyle as ae } from "../composables/useFixedColumnStyle.mjs";
+import { resolveBodyCell as se, getEllipsisConfig as D, omitCellProps as P, isRenderedCell as ce } from "../utils/cell.mjs";
+import re from "./SelectionCheckbox.mjs";
+import de from "./SelectionRadio.mjs";
+import H from "./ExpandIcon.mjs";
+import { isInHoverRange as ue } from "../composables/useHoverState.mjs";
+import { TABLE_ALIGN_CLASSES as ie } from "../../../theme/src/presets/antdv/table.mjs";
 import { cn as m } from "tailwind-variants";
-const Ie = /* @__PURE__ */ J({
+const _e = /* @__PURE__ */ ee({
   name: "TableCell",
   props: {
     record: {
@@ -55,132 +55,147 @@ const Ie = /* @__PURE__ */ J({
     }
   },
   setup(e) {
-    const l = Q(Z, {}), H = q(null), I = q(!1), o = d(() => e.resolvedCell ?? ne({
-      text: ee(e.record, e.column.dataIndex),
+    const l = le(te, {}), O = B(null), T = B(!1), o = r(() => e.resolvedCell ?? se({
+      text: oe(e.record, e.column.dataIndex),
       record: e.record,
       rowIndex: e.rowIndex,
       column: e.column,
       bodyCell: l.bodyCell,
       transformCellText: l.transformCellText
-    })), D = d(() => {
+    })), j = r(() => {
       if (!e.column.fixed) return null;
-      const n = L(e.column) ?? e.colIndex;
+      const n = A(e.column) ?? e.colIndex;
       return l.fixedOffsets?.value?.get(n) ?? null;
     }), {
-      fixedStyle: j,
-      fixedClass: T
-    } = le({
-      fixedInfo: () => D.value
-    }), i = d(() => l.getSelectionState?.(e.record, e.rowIndex) ?? {
+      fixedStyle: W,
+      fixedClass: p
+    } = ae({
+      fixedInfo: () => j.value
+    }), $ = r(() => D(e.column).enabled ? l.compatClass?.("cell-ellipsis") ?? "" : ""), i = r(() => l.getSelectionState?.(e.record, e.rowIndex) ?? {
       checked: !1,
       indeterminate: !1,
       disabled: !1
-    }), f = d(() => i.value.checked), _ = d(() => re(e.rowIndex, o.value.rowSpan ?? 1, l.hoverRange?.value ?? null));
-    function S() {
+    }), f = r(() => i.value.checked), h = r(() => ue(e.rowIndex, o.value.rowSpan ?? 1, l.hoverRange?.value ?? null)), _ = r(() => h.value && l.hoverable?.value ? l.compatClass?.("cell-row-hover") ?? "" : "");
+    function w() {
       if (!l.hoverable?.value) return;
       const n = Math.max(1, o.value.rowSpan ?? 1);
       l.setHoverRange?.(e.rowIndex, e.rowIndex + n - 1);
     }
-    function h() {
+    function S() {
       l.hoverable?.value && l.clearHoverRange?.();
     }
-    function A(n) {
+    function K(n) {
       return (t) => {
-        S(), typeof n == "function" && n(t);
+        w(), typeof n == "function" && n(t);
       };
     }
-    function W(n) {
+    function z(n) {
       return (t) => {
-        h(), typeof n == "function" && n(t);
+        S(), typeof n == "function" && n(t);
       };
     }
-    const E = d(() => ({
-      ...N(o.value.renderCellProps),
-      ...N(o.value.customCellProps)
-    })), K = d(() => {
-      const n = e.column.align ? de[e.column.align] : "", t = l.subThemeSlots, a = _.value && l.hoverable?.value, x = l.isColumnSorted?.(e.column) && t ? t.tdSorted() : "", R = f.value && t ? m(t.tdSelected(), a ? t.tdRowSelectedHover() : "") : "", k = a && t && !f.value ? t.tdRowHover() : "";
-      return m(e.tdClass, n, e.column.className, o.value.customCellProps?.class, o.value.customCellProps?.className, o.value.renderCellProps?.class, o.value.renderCellProps?.className, x, R, k, T.value);
-    }), w = d(() => {
-      const n = {}, t = l.columnWidths?.[String(L(e.column) ?? e.colIndex)], a = e.widthOverride ?? t ?? e.column.width;
+    const E = r(() => ({
+      ...P(o.value.renderCellProps),
+      ...P(o.value.customCellProps)
+    })), F = r(() => {
+      const n = e.column.align ? ie[e.column.align] : "", t = l.subThemeSlots, a = h.value && l.hoverable?.value, C = l.isColumnSorted?.(e.column) && t ? t.tdSorted() : "", R = f.value && t ? m(t.tdSelected(), a ? t.tdRowSelectedHover() : "") : "", k = a && t && !f.value ? t.tdRowHover() : "";
+      return m(
+        e.tdClass,
+        n,
+        e.column.className,
+        o.value.customCellProps?.class,
+        o.value.customCellProps?.className,
+        o.value.renderCellProps?.class,
+        o.value.renderCellProps?.className,
+        C,
+        R,
+        k,
+        p.value,
+        _.value,
+        // antdv 把 ellipsis 类放在 td 上，我们的 slot 落在内层 span，故在此补
+        $.value
+      );
+    }), b = r(() => {
+      const n = {}, t = l.columnWidths?.[String(A(e.column) ?? e.colIndex)], a = e.widthOverride ?? t ?? e.column.width;
       return a && (n.width = typeof a == "number" ? `${a}px` : a), {
         ...n,
-        ...j.value ?? {},
+        ...W.value ?? {},
         ...o.value.customCellProps?.style ?? {},
         ...o.value.renderCellProps?.style ?? {}
       };
-    }), z = d(() => l.isTreeData?.value ? l.getFlattenRow?.(e.record) ?? null : null), F = d(() => l.isTreeData?.value && e.column.key !== "__vtg_selection__" && e.column.key !== "__vtg_expand__" && e.colIndex <= 2 ? (() => {
+    }), G = r(() => l.isTreeData?.value ? l.getFlattenRow?.(e.record) ?? null : null), V = r(() => l.isTreeData?.value && e.column.key !== "__vtg_selection__" && e.column.key !== "__vtg_expand__" && e.colIndex <= 2 ? (() => {
       const n = l.rowSelection?.(), t = l.expandable?.();
       let a = 0;
       return n && (a += 1), t && t.showExpandColumn !== !1 && (a += 1), e.colIndex === a;
     })() : !1);
-    function $(n) {
+    function X(n) {
       return {
-        ...w.value,
+        ...b.value,
         ...n ?? {}
       };
     }
-    function G() {
-      const n = H.value, t = o.value.tooltipText;
-      I.value = !!(n && t && (n.scrollWidth > n.clientWidth || n.scrollHeight > n.clientHeight));
+    function Y() {
+      const n = O.value, t = o.value.tooltipText;
+      T.value = !!(n && t && (n.scrollWidth > n.clientWidth || n.scrollHeight > n.clientHeight));
     }
-    function V() {
-      I.value = !1;
+    function J() {
+      T.value = !1;
     }
     return () => {
       if (o.value.colSpan === 0 || o.value.rowSpan === 0)
         return null;
       const n = o.value.colSpan !== 1 ? o.value.colSpan : void 0, t = o.value.rowSpan !== 1 ? o.value.rowSpan : void 0;
       if (e.column.key === "__vtg_selection__") {
-        const v = l.rowSelection?.(), C = v?.type === "radio" ? r(se, {
+        const v = l.rowSelection?.(), x = v?.type === "radio" ? c(de, {
           checked: i.value.checked,
           disabled: i.value.disabled,
-          onChange: (c) => l.toggleRow?.(e.record, e.rowIndex, c)
-        }, null) : r(ae, {
+          onChange: (d) => l.toggleRow?.(e.record, e.rowIndex, d)
+        }, null) : c(re, {
           checked: i.value.checked,
           indeterminate: i.value.indeterminate,
           disabled: i.value.disabled,
-          onChange: (c, y) => l.toggleRow?.(e.record, e.rowIndex, y)
+          onChange: (d, I) => l.toggleRow?.(e.record, e.rowIndex, I)
         }, null);
-        let u = C, s;
+        let u = x, s;
         if (v?.renderCell) {
-          const c = v.renderCell(i.value.checked, e.record, e.rowIndex, C);
-          te(c) ? (u = c.children, s = c.props) : u = c;
+          const d = v.renderCell(i.value.checked, e.record, e.rowIndex, x);
+          ce(d) ? (u = d.children, s = d.props) : u = d;
         }
-        const b = !!v?.renderCell, g = _.value && l.hoverable?.value, M = m(e.tdClass, l.vtgClass?.(b ? "text-center" : "text-center leading-[0]"), e.column.className, s?.class, s?.className, f.value && l.subThemeSlots ? m(l.subThemeSlots.tdSelected(), g ? l.subThemeSlots.tdRowSelectedHover() : "") : g && l.subThemeSlots ? l.subThemeSlots.tdRowHover() : "", T.value);
-        return r("td", B(N(s), {
-          class: M,
-          style: $(s?.style),
+        const g = !!v?.renderCell, y = h.value && l.hoverable?.value, N = m(e.tdClass, l.vtgClass?.(g ? "text-center" : "text-center leading-[0]"), e.column.className, s?.class, s?.className, f.value && l.subThemeSlots ? m(l.subThemeSlots.tdSelected(), y ? l.subThemeSlots.tdRowSelectedHover() : "") : y && l.subThemeSlots ? l.subThemeSlots.tdRowHover() : "", p.value, _.value, l.compatClass?.("selection-column"));
+        return c("td", L(P(s), {
+          class: N,
+          style: X(s?.style),
           colspan: n,
           rowspan: t,
-          onMouseenter: S,
-          onMouseleave: h
+          onMouseenter: w,
+          onMouseleave: S
         }), [u]);
       }
       if (e.column.key === "__vtg_expand__") {
-        const v = l.expandable?.(), p = l.getRowKey?.(e.record, e.rowIndex), C = p !== void 0 && (l.isExpanded?.(p) ?? !1), u = l.isRowExpandable?.(e.record) ?? !1, s = l.subThemeSlots, b = _.value && l.hoverable?.value, g = l.isColumnSorted?.(e.column) && s ? s.tdSorted() : "", M = f.value && s ? m(s.tdSelected(), b ? s.tdRowSelectedHover() : "") : "", c = b && s && !f.value ? s.tdRowHover() : "", y = m(e.tdClass, l.vtgClass?.("text-center"), e.column.className, g, M, c, T.value);
-        return v?.expandIcon ? r("td", {
-          class: y,
-          style: w.value,
+        const v = l.expandable?.(), M = l.getRowKey?.(e.record, e.rowIndex), x = M !== void 0 && (l.isExpanded?.(M) ?? !1), u = l.isRowExpandable?.(e.record) ?? !1, s = l.subThemeSlots, g = h.value && l.hoverable?.value, y = l.isColumnSorted?.(e.column) && s ? s.tdSorted() : "", N = f.value && s ? m(s.tdSelected(), g ? s.tdRowSelectedHover() : "") : "", d = g && s && !f.value ? s.tdRowHover() : "", I = m(e.tdClass, l.vtgClass?.("text-center"), e.column.className, y, N, d, p.value, _.value, l.compatClass?.("row-expand-icon-cell"));
+        return v?.expandIcon ? c("td", {
+          class: I,
+          style: b.value,
           colspan: n,
           rowspan: t,
-          onMouseenter: S,
-          onMouseleave: h
+          onMouseenter: w,
+          onMouseleave: S
         }, [v.expandIcon({
-          expanded: C,
+          expanded: x,
           record: e.record,
           expandable: u,
-          onExpand: (ce, Y) => {
-            Y.stopPropagation(), u && l.toggleExpand?.(e.record, e.rowIndex);
+          onExpand: (ve, Z) => {
+            Z.stopPropagation(), u && l.toggleExpand?.(e.record, e.rowIndex);
           }
-        })]) : r("td", {
-          class: y,
-          style: w.value,
+        })]) : c("td", {
+          class: I,
+          style: b.value,
           colspan: n,
           rowspan: t,
-          onMouseenter: S,
-          onMouseleave: h
-        }, [r(P, {
-          expanded: C,
+          onMouseenter: w,
+          onMouseleave: S
+        }, [c(H, {
+          expanded: x,
           expandable: u,
           variant: "row",
           onClick: () => {
@@ -188,46 +203,47 @@ const Ie = /* @__PURE__ */ J({
           }
         }, null)]);
       }
-      const a = z.value, x = F.value && a, R = x ? r("span", {
+      const a = G.value, C = V.value && a, R = C ? c("span", {
+        class: l.compatClass ? `${l.compatClass("row-indent")} indent-level-${a.level}` : void 0,
         style: {
           display: "inline-block",
           width: `${a.level * (l.treeIndentSize?.value ?? 15)}px`
         }
-      }, null) : null, k = x && a.hasChildren ? r(P, {
+      }, null) : null, k = C && a.hasChildren ? c(H, {
         expanded: a.expanded,
         expandable: !0,
         variant: "tree",
         onClick: () => l.toggleTreeExpand?.(e.record, e.rowIndex)
-      }, null) : x ? r(P, {
+      }, null) : C ? c(H, {
         expanded: !1,
         expandable: !1,
         variant: "tree"
-      }, null) : null, O = oe(e.column), X = O.enabled ? O.showTitle ? r(U, {
+      }, null) : null, q = D(e.column), Q = C ? l.compatClass?.("cell-with-append") ?? "" : "", U = q.enabled ? q.showTitle ? c(ne, {
         block: !0,
         title: o.value.tooltipText,
         placement: "top",
-        open: I.value
+        open: T.value
       }, {
-        default: () => [r("div", {
-          ref: H,
+        default: () => [c("div", {
+          ref: O,
           class: e.bodyCellEllipsisClass,
-          onMouseenter: G,
-          onMouseleave: V
+          onMouseenter: Y,
+          onMouseleave: J
         }, [o.value.content])]
-      }) : r("div", {
+      }) : c("div", {
         class: e.bodyCellEllipsisClass
       }, [o.value.content]) : o.value.content;
-      return r("td", B(E.value, {
-        class: K.value,
-        style: w.value,
+      return c("td", L(E.value, {
+        class: m(F.value, Q),
+        style: b.value,
         colspan: n,
         rowspan: t,
-        onMouseenter: A(E.value.onMouseenter),
-        onMouseleave: W(E.value.onMouseleave)
-      }), [R, k, X]);
+        onMouseenter: K(E.value.onMouseenter),
+        onMouseleave: z(E.value.onMouseleave)
+      }), [R, k, U]);
     };
   }
 });
 export {
-  Ie as default
+  _e as default
 };

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

@@ -1,6 +1,6 @@
-import { defineComponent as n, inject as o, createVNode as t, h as l, resolveDynamicComponent as a } from "vue";
+import { defineComponent as r, inject as a, createVNode as t, h as l, resolveDynamicComponent as n } from "vue";
 import { TABLE_CONTEXT_KEY as m } from "../context.mjs";
-const y = /* @__PURE__ */ n({
+const u = /* @__PURE__ */ r({
   name: "TableEmpty",
   props: {
     colSpan: {
@@ -17,22 +17,24 @@ const y = /* @__PURE__ */ n({
     }
   },
   setup(s) {
-    const e = o(m, {});
+    const e = a(m, {});
     return () => {
-      const p = e.subThemeSlots, r = e.presetConfig?.value;
-      return t("tr", null, [t("td", {
+      const p = e.subThemeSlots, o = e.presetConfig?.value;
+      return t("tr", {
+        class: e.compatClass?.("placeholder")
+      }, [t("td", {
         class: [s.tdClass, s.emptyClass],
         colspan: s.colSpan
       }, [e.empty ? e.empty() : t("div", {
         class: p?.emptyWrapper()
-      }, [r?.emptyIcon && t("div", {
+      }, [o?.emptyIcon && t("div", {
         class: p?.emptyIcon()
-      }, [l(a(r.emptyIcon))]), t("p", {
+      }, [l(n(o.emptyIcon))]), t("p", {
         class: p?.emptyText()
       }, [e.locale?.value.empty.text ?? "暂无数据"])])])]);
     };
   }
 });
 export {
-  y as default
+  u as default
 };

package/dist/table/src/components/TableHeaderCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeaderCell.d.ts","sourceRoot":"","sources":["../../../../../table/src/components/TableHeaderCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,QAAQ,EACd,MAAM,KAAK,CAAA;AAOZ,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;;;cAuBzC,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;cAAjD,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;AAJvE,wBA0uBE"}
+{"version":3,"file":"TableHeaderCell.d.ts","sourceRoot":"","sources":["../../../../../table/src/components/TableHeaderCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,QAAQ,EACd,MAAM,KAAK,CAAA;AAOZ,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;;;cAuBzC,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;cAAjD,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;AAJvE,wBAwvBE"}