@agile-team/mach-table-vue 0.4.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 MachTable Contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,43 @@
+<p align="center">
+  <img src="https://raw.githubusercontent.com/ChenyCHENYU/MachTable/main/assets/mach-table-logo.svg" alt="MachTable" width="760" />
+</p>
+
+# @agile-team/mach-table-vue
+
+Official Vue 3 adapter for MachTable. It provides `<MachTable>` / `<RobotGrid>`, `useMachTable`, Vue cell/detail renderer factories, reactive option updates and automatic lifecycle cleanup.
+
+```bash
+pnpm add @agile-team/mach-table @agile-team/mach-table-vue
+```
+
+```vue
+<script setup lang="ts">
+import { ref } from "vue";
+import { MachTable, useMachTable } from "@agile-team/mach-table-vue";
+import type { ColDef } from "@agile-team/mach-table";
+import "@agile-team/mach-table/styles/mach-table.css";
+
+interface Row { id: string; name: string }
+const grid = useMachTable<Row>();
+const rows = ref<Row[]>([{ id: "1", name: "MachTable" }]);
+const columns: ColDef<Row>[] = [{ field: "name", headerName: "Name", flex: 1 }];
+</script>
+
+<template>
+  <div style="height: 520px">
+    <MachTable
+      :ref="grid.ref"
+      :row-data="rows"
+      :column-defs="columns"
+      :get-row-id="({ data }) => data.id"
+      striped-rows
+    />
+  </div>
+</template>
+```
+
+`@agile-team/mach-table` and `vue` are peer dependencies and are not bundled into this adapter.
+
+Documentation: [Vue guide](https://github.com/ChenyCHENYU/MachTable/blob/main/docs/guide/vue.md) · [Enterprise integration](https://github.com/ChenyCHENYU/MachTable/blob/main/docs/guide/enterprise-integration.md) · [Element Plus](https://github.com/ChenyCHENYU/MachTable/blob/main/docs/guide/element-plus.md) · [Naive UI](https://github.com/ChenyCHENYU/MachTable/blob/main/docs/guide/naive-ui.md)
+
+MIT © Agile Team

package/dist/index.cjs

@@ -0,0 +1,197 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  EVENT_TYPES: () => import_mach_table2.EVENT_TYPES,
+  MachTable: () => RobotGrid,
+  RobotGrid: () => RobotGrid,
+  createGrid: () => import_mach_table2.createGrid,
+  useMachTable: () => useMachTable,
+  vueCellRenderer: () => vueCellRenderer,
+  vueDetailRenderer: () => vueDetailRenderer
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/RobotGrid.ts
+var import_vue = require("vue");
+var import_mach_table = require("@agile-team/mach-table");
+var ADAPTER_OPTION_KEYS = import_mach_table.GRID_OPTION_KEYS.filter((key) => key !== "className");
+var DIRECT_OPTION_KEYS = import_mach_table.DIRECT_GRID_OPTION_KEYS.filter((key) => key !== "className");
+var runtimeProps = {};
+for (const key of ADAPTER_OPTION_KEYS) {
+  const kind = import_mach_table.GRID_OPTION_META[key].kind;
+  const type = kind === "boolean" ? Boolean : kind === "number" ? Number : kind === "array" ? Array : kind === "function" ? Function : kind === "boolean-object" ? [Boolean, Object] : kind === "object" ? Object : kind === "string" ? String : void 0;
+  runtimeProps[key] = { ...type ? { type } : {}, default: void 0 };
+}
+runtimeProps.className = { type: String, default: void 0 };
+runtimeProps.gridClassName = { type: String, default: void 0 };
+function handlerNameOf(eventType) {
+  return "on" + eventType.charAt(0).toUpperCase() + eventType.slice(1);
+}
+var RobotGridImpl = (0, import_vue.defineComponent)({
+  name: "RobotGrid",
+  inheritAttrs: false,
+  props: runtimeProps,
+  emits: [...import_mach_table.EVENT_TYPES],
+  setup(rawProps, { expose, attrs, emit }) {
+    const props = rawProps;
+    const host = (0, import_vue.ref)(null);
+    let api = null;
+    (0, import_vue.onMounted)(() => {
+      if (!host.value) return;
+      const options = {};
+      for (const key of ADAPTER_OPTION_KEYS) {
+        const value = props[key];
+        if (value !== void 0) options[key] = value;
+      }
+      if (props.gridClassName !== void 0) options.className = props.gridClassName;
+      for (const type of import_mach_table.EVENT_TYPES) {
+        options[handlerNameOf(type)] = (event) => emit(type, event);
+      }
+      api = (0, import_mach_table.createGrid)(host.value, options);
+    });
+    (0, import_vue.onBeforeUnmount)(() => {
+      api?.destroy();
+      api = null;
+    });
+    (0, import_vue.watch)(() => props.rowData, (value) => api?.setRowData(value));
+    (0, import_vue.watch)(() => props.columnDefs, (value) => api?.setColumnDefs(value));
+    (0, import_vue.watch)(() => props.quickFilterText, (value) => api?.setQuickFilter(value));
+    (0, import_vue.watch)(() => props.gridClassName, (value) => api?.updateOptions({ className: value }));
+    (0, import_vue.watch)(
+      () => DIRECT_OPTION_KEYS.map((key) => props[key]),
+      (values, previous) => {
+        if (!api) return;
+        const changed = {};
+        values.forEach((value, index) => {
+          if (!Object.is(value, previous[index])) changed[DIRECT_OPTION_KEYS[index]] = value;
+        });
+        if (Object.keys(changed).length > 0) api.updateOptions(changed);
+      }
+    );
+    expose({ getApi: () => api });
+    return () => (0, import_vue.h)("div", {
+      ...attrs,
+      ref: host,
+      class: ["mach-vue-host", props.className, attrs.class].filter(Boolean),
+      style: attrs.style
+    });
+  }
+});
+var RobotGrid = RobotGridImpl;
+
+// src/adapters.ts
+var import_vue2 = require("vue");
+function resolveAppContext(explicit) {
+  if (explicit) return explicit;
+  try {
+    return (0, import_vue2.getCurrentInstance)()?.appContext;
+  } catch {
+    return void 0;
+  }
+}
+function mountComponent(component, props, host, appContext) {
+  if (appContext) {
+    const vnode = (0, import_vue2.h)(component, props);
+    vnode.appContext = appContext;
+    (0, import_vue2.render)(vnode, host);
+    return () => (0, import_vue2.render)(null, host);
+  }
+  const app = (0, import_vue2.createApp)({ render: () => (0, import_vue2.h)(component, props) });
+  app.mount(host);
+  return () => app.unmount();
+}
+function vueCellRenderer(component, options) {
+  const appContext = resolveAppContext(options?.appContext);
+  return (params) => {
+    const host = document.createElement("div");
+    host.className = "mach-cell-vue";
+    host.style.width = "100%";
+    const unmount = mountComponent(component, params, host, appContext);
+    let destroyed = false;
+    return {
+      el: host,
+      destroy: () => {
+        if (destroyed) return;
+        destroyed = true;
+        window.setTimeout(unmount, 0);
+      }
+    };
+  };
+}
+function vueDetailRenderer(component, options) {
+  const appContext = resolveAppContext(options?.appContext);
+  return (params) => {
+    const host = document.createElement("div");
+    host.style.height = "100%";
+    const unmount = mountComponent(component, params, host, appContext);
+    let destroyed = false;
+    return {
+      el: host,
+      destroy: () => {
+        if (destroyed) return;
+        destroyed = true;
+        unmount();
+      }
+    };
+  };
+}
+
+// src/useMachTable.ts
+var import_vue3 = require("vue");
+function useMachTable() {
+  const componentRef = (0, import_vue3.ref)(null);
+  const api = (0, import_vue3.shallowRef)(null);
+  const ready = (0, import_vue3.shallowRef)(false);
+  (0, import_vue3.watch)(
+    componentRef,
+    (comp) => {
+      if (comp && typeof comp.getApi === "function") {
+        api.value = comp.getApi();
+        ready.value = api.value != null;
+      } else {
+        api.value = null;
+        ready.value = false;
+      }
+    },
+    { flush: "post" }
+  );
+  (0, import_vue3.onScopeDispose)(() => {
+    componentRef.value = null;
+    api.value = null;
+    ready.value = false;
+  });
+  return { ref: componentRef, api, ready };
+}
+
+// src/index.ts
+var import_mach_table2 = require("@agile-team/mach-table");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EVENT_TYPES,
+  MachTable,
+  RobotGrid,
+  createGrid,
+  useMachTable,
+  vueCellRenderer,
+  vueDetailRenderer
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/RobotGrid.ts","../src/adapters.ts","../src/useMachTable.ts"],"sourcesContent":["export { RobotGrid } from \"./RobotGrid\";\nexport { RobotGrid as MachTable } from \"./RobotGrid\";\nexport type { RobotGridVueProps } from \"./RobotGrid\";\nexport { vueCellRenderer, vueDetailRenderer } from \"./adapters\";\nexport { useMachTable } from \"./useMachTable\";\nexport type { UseMachTableReturn } from \"./useMachTable\";\nexport type { VueCellRendererProps } from \"./adapters\";\n\nexport type {\n  GridApi,\n  GridOptions,\n  ColDef,\n  RowNode,\n  CellRendererParams,\n  CellClickEvent,\n  SelectionChangedEvent,\n  CellValueChangedEvent,\n  SortChangedEvent,\n  FilterChangedEvent\n} from \"@agile-team/mach-table\";\n\nexport { createGrid, EVENT_TYPES } from \"@agile-team/mach-table\";\n","import { defineComponent, h, onBeforeUnmount, onMounted, ref, watch, type DefineComponent } from \"vue\";\nimport {\n  createGrid,\n  DIRECT_GRID_OPTION_KEYS,\n  EVENT_TYPES,\n  GRID_OPTION_KEYS,\n  GRID_OPTION_META\n} from \"@agile-team/mach-table\";\nimport type { GridApi, GridOptions } from \"@agile-team/mach-table\";\n\nexport type RobotGridVueProps<TData = any> = Omit<GridOptions<TData>, \"className\"> & {\n  /** CSS class applied to the Vue host element. */\n  className?: string;\n  /** CSS class forwarded to MachTable's inner grid root. */\n  gridClassName?: string;\n};\n\nconst ADAPTER_OPTION_KEYS = GRID_OPTION_KEYS.filter((key) => key !== \"className\");\nconst DIRECT_OPTION_KEYS = DIRECT_GRID_OPTION_KEYS.filter((key) => key !== \"className\");\n\nconst runtimeProps: Record<string, { type?: any; default: undefined }> = {};\nfor (const key of ADAPTER_OPTION_KEYS) {\n  const kind = GRID_OPTION_META[key].kind;\n  const type = kind === \"boolean\"\n    ? Boolean\n    : kind === \"number\"\n      ? Number\n      : kind === \"array\"\n        ? Array\n        : kind === \"function\"\n          ? Function\n          : kind === \"boolean-object\"\n            ? [Boolean, Object]\n            : kind === \"object\"\n              ? Object\n              : kind === \"string\"\n                ? String\n                : undefined;\n  runtimeProps[key] = { ...(type ? { type } : {}), default: undefined };\n}\nruntimeProps.className = { type: String, default: undefined };\nruntimeProps.gridClassName = { type: String, default: undefined };\n\nfunction handlerNameOf(eventType: string): string {\n  return \"on\" + eventType.charAt(0).toUpperCase() + eventType.slice(1);\n}\n\nconst RobotGridImpl = defineComponent({\n  name: \"RobotGrid\",\n  inheritAttrs: false,\n  props: runtimeProps,\n  emits: [...EVENT_TYPES] as unknown as string[],\n  setup(rawProps, { expose, attrs, emit }) {\n    const props = rawProps as Readonly<Record<string, any>>;\n    const host = ref<HTMLDivElement | null>(null);\n    let api: GridApi | null = null;\n\n    onMounted(() => {\n      if (!host.value) return;\n      const options: Record<string, unknown> = {};\n      for (const key of ADAPTER_OPTION_KEYS) {\n        const value = props[key];\n        if (value !== undefined) options[key] = value;\n      }\n      if (props.gridClassName !== undefined) options.className = props.gridClassName;\n      for (const type of EVENT_TYPES) {\n        options[handlerNameOf(type)] = (event: unknown) => emit(type, event);\n      }\n      api = createGrid(host.value, options as GridOptions<any>);\n    });\n\n    onBeforeUnmount(() => {\n      api?.destroy();\n      api = null;\n    });\n\n    watch(() => props.rowData, (value) => api?.setRowData(value));\n    watch(() => props.columnDefs, (value) => api?.setColumnDefs(value));\n    watch(() => props.quickFilterText, (value) => api?.setQuickFilter(value));\n    watch(() => props.gridClassName, (value) => api?.updateOptions({ className: value }));\n\n    watch(\n      () => DIRECT_OPTION_KEYS.map((key) => props[key]),\n      (values, previous) => {\n        if (!api) return;\n        const changed: Record<string, unknown> = {};\n        values.forEach((value, index) => {\n          if (!Object.is(value, previous[index])) changed[DIRECT_OPTION_KEYS[index]] = value;\n        });\n        if (Object.keys(changed).length > 0) api.updateOptions(changed as Partial<GridOptions<any>>);\n      }\n    );\n\n    expose({ getApi: (): GridApi | null => api });\n\n    return () => h(\"div\", {\n      ...attrs,\n      ref: host,\n      class: [\"mach-vue-host\", props.className, attrs.class].filter(Boolean),\n      style: attrs.style\n    });\n  }\n});\n\nexport const RobotGrid = RobotGridImpl as unknown as DefineComponent<RobotGridVueProps<any>>;\n","import { createApp, h, render, getCurrentInstance, type AppContext, type Component } from \"vue\";\nimport type { CellRendererParams, CellRendererFn, DetailRowRendererParams } from \"@agile-team/mach-table\";\n\nexport type VueCellRendererProps<TData = any, TValue = any> = CellRendererParams<TData, TValue>;\n\n/**\n * 解析适配器可用的 appContext：\n * 1. 显式传入优先；\n * 2. 否则在 <script setup> 内同步调用工厂时自动捕获宿主组件上下文\n *    （使单元格/明细内的 naive、EP 组件继承 ConfigProvider 的主题与国际化）。\n */\nfunction resolveAppContext(explicit?: AppContext): AppContext | undefined {\n  if (explicit) return explicit;\n  try {\n    return getCurrentInstance()?.appContext;\n  } catch {\n    return undefined;\n  }\n}\n\nfunction mountComponent(\n  component: Component,\n  props: Record<string, any>,\n  host: HTMLElement,\n  appContext?: AppContext\n): () => void {\n  if (appContext) {\n    const vnode = h(component, props);\n    vnode.appContext = appContext;\n    render(vnode, host);\n    return () => render(null, host);\n  }\n  const app = createApp({ render: () => h(component, props) });\n  app.mount(host);\n  return () => app.unmount();\n}\n\nexport function vueCellRenderer<TData = any, TValue = any>(\n  component: Component,\n  options?: { appContext?: AppContext }\n): CellRendererFn {\n  const appContext = resolveAppContext(options?.appContext);\n  return (params: CellRendererParams<TData, TValue>) => {\n    const host = document.createElement(\"div\");\n    host.className = \"mach-cell-vue\";\n    host.style.width = \"100%\";\n    const unmount = mountComponent(component, params as Record<string, any>, host, appContext);\n    let destroyed = false;\n    return {\n      el: host,\n      destroy: () => {\n        if (destroyed) return;\n        destroyed = true;\n        window.setTimeout(unmount, 0);\n      }\n    };\n  };\n}\n\nexport function vueDetailRenderer<TData = any>(\n  component: Component,\n  options?: { appContext?: AppContext }\n): (params: DetailRowRendererParams<TData>) => { el: HTMLElement; destroy?: () => void } {\n  const appContext = resolveAppContext(options?.appContext);\n  return (params) => {\n    const host = document.createElement(\"div\");\n    host.style.height = \"100%\";\n    const unmount = mountComponent(component, params as Record<string, any>, host, appContext);\n    let destroyed = false;\n    return {\n      el: host,\n      destroy: () => {\n        if (destroyed) return;\n        destroyed = true;\n        unmount();\n      }\n    };\n  };\n}\n","import { onScopeDispose, ref, shallowRef, watch, type Ref, type ShallowRef } from \"vue\";\nimport type { GridApi } from \"@agile-team/mach-table\";\n\nexport interface UseMachTableReturn<TData = any> {\n  ref: Ref<any>;\n  api: ShallowRef<GridApi<TData> | null>;\n  ready: ShallowRef<boolean>;\n}\n\nexport function useMachTable<TData = any>(): UseMachTableReturn<TData> {\n  const componentRef = ref<any>(null);\n  const api = shallowRef<GridApi<TData> | null>(null);\n  const ready = shallowRef(false);\n\n  watch(\n    componentRef,\n    (comp) => {\n      if (comp && typeof comp.getApi === \"function\") {\n        api.value = comp.getApi();\n        ready.value = api.value != null;\n      } else {\n        api.value = null;\n        ready.value = false;\n      }\n    },\n    { flush: \"post\" }\n  );\n\n  onScopeDispose(() => {\n    componentRef.value = null;\n    api.value = null;\n    ready.value = false;\n  });\n\n  return { ref: componentRef, api, ready };\n}\n"],"mappings":"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","names":["import_vue","import_vue","import_mach_table"]}

