vg-print 1.0.216 → 1.0.217

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -90,6 +90,9 @@ const disableAutoConnect = () => designer.value.disAutoConnect()
90
90
  - `hi-host: string` 客户端服务地址(`hiwebSocket.host`),如 `http://127.0.0.1:17521`
91
91
  - `hi-token: string` 客户端鉴权令牌(`hiwebSocket.token`)
92
92
  - `hi-auto-connect: boolean` 是否自动连接客户端,默认 `true`
93
+ - `initial-template: object` 初始化模板 JSON(为空则使用内置示例)
94
+ - `initial-print-data: object | array` 初始化打印数据(对象或数组)
95
+ - `default-lang: string` 默认语言(`cn`、`en`、`de` 等;默认 `cn`)
93
96
 
94
97
  以上属性支持运行时动态修改,组件内部会监听并应用。
95
98
 
@@ -105,6 +108,49 @@ const disableAutoConnect = () => designer.value.disAutoConnect()
105
108
  - `disconnect()` 断开客户端
106
109
  - `disAutoConnect()` 关闭自动连接策略
107
110
 
111
+ ### 事件(Emits)
112
+
113
+ - `save` 保存模板与数据。回调参数结构:
114
+
115
+ ```js
116
+ {
117
+ template, // 模板 JSON
118
+ data, // 当前打印数据(对象或数组)
119
+ templateId // 模板标识(若存在)
120
+ }
121
+ ```
122
+
123
+ 示例:
124
+
125
+ ```vue
126
+ <template>
127
+ <FullDesigner
128
+ :initial-template="tpl"
129
+ :initial-print-data="rows"
130
+ default-lang="cn"
131
+ @save="onSave"
132
+ />
133
+ </template>
134
+
135
+ <script setup>
136
+ const onSave = ({ template, data, templateId }) => {
137
+ // 调用接口持久化到数据库
138
+ // await api.saveTemplate({ template, data, templateId })
139
+ }
140
+ </script>
141
+ ```
142
+
143
+ ### 快捷键
144
+
145
+ - 保存:`Ctrl/Command + S`
146
+ - 编辑模板 JSON:`Ctrl/Command + E`
147
+ - 编辑打印数据:`Ctrl/Command + Shift + E`
148
+
149
+ ### 语言与国际化
150
+
151
+ - 通过 `default-lang` 设置初始语言(`cn` 默认为中文);内部会同步 `vue-i18n` 与 `hiprint` 的语言。
152
+ - 运行时可在页面右上角语言切换菜单切换(无需刷新)。
153
+
108
154
  ## 高级用法(hiprint)
109
155
 
110
156
  本库导出 `hiprint`,可直接创建与操作模板对象(`hiprint.PrintTemplate`):
@@ -136,6 +182,7 @@ tpl.toImage({ name: '示例' }, { isDownload: true, name: '图片', limit: 1, ty
136
182
  - 建议在 `index.html` 注入 `print-lock.css`,保证打印样式稳定
137
183
  - 直接打印需配套客户端(Electron 或服务端),跨域部署需启用 HTTPS
138
184
  - 若使用自定义 `host/token`,确保客户端配置一致且网络可达
185
+ - SSR 兼容:插件安装仅在浏览器环境执行(`typeof window !== 'undefined'`),在 SSR 框架中引入不会因 `window` 未定义报错。
139
186
 
140
187
  ## 构建
141
188