@agile-team/mach-table 0.30.0 → 0.30.1

package/dist/{options-Cc31xFVh.d.cts → options-XohbVBFI.d.cts}

@@ -812,6 +812,8 @@ interface ColumnState {
     flex?: number | null;
     /** Distinguishes responsive/definition width from an explicit user or API override. */
     widthMode?: "auto" | "manual";
+    /** Measured content basis for responsive fit sizing; independent of the rendered width. */
+    contentWidth?: number;
     pinned?: "left" | "right" | null;
 }
 
@@ -831,6 +833,7 @@ declare class Column<TData = any> {
     hide: boolean;
     pinned: PinnedDirection | null;
     manualWidth: number | null;
+    contentWidth: number | null;
     flex: number | null;
     currentWidth: number;
     parentGroup: ColumnGroup<TData> | null;

package/dist/{options-Cc31xFVh.d.ts → options-XohbVBFI.d.ts}

@@ -812,6 +812,8 @@ interface ColumnState {
     flex?: number | null;
     /** Distinguishes responsive/definition width from an explicit user or API override. */
     widthMode?: "auto" | "manual";
+    /** Measured content basis for responsive fit sizing; independent of the rendered width. */
+    contentWidth?: number;
     pinned?: "left" | "right" | null;
 }
 
@@ -831,6 +833,7 @@ declare class Column<TData = any> {
     hide: boolean;
     pinned: PinnedDirection | null;
     manualWidth: number | null;
+    contentWidth: number | null;
     flex: number | null;
     currentWidth: number;
     parentGroup: ColumnGroup<TData> | null;

package/dist/worker.d.cts

@@ -1,5 +1,5 @@
-import { ai as GridDataProcessorRequest, ag as GridDataProcessor, aj as GridDataProcessorResult } from './options-Cc31xFVh.cjs';
-export { ah as GridDataProcessorColumn, ak as GridDataProcessorRow } from './options-Cc31xFVh.cjs';
+import { ai as GridDataProcessorRequest, ag as GridDataProcessor, aj as GridDataProcessorResult } from './options-XohbVBFI.cjs';
+export { ah as GridDataProcessorColumn, ak as GridDataProcessorRow } from './options-XohbVBFI.cjs';
 
 type GridDataProcessorPayload<TData = any> = Omit<GridDataProcessorRequest<TData>, "signal">;
 interface GridWorkerProcessMessage<TData = any> {

package/dist/worker.d.ts

@@ -1,5 +1,5 @@
-import { ai as GridDataProcessorRequest, ag as GridDataProcessor, aj as GridDataProcessorResult } from './options-Cc31xFVh.js';
-export { ah as GridDataProcessorColumn, ak as GridDataProcessorRow } from './options-Cc31xFVh.js';
+import { ai as GridDataProcessorRequest, ag as GridDataProcessor, aj as GridDataProcessorResult } from './options-XohbVBFI.js';
+export { ah as GridDataProcessorColumn, ak as GridDataProcessorRow } from './options-XohbVBFI.js';
 
 type GridDataProcessorPayload<TData = any> = Omit<GridDataProcessorRequest<TData>, "signal">;
 interface GridWorkerProcessMessage<TData = any> {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agile-team/mach-table",
-  "version": "0.30.0",
+  "version": "0.30.1",
   "description": "Enterprise-grade, framework-agnostic TypeScript data grid with virtualization, editing, grouping and extensibility",
   "keywords": [
     "data-grid",
@@ -81,5 +81,5 @@
     "test": "vitest run",
     "test:coverage": "vitest run --coverage"
   },
-  "readme": "<p align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ChenyCHENYU/MachTable/main/assets/mach-table-logo.svg\" alt=\"MachTable\" width=\"760\" />\n</p>\n\n# @agile-team/mach-table\n\nMachTable 0.30.0 的框架无关 TypeScript Core：零运行时依赖，提供行列双虚拟化、领域化 API、单元格/整行编辑、树与分组、随机访问远程数据、区段隔离状态持久化和可诊断扩展系统。本版增加可选服务端导出请求快照，不改变现有网格行为。\n\n```bash\npnpm add @agile-team/mach-table\n```\n\n```ts\nimport { createGrid, indexColumn } from \"@agile-team/mach-table\";\nimport \"@agile-team/mach-table/styles/mach-table.css\";\n\nconst api = createGrid(document.querySelector(\"#grid\")!, {\n  columnDefs: [\n    indexColumn({ headerName: \"序号\" }),\n    { field: \"id\", headerName: \"ID\", width: 120 },\n    { field: \"name\", headerName: \"名称\", flex: 1, editable: true }\n  ],\n  rowData: [{ id: \"1\", name: \"MachTable\" }],\n  rowKey: \"id\",\n  enableColumnResize: true,\n  persistence: { key: \"tenant:user:customers\", sections: [\"columns\"] }\n});\n\napi.batch((grid) => {\n  grid.rows.transact({ update: [{ id: \"1\", name: \"Updated\" }] });\n  grid.columns.setVisible(\"internalNote\", false);\n  grid.view.refreshCells({ rowIds: [\"1\"] });\n});\n\nconst saved = await api.editing.save(orderApi.saveChanges);\nconsole.table(saved.conflicts);\nconsole.info(api.diagnostics.get());\n\n// 原生宿主卸载时必须销毁；Vue/React 适配器会自动处理。\napi.destroy();\n```\n\n`persistence.sections` 同时约束进入 store 的数据与恢复范围；异步 store 写入有序，晚到加载不会覆盖加载期间的用户操作。\n\n单元格编辑通过内置对勾/取消控件显式结束，普通鼠标和焦点变化不会误提交；Enter、Escape、Tab 仍提供完整键盘路径。筛选、列设置、上下文菜单和操作菜单会继承所属表格实例的主题变量，不受宿主页面全局样式影响。\n\n`loading: true` 默认展示轻量表格骨架与本地化状态文案，空数据默认展示内置插画；需要品牌化时再通过 `overlayLoadingTemplate`、`overlayNoRowsTemplate` 覆盖，基础页面无需重复实现 loading/empty DOM。\n\n公共命令按 `rows`、`columns`、`selection`、`editing`、`filtering`、`sorting`、`pagination`、`hierarchy`、`view`、`state`、`io`、`diagnostics` 划分。完整签名见 [GridApi](https://github.com/ChenyCHENYU/MachTable/blob/main/docs/api/grid-api.md)。\n\n大型本地数据 Worker 使用独立入口：\n\n```ts\nimport { createWorkerDataProcessor } from \"@agile-team/mach-table/worker\";\n```\n\nVue/React 项目请只安装对应适配包，它会自动安装并重导出 Core：\n\n- [@agile-team/mach-table-vue](https://www.npmjs.com/package/@agile-team/mach-table-vue)\n- [@agile-team/mach-table-react](https://www.npmjs.com/package/@agile-team/mach-table-react)\n\n文档：[快速开始](https://github.com/ChenyCHENYU/MachTable/blob/main/docs/guide/getting-started.md) · [企业接入](https://github.com/ChenyCHENYU/MachTable/blob/main/docs/guide/enterprise-integration.md) · [API](https://github.com/ChenyCHENYU/MachTable/tree/main/docs/api)\n\nSource-available © ChenyCHENYU (Agile Team). 任何使用均须事先取得书面授权。详见 [LICENSE](https://github.com/ChenyCHENYU/MachTable/blob/main/LICENSE) 与[授权流程](https://github.com/ChenyCHENYU/MachTable/blob/main/LICENSING.md)。\n"
+  "readme": "<p align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ChenyCHENYU/MachTable/main/assets/mach-table-logo.svg\" alt=\"MachTable\" width=\"760\" />\n</p>\n\n# @agile-team/mach-table\n\nMachTable 0.30.1 的框架无关 TypeScript Core：零运行时依赖，提供行列双虚拟化、领域化 API、单元格/整行编辑、树与分组、随机访问远程数据、区段隔离状态持久化和可诊断扩展系统。本版修正固定列重复扣宽，并让 `fit` 模式下的内容自适应保留响应能力与列宽记忆。\n\n```bash\npnpm add @agile-team/mach-table\n```\n\n```ts\nimport { createGrid, indexColumn } from \"@agile-team/mach-table\";\nimport \"@agile-team/mach-table/styles/mach-table.css\";\n\nconst api = createGrid(document.querySelector(\"#grid\")!, {\n  columnDefs: [\n    indexColumn({ headerName: \"序号\" }),\n    { field: \"id\", headerName: \"ID\", width: 120 },\n    { field: \"name\", headerName: \"名称\", flex: 1, editable: true }\n  ],\n  rowData: [{ id: \"1\", name: \"MachTable\" }],\n  rowKey: \"id\",\n  enableColumnResize: true,\n  persistence: { key: \"tenant:user:customers\", sections: [\"columns\"] }\n});\n\napi.batch((grid) => {\n  grid.rows.transact({ update: [{ id: \"1\", name: \"Updated\" }] });\n  grid.columns.setVisible(\"internalNote\", false);\n  grid.view.refreshCells({ rowIds: [\"1\"] });\n});\n\nconst saved = await api.editing.save(orderApi.saveChanges);\nconsole.table(saved.conflicts);\nconsole.info(api.diagnostics.get());\n\n// 原生宿主卸载时必须销毁；Vue/React 适配器会自动处理。\napi.destroy();\n```\n\n`persistence.sections` 同时约束进入 store 的数据与恢复范围；异步 store 写入有序，晚到加载不会覆盖加载期间的用户操作。\n\n单元格编辑通过内置对勾/取消控件显式结束，普通鼠标和焦点变化不会误提交；Enter、Escape、Tab 仍提供完整键盘路径。筛选、列设置、上下文菜单和操作菜单会继承所属表格实例的主题变量，不受宿主页面全局样式影响。\n\n`loading: true` 默认展示轻量表格骨架与本地化状态文案，空数据默认展示内置插画；需要品牌化时再通过 `overlayLoadingTemplate`、`overlayNoRowsTemplate` 覆盖，基础页面无需重复实现 loading/empty DOM。\n\n公共命令按 `rows`、`columns`、`selection`、`editing`、`filtering`、`sorting`、`pagination`、`hierarchy`、`view`、`state`、`io`、`diagnostics` 划分。完整签名见 [GridApi](https://github.com/ChenyCHENYU/MachTable/blob/main/docs/api/grid-api.md)。\n\n大型本地数据 Worker 使用独立入口：\n\n```ts\nimport { createWorkerDataProcessor } from \"@agile-team/mach-table/worker\";\n```\n\nVue/React 项目请只安装对应适配包，它会自动安装并重导出 Core：\n\n- [@agile-team/mach-table-vue](https://www.npmjs.com/package/@agile-team/mach-table-vue)\n- [@agile-team/mach-table-react](https://www.npmjs.com/package/@agile-team/mach-table-react)\n\n文档：[快速开始](https://github.com/ChenyCHENYU/MachTable/blob/main/docs/guide/getting-started.md) · [企业接入](https://github.com/ChenyCHENYU/MachTable/blob/main/docs/guide/enterprise-integration.md) · [API](https://github.com/ChenyCHENYU/MachTable/tree/main/docs/api)\n\nSource-available © ChenyCHENYU (Agile Team). 任何使用均须事先取得书面授权。详见 [LICENSE](https://github.com/ChenyCHENYU/MachTable/blob/main/LICENSE) 与[授权流程](https://github.com/ChenyCHENYU/MachTable/blob/main/LICENSING.md)。\n"
 }

package/styles/mach-table.css

@@ -580,36 +580,36 @@
   overscroll-behavior: contain;
 }
 
-.mach-body-viewport--scroll {
-  scrollbar-width: thin;
-  scrollbar-color: var(--mach-scrollbar-thumb) transparent;
-}
-
-.mach-body-viewport--scroll::-webkit-scrollbar {
-  width: 10px;
-  height: 10px;
-}
-
-.mach-body-viewport--scroll::-webkit-scrollbar-track {
-  background: transparent;
-}
-
-.mach-body-viewport--scroll::-webkit-scrollbar-thumb {
-  background: var(--mach-scrollbar-thumb);
-  border-radius: 999px;
-  border: 3px solid transparent;
-  background-clip: padding-box;
-  transition: background-color var(--mach-transition);
-}
-
-.mach-body-viewport--scroll::-webkit-scrollbar-thumb:hover {
-  background: color-mix(in srgb, var(--mach-scrollbar-thumb) 60%, var(--mach-primary));
-  background-clip: padding-box;
-}
-
-.mach-body-viewport--scroll::-webkit-scrollbar-thumb:active {
-  background: var(--mach-primary);
-  background-clip: padding-box;
+.mach-body-viewport--scroll {
+  scrollbar-width: thin;
+  scrollbar-color: var(--mach-scrollbar-thumb) transparent;
+}
+
+.mach-body-viewport--scroll::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+
+.mach-body-viewport--scroll::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.mach-body-viewport--scroll::-webkit-scrollbar-thumb {
+  background: var(--mach-scrollbar-thumb);
+  border-radius: 999px;
+  border: 3px solid transparent;
+  background-clip: padding-box;
+  transition: background-color var(--mach-transition);
+}
+
+.mach-body-viewport--scroll::-webkit-scrollbar-thumb:hover {
+  background: color-mix(in srgb, var(--mach-scrollbar-thumb) 60%, var(--mach-primary));
+  background-clip: padding-box;
+}
+
+.mach-body-viewport--scroll::-webkit-scrollbar-thumb:active {
+  background: var(--mach-primary);
+  background-clip: padding-box;
 }
 
 .mach-body-viewport--scroll::-webkit-scrollbar-corner {
@@ -2160,7 +2160,7 @@ input.mach-select-all {
 .mach-context-menu-item:disabled {
   opacity: 0.45;
   cursor: not-allowed;
-}
+}
 
 .mach-pagination {
   display: flex;