vg-print 1.1.206 → 1.1.208

package/README.en.md

@@ -182,6 +182,8 @@ const onSaveDirect = () => designer.value?.save()
 - `showImg: boolean` Show "Export Image" button, default `true`
 - `showPrint2: boolean` Show "Direct Print" button, default `true`
 - `showPrinterSelect: boolean` Show printer selector area, default `true`
+- `dialogTitle: string` Modal title, default `打印预览`
+- `showTitle: boolean` Show title in modal, default `true`
 - `modalShow: boolean` Modal visibility (supports `v-model:modalShow`)
 - `width: string | number` Modal width (default `'80%'`)
 - `defaultLang: string` Component i18n language (used when Standalone); supports `cn`, `en`, `de`, `es`, `fr`, `it`, `ja`, `ru`, `cn_tw`; default `cn`
@@ -206,6 +208,8 @@ const onSaveDirect = () => designer.value?.save()
   <el-button @click="openPreview">Show Preview</el-button>
   <Preview
     ref="previewRef"
+    :show-title="false"
+    dialog-title="自定义预览标题"
     v-model:modalShow="visible"
     default-lang="cn"
     :printerList="printers"
@@ -229,7 +233,48 @@ const data = { title: 'Report', name: 'DongDong' }
 
 const openPreview = () => {
   const tpl = createTemplate(tmplJson) // Or pass hiprint.PrintTemplate
-  previewRef.value.show(tpl, data, '80%')
+  // vue2方式：
+  previewRef.value?.show(tpl, data, '80%')
+  // 或
+  previewRef.value?.show(tpl, data)
+  // 或
+  previewRef.value?.show(tpl, data, {
+    width: '80%',
+    dialogTitle: '自定义预览',
+    showTitle: false,
+    showPdf: false,
+    showImg: false,
+    showPrint2: false,
+    showPrinterSelect: false,
+    onClick: (type) => {
+      // 示例：点击导出 PDF 按钮
+      if (type === 'pdf') {
+        console.log('[Preview onClick] 导出 PDF')
+        return
+      }
+      console.log('[Preview onClick]', type)
+    },
+    onClose: () => {
+      // 示例：弹窗关闭
+      console.log('[Preview onClose] 弹窗已关闭')
+    },
+    onRender: () => {
+      // 示例：预览内容渲染完成
+      console.log('[Preview onRender] 预览内容渲染完成')
+    },
+    callBackOptions: {
+      statusCallback: (status) => {
+        // 示例：导出进度（PDF/图片）
+        if (status.type === 'pdf:progress' || status.type === 'image:progress') {
+          const cur = status?.payload?.cur ?? 0
+          const total = status?.payload?.total ?? 0
+          console.log('[Preview progress]', cur, total)
+          return
+        }
+        console.log('[Preview status]', status.type, status.message || '')
+      }
+    }
+  })
 }
 </script>
 ```

package/README.md

@@ -257,6 +257,9 @@ const onSaveDirect = () => designer.value?.save()
 - `printData: object | array` 打印数据
 - `printerList: Array<{ name: string; label: string }>` 打印机列表
 - `selectedPrinter: string` 选中的打印机名称
+- `dialogTitle: string` 弹窗标题，默认 `打印预览`
+- `dialogTitleHtml: string` 弹窗标题 HTML 内容，默认 `''`（支持 `弹窗标题）
+- `showTitle: boolean` 是否显示标题，默认 `true`
 - `showPdf: boolean` 是否显示“导出 PDF”按钮，默认 `true`
 - `showImg: boolean` 是否显示“导出图片”按钮，默认 `true`
 - `showPrint2: boolean` 是否显示“直接打印”按钮，默认 `true`
@@ -265,6 +268,13 @@ const onSaveDirect = () => designer.value?.save()
 - `width: string | number` 弹窗宽度（默认 `'80%'`）
 - `defaultLang: string` 组件内 i18n 语言（Standalone 时使用）；支持 `cn`、`en`、`de`、`es`、`fr`、`it`、`ja`、`ru`、`cn_tw`；默认 `cn`
 
