@bluechaine/print-designer 0.1.0

package/README.en.md

@@ -0,0 +1,154 @@
+# @bluechaine/print-designer
+
+A visual print template designer for **Vue 2.7+ / Vue 3** (npm: `@bluechaine/print-designer`), powered by
+[`vue-plugin-hiprint`](https://github.com/CcSimple/vue-plugin-hiprint) and
+inspired by the [sv-print](https://www.ibujian.cn/svp/) UI.
+
+> Drag-and-drop designer · 28 toolbar actions · Floating panels · Mini map ·
+> Page structure · History · Properties · Form-based print data · Preview · Plugins
+
+[中文文档](./README.md)
+
+## Install
+
+```bash
+pnpm add @bluechaine/print-designer vue-plugin-hiprint jquery
+# or
+npm i @bluechaine/print-designer vue-plugin-hiprint jquery
+```
+
+Built with [`vue-demi`](https://github.com/vueuse/vue-demi) and ships **two builds**
+under `dist/vue2` and `dist/vue3`.
+
+`vue-plugin-hiprint` requires jQuery on `window` — do not externalise it.
+
+## Quick start
+
+```html
+<link rel="stylesheet" type="text/css" media="print" href="/print-lock.css" />
+```
+
+```ts
+import '@bluechaine/print-designer/style.css'
+import { createApp } from 'vue'
+import App from './App.vue'
+
+createApp(App).mount('#app')
+```
+
+```vue
+<template>
+  <Designer
+    :template="template"
+    :print-data="{ name: 'abcde' }"
+    :header-new-ele="true"
+    :style-option="styleOption"
+    :show-option="{ showHeader: true, showToolbar: true, showFooter: true }"
+    @on-designed="onDesigned"
+  />
+</template>
+
+<script setup lang="ts">
+import { Designer, pluginApiPdf, pluginViewCodeEdit } from '@bluechaine/print-designer'
+
+const template = { panels: [] }
+const styleOption = {
+  miniMap: { show: true, mode: 'left' as const },
+  options: { show: true, mode: 'right' as const },
+}
+</script>
+```
+
+## Components
+
+| Component | Description |
+| --- | --- |
+| `Designer` | Root component — panels, header, toolbar, preview |
+| `Header` | Top bar: file actions + optional quick-insert element tabs |
+| `Toolbar` | Undo/redo, alignment, z-index, font, lock, copy/paste, zoom, panel toggles |
+| `Preview` | Print preview modal (PDF / image when hiprint APIs are available) |
+| `DragBox` | Reusable draggable / foldable floating panel shell |
+
+## Customization
+
+### Slots
+
+| Slot | Purpose |
+| --- | --- |
+| `#header` | Replace the entire header |
+| `#toolbar` | Replace the toolbar |
+| `#draggableEls` | Replace the drag-elements panel |
+| `#miniMap` | Replace or omit the mini map (`<template #miniMap />`) |
+| `#pageStructure` | Replace the page structure panel |
+| `#pageHistory` | Replace the history panel |
+| `#properties` | Replace the properties panel |
+| `#other` | Extra content inside the workspace |
+| `#footer` | Footer text (default: `hiprint设计器`) |
+| `#right` (on `Header`) | Header right area, e.g. exit button |
+
+### `styleOption` — panel layout & toolbar groups
+
+Control panel visibility, docking mode, and toolbar section visibility:
+
+```ts
+const styleOption = {
+  draggableEls: { show: true, mode: 'left' },   // left | right | top | bottom | fixed | default
+  miniMap: { show: true },
+  pageStructure: { show: true },
+  history: { show: true },
+  options: { show: true, mode: 'right' },       // properties panel
+  editableTools: { show: true },                  // align / flip
+  zIndexTools: { show: true },
+  fontTools: { show: true },
+  zoomTools: { show: true },
+  rotateTools: { show: true },
+}
+```
+
+### `showOption` — chrome visibility
+
+```ts
+const showOption = {
+  showHeader: true,
+  showToolbar: true,
+  showFooter: true,
+  showPower: true,   // when false, footer branding text is hidden
+}
+```
+
+### `headerEleList` — quick insert from header
+
+```vue
+<Designer
+  :header-new-ele="true"
+  :header-ele-list="[
+    { key: 'text', label: 'Text', tid: 'defaultModule.text', icon: 'lucide:type' },
+    { key: 'table', label: 'Table', tid: 'defaultModule.table', icon: 'lucide:table' },
+  ]"
+/>
+```
+
+When `headerNewEle` is true and `headerEleList` is empty, items are derived from `catalogue`.
+
+### Print data editor
+
+Use **Edit Print Data** in the header to open a form built from bindable fields in the current template:
+
+- **Basic information** — text / longText elements with a `field`
+- **Table data** — table columns from `fields`, with add/remove rows
+
+### Custom table element
+
+The default provider (`SvpElementTypeProvider`) replaces `defaultModule.table` with the project default column layout. Override via `providers` or edit `DEFAULT_TABLE_ELEMENT_TYPE`.
+
+## Plugins
+
+```ts
+import { pluginApiPdf } from '@bluechaine/print-designer/plugins/api-pdf'
+import { pluginApiImage } from '@bluechaine/print-designer/plugins/api-image'
+import { pluginViewCodeEdit } from '@bluechaine/print-designer/plugins/view-code-edit'
+```
+
+## License
+
+MIT

package/README.md

@@ -0,0 +1,151 @@
+# @bluechaine/print-designer
+
+面向 **Vue 2.7+ / Vue 3** 的可视化打印模板设计器（npm：`@bluechaine/print-designer`），基于
+[`vue-plugin-hiprint`](https://github.com/CcSimple/vue-plugin-hiprint)，UI 参考 [sv-print](https://www.ibujian.cn/svp/)。
+
+> 拖拽设计 · 28 项工具栏 · 浮层面板 · 概览图 · 页面结构 · 历史记录 · 属性面板 · 表单化打印数据 · 预览 · 插件
+
+[English](./README.en.md)
+
+## 安装
+
+```bash
+pnpm add @bluechaine/print-designer vue-plugin-hiprint jquery
+# 或
+npm i @bluechaine/print-designer vue-plugin-hiprint jquery
+```
+
+项目使用 [`vue-demi`](https://github.com/vueuse/vue-demi)，在 `dist/vue2` 与 `dist/vue3` 下分别提供构建产物。
+
+`vue-plugin-hiprint` 依赖全局 `window.jQuery`，请勿将其 external 掉。
+
+## 快速开始
+
+```html
+<link rel="stylesheet" type="text/css" media="print" href="/print-lock.css" />
+```
+
+```ts
+import '@bluechaine/print-designer/style.css'
+import { createApp } from 'vue'
+import App from './App.vue'
+
+createApp(App).mount('#app')
+```
+
+```vue
+<template>
+  <Designer
+    :template="template"
+    :print-data="{ name: 'abcde' }"
+    :header-new-ele="true"
+    :style-option="styleOption"
+    :show-option="{ showHeader: true, showToolbar: true, showFooter: true }"
+    @on-designed="onDesigned"
+  />
+</template>
+
+<script setup lang="ts">
+import { Designer, pluginApiPdf, pluginViewCodeEdit } from '@bluechaine/print-designer'
+
+const template = { panels: [] }
+const styleOption = {
+  miniMap: { show: true, mode: 'left' as const },
+  options: { show: true, mode: 'right' as const },
+}
+</script>
+```
+
+## 组件
+
+| 组件 | 说明 |
+| --- | --- |
+| `Designer` | 根组件，组装面板、顶栏、工具栏、预览 |
+| `Header` | 顶栏：文件操作 + 可选的元素快捷插入 |
+| `Toolbar` | 撤销/重做、对齐、层级、字号、锁定、复制粘贴、缩放、面板开关 |
+| `Preview` | 打印预览弹窗（支持 PDF / 图片导出，取决于 hiprint API） |
+| `DragBox` | 可拖拽、可折叠的浮层面板容器 |
+
+## 自定义
+
+### 插槽
+
+| 插槽 | 用途 |
+| --- | --- |
+| `#header` | 替换整个顶栏 |
+| `#toolbar` | 替换工具栏 |
+| `#draggableEls` | 替换拖拽元素面板 |
+| `#miniMap` | 替换或隐藏概览图（`<template #miniMap />`） |
+| `#pageStructure` | 替换页面结构面板 |
+| `#pageHistory` | 替换历史记录面板 |
+| `#properties` | 替换属性面板 |
+| `#other` | 工作区内的额外内容 |
+| `#footer` | 底部文案（默认：`hiprint设计器`） |
+| `#right`（`Header` 上） | 顶栏右侧，如退出按钮 |
+
+### `styleOption` — 面板布局与工具栏分组
+
+控制面板显隐、停靠方式，以及工具栏分组显隐：
+
+```ts
+const styleOption = {
+  draggableEls: { show: true, mode: 'left' },   // left | right | top | bottom | fixed | default
+  miniMap: { show: true },
+  pageStructure: { show: true },
+  history: { show: true },
+  options: { show: true, mode: 'right' },       // 属性面板
+  editableTools: { show: true },                  // 对齐 / 翻转
+  zIndexTools: { show: true },                    // 层级
+  fontTools: { show: true },                      // 字号
+  zoomTools: { show: true },                      // 缩放
+  rotateTools: { show: true },                    // 旋转
+}
+```
+
+### `showOption` — 界面区域显隐
+
+```ts
+const showOption = {
+  showHeader: true,
+  showToolbar: true,
+  showFooter: true,
+  showPower: true,   // 为 false 时隐藏底部品牌文案
+}
+```
+
+### `headerEleList` — 顶栏快捷插入元素
+
+```vue
+<Designer
+  :header-new-ele="true"
+  :header-ele-list="[
+    { key: 'text', label: '文本', tid: 'defaultModule.text', icon: 'lucide:type' },
+    { key: 'table', label: '表格', tid: 'defaultModule.table', icon: 'lucide:table' },
+  ]"
+/>
+```
+
+`headerNewEle` 为 `true` 且未传 `headerEleList` 时，会从 `catalogue` 自动生成列表。
+
+### 编辑打印数据
+
+点击顶栏 **编辑打印数据**，会从当前模板解析可绑定字段，以表单展示：
+
+- **基础信息数据** — 设置了 `field` 的文本 / 长文元素
+- **表格信息数据** — 表格 `fields` 列定义，支持多行增删
+
+### 自定义表格元素
+
+默认 Provider（`SvpElementTypeProvider`）会替换 `defaultModule.table` 的默认列结构。可通过 `providers` 扩展，或修改 `DEFAULT_TABLE_ELEMENT_TYPE`。
+
+## 插件
+
+```ts
+import { pluginApiPdf } from '@bluechaine/print-designer/plugins/api-pdf'
+import { pluginApiImage } from '@bluechaine/print-designer/plugins/api-image'
+import { pluginViewCodeEdit } from '@bluechaine/print-designer/plugins/view-code-edit'
+```
+
+## 许可
+
+MIT

package/README.zh-CN.md

@@ -0,0 +1,5 @@
+# vue3-print-designer（中文）
+
+中文文档与 npm 包主页一致，请查看 **[README.md](./README.md)**。
+
+[English](./README.en.md)

package/dist/plugins/api-image.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=(e={})=>({name:"plugin-api-image",description:"Exports the current template as PNG / JPEG.",config:{type:"png",...e},hooks:[{hook:"beforePrint2",name:"export-image",priority:100,run:async(n,a,r)=>{if(r!=="image")return;const i=(a==null?void 0:a.printData)??{};if(typeof e.convert=="function")return await e.convert(n,i),!1;if(n&&typeof n.toImage=="function"){const o=typeof e.filename=="function"?e.filename(i):e.filename??"image";return n.toImage(i,o,e.type??"png"),!1}console.warn("[plugin-api-image] hiprintTemplate.toImage not available; provide opts.convert")}}]});exports.default=t;exports.pluginApiImage=t;
+//# sourceMappingURL=api-image.cjs.map

package/dist/plugins/api-image.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"api-image.cjs","sources":["../../plugins/plugin-api-image/src/index.ts"],"sourcesContent":["/**\n * Print-to-image plugin. Backs the Preview modal's \"Export image\" button.\n */\nimport type { PluginFactory, PluginOptions } from '../../../src/types'\n\nexport interface ImagePluginOptions {\n  filename?: string | ((data: any) => string)\n  type?: 'png' | 'jpeg'\n  convert?: (template: any, data: any) => Promise<void> | void\n}\n\nexport const pluginApiImage: PluginFactory<ImagePluginOptions> = (opts = {}) => {\n  const plugin: PluginOptions = {\n    name: 'plugin-api-image',\n    description: 'Exports the current template as PNG / JPEG.',\n    config: { type: 'png', ...opts },\n    hooks: [\n      {\n        hook: 'beforePrint2',\n        name: 'export-image',\n        priority: 100,\n        run: async (tpl: any, utils: any, kind: string) => {\n          if (kind !== 'image') return\n          const data = utils?.printData ?? {}\n          if (typeof opts.convert === 'function') {\n            await opts.convert(tpl, data)\n            return false\n          }\n          if (tpl && typeof tpl.toImage === 'function') {\n            const name = typeof opts.filename === 'function'\n              ? opts.filename(data)\n              : opts.filename ?? 'image'\n            tpl.toImage(data, name, opts.type ?? 'png')\n            return false\n          }\n          console.warn('[plugin-api-image] hiprintTemplate.toImage not available; provide opts.convert')\n          return undefined\n        },\n      },\n    ],\n  }\n  return plugin\n}\n\nexport default pluginApiImage\n"],"names":["pluginApiImage","opts","tpl","utils","kind","data","name"],"mappings":"4GAWO,MAAMA,EAAoD,CAACC,EAAO,MACzC,CAC5B,KAAM,mBACN,YAAa,8CACb,OAAQ,CAAE,KAAM,MAAO,GAAGA,CAAA,EAC1B,MAAO,CACL,CACE,KAAM,eACN,KAAM,eACN,SAAU,IACV,IAAK,MAAOC,EAAUC,EAAYC,IAAiB,CACjD,GAAIA,IAAS,QAAS,OACtB,MAAMC,GAAOF,GAAA,YAAAA,EAAO,YAAa,CAAA,EACjC,GAAI,OAAOF,EAAK,SAAY,WAC1B,aAAMA,EAAK,QAAQC,EAAKG,CAAI,EACrB,GAET,GAAIH,GAAO,OAAOA,EAAI,SAAY,WAAY,CAC5C,MAAMI,EAAO,OAAOL,EAAK,UAAa,WAClCA,EAAK,SAASI,CAAI,EAClBJ,EAAK,UAAY,QACrB,OAAAC,EAAI,QAAQG,EAAMC,EAAML,EAAK,MAAQ,KAAK,EACnC,EACT,CACA,QAAQ,KAAK,gFAAgF,CAE/F,CAAA,CACF,CACF"}

package/dist/plugins/api-image.mjs

@@ -0,0 +1,28 @@
+const f = (e = {}) => ({
+  name: "plugin-api-image",
+  description: "Exports the current template as PNG / JPEG.",
+  config: { type: "png", ...e },
+  hooks: [
+    {
+      hook: "beforePrint2",
+      name: "export-image",
+      priority: 100,
+      run: async (n, a, t) => {
+        if (t !== "image") return;
+        const i = (a == null ? void 0 : a.printData) ?? {};
+        if (typeof e.convert == "function")
+          return await e.convert(n, i), !1;
+        if (n && typeof n.toImage == "function") {
+          const r = typeof e.filename == "function" ? e.filename(i) : e.filename ?? "image";
+          return n.toImage(i, r, e.type ?? "png"), !1;
+        }
+        console.warn("[plugin-api-image] hiprintTemplate.toImage not available; provide opts.convert");
+      }
+    }
+  ]
+});
+export {
+  f as default,
+  f as pluginApiImage
+};
+//# sourceMappingURL=api-image.mjs.map

package/dist/plugins/api-image.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"api-image.mjs","sources":["../../plugins/plugin-api-image/src/index.ts"],"sourcesContent":["/**\n * Print-to-image plugin. Backs the Preview modal's \"Export image\" button.\n */\nimport type { PluginFactory, PluginOptions } from '../../../src/types'\n\nexport interface ImagePluginOptions {\n  filename?: string | ((data: any) => string)\n  type?: 'png' | 'jpeg'\n  convert?: (template: any, data: any) => Promise<void> | void\n}\n\nexport const pluginApiImage: PluginFactory<ImagePluginOptions> = (opts = {}) => {\n  const plugin: PluginOptions = {\n    name: 'plugin-api-image',\n    description: 'Exports the current template as PNG / JPEG.',\n    config: { type: 'png', ...opts },\n    hooks: [\n      {\n        hook: 'beforePrint2',\n        name: 'export-image',\n        priority: 100,\n        run: async (tpl: any, utils: any, kind: string) => {\n          if (kind !== 'image') return\n          const data = utils?.printData ?? {}\n          if (typeof opts.convert === 'function') {\n            await opts.convert(tpl, data)\n            return false\n          }\n          if (tpl && typeof tpl.toImage === 'function') {\n            const name = typeof opts.filename === 'function'\n              ? opts.filename(data)\n              : opts.filename ?? 'image'\n            tpl.toImage(data, name, opts.type ?? 'png')\n            return false\n          }\n          console.warn('[plugin-api-image] hiprintTemplate.toImage not available; provide opts.convert')\n          return undefined\n        },\n      },\n    ],\n  }\n  return plugin\n}\n\nexport default pluginApiImage\n"],"names":["pluginApiImage","opts","tpl","utils","kind","data","name"],"mappings":"AAWO,MAAMA,IAAoD,CAACC,IAAO,QACzC;AAAA,EAC5B,MAAM;AAAA,EACN,aAAa;AAAA,EACb,QAAQ,EAAE,MAAM,OAAO,GAAGA,EAAA;AAAA,EAC1B,OAAO;AAAA,IACL;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,KAAK,OAAOC,GAAUC,GAAYC,MAAiB;AACjD,YAAIA,MAAS,QAAS;AACtB,cAAMC,KAAOF,KAAA,gBAAAA,EAAO,cAAa,CAAA;AACjC,YAAI,OAAOF,EAAK,WAAY;AAC1B,uBAAMA,EAAK,QAAQC,GAAKG,CAAI,GACrB;AAET,YAAIH,KAAO,OAAOA,EAAI,WAAY,YAAY;AAC5C,gBAAMI,IAAO,OAAOL,EAAK,YAAa,aAClCA,EAAK,SAASI,CAAI,IAClBJ,EAAK,YAAY;AACrB,iBAAAC,EAAI,QAAQG,GAAMC,GAAML,EAAK,QAAQ,KAAK,GACnC;AAAA,QACT;AACA,gBAAQ,KAAK,gFAAgF;AAAA,MAE/F;AAAA,IAAA;AAAA,EACF;AACF;"}

package/dist/plugins/api-pdf.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=(e={})=>({name:"plugin-api-pdf",description:"Exports the current template as a PDF document.",config:{...e},hooks:[{hook:"ready",name:"install-toPdf",priority:100,run:n=>{}},{hook:"beforePrint2",name:"export-pdf",priority:100,run:async(n,t,r)=>{if(r!=="pdf")return;const o=(t==null?void 0:t.printData)??{};if(typeof e.convert=="function")return await e.convert(n,o),!1;if(n&&typeof n.toPdf=="function"){const a=typeof e.filename=="function"?e.filename(o):e.filename??"document";return n.toPdf(o,a),!1}console.warn("[plugin-api-pdf] hiprintTemplate.toPdf not available; provide opts.convert")}}]});exports.default=i;exports.pluginApiPdf=i;
+//# sourceMappingURL=api-pdf.cjs.map

package/dist/plugins/api-pdf.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"api-pdf.cjs","sources":["../../plugins/plugin-api-pdf/src/index.ts"],"sourcesContent":["/**\n * Print-to-PDF plugin. Wires `hiprintTemplate.toPdf` so the `Preview` modal\n * can offer a \"Export PDF\" button. The user must supply jspdf + html2canvas\n * in their host project (peer dependencies), or override the implementation.\n */\nimport type { PluginFactory, PluginOptions } from '../../../src/types'\n\nexport interface PdfPluginOptions {\n  filename?: string | ((data: any) => string)\n  /**\n   * Custom converter. If omitted we try `hiprintTemplate.toPdf` then jspdf.\n   */\n  convert?: (template: any, data: any) => Promise<void> | void\n}\n\nexport const pluginApiPdf: PluginFactory<PdfPluginOptions> = (opts = {}) => {\n  const plugin: PluginOptions = {\n    name: 'plugin-api-pdf',\n    description: 'Exports the current template as a PDF document.',\n    config: { ...opts },\n    hooks: [\n      {\n        hook: 'ready',\n        name: 'install-toPdf',\n        priority: 100,\n        run: (_utils: any) => {\n          // Hook reserved for future extension.\n        },\n      },\n      {\n        hook: 'beforePrint2',\n        name: 'export-pdf',\n        priority: 100,\n        run: async (tpl: any, utils: any, kind: string) => {\n          if (kind !== 'pdf') return\n          const data = utils?.printData ?? {}\n          if (typeof opts.convert === 'function') {\n            await opts.convert(tpl, data)\n            return false\n          }\n          if (tpl && typeof tpl.toPdf === 'function') {\n            const name = typeof opts.filename === 'function'\n              ? opts.filename(data)\n              : opts.filename ?? 'document'\n            tpl.toPdf(data, name)\n            return false\n          }\n          console.warn('[plugin-api-pdf] hiprintTemplate.toPdf not available; provide opts.convert')\n          return undefined\n        },\n      },\n    ],\n  }\n  return plugin\n}\n\nexport default pluginApiPdf\n"],"names":["pluginApiPdf","opts","_utils","tpl","utils","kind","data","name"],"mappings":"4GAeO,MAAMA,EAAgD,CAACC,EAAO,MACrC,CAC5B,KAAM,iBACN,YAAa,kDACb,OAAQ,CAAE,GAAGA,CAAA,EACb,MAAO,CACL,CACE,KAAM,QACN,KAAM,gBACN,SAAU,IACV,IAAMC,GAAgB,CAEtB,CAAA,EAEF,CACE,KAAM,eACN,KAAM,aACN,SAAU,IACV,IAAK,MAAOC,EAAUC,EAAYC,IAAiB,CACjD,GAAIA,IAAS,MAAO,OACpB,MAAMC,GAAOF,GAAA,YAAAA,EAAO,YAAa,CAAA,EACjC,GAAI,OAAOH,EAAK,SAAY,WAC1B,aAAMA,EAAK,QAAQE,EAAKG,CAAI,EACrB,GAET,GAAIH,GAAO,OAAOA,EAAI,OAAU,WAAY,CAC1C,MAAMI,EAAO,OAAON,EAAK,UAAa,WAClCA,EAAK,SAASK,CAAI,EAClBL,EAAK,UAAY,WACrB,OAAAE,EAAI,MAAMG,EAAMC,CAAI,EACb,EACT,CACA,QAAQ,KAAK,4EAA4E,CAE3F,CAAA,CACF,CACF"}

package/dist/plugins/api-pdf.mjs

@@ -0,0 +1,35 @@
+const f = (n = {}) => ({
+  name: "plugin-api-pdf",
+  description: "Exports the current template as a PDF document.",
+  config: { ...n },
+  hooks: [
+    {
+      hook: "ready",
+      name: "install-toPdf",
+      priority: 100,
+      run: (e) => {
+      }
+    },
+    {
+      hook: "beforePrint2",
+      name: "export-pdf",
+      priority: 100,
+      run: async (e, o, r) => {
+        if (r !== "pdf") return;
+        const t = (o == null ? void 0 : o.printData) ?? {};
+        if (typeof n.convert == "function")
+          return await n.convert(e, t), !1;
+        if (e && typeof e.toPdf == "function") {
+          const a = typeof n.filename == "function" ? n.filename(t) : n.filename ?? "document";
+          return e.toPdf(t, a), !1;
+        }
+        console.warn("[plugin-api-pdf] hiprintTemplate.toPdf not available; provide opts.convert");
+      }
+    }
+  ]
+});
+export {
+  f as default,
+  f as pluginApiPdf
+};
+//# sourceMappingURL=api-pdf.mjs.map

package/dist/plugins/api-pdf.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"api-pdf.mjs","sources":["../../plugins/plugin-api-pdf/src/index.ts"],"sourcesContent":["/**\n * Print-to-PDF plugin. Wires `hiprintTemplate.toPdf` so the `Preview` modal\n * can offer a \"Export PDF\" button. The user must supply jspdf + html2canvas\n * in their host project (peer dependencies), or override the implementation.\n */\nimport type { PluginFactory, PluginOptions } from '../../../src/types'\n\nexport interface PdfPluginOptions {\n  filename?: string | ((data: any) => string)\n  /**\n   * Custom converter. If omitted we try `hiprintTemplate.toPdf` then jspdf.\n   */\n  convert?: (template: any, data: any) => Promise<void> | void\n}\n\nexport const pluginApiPdf: PluginFactory<PdfPluginOptions> = (opts = {}) => {\n  const plugin: PluginOptions = {\n    name: 'plugin-api-pdf',\n    description: 'Exports the current template as a PDF document.',\n    config: { ...opts },\n    hooks: [\n      {\n        hook: 'ready',\n        name: 'install-toPdf',\n        priority: 100,\n        run: (_utils: any) => {\n          // Hook reserved for future extension.\n        },\n      },\n      {\n        hook: 'beforePrint2',\n        name: 'export-pdf',\n        priority: 100,\n        run: async (tpl: any, utils: any, kind: string) => {\n          if (kind !== 'pdf') return\n          const data = utils?.printData ?? {}\n          if (typeof opts.convert === 'function') {\n            await opts.convert(tpl, data)\n            return false\n          }\n          if (tpl && typeof tpl.toPdf === 'function') {\n            const name = typeof opts.filename === 'function'\n              ? opts.filename(data)\n              : opts.filename ?? 'document'\n            tpl.toPdf(data, name)\n            return false\n          }\n          console.warn('[plugin-api-pdf] hiprintTemplate.toPdf not available; provide opts.convert')\n          return undefined\n        },\n      },\n    ],\n  }\n  return plugin\n}\n\nexport default pluginApiPdf\n"],"names":["pluginApiPdf","opts","_utils","tpl","utils","kind","data","name"],"mappings":"AAeO,MAAMA,IAAgD,CAACC,IAAO,QACrC;AAAA,EAC5B,MAAM;AAAA,EACN,aAAa;AAAA,EACb,QAAQ,EAAE,GAAGA,EAAA;AAAA,EACb,OAAO;AAAA,IACL;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,KAAK,CAACC,MAAgB;AAAA,MAEtB;AAAA,IAAA;AAAA,IAEF;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,KAAK,OAAOC,GAAUC,GAAYC,MAAiB;AACjD,YAAIA,MAAS,MAAO;AACpB,cAAMC,KAAOF,KAAA,gBAAAA,EAAO,cAAa,CAAA;AACjC,YAAI,OAAOH,EAAK,WAAY;AAC1B,uBAAMA,EAAK,QAAQE,GAAKG,CAAI,GACrB;AAET,YAAIH,KAAO,OAAOA,EAAI,SAAU,YAAY;AAC1C,gBAAMI,IAAO,OAAON,EAAK,YAAa,aAClCA,EAAK,SAASK,CAAI,IAClBL,EAAK,YAAY;AACrB,iBAAAE,EAAI,MAAMG,GAAMC,CAAI,GACb;AAAA,QACT;AACA,gBAAQ,KAAK,4EAA4E;AAAA,MAE3F;AAAA,IAAA;AAAA,EACF;AACF;"}

package/dist/plugins/view-code-edit.cjs

@@ -0,0 +1,11 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function o(d,l){return new Promise(r=>{if(typeof window>"u")return r(null);const e=document.createElement("div");e.className="svp-modal-mask";const n=document.createElement("div");n.className="svp-modal",n.style.width="min(720px, 90vw)",n.innerHTML=`
+      <div class="svp-modal__header">编辑 ${l.name}</div>
+      <div class="svp-modal__body" style="padding:0">
+        <textarea style="width:100%;height:50vh;border:0;padding:12px;font-family:Menlo,Consolas,monospace;font-size:12px;outline:none"></textarea>
+      </div>
+      <div class="svp-modal__footer">
+        <button class="svp-btn" data-act="cancel">取消</button>
+        <button class="svp-btn is-primary" data-act="ok">确定</button>
+      </div>
+    `;const i=n.querySelector("textarea");i.value=d;function a(t){document.body.removeChild(e),r(t)}n.addEventListener("click",t=>{const s=t.target;s.dataset.act==="cancel"?a(null):s.dataset.act==="ok"&&a(i.value)}),e.addEventListener("click",t=>{t.target===e&&a(null)}),e.appendChild(n),document.body.appendChild(e),i.focus()})}const c=(d={})=>{const l=d.editor??o;return{name:"plugin-view-code-edit",description:"Provides a small in-browser editor for `function` options.",config:{...d},hooks:[{hook:"createPrintElement",name:"editor-create-print-element",priority:100,run:async(e,n,i)=>{var t;if(!e||typeof e!="object"||e.type!=="function"&&e.editor!=="code")return;const a=await l(String(e.value??""),{name:e.name??"function"});a!=null&&(e.value=a,(t=e==null?void 0:e.onChange)==null||t.call(e,a))}}]}};exports.default=c;exports.pluginViewCodeEdit=c;
+//# sourceMappingURL=view-code-edit.cjs.map

package/dist/plugins/view-code-edit.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"view-code-edit.cjs","sources":["../../plugins/plugin-view-code-edit/src/index.ts"],"sourcesContent":["/**\n * Code editor plugin. Pops up a textarea (Monaco is opt-in via `editor`)\n * whenever a property exposes a `function` editor (e.g. `formatter`).\n *\n * Plugin authors can swap the editor by passing a custom `editor` callback\n * that receives the current source and resolves with the next source.\n */\nimport type { PluginFactory, PluginOptions } from '../../../src/types'\n\nexport interface CodeEditPluginOptions {\n  editor?: (source: string, ctx: { name: string }) => Promise<string | null>\n}\n\nfunction defaultEditor(source: string, ctx: { name: string }): Promise<string | null> {\n  return new Promise((resolve) => {\n    if (typeof window === 'undefined') return resolve(null)\n    const mask = document.createElement('div')\n    mask.className = 'svp-modal-mask'\n    const modal = document.createElement('div')\n    modal.className = 'svp-modal'\n    modal.style.width = 'min(720px, 90vw)'\n    modal.innerHTML = `\n      <div class=\"svp-modal__header\">编辑 ${ctx.name}</div>\n      <div class=\"svp-modal__body\" style=\"padding:0\">\n        <textarea style=\"width:100%;height:50vh;border:0;padding:12px;font-family:Menlo,Consolas,monospace;font-size:12px;outline:none\"></textarea>\n      </div>\n      <div class=\"svp-modal__footer\">\n        <button class=\"svp-btn\" data-act=\"cancel\">取消</button>\n        <button class=\"svp-btn is-primary\" data-act=\"ok\">确定</button>\n      </div>\n    `\n    const ta = modal.querySelector('textarea') as HTMLTextAreaElement\n    ta.value = source\n    function close(value: string | null) {\n      document.body.removeChild(mask)\n      resolve(value)\n    }\n    modal.addEventListener('click', (e) => {\n      const t = e.target as HTMLElement\n      if (t.dataset.act === 'cancel') close(null)\n      else if (t.dataset.act === 'ok') close(ta.value)\n    })\n    mask.addEventListener('click', (e) => { if (e.target === mask) close(null) })\n    mask.appendChild(modal)\n    document.body.appendChild(mask)\n    ta.focus()\n  })\n}\n\nexport const pluginViewCodeEdit: PluginFactory<CodeEditPluginOptions> = (opts = {}) => {\n  const editor = opts.editor ?? defaultEditor\n  const plugin: PluginOptions = {\n    name: 'plugin-view-code-edit',\n    description: 'Provides a small in-browser editor for `function` options.',\n    config: { ...opts } as Record<string, unknown>,\n    hooks: [\n      {\n        hook: 'createPrintElement',\n        name: 'editor-create-print-element',\n        priority: 100,\n        run: async (option: any, _printElement: any, _ev: any) => {\n          if (!option || typeof option !== 'object') return\n          if (option.type !== 'function' && option.editor !== 'code') return\n          const next = await editor(String(option.value ?? ''), { name: option.name ?? 'function' })\n          if (next == null) return\n          option.value = next\n          option?.onChange?.(next)\n        },\n      },\n    ],\n  }\n  return plugin\n}\n\nexport default pluginViewCodeEdit\n"],"names":["defaultEditor","source","ctx","resolve","mask","modal","ta","close","value","e","t","pluginViewCodeEdit","opts","editor","option","_printElement","_ev","next","_a"],"mappings":"4GAaA,SAASA,EAAcC,EAAgBC,EAA+C,CACpF,OAAO,IAAI,QAASC,GAAY,CAC9B,GAAI,OAAO,OAAW,IAAa,OAAOA,EAAQ,IAAI,EACtD,MAAMC,EAAO,SAAS,cAAc,KAAK,EACzCA,EAAK,UAAY,iBACjB,MAAMC,EAAQ,SAAS,cAAc,KAAK,EAC1CA,EAAM,UAAY,YAClBA,EAAM,MAAM,MAAQ,mBACpBA,EAAM,UAAY;AAAA,0CACoBH,EAAI,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAS9C,MAAMI,EAAKD,EAAM,cAAc,UAAU,EACzCC,EAAG,MAAQL,EACX,SAASM,EAAMC,EAAsB,CACnC,SAAS,KAAK,YAAYJ,CAAI,EAC9BD,EAAQK,CAAK,CACf,CACAH,EAAM,iBAAiB,QAAUI,GAAM,CACrC,MAAMC,EAAID,EAAE,OACRC,EAAE,QAAQ,MAAQ,WAAgB,IAAI,EACjCA,EAAE,QAAQ,MAAQ,MAAMH,EAAMD,EAAG,KAAK,CACjD,CAAC,EACDF,EAAK,iBAAiB,QAAUK,GAAM,CAAMA,EAAE,SAAWL,GAAMG,EAAM,IAAI,CAAE,CAAC,EAC5EH,EAAK,YAAYC,CAAK,EACtB,SAAS,KAAK,YAAYD,CAAI,EAC9BE,EAAG,MAAA,CACL,CAAC,CACH,CAEO,MAAMK,EAA2D,CAACC,EAAO,KAAO,CACrF,MAAMC,EAASD,EAAK,QAAUZ,EAqB9B,MApB8B,CAC5B,KAAM,wBACN,YAAa,6DACb,OAAQ,CAAE,GAAGY,CAAA,EACb,MAAO,CACL,CACE,KAAM,qBACN,KAAM,8BACN,SAAU,IACV,IAAK,MAAOE,EAAaC,EAAoBC,IAAa,OAExD,GADI,CAACF,GAAU,OAAOA,GAAW,UAC7BA,EAAO,OAAS,YAAcA,EAAO,SAAW,OAAQ,OAC5D,MAAMG,EAAO,MAAMJ,EAAO,OAAOC,EAAO,OAAS,EAAE,EAAG,CAAE,KAAMA,EAAO,MAAQ,WAAY,EACrFG,GAAQ,OACZH,EAAO,MAAQG,GACfC,EAAAJ,GAAA,YAAAA,EAAQ,WAAR,MAAAI,EAAA,KAAAJ,EAAmBG,GACrB,CAAA,CACF,CACF,CAGJ"}