package/dist/index.d.cts

@@ -0,0 +1,31 @@
+import { DefineComponent, Component, AppContext, Ref, ShallowRef } from 'vue';
+import { GridOptions, CellRendererParams, CellRendererFn, DetailRowRendererParams, GridApi } from '@agile-team/mach-table';
+export { CellClickEvent, CellRendererParams, CellValueChangedEvent, ColDef, EVENT_TYPES, FilterChangedEvent, GridApi, GridOptions, RowNode, SelectionChangedEvent, SortChangedEvent, createGrid } from '@agile-team/mach-table';
+
+type RobotGridVueProps<TData = any> = Omit<GridOptions<TData>, "className"> & {
+    /** CSS class applied to the Vue host element. */
+    className?: string;
+    /** CSS class forwarded to MachTable's inner grid root. */
+    gridClassName?: string;
+};
+declare const RobotGrid: DefineComponent<RobotGridVueProps<any>>;
+
+type VueCellRendererProps<TData = any, TValue = any> = CellRendererParams<TData, TValue>;
+declare function vueCellRenderer<TData = any, TValue = any>(component: Component, options?: {
+    appContext?: AppContext;
+}): CellRendererFn;
+declare function vueDetailRenderer<TData = any>(component: Component, options?: {
+    appContext?: AppContext;
+}): (params: DetailRowRendererParams<TData>) => {
+    el: HTMLElement;
+    destroy?: () => void;
+};
+
+interface UseMachTableReturn<TData = any> {
+    ref: Ref<any>;
+    api: ShallowRef<GridApi<TData> | null>;
+    ready: ShallowRef<boolean>;
+}
+declare function useMachTable<TData = any>(): UseMachTableReturn<TData>;
+
+export { RobotGrid as MachTable, RobotGrid, type RobotGridVueProps, type UseMachTableReturn, type VueCellRendererProps, useMachTable, vueCellRenderer, vueDetailRenderer };