+预览头部标题使用
+- 传纯文本（原有方式）：
+- dialogTitle: '预览单据'
+- 传带标签 HTML：
+- dialogTitleHtml: '<span class="my-title"><i>订单</i>预览</span>'
+- 用插槽完全自定义（推荐，样式控制最灵活）：
+- <template #title="{ title, html }">...</template>
 ### 事件（Emits）
 
 - `update:modalShow` 双向绑定弹窗显隐
@@ -289,6 +299,13 @@ const onSaveDirect = () => designer.value?.save()
 ```ts
 type PreviewShowOptions = {
   width?: string | number
+  dialogTitle?: string
+  dialogTitleHtml?: string
+  showPdf?: boolean
+  showImg?: boolean
+  showPrint2?: boolean
+  showPrinterSelect?: boolean
+  showTitle?: boolean
   onClick?: (type: 'pdf' | 'img' | 'print' | 'print2' | 'close') => void
   onClose?: () => void
   onRender?: () => void
@@ -316,6 +333,8 @@ type PreviewShowOptions = {
   <el-button @click="openPreview">显示预览</el-button>
   <Preview
     ref="previewRef"
+    :show-title="false"
+    dialog-title="自定义预览标题"
     v-model:modalShow="visible"
     default-lang="cn"
     :printerList="printers"
@@ -351,6 +370,13 @@ const openPreview = () => {
   // 或
   previewRef.value?.show(tpl, data, {
     width: '80%',
+    dialogTitle: '自定义预览',
+    dialogTitleHtml: '<h2>自定义预览标题</h2>',
+    showTitle: false,
+    showPdf: false,
+    showImg: false,
+    showPrint2: false,
+    showPrinterSelect: false,
     onClick: (type) => {
       // 示例：点击导出 PDF 按钮
       if (type === 'pdf') {

package/dist/{purify.es-CKk_t3XZ.js → purify.es-Bo7Q7b72.js}

@@ -1,4 +1,4 @@
-/*! @license DOMPurify 2.5.8 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/2.5.8/LICENSE */
+/*! @license DOMPurify 2.5.9 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/2.5.9/LICENSE */
 function I(a) {
   "@babel/helpers - typeof";
   return I = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(n) {
@@ -150,7 +150,7 @@ function _t() {
   var a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : mr(), n = function(e) {
     return _t(e);
   };
-  if (n.version = "2.5.8", n.removed = [], !a || !a.document || a.document.nodeType !== 9)
+  if (n.version = "2.5.9", n.removed = [], !a || !a.document || a.document.nodeType !== 9)
     return n.isSupported = !1, n;
   var o = a.document, s = a.document, c = a.DocumentFragment, g = a.HTMLTemplateElement, y = a.Node, D = a.Element, x = a.NodeFilter, j = a.NamedNodeMap, ht = j === void 0 ? a.NamedNodeMap || a.MozNamedAttrMap : j, Et = a.HTMLFormElement, At = a.DOMParser, K = a.trustedTypes, Z = D.prototype, yt = ie(Z, "cloneNode"), gt = ie(Z, "nextSibling"), St = ie(Z, "childNodes"), fe = ie(Z, "parentNode");
   if (typeof g == "function") {
@@ -368,7 +368,7 @@ function _t() {
           H && (r = L(r, de, " "), r = L(r, Te, " "), r = L(r, ve, " "));
           var st = T(e.nodeName);
           if (it(st, u, r)) {
-            if (Ve && (u === "id" || u === "name") && (ne(m, e), r = Ct + r), Ae && _(/((--!?|])>)|<\/(style|title)/i, r)) {
+            if (Ve && (u === "id" || u === "name") && (ne(m, e), r = Ct + r), Ae && _(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i, r)) {
               ne(m, e);
               continue;
             }