@vtable-guild/vtable-guild 2.9.0-alpha.3 → 2.9.0-alpha.4

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

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

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

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

package/dist/table/src/composables/useHeaderTitleBalance.d.ts

@@ -0,0 +1,7 @@
+import { Ref } from 'vue';
+/**
+ * 在标题左侧预留与右侧控件实际占用相同的空间，使标题以整列为基准居中。
+ * 只测量现有布局，不推断预设、图标数量或自定义图标的宽度；样式由主题消费。
+ */
+export declare function useHeaderTitleBalance(enabled: Ref<boolean>, innerRef: Ref<HTMLElement | null>, titleRef: Ref<HTMLElement | null>, filterRef?: Ref<HTMLElement | null>, sortRef?: Ref<HTMLElement | null>): Ref<number>;
+//# sourceMappingURL=useHeaderTitleBalance.d.ts.map

package/dist/table/src/composables/useHeaderTitleBalance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHeaderTitleBalance.d.ts","sourceRoot":"","sources":["../../../../../table/src/composables/useHeaderTitleBalance.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAEjE;;;GAGG;AACH,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,EACrB,QAAQ,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,EACjC,QAAQ,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,EACjC,SAAS,GAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAoB,EACrD,OAAO,GAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAoB,GAClD,GAAG,CAAC,MAAM,CAAC,CAyFb"}

package/dist/table/src/composables/useHeaderTitleBalance.mjs

@@ -0,0 +1,50 @@
+import { shallowRef as l, watch as A, onScopeDispose as B } from "vue";
+function C(m, f, h, v = l(null), p = l(null)) {
+  const a = l(0);
+  let e, n, u = !1;
+  function c() {
+    n = void 0;
+    const o = f.value, s = h.value;
+    if (u || !m.value || !o || !s) {
+      a.value = 0;
+      return;
+    }
+    const t = o.getBoundingClientRect();
+    if (t.width <= 0 || !Number.isFinite(t.width)) {
+      a.value = 0;
+      return;
+    }
+    const i = o.offsetWidth, r = i > 0 && Math.abs(t.width - i) > 1 ? t.width / i : 1, M = t.width / r;
+    function w(d) {
+      if (!d) return 0;
+      const y = getComputedStyle(d);
+      return d.getBoundingClientRect().width / r + (Number.parseFloat(y.marginLeft) || 0) + (Number.parseFloat(y.marginRight) || 0);
+    }
+    const g = Math.max(0, w(v.value) + w(p.value)), F = Math.min(g, Math.max(0, M - g));
+    Math.abs(a.value - F) > 0.01 && (a.value = F);
+  }
+  function b() {
+    n !== void 0 && typeof cancelAnimationFrame < "u" && cancelAnimationFrame(n), n = void 0;
+  }
+  function x() {
+    if (!(u || n !== void 0)) {
+      if (typeof requestAnimationFrame > "u") {
+        c();
+        return;
+      }
+      n = requestAnimationFrame(c);
+    }
+  }
+  return A(
+    [m, f, h, v, p],
+    ([o, s, t, i, r]) => {
+      b(), e?.disconnect(), e = void 0, c(), !(!o || !s || !t || typeof ResizeObserver > "u") && (e = new ResizeObserver(x), e.observe(s), e.observe(t), i && e.observe(i), r && e.observe(r));
+    },
+    { immediate: !0, flush: "post" }
+  ), B(() => {
+    u = !0, b(), e?.disconnect();
+  }), a;
+}
+export {
+  C as useHeaderTitleBalance
+};

package/dist/table/src/composables/useHeaderTitleBalance.test.d.ts

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

package/dist/table/src/composables/useHeaderTitleBalance.test.d.ts.map

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

package/dist/table/src/preset-config.d.ts

@@ -6,6 +6,8 @@ export interface TablePresetConfig {
     filterIcon: Component;
     filterSingleSelectMode: 'radio' | 'highlight';
     showSorterTooltip: boolean;
+    /** Whether centered titles use the full cell or travel with adjacent controls. */
+    headerTitleCenter: 'cell' | 'content';
     emptyIcon?: Component;
     loadingIcon: Component;
 }