package/dist/plugins/view-code-edit.mjs

@@ -0,0 +1,55 @@
+function c(d, l) {
+  return new Promise((s) => {
+    if (typeof window > "u") return s(null);
+    const e = document.createElement("div");
+    e.className = "svp-modal-mask";
+    const n = document.createElement("div");
+    n.className = "svp-modal", n.style.width = "min(720px, 90vw)", n.innerHTML = `
+      <div class="svp-modal__header">编辑 ${l.name}</div>
+      <div class="svp-modal__body" style="padding:0">
+        <textarea style="width:100%;height:50vh;border:0;padding:12px;font-family:Menlo,Consolas,monospace;font-size:12px;outline:none"></textarea>
+      </div>
+      <div class="svp-modal__footer">
+        <button class="svp-btn" data-act="cancel">取消</button>
+        <button class="svp-btn is-primary" data-act="ok">确定</button>
+      </div>
+    `;
+    const i = n.querySelector("textarea");
+    i.value = d;
+    function a(t) {
+      document.body.removeChild(e), s(t);
+    }
+    n.addEventListener("click", (t) => {
+      const r = t.target;
+      r.dataset.act === "cancel" ? a(null) : r.dataset.act === "ok" && a(i.value);
+    }), e.addEventListener("click", (t) => {
+      t.target === e && a(null);
+    }), e.appendChild(n), document.body.appendChild(e), i.focus();
+  });
+}
+const o = (d = {}) => {
+  const l = d.editor ?? c;
+  return {
+    name: "plugin-view-code-edit",
+    description: "Provides a small in-browser editor for `function` options.",
+    config: { ...d },
+    hooks: [
+      {
+        hook: "createPrintElement",
+        name: "editor-create-print-element",
+        priority: 100,
+        run: async (e, n, i) => {
+          var t;
+          if (!e || typeof e != "object" || e.type !== "function" && e.editor !== "code") return;
+          const a = await l(String(e.value ?? ""), { name: e.name ?? "function" });
+          a != null && (e.value = a, (t = e == null ? void 0 : e.onChange) == null || t.call(e, a));
+        }
+      }
+    ]
+  };
+};
+export {
+  o as default,
+  o as pluginViewCodeEdit
+};
+//# sourceMappingURL=view-code-edit.mjs.map

