@agile-team/mach-report 0.4.0 → 0.6.0

package/dist/vue/async.d.ts

@@ -0,0 +1,146 @@
+import { Plugin } from 'vue';
+/**
+ * 异步插件入口（@agile-team/mach-report-vue/async）：
+ *
+ * 首屏敏感页面用异步全局组件代替静态 import——组件与其引擎依赖
+ * 拆为独立 chunk，路由级按需加载：
+ *
+ * ```ts
+ * import AsyncMachReportPlugin, { preloadMachReport } from "@agile-team/mach-report-vue/async";
+ * app.use(AsyncMachReportPlugin, { baseUrl: "/sub/mach-report" });
+ * void preloadMachReport(); // 可选：路由 hover 时预取
+ * // 模板：<MachReportPreview temp-id="X" />
+ * ```
+ */
+/** 全局异步组件（懒加载 ReportPreview 及其引擎分片） */
+export declare const MachReportPreview: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    tempId: {
+        type: import('vue').PropType<string | string[] | null>;
+        default: null;
+    };
+    furnitureTempId: {
+        type: StringConstructor;
+        default: string;
+    };
+    params: {
+        type: import('vue').PropType<Record<string, string>>;
+        default: () => {};
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    autoLoad: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showExport: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    showPrint: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    showPdfWindow: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    gapPx: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    messages: {
+        type: import('vue').PropType<Partial<import('./config').MachReportMessages>>;
+        default: undefined;
+    };
+    preset: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    fetcher: {
+        type: import('vue').PropType<import('./adapters').PlanFetcher | null>;
+        default: null;
+    };
+}>, {
+    reload: () => Promise<void>;
+    print: () => Promise<void>;
+    exportAs: (format: string) => void;
+    openPdfWindow: () => void;
+    gotoPage: (n: number) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    error: (message: string) => any;
+    loaded: (pageCount: number) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    tempId: {
+        type: import('vue').PropType<string | string[] | null>;
+        default: null;
+    };
+    furnitureTempId: {
+        type: StringConstructor;
+        default: string;
+    };
+    params: {
+        type: import('vue').PropType<Record<string, string>>;
+        default: () => {};
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    autoLoad: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showExport: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    showPrint: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    showPdfWindow: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    gapPx: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    messages: {
+        type: import('vue').PropType<Partial<import('./config').MachReportMessages>>;
+        default: undefined;
+    };
+    preset: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    fetcher: {
+        type: import('vue').PropType<import('./adapters').PlanFetcher | null>;
+        default: null;
+    };
+}>> & Readonly<{
+    onError?: ((message: string) => any) | undefined;
+    onLoaded?: ((pageCount: number) => any) | undefined;
+}>, {
+    height: string;
+    gapPx: number;
+    params: Record<string, string>;
+    furnitureTempId: string;
+    tempId: string | string[] | null;
+    showExport: boolean;
+    showPrint: boolean;
+    showPdfWindow: boolean;
+    messages: Partial<import('./config').MachReportMessages>;
+    autoLoad: boolean;
+    preset: string;
+    fetcher: import('./adapters').PlanFetcher | null;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    viewportRef: HTMLDivElement;
+    containerRef: HTMLDivElement;
+}, HTMLDivElement>;
+/** 预取组件分片（路由 hover / 空闲时调用，正式渲染零等待） */
+export declare function preloadMachReport(): Promise<unknown>;
+export declare const machReportAsyncPlugin: Plugin;
+export default machReportAsyncPlugin;

package/dist/vue/composables/usePageWindow.d.ts

@@ -0,0 +1,28 @@
+import { Ref } from 'vue';
+import { PlanPage, RenderPlan } from '@agile-team/mach-report';
+/**
+ * 页级视口虚拟化（DOM 后端）。
+ *
+ * 坐标口径（与 transform: scale 缩放配合）：
+ * - 页高/间距/占位均在"自然坐标系"（未缩放 px）维护
+ * - 视口滚动量与视口高换算回自然系（除以 zoom）后再进 computePageWindow
+ */
+export declare function usePageWindow(plan: Ref<RenderPlan | null>, zoom: Ref<number>, options?: {
+    pxPerMm?: number;
+    gapPx?: number;
+}): {
+    pageHeightsPx: import('vue').ComputedRef<number[]>;
+    contentSize: import('vue').ComputedRef<{
+        w: number;
+        h: number;
+    }>;
+    windowRange: import('vue').ComputedRef<import('@agile-team/mach-report').PageWindow>;
+    visiblePages: import('vue').ComputedRef<{
+        page: PlanPage;
+        index: number;
+    }[]>;
+    scrollTop: Ref<number, number>;
+    viewportHeight: Ref<number, number>;
+    makeScrollHandler: (currentPage: Ref<number>, pageCount: Ref<number>) => (vp: HTMLElement) => void;
+    refreshViewport(vp: HTMLElement | null): void;
+};

package/dist/vue/composables/usePrintExport.d.ts

@@ -0,0 +1,19 @@
+import { Ref } from 'vue';
+import { RenderPlan } from '@agile-team/mach-report';
+import { PdfExporter } from '../pdf-exporter';
+interface PrintHtmlResult {
+    head: string;
+    pageChunks: string[];
+}
+/** 构建打印文档：head（含按尺寸分组的 @page 规则）+ 每页一段 HTML（供流式写入） */
+export declare function buildPrintDocument(p: RenderPlan): PrintHtmlResult;
+export declare function usePrintExport(plan: Ref<RenderPlan | null>, hooks: {
+    getPdfExporter: () => PdfExporter;
+    onError: (message: string) => void;
+}): {
+    print: () => Promise<void>;
+    exportAs: (format: string) => void;
+    openPdfWindow: () => void;
+    releasePrintFrame: () => void;
+};
+export {};

package/dist/vue/composables/useZoom.d.ts

@@ -0,0 +1,15 @@
+/**
+ * 缩放状态（transform: scale 方案）：
+ * - fit 模式：按视口宽自适应（clamp 0.3~1）
+ * - raw 模式：固定百分比
+ * transform 而非 CSS zoom：标准属性、跨浏览器、零重排。
+ */
+export declare function useZoom(getFitInputs: () => {
+    viewport: HTMLElement | null;
+    pageWidthPx: number;
+} | null): {
+    zoom: import('vue').Ref<number, number>;
+    zoomMode: import('vue').Ref<"fit" | "raw", "fit" | "raw">;
+    applyFitZoom: () => void;
+    setZoom: (mode: "fit" | number) => void;
+};

package/dist/vue/config.d.ts

@@ -0,0 +1,79 @@
+import { ComputedRef, CSSProperties } from 'vue';
+/**
+ * 配置中心（对齐 mach-table 的 defineMachTableConfig 体验）：
+ * - 应用级：app.use(machReportPlugin, { config: defineMachReportConfig({...}) })
+ * - 路由级叠加：provideMachReportConfig(overlay)（响应式，就近覆盖）
+ * - 优先级：组件 props > 路由级叠加 > preset > defaults（props 永远最高）
+ */
+/** 工具栏与状态文案（默认简体中文；出海场景覆写） */
+export interface MachReportMessages {
+    title: string;
+    prevPage: string;
+    nextPage: string;
+    /** 页码显示模板，{cur}/{total} 占位 */
+    pageInfo: string;
+    fitWidth: string;
+    exportHtml: string;
+    exportPdf: string;
+    print: string;
+    pdfWindow: string;
+    loading: string;
+    empty: string;
+    errorPrefix: string;
+    retry: string;
+}
+export declare const DEFAULT_MESSAGES: MachReportMessages;
+/** 主题变量（组件外壳注入的 --mrp-* CSS 自定义属性） */
+export interface MachReportTheme {
+    shellBg: string;
+    shellFg: string;
+    toolbarBg: string;
+    toolbarBorder: string;
+    toolbarFg: string;
+    btnFg: string;
+    btnBorder: string;
+    btnHoverBg: string;
+    btnHoverFg: string;
+    btnActiveBg: string;
+}
+export declare const DEFAULT_THEME: MachReportTheme;
+/** defaults 层可配置项（全部可选，均有内置缺省） */
+export interface MachReportDefaults {
+    showExport?: boolean;
+    showPrint?: boolean;
+    showPdfWindow?: boolean;
+    /** 页间距 px */
+    gapPx?: number;
+    /** PDF 导出中文字体 URL */
+    pdfFontUrl?: string;
+    theme?: Partial<MachReportTheme>;
+    messages?: Partial<MachReportMessages>;
+}
+export type MachReportPreset = MachReportDefaults;
+export interface MachReportConfig {
+    defaults: MachReportDefaults;
+    presets: Record<string, MachReportPreset>;
+    /** 默认启用的 preset 名 */
+    defaultPreset?: string;
+}
+/** 类型化配置声明（纯类型助手，便于独立 config 文件） */
+export declare function defineMachReportConfig(config: MachReportConfig): MachReportConfig;
+/** 类型化 preset 声明 */
+export declare function defineMachReportPreset(preset: MachReportPreset): MachReportPreset;
+export type ResolvedConfig = Required<Pick<MachReportDefaults, "showExport" | "showPrint" | "showPdfWindow" | "gapPx">> & {
+    pdfFontUrl: string;
+    theme: MachReportTheme;
+    messages: MachReportMessages;
+};
+export declare function resolveConfig(config: MachReportConfig | null | undefined, presetName?: string): ResolvedConfig;
+/** theme 对象 → CSS 自定义属性 style 对象（注入组件外壳） */
+export declare function themeToCssVars(theme: Partial<MachReportTheme>): CSSProperties;
+type ConfigRef = ComputedRef<MachReportConfig | null>;
+/**
+ * 路由/布局级响应式叠加：就近提供配置层（如某路由关闭导出按钮）。
+ * 与应用级 config 合并（本层 defaults/presets 优先）。
+ */
+export declare function provideMachReportConfig(overlay: MachReportConfig | MachReportDefaults): void;
+/** 组件内部读取当前生效配置层（未提供时返回 null → 走内置缺省） */
+export declare function useMachReportConfig(): ConfigRef;
+export {};

package/dist/vue/index.d.cts

@@ -0,0 +1,11 @@
+export { default as ReportPreview } from './ReportPreview';
+export { default as ReportToolbar } from './ReportToolbar';
+export * from './adapters';
+export * from './local-adapter';
+export * from './injection-keys';
+export * from './plugin';
+export * from './config';
+export * from './pdf-exporter';
+export * from './composables/usePageWindow';
+export * from './composables/useZoom';
+export * from './composables/usePrintExport';

package/dist/vue/index.d.ts

@@ -0,0 +1,11 @@
+export { default as ReportPreview } from './ReportPreview';
+export { default as ReportToolbar } from './ReportToolbar';
+export * from './adapters';
+export * from './local-adapter';
+export * from './injection-keys';
+export * from './plugin';
+export * from './config';
+export * from './pdf-exporter';
+export * from './composables/usePageWindow';
+export * from './composables/useZoom';
+export * from './composables/usePrintExport';

package/dist/vue/injection-keys.d.ts

@@ -0,0 +1,12 @@
+import { ComputedRef, InjectionKey } from 'vue';
+import { PlanFetcher } from './adapters';
+import { PdfExporter } from './pdf-exporter';
+import { MachReportConfig } from './config';
+/**
+ * 注入 key 全部为字符串（而非裸 Symbol）：跨模块联邦边界时宿主与远程
+ * 各自打包会生成不同的 Symbol 实例导致 inject 失效；字符串恒等。
+ * 保留 InjectionKey 类型以获得类型提示。
+ */
+export declare const MACH_REPORT_FETCHER_KEY: InjectionKey<PlanFetcher>;
+export declare const MACH_REPORT_PDF_EXPORTER_KEY: InjectionKey<PdfExporter>;
+export declare const MACH_REPORT_CONFIG_KEY: InjectionKey<ComputedRef<MachReportConfig | null>>;

package/dist/vue/local-adapter.d.ts

@@ -0,0 +1,12 @@
+import { ReportTemplate } from '@agile-team/mach-report';
+import { PlanFetcher } from './adapters';
+export interface LocalTemplateEntry {
+    tempId: string;
+    template: ReportTemplate;
+    datasets?: Record<string, Record<string, unknown>[]>;
+}
+/**
+ * 本地渲染适配器：模板 + 数据 → core 分页引擎 → RenderPlan。
+ * 用于离线预览、单测与 jh4j 后端不可用场景（单真相源验证）。
+ */
+export declare function createLocalFetcher(entries: Record<string, LocalTemplateEntry>): PlanFetcher;

package/dist/vue/pdf-exporter.d.ts

@@ -0,0 +1,13 @@
+import { RenderPlan } from '@agile-team/mach-report';
+/** PDF 导出器：RenderPlan → PDF 字节。宿主可注入自定义实现（自研后端/Worker 化等）。 */
+export type PdfExporter = (plan: RenderPlan) => Promise<Uint8Array>;
+export interface DefaultPdfExporterOptions {
+    /** 中文字体 URL（浏览器 fetch）；空串跳过字体加载（西文报表） */
+    fontUrl: string;
+}
+/**
+ * 默认 PDF 导出器：
+ * - 懒加载 @agile-team/mach-report/pdf（含 pdf-lib，只在首次导出时进 bundle）
+ * - 字体走 IndexedDB 持久缓存（loadFontWithCache，二次导出零网络）
+ */
+export declare function createDefaultPdfExporter(options?: DefaultPdfExporterOptions): PdfExporter;

package/dist/vue/plugin.d.ts

@@ -0,0 +1,34 @@
+import { App } from 'vue';
+import { PlanFetcher, HostRequest } from './adapters';
+import { PdfExporter } from './pdf-exporter';
+import { MachReportConfig } from './config';
+export interface MachReportPluginOptions {
+    /**
+     * 数据面（全部可选——零配置时用全局 fetch 同源直连）：
+     * - request：宿主 http 客户端（axios 风格签名）
+     * - fetcher：完整 PlanFetcher（自定义数据面/本地模板，优先级最高）
+     */
+    request?: HostRequest;
+    baseUrl?: string;
+    fetcher?: PlanFetcher;
+    /** 应用级配置中心（defaults/presets/文案/主题），见 defineMachReportConfig */
+    config?: MachReportConfig;
+    /** PDF 导出字体 URL（默认 /simhei.ttf；'' 跳过字体） */
+    pdfFontUrl?: string;
+    /** 自定义 PDF 导出器（缺省用懒加载引擎 /pdf 子路径的默认实现） */
+    pdfExporter?: PdfExporter;
+}
+/**
+ * Vue 插件（零配置可用）：
+ *
+ * ```ts
+ * app.use(machReportPlugin)                              // 同源 jh4j 部署，零胶水
+ * app.use(machReportPlugin, { baseUrl: "/sub/mach-report" })
+ * app.use(machReportPlugin, { request: axios, config: defineMachReportConfig({...}) })
+ * ```
+ *
+ * 之后业务页面一行使用：`<ReportPreview temp-id="X" />`
+ */
+export declare const machReportPlugin: {
+    install(app: App, options?: MachReportPluginOptions): void;
+};

package/dist/vue-async.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),i=require("./plugin-BIJxGHZX.cjs"),r=n.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./ReportPreview-rBtmbu3W.cjs")).then(e=>e.ReportPreview$1));function c(){return Promise.resolve().then(()=>require("./ReportPreview-rBtmbu3W.cjs")).then(e=>e.ReportPreview$1)}const t={install(e,o={}){i.machReportPlugin.install(e,o),e.component("MachReportPreview",r)}};exports.MachReportPreview=r;exports.default=t;exports.machReportAsyncPlugin=t;exports.preloadMachReport=c;