package/dist/table/src/preset-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"preset-config.d.ts","sourceRoot":"","sources":["../../../../table/src/preset-config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AACpC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAazD,MAAM,WAAW,iBAAiB;IAChC,WAAW,EAAE,SAAS,CAAA;IACtB,YAAY,EAAE,SAAS,CAAA;IACvB,UAAU,EAAE,SAAS,CAAA;IACrB,sBAAsB,EAAE,OAAO,GAAG,WAAW,CAAA;IAC7C,iBAAiB,EAAE,OAAO,CAAA;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,WAAW,EAAE,SAAS,CAAA;CACvB;AAED,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,eAAe,EAAE,iBAAiB,CAkBzE,CAAA;AAED,wBAAgB,wBAAwB,CAAC,IAAI,GAAE,eAAyB,GAAG,iBAAiB,CAE3F"}
+{"version":3,"file":"preset-config.d.ts","sourceRoot":"","sources":["../../../../table/src/preset-config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AACpC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAazD,MAAM,WAAW,iBAAiB;IAChC,WAAW,EAAE,SAAS,CAAA;IACtB,YAAY,EAAE,SAAS,CAAA;IACvB,UAAU,EAAE,SAAS,CAAA;IACrB,sBAAsB,EAAE,OAAO,GAAG,WAAW,CAAA;IAC7C,iBAAiB,EAAE,OAAO,CAAA;IAC1B,kFAAkF;IAClF,iBAAiB,EAAE,MAAM,GAAG,SAAS,CAAA;IACrC,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,WAAW,EAAE,SAAS,CAAA;CACvB;AAED,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,eAAe,EAAE,iBAAiB,CAoBzE,CAAA;AAED,wBAAgB,wBAAwB,CAAC,IAAI,GAAE,eAAyB,GAAG,iBAAiB,CAE3F"}

package/dist/table/src/preset-config.mjs

@@ -1,35 +1,37 @@
-import r from "../../icons/src/CaretUpIcon.mjs";
-import e from "../../icons/src/CaretDownIcon.mjs";
+import e from "../../icons/src/CaretUpIcon.mjs";
+import r from "../../icons/src/CaretDownIcon.mjs";
 import n from "../../icons/src/FilterFilledIcon.mjs";
 import i from "../../icons/src/ElCaretTopIcon.mjs";
-import c from "../../icons/src/ElCaretBottomIcon.mjs";
-import l from "../../icons/src/ElArrowDownIcon.mjs";
+import l from "../../icons/src/ElCaretBottomIcon.mjs";
+import c from "../../icons/src/ElArrowDownIcon.mjs";
 import m from "../../icons/src/AntdvEmptyIcon.mjs";
 import p from "../../icons/src/AntdvSpinIndicator.mjs";
 import I from "../../icons/src/ElLoadingIcon.mjs";
 const o = {
   antdv: {
-    sortAscIcon: r,
-    sortDescIcon: e,
+    sortAscIcon: e,
+    sortDescIcon: r,
     filterIcon: n,
     filterSingleSelectMode: "radio",
     showSorterTooltip: !0,
+    headerTitleCenter: "cell",
     emptyIcon: m,
     loadingIcon: p
   },
   "element-plus": {
     sortAscIcon: i,
-    sortDescIcon: c,
-    filterIcon: l,
+    sortDescIcon: l,
+    filterIcon: c,
     filterSingleSelectMode: "highlight",
     showSorterTooltip: !1,
+    headerTitleCenter: "content",
     loadingIcon: I
   }
 };
-function w(t = "antdv") {
+function T(t = "antdv") {
   return o[t] ?? o.antdv;
 }
 export {
-  w as resolveTablePresetConfig,
+  T as resolveTablePresetConfig,
   o as tablePresetConfigs
 };

package/dist/theme/src/presets/antdv/table.d.ts

@@ -35,12 +35,12 @@ export declare const antdvTableTheme: {
         readonly td: string;
         readonly empty: "text-center text-[color:var(--color-text-disabled)]";
         readonly loading: string;
-        readonly headerCellInner: "flex items-center";
-        readonly bodyCellEllipsis: "block min-w-0 overflow-hidden text-ellipsis whitespace-nowrap";
+        readonly headerCellInner: "flex min-w-0 items-center [&[data-align=center]]:before:content-[''] [&[data-align=center]]:before:shrink-0 [&[data-align=center]]:before:w-[var(--vtg-header-title-spacer,0px)]";
+        readonly bodyCellEllipsis: "block flex-1 min-w-0 overflow-hidden text-ellipsis whitespace-nowrap";
         readonly thSortable: "cursor-pointer select-none hover:bg-[color:var(--vtg-table-header-sort-hover-bg)]";
         readonly thSorted: "bg-[color:var(--vtg-table-header-sort-bg)] before:!bg-transparent";
         readonly tdSorted: "bg-[color:var(--vtg-table-body-sort-bg)]";
-        readonly sortButton: "inline-flex flex-col items-center justify-center text-xs leading-none ml-1";
+        readonly sortButton: "inline-flex shrink-0 flex-col items-center justify-center text-xs leading-none ml-1";
         readonly sortIconDown: "-mt-[0.225em]";
         readonly sortAreaOuter: "flex flex-auto min-w-0";
         readonly sortAreaWrapper: "flex flex-auto items-center justify-between min-w-0";

package/dist/theme/src/presets/antdv/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../../../theme/src/presets/antdv/table.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;GAUG;AACH,0DAA0D;AAC1D,eAAO,MAAM,mBAAmB;;;;CAItB,CAAA;AAEV,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgWI,CAAA;AAIhC,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,eAAe,CAAC,KAAK,CAAA;AAEhE,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,qDAAqD;AACrD,MAAM,MAAM,qBAAqB,GAAG,OAAO,eAAe,CAAA"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../../../theme/src/presets/antdv/table.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;GAUG;AACH,0DAA0D;AAC1D,eAAO,MAAM,mBAAmB;;;;CAItB,CAAA;AAEV,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqWI,CAAA;AAIhC,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,eAAe,CAAC,KAAK,CAAA;AAEhE,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,qDAAqD;AACrD,MAAM,MAAM,qBAAqB,GAAG,OAAO,eAAe,CAAA"}

package/dist/theme/src/presets/antdv/table.mjs

@@ -57,13 +57,16 @@ const e = {
       "flex items-center justify-center",
       "bg-[color:var(--vtg-table-loading-overlay-bg)]"
     ].join(" "),
-    headerCellInner: "flex items-center",
-    bodyCellEllipsis: "block min-w-0 overflow-hidden text-ellipsis whitespace-nowrap",
+    // A non-interactive left spacer balances the actual trailing controls. The
+    // title stays centered in the full cell while the icons keep their right edge.
+    headerCellInner: "flex min-w-0 items-center [&[data-align=center]]:before:content-[''] [&[data-align=center]]:before:shrink-0 [&[data-align=center]]:before:w-[var(--vtg-header-title-spacer,0px)]",
+    // Tooltip's block trigger is flex; fill it so the inherited text-align applies.
+    bodyCellEllipsis: "block flex-1 min-w-0 overflow-hidden text-ellipsis whitespace-nowrap",
     // ---- 排序相关 ----
     thSortable: "cursor-pointer select-none hover:bg-[color:var(--vtg-table-header-sort-hover-bg)]",
     thSorted: "bg-[color:var(--vtg-table-header-sort-bg)] before:!bg-transparent",
     tdSorted: "bg-[color:var(--vtg-table-body-sort-bg)]",
-    sortButton: "inline-flex flex-col items-center justify-center text-xs leading-none ml-1",
+    sortButton: "inline-flex shrink-0 flex-col items-center justify-center text-xs leading-none ml-1",
     sortIconDown: "-mt-[0.225em]",
     sortAreaOuter: "flex flex-auto min-w-0",
     sortAreaWrapper: "flex flex-auto items-center justify-between min-w-0",

package/dist/theme/src/presets/element-plus/table.d.ts

@@ -39,12 +39,12 @@ export declare const elementPlusTableTheme: {
         readonly td: string;
         readonly empty: "py-5 text-center text-[color:var(--color-muted)]";
         readonly loading: string;
-        readonly headerCellInner: "flex items-center";
-        readonly bodyCellEllipsis: "block min-w-0 overflow-hidden text-ellipsis whitespace-nowrap";
+        readonly headerCellInner: "flex min-w-0 items-center [&[data-align=center]]:justify-center [&[data-align=right]]:justify-end";
+        readonly bodyCellEllipsis: "block flex-1 min-w-0 overflow-hidden text-ellipsis whitespace-nowrap";
         readonly thSortable: "cursor-pointer select-none";
         readonly thSorted: "";
         readonly tdSorted: "";
-        readonly sortButton: "inline-flex flex-col items-center justify-center text-xs leading-none ml-1";
+        readonly sortButton: "inline-flex shrink-0 flex-col items-center justify-center text-xs leading-none ml-1";
         readonly sortIconDown: "-mt-[5px]";
         readonly sortAreaOuter: "flex min-w-0";
         readonly sortAreaWrapper: "flex items-center min-w-0";

package/dist/theme/src/presets/element-plus/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../../../theme/src/presets/element-plus/table.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;GAcG;AAEH,wBAAwB;AACxB,eAAO,MAAM,mBAAmB;;;;CAItB,CAAA;AAEV,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+SF,CAAA;AAEhC,4BAA4B;AAC5B,eAAO,MAAM,8BAA8B,OAAO,CAAA"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../../../theme/src/presets/element-plus/table.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;GAcG;AAEH,wBAAwB;AACxB,eAAO,MAAM,mBAAmB;;;;CAItB,CAAA;AAEV,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoTF,CAAA;AAEhC,4BAA4B;AAC5B,eAAO,MAAM,8BAA8B,OAAO,CAAA"}

package/dist/theme/src/presets/element-plus/table.mjs

@@ -46,13 +46,16 @@ const e = {
       "flex items-center justify-center",
       "bg-[color:var(--vtg-table-loading-overlay-bg)]"
     ].join(" "),
-    headerCellInner: "flex items-center",
-    bodyCellEllipsis: "block min-w-0 overflow-hidden text-ellipsis whitespace-nowrap",
+    // Align the title and its adjacent controls as one group. The nested sort
+    // wrappers stay at their natural width and can shrink for header ellipsis.
+    headerCellInner: "flex min-w-0 items-center [&[data-align=center]]:justify-center [&[data-align=right]]:justify-end",
+    // Tooltip's block trigger is flex; fill it so the inherited text-align applies.
+    bodyCellEllipsis: "block flex-1 min-w-0 overflow-hidden text-ellipsis whitespace-nowrap",
     // ---- 排序相关 ----
     thSortable: "cursor-pointer select-none",
     thSorted: "",
     tdSorted: "",
-    sortButton: "inline-flex flex-col items-center justify-center text-xs leading-none ml-1",
+    sortButton: "inline-flex shrink-0 flex-col items-center justify-center text-xs leading-none ml-1",
     sortIconDown: "-mt-[5px]",
     sortAreaOuter: "flex min-w-0",
     sortAreaWrapper: "flex items-center min-w-0",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vtable-guild/vtable-guild",
-  "version": "2.9.0-alpha.3",
+  "version": "2.9.0-alpha.4",
   "description": "Vue 3 table component with built-in virtual scrolling and switchable ant-design-vue / element-plus theme presets, powered by tailwind-variants",
   "type": "module",
   "files": [