x-print-designer 0.0.5 → 0.0.6

package/README.md

@@ -15,7 +15,7 @@
 - [自动保存配置](#自动保存配置)
 - [模板数据结构（完整格式）](#模板数据结构完整格式)
 - [元素数据绑定](#元素数据绑定)
-- [变量语法参考](#变量语法参考)
+- [图片元素使用说明](#图片元素使用说明)
 - [支持的元素类型](#支持的元素类型)
 - [技术栈](#技术栈)
 
@@ -578,6 +578,61 @@ interface PrintElement {
 
 ---
 
+## 图片元素使用说明
+
+图片元素支持 **三种方式** 设置图片：
+
+### 方式 1：直接输入图片 URL
+
+在图片元素的属性面板中，直接在"图片地址"输入框填写图片 URL（支持 HTTP/HTTPS 链接）。
+
+```
+https://example.com/logo.png
+```
+
+### 方式 2：本地上传（自动转 Base64）
+
+点击属性面板中的 **"上传图片"** 按钮，从本地选择一张图片文件：
+
+- 自动将图片转换为 **Base64** 字符串并填入图片地址
+- 限制最大 **2MB**，超出会提示错误
+- 支持所有常见图片格式（PNG、JPG、GIF、WebP 等）
+
+> 也可以**双击画布上的图片元素**来快速触发上传（编辑模式下）。
+
+### 方式 3：绑定变量
+
+将图片元素的 `variable` 属性绑定到一个变量名，图片地址从数据中动态读取。
+
+| 绑定方式 | 示例 | 数据值要求 |
+|---------|------|-----------|
+| 静态变量 | `@logoUrl` | 字符串：`"https://..."` 或 Base64 |
+| 数组元素 | `@flightRecords[0].image` | 该字段值需为 URL 或 Base64 |
+
+**在 sampleData 中对应的数据：**
+
+```json
+{
+  "variables": {
+    "logoUrl": "https://example.com/logo.png",
+    "avatarBase64": "data:image/png;base64,iVBORw0KGgo...",
+    "flightRecords": [
+      { "image": "https://picsum.photos/id/1/200/80" }
+    ]
+  }
+}
+```
+
+### 总结
+
+| 方式 | 适用场景 | 存储内容 |
+|------|---------|---------|
+| URL 输入 | 固定图片、CDN 资源 | URL 字符串 |
+| 本地上传 | 无公网链接的图片 | Base64 编码字符串 |
+| 变量绑定 | 每条数据图片不同 | URL 或 Base64 |
+
+---
+
 ## 支持的元素类型
 
 | 类型 | 标识 | 说明 |

package/dist/{JsBarcode-DR3EuD60.js → JsBarcode-CUiJ4kMt.js}

@@ -1,4 +1,4 @@
-import { getDefaultExportFromCjs } from "./web-component-ZD0SqIW-.js";
+import { getDefaultExportFromCjs } from "./web-component-Bgs-OHJ9.js";
 function _mergeNamespaces(n, m) {
   for (var i = 0; i < m.length; i++) {
     const e = m[i];

package/dist/{browser-DXN-y76H.js → browser-DIU9kPWX.js}

@@ -1,4 +1,4 @@
-import { getDefaultExportFromCjs } from "./web-component-ZD0SqIW-.js";
+import { getDefaultExportFromCjs } from "./web-component-Bgs-OHJ9.js";
 function _mergeNamespaces(n, m) {
   for (var i = 0; i < m.length; i++) {
     const e = m[i];

package/dist/{dom-to-image-more.min-S-TpuEqL.js → dom-to-image-more.min-vPlSBgID.js}

@@ -1,4 +1,4 @@
-import { getDefaultExportFromCjs } from "./web-component-ZD0SqIW-.js";
+import { getDefaultExportFromCjs } from "./web-component-Bgs-OHJ9.js";
 function _mergeNamespaces(n, m) {
   for (var i = 0; i < m.length; i++) {
     const e = m[i];

package/dist/{index-CcUJ-UmV.js → index-DdtP0Fsw.js}

@@ -1,4 +1,4 @@
-import { defineComponent, h, computed, onUnmounted, watch, shallowRef, loader, onMounted, nextTick, ref } from "./web-component-ZD0SqIW-.js";
+import { defineComponent, h, computed, onUnmounted, watch, shallowRef, loader, onMounted, nextTick, ref } from "./web-component-Bgs-OHJ9.js";
 var __defProp$2 = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;

package/dist/{index.es-698hP6_U.js → index.es-CJ4AuCoP.js}

@@ -1,4 +1,4 @@
-import { commonjsGlobal, getDefaultExportFromCjs } from "./web-component-ZD0SqIW-.js";
+import { commonjsGlobal, getDefaultExportFromCjs } from "./web-component-Bgs-OHJ9.js";
 import { _typeof as _typeof$1 } from "./typeof-DxTVrAEz.js";
 var es_promise = {};
 var es_promise_constructor = {};

package/dist/{jspdf.es.min-CSbVoGg3.js → jspdf.es.min-Dv-nNebO.js}

@@ -10832,7 +10832,7 @@ function le() {
   var h2 = l2.getContext("2d");
   h2.fillStyle = "#fff", h2.fillRect(0, 0, l2.width, l2.height);
   var f2 = { ignoreMouse: true, ignoreAnimation: true, ignoreDimensions: true }, d2 = this;
-  return (i.canvg ? Promise.resolve(i.canvg) : import("./index.es-698hP6_U.js")).catch(function(t3) {
+  return (i.canvg ? Promise.resolve(i.canvg) : import("./index.es-CJ4AuCoP.js")).catch(function(t3) {
     return Promise.reject(new Error("Could not load canvg: " + t3));
   }).then(function(t3) {
     return t3.default ? t3.default : t3;

package/dist/{jszip.min-BKMA8ptO.js → jszip.min-BYYbhBEw.js}

@@ -1,4 +1,4 @@
-import { commonjsGlobal, getDefaultExportFromCjs } from "./web-component-ZD0SqIW-.js";
+import { commonjsGlobal, getDefaultExportFromCjs } from "./web-component-Bgs-OHJ9.js";
 function _mergeNamespaces(n, m) {
   for (var i = 0; i < m.length; i++) {
     const e = m[i];

package/dist/print-designer.es.js

@@ -1,4 +1,4 @@
-import { PrintDesignerElement } from "./web-component-ZD0SqIW-.js";
+import { PrintDesignerElement } from "./web-component-Bgs-OHJ9.js";
 export {
   PrintDesignerElement
 };