@vtable-guild/vtable-guild 2.8.0 → 2.9.0-alpha.0

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;AAStE,OAAO,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;;;cAoBd,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,wBA2KE"}
+{"version":3,"file":"TableBody.d.ts","sourceRoot":"","sources":["../../../../../table/src/components/TableBody.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAA;AAStE,OAAO,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;;;cAoBd,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,wBA4KE"}

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

@@ -1,6 +1,6 @@
-import { defineComponent as E, inject as h, computed as v, createVNode as c } from "vue";
+import { defineComponent as E, inject as T, computed as v, createVNode as c } from "vue";
 import "../../../core/src/utils/tv.mjs";
-import T from "./TableRow.mjs";
+import h from "./TableRow.mjs";
 import N from "./TableCell.mjs";
 import k from "./TableEmpty.mjs";
 import B from "./ExpandedRowTr.mjs";
@@ -51,31 +51,32 @@ const U = /* @__PURE__ */ E({
     }
   },
   setup(e) {
-    const a = h(q, {});
-    function R(t, o) {
-      return $(t, o, e.rowKey);
+    const t = T(q, {});
+    function R(a, o) {
+      return $(a, o, e.rowKey);
     }
-    const S = v(() => {
-      const t = /* @__PURE__ */ new Set();
-      return e.dataSource.map((o, n) => {
-        const l = [];
+    const x = v(() => {
+      const a = /* @__PURE__ */ new Set();
+      return e.dataSource.map((o, l) => {
+        const n = [];
         return e.columns.forEach((C, s) => {
-          const w = `${n}:${s}`;
-          if (t.has(w)) return;
+          const p = `${l}:${s}`;
+          if (a.has(p)) return;
           const y = K({
             text: A(o, C.dataIndex),
             record: o,
-            rowIndex: n,
+            rowIndex: l,
             column: C,
-            bodyCell: a.bodyCell,
-            transformCellText: a.transformCellText
+            bodyCell: t.bodyCell,
+            transformCellText: t.transformCellText,
+            columnEmptyText: t.columnEmptyText?.value
           }), r = g(y.colSpan), d = g(y.rowSpan);
           if (r === 0 || d === 0) return;
-          const f = Math.min(e.dataSource.length, n + d), p = Math.min(e.columns.length, s + r);
-          for (let i = n; i < f; i += 1)
-            for (let u = s; u < p; u += 1)
-              i === n && u === s || t.add(`${i}:${u}`);
-          l.push({
+          const f = Math.min(e.dataSource.length, l + d), w = Math.min(e.columns.length, s + r);
+          for (let i = l; i < f; i += 1)
+            for (let u = s; u < w; u += 1)
+              i === l && u === s || a.add(`${i}:${u}`);
+          n.push({
             column: C,
             colIndex: s,
             resolvedCell: {
@@ -84,27 +85,27 @@ const U = /* @__PURE__ */ E({
               rowSpan: d
             }
           });
-        }), l;
+        }), n;
       });
     });
     return () => c("tbody", {
       class: e.tbodyClass
-    }, [e.dataSource.length > 0 ? e.dataSource.map((t, o) => {
-      const n = R(t, o), l = a.expandable?.(), C = a.isExpanded?.(n) ?? !1, s = l?.expandRowByClick ?? !1, w = a.isRowExpandable?.(t) ?? !1, r = (a.isTreeData?.value ? a.getFlattenRow?.(t) : void 0)?.level ?? 0, d = a.getRowClassName?.(t, o), f = a.getRowProps?.(t, o), p = a.rowDrag?.enabled.value ? a.rowDrag.getBindings(t, o, f) : void 0, i = {
+    }, [e.dataSource.length > 0 ? e.dataSource.map((a, o) => {
+      const l = R(a, o), n = t.expandable?.(), C = t.isExpanded?.(l) ?? !1, s = n?.expandRowByClick ?? !1, p = t.isRowExpandable?.(a) ?? !1, r = (t.isTreeData?.value ? t.getFlattenRow?.(a) : void 0)?.level ?? 0, d = t.getRowClassName?.(a, o), f = t.getRowProps?.(a, o), w = t.rowDrag?.enabled.value ? t.rowDrag.getBindings(a, o, f) : void 0, i = {
         ...f,
-        ...p
-      }, u = D(a.rowDrag, n, a.subThemeSlots), b = typeof l?.expandedRowClassName == "function" ? l.expandedRowClassName(t, o, r) : l?.expandedRowClassName, x = s ? () => {
-        w && a.toggleExpand?.(t, o);
+        ...w
+      }, u = D(t.rowDrag, l, t.subThemeSlots), S = typeof n?.expandedRowClassName == "function" ? n.expandedRowClassName(a, o, r) : n?.expandedRowClassName, b = s ? () => {
+        p && t.toggleExpand?.(a, o);
       } : void 0;
-      return [c(T, {
-        key: n,
-        rowClass: F(e.rowClass, d, u, P(a, t, o, r)) ?? "",
+      return [c(h, {
+        key: l,
+        rowClass: F(e.rowClass, d, u, P(t, a, o, r)) ?? "",
         rowProps: i,
-        onClick: x
+        onClick: b
       }, {
-        default: () => [S.value[o]?.map((m) => c(N, {
+        default: () => [x.value[o]?.map((m) => c(N, {
           key: m.column.key ?? String(m.column.dataIndex ?? m.colIndex),
-          record: t,
+          record: a,
           rowIndex: o,
           column: m.column,
           colIndex: m.colIndex,
@@ -112,17 +113,17 @@ const U = /* @__PURE__ */ E({
           tdClass: e.tdClass,
           bodyCellEllipsisClass: e.bodyCellEllipsisClass
         }, null))]
-      }), C && l?.expandedRowRender ? c(B, {
-        key: `${n}-expanded`,
-        record: t,
+      }), C && n?.expandedRowRender ? c(B, {
+        key: `${l}-expanded`,
+        record: a,
         rowIndex: o,
         colspan: e.columns.length,
         rowIndent: r,
         rowClass: e.rowClass,
         rowClassName: d,
-        expandedRowClassName: b,
+        expandedRowClassName: S,
         tdClass: e.tdClass,
-        expandedRowRender: l.expandedRowRender
+        expandedRowRender: n.expandedRowRender
       }, null) : null];
     }) : c(k, {
       colSpan: e.columns.length || 1,

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,wBAmcE"}
+{"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;;;cASQ,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,wBA4dE"}

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

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

package/dist/table/src/components/TableColumnSettings.d.ts

@@ -0,0 +1,41 @@
+import { PropType, SlotsType } from 'vue';
+import { ColumnsType } from '../types';
+import { TableColumnSettingsProps, TableColumnSettingsSize, TableColumnSettingsSlots } from '../types/column-settings';
+type Row = Record<string, unknown>;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    columns: {
+        type: PropType<ColumnsType<Row>>;
+        required: true;
+    };
+    size: PropType<TableColumnSettingsSize>;
+    disabled: BooleanConstructor;
+    options: PropType<TableColumnSettingsProps["options"]>;
+    locale: PropType<TableColumnSettingsProps["locale"]>;
+    ui: PropType<TableColumnSettingsProps["ui"]>;
+    class: StringConstructor;
+    getPopupContainer: PropType<TableColumnSettingsProps["getPopupContainer"]>;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:columns': (_columns: ColumnsType<Row>) => true;
+    'update:size': (_size: TableColumnSettingsSize) => true;
+    reset: () => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    columns: {
+        type: PropType<ColumnsType<Row>>;
+        required: true;
+    };
+    size: PropType<TableColumnSettingsSize>;
+    disabled: BooleanConstructor;
+    options: PropType<TableColumnSettingsProps["options"]>;
+    locale: PropType<TableColumnSettingsProps["locale"]>;
+    ui: PropType<TableColumnSettingsProps["ui"]>;
+    class: StringConstructor;
+    getPopupContainer: PropType<TableColumnSettingsProps["getPopupContainer"]>;
+}>> & Readonly<{
+    onReset?: (() => any) | undefined;
+    "onUpdate:columns"?: ((_columns: ColumnsType<Row>) => any) | undefined;
+    "onUpdate:size"?: ((_size: TableColumnSettingsSize) => any) | undefined;
+}>, {
+    disabled: boolean;
+}, SlotsType<TableColumnSettingsSlots<Record<string, unknown>>>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=TableColumnSettings.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableColumnSettings.d.ts","sourceRoot":"","sources":["../../../../../table/src/components/TableColumnSettings.tsx"],"names":[],"mappings":"AAAA,OAAO,EAUL,KAAK,QAAQ,EACb,KAAK,SAAS,EAEf,MAAM,KAAK,CAAA;AASZ,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAC3C,OAAO,KAAK,EACV,wBAAwB,EACxB,uBAAuB,EACvB,wBAAwB,EACzB,MAAM,0BAA0B,CAAA;AAejC,KAAK,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;;;cAMJ,QAAQ,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;;;UACpC,QAAQ,CAAC,uBAAuB,CAAC;;aAE9B,QAAQ,CAAC,wBAAwB,CAAC,SAAS,CAAC,CAAC;YAC9C,QAAQ,CAAC,wBAAwB,CAAC,QAAQ,CAAC,CAAC;QAChD,QAAQ,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC;;uBAEvB,QAAQ,CAAC,wBAAwB,CAAC,mBAAmB,CAAC,CAAC;;iCAGzD,WAAW,CAAC,GAAG,CAAC;2BACtB,uBAAuB;;;;cAXpB,QAAQ,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;;;UACpC,QAAQ,CAAC,uBAAuB,CAAC;;aAE9B,QAAQ,CAAC,wBAAwB,CAAC,SAAS,CAAC,CAAC;YAC9C,QAAQ,CAAC,wBAAwB,CAAC,QAAQ,CAAC,CAAC;QAChD,QAAQ,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC;;uBAEvB,QAAQ,CAAC,wBAAwB,CAAC,mBAAmB,CAAC,CAAC;;;;;;;;AAV1F,wBAogBE"}