vg-print-vue2 1.0.604 → 1.0.605

package/README.md

@@ -267,6 +267,7 @@ hiprint.register({
 
 | 配置 | 控制内容 |
 | --- | --- |
+| `showTemplateLibrary` | 模板中心 |
 | `showNewTemplate` | 新建 |
 | `showPreview` | 预览 |
 | `showPrintView` | 浏览器打印 |
@@ -705,6 +706,12 @@ import 'vg-print-vue2/style.css'
 
 环境要求：Vue 2.7、Node >= 16.14。无需单独安装 `vue-plugin-hiprint`，本库已内置并导出 `hiprint` 能力。
 
+## 模板中心与外部模板接入
+
+左侧模板库已迁到头部“模板中心”，左侧保留白色组件面板。业务、客户端、内置模板分别展示，支持缩略图、行业/类型筛选、搜索、分页和移动端布局。业务模板点击“使用”后调用外部详情方法；“上传当前模板到客户端”只发送已成功加载的当前画布，不批量上传摘要列表。
+
+Vue 2 的完整接入案例、按需加载、刷新、ID 回填、客户端联动及 designerUtils 方法见 [模板中心接入文档](docs/template-center.md)。
+
 ## API（FullDesigner）
 
 ### 属性（Props，含描述）
@@ -735,7 +742,7 @@ import 'vg-print-vue2/style.css'
   - `showNewTemplate: boolean` 是否显示默认“新建”按钮，默认 `true`；自定义 `headerRight` 时默认按钮组整体被替换
   - `showToolbar: boolean` 是否显示二级工具栏 Toolbar，默认 `true`
   - `showFooter: boolean` 是否显示底部 Footer，默认 `true`
-  - `showTemplateLibrary: boolean` 是否显示左侧模板库页签及内容，默认 `true`；设为 `false` 时仅保留组件库，不影响模板加载和保存功能；动态关闭时自动切回组件库
+  - `showTemplateLibrary: boolean` 是否显示头部模板中心按钮，默认 `true`；动态关闭时关闭模板中心弹窗，不影响模板加载和保存功能
 - `show-option` 同时支持上方 Header 配置表中的所有按钮显示项：`showPreview`、`showPrintView`、`showPdf`、`showImage`、`showClientGenerate`、`showSave`、`showSaveMenu`、`showEditTemplate`、`showEditData`、`showExportTemplate`、`showImportTemplate`、`showFeedback`；均默认 `true`，支持动态修改
 - `footer-text: string` 底部默认文案（仅在未提供 `#footer` 插槽时展示）
 
@@ -842,10 +849,11 @@ export default {
     },
     /*  设计器渲染完成后执行自定义逻辑
       designer,    // hiprint.PrintTemplate 实例
+      designerUtils, // 当前设计器的公共工具对象，详见模板中心接入文档
       template,    // 当前模板 JSON
       source       // initial / incoming / library / json
     */
-    onDesigned({ designer, template, source }) {
+    onDesigned({ designer, designerUtils, template, source }) {
       // 设计器已完成首次页面渲染，可在这里执行后续操作
     }
   }

package/dist/css/print-lock.css

@@ -0,0 +1,307 @@
+
+@media print {
+    /* Cancel the designer viewport rule when this file is loaded by the
+       browser-print iframe. */
+    html,
+    body {
+        height: auto !important;
+        min-height: 0 !important;
+        overflow: visible !important;
+    }
+    body {
+        margin: 0px;
+        padding: 0px;
+    }
+}
+
+@page {
+    margin: 0;
+}
+
+.hiprint-printPaper * {
+    box-sizing: border-box;
+    -moz-box-sizing: border-box; /* Firefox */
+    -webkit-box-sizing: border-box; /* Safari */
+    image-rendering: -webkit-optimize-contrast; /* 让图片/标尺稍微清楚一点 */
+}
+
+    .hiprint-printPaper *:focus {
+        outline: -webkit-focus-ring-color auto 0px;
+    }
+
+
+.hiprint-page-break-avoid {
+    page-break-after: avoid;
+}
+.hiprint-printPaper {
+    position: relative;
+    padding: 0 0 0 0;
+    page-break-after: always;
+    break-after: page;
+    break-inside: avoid;
+    -webkit-user-select: none; /* Chrome/Safari/Opera */
+    -moz-user-select: none; /* Firefox */
+    user-select: none;
+    overflow-x: hidden;
+    overflow: hidden;
+}
+    .hiprint-printPaper .hiprint-printPaper-content {
+        position: relative;
+    }
+.hiprint-printPaper.design {
+    overflow: visible;
+}
+
+
+
+.hiprint-printTemplate .hiprint-printPanel {
+    page-break-after: always;
+}
+
+.hiprint-printPaper, hiprint-printPanel {
+    box-sizing: border-box;
+    border: 0px;
+}
+
+.hiprint-printPanel .hiprint-printPaper:last-child {
+    page-break-after: avoid;
+}
+
+.hiprint-printTemplate .hiprint-printPanel:last-child {
+    page-break-after: avoid;
+}
+
+.hiprint-printPaper .hideheaderLinetarget {
+    border-top: 0px dashed rgb(201, 190, 190) !important;
+}
+
+.hiprint-printPaper .hidefooterLinetarget {
+    border-top: 0px dashed rgb(201, 190, 190) !important;
+}
+
+.hiprint-printPaper.design {
+    border: 1px dashed rgba(170,170,170,0.7);
+}
+
+.design .hiprint-printElement-table-content, .design .hiprint-printElement-longText-content {
+    overflow: hidden;
+    box-sizing: border-box;
+}
+
+.design .resize-panel {
+    box-sizing: border-box;
+    border: 1px dotted;
+}
+
+.hiprint-printElement-text {
+    background-color: transparent;
+    background-repeat: repeat;
+    padding: 0 0 0 0;
+    border: 0.75pt none rgb(0,0,0);
+    direction: ltr;
+    font-family: 'SimSun';
+    font-size: 9pt;
+    font-style: normal;
+    font-weight: normal;
+    padding-bottom: 0pt;
+    padding-left: 0pt;
+    padding-right: 0pt;
+    padding-top: 0pt;
+    text-align: left;
+    text-decoration: none;
+    line-height: 9.75pt;
+    box-sizing: border-box;
+    word-wrap: break-word;
+    word-break: break-all;
+}
+
+.design .hiprint-printElement-text-content {
+    border: 1px dashed rgb(206, 188, 188);
+    box-sizing: border-box;
+}
+
+.hiprint-printElement-longText {
+    background-color: transparent;
+    background-repeat: repeat;
+    border: 0.75pt none rgb(0,0,0);
+    direction: ltr;
+    font-family: 'SimSun';
+    font-size: 9pt;
+    font-style: normal;
+    font-weight: normal;
+    padding-bottom: 0pt;
+    padding-left: 0pt;
+    padding-right: 0pt;
+    padding-top: 0pt;
+    text-align: left;
+    text-decoration: none;
+    line-height: 9.75pt;
+    box-sizing: border-box;
+    word-wrap: break-word;
+    word-break: break-all;
+    /*white-space: pre-wrap*/
+}
+
+
+
+.hiprint-printElement-table {
+    background-color: transparent;
+    background-repeat: repeat;
+    color: rgb(0,0,0);
+    border-color: rgb(0,0,0);
+    border-style: none;
+    direction: ltr;
+    font-family: 'SimSun';
+    font-size: 9pt;
+    font-style: normal;
+    font-weight: normal;
+    padding-bottom: 0pt;
+    padding-left: 0pt;
+    padding-right: 0pt;
+    padding-top: 0pt;
+    text-align: left;
+    text-decoration: none;
+    padding: 0 0 0 0;
+    box-sizing: border-box;
+    line-height: 9.75pt;
+}
+
+    .hiprint-printElement-table thead {
+        background: #e8e8e8;
+        font-weight: 700;
+    }
+
+.hiprint-printElement-tableTarget, .hiprint-printElement-tableTarget tr, .hiprint-printElement-tableTarget td {
+    border-color: rgb(0,0,0);
+    /*border-style: none;*/
+    /*border: 1px solid rgb(0,0,0);*/
+    font-weight: normal;
+    direction: ltr;
+    padding-bottom: 0pt;
+    padding-left: 4pt;
+    padding-right: 4pt;
+    padding-top: 0pt;
+    text-decoration: none;
+    vertical-align: middle;
+    box-sizing: border-box;
+    word-wrap: break-word;
+    word-break: break-all;
+    /*line-height: 9.75pt;
+    font-size: 9pt;*/
+}
+
+    /*.hiprint-printElement-tableTarget tr,*/
+    .hiprint-printElement-tableTarget td {
+        height: 18pt;
+    }
+
+/* 边框样式（用于打印时保持边框） */
+table.hiprint-printElement-tableTarget { width: 100%; }
+.hiprint-printElement-tableTarget-border-all { border: 1px solid; }
+.hiprint-printElement-tableTarget-border-none { border: 0px solid; }
+.hiprint-printElement-tableTarget-border-lr { border-left: 1px solid; border-right: 1px solid; }
+.hiprint-printElement-tableTarget-border-left { border-left: 1px solid; }
+.hiprint-printElement-tableTarget-border-right { border-right: 1px solid; }
+.hiprint-printElement-tableTarget-border-tb { border-top: 1px solid; border-bottom: 1px solid; }
+.hiprint-printElement-tableTarget-border-top { border-top: 1px solid; }
+.hiprint-printElement-tableTarget-border-bottom { border-bottom: 1px solid; }
+.hiprint-printElement-tableTarget-border-td-none td { border: 0px solid; }
+.hiprint-printElement-tableTarget-border-td-all td:not(:nth-last-child(-n+2)) { border-right: 1px solid; }
+.hiprint-printElement-tableTarget-border-td-all td { border-left: 1px solid; }
+.hiprint-printElement-tableTarget-border-td-all td:last-child:first-child { border-left: none; }
+
+.hiprint-printPaper .hiprint-paperNumber {
+    font-size: 9pt;
+}
+
+.design .hiprint-printElement-table-handle {
+    position: absolute;
+    height: 12pt;
+    width: 12pt;
+    background: red;
+    z-index:1;
+}
+
+.hiprint-printPaper .hiprint-paperNumber-disabled {
+    float: right !important;
+    right: 0 !important;
+    color: gainsboro !important;
+}
+
+.hiprint-printElement-vline, .hiprint-printElement-hline {
+    border: 0px none rgb(0,0,0);
+
+}
+.hiprint-printElement-vline {
+    border-left: 0.75pt solid #000;
+    border-right: 0px none rgb(0,0,0) !important;
+    border-bottom: 0px none rgb(0,0,0) !important;
+    border-top: 0px none rgb(0,0,0) !important;
+}
+
+.hiprint-printElement-hline {
+    border-top: 0.75pt solid #000;
+    border-right: 0px none rgb(0,0,0) !important;
+    border-bottom: 0px none rgb(0,0,0) !important;
+    border-left: 0px none rgb(0,0,0) !important;
+}
+
+.hiprint-printElement-oval, .hiprint-printElement-rect {
+    border: 0.75pt solid #000;
+}
+
+.hiprint-text-content-middle {
+    display:table;
+}
+.hiprint-text-content-middle>div {
+    display: table-cell;
+    vertical-align:middle
+}
+
+.hiprint-text-content-bottom {
+    display: table;
+}
+
+    .hiprint-text-content-bottom > div {
+        display: table-cell;
+        vertical-align: bottom
+    }
+
+/*hi-grid-row */
+.hi-grid-row {
+    position: relative;
+    height: auto;
+    margin-right: 0;
+    margin-left: 0;
+    zoom: 1;
+    display: block;
+    box-sizing: border-box;
+}
+
+    .hi-grid-row::after, .hi-grid-row::before {
+        display: table;
+        content: '';
+        box-sizing: border-box;
+    }
+
+.hi-grid-col {
+    display: block;
+    box-sizing: border-box;
+    position: relative;
+    float: left;
+    flex: 0 0 auto;
+}
+
+.table-grid-row {
+    margin-left: -0pt;
+    margin-right: -0pt;
+}
+
+.tableGridColumnsGutterRow {
+    padding-left: 0pt;
+    padding-right: 0pt;
+}
+.hiprint-gridColumnsFooter {
+    text-align: left;
+    clear: both;
+}