package/dist/index.d.ts

@@ -0,0 +1,31 @@
+import { DefineComponent, Component, AppContext, Ref, ShallowRef } from 'vue';
+import { GridOptions, CellRendererParams, CellRendererFn, DetailRowRendererParams, GridApi } from '@agile-team/mach-table';
+export { CellClickEvent, CellRendererParams, CellValueChangedEvent, ColDef, EVENT_TYPES, FilterChangedEvent, GridApi, GridOptions, RowNode, SelectionChangedEvent, SortChangedEvent, createGrid } from '@agile-team/mach-table';
+
+type RobotGridVueProps<TData = any> = Omit<GridOptions<TData>, "className"> & {
+    /** CSS class applied to the Vue host element. */
+    className?: string;
+    /** CSS class forwarded to MachTable's inner grid root. */
+    gridClassName?: string;
+};
+declare const RobotGrid: DefineComponent<RobotGridVueProps<any>>;
+
+type VueCellRendererProps<TData = any, TValue = any> = CellRendererParams<TData, TValue>;
+declare function vueCellRenderer<TData = any, TValue = any>(component: Component, options?: {
+    appContext?: AppContext;
+}): CellRendererFn;
+declare function vueDetailRenderer<TData = any>(component: Component, options?: {
+    appContext?: AppContext;
+}): (params: DetailRowRendererParams<TData>) => {
+    el: HTMLElement;
+    destroy?: () => void;
+};
+
+interface UseMachTableReturn<TData = any> {
+    ref: Ref<any>;
+    api: ShallowRef<GridApi<TData> | null>;
+    ready: ShallowRef<boolean>;
+}
+declare function useMachTable<TData = any>(): UseMachTableReturn<TData>;
+
+export { RobotGrid as MachTable, RobotGrid, type RobotGridVueProps, type UseMachTableReturn, type VueCellRendererProps, useMachTable, vueCellRenderer, vueDetailRenderer };

