@vtable-guild/vtable-guild 2.7.1 → 2.8.0

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,wBA6bE"}
+{"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"}

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

@@ -1,17 +1,17 @@
-import { defineComponent as ee, inject as le, ref as B, computed as r, createVNode as c, mergeProps as L } from "vue";
+import { defineComponent as ee, inject as le, ref as q, computed as d, createVNode as c, mergeProps as B } 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 re from "./SelectionCheckbox.mjs";
-import de from "./SelectionRadio.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 _e = /* @__PURE__ */ ee({
+const Ee = /* @__PURE__ */ ee({
   name: "TableCell",
   props: {
     record: {
@@ -55,131 +55,135 @@ const _e = /* @__PURE__ */ ee({
     }
   },
   setup(e) {
-    const l = le(te, {}), O = B(null), T = B(!1), o = r(() => e.resolvedCell ?? se({
+    const l = le(te, {}), L = q(null), T = q(!1), t = d(() => 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 = r(() => {
+    })), j = d(() => {
       if (!e.column.fixed) return null;
       const n = A(e.column) ?? e.colIndex;
       return l.fixedOffsets?.value?.get(n) ?? null;
     }), {
       fixedStyle: W,
-      fixedClass: p
+      fixedClass: _
     } = ae({
       fixedInfo: () => j.value
-    }), $ = r(() => D(e.column).enabled ? l.compatClass?.("cell-ellipsis") ?? "" : ""), i = r(() => l.getSelectionState?.(e.record, e.rowIndex) ?? {
+    }), $ = d(() => D(e.column).enabled ? l.compatClass?.("cell-ellipsis") ?? "" : ""), i = d(() => l.getSelectionState?.(e.record, e.rowIndex) ?? {
       checked: !1,
       indeterminate: !1,
       disabled: !1
-    }), 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() {
+    }), 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") ?? "" : "");
+    function h() {
       if (!l.hoverable?.value) return;
-      const n = Math.max(1, o.value.rowSpan ?? 1);
+      const n = Math.max(1, t.value.rowSpan ?? 1);
       l.setHoverRange?.(e.rowIndex, e.rowIndex + n - 1);
     }
-    function S() {
+    function w() {
       l.hoverable?.value && l.clearHoverRange?.();
     }
     function K(n) {
-      return (t) => {
-        w(), typeof n == "function" && n(t);
+      return (o) => {
+        h(), typeof n == "function" && n(o);
       };
     }
     function z(n) {
-      return (t) => {
-        S(), typeof n == "function" && n(t);
+      return (o) => {
+        w(), typeof n == "function" && n(o);
       };
     }
-    const E = r(() => ({
-      ...P(o.value.renderCellProps),
-      ...P(o.value.customCellProps)
-    })), F = r(() => {
-      const n = e.column.align ? l.vtgClass?.(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() : "";
+    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(
         e.tdClass,
         n,
         e.column.className,
-        o.value.customCellProps?.class,
-        o.value.customCellProps?.className,
-        o.value.renderCellProps?.class,
-        o.value.renderCellProps?.className,
+        t.value.customCellProps?.class,
+        t.value.customCellProps?.className,
+        t.value.renderCellProps?.class,
+        t.value.renderCellProps?.className,
         C,
-        R,
         k,
-        p.value,
+        p,
         _.value,
+        E.value,
         // antdv 把 ellipsis 类放在 td 上，我们的 slot 落在内层 span，故在此补
         $.value
       );
-    }), b = r(() => {
-      const n = {}, t = l.columnWidths?.[String(A(e.column) ?? e.colIndex)], a = e.widthOverride ?? t ?? e.column.width;
+    }), g = d(() => {
+      const n = {}, o = l.columnWidths?.[String(A(e.column) ?? e.colIndex)], a = e.widthOverride ?? o ?? e.column.width;
       return a && (n.width = typeof a == "number" ? `${a}px` : a), {
         ...n,
         ...W.value ?? {},
-        ...o.value.customCellProps?.style ?? {},
-        ...o.value.renderCellProps?.style ?? {}
+        ...t.value.customCellProps?.style ?? {},
+        ...t.value.renderCellProps?.style ?? {},
+        ...l.columnLayout?.columnStyle(e.colIndex, t.value.colSpan || 1)
       };
-    }), 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?.();
+    }), 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 ? (() => {
+      const n = l.rowSelection?.(), o = l.expandable?.();
       let a = 0;
-      return n && (a += 1), t && t.showExpandColumn !== !1 && (a += 1), e.colIndex === a;
+      return n && (a += 1), o && o.showExpandColumn !== !1 && (a += 1), e.colIndex === a;
     })() : !1);
     function X(n) {
       return {
-        ...b.value,
-        ...n ?? {}
+        ...g.value,
+        ...n ?? {},
+        ...l.columnLayout?.columnStyle(e.colIndex, t.value.colSpan || 1)
       };
     }
     function Y() {
-      const n = O.value, t = o.value.tooltipText;
-      T.value = !!(n && t && (n.scrollWidth > n.clientWidth || n.scrollHeight > n.clientHeight));
+      const n = L.value, o = t.value.tooltipText;
+      T.value = !!(n && o && (n.scrollWidth > n.clientWidth || n.scrollHeight > n.clientHeight));
     }
     function J() {
       T.value = !1;
     }
     return () => {
-      if (o.value.colSpan === 0 || o.value.rowSpan === 0)
+      if (t.value.colSpan === 0 || t.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;
+      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(de, {
+        const v = l.rowSelection?.(), x = v?.type === "radio" ? c(re, {
           checked: i.value.checked,
           disabled: i.value.disabled,
-          onChange: (d) => l.toggleRow?.(e.record, e.rowIndex, d)
-        }, null) : c(re, {
+          onChange: (r) => l.toggleRow?.(e.record, e.rowIndex, r)
+        }, null) : c(de, {
           checked: i.value.checked,
           indeterminate: i.value.indeterminate,
           disabled: i.value.disabled,
-          onChange: (d, I) => l.toggleRow?.(e.record, e.rowIndex, I)
+          onChange: (r, 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);
-          ce(d) ? (u = d.children, s = d.props) : u = d;
+          const r = v.renderCell(i.value.checked, e.record, e.rowIndex, x);
+          ce(r) ? (u = r.children, s = r.props) : u = r;
         }
-        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), {
+        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),
+          "data-vtg-col": e.colIndex,
           colspan: n,
-          rowspan: t,
-          onMouseenter: w,
-          onMouseleave: S
+          rowspan: o,
+          onMouseenter: h,
+          onMouseleave: w
         }), [u]);
       }
       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, 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"));
+        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: b.value,
+          style: g.value,
+          "data-vtg-col": e.colIndex,
           colspan: n,
-          rowspan: t,
-          onMouseenter: w,
-          onMouseleave: S
+          rowspan: o,
+          onMouseenter: h,
+          onMouseleave: w
         }, [v.expandIcon({
           expanded: x,
           record: e.record,
@@ -189,11 +193,12 @@ const _e = /* @__PURE__ */ ee({
           }
         })]) : c("td", {
           class: I,
-          style: b.value,
+          style: g.value,
+          "data-vtg-col": e.colIndex,
           colspan: n,
-          rowspan: t,
-          onMouseenter: w,
-          onMouseleave: S
+          rowspan: o,
+          onMouseenter: h,
+          onMouseleave: w
         }, [c(H, {
           expanded: x,
           expandable: u,
@@ -203,13 +208,13 @@ const _e = /* @__PURE__ */ ee({
           }
         }, null)]);
       }
-      const a = G.value, C = V.value && a, R = C ? c("span", {
+      const a = G.value, C = V.value && a, k = C ? c("span", {
         class: l.compatClass ? `${l.compatClass("row-indent")} indent-level-${a.level}` : void 0,
         style: {
           display: "inline-block",
           width: `${a.level * (l.treeIndentSize?.value ?? 15)}px`
         }
-      }, null) : null, k = C && a.hasChildren ? c(H, {
+      }, null) : null, p = C && a.hasChildren ? c(H, {
         expanded: a.expanded,
         expandable: !0,
         variant: "tree",
@@ -218,32 +223,33 @@ const _e = /* @__PURE__ */ ee({
         expanded: !1,
         expandable: !1,
         variant: "tree"
-      }, null) : null, q = D(e.column), Q = C ? l.compatClass?.("cell-with-append") ?? "" : "", U = q.enabled ? q.showTitle ? c(ne, {
+      }, null) : null, O = D(e.column), Q = C ? l.compatClass?.("cell-with-append") ?? "" : "", U = O.enabled ? O.showTitle ? c(ne, {
         block: !0,
-        title: o.value.tooltipText,
+        title: t.value.tooltipText,
         placement: "top",
         open: T.value
       }, {
         default: () => [c("div", {
-          ref: O,
+          ref: L,
           class: e.bodyCellEllipsisClass,
           onMouseenter: Y,
           onMouseleave: J
-        }, [o.value.content])]
+        }, [t.value.content])]
       }) : c("div", {
         class: e.bodyCellEllipsisClass
-      }, [o.value.content]) : o.value.content;
-      return c("td", L(E.value, {
+      }, [t.value.content]) : t.value.content;
+      return c("td", B(R.value, {
         class: m(F.value, Q),
-        style: b.value,
+        style: g.value,
+        "data-vtg-col": e.colIndex,
         colspan: n,
-        rowspan: t,
-        onMouseenter: K(E.value.onMouseenter),
-        onMouseleave: z(E.value.onMouseleave)
-      }), [R, k, U]);
+        rowspan: o,
+        onMouseenter: K(R.value.onMouseenter),
+        onMouseleave: z(R.value.onMouseleave)
+      }), [k, p, U]);
     };
   }
 });
 export {
-  _e as default
+  Ee 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,wBA0vBE"}
+{"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,wBAiwBE"}