package/dist/plugins/view-code-edit.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"view-code-edit.mjs","sources":["../../plugins/plugin-view-code-edit/src/index.ts"],"sourcesContent":["/**\n * Code editor plugin. Pops up a textarea (Monaco is opt-in via `editor`)\n * whenever a property exposes a `function` editor (e.g. `formatter`).\n *\n * Plugin authors can swap the editor by passing a custom `editor` callback\n * that receives the current source and resolves with the next source.\n */\nimport type { PluginFactory, PluginOptions } from '../../../src/types'\n\nexport interface CodeEditPluginOptions {\n  editor?: (source: string, ctx: { name: string }) => Promise<string | null>\n}\n\nfunction defaultEditor(source: string, ctx: { name: string }): Promise<string | null> {\n  return new Promise((resolve) => {\n    if (typeof window === 'undefined') return resolve(null)\n    const mask = document.createElement('div')\n    mask.className = 'svp-modal-mask'\n    const modal = document.createElement('div')\n    modal.className = 'svp-modal'\n    modal.style.width = 'min(720px, 90vw)'\n    modal.innerHTML = `\n      <div class=\"svp-modal__header\">编辑 ${ctx.name}</div>\n      <div class=\"svp-modal__body\" style=\"padding:0\">\n        <textarea style=\"width:100%;height:50vh;border:0;padding:12px;font-family:Menlo,Consolas,monospace;font-size:12px;outline:none\"></textarea>\n      </div>\n      <div class=\"svp-modal__footer\">\n        <button class=\"svp-btn\" data-act=\"cancel\">取消</button>\n        <button class=\"svp-btn is-primary\" data-act=\"ok\">确定</button>\n      </div>\n    `\n    const ta = modal.querySelector('textarea') as HTMLTextAreaElement\n    ta.value = source\n    function close(value: string | null) {\n      document.body.removeChild(mask)\n      resolve(value)\n    }\n    modal.addEventListener('click', (e) => {\n      const t = e.target as HTMLElement\n      if (t.dataset.act === 'cancel') close(null)\n      else if (t.dataset.act === 'ok') close(ta.value)\n    })\n    mask.addEventListener('click', (e) => { if (e.target === mask) close(null) })\n    mask.appendChild(modal)\n    document.body.appendChild(mask)\n    ta.focus()\n  })\n}\n\nexport const pluginViewCodeEdit: PluginFactory<CodeEditPluginOptions> = (opts = {}) => {\n  const editor = opts.editor ?? defaultEditor\n  const plugin: PluginOptions = {\n    name: 'plugin-view-code-edit',\n    description: 'Provides a small in-browser editor for `function` options.',\n    config: { ...opts } as Record<string, unknown>,\n    hooks: [\n      {\n        hook: 'createPrintElement',\n        name: 'editor-create-print-element',\n        priority: 100,\n        run: async (option: any, _printElement: any, _ev: any) => {\n          if (!option || typeof option !== 'object') return\n          if (option.type !== 'function' && option.editor !== 'code') return\n          const next = await editor(String(option.value ?? ''), { name: option.name ?? 'function' })\n          if (next == null) return\n          option.value = next\n          option?.onChange?.(next)\n        },\n      },\n    ],\n  }\n  return plugin\n}\n\nexport default pluginViewCodeEdit\n"],"names":["defaultEditor","source","ctx","resolve","mask","modal","ta","close","value","e","t","pluginViewCodeEdit","opts","editor","option","_printElement","_ev","_a","next"],"mappings":"AAaA,SAASA,EAAcC,GAAgBC,GAA+C;AACpF,SAAO,IAAI,QAAQ,CAACC,MAAY;AAC9B,QAAI,OAAO,SAAW,IAAa,QAAOA,EAAQ,IAAI;AACtD,UAAMC,IAAO,SAAS,cAAc,KAAK;AACzC,IAAAA,EAAK,YAAY;AACjB,UAAMC,IAAQ,SAAS,cAAc,KAAK;AAC1C,IAAAA,EAAM,YAAY,aAClBA,EAAM,MAAM,QAAQ,oBACpBA,EAAM,YAAY;AAAA,0CACoBH,EAAI,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS9C,UAAMI,IAAKD,EAAM,cAAc,UAAU;AACzC,IAAAC,EAAG,QAAQL;AACX,aAASM,EAAMC,GAAsB;AACnC,eAAS,KAAK,YAAYJ,CAAI,GAC9BD,EAAQK,CAAK;AAAA,IACf;AACA,IAAAH,EAAM,iBAAiB,SAAS,CAACI,MAAM;AACrC,YAAMC,IAAID,EAAE;AACZ,MAAIC,EAAE,QAAQ,QAAQ,aAAgB,IAAI,IACjCA,EAAE,QAAQ,QAAQ,QAAMH,EAAMD,EAAG,KAAK;AAAA,IACjD,CAAC,GACDF,EAAK,iBAAiB,SAAS,CAACK,MAAM;AAAE,MAAIA,EAAE,WAAWL,KAAMG,EAAM,IAAI;AAAA,IAAE,CAAC,GAC5EH,EAAK,YAAYC,CAAK,GACtB,SAAS,KAAK,YAAYD,CAAI,GAC9BE,EAAG,MAAA;AAAA,EACL,CAAC;AACH;AAEO,MAAMK,IAA2D,CAACC,IAAO,OAAO;AACrF,QAAMC,IAASD,EAAK,UAAUZ;AAqB9B,SApB8B;AAAA,IAC5B,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ,EAAE,GAAGY,EAAA;AAAA,IACb,OAAO;AAAA,MACL;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,UAAU;AAAA,QACV,KAAK,OAAOE,GAAaC,GAAoBC,MAAa;AA/ClE,cAAAC;AAiDU,cADI,CAACH,KAAU,OAAOA,KAAW,YAC7BA,EAAO,SAAS,cAAcA,EAAO,WAAW,OAAQ;AAC5D,gBAAMI,IAAO,MAAML,EAAO,OAAOC,EAAO,SAAS,EAAE,GAAG,EAAE,MAAMA,EAAO,QAAQ,YAAY;AACzF,UAAII,KAAQ,SACZJ,EAAO,QAAQI,IACfD,IAAAH,KAAA,gBAAAA,EAAQ,aAAR,QAAAG,EAAA,KAAAH,GAAmBI;AAAA,QACrB;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAGJ;"}

package/dist/types/plugins/plugin-api-image/src/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Print-to-image plugin. Backs the Preview modal's "Export image" button.
+ */
+import type { PluginFactory } from '../../../src/types';
+export interface ImagePluginOptions {
+    filename?: string | ((data: any) => string);
+    type?: 'png' | 'jpeg';
+    convert?: (template: any, data: any) => Promise<void> | void;
+}
+export declare const pluginApiImage: PluginFactory<ImagePluginOptions>;
+export default pluginApiImage;

package/dist/types/plugins/plugin-api-pdf/src/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Print-to-PDF plugin. Wires `hiprintTemplate.toPdf` so the `Preview` modal
+ * can offer a "Export PDF" button. The user must supply jspdf + html2canvas
+ * in their host project (peer dependencies), or override the implementation.
+ */
+import type { PluginFactory } from '../../../src/types';
+export interface PdfPluginOptions {
+    filename?: string | ((data: any) => string);
+    /**
+     * Custom converter. If omitted we try `hiprintTemplate.toPdf` then jspdf.
+     */
+    convert?: (template: any, data: any) => Promise<void> | void;
+}
+export declare const pluginApiPdf: PluginFactory<PdfPluginOptions>;
+export default pluginApiPdf;

package/dist/types/plugins/plugin-view-code-edit/src/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Code editor plugin. Pops up a textarea (Monaco is opt-in via `editor`)
+ * whenever a property exposes a `function` editor (e.g. `formatter`).
+ *
+ * Plugin authors can swap the editor by passing a custom `editor` callback
+ * that receives the current source and resolves with the next source.
+ */
+import type { PluginFactory } from '../../../src/types';
+export interface CodeEditPluginOptions {
+    editor?: (source: string, ctx: {
+        name: string;
+    }) => Promise<string | null>;
+}
+export declare const pluginViewCodeEdit: PluginFactory<CodeEditPluginOptions>;
+export default pluginViewCodeEdit;