vue-print-designer 0.9.6 → 0.9.8

package/README.md

@@ -16,27 +16,20 @@ Vue Print Designer 是一款可视化打印设计器，面向业务表单、标
 
 ## 界面预览
 
-|  |  |
+| 界面视图 | 界面视图 |
 | --- | --- |
 | **设计器主界面与画布视图**<br>![设计器主界面](https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/1.png) | **打印预览**<br>![打印预览](https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/2.png) |
 | **打印参数配置**<br>![打印参数](https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/3.png) | **系统设置与偏好**<br>![系统设置](https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/4.png) |
 | **快捷键说明**<br>![快捷键](https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/5.png) | **高级表格编辑**<br>![高级表格](https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/6.png) |
 
-## 我们解决了什么问题
+## 核心特性与优势
 
-- 设计与打印链路割裂，模板无法复用，改一个字段要改一堆代码
-- 复杂分页（尤其是表格）需要大量手写逻辑
-- 业务系统与打印插件的集成成本高、接口不统一、跨框架兼容性差
+市面上大多数打印插件要么**强耦合特定框架**，要么**仅提供基础打印功能**。我们专注于解决**分页逻辑复杂**与**集成成本高**的痛点，提供企业级的打印解决方案：
 
-## 为什么比同类更好用
-
-很多同类插件要么强耦合框架、要么只提供“导出图片/打印”而缺少工程化能力。我们的优势是：
-
-- **完整设计器**：元素、属性、分页、预览、模板管理一体化
-- **可扩展**：模板与自定义元素可以走本地存储，也能接入你的 API
-- **跨框架**：Web Components 方式适配 Vue/React/Angular/纯 HTML
-- **工程化**：导出 PDF/图片/Blob、打印参数、静默打印、连接配置都可控
-- **可维护**：代码结构清晰，便于二次开发与业务定制
+- **开箱即用**：不同于手写分页逻辑，内置完整的拖拽设计器与预览引擎，自动处理表格分页与表头重复。
+- **跨框架支持**：拒绝框架锁定，基于 Web Components，完美适配 Vue/React/Angular/原生 HTML 等所有技术栈。
+- **工程化完备**：不仅是打印，更提供静默打印、云打印、PDF/图片导出及精细的打印参数控制。
+- **灵活扩展**：支持自定义元素与 API 对接，满足深度业务定制需求。
 
 ## 功能亮点
 
@@ -56,7 +49,7 @@ PrintDot Client 是配套的桌面打印助手（Wails + Vue），用于设备
 - 关键能力：自动发现与识别设备、稳定连接维护与转发队列、轻量后台运行
 - 项目地址：https://github.com/0ldFive/PrintDot-Client
 
-|  |  |
+| 初始界面 | 偏好设置 |
 | --- | --- |
 | **主界面 - 设备状态与连接管理**<br><img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/7.png" alt="PrintDot 主界面" width="280" /> | **设置页面 - 偏好与配置选项**<br><img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/8.png" alt="PrintDot 设置页面" width="280" /> |
 
@@ -197,6 +190,14 @@ el.addEventListener('error', (e) => {
 });
 ```
 
+## 集成示例
+
+我们提供了一个基于 **Vue 3 + Element Plus** 的完整集成示例项目，演示如何在实际业务系统中嵌入打印设计器。
+
+- **项目地址**：[https://github.com/0ldFive/vue-designer-sample](https://github.com/0ldFive/vue-designer-sample)
+- **技术栈**：Vue 3, TypeScript, Element Plus, Vite
+- **项目状态**：🚧 **建设中**（逐步完善更多业务场景）
+
 ## 项目结构
 
 ```

package/dist/{index.es-BPe8a8fk.js → index.es-DiAUZ1Cl.js}

@@ -1,4 +1,4 @@
-import { c as Ga, _ as ca, R as ga, p as pl, a as Xe, r as _r } from "./web-component-CseEzlzK.js";
+import { c as Ga, _ as ca, R as ga, p as pl, a as Xe, r as _r } from "./web-component-XBBUIM0S.js";
 var za = {}, $a = {}, Qe, Wa;
 function W() {
   if (Wa) return Qe;

package/dist/print-designer.css

@@ -1 +1 @@
-.print-renderer[data-v-93e371da]{padding:0}.animate-fade-in[data-v-7d81208a]{animation:fadeIn-7d81208a .2s ease-out}@keyframes fadeIn-7d81208a{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}[data-v-43107376] .print-page{margin-bottom:20px;background:#fff;box-shadow:none!important;position:relative!important;left:auto!important;top:auto!important}[data-v-43107376] .print-page:last-child{margin-bottom:0}.preview-content[data-v-43107376] *{cursor:default!important}.resize-y[data-v-44208768]{resize:vertical}.custom-scrollbar[data-v-35d350fc]::-webkit-scrollbar{width:6px}.custom-scrollbar[data-v-35d350fc]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-35d350fc]::-webkit-scrollbar-thumb{background-color:#e5e7eb;border-radius:3px}.custom-scrollbar[data-v-35d350fc]::-webkit-scrollbar-thumb:hover{background-color:#d1d5db}.no-scrollbar[data-v-8d64f846]{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar[data-v-8d64f846]::-webkit-scrollbar{display:none}
+.print-renderer[data-v-7d814419]{padding:0}.animate-fade-in[data-v-cb4f5266]{animation:fadeIn-cb4f5266 .2s ease-out}@keyframes fadeIn-cb4f5266{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}[data-v-43107376] .print-page{margin-bottom:20px;background:#fff;box-shadow:none!important;position:relative!important;left:auto!important;top:auto!important}[data-v-43107376] .print-page:last-child{margin-bottom:0}.preview-content[data-v-43107376] *{cursor:default!important}.resize-y[data-v-44208768]{resize:vertical}.custom-scrollbar[data-v-0bce654d]::-webkit-scrollbar{width:6px}.custom-scrollbar[data-v-0bce654d]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-0bce654d]::-webkit-scrollbar-thumb{background-color:#e5e7eb;border-radius:3px}.custom-scrollbar[data-v-0bce654d]::-webkit-scrollbar-thumb:hover{background-color:#d1d5db}.no-scrollbar[data-v-8d64f846]{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar[data-v-8d64f846]::-webkit-scrollbar{display:none}

package/dist/print-designer.es.js

@@ -1,4 +1,4 @@
-import { P as n } from "./web-component-CseEzlzK.js";
+import { P as n } from "./web-component-XBBUIM0S.js";
 export {
   n as PrintDesignerElement
 };