package/dist/index.js

@@ -0,0 +1,170 @@
+// src/RobotGrid.ts
+import { defineComponent, h, onBeforeUnmount, onMounted, ref, watch } from "vue";
+import {
+  createGrid,
+  DIRECT_GRID_OPTION_KEYS,
+  EVENT_TYPES,
+  GRID_OPTION_KEYS,
+  GRID_OPTION_META
+} from "@agile-team/mach-table";
+var ADAPTER_OPTION_KEYS = GRID_OPTION_KEYS.filter((key) => key !== "className");
+var DIRECT_OPTION_KEYS = DIRECT_GRID_OPTION_KEYS.filter((key) => key !== "className");
+var runtimeProps = {};
+for (const key of ADAPTER_OPTION_KEYS) {
+  const kind = GRID_OPTION_META[key].kind;
+  const type = kind === "boolean" ? Boolean : kind === "number" ? Number : kind === "array" ? Array : kind === "function" ? Function : kind === "boolean-object" ? [Boolean, Object] : kind === "object" ? Object : kind === "string" ? String : void 0;
+  runtimeProps[key] = { ...type ? { type } : {}, default: void 0 };
+}
+runtimeProps.className = { type: String, default: void 0 };
+runtimeProps.gridClassName = { type: String, default: void 0 };
+function handlerNameOf(eventType) {
+  return "on" + eventType.charAt(0).toUpperCase() + eventType.slice(1);
+}
+var RobotGridImpl = defineComponent({
+  name: "RobotGrid",
+  inheritAttrs: false,
+  props: runtimeProps,
+  emits: [...EVENT_TYPES],
+  setup(rawProps, { expose, attrs, emit }) {
+    const props = rawProps;
+    const host = ref(null);
+    let api = null;
+    onMounted(() => {
+      if (!host.value) return;
+      const options = {};
+      for (const key of ADAPTER_OPTION_KEYS) {
+        const value = props[key];
+        if (value !== void 0) options[key] = value;
+      }
+      if (props.gridClassName !== void 0) options.className = props.gridClassName;
+      for (const type of EVENT_TYPES) {
+        options[handlerNameOf(type)] = (event) => emit(type, event);
+      }
+      api = createGrid(host.value, options);
+    });
+    onBeforeUnmount(() => {
+      api?.destroy();
+      api = null;
+    });
+    watch(() => props.rowData, (value) => api?.setRowData(value));
+    watch(() => props.columnDefs, (value) => api?.setColumnDefs(value));
+    watch(() => props.quickFilterText, (value) => api?.setQuickFilter(value));
+    watch(() => props.gridClassName, (value) => api?.updateOptions({ className: value }));
+    watch(
+      () => DIRECT_OPTION_KEYS.map((key) => props[key]),
+      (values, previous) => {
+        if (!api) return;
+        const changed = {};
+        values.forEach((value, index) => {
+          if (!Object.is(value, previous[index])) changed[DIRECT_OPTION_KEYS[index]] = value;
+        });
+        if (Object.keys(changed).length > 0) api.updateOptions(changed);
+      }
+    );
+    expose({ getApi: () => api });
+    return () => h("div", {
+      ...attrs,
+      ref: host,
+      class: ["mach-vue-host", props.className, attrs.class].filter(Boolean),
+      style: attrs.style
+    });
+  }
+});
+var RobotGrid = RobotGridImpl;
+
+// src/adapters.ts
+import { createApp, h as h2, render, getCurrentInstance } from "vue";
+function resolveAppContext(explicit) {
+  if (explicit) return explicit;
+  try {
+    return getCurrentInstance()?.appContext;
+  } catch {
+    return void 0;
+  }
+}
+function mountComponent(component, props, host, appContext) {
+  if (appContext) {
+    const vnode = h2(component, props);
+    vnode.appContext = appContext;
+    render(vnode, host);
+    return () => render(null, host);
+  }
+  const app = createApp({ render: () => h2(component, props) });
+  app.mount(host);
+  return () => app.unmount();
+}
+function vueCellRenderer(component, options) {
+  const appContext = resolveAppContext(options?.appContext);
+  return (params) => {
+    const host = document.createElement("div");
+    host.className = "mach-cell-vue";
+    host.style.width = "100%";
+    const unmount = mountComponent(component, params, host, appContext);
+    let destroyed = false;
+    return {
+      el: host,
+      destroy: () => {
+        if (destroyed) return;
+        destroyed = true;
+        window.setTimeout(unmount, 0);
+      }
+    };
+  };
+}
+function vueDetailRenderer(component, options) {
+  const appContext = resolveAppContext(options?.appContext);
+  return (params) => {
+    const host = document.createElement("div");
+    host.style.height = "100%";
+    const unmount = mountComponent(component, params, host, appContext);
+    let destroyed = false;
+    return {
+      el: host,
+      destroy: () => {
+        if (destroyed) return;
+        destroyed = true;
+        unmount();
+      }
+    };
+  };
+}
+
+// src/useMachTable.ts
+import { onScopeDispose, ref as ref2, shallowRef, watch as watch2 } from "vue";
+function useMachTable() {
+  const componentRef = ref2(null);
+  const api = shallowRef(null);
+  const ready = shallowRef(false);
+  watch2(
+    componentRef,
+    (comp) => {
+      if (comp && typeof comp.getApi === "function") {
+        api.value = comp.getApi();
+        ready.value = api.value != null;
+      } else {
+        api.value = null;
+        ready.value = false;
+      }
+    },
+    { flush: "post" }
+  );
+  onScopeDispose(() => {
+    componentRef.value = null;
+    api.value = null;
+    ready.value = false;
+  });
+  return { ref: componentRef, api, ready };
+}
+
+// src/index.ts
+import { createGrid as createGrid2, EVENT_TYPES as EVENT_TYPES2 } from "@agile-team/mach-table";
+export {
+  EVENT_TYPES2 as EVENT_TYPES,
+  RobotGrid as MachTable,
+  RobotGrid,
+  createGrid2 as createGrid,
+  useMachTable,
+  vueCellRenderer,
+  vueDetailRenderer
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/RobotGrid.ts","../src/adapters.ts","../src/useMachTable.ts","../src/index.ts"],"sourcesContent":["import { defineComponent, h, onBeforeUnmount, onMounted, ref, watch, type DefineComponent } from \"vue\";\nimport {\n  createGrid,\n  DIRECT_GRID_OPTION_KEYS,\n  EVENT_TYPES,\n  GRID_OPTION_KEYS,\n  GRID_OPTION_META\n} from \"@agile-team/mach-table\";\nimport type { GridApi, GridOptions } from \"@agile-team/mach-table\";\n\nexport type RobotGridVueProps<TData = any> = Omit<GridOptions<TData>, \"className\"> & {\n  /** CSS class applied to the Vue host element. */\n  className?: string;\n  /** CSS class forwarded to MachTable's inner grid root. */\n  gridClassName?: string;\n};\n\nconst ADAPTER_OPTION_KEYS = GRID_OPTION_KEYS.filter((key) => key !== \"className\");\nconst DIRECT_OPTION_KEYS = DIRECT_GRID_OPTION_KEYS.filter((key) => key !== \"className\");\n\nconst runtimeProps: Record<string, { type?: any; default: undefined }> = {};\nfor (const key of ADAPTER_OPTION_KEYS) {\n  const kind = GRID_OPTION_META[key].kind;\n  const type = kind === \"boolean\"\n    ? Boolean\n    : kind === \"number\"\n      ? Number\n      : kind === \"array\"\n        ? Array\n        : kind === \"function\"\n          ? Function\n          : kind === \"boolean-object\"\n            ? [Boolean, Object]\n            : kind === \"object\"\n              ? Object\n              : kind === \"string\"\n                ? String\n                : undefined;\n  runtimeProps[key] = { ...(type ? { type } : {}), default: undefined };\n}\nruntimeProps.className = { type: String, default: undefined };\nruntimeProps.gridClassName = { type: String, default: undefined };\n\nfunction handlerNameOf(eventType: string): string {\n  return \"on\" + eventType.charAt(0).toUpperCase() + eventType.slice(1);\n}\n\nconst RobotGridImpl = defineComponent({\n  name: \"RobotGrid\",\n  inheritAttrs: false,\n  props: runtimeProps,\n  emits: [...EVENT_TYPES] as unknown as string[],\n  setup(rawProps, { expose, attrs, emit }) {\n    const props = rawProps as Readonly<Record<string, any>>;\n    const host = ref<HTMLDivElement | null>(null);\n    let api: GridApi | null = null;\n\n    onMounted(() => {\n      if (!host.value) return;\n      const options: Record<string, unknown> = {};\n      for (const key of ADAPTER_OPTION_KEYS) {\n        const value = props[key];\n        if (value !== undefined) options[key] = value;\n      }\n      if (props.gridClassName !== undefined) options.className = props.gridClassName;\n      for (const type of EVENT_TYPES) {\n        options[handlerNameOf(type)] = (event: unknown) => emit(type, event);\n      }\n      api = createGrid(host.value, options as GridOptions<any>);\n    });\n\n    onBeforeUnmount(() => {\n      api?.destroy();\n      api = null;\n    });\n\n    watch(() => props.rowData, (value) => api?.setRowData(value));\n    watch(() => props.columnDefs, (value) => api?.setColumnDefs(value));\n    watch(() => props.quickFilterText, (value) => api?.setQuickFilter(value));\n    watch(() => props.gridClassName, (value) => api?.updateOptions({ className: value }));\n\n    watch(\n      () => DIRECT_OPTION_KEYS.map((key) => props[key]),\n      (values, previous) => {\n        if (!api) return;\n        const changed: Record<string, unknown> = {};\n        values.forEach((value, index) => {\n          if (!Object.is(value, previous[index])) changed[DIRECT_OPTION_KEYS[index]] = value;\n        });\n        if (Object.keys(changed).length > 0) api.updateOptions(changed as Partial<GridOptions<any>>);\n      }\n    );\n\n    expose({ getApi: (): GridApi | null => api });\n\n    return () => h(\"div\", {\n      ...attrs,\n      ref: host,\n      class: [\"mach-vue-host\", props.className, attrs.class].filter(Boolean),\n      style: attrs.style\n    });\n  }\n});\n\nexport const RobotGrid = RobotGridImpl as unknown as DefineComponent<RobotGridVueProps<any>>;\n","import { createApp, h, render, getCurrentInstance, type AppContext, type Component } from \"vue\";\nimport type { CellRendererParams, CellRendererFn, DetailRowRendererParams } from \"@agile-team/mach-table\";\n\nexport type VueCellRendererProps<TData = any, TValue = any> = CellRendererParams<TData, TValue>;\n\n/**\n * 解析适配器可用的 appContext：\n * 1. 显式传入优先；\n * 2. 否则在 <script setup> 内同步调用工厂时自动捕获宿主组件上下文\n *    （使单元格/明细内的 naive、EP 组件继承 ConfigProvider 的主题与国际化）。\n */\nfunction resolveAppContext(explicit?: AppContext): AppContext | undefined {\n  if (explicit) return explicit;\n  try {\n    return getCurrentInstance()?.appContext;\n  } catch {\n    return undefined;\n  }\n}\n\nfunction mountComponent(\n  component: Component,\n  props: Record<string, any>,\n  host: HTMLElement,\n  appContext?: AppContext\n): () => void {\n  if (appContext) {\n    const vnode = h(component, props);\n    vnode.appContext = appContext;\n    render(vnode, host);\n    return () => render(null, host);\n  }\n  const app = createApp({ render: () => h(component, props) });\n  app.mount(host);\n  return () => app.unmount();\n}\n\nexport function vueCellRenderer<TData = any, TValue = any>(\n  component: Component,\n  options?: { appContext?: AppContext }\n): CellRendererFn {\n  const appContext = resolveAppContext(options?.appContext);\n  return (params: CellRendererParams<TData, TValue>) => {\n    const host = document.createElement(\"div\");\n    host.className = \"mach-cell-vue\";\n    host.style.width = \"100%\";\n    const unmount = mountComponent(component, params as Record<string, any>, host, appContext);\n    let destroyed = false;\n    return {\n      el: host,\n      destroy: () => {\n        if (destroyed) return;\n        destroyed = true;\n        window.setTimeout(unmount, 0);\n      }\n    };\n  };\n}\n\nexport function vueDetailRenderer<TData = any>(\n  component: Component,\n  options?: { appContext?: AppContext }\n): (params: DetailRowRendererParams<TData>) => { el: HTMLElement; destroy?: () => void } {\n  const appContext = resolveAppContext(options?.appContext);\n  return (params) => {\n    const host = document.createElement(\"div\");\n    host.style.height = \"100%\";\n    const unmount = mountComponent(component, params as Record<string, any>, host, appContext);\n    let destroyed = false;\n    return {\n      el: host,\n      destroy: () => {\n        if (destroyed) return;\n        destroyed = true;\n        unmount();\n      }\n    };\n  };\n}\n","import { onScopeDispose, ref, shallowRef, watch, type Ref, type ShallowRef } from \"vue\";\nimport type { GridApi } from \"@agile-team/mach-table\";\n\nexport interface UseMachTableReturn<TData = any> {\n  ref: Ref<any>;\n  api: ShallowRef<GridApi<TData> | null>;\n  ready: ShallowRef<boolean>;\n}\n\nexport function useMachTable<TData = any>(): UseMachTableReturn<TData> {\n  const componentRef = ref<any>(null);\n  const api = shallowRef<GridApi<TData> | null>(null);\n  const ready = shallowRef(false);\n\n  watch(\n    componentRef,\n    (comp) => {\n      if (comp && typeof comp.getApi === \"function\") {\n        api.value = comp.getApi();\n        ready.value = api.value != null;\n      } else {\n        api.value = null;\n        ready.value = false;\n      }\n    },\n    { flush: \"post\" }\n  );\n\n  onScopeDispose(() => {\n    componentRef.value = null;\n    api.value = null;\n    ready.value = false;\n  });\n\n  return { ref: componentRef, api, ready };\n}\n","export { RobotGrid } from \"./RobotGrid\";\nexport { RobotGrid as MachTable } from \"./RobotGrid\";\nexport type { RobotGridVueProps } from \"./RobotGrid\";\nexport { vueCellRenderer, vueDetailRenderer } from \"./adapters\";\nexport { useMachTable } from \"./useMachTable\";\nexport type { UseMachTableReturn } from \"./useMachTable\";\nexport type { VueCellRendererProps } from \"./adapters\";\n\nexport type {\n  GridApi,\n  GridOptions,\n  ColDef,\n  RowNode,\n  CellRendererParams,\n  CellClickEvent,\n  SelectionChangedEvent,\n  CellValueChangedEvent,\n  SortChangedEvent,\n  FilterChangedEvent\n} from \"@agile-team/mach-table\";\n\nexport { createGrid, EVENT_TYPES } from \"@agile-team/mach-table\";\n"],"mappings":"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","names":["h","ref","watch","createGrid","EVENT_TYPES"]}

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "@agile-team/mach-table-vue",
+  "version": "0.4.0",
+  "description": "Official Vue 3 adapter for the MachTable enterprise data grid",
+  "keywords": [
+    "vue",
+    "vue3",
+    "data-grid",
+    "table",
+    "typescript",
+    "virtualization"
+  ],
+  "author": "Agile Team",
+  "license": "MIT",
+  "homepage": "https://github.com/ChenyCHENYU/MachTable#readme",
+  "bugs": {
+    "url": "https://github.com/ChenyCHENYU/MachTable/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ChenyCHENYU/MachTable.git",
+    "directory": "packages/vue"
+  },
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "peerDependencies": {
+    "vue": ">=3.2.0",
+    "@agile-team/mach-table": "0.4.0"
+  },
+  "devDependencies": {
+    "vue": "^3.5.13",
+    "@agile-team/mach-table": "0.4.0"
+  },
+  "scripts": {
+    "build": "tsup",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:coverage": "vitest run --coverage"
+  }
+}