package/dist/vue-async.js

@@ -0,0 +1,17 @@
+import { defineAsyncComponent as e } from "vue";
+import { m as n } from "./plugin-DrV67_VW.js";
+const r = e(() => import("./ReportPreview-DWLjYi_p.js").then((t) => t.i));
+function m() {
+  return import("./ReportPreview-DWLjYi_p.js").then((t) => t.i);
+}
+const p = {
+  install(t, o = {}) {
+    n.install(t, o), t.component("MachReportPreview", r);
+  }
+};
+export {
+  r as MachReportPreview,
+  p as default,
+  p as machReportAsyncPlugin,
+  m as preloadMachReport
+};

package/dist/vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ReportPreview-rBtmbu3W.cjs"),r=require("./plugin-BIJxGHZX.cjs"),E=require("@agile-team/mach-report");function R(c){return async({tempIds:t})=>{if(t.length===0)throw new r.PlanLoadError("缺少报表模板 ID");const a=[];for(const n of t){const o=c[n];if(!o)throw new r.PlanLoadError(`本地模板 ${n} 不存在`);const{plan:s,warnings:i}=E.paginateTemplate(o.template,o.datasets??{});i.length>0&&console.warn("[mach-report] 分页告警:",i),a.push(...s.pages)}return{schemaVersion:"mach-local",pages:a}}}exports.DEFAULT_MESSAGES=e.DEFAULT_MESSAGES;exports.DEFAULT_THEME=e.DEFAULT_THEME;exports.ReportPreview=e.ReportPreview;exports.ReportToolbar=e.ReportToolbar;exports.buildPrintDocument=e.buildPrintDocument;exports.defineMachReportConfig=e.defineMachReportConfig;exports.defineMachReportPreset=e.defineMachReportPreset;exports.provideMachReportConfig=e.provideMachReportConfig;exports.resolveConfig=e.resolveConfig;exports.themeToCssVars=e.themeToCssVars;exports.useMachReportConfig=e.useMachReportConfig;exports.usePageWindow=e.usePageWindow;exports.usePrintExport=e.usePrintExport;exports.useZoom=e.useZoom;exports.MACH_REPORT_CONFIG_KEY=r.MACH_REPORT_CONFIG_KEY;exports.MACH_REPORT_FETCHER_KEY=r.MACH_REPORT_FETCHER_KEY;exports.MACH_REPORT_PDF_EXPORTER_KEY=r.MACH_REPORT_PDF_EXPORTER_KEY;exports.PlanLoadError=r.PlanLoadError;exports.createDefaultPdfExporter=r.createDefaultPdfExporter;exports.createFetchRequest=r.createFetchRequest;exports.createJh4jGridPlanFetcher=r.createJh4jGridPlanFetcher;exports.joinTempIds=r.joinTempIds;exports.machReportPlugin=r.machReportPlugin;exports.normalizeTempIds=r.normalizeTempIds;exports.createLocalFetcher=R;

package/dist/vue.js

@@ -0,0 +1,44 @@
+import { D as m, a as R, R as P, b as g, c as u, d, e as T, p as _, r as C, t as M, u as w, f as F, g as D, h as A } from "./ReportPreview-DWLjYi_p.js";
+import { P as t } from "./plugin-DrV67_VW.js";
+import { M as H, a as O, b, c as L, d as j, e as v, j as G, m as I, n as K } from "./plugin-DrV67_VW.js";
+import { paginateTemplate as i } from "@agile-team/mach-report";
+function h(n) {
+  return async ({ tempIds: a }) => {
+    if (a.length === 0) throw new t("缺少报表模板 ID");
+    const r = [];
+    for (const o of a) {
+      const e = n[o];
+      if (!e) throw new t(`本地模板 ${o} 不存在`);
+      const { plan: c, warnings: s } = i(e.template, e.datasets ?? {});
+      s.length > 0 && console.warn("[mach-report] 分页告警:", s), r.push(...c.pages);
+    }
+    return { schemaVersion: "mach-local", pages: r };
+  };
+}
+export {
+  m as DEFAULT_MESSAGES,
+  R as DEFAULT_THEME,
+  H as MACH_REPORT_CONFIG_KEY,
+  O as MACH_REPORT_FETCHER_KEY,
+  b as MACH_REPORT_PDF_EXPORTER_KEY,
+  t as PlanLoadError,
+  P as ReportPreview,
+  g as ReportToolbar,
+  u as buildPrintDocument,
+  L as createDefaultPdfExporter,
+  j as createFetchRequest,
+  v as createJh4jGridPlanFetcher,
+  h as createLocalFetcher,
+  d as defineMachReportConfig,
+  T as defineMachReportPreset,
+  G as joinTempIds,
+  I as machReportPlugin,
+  K as normalizeTempIds,
+  _ as provideMachReportConfig,
+  C as resolveConfig,
+  M as themeToCssVars,
+  w as useMachReportConfig,
+  F as usePageWindow,
+  D as usePrintExport,
+  A as useZoom
+};

package/package.json

@@ -1,42 +1,109 @@
 {
   "name": "@agile-team/mach-report",
-  "version": "0.4.0",
-  "description": "MachReport 报表引擎单包：RenderPlan 模型 + 分页 + DOM/Canvas/PDF 渲染 + 动态 SQL + 管理端 API（框架无关、子路径按需引入）",
+  "version": "0.6.0",
+  "description": "MachReport 报表引擎单包：RenderPlan 模型 + 分页 + DOM/Canvas/PDF 渲染 + 动态 SQL + 管理端 API + Vue 3 契约组件（零运行时依赖；./vue 为框架子路径，vue 为可选 peer）",
   "type": "module",
-  "sideEffects": false,
-  "main": "./dist/index.js",
+  "sideEffects": [
+    "**/*.css",
+    "**/*.vue"
+  ],
+  "main": "./dist/index.cjs",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
     },
     "./pdf": {
-      "types": "./dist/pdf.d.ts",
-      "default": "./dist/pdf.js"
+      "import": {
+        "types": "./dist/pdf.d.ts",
+        "default": "./dist/pdf.js"
+      },
+      "require": {
+        "types": "./dist/pdf.d.cts",
+        "default": "./dist/pdf.cjs"
+      }
     },
     "./sql": {
-      "types": "./dist/sql.d.ts",
-      "default": "./dist/sql.js"
+      "import": {
+        "types": "./dist/sql.d.ts",
+        "default": "./dist/sql.js"
+      },
+      "require": {
+        "types": "./dist/sql.d.cts",
+        "default": "./dist/sql.cjs"
+      }
     },
     "./manager": {
-      "types": "./dist/manager.d.ts",
-      "default": "./dist/manager.js"
-    }
+      "import": {
+        "types": "./dist/manager.d.ts",
+        "default": "./dist/manager.js"
+      },
+      "require": {
+        "types": "./dist/manager.d.cts",
+        "default": "./dist/manager.cjs"
+      }
+    },
+    "./vue": {
+      "import": {
+        "types": "./dist/vue/index.d.ts",
+        "default": "./dist/vue.js"
+      },
+      "require": {
+        "types": "./dist/vue/index.d.cts",
+        "default": "./dist/vue.cjs"
+      }
+    },
+    "./vue/async": {
+      "import": {
+        "types": "./dist/vue/async.d.ts",
+        "default": "./dist/vue-async.js"
+      },
+      "require": {
+        "types": "./dist/vue/async.d.cts",
+        "default": "./dist/vue-async.cjs"
+      }
+    },
+    "./vue/style.css": "./dist/style.css"
   },
   "publishConfig": {
     "access": "public"
   },
+  "engines": {
+    "node": ">=18.0.0"
+  },
   "files": [
     "dist"
   ],
-  "dependencies": {
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  },
+  "peerDependenciesMeta": {
+    "vue": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
     "@pdf-lib/fontkit": "^1.1.1",
+    "@vitejs/plugin-vue": "^6.0.9",
+    "@vue/test-utils": "^2.4.0",
     "node-sql-parser": "^5.4.0",
-    "pdf-lib": "^1.17.1"
+    "pdf-lib": "^1.17.1",
+    "typescript": "^5.9.0",
+    "vite": "^7.3.6",
+    "vite-plugin-dts": "^4.5.0",
+    "vue": "^3.5.0",
+    "vue-tsc": "^3.0.0"
   },
   "scripts": {
-    "build": "tsc -p tsconfig.build.json",
+    "build": "vite build && node scripts/copy-dcts.mjs",
     "clean": "node -e \"require('fs').rmSync('dist',{recursive:true,force:true})\""
-  }
+  },
+  "module": "./dist/index.js"
 }