@vtable-guild/vtable-guild 2.9.0-alpha.0 → 2.9.0-alpha.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;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"}
+{"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,4 +1,4 @@
-import { defineComponent as E, inject as T, 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 h from "./TableRow.mjs";
 import N from "./TableCell.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,11 +51,11 @@ const U = /* @__PURE__ */ E({
     }
   },
   setup(e) {
-    const t = T(q, {});
+    const t = E(q, {});
     function R(a, o) {
       return $(a, o, e.rowKey);
     }
-    const x = v(() => {
+    const x = T(() => {
       const a = /* @__PURE__ */ new Set();
       return e.dataSource.map((o, l) => {
         const n = [];
@@ -69,7 +69,9 @@ const U = /* @__PURE__ */ E({
             column: C,
             bodyCell: t.bodyCell,
             transformCellText: t.transformCellText,
-            columnEmptyText: t.columnEmptyText?.value
+            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, l + d), w = Math.min(e.columns.length, s + r);
@@ -99,6 +101,7 @@ const U = /* @__PURE__ */ E({
       } : void 0;
       return [c(h, {
         key: l,
+        "data-vtg-row-index": o,
         rowClass: F(e.rowClass, d, u, P(t, a, o, r)) ?? "",
         rowProps: i,
         onClick: b

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;;;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"}
+{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../../../table/src/components/TableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0C,KAAK,QAAQ,EAAmB,MAAM,KAAK,CAAA;AAI5F,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,wBA4gBE"}

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

@@ -1,18 +1,20 @@
-import { defineComponent as le, inject as ne, ref as A, computed as d, createVNode as s, mergeProps as D } from "vue";
+import { defineComponent as te, inject as ne, ref as A, computed as c, createVNode as a, mergeProps as D } from "vue";
 import "../../../core/src/utils/tv.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 oe from "../../../core/src/components/Tooltip.mjs";
+import ae from "../../../icons/src/CheckCircleFilledIcon.mjs";
+import se from "../../../icons/src/CloseCircleFilledIcon.mjs";
+import { TABLE_CONTEXT_KEY as re } from "../context.mjs";
+import { getByDataIndex as ce, getColumnKey as K } from "../composables/useColumns.mjs";
+import { useFixedColumnStyle as ue } from "../composables/useFixedColumnStyle.mjs";
+import { resolveBodyCell as de, getEllipsisConfig as $, omitCellProps as H, isRenderedCell as ie } from "../utils/cell.mjs";
+import ve from "./SelectionCheckbox.mjs";
+import me from "./SelectionRadio.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 pe = /* @__PURE__ */ le({
+import Ce from "./TableCopyButton.mjs";
+import { isInHoverRange as fe } from "../composables/useHoverState.mjs";
+import { TABLE_ALIGN_CLASSES as xe } from "../../../theme/src/presets/antdv/table.mjs";
+import { cn as C } from "tailwind-variants";
+const Le = /* @__PURE__ */ te({
   name: "TableCell",
   props: {
     record: {
@@ -56,29 +58,31 @@ const pe = /* @__PURE__ */ le({
     }
   },
   setup(e) {
-    const l = ne(oe, {}), O = A(null), T = A(!1), t = d(() => e.resolvedCell ?? ce({
-      text: ae(e.record, e.column.dataIndex),
+    const l = ne(re, {}), B = A(null), p = A(!1), t = c(() => e.resolvedCell ?? de({
+      text: ce(e.record, e.column.dataIndex),
       record: e.record,
       rowIndex: e.rowIndex,
       column: e.column,
       bodyCell: l.bodyCell,
       transformCellText: l.transformCellText,
-      columnEmptyText: l.columnEmptyText?.value
-    })), $ = d(() => {
+      columnEmptyText: l.columnEmptyText?.value,
+      renderers: l.renderers?.value,
+      locale: l.localeName?.value
+    })), j = c(() => {
       if (!e.column.fixed) return null;
-      const n = j(e.column) ?? e.colIndex;
+      const n = K(e.column) ?? e.colIndex;
       return l.fixedOffsets?.value?.get(n) ?? null;
     }), {
-      fixedStyle: K,
+      fixedStyle: F,
       fixedClass: E
-    } = se({
-      fixedInfo: () => $.value
-    }), z = d(() => W(e.column).enabled ? l.compatClass?.("cell-ellipsis") ?? "" : ""), i = d(() => l.getSelectionState?.(e.record, e.rowIndex) ?? {
+    } = ue({
+      fixedInfo: () => j.value
+    }), W = c(() => $(e.column).enabled ? l.compatClass?.("cell-ellipsis") ?? "" : ""), i = c(() => l.getSelectionState?.(e.record, e.rowIndex) ?? {
       checked: !1,
       indeterminate: !1,
       disabled: !1
-    }), 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() {
+    }), x = c(() => i.value.checked), h = c(() => fe(e.rowIndex, t.value.rowSpan ?? 1, l.hoverRange?.value ?? null)), _ = c(() => h.value && l.hoverable?.value ? l.compatClass?.("cell-row-hover") ?? "" : "");
+    function S() {
       if (!l.hoverable?.value) return;
       const n = Math.max(1, t.value.rowSpan ?? 1);
       l.setHoverRange?.(e.rowIndex, e.rowIndex + n - 1);
@@ -86,22 +90,22 @@ const pe = /* @__PURE__ */ le({
     function w() {
       l.hoverable?.value && l.clearHoverRange?.();
     }
-    function F(n) {
+    function z(n) {
       return (o) => {
-        h(), typeof n == "function" && n(o);
+        S(), typeof n == "function" && n(o);
       };
     }
-    function G(n) {
+    function V(n) {
       return (o) => {
         w(), typeof n == "function" && n(o);
       };
     }
-    const R = d(() => ({
+    const R = c(() => ({
       ...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(
+    })), G = c(() => {
+      const n = e.column.align ? l.vtgClass?.(xe[e.column.align]) ?? "" : "", o = l.subThemeSlots, s = h.value && l.hoverable?.value, v = l.isColumnSorted?.(e.column) && o ? o.tdSorted() : "", f = x.value && o ? C(o.tdSelected(), s ? o.tdRowSelectedHover() : "") : "", k = s && o && !x.value ? o.tdRowHover() : "";
+      return C(
         e.tdClass,
         n,
         e.column.className,
@@ -109,27 +113,27 @@ const pe = /* @__PURE__ */ le({
         t.value.customCellProps?.className,
         t.value.renderCellProps?.class,
         t.value.renderCellProps?.className,
-        C,
+        v,
+        f,
         k,
-        p,
         E.value,
         _.value,
         // antdv 把 ellipsis 类放在 td 上，我们的 slot 落在内层 span，故在此补
-        z.value
+        W.value
       );
-    }), 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), {
+    }), b = c(() => {
+      const n = {}, o = l.columnWidths?.[String(K(e.column) ?? e.colIndex)], s = e.widthOverride ?? o ?? e.column.width;
+      return s && (n.width = typeof s == "number" ? `${s}px` : s), {
         ...n,
-        ...K.value ?? {},
+        ...F.value ?? {},
         ...t.value.customCellProps?.style ?? {},
         ...t.value.renderCellProps?.style ?? {},
         ...l.columnLayout?.columnStyle(e.colIndex, t.value.colSpan || 1)
       };
-    }), 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 ? (() => {
+    }), X = c(() => l.isTreeData?.value ? l.getFlattenRow?.(e.record) ?? null : null), Y = c(() => 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;
+      let s = 0;
+      return n && (s += 1), o && o.showExpandColumn !== !1 && (s += 1), e.colIndex === s;
     })() : !1 : !1);
     function J(n) {
       return {
@@ -139,121 +143,148 @@ const pe = /* @__PURE__ */ le({
       };
     }
     function Q() {
-      const n = O.value, o = t.value.tooltipText;
-      T.value = !!(n && o && (n.scrollWidth > n.clientWidth || n.scrollHeight > n.clientHeight));
+      const n = B.value, o = t.value.tooltipText;
+      p.value = !!(n && o && (n.scrollWidth > n.clientWidth || n.scrollHeight > n.clientHeight));
     }
     function U() {
-      T.value = !1;
+      p.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?.(), f = v?.type === "radio" ? s(re, {
+        const m = l.rowSelection?.(), g = m?.type === "radio" ? a(me, {
           checked: i.value.checked,
           disabled: i.value.disabled,
           onChange: (u) => l.toggleRow?.(e.record, e.rowIndex, u)
-        }, null) : s(ue, {
+        }, null) : a(ve, {
           checked: i.value.checked,
           indeterminate: i.value.indeterminate,
           disabled: i.value.disabled,
-          onChange: (u, I) => l.toggleRow?.(e.record, e.rowIndex, I)
+          onChange: (u, T) => l.toggleRow?.(e.record, e.rowIndex, T)
         }, null);
-        let r = f, c;
-        if (v?.renderCell) {
-          const u = v.renderCell(i.value.checked, e.record, e.rowIndex, f);
-          de(u) ? (r = u.children, c = u.props) : r = u;
+        let d = g, r;
+        if (m?.renderCell) {
+          const u = m.renderCell(i.value.checked, e.record, e.rowIndex, g);
+          ie(u) ? (d = u.children, r = u.props) : d = u;
         }
-        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),
+        const y = !!m?.renderCell, I = h.value && l.hoverable?.value, M = C(e.tdClass, l.vtgClass?.(y ? "text-center" : "text-center leading-[0]"), e.column.className, r?.class, r?.className, x.value && l.subThemeSlots ? C(l.subThemeSlots.tdSelected(), I ? l.subThemeSlots.tdRowSelectedHover() : "") : I && l.subThemeSlots ? l.subThemeSlots.tdRowHover() : "", E.value, _.value, l.compatClass?.("selection-column"));
+        return a("td", D(H(r), {
+          class: M,
+          style: J(r?.style),
           "data-vtg-col": e.colIndex,
           colspan: n,
           rowspan: o,
-          onMouseenter: h,
+          onMouseenter: S,
           onMouseleave: w
-        }), [r]);
+        }), [d]);
       }
       if (e.column.key === "__vtg_expand__") {
-        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,
+        const m = l.expandable?.(), N = l.getRowKey?.(e.record, e.rowIndex), g = N !== void 0 && (l.isExpanded?.(N) ?? !1), d = l.isRowExpandable?.(e.record) ?? !1, r = l.subThemeSlots, y = h.value && l.hoverable?.value, I = l.isColumnSorted?.(e.column) && r ? r.tdSorted() : "", M = x.value && r ? C(r.tdSelected(), y ? r.tdRowSelectedHover() : "") : "", u = y && r && !x.value ? r.tdRowHover() : "", T = C(e.tdClass, l.vtgClass?.("text-center"), e.column.className, I, M, u, E.value, _.value, l.compatClass?.("row-expand-icon-cell"));
+        return m?.expandIcon ? a("td", {
+          class: T,
           style: b.value,
           "data-vtg-col": e.colIndex,
           colspan: n,
           rowspan: o,
-          onMouseenter: h,
+          onMouseenter: S,
           onMouseleave: w
-        }, [v.expandIcon({
-          expanded: f,
+        }, [m.expandIcon({
+          expanded: g,
           record: e.record,
-          expandable: r,
-          onExpand: (Ce, ee) => {
-            ee.stopPropagation(), r && l.toggleExpand?.(e.record, e.rowIndex);
+          expandable: d,
+          onExpand: (ge, le) => {
+            le.stopPropagation(), d && l.toggleExpand?.(e.record, e.rowIndex);
           }
-        })]) : s("td", {
-          class: I,
+        })]) : a("td", {
+          class: T,
           style: b.value,
           "data-vtg-col": e.colIndex,
           colspan: n,
           rowspan: o,
-          onMouseenter: h,
+          onMouseenter: S,
           onMouseleave: w
-        }, [s(L, {
-          expanded: f,
-          expandable: r,
+        }, [a(L, {
+          expanded: g,
+          expandable: d,
           variant: "row",
           onClick: () => {
-            r && l.toggleExpand?.(e.record, e.rowIndex);
+            d && l.toggleExpand?.(e.record, e.rowIndex);
           }
         }, null)]);
       }
-      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,
+      const s = X.value, v = Y.value && s, f = v ? l.getRowKey?.(e.record, e.rowIndex) : void 0, k = v ? a("span", {
+        class: l.compatClass ? `${l.compatClass("row-indent")} indent-level-${s.level}` : void 0,
         style: {
           display: "inline-block",
-          width: `${a.level * (l.treeIndentSize?.value ?? 15)}px`
+          width: `${s.level * (l.treeIndentSize?.value ?? 15)}px`
         }
-      }, null) : null, p = C && a.hasChildren ? s(L, {
-        expanded: a.expanded,
+      }, null) : null, Z = v && s.hasChildren ? a(L, {
+        expanded: s.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 ? s(L, {
+      }, null) : v ? a(L, {
         expanded: !1,
         expandable: !1,
         variant: "tree"
-      }, null) : null, B = W(e.column), Z = C ? l.compatClass?.("cell-with-append") ?? "" : "", M = t.value.status ? s("span", {
+      }, null) : null, O = $(e.column), ee = v ? l.compatClass?.("cell-with-append") ?? "" : "", P = t.value.presentation === "progress" && t.value.progress ? a("span", {
+        class: l.subThemeSlots?.cellProgress(),
+        "data-vtg-field": "progress",
+        role: "progressbar",
+        "aria-label": t.value.tooltipText,
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-valuenow": t.value.progress.percent
+      }, [a("span", {
+        class: l.subThemeSlots?.cellProgressTrack()
+      }, [a("span", {
+        class: l.subThemeSlots?.cellProgressBar(),
+        "data-status": t.value.status ?? "processing",
+        style: {
+          width: `${t.value.progress.percent}%`
+        }
+      }, null)]), t.value.progress.showValue ? a("span", {
+        class: l.subThemeSlots?.cellProgressText(),
+        "data-status": t.value.status
+      }, [t.value.status === "success" ? a(ae, null, null) : t.value.status === "error" ? a(se, {
+        "fill-rule": "evenodd"
+      }, null) : t.value.content]) : null]) : t.value.presentation === "tag" ? a("span", {
+        class: l.subThemeSlots?.cellTag(),
+        "data-status": t.value.status ?? "default",
+        "data-vtg-field": "tag"
+      }, [t.value.content]) : t.value.status ? a("span", {
         class: l.subThemeSlots?.cellStatus(),
         "data-status": t.value.status
-      }, [t.value.content]) : t.value.content, q = B.enabled ? B.showTitle ? s(te, {
+      }, [t.value.content]) : t.value.content, q = O.enabled ? O.showTitle ? a(oe, {
         block: !0,
         title: t.value.tooltipText,
         placement: "top",
-        open: T.value
+        open: p.value
       }, {
-        default: () => [s("div", {
-          ref: O,
+        default: () => [a("div", {
+          ref: B,
           class: e.bodyCellEllipsisClass,
           onMouseenter: Q,
           onMouseleave: U
-        }, [M])]
-      }) : s("div", {
+        }, [P])]
+      }) : a("div", {
         class: e.bodyCellEllipsisClass
-      }, [M]) : M;
-      return s("td", D(R.value, {
-        class: m(V.value, Z),
+      }, [P]) : P;
+      return a("td", D(R.value, {
+        class: C(G.value, ee),
         style: b.value,
         "data-vtg-col": e.colIndex,
         colspan: n,
         rowspan: o,
-        onMouseenter: F(R.value.onMouseenter),
-        onMouseleave: G(R.value.onMouseleave)
-      }), [k, p, e.column.copyable ? s("span", {
+        onMouseenter: z(R.value.onMouseenter),
+        onMouseleave: V(R.value.onMouseleave)
+      }), [k, Z, e.column.copyable ? a("span", {
         class: l.subThemeSlots?.cellContent()
-      }, [q, s(ie, {
+      }, [q, a(Ce, {
         column: e.column,
         record: e.record,
         rowIndex: e.rowIndex,
@@ -263,5 +294,5 @@ const pe = /* @__PURE__ */ le({
   }
 });
 export {
-  pe as default
+  Le as default
 };

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

@@ -0,0 +1,29 @@
+import { PropType } from 'vue';
+import { TableControls, TableControlContext } from '../types/controls';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    context: {
+        type: PropType<TableControlContext & {
+            valueType: string;
+        }>;
+        required: true;
+    };
+    controls: {
+        type: PropType<TableControls>;
+        required: true;
+    };
+    ui: PropType<Record<string, string>>;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    context: {
+        type: PropType<TableControlContext & {
+            valueType: string;
+        }>;
+        required: true;
+    };
+    controls: {
+        type: PropType<TableControls>;
+        required: true;
+    };
+    ui: PropType<Record<string, string>>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=TableEditableCell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableEditableCell.d.ts","sourceRoot":"","sources":["../../../../../table/src/components/TableEditableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAA;AAGtE,OAAO,KAAK,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;;;cAMrD,QAAQ,CAAC,mBAAmB,GAAG;YAAE,SAAS,EAAE,MAAM,CAAA;SAAE,CAAC;;;;cAG3C,QAAQ,CAAC,aAAa,CAAC;;;QACrC,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;;;cAJ5B,QAAQ,CAAC,mBAAmB,GAAG;YAAE,SAAS,EAAE,MAAM,CAAA;SAAE,CAAC;;;;cAG3C,QAAQ,CAAC,aAAa,CAAC;;;QACrC,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;;AARlD,wBAmCE"}

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

@@ -0,0 +1,39 @@
+import { defineComponent as a, inject as i, computed as s, createVNode as o } from "vue";
+import { useTheme as d } from "../../../core/src/composables/useTheme.mjs";
+import { VTABLE_GUILD_INJECTION_KEY as c } from "../../../core/src/plugin/index.mjs";
+import { resolveTableThemePreset as u } from "../../../theme/src/presets/index.mjs";
+const T = /* @__PURE__ */ a({
+  name: "TableEditableCell",
+  props: {
+    context: {
+      type: Object,
+      required: !0
+    },
+    controls: {
+      type: Object,
+      required: !0
+    },
+    ui: Object
+  },
+  setup(t) {
+    const n = i(c, null), {
+      slots: r
+    } = d("table", s(() => u(n?.themePreset ?? "antdv")), t);
+    return () => {
+      const e = t.context, l = t.controls[e.valueType];
+      if (!l) throw new Error(`No table control registered for ${e.valueType}`);
+      return o("div", {
+        class: r.editCell()
+      }, [o("div", {
+        class: r.editControl(),
+        "data-invalid": e.error ? !0 : void 0
+      }, [l(e)]), e.error ? o("span", {
+        class: r.editError(),
+        role: "alert"
+      }, [e.error]) : null]);
+    };
+  }
+});
+export {
+  T as default
+};

package/dist/table/src/components/TableEditableCell.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=TableEditableCell.test.d.ts.map

package/dist/table/src/components/TableEditableCell.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableEditableCell.test.d.ts","sourceRoot":"","sources":["../../../../../table/src/components/TableEditableCell.test.ts"],"names":[],"mappings":""}

package/dist/table/src/components/TableInstance.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=TableInstance.test.d.ts.map

package/dist/table/src/components/TableInstance.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableInstance.test.d.ts","sourceRoot":"","sources":["../../../../../table/src/components/TableInstance.test.ts"],"names":[],"mappings":""}

package/dist/table/src/components/TableLazyTree.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=TableLazyTree.test.d.ts.map

package/dist/table/src/components/TableLazyTree.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableLazyTree.test.d.ts","sourceRoot":"","sources":["../../../../../table/src/components/TableLazyTree.test.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,108 @@
+import { PropType, SlotsType } from 'vue';
+import { TableQueryProps, TableQuerySlots } from '../types/query-form';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    query: {
+        type: PropType<TableQueryProps["query"]>;
+        required: true;
+    };
+    rootTag: {
+        type: PropType<TableQueryProps["rootTag"]>;
+        default: string;
+    };
+    fields: {
+        type: PropType<TableQueryProps["fields"]>;
+        required: true;
+    };
+    controls: {
+        type: PropType<TableQueryProps["controls"]>;
+        required: true;
+    };
+    layout: {
+        type: PropType<TableQueryProps["layout"]>;
+        default: string;
+    };
+    autoSubmit: BooleanConstructor;
+    debounceTime: {
+        type: NumberConstructor;
+        default: number;
+    };
+    hiddenPolicy: {
+        type: PropType<TableQueryProps["hiddenPolicy"]>;
+        default: string;
+    };
+    collapsedCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    collapsible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: BooleanConstructor;
+    validate: PropType<TableQueryProps["validate"]>;
+    errors: PropType<TableQueryProps["errors"]>;
+    locale: PropType<TableQueryProps["locale"]>;
+    ui: PropType<TableQueryProps["ui"]>;
+    class: StringConstructor;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    submitted: (_success: boolean) => true;
+    reset: (_success: boolean) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    query: {
+        type: PropType<TableQueryProps["query"]>;
+        required: true;
+    };
+    rootTag: {
+        type: PropType<TableQueryProps["rootTag"]>;
+        default: string;
+    };
+    fields: {
+        type: PropType<TableQueryProps["fields"]>;
+        required: true;
+    };
+    controls: {
+        type: PropType<TableQueryProps["controls"]>;
+        required: true;
+    };
+    layout: {
+        type: PropType<TableQueryProps["layout"]>;
+        default: string;
+    };
+    autoSubmit: BooleanConstructor;
+    debounceTime: {
+        type: NumberConstructor;
+        default: number;
+    };
+    hiddenPolicy: {
+        type: PropType<TableQueryProps["hiddenPolicy"]>;
+        default: string;
+    };
+    collapsedCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    collapsible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: BooleanConstructor;
+    validate: PropType<TableQueryProps["validate"]>;
+    errors: PropType<TableQueryProps["errors"]>;
+    locale: PropType<TableQueryProps["locale"]>;
+    ui: PropType<TableQueryProps["ui"]>;
+    class: StringConstructor;
+}>> & Readonly<{
+    onReset?: ((_success: boolean) => any) | undefined;
+    onSubmitted?: ((_success: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    layout: "form" | "light" | undefined;
+    rootTag: "form" | "div" | undefined;
+    hiddenPolicy: "preserve" | "omit" | undefined;
+    autoSubmit: boolean;
+    debounceTime: number;
+    collapsedCount: number;
+    collapsible: boolean;
+}, SlotsType<TableQuerySlots<Record<string, unknown>>>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=TableQuery.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableQuery.d.ts","sourceRoot":"","sources":["../../../../../table/src/components/TableQuery.tsx"],"names":[],"mappings":"AAAA,OAAO,EAUL,KAAK,QAAQ,EACb,KAAK,SAAS,EACf,MAAM,KAAK,CAAA;AAIZ,OAAO,KAAK,EAGV,eAAe,EACf,eAAe,EAChB,MAAM,qBAAqB,CAAA;;;cAQC,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;;;;cAChC,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;;;;cACtC,QAAQ,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;;;;cAChC,QAAQ,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;;;;cACvC,QAAQ,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;;;;;;;;;cAI3C,QAAQ,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;;;;;;;;;;;;cAMrC,QAAQ,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;YACzC,QAAQ,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;YACnC,QAAQ,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;QACvC,QAAQ,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;;;0BAIvB,OAAO;sBACX,OAAO;;;cAtBA,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;;;;cAChC,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;;;;cACtC,QAAQ,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;;;;cAChC,QAAQ,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;;;;cACvC,QAAQ,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;;;;;;;;;cAI3C,QAAQ,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;;;;;;;;;;;;cAMrC,QAAQ,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;YACzC,QAAQ,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;YACnC,QAAQ,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;QACvC,QAAQ,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;;;;;;;;;;;;;;;AArBjD,wBAmUE"}