@vtable-guild/vtable-guild 2.8.1 → 2.9.0-alpha.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;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,wBA+KE"}

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 v, inject as E, computed as T, 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";
@@ -14,7 +14,7 @@ import { cn as F } from "tailwind-variants";
 function g(e) {
   return Number.isFinite(e) ? e <= 0 ? 0 : Math.floor(e) : 1;
 }
-const U = /* @__PURE__ */ E({
+const U = /* @__PURE__ */ v({
   name: "TableBody",
   props: {
     dataSource: {
@@ -51,31 +51,34 @@ const U = /* @__PURE__ */ E({
     }
   },
   setup(e) {
-    const a = h(q, {});
-    function R(t, o) {
-      return $(t, o, e.rowKey);
+    const t = E(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 = T(() => {
+      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,
+            renderers: t.renderers?.value,
+            locale: t.localeName?.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 +87,28 @@ 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,
+        "data-vtg-row-index": o,
+        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 +116,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,wBA4eE"}

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 ne, inject as te, 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 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 { cn as m } from "tailwind-variants";
-const Ee = /* @__PURE__ */ ee({
+import oe from "../../../core/src/components/Tooltip.mjs";
+import { TABLE_CONTEXT_KEY as ae } from "../context.mjs";
+import { getByDataIndex as se, getColumnKey as K } from "../composables/useColumns.mjs";
+import { useFixedColumnStyle as ce } from "../composables/useFixedColumnStyle.mjs";
+import { resolveBodyCell as de, getEllipsisConfig as j, omitCellProps as H, isRenderedCell as ue } from "../utils/cell.mjs";
+import re from "./SelectionCheckbox.mjs";
+import ie from "./SelectionRadio.mjs";
+import L from "./ExpandIcon.mjs";
+import ve from "./TableCopyButton.mjs";
+import { isInHoverRange as me } from "../composables/useHoverState.mjs";
+import { TABLE_ALIGN_CLASSES as Ce } from "../../../theme/src/presets/antdv/table.mjs";
+import { cn as C } from "tailwind-variants";
+const Ne = /* @__PURE__ */ ne({
   name: "TableCell",
   props: {
     record: {
@@ -55,27 +56,30 @@ 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 = te(ae, {}), O = A(null), E = A(!1), t = d(() => e.resolvedCell ?? de({
+      text: se(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,
+      renderers: l.renderers?.value,
+      locale: l.localeName?.value
+    })), W = d(() => {
       if (!e.column.fixed) return null;
-      const n = A(e.column) ?? e.colIndex;
+      const n = K(e.column) ?? e.colIndex;
       return l.fixedOffsets?.value?.get(n) ?? null;
     }), {
-      fixedStyle: W,
+      fixedStyle: $,
       fixedClass: _
-    } = ae({
-      fixedInfo: () => j.value
-    }), $ = d(() => D(e.column).enabled ? l.compatClass?.("cell-ellipsis") ?? "" : ""), i = d(() => l.getSelectionState?.(e.record, e.rowIndex) ?? {
+    } = ce({
+      fixedInfo: () => W.value
+    }), z = d(() => j(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), g = d(() => me(e.rowIndex, t.value.rowSpan ?? 1, l.hoverRange?.value ?? null)), R = d(() => g.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,22 +88,22 @@ 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() : "";
-      return m(
+    const k = d(() => ({
+      ...H(t.value.renderCellProps),
+      ...H(t.value.customCellProps)
+    })), V = d(() => {
+      const n = e.column.align ? l.vtgClass?.(Ce[e.column.align]) ?? "" : "", o = l.subThemeSlots, a = g.value && l.hoverable?.value, v = l.isColumnSorted?.(e.column) && o ? o.tdSorted() : "", f = x.value && o ? C(o.tdSelected(), a ? o.tdRowSelectedHover() : "") : "", p = a && o && !x.value ? o.tdRowHover() : "";
+      return C(
         e.tdClass,
         n,
         e.column.className,
@@ -107,149 +111,165 @@ const Ee = /* @__PURE__ */ ee({
         t.value.customCellProps?.className,
         t.value.renderCellProps?.class,
         t.value.renderCellProps?.className,
-        C,
-        k,
+        v,
+        f,
         p,
         _.value,
-        E.value,
+        R.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(K(e.column) ?? e.colIndex)], a = e.widthOverride ?? o ?? e.column.width;
       return a && (n.width = typeof a == "number" ? `${a}px` : a), {
         ...n,
-        ...W.value ?? {},
+        ...$.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;
-      T.value = !!(n && o && (n.scrollWidth > n.clientWidth || n.scrollHeight > n.clientHeight));
+    function Q() {
+      const n = O.value, o = t.value.tooltipText;
+      E.value = !!(n && o && (n.scrollWidth > n.clientWidth || n.scrollHeight > n.clientHeight));
     }
-    function J() {
-      T.value = !1;
+    function U() {
+      E.value = !1;
     }
     return () => {
       if (t.value.colSpan === 0 || t.value.rowSpan === 0)
         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 m = l.rowSelection?.(), S = m?.type === "radio" ? s(ie, {
           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(re, {
           checked: i.value.checked,
           indeterminate: i.value.indeterminate,
           disabled: i.value.disabled,
-          onChange: (r, I) => l.toggleRow?.(e.record, e.rowIndex, I)
+          onChange: (u, T) => l.toggleRow?.(e.record, e.rowIndex, T)
         }, null);
-        let u = x, s;
-        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;
+        let r = S, c;
+        if (m?.renderCell) {
+          const u = m.renderCell(i.value.checked, e.record, e.rowIndex, S);
+          ue(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 y = !!m?.renderCell, I = g.value && l.hoverable?.value, P = C(e.tdClass, l.vtgClass?.(y ? "text-center" : "text-center leading-[0]"), e.column.className, c?.class, c?.className, x.value && l.subThemeSlots ? C(l.subThemeSlots.tdSelected(), I ? l.subThemeSlots.tdRowSelectedHover() : "") : I && l.subThemeSlots ? l.subThemeSlots.tdRowHover() : "", _.value, R.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", {
-          class: I,
-          style: g.value,
+        const m = l.expandable?.(), M = l.getRowKey?.(e.record, e.rowIndex), S = M !== void 0 && (l.isExpanded?.(M) ?? !1), r = l.isRowExpandable?.(e.record) ?? !1, c = l.subThemeSlots, y = g.value && l.hoverable?.value, I = l.isColumnSorted?.(e.column) && c ? c.tdSorted() : "", P = x.value && c ? C(c.tdSelected(), y ? c.tdRowSelectedHover() : "") : "", u = y && c && !x.value ? c.tdRowHover() : "", T = C(e.tdClass, l.vtgClass?.("text-center"), e.column.className, I, P, u, _.value, R.value, l.compatClass?.("row-expand-icon-cell"));
+        return m?.expandIcon ? s("td", {
+          class: T,
+          style: b.value,
           "data-vtg-col": e.colIndex,
           colspan: n,
           rowspan: o,
           onMouseenter: h,
           onMouseleave: w
-        }, [v.expandIcon({
-          expanded: x,
+        }, [m.expandIcon({
+          expanded: S,
           record: e.record,
-          expandable: u,
-          onExpand: (ve, Z) => {
-            Z.stopPropagation(), u && l.toggleExpand?.(e.record, e.rowIndex);
+          expandable: r,
+          onExpand: (fe, le) => {
+            le.stopPropagation(), r && l.toggleExpand?.(e.record, e.rowIndex);
           }
-        })]) : c("td", {
-          class: I,
-          style: g.value,
+        })]) : s("td", {
+          class: T,
+          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: S,
+          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, v = Y.value && a, f = v ? l.getRowKey?.(e.record, e.rowIndex) : void 0, p = v ? 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, Z = v && a.hasChildren ? s(L, {
         expanded: a.expanded,
         expandable: !0,
         variant: "tree",
+        loading: f !== void 0 && l.isTreeLoading?.(f),
+        error: f !== void 0 && !!l.getTreeLoadError?.(f),
         onClick: () => l.toggleTreeExpand?.(e.record, e.rowIndex)
-      }, null) : C ? c(H, {
+      }, null) : v ? 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 = j(e.column), ee = v ? l.compatClass?.("cell-with-append") ?? "" : "", N = t.value.presentation === "tag" ? s("span", {
+        class: l.subThemeSlots?.cellTag(),
+        "data-status": t.value.status ?? "default",
+        "data-vtg-field": "tag"
+      }, [t.value.content]) : 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(oe, {
         block: !0,
         title: t.value.tooltipText,
         placement: "top",
-        open: T.value
+        open: E.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
+        }, [N])]
+      }) : 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,
+      }, [N]) : N;
+      return s("td", D(k.value, {
+        class: C(V.value, ee),
+        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(k.value.onMouseenter),
+        onMouseleave: G(k.value.onMouseleave)
+      }), [p, Z, e.column.copyable ? s("span", {
+        class: l.subThemeSlots?.cellContent()
+      }, [q, s(ve, {
+        column: e.column,
+        record: e.record,
+        rowIndex: e.rowIndex,
+        defaultText: t.value.copyText
+      }, null)]) : q]);
     };
   }
 });
 export {
-  Ee as default
+  Ne 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"}