@vtable-guild/vtable-guild 2.6.0 → 2.6.2

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;;;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,wBAiKE"}
+{"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,17 +1,17 @@
-import { defineComponent as b, inject as x, computed as h, createVNode as m } 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 { getRowCompatClass as N } from "../utils/compat.mjs";
-import { getByDataIndex as q } from "../composables/useColumns.mjs";
+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 L = /* @__PURE__ */ b({
+const L = /* @__PURE__ */ S({
   name: "TableBody",
   props: {
     dataSource: {
@@ -48,72 +48,74 @@ const L = /* @__PURE__ */ b({
     }
   },
   setup(e) {
-    const l = x(k, {});
-    function g(t, a) {
-      return typeof e.rowKey == "function" ? e.rowKey(t) : typeof e.rowKey == "string" && e.rowKey in t ? t[e.rowKey] : a;
+    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((a, o) => {
-        const s = [];
+      return e.dataSource.map((l, s) => {
+        const o = [];
         return e.columns.forEach((C, r) => {
-          const c = `${o}:${r}`;
+          const c = `${s}:${r}`;
           if (t.has(c)) return;
           const y = K({
-            text: q(a, C.dataIndex),
-            record: a,
-            rowIndex: o,
+            text: B(l, C.dataIndex),
+            record: l,
+            rowIndex: s,
             column: C,
-            bodyCell: l.bodyCell,
-            transformCellText: l.transformCellText
-          }), i = R(y.colSpan), d = R(y.rowSpan);
-          if (i === 0 || d === 0) return;
-          const f = Math.min(e.dataSource.length, o + d), w = Math.min(e.columns.length, r + i);
-          for (let u = o; u < f; u += 1)
+            bodyCell: a.bodyCell,
+            transformCellText: a.transformCellText
+          }), 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)
-              u === o && n === r || t.add(`${u}:${n}`);
-          s.push({
+              m === s && n === r || t.add(`${m}:${n}`);
+          o.push({
             column: C,
             colIndex: r,
             resolvedCell: {
               ...y,
-              colSpan: i,
-              rowSpan: d
+              colSpan: d,
+              rowSpan: u
             }
           });
-        }), s;
+        }), o;
       });
     });
-    return () => m("tbody", {
+    return () => i("tbody", {
       class: e.tbodyClass
-    }, [e.dataSource.length > 0 ? e.dataSource.map((t, a) => {
-      const o = g(t, a), s = l.expandable?.(), C = l.isExpanded?.(o) ?? !1, r = s?.expandRowByClick ?? !1, c = l.isRowExpandable?.(t) ?? !1, i = (l.isTreeData?.value ? l.getFlattenRow?.(t) : void 0)?.level ?? 0, d = l.getRowClassName?.(t, a), f = l.getRowProps?.(t, a), w = typeof s?.expandedRowClassName == "function" ? s.expandedRowClassName(t, a, i) : s?.expandedRowClassName, u = r ? () => {
-        c && l.toggleExpand?.(t, a);
+    }, [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 [m(E, {
-        key: o,
-        rowClass: p(e.rowClass, d, N(l, t, a, i)) ?? "",
+      return [i(E, {
+        key: s,
+        rowClass: p(e.rowClass, u, N(a, t, l, d)) ?? "",
         rowProps: f,
-        onClick: u
+        onClick: m
       }, {
-        default: () => [S.value[a]?.map((n) => m(T, {
+        default: () => [x.value[l]?.map((n) => i(T, {
           key: n.column.key ?? String(n.column.dataIndex ?? n.colIndex),
           record: t,
-          rowIndex: a,
+          rowIndex: l,
           column: n.column,
           colIndex: n.colIndex,
           resolvedCell: n.resolvedCell,
           tdClass: e.tdClass,
           bodyCellEllipsisClass: e.bodyCellEllipsisClass
         }, null))]
-      }), C && s?.expandedRowRender && m("tr", {
-        key: `${o}-expanded`,
-        class: p(e.rowClass, d, l.subThemeSlots?.expandedRow(), w)
-      }, [m("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: p(e.tdClass, l.subThemeSlots?.expandedRowCell())
-      }, [s.expandedRowRender(t, a, 0, !0)])])];
-    }) : m(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

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,wBA0aE"}
+{"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 U, inject as Z, ref as q, computed as c, 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 ee from "../../../core/src/components/Tooltip.mjs";
-import { TABLE_CONTEXT_KEY as le } from "../context.mjs";
-import { getByDataIndex as ne, getColumnKey as L } from "../composables/useColumns.mjs";
-import { useFixedColumnStyle as te } from "../composables/useFixedColumnStyle.mjs";
-import { resolveBodyCell as oe, getEllipsisConfig as D, omitCellProps as N, isRenderedCell as ae } from "../utils/cell.mjs";
-import se from "./SelectionCheckbox.mjs";
-import re from "./SelectionRadio.mjs";
-import P from "./ExpandIcon.mjs";
-import { isInHoverRange as ce } 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 Te = /* @__PURE__ */ U({
+const _e = /* @__PURE__ */ ee({
   name: "TableCell",
   props: {
     record: {
@@ -55,50 +55,50 @@ const Te = /* @__PURE__ */ U({
     }
   },
   setup(e) {
-    const l = Z(le, {}), H = q(null), I = q(!1), o = c(() => e.resolvedCell ?? oe({
-      text: ne(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
-    })), j = c(() => {
+    })), 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: A,
-      fixedClass: T
-    } = te({
+      fixedStyle: W,
+      fixedClass: p
+    } = ae({
       fixedInfo: () => j.value
-    }), W = c(() => D(e.column).enabled ? l.compatClass?.("cell-ellipsis") ?? "" : ""), i = c(() => l.getSelectionState?.(e.record, e.rowIndex) ?? {
+    }), $ = r(() => D(e.column).enabled ? l.compatClass?.("cell-ellipsis") ?? "" : ""), i = r(() => l.getSelectionState?.(e.record, e.rowIndex) ?? {
       checked: !1,
       indeterminate: !1,
       disabled: !1
-    }), f = c(() => i.value.checked), _ = c(() => ce(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 K(n) {
       return (t) => {
-        S(), typeof n == "function" && n(t);
+        w(), typeof n == "function" && n(t);
       };
     }
     function z(n) {
       return (t) => {
-        h(), typeof n == "function" && n(t);
+        S(), typeof n == "function" && n(t);
       };
     }
-    const E = c(() => ({
-      ...N(o.value.renderCellProps),
-      ...N(o.value.customCellProps)
-    })), F = c(() => {
-      const n = e.column.align ? de[e.column.align] : "", t = l.subThemeSlots, a = _.value && l.hoverable?.value, C = l.isColumnSorted?.(e.column) && t ? t.tdSorted() : "", R = f.value && t ? m(t.tdSelected(), a ? t.tdRowSelectedHover() : "") : "", p = a && t && !f.value ? t.tdRowHover() : "";
+    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,
@@ -109,91 +109,92 @@ const Te = /* @__PURE__ */ U({
         o.value.renderCellProps?.className,
         C,
         R,
-        p,
-        T.value,
+        k,
+        p.value,
+        _.value,
         // antdv 把 ellipsis 类放在 td 上，我们的 slot 落在内层 span，故在此补
-        W.value
+        $.value
       );
-    }), w = c(() => {
-      const n = {}, t = l.columnWidths?.[String(L(e.column) ?? e.colIndex)], a = e.widthOverride ?? t ?? e.column.width;
+    }), 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,
-        ...A.value ?? {},
+        ...W.value ?? {},
         ...o.value.customCellProps?.style ?? {},
         ...o.value.renderCellProps?.style ?? {}
       };
-    }), $ = c(() => l.isTreeData?.value ? l.getFlattenRow?.(e.record) ?? null : null), G = c(() => 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 V(n) {
+    function X(n) {
       return {
-        ...w.value,
+        ...b.value,
         ...n ?? {}
       };
     }
-    function X() {
-      const n = H.value, t = o.value.tooltipText;
-      I.value = !!(n && t && (n.scrollWidth > n.clientWidth || n.scrollHeight > n.clientHeight));
-    }
     function Y() {
-      I.value = !1;
+      const n = O.value, t = o.value.tooltipText;
+      T.value = !!(n && t && (n.scrollWidth > n.clientWidth || n.scrollHeight > n.clientHeight));
+    }
+    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?.(), x = v?.type === "radio" ? r(re, {
+        const v = l.rowSelection?.(), x = v?.type === "radio" ? c(de, {
           checked: i.value.checked,
           disabled: i.value.disabled,
           onChange: (d) => l.toggleRow?.(e.record, e.rowIndex, d)
-        }, null) : r(se, {
+        }, null) : c(re, {
           checked: i.value.checked,
           indeterminate: i.value.indeterminate,
           disabled: i.value.disabled,
-          onChange: (d, y) => l.toggleRow?.(e.record, e.rowIndex, y)
+          onChange: (d, I) => l.toggleRow?.(e.record, e.rowIndex, I)
         }, null);
         let u = x, s;
         if (v?.renderCell) {
           const d = v.renderCell(i.value.checked, e.record, e.rowIndex, x);
-          ae(d) ? (u = d.children, s = d.props) : u = d;
+          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, l.compatClass?.("selection-column"));
-        return r("td", B(N(s), {
-          class: M,
-          style: V(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?.(), k = l.getRowKey?.(e.record, e.rowIndex), x = k !== void 0 && (l.isExpanded?.(k) ?? !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() : "") : "", d = b && s && !f.value ? s.tdRowHover() : "", y = m(e.tdClass, l.vtgClass?.("text-center"), e.column.className, g, M, d, T.value, l.compatClass?.("row-expand-icon-cell"));
-        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: x,
           record: e.record,
           expandable: u,
-          onExpand: (ue, Q) => {
-            Q.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, {
+          onMouseenter: w,
+          onMouseleave: S
+        }, [c(H, {
           expanded: x,
           expandable: u,
           variant: "row",
@@ -202,46 +203,47 @@ const Te = /* @__PURE__ */ U({
           }
         }, null)]);
       }
-      const a = $.value, C = G.value && a, R = C ? 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, p = C && 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) : C ? r(P, {
+      }, null) : C ? c(H, {
         expanded: !1,
         expandable: !1,
         variant: "tree"
-      }, null) : null, O = D(e.column), J = O.enabled ? O.showTitle ? r(ee, {
+      }, 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: X,
-          onMouseleave: Y
+          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: F.value,
-        style: w.value,
+      return c("td", L(E.value, {
+        class: m(F.value, Q),
+        style: b.value,
         colspan: n,
         rowspan: t,
         onMouseenter: K(E.value.onMouseenter),
         onMouseleave: z(E.value.onMouseleave)
-      }), [R, p, J]);
+      }), [R, k, U]);
     };
   }
 });
 export {
-  Te 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,wBA4uBE"}
+{"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"}