@agile-team/mach-table-vue 0.18.1 → 0.19.0

package/README.md

@@ -4,7 +4,7 @@
 
 # @agile-team/mach-table-vue
 
-Official Vue 3 adapter for MachTable 0.18. It provides a generic `<MachTable>`, native typed slots, dedicated app/route configuration, cohesive controllers, advanced-filter aware remote query, conflict-aware editing composables, persistent named views, optional and persistent column resizing, an optional standard toolbar, optional Element Plus editors, async boundaries, in-place renderer refresh and automatic lifecycle cleanup. `RobotGrid` remains a deprecated 0.x alias.
+Official Vue 3 adapter for MachTable 0.19. It provides a generic `<MachTable>`, native typed slots, dedicated app/route configuration, cohesive controllers, advanced-filter aware remote query, conflict-aware editing composables, persistent named views, optional and persistent column resizing, random-access remote blocks, batched/domain APIs, optional Worker processing, an optional standard toolbar, optional Element Plus editors, async boundaries, in-place renderer refresh and automatic lifecycle cleanup. `RobotGrid` remains a deprecated 0.x alias.
 
 ## Install
 
@@ -18,6 +18,12 @@ Import the stylesheet once from your application entry:
 import "@agile-team/mach-table-vue/styles.css";
 ```
 
+Optional large local-data Worker helpers use the same installed package but a separate chunk:
+
+```ts
+import { createWorkerDataProcessor } from "@agile-team/mach-table-vue/worker";
+```
+
 ## Integration modes
 
 ### Local, route-level import

package/dist/mach-table.css

@@ -65,6 +65,7 @@
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-variant-numeric: tabular-nums;
+  contain: layout style;
 }
 
 .mach-root.mach-dom-layout--auto-height {
@@ -562,6 +563,29 @@
   line-height: calc(var(--mach-row-h) - 2px);
 }
 
+.mach-cell--loading {
+  pointer-events: none;
+}
+
+.mach-cell-loading-bar {
+  display: block;
+  height: 8px;
+  max-width: 132px;
+  border-radius: 999px;
+  background: linear-gradient(90deg, var(--mach-row-hover-bg), var(--mach-border-color), var(--mach-row-hover-bg));
+  background-size: 200% 100%;
+  animation: mach-cell-loading 1.25s ease-in-out infinite;
+}
+
+@keyframes mach-cell-loading {
+  from { background-position: 200% 0; }
+  to { background-position: -200% 0; }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .mach-cell-loading-bar { animation: none; }
+}
+
 .mach-cell--num {
   justify-content: flex-end;
 }

package/dist/worker.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _createStarExport(obj) { Object.keys(obj) .filter((key) => key !== "default" && key !== "__esModule") .forEach((key) => { if (exports.hasOwnProperty(key)) { return; } Object.defineProperty(exports, key, {enumerable: true, configurable: true, get: () => obj[key]}); }); }var _worker = require('@agile-team/mach-table/worker'); _createStarExport(_worker);
+//# sourceMappingURL=worker.cjs.map

package/dist/worker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["d:\\office-project\\wl\\MachTable\\packages\\vue\\dist\\worker.cjs"],"names":[],"mappings":"AAAA,obAA0C","file":"D:\\office-project\\wl\\MachTable\\packages\\vue\\dist\\worker.cjs","sourcesContent":[null]}

package/dist/worker.d.cts

@@ -0,0 +1 @@
+export * from '@agile-team/mach-table/worker';

package/dist/worker.d.ts

@@ -0,0 +1 @@
+export * from '@agile-team/mach-table/worker';

package/dist/worker.js

@@ -0,0 +1,2 @@
+export*from"@agile-team/mach-table/worker";
+//# sourceMappingURL=worker.js.map

package/dist/worker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/worker.ts"],"sourcesContent":["export * from \"@agile-team/mach-table/worker\";\n"],"mappings":"AAAA,WAAc","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agile-team/mach-table-vue",
-  "version": "0.18.1",
+  "version": "0.19.0",
   "description": "Official Vue 3 adapter for the MachTable enterprise data grid",
   "keywords": [
     "vue",
@@ -62,6 +62,16 @@
         "default": "./dist/workflows.cjs"
       }
     },
+    "./worker": {
+      "import": {
+        "types": "./dist/worker.d.ts",
+        "default": "./dist/worker.js"
+      },
+      "require": {
+        "types": "./dist/worker.d.cts",
+        "default": "./dist/worker.cjs"
+      }
+    },
     "./ui": {
       "import": {
         "types": "./dist/ui.d.ts",
@@ -98,7 +108,7 @@
     "**/*.css"
   ],
   "dependencies": {
-    "@agile-team/mach-table": "0.18.1"
+    "@agile-team/mach-table": "0.19.0"
   },
   "peerDependencies": {
     "vue": ">=3.2.0"