template-designer 0.1.7 → 0.1.8

package/README.md

@@ -235,6 +235,26 @@ export default {
 - **占半行**：两个属性项并排显示，自动换行，形成网格布局
 - **响应式**：在不同屏幕尺寸下自动调整布局
 
+## 图片上传
+
+在配置中添加图片上传
+
+```javascript
+// 隐藏特定组件
+const config = {
+  ...
+  image: { request: file => {
+    // 上传
+    ....
+    return url // 上传完的url
+  }}
+  ...
+}
+
+// 使用组件
+<TemplateDesigner :config="config" />
+```
+
 ## 开发
 
 ```bash

package/dist/style.css

@@ -1 +1 @@
-.td-text-component{width:100%;height:100%;position:relative;display:flex;align-items:center;overflow:hidden;box-sizing:border-box}.td-text-content{width:100%;min-width:0;box-sizing:border-box}.label[data-v-a7fa57c5]{display:flex;align-items:center;justify-content:flex-start}.property-item[data-v-a7fa57c5]{display:flex;flex-direction:column;gap:4px}.property-item label[data-v-a7fa57c5]{font-size:14px;color:#666}.property-item input[data-v-a7fa57c5],.property-item select[data-v-a7fa57c5]{padding:4px 8px;border:1px solid #ddd;border-radius:4px}.property-item input[type=color][data-v-a7fa57c5]{height:32px;padding:2px}.property-item input[type=checkbox][data-v-a7fa57c5]{width:16px;height:16px}.file-input-container[data-v-a7fa57c5]{position:relative;display:flex;align-items:center;gap:8px}.file-input-container input[data-v-a7fa57c5]{height:100%!important}.file-url-input[data-v-a7fa57c5]{flex:1;padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:12px}.file-url-input[data-v-a7fa57c5]:disabled{background-color:#f5f5f5;cursor:not-allowed}.file-input[data-v-a7fa57c5]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.file-select-btn[data-v-a7fa57c5]{padding:4px 12px;border:1px solid #ddd;border-radius:4px;background:var(--el-color-primary);color:#fff;cursor:pointer;font-size:12px;white-space:nowrap;display:flex;align-items:center;gap:4px}.file-select-btn[data-v-a7fa57c5]:hover:not(:disabled){background:var(--el-color-primary-dark-2);border-color:var(--el-color-primary-dark-2)}.file-select-btn[data-v-a7fa57c5]:disabled{background:#ccc;cursor:not-allowed}.file-info[data-v-a7fa57c5]{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;background-color:#f5f5f5;border-radius:4px;margin-top:4px}.file-name[data-v-a7fa57c5]{font-size:12px;color:#666;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clear-btn[data-v-a7fa57c5]{background:none;border:none;color:#ff4d4f;cursor:pointer;font-size:12px;padding:2px 6px;border-radius:2px}.clear-btn[data-v-a7fa57c5]:hover{background-color:#fff2f0}.property-panel[data-v-349b9d4a]{padding:16px;background:#fff;border-left:1px solid #e4e7ed;overflow-y:auto;height:100%}.property-group[data-v-349b9d4a]{margin-bottom:16px}.property-group-title[data-v-349b9d4a]{font-size:14px;font-weight:500;color:#303133;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid #ebeef5}.property-item[data-v-349b9d4a]{margin-bottom:12px}.text-property-panel .property-item[data-v-349b9d4a]:last-child,.barcode-property-panel .property-item[data-v-349b9d4a]:last-child,.qrcode-property-panel .property-item[data-v-349b9d4a]:last-child,.image-property-panel .property-item[data-v-349b9d4a]:last-child,.rectangle-property-panel .property-item[data-v-349b9d4a]:last-child,.horline-property-panel .property-item[data-v-349b9d4a]:last-child,.verline-property-panel .property-item[data-v-349b9d4a]:last-child{margin-bottom:0}.property-layout-container[data-v-349b9d4a]{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}.property-item-wrapper[data-v-349b9d4a]{margin-bottom:0}.property-item-wrapper.full-width[data-v-349b9d4a]{width:100%;flex-basis:100%}.property-item-wrapper.half-width[data-v-349b9d4a]{width:calc(50% - 6px);flex-basis:calc(50% - 6px)}.property-item-wrapper.default-width[data-v-349b9d4a]{width:100%;flex-basis:100%}.property-item-wrapper .property-item[data-v-349b9d4a]{margin-bottom:0;width:100%}.barcode-component{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box}.barcode-component svg{width:100%!important;height:100%!important;max-width:100%;max-height:100%;display:block}.qrcode-component[data-v-6e726fcb]{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box}.qrcode-canvas-fixed[data-v-6e726fcb]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0;margin:0}.qrcode-image[data-v-6e726fcb]{display:block;width:100%!important;height:100%!important;padding:0;margin:0;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-crisp-edges;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;filter:none;-webkit-filter:none;object-fit:cover;object-position:center}.component-selection-overlay[data-v-6e726fcb]{position:absolute;border:2px dashed #1890ff;pointer-events:none;box-sizing:border-box;z-index:1000}.qrcode-property-panel[data-v-cce393d5]{display:flex;flex-direction:column;gap:12px}.property-item[data-v-cce393d5]{display:flex;flex-direction:column;gap:4px}.property-item label[data-v-cce393d5]{font-size:14px;color:#666}.property-item input[data-v-cce393d5],.property-item select[data-v-cce393d5]{padding:4px 8px;border:1px solid #ddd;border-radius:4px}.property-item input[type=color][data-v-cce393d5]{height:32px;padding:2px}.image-component[data-v-6edf2c8f]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background-color:#fafafa}.image-placeholder[data-v-6edf2c8f]{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;font-size:12px;gap:8px}.image-loading-overlay[data-v-6edf2c8f]{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.6);z-index:5}.image-content[data-v-6edf2c8f]{display:block;max-width:100%;max-height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-crisp-edges;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.component-selection-overlay[data-v-6edf2c8f]{position:absolute;border:2px dashed #1890ff;pointer-events:none;box-sizing:border-box;z-index:1000}.image-property-panel[data-v-462c8b63]{display:flex;flex-direction:column;gap:12px}.property-item[data-v-462c8b63]{display:flex;flex-direction:column;gap:4px}.property-item label[data-v-462c8b63]{font-size:14px;color:#666}.property-item input[data-v-462c8b63],.property-item select[data-v-462c8b63]{padding:4px 8px;border:1px solid #ddd;border-radius:4px}.property-item input[type=color][data-v-462c8b63]{height:32px;padding:2px}.rectangle-component{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:visible;box-sizing:border-box}.rectangle-content{width:100%;height:100%;box-sizing:border-box;position:relative}.hairline-edge{position:absolute;pointer-events:none}.component-selection-overlay{position:absolute;border:2px dashed #1890ff;pointer-events:none;box-sizing:border-box;z-index:1000}.rectangle-property-panel[data-v-e06ed44e]{display:flex;flex-direction:column;gap:12px}.horline-component{position:relative;display:flex;align-items:center;justify-content:center;overflow:visible;box-sizing:border-box}.line-selection-outline{position:absolute;left:0;top:0;border:2px dashed #1890ff;pointer-events:none;box-sizing:border-box;z-index:1000}.component-list[data-v-29028fa4]{background:#fff;display:flex;flex-direction:column;gap:20px}.component-group[data-v-29028fa4]{display:flex;flex-direction:column;gap:8px}.group-title[data-v-29028fa4]{font-size:14px;font-weight:600;color:#333;padding:8px 12px;border-left:4px solid var(--el-color-primary);background:linear-gradient(135deg,var(--el-color-primary-light-9) 0%,var(--el-color-primary-light-8) 100%);border-radius:0 6px 6px 0;margin-bottom:4px;box-shadow:0 1px 3px #0000001a}.group-content[data-v-29028fa4]{display:grid;grid-template-columns:1fr 1fr;grid-row-gap:8px;grid-column-gap:8px}.component-item[data-v-29028fa4]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 0;border:1px solid #ddd;border-radius:4px;cursor:grab;font-size:13px;color:#555;transition:all .2s ease;width:100%;height:70px;background:#fff;box-shadow:0 1px 3px #0000001a}.component-item[data-v-29028fa4]:hover{background-color:var(--el-color-primary-light-9);border-color:var(--el-color-primary);color:var(--el-color-primary);box-shadow:0 2px 8px #00000014}.component-item i[data-v-29028fa4]{font-size:24px;margin-bottom:8px;color:var(--el-color-primary)}.component-item span[data-v-29028fa4]{font-size:12px;text-align:center;color:#333}.component-item:hover i[data-v-29028fa4],.component-item:hover span[data-v-29028fa4]{color:var(--el-color-primary)!important}.ruler[data-v-3635eba4]{position:absolute;z-index:1}.ruler.horizontal[data-v-3635eba4]{left:20px;top:0;width:calc(100% - 40px);height:20px;border-bottom:none}.ruler.vertical[data-v-3635eba4]{top:20px;left:0;width:20px;height:calc(100% - 40px);border-right:none}.ruler-unit[data-v-3635eba4]{position:absolute}.ruler.horizontal .ruler-unit[data-v-3635eba4]{height:100%}.ruler.vertical .ruler-unit[data-v-3635eba4]{width:100%}.ruler-mark[data-v-3635eba4]{position:absolute;background:#999}.ruler.horizontal .ruler-mark[data-v-3635eba4]{bottom:0}.ruler.vertical .ruler-mark[data-v-3635eba4]{right:0}.ruler-text[data-v-3635eba4]{position:absolute;font-size:8px;color:#666;white-space:nowrap}.ruler.horizontal .ruler-text[data-v-3635eba4]{bottom:8px;transform:translate(-50%)}.ruler.vertical .ruler-text[data-v-3635eba4]{right:8px;transform:translateY(-50%) rotate(-90deg)}.add-btn[data-v-a4b90b63]{margin:10px 0}.tg-title[data-v-a4b90b63]{display:flex;align-items:center}.tg-title p[data-v-a4b90b63]{font-size:18px;font-weight:700}.tge-main[data-v-a4b90b63]{max-height:82vh;padding:0}.tge-text[data-v-a4b90b63]{font-size:14px;line-height:26px}.tge-content[data-v-a4b90b63]{display:flex;width:100%}.tge-block[data-v-a4b90b63]{display:flex;flex-direction:column;flex:1}.tge-title[data-v-a4b90b63]{padding:6px 0;font-size:14px;color:var(--el-color-primary)}.tge-img[data-v-a4b90b63]{width:100%;height:auto}.table-container[data-v-a4b90b63]{width:100%;border:1px dashed #ddd;border-radius:4px}.empty-placeholder[data-v-a4b90b63]{display:flex;align-items:center;justify-content:center;color:#999;padding:20px;border-radius:4px;min-height:80px}.graph-table[data-v-a4b90b63]{margin-top:10px}.tge-divider[data-v-a4b90b63]{width:1px;background:var(--el-border-color);margin:0 10px}.graph-table .el-table__header,.graph-table .el-table__body{width:100%!important}.graph-table .el-table__body{margin-bottom:10px!important}.graph-table .el-form-item__error{position:static!important;top:0!important}.graph-table .el-input-number{width:auto}.graph-table .el-input-number.is-without-controls .el-input__wrapper{padding-left:4px;padding-right:4px}button[data-v-e684cfd3]{display:flex;align-items:center;justify-content:center}.label-designer[data-v-e684cfd3]{display:flex;height:100%}.toolbar[data-v-e684cfd3]{width:200px;background:#fff;border-right:1px solid #e0e0e0;padding:16px;display:flex;flex-direction:column;gap:16px}.zoom-controls span[data-v-e684cfd3]{width:44px;text-align:center}.zoom-controls[data-v-e684cfd3]{display:flex;align-items:center;gap:8px;background:#f5f5f5;border-radius:4px;padding:4px 8px}.zoom-controls button[data-v-e684cfd3]{width:24px;height:24px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer}.zoom-controls button[data-v-e684cfd3]:disabled{opacity:.5;cursor:not-allowed}.center-container[data-v-e684cfd3]{display:flex;flex-direction:column;flex:1;overflow:hidden;height:100%}.center-toolbar[data-v-e684cfd3]{display:flex;align-items:center;justify-content:flex-end;padding:16px 16px 0;background:rgba(0,0,0,.05)}.canvas-container[data-v-e684cfd3]{width:100%;flex:1;padding:0 16px 16px;overflow:auto;background:rgba(0,0,0,.05);position:relative;display:flex;flex-direction:column}.canvas-wrapper[data-v-e684cfd3]{position:relative;transform-origin:0 0;overflow:visible;width:fit-content;height:fit-content;margin-top:20px;transition:all .2s ease;transform:translateZ(0);will-change:transform}.ruler-horizontal[data-v-e684cfd3]{position:absolute;left:0;top:0;right:0;height:24px;z-index:10;pointer-events:none}.ruler-vertical[data-v-e684cfd3]{position:absolute;left:0;top:0;bottom:0;width:24px;z-index:10;pointer-events:none}.canvas[data-v-e684cfd3]{position:relative;overflow:visible;z-index:1;position:absolute;left:21px;top:21px}.property-panel[data-v-e684cfd3]{width:260px;background:#fff;border-left:1px solid #ddd;padding:0 16px 16px;display:flex;flex-direction:column;gap:16px;position:relative;z-index:100;overflow-y:auto}.property-panel-title[data-v-e684cfd3]{position:sticky;top:0;left:0;right:0;background:#fff;z-index:100;display:flex;align-items:center;justify-content:flex-start;margin:10px 0 0}.position-controls[data-v-e684cfd3]{display:flex;flex-direction:column;gap:12px;padding:12px;background:#f5f5f5;border-radius:4px}.control-group[data-v-e684cfd3]{display:flex;align-items:center;justify-content:space-between;gap:4px}.control-group label[data-v-e684cfd3]{width:80px;font-size:14px;color:#666;text-align:end}.number-input[data-v-e684cfd3]{display:flex;align-items:center;gap:4px}.number-input input[data-v-e684cfd3]{width:90px;padding:4px;border:1px solid #ddd;border-radius:4px;text-align:center}.number-input button[data-v-e684cfd3]{width:24px;height:24px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer}.canvas-item[data-v-e684cfd3]{position:absolute;cursor:move;-webkit-user-select:none;user-select:none;z-index:10;transform:translateZ(0);will-change:transform;left:0;top:0}.resize-handle[data-v-e684cfd3]{position:absolute;width:6px;height:6px;background:#1890ff;border:1px solid #fff;box-shadow:0 0 3px #0000004d;cursor:pointer;z-index:1001;transition:all .2s ease;border-radius:1px;display:block!important;visibility:visible!important;opacity:1!important;transform:translateZ(0);will-change:transform;font-size:16px!important;line-height:1!important}.resize-handle[data-v-e684cfd3]:hover{background:#40a9ff;box-shadow:0 0 4px #0006}.resize-handle.top-left[data-v-e684cfd3]{top:-4px;left:-4px;background:#52c41a}.resize-handle.top-left[data-v-e684cfd3]:hover{background:#73d13d}.resize-handle.top-left[data-v-e684cfd3]:active{background:#389e0d}.resize-handle.top[data-v-e684cfd3]{top:-4px;left:50%;transform:translate(-50%)}.resize-handle.top[data-v-e684cfd3]:hover,.resize-handle.top[data-v-e684cfd3]:active{transform:translate(-50%)}.resize-handle.top-right[data-v-e684cfd3]{top:-4px;right:-4px;background:#52c41a}.resize-handle.top-right[data-v-e684cfd3]:hover{background:#73d13d}.resize-handle.top-right[data-v-e684cfd3]:active{background:#389e0d}.resize-handle.right[data-v-e684cfd3]{top:50%;right:-4px;transform:translateY(-50%)}.resize-handle.right[data-v-e684cfd3]:hover,.resize-handle.right[data-v-e684cfd3]:active{transform:translateY(-50%)}.resize-handle.bottom-right[data-v-e684cfd3]{bottom:-4px;right:-4px;background:#52c41a;z-index:1001}.resize-handle.bottom-right[data-v-e684cfd3]:hover{background:#73d13d}.resize-handle.bottom-right[data-v-e684cfd3]:active{background:#389e0d}.resize-handle.bottom[data-v-e684cfd3]{bottom:-4px;left:50%;transform:translate(-50%)}.resize-handle.bottom[data-v-e684cfd3]:hover,.resize-handle.bottom[data-v-e684cfd3]:active{transform:translate(-50%)}.resize-handle.bottom-left[data-v-e684cfd3]{bottom:-4px;left:-4px;background:#52c41a}.resize-handle.bottom-left[data-v-e684cfd3]:hover{background:#73d13d}.resize-handle.bottom-left[data-v-e684cfd3]:active{background:#389e0d}.resize-handle.left[data-v-e684cfd3]{top:50%;left:-4px;transform:translateY(-50%)}.resize-handle.left[data-v-e684cfd3]:hover,.resize-handle.left[data-v-e684cfd3]:active{transform:translateY(-50%)}.rotate-handle[data-v-e684cfd3]{position:absolute;top:-5px;left:50%;transform:translate(-50%);width:10px;height:10px;background:#1890ff;color:#fff;border-radius:50%;cursor:grab;z-index:1002;display:flex;align-items:center;justify-content:center}.size-label[data-v-e684cfd3]{display:flex;justify-content:center;flex-wrap:nowrap;white-space:nowrap;position:absolute;top:-14px;left:-4px;width:auto;min-width:70px;height:auto;background:rgba(255,34,34,.8);color:#fff;font-size:7px;border-radius:6px;z-index:20;line-height:1.2;box-shadow:0 2px 8px #00000014;pointer-events:none;padding:1px 8px 0}.delete-btn[data-v-e684cfd3]{position:absolute;top:-5px;right:-5px;width:10px;height:10px;background:#ff4d4f;color:#fff;border:none;border-radius:50%;cursor:pointer;z-index:1003;display:flex;align-items:center;justify-content:center}.drag-extend-lines[data-v-e684cfd3]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.drag-extend-line[data-v-e684cfd3]{position:absolute;pointer-events:none;z-index:998}.drag-extend-line.horizontal[data-v-e684cfd3]{width:100%;height:0;left:0;border-top:1px dashed rgb(177,179,184)}.drag-extend-line.vertical[data-v-e684cfd3]{width:0;height:100%;top:0;border-left:1px dashed rgb(177,179,184)}.drag-extend-line.rotated[data-v-e684cfd3]{position:absolute;border:1px dashed #1890ff;pointer-events:none;z-index:998}.alignment-guides[data-v-e684cfd3]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.alignment-guide[data-v-e684cfd3]{background-color:transparent;pointer-events:none;z-index:9999}.alignment-guide.horizontal[data-v-e684cfd3]{position:absolute;left:0;right:0;height:1px;background:linear-gradient(to right,#ff4d4f 0%,#ff4d4f 50%,transparent 50%,transparent 100%);background-size:6px 1px;background-repeat:repeat-x;transform:translateZ(0);will-change:auto}.alignment-guide.vertical[data-v-e684cfd3]{position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,#ff4d4f 0%,#ff4d4f 50%,transparent 50%,transparent 100%);background-size:1px 6px;background-repeat:repeat-y;transform:translateZ(0);will-change:auto}.number-input input[type=number][data-v-e684cfd3]::-webkit-inner-spin-button,.number-input input[type=number][data-v-e684cfd3]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.switch-input[data-v-e684cfd3]{display:flex;align-items:center}.switch-input input[type=checkbox][data-v-e684cfd3]{width:20px;height:20px;cursor:pointer;accent-color:#1890ff}.component-selected[data-v-e684cfd3],.component-current[data-v-e684cfd3]{outline:1px dashed #1890ff!important;outline-offset:0!important}.component-selected[data-v-e684cfd3],.component-current[data-v-e684cfd3]{box-sizing:border-box}.no-outline.component-selected[data-v-e684cfd3],.no-outline.component-current[data-v-e684cfd3]{outline:none!important}.component-config-missing[data-v-e684cfd3]{display:flex;align-items:center;justify-content:center;background:#fff3cd;border:1px dashed #ffc107;border-radius:4px;color:#856404;font-size:12px}.missing-config-tip[data-v-e684cfd3]{display:flex;align-items:center;gap:4px;padding:8px}.missing-config-tip .el-icon[data-v-e684cfd3]{font-size:14px;color:#ffc107}.template-designer[data-v-a48e3842]{overflow-y:hidden}.template-designer-border-top[data-v-a48e3842]{border-top:1px solid #e0e0e0}
+.td-text-component{width:100%;height:100%;position:relative;display:flex;align-items:center;overflow:hidden;box-sizing:border-box}.td-text-content{width:100%;min-width:0;box-sizing:border-box}.label[data-v-205a1d6b]{display:flex;align-items:center;justify-content:flex-start}.property-item[data-v-205a1d6b]{display:flex;flex-direction:column;gap:4px}.property-item label[data-v-205a1d6b]{font-size:14px;color:#666}.property-item input[data-v-205a1d6b],.property-item select[data-v-205a1d6b]{padding:4px 8px;border:1px solid #ddd;border-radius:4px}.property-item input[type=color][data-v-205a1d6b]{height:32px;padding:2px}.property-item input[type=checkbox][data-v-205a1d6b]{width:16px;height:16px}.file-input-container[data-v-205a1d6b]{position:relative;display:flex;align-items:center;gap:8px}.file-input-container input[data-v-205a1d6b]{height:100%!important}.file-url-input[data-v-205a1d6b]{flex:1;padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:12px}.file-url-input[data-v-205a1d6b]:disabled{background-color:#f5f5f5;cursor:not-allowed}.file-input[data-v-205a1d6b]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.file-select-btn[data-v-205a1d6b]{padding:4px 12px;border:1px solid #ddd;border-radius:4px;background:var(--el-color-primary);color:#fff;cursor:pointer;font-size:12px;white-space:nowrap;display:flex;align-items:center;gap:4px}.file-select-btn[data-v-205a1d6b]:hover:not(:disabled){background:var(--el-color-primary-dark-2);border-color:var(--el-color-primary-dark-2)}.file-select-btn[data-v-205a1d6b]:disabled{background:#ccc;cursor:not-allowed}.file-info[data-v-205a1d6b]{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;background-color:#f5f5f5;border-radius:4px;margin-top:4px}.file-name[data-v-205a1d6b]{font-size:12px;color:#666;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clear-btn[data-v-205a1d6b]{background:none;border:none;color:#ff4d4f;cursor:pointer;font-size:12px;padding:2px 6px;border-radius:2px}.clear-btn[data-v-205a1d6b]:hover{background-color:#fff2f0}.property-panel[data-v-349b9d4a]{padding:16px;background:#fff;border-left:1px solid #e4e7ed;overflow-y:auto;height:100%}.property-group[data-v-349b9d4a]{margin-bottom:16px}.property-group-title[data-v-349b9d4a]{font-size:14px;font-weight:500;color:#303133;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid #ebeef5}.property-item[data-v-349b9d4a]{margin-bottom:12px}.text-property-panel .property-item[data-v-349b9d4a]:last-child,.barcode-property-panel .property-item[data-v-349b9d4a]:last-child,.qrcode-property-panel .property-item[data-v-349b9d4a]:last-child,.image-property-panel .property-item[data-v-349b9d4a]:last-child,.rectangle-property-panel .property-item[data-v-349b9d4a]:last-child,.horline-property-panel .property-item[data-v-349b9d4a]:last-child,.verline-property-panel .property-item[data-v-349b9d4a]:last-child{margin-bottom:0}.property-layout-container[data-v-349b9d4a]{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}.property-item-wrapper[data-v-349b9d4a]{margin-bottom:0}.property-item-wrapper.full-width[data-v-349b9d4a]{width:100%;flex-basis:100%}.property-item-wrapper.half-width[data-v-349b9d4a]{width:calc(50% - 6px);flex-basis:calc(50% - 6px)}.property-item-wrapper.default-width[data-v-349b9d4a]{width:100%;flex-basis:100%}.property-item-wrapper .property-item[data-v-349b9d4a]{margin-bottom:0;width:100%}.barcode-component{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box}.barcode-component svg{width:100%!important;height:100%!important;max-width:100%;max-height:100%;display:block}.qrcode-component[data-v-6e726fcb]{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box}.qrcode-canvas-fixed[data-v-6e726fcb]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0;margin:0}.qrcode-image[data-v-6e726fcb]{display:block;width:100%!important;height:100%!important;padding:0;margin:0;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-crisp-edges;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;filter:none;-webkit-filter:none;object-fit:cover;object-position:center}.component-selection-overlay[data-v-6e726fcb]{position:absolute;border:2px dashed #1890ff;pointer-events:none;box-sizing:border-box;z-index:1000}.qrcode-property-panel[data-v-cce393d5]{display:flex;flex-direction:column;gap:12px}.property-item[data-v-cce393d5]{display:flex;flex-direction:column;gap:4px}.property-item label[data-v-cce393d5]{font-size:14px;color:#666}.property-item input[data-v-cce393d5],.property-item select[data-v-cce393d5]{padding:4px 8px;border:1px solid #ddd;border-radius:4px}.property-item input[type=color][data-v-cce393d5]{height:32px;padding:2px}.image-component[data-v-c34c1c4a]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background-color:#fafafa;pointer-events:auto}.image-placeholder[data-v-c34c1c4a]{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;font-size:12px;gap:8px;pointer-events:auto}.image-loading-overlay[data-v-c34c1c4a]{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.6);z-index:5;pointer-events:none}.image-content[data-v-c34c1c4a]{display:block;max-width:100%;max-height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-crisp-edges;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:auto}.component-selection-overlay[data-v-c34c1c4a]{position:absolute;border:2px dashed #1890ff;pointer-events:none;box-sizing:border-box;z-index:1000}.image-property-panel[data-v-462c8b63]{display:flex;flex-direction:column;gap:12px}.property-item[data-v-462c8b63]{display:flex;flex-direction:column;gap:4px}.property-item label[data-v-462c8b63]{font-size:14px;color:#666}.property-item input[data-v-462c8b63],.property-item select[data-v-462c8b63]{padding:4px 8px;border:1px solid #ddd;border-radius:4px}.property-item input[type=color][data-v-462c8b63]{height:32px;padding:2px}.rectangle-component{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:visible;box-sizing:border-box}.rectangle-content{width:100%;height:100%;box-sizing:border-box;position:relative}.hairline-edge{position:absolute;pointer-events:none}.component-selection-overlay{position:absolute;border:2px dashed #1890ff;pointer-events:none;box-sizing:border-box;z-index:1000}.rectangle-property-panel[data-v-e06ed44e]{display:flex;flex-direction:column;gap:12px}.horline-component{position:relative;display:flex;align-items:center;justify-content:center;overflow:visible;box-sizing:border-box}.line-selection-outline{position:absolute;left:0;top:0;border:2px dashed #1890ff;pointer-events:none;box-sizing:border-box;z-index:1000}.component-list[data-v-29028fa4]{background:#fff;display:flex;flex-direction:column;gap:20px}.component-group[data-v-29028fa4]{display:flex;flex-direction:column;gap:8px}.group-title[data-v-29028fa4]{font-size:14px;font-weight:600;color:#333;padding:8px 12px;border-left:4px solid var(--el-color-primary);background:linear-gradient(135deg,var(--el-color-primary-light-9) 0%,var(--el-color-primary-light-8) 100%);border-radius:0 6px 6px 0;margin-bottom:4px;box-shadow:0 1px 3px #0000001a}.group-content[data-v-29028fa4]{display:grid;grid-template-columns:1fr 1fr;grid-row-gap:8px;grid-column-gap:8px}.component-item[data-v-29028fa4]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 0;border:1px solid #ddd;border-radius:4px;cursor:grab;font-size:13px;color:#555;transition:all .2s ease;width:100%;height:70px;background:#fff;box-shadow:0 1px 3px #0000001a}.component-item[data-v-29028fa4]:hover{background-color:var(--el-color-primary-light-9);border-color:var(--el-color-primary);color:var(--el-color-primary);box-shadow:0 2px 8px #00000014}.component-item i[data-v-29028fa4]{font-size:24px;margin-bottom:8px;color:var(--el-color-primary)}.component-item span[data-v-29028fa4]{font-size:12px;text-align:center;color:#333}.component-item:hover i[data-v-29028fa4],.component-item:hover span[data-v-29028fa4]{color:var(--el-color-primary)!important}.ruler[data-v-3635eba4]{position:absolute;z-index:1}.ruler.horizontal[data-v-3635eba4]{left:20px;top:0;width:calc(100% - 40px);height:20px;border-bottom:none}.ruler.vertical[data-v-3635eba4]{top:20px;left:0;width:20px;height:calc(100% - 40px);border-right:none}.ruler-unit[data-v-3635eba4]{position:absolute}.ruler.horizontal .ruler-unit[data-v-3635eba4]{height:100%}.ruler.vertical .ruler-unit[data-v-3635eba4]{width:100%}.ruler-mark[data-v-3635eba4]{position:absolute;background:#999}.ruler.horizontal .ruler-mark[data-v-3635eba4]{bottom:0}.ruler.vertical .ruler-mark[data-v-3635eba4]{right:0}.ruler-text[data-v-3635eba4]{position:absolute;font-size:8px;color:#666;white-space:nowrap}.ruler.horizontal .ruler-text[data-v-3635eba4]{bottom:8px;transform:translate(-50%)}.ruler.vertical .ruler-text[data-v-3635eba4]{right:8px;transform:translateY(-50%) rotate(-90deg)}.add-btn[data-v-a4b90b63]{margin:10px 0}.tg-title[data-v-a4b90b63]{display:flex;align-items:center}.tg-title p[data-v-a4b90b63]{font-size:18px;font-weight:700}.tge-main[data-v-a4b90b63]{max-height:82vh;padding:0}.tge-text[data-v-a4b90b63]{font-size:14px;line-height:26px}.tge-content[data-v-a4b90b63]{display:flex;width:100%}.tge-block[data-v-a4b90b63]{display:flex;flex-direction:column;flex:1}.tge-title[data-v-a4b90b63]{padding:6px 0;font-size:14px;color:var(--el-color-primary)}.tge-img[data-v-a4b90b63]{width:100%;height:auto}.table-container[data-v-a4b90b63]{width:100%;border:1px dashed #ddd;border-radius:4px}.empty-placeholder[data-v-a4b90b63]{display:flex;align-items:center;justify-content:center;color:#999;padding:20px;border-radius:4px;min-height:80px}.graph-table[data-v-a4b90b63]{margin-top:10px}.tge-divider[data-v-a4b90b63]{width:1px;background:var(--el-border-color);margin:0 10px}.graph-table .el-table__header,.graph-table .el-table__body{width:100%!important}.graph-table .el-table__body{margin-bottom:10px!important}.graph-table .el-form-item__error{position:static!important;top:0!important}.graph-table .el-input-number{width:auto}.graph-table .el-input-number.is-without-controls .el-input__wrapper{padding-left:4px;padding-right:4px}button[data-v-e684cfd3]{display:flex;align-items:center;justify-content:center}.label-designer[data-v-e684cfd3]{display:flex;height:100%}.toolbar[data-v-e684cfd3]{width:200px;background:#fff;border-right:1px solid #e0e0e0;padding:16px;display:flex;flex-direction:column;gap:16px}.zoom-controls span[data-v-e684cfd3]{width:44px;text-align:center}.zoom-controls[data-v-e684cfd3]{display:flex;align-items:center;gap:8px;background:#f5f5f5;border-radius:4px;padding:4px 8px}.zoom-controls button[data-v-e684cfd3]{width:24px;height:24px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer}.zoom-controls button[data-v-e684cfd3]:disabled{opacity:.5;cursor:not-allowed}.center-container[data-v-e684cfd3]{display:flex;flex-direction:column;flex:1;overflow:hidden;height:100%}.center-toolbar[data-v-e684cfd3]{display:flex;align-items:center;justify-content:flex-end;padding:16px 16px 0;background:rgba(0,0,0,.05)}.canvas-container[data-v-e684cfd3]{width:100%;flex:1;padding:0 16px 16px;overflow:auto;background:rgba(0,0,0,.05);position:relative;display:flex;flex-direction:column}.canvas-wrapper[data-v-e684cfd3]{position:relative;transform-origin:0 0;overflow:visible;width:fit-content;height:fit-content;margin-top:20px;transition:all .2s ease;transform:translateZ(0);will-change:transform}.ruler-horizontal[data-v-e684cfd3]{position:absolute;left:0;top:0;right:0;height:24px;z-index:10;pointer-events:none}.ruler-vertical[data-v-e684cfd3]{position:absolute;left:0;top:0;bottom:0;width:24px;z-index:10;pointer-events:none}.canvas[data-v-e684cfd3]{position:relative;overflow:visible;z-index:1;position:absolute;left:21px;top:21px}.property-panel[data-v-e684cfd3]{width:260px;background:#fff;border-left:1px solid #ddd;padding:0 16px 16px;display:flex;flex-direction:column;gap:16px;position:relative;z-index:100;overflow-y:auto}.property-panel-title[data-v-e684cfd3]{position:sticky;top:0;left:0;right:0;background:#fff;z-index:100;display:flex;align-items:center;justify-content:flex-start;margin:10px 0 0}.position-controls[data-v-e684cfd3]{display:flex;flex-direction:column;gap:12px;padding:12px;background:#f5f5f5;border-radius:4px}.control-group[data-v-e684cfd3]{display:flex;align-items:center;justify-content:space-between;gap:4px}.control-group label[data-v-e684cfd3]{width:80px;font-size:14px;color:#666;text-align:end}.number-input[data-v-e684cfd3]{display:flex;align-items:center;gap:4px}.number-input input[data-v-e684cfd3]{width:90px;padding:4px;border:1px solid #ddd;border-radius:4px;text-align:center}.number-input button[data-v-e684cfd3]{width:24px;height:24px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer}.canvas-item[data-v-e684cfd3]{position:absolute;cursor:move;-webkit-user-select:none;user-select:none;z-index:10;transform:translateZ(0);will-change:transform;left:0;top:0}.resize-handle[data-v-e684cfd3]{position:absolute;width:6px;height:6px;background:#1890ff;border:1px solid #fff;box-shadow:0 0 3px #0000004d;cursor:pointer;z-index:1001;transition:all .2s ease;border-radius:1px;display:block!important;visibility:visible!important;opacity:1!important;transform:translateZ(0);will-change:transform;font-size:16px!important;line-height:1!important}.resize-handle[data-v-e684cfd3]:hover{background:#40a9ff;box-shadow:0 0 4px #0006}.resize-handle.top-left[data-v-e684cfd3]{top:-4px;left:-4px;background:#52c41a}.resize-handle.top-left[data-v-e684cfd3]:hover{background:#73d13d}.resize-handle.top-left[data-v-e684cfd3]:active{background:#389e0d}.resize-handle.top[data-v-e684cfd3]{top:-4px;left:50%;transform:translate(-50%)}.resize-handle.top[data-v-e684cfd3]:hover,.resize-handle.top[data-v-e684cfd3]:active{transform:translate(-50%)}.resize-handle.top-right[data-v-e684cfd3]{top:-4px;right:-4px;background:#52c41a}.resize-handle.top-right[data-v-e684cfd3]:hover{background:#73d13d}.resize-handle.top-right[data-v-e684cfd3]:active{background:#389e0d}.resize-handle.right[data-v-e684cfd3]{top:50%;right:-4px;transform:translateY(-50%)}.resize-handle.right[data-v-e684cfd3]:hover,.resize-handle.right[data-v-e684cfd3]:active{transform:translateY(-50%)}.resize-handle.bottom-right[data-v-e684cfd3]{bottom:-4px;right:-4px;background:#52c41a;z-index:1001}.resize-handle.bottom-right[data-v-e684cfd3]:hover{background:#73d13d}.resize-handle.bottom-right[data-v-e684cfd3]:active{background:#389e0d}.resize-handle.bottom[data-v-e684cfd3]{bottom:-4px;left:50%;transform:translate(-50%)}.resize-handle.bottom[data-v-e684cfd3]:hover,.resize-handle.bottom[data-v-e684cfd3]:active{transform:translate(-50%)}.resize-handle.bottom-left[data-v-e684cfd3]{bottom:-4px;left:-4px;background:#52c41a}.resize-handle.bottom-left[data-v-e684cfd3]:hover{background:#73d13d}.resize-handle.bottom-left[data-v-e684cfd3]:active{background:#389e0d}.resize-handle.left[data-v-e684cfd3]{top:50%;left:-4px;transform:translateY(-50%)}.resize-handle.left[data-v-e684cfd3]:hover,.resize-handle.left[data-v-e684cfd3]:active{transform:translateY(-50%)}.rotate-handle[data-v-e684cfd3]{position:absolute;top:-5px;left:50%;transform:translate(-50%);width:10px;height:10px;background:#1890ff;color:#fff;border-radius:50%;cursor:grab;z-index:1002;display:flex;align-items:center;justify-content:center}.size-label[data-v-e684cfd3]{display:flex;justify-content:center;flex-wrap:nowrap;white-space:nowrap;position:absolute;top:-14px;left:-4px;width:auto;min-width:70px;height:auto;background:rgba(255,34,34,.8);color:#fff;font-size:7px;border-radius:6px;z-index:20;line-height:1.2;box-shadow:0 2px 8px #00000014;pointer-events:none;padding:1px 8px 0}.delete-btn[data-v-e684cfd3]{position:absolute;top:-5px;right:-5px;width:10px;height:10px;background:#ff4d4f;color:#fff;border:none;border-radius:50%;cursor:pointer;z-index:1003;display:flex;align-items:center;justify-content:center}.drag-extend-lines[data-v-e684cfd3]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.drag-extend-line[data-v-e684cfd3]{position:absolute;pointer-events:none;z-index:998}.drag-extend-line.horizontal[data-v-e684cfd3]{width:100%;height:0;left:0;border-top:1px dashed rgb(177,179,184)}.drag-extend-line.vertical[data-v-e684cfd3]{width:0;height:100%;top:0;border-left:1px dashed rgb(177,179,184)}.drag-extend-line.rotated[data-v-e684cfd3]{position:absolute;border:1px dashed #1890ff;pointer-events:none;z-index:998}.alignment-guides[data-v-e684cfd3]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.alignment-guide[data-v-e684cfd3]{background-color:transparent;pointer-events:none;z-index:9999}.alignment-guide.horizontal[data-v-e684cfd3]{position:absolute;left:0;right:0;height:1px;background:linear-gradient(to right,#ff4d4f 0%,#ff4d4f 50%,transparent 50%,transparent 100%);background-size:6px 1px;background-repeat:repeat-x;transform:translateZ(0);will-change:auto}.alignment-guide.vertical[data-v-e684cfd3]{position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,#ff4d4f 0%,#ff4d4f 50%,transparent 50%,transparent 100%);background-size:1px 6px;background-repeat:repeat-y;transform:translateZ(0);will-change:auto}.number-input input[type=number][data-v-e684cfd3]::-webkit-inner-spin-button,.number-input input[type=number][data-v-e684cfd3]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.switch-input[data-v-e684cfd3]{display:flex;align-items:center}.switch-input input[type=checkbox][data-v-e684cfd3]{width:20px;height:20px;cursor:pointer;accent-color:#1890ff}.component-selected[data-v-e684cfd3],.component-current[data-v-e684cfd3]{outline:1px dashed #1890ff!important;outline-offset:0!important}.component-selected[data-v-e684cfd3],.component-current[data-v-e684cfd3]{box-sizing:border-box}.no-outline.component-selected[data-v-e684cfd3],.no-outline.component-current[data-v-e684cfd3]{outline:none!important}.component-config-missing[data-v-e684cfd3]{display:flex;align-items:center;justify-content:center;background:#fff3cd;border:1px dashed #ffc107;border-radius:4px;color:#856404;font-size:12px}.missing-config-tip[data-v-e684cfd3]{display:flex;align-items:center;gap:4px;padding:8px}.missing-config-tip .el-icon[data-v-e684cfd3]{font-size:14px;color:#ffc107}.template-designer[data-v-a48e3842]{overflow-y:hidden}.template-designer-border-top[data-v-a48e3842]{border-top:1px solid #e0e0e0}

package/dist/template-designer.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as te, openBlock as V, createElementBlock as N, createElementVNode as m, computed as b, ref as k, watch as FA, normalizeStyle as AA, toDisplayString as fe, createCommentVNode as tA, getCurrentInstance as Ze, inject as Xe, unref as I, getCurrentScope as Wu, onScopeDispose as Du, readonly as Ju, onMounted as Oe, nextTick as de, isRef as Ku, warn as Lu, provide as fs, mergeProps as Gu, renderSlot as sr, normalizeClass as _A, createVNode as W, Transition as hs, withCtx as j, withDirectives as GA, createTextVNode as Fe, vShow as gs, shallowReactive as Yu, createBlock as vA, resolveDynamicComponent as cr, Fragment as VA, withModifiers as SA, isVNode as Us, render as yi, onUnmounted as zu, resolveComponent as QA, renderList as Me, vModelSelect as ju, vModelText as Ye, vModelCheckbox as Xu, vModelDynamic as Pu, toRefs as _u, onBeforeUnmount as Ur, reactive as Ri, resolveDirective as qu, h as $u } from "vue";
+import { defineComponent as te, openBlock as V, createElementBlock as N, createElementVNode as m, computed as b, ref as k, watch as FA, normalizeStyle as AA, toDisplayString as fe, createCommentVNode as tA, getCurrentInstance as Ze, inject as Xe, unref as I, getCurrentScope as Wu, onScopeDispose as Du, readonly as Ju, onMounted as Oe, nextTick as de, isRef as Ku, warn as Lu, provide as fs, mergeProps as Gu, renderSlot as sr, normalizeClass as _A, createVNode as W, Transition as hs, withCtx as j, withDirectives as GA, createTextVNode as Fe, vShow as gs, shallowReactive as Yu, createBlock as vA, resolveDynamicComponent as cr, Fragment as VA, withModifiers as xA, isVNode as Us, render as yi, onUnmounted as zu, resolveComponent as QA, renderList as Me, vModelSelect as ju, vModelText as Ye, vModelCheckbox as Xu, vModelDynamic as Pu, toRefs as _u, onBeforeUnmount as Ur, reactive as Ri, resolveDirective as qu, h as $u } from "vue";
 /*! Element Plus Icons Vue v2.3.2 */
 var Ad = /* @__PURE__ */ te({
   name: "CircleCloseFilled",
@@ -1145,7 +1145,7 @@ const Os = [
   "info",
   "warning",
   "error"
-], xA = v0({
+], HA = v0({
   customClass: "",
   dangerouslyUseHTMLString: !1,
   duration: 3e3,
@@ -1164,23 +1164,23 @@ const Os = [
 }), b0 = pr({
   customClass: {
     type: String,
-    default: xA.customClass
+    default: HA.customClass
   },
   dangerouslyUseHTMLString: {
     type: Boolean,
-    default: xA.dangerouslyUseHTMLString
+    default: HA.dangerouslyUseHTMLString
   },
   duration: {
     type: Number,
-    default: xA.duration
+    default: HA.duration
   },
   icon: {
     type: E0,
-    default: xA.icon
+    default: HA.icon
   },
   id: {
     type: String,
-    default: xA.id
+    default: HA.id
   },
   message: {
     type: LA([
@@ -1188,40 +1188,40 @@ const Os = [
       Object,
       Function
     ]),
-    default: xA.message
+    default: HA.message
   },
   onClose: {
     type: LA(Function),
-    default: xA.onClose
+    default: HA.onClose
   },
   showClose: {
     type: Boolean,
-    default: xA.showClose
+    default: HA.showClose
   },
   type: {
     type: String,
     values: Os,
-    default: xA.type
+    default: HA.type
   },
   plain: {
     type: Boolean,
-    default: xA.plain
+    default: HA.plain
   },
   offset: {
     type: Number,
-    default: xA.offset
+    default: HA.offset
   },
   zIndex: {
     type: Number,
-    default: xA.zIndex
+    default: HA.zIndex
   },
   grouping: {
     type: Boolean,
-    default: xA.grouping
+    default: HA.grouping
   },
   repeatNum: {
     type: Number,
-    default: xA.repeatNum
+    default: HA.repeatNum
   }
 }), H0 = {
   destroy: () => !0
@@ -1329,7 +1329,7 @@ const Os = [
           T.showClose ? (V(), vA(I(Li), {
             key: 2,
             class: _A(I(o).e("closeBtn")),
-            onClick: SA(R, ["stop"])
+            onClick: xA(R, ["stop"])
           }, {
             default: j(() => [
               W(I(n))
@@ -1348,7 +1348,7 @@ var D0 = /* @__PURE__ */ Io(W0, [["__file", "message.vue"]]);
 let J0 = 1;
 const Ws = (e) => {
   const A = !e || gn(e) || Us(e) || hn(e) ? { message: e } : e, t = {
-    ...xA,
+    ...HA,
     ...A
   };
   if (!t.appendTo)
@@ -1548,7 +1548,7 @@ const yA = (e, A) => {
           GA(m("input", {
             type: "text",
             "onUpdate:modelValue": g[3] || (g[3] = (p) => c.value = p),
-            placeholder: "请输入图片地址或选择本地文件",
+            placeholder: "请选择图片",
             class: "file-url-input",
             onInput: d,
             disabled: ""
@@ -1592,7 +1592,7 @@ const yA = (e, A) => {
       ]);
     };
   }
-}, ca = /* @__PURE__ */ yA(Af, [["__scopeId", "data-v-a7fa57c5"]]);
+}, ca = /* @__PURE__ */ yA(Af, [["__scopeId", "data-v-205a1d6b"]]);
 const ef = { class: "property-layout-container" }, tf = {
   key: 0,
   class: "property-item-wrapper full-width"
@@ -6055,7 +6055,7 @@ const ow = { class: "qrcode-canvas-fixed" }, iw = ["src", "alt"], lw = 200, sw =
       var U;
       return V(), N("div", {
         class: "qrcode-component",
-        onDragstart: g[0] || (g[0] = SA(() => {
+        onDragstart: g[0] || (g[0] = xA(() => {
         }, ["prevent"])),
         style: AA(c.value)
       }, [
@@ -6245,9 +6245,7 @@ const Uw = {
           style: AA(h.value),
           onLoad: f,
           onError: B,
-          onDragstart: p[0] || (p[0] = SA(() => {
-          }, ["prevent"])),
-          onMousedown: p[1] || (p[1] = SA(() => {
+          onDragstart: p[0] || (p[0] = xA(() => {
           }, ["prevent"]))
         }, null, 44, pw)) : (V(), N("div", Uw, [
           W(v, {
@@ -6280,7 +6278,7 @@ const Uw = {
       ], 4);
     };
   }
-}, Fw = /* @__PURE__ */ yA(ww, [["__scopeId", "data-v-6edf2c8f"]]);
+}, Fw = /* @__PURE__ */ yA(ww, [["__scopeId", "data-v-c34c1c4a"]]);
 const Cw = {
   __name: "ImagePropertyPanel",
   props: {
@@ -7635,8 +7633,8 @@ function EF(e, A, t, r) {
       if (NA && Q.value)
         Q.value === "x" ? (["top-left", "bottom-left"].includes(l.value) ? X = Math.max(nA, q - fA) : X = Math.max(nA, q + fA), z = X / jA) : (["top-left", "top-right"].includes(l.value) ? z = Math.max(nA, rA - hA) : z = Math.max(nA, rA + hA), X = z * jA);
       else if (l.value === "top-left" ? (X = Math.max(nA, q - fA), z = Math.max(nA, rA - hA)) : l.value === "top-right" ? (X = Math.max(nA, q + fA), z = Math.max(nA, rA - hA)) : l.value === "bottom-right" ? (X = Math.max(nA, q + fA), z = Math.max(nA, rA + hA)) : l.value === "bottom-left" && (X = Math.max(nA, q - fA), z = Math.max(nA, rA + hA)), NA) {
-        const HA = X / z;
-        if (Math.abs(HA - jA) > 0.01) {
+        const bA = X / z;
+        if (Math.abs(bA - jA) > 0.01) {
           const E = Math.abs(X - q), F = Math.abs(z - rA);
           E > F ? z = X / jA : X = z * jA;
         }
@@ -7655,10 +7653,10 @@ function EF(e, A, t, r) {
     const ae = e.value || 0, ve = A.value || 0, na = ne, aa = ne + X, Tr = CA, oa = CA + z;
     let it = !1;
     if ((S !== 0 || na < -0.5 || aa > ae + 0.5 || Tr < -0.5 || oa > ve + 0.5) && (it = !0), it) {
-      const HA = C(ne, CA, X, z, S, ae, ve);
-      if (HA.isOutOfBounds) {
+      const bA = C(ne, CA, X, z, S, ae, ve);
+      if (bA.isOutOfBounds) {
         let F = 0, Z = 0;
-        HA.minX < -0.5 ? F = -HA.minX + 0.5 : HA.maxX > ae + 0.5 && (F = ae - HA.maxX + 0.5), HA.minY < -0.5 ? Z = -HA.minY + 0.5 : HA.maxY > ve + 0.5 && (Z = ve - HA.maxY + 0.5);
+        bA.minX < -0.5 ? F = -bA.minX + 0.5 : bA.maxX > ae + 0.5 && (F = ae - bA.maxX + 0.5), bA.minY < -0.5 ? Z = -bA.minY + 0.5 : bA.maxY > ve + 0.5 && (Z = ve - bA.maxY + 0.5);
         const $ = ne + F, K = CA + Z;
         if (!C($, K, X, z, S, ae, ve).isOutOfBounds)
           ne = $, CA = K;
@@ -8031,7 +8029,7 @@ function ZA(e, A, t, r) {
     s((r = r.apply(e, A || [])).next());
   });
 }
-function MA(e, A) {
+function SA(e, A) {
   var t = { label: 0, sent: function() {
     if (a[0] & 1)
       throw a[1];
@@ -8352,12 +8350,12 @@ var _F = "KwAAAAAAAAAACA4AUD0AADAgAAACAAAAAAAIABAAGABAAEgAUABYAGAAaABgAGgAYgBqAF
       return { done: !0, value: null };
     }
   };
-}, fC = 1, hC = 2, yr = 4, Rl = 8, Fn = 10, Vl = 47, nr = 92, gC = 9, UC = 32, zr = 34, zt = 61, pC = 35, QC = 36, wC = 37, jr = 39, Xr = 40, jt = 41, FC = 95, OA = 45, CC = 33, EC = 60, mC = 62, vC = 64, yC = 91, RC = 93, VC = 61, TC = 123, Pr = 63, IC = 125, Tl = 124, NC = 126, SC = 128, Il = 65533, Ra = 42, je = 43, MC = 44, bC = 58, HC = 59, hr = 46, xC = 0, ZC = 8, kC = 11, OC = 14, WC = 31, DC = 127, ue = -1, Jc = 48, Kc = 97, Lc = 101, JC = 102, KC = 117, LC = 122, Gc = 65, Yc = 69, zc = 70, GC = 85, YC = 90, bA = function(e) {
+}, fC = 1, hC = 2, yr = 4, Rl = 8, Fn = 10, Vl = 47, nr = 92, gC = 9, UC = 32, zr = 34, zt = 61, pC = 35, QC = 36, wC = 37, jr = 39, Xr = 40, jt = 41, FC = 95, OA = 45, CC = 33, EC = 60, mC = 62, vC = 64, yC = 91, RC = 93, VC = 61, TC = 123, Pr = 63, IC = 125, Tl = 124, NC = 126, SC = 128, Il = 65533, Ra = 42, je = 43, MC = 44, bC = 58, HC = 59, hr = 46, xC = 0, ZC = 8, kC = 11, OC = 14, WC = 31, DC = 127, ue = -1, Jc = 48, Kc = 97, Lc = 101, JC = 102, KC = 117, LC = 122, Gc = 65, Yc = 69, zc = 70, GC = 85, YC = 90, MA = function(e) {
   return e >= Jc && e <= 57;
 }, zC = function(e) {
   return e >= 55296 && e <= 57343;
 }, Bt = function(e) {
-  return bA(e) || e >= Gc && e <= zc || e >= Kc && e <= JC;
+  return MA(e) || e >= Gc && e <= zc || e >= Kc && e <= JC;
 }, jC = function(e) {
   return e >= Kc && e <= LC;
 }, XC = function(e) {
@@ -8371,7 +8369,7 @@ var _F = "KwAAAAAAAAAACA4AUD0AADAgAAACAAAAAAAIABAAGABAAEgAUABYAGAAaABgAGgAYgBqAF
 }, Cn = function(e) {
   return PC(e) || _C(e) || e === FC;
 }, Nl = function(e) {
-  return Cn(e) || bA(e) || e === OA;
+  return Cn(e) || MA(e) || e === OA;
 }, qC = function(e) {
   return e >= xC && e <= ZC || e === kC || e >= OC && e <= WC || e === DC;
 }, Ve = function(e, A) {
@@ -8379,21 +8377,21 @@ var _F = "KwAAAAAAAAAACA4AUD0AADAgAAACAAAAAAAIABAAGABAAEgAUABYAGAAaABgAGgAYgBqAF
 }, qr = function(e, A, t) {
   return e === OA ? Cn(A) || Ve(A, t) : Cn(e) ? !0 : !!(e === nr && Ve(e, A));
 }, Va = function(e, A, t) {
-  return e === je || e === OA ? bA(A) ? !0 : A === hr && bA(t) : bA(e === hr ? A : e);
+  return e === je || e === OA ? MA(A) ? !0 : A === hr && MA(t) : MA(e === hr ? A : e);
 }, $C = function(e) {
   var A = 0, t = 1;
   (e[A] === je || e[A] === OA) && (e[A] === OA && (t = -1), A++);
-  for (var r = []; bA(e[A]); )
+  for (var r = []; MA(e[A]); )
     r.push(e[A++]);
   var n = r.length ? parseInt(UA.apply(void 0, r), 10) : 0;
   e[A] === hr && A++;
-  for (var a = []; bA(e[A]); )
+  for (var a = []; MA(e[A]); )
     a.push(e[A++]);
   var o = a.length, i = o ? parseInt(UA.apply(void 0, a), 10) : 0;
   (e[A] === Yc || e[A] === Lc) && A++;
   var l = 1;
   (e[A] === je || e[A] === OA) && (e[A] === OA && (l = -1), A++);
-  for (var s = []; bA(e[A]); )
+  for (var s = []; MA(e[A]); )
     s.push(e[A++]);
   var c = s.length ? parseInt(UA.apply(void 0, s), 10) : 0;
   return t * (n + i * Math.pow(10, -o)) * Math.pow(10, l * c);
@@ -8575,7 +8573,7 @@ var _F = "KwAAAAAAAAAACA4AUD0AADAgAAACAAAAAAAIABAAGABAAEgAUABYAGAAaABgAGgAYgBqAF
         case ue:
           return uo;
       }
-      return _r(A) ? (this.consumeWhiteSpace(), pE) : bA(A) ? (this.reconsumeCodePoint(A), this.consumeNumericToken()) : Cn(A) ? (this.reconsumeCodePoint(A), this.consumeIdentLikeToken()) : { type: 6, value: UA(A) };
+      return _r(A) ? (this.consumeWhiteSpace(), pE) : MA(A) ? (this.reconsumeCodePoint(A), this.consumeNumericToken()) : Cn(A) ? (this.reconsumeCodePoint(A), this.consumeIdentLikeToken()) : { type: 6, value: UA(A) };
     }, e.prototype.consumeCodePoint = function() {
       var A = this._value.shift();
       return typeof A > "u" ? -1 : A;
@@ -8665,17 +8663,17 @@ var _F = "KwAAAAAAAAAACA4AUD0AADAgAAACAAAAAAAIABAAGABAAEgAUABYAGAAaABgAGgAYgBqAF
       } while (!0);
     }, e.prototype.consumeNumber = function() {
       var A = [], t = yr, r = this.peekCodePoint(0);
-      for ((r === je || r === OA) && A.push(this.consumeCodePoint()); bA(this.peekCodePoint(0)); )
+      for ((r === je || r === OA) && A.push(this.consumeCodePoint()); MA(this.peekCodePoint(0)); )
         A.push(this.consumeCodePoint());
       r = this.peekCodePoint(0);
       var n = this.peekCodePoint(1);
-      if (r === hr && bA(n))
-        for (A.push(this.consumeCodePoint(), this.consumeCodePoint()), t = Rl; bA(this.peekCodePoint(0)); )
+      if (r === hr && MA(n))
+        for (A.push(this.consumeCodePoint(), this.consumeCodePoint()), t = Rl; MA(this.peekCodePoint(0)); )
           A.push(this.consumeCodePoint());
       r = this.peekCodePoint(0), n = this.peekCodePoint(1);
       var a = this.peekCodePoint(2);
-      if ((r === Yc || r === Lc) && ((n === je || n === OA) && bA(a) || bA(n)))
-        for (A.push(this.consumeCodePoint(), this.consumeCodePoint()), t = Rl; bA(this.peekCodePoint(0)); )
+      if ((r === Yc || r === Lc) && ((n === je || n === OA) && MA(a) || MA(n)))
+        for (A.push(this.consumeCodePoint(), this.consumeCodePoint()), t = Rl; MA(this.peekCodePoint(0)); )
           A.push(this.consumeCodePoint());
       return [$C(A), t];
     }, e.prototype.consumeNumericToken = function() {
@@ -11446,7 +11444,7 @@ var wv = 1, Sa = 2, Ma = 3, Ll = 4, Gl = 5, Fv = 7, Yl = 8, ba = 9, Ha = 10, zl
       var a = A.defaultView.pageXOffset, o = A.defaultView.pageYOffset, i = n.contentWindow, l = i.document, s = cy(n).then(function() {
         return ZA(r, void 0, void 0, function() {
           var c, u;
-          return MA(this, function(d) {
+          return SA(this, function(d) {
             switch (d.label) {
               case 0:
                 return this.scrolledElements.forEach(fy), i && (i.scrollTo(t.left, t.top), /(iPad|iPhone|iPod)/g.test(navigator.userAgent) && (i.scrollY !== t.top || i.scrollX !== t.left) && (this.context.logger.warn("Unable to restore scroll position for cloned document"), this.context.windowBounds = this.context.windowBounds.add(i.scrollX - t.left, i.scrollY - t.top, 0, 0))), c = this.options.onclone, u = this.clonedReferenceElement, typeof u > "u" ? [2, Promise.reject("Error finding the " + this.referenceElement.nodeName + " in the cloned document")] : l.fonts && l.fonts.ready ? [4, l.fonts.ready] : [3, 2];
@@ -11714,7 +11712,7 @@ var iy = function(e, A) {
     }, e.prototype.loadImage = function(A) {
       return ZA(this, void 0, void 0, function() {
         var t, r, n, a, o = this;
-        return MA(this, function(i) {
+        return SA(this, function(i) {
           switch (i.label) {
             case 0:
               return t = Nu.isSameOrigin(A), r = !Wa(A) && this._options.useCORS === !0 && RA.SUPPORT_CORS_IMAGES && !t, n = !Wa(A) && !t && !Da(A) && typeof this._options.proxy == "string" && RA.SUPPORT_CORS_XHR && !r, !t && this._options.allowTaint === !1 && !Wa(A) && !Da(A) && !n && !r ? [
@@ -12217,7 +12215,7 @@ var dA = function(e, A, t, r, n) {
     }, A.prototype.renderStack = function(t) {
       return ZA(this, void 0, void 0, function() {
         var r;
-        return MA(this, function(n) {
+        return SA(this, function(n) {
           switch (n.label) {
             case 0:
               return r = t.element.container.styles, r.isVisible() ? [4, this.renderStackContent(t)] : [3, 2];
@@ -12233,7 +12231,7 @@ var dA = function(e, A, t, r, n) {
       });
     }, A.prototype.renderNode = function(t) {
       return ZA(this, void 0, void 0, function() {
-        return MA(this, function(r) {
+        return SA(this, function(r) {
           switch (r.label) {
             case 0:
               if (EA(
@@ -12277,7 +12275,7 @@ var dA = function(e, A, t, r, n) {
     }, A.prototype.renderTextNode = function(t, r) {
       return ZA(this, void 0, void 0, function() {
         var n, a, o, i, l, s, c, u, d = this;
-        return MA(this, function(h) {
+        return SA(this, function(h) {
           return n = this.createFontStyle(r), a = n[0], o = n[1], i = n[2], this.ctx.font = a, this.ctx.direction = r.direction === 1 ? "rtl" : "ltr", this.ctx.textAlign = "left", this.ctx.textBaseline = "alphabetic", l = this.fontMetrics.getMetrics(o, i), s = l.baseline, c = l.middle, u = r.paintOrder, t.textBounds.forEach(function(f) {
             u.forEach(function(B) {
               switch (B) {
@@ -12319,7 +12317,7 @@ var dA = function(e, A, t, r, n) {
     }, A.prototype.renderNodeContent = function(t) {
       return ZA(this, void 0, void 0, function() {
         var r, n, a, o, i, l, Q, Q, s, c, u, d, C, h, f, v, B, g, U, Q, p, C, v;
-        return MA(this, function(w) {
+        return SA(this, function(w) {
           switch (w.label) {
             case 0:
               this.applyEffects(t.getEffects(
@@ -12420,7 +12418,7 @@ var dA = function(e, A, t, r, n) {
     }, A.prototype.renderStackContent = function(t) {
       return ZA(this, void 0, void 0, function() {
         var r, n, U, a, o, U, i, l, U, s, c, U, u, d, U, h, f, U, B, g, U;
-        return MA(this, function(Q) {
+        return SA(this, function(Q) {
           switch (Q.label) {
             case 0:
               if (EA(
@@ -12519,12 +12517,12 @@ var dA = function(e, A, t, r, n) {
     }, A.prototype.renderBackgroundImage = function(t) {
       return ZA(this, void 0, void 0, function() {
         var r, n, a, o, i, l;
-        return MA(this, function(s) {
+        return SA(this, function(s) {
           switch (s.label) {
             case 0:
               r = t.styles.backgroundImage.length - 1, n = function(c) {
                 var u, d, h, O, G, q, S, P, M, f, O, G, q, S, P, B, g, U, Q, p, C, v, w, R, M, T, O, D, L, S, P, oA, G, q, rA, BA, cA, nA, X, z, IA, pA;
-                return MA(this, function(fA) {
+                return SA(this, function(fA) {
                   switch (fA.label) {
                     case 0:
                       if (c.type !== 0)
@@ -12576,7 +12574,7 @@ var dA = function(e, A, t, r, n) {
       });
     }, A.prototype.renderSolidBorder = function(t, r, n) {
       return ZA(this, void 0, void 0, function() {
-        return MA(this, function(a) {
+        return SA(this, function(a) {
           return this.path(ds(n, r)), this.ctx.fillStyle = mA(t), this.ctx.fill(), [
             2
             /*return*/
@@ -12586,7 +12584,7 @@ var dA = function(e, A, t, r, n) {
     }, A.prototype.renderDoubleBorder = function(t, r, n, a) {
       return ZA(this, void 0, void 0, function() {
         var o, i;
-        return MA(this, function(l) {
+        return SA(this, function(l) {
           switch (l.label) {
             case 0:
               return r < 3 ? [4, this.renderSolidBorder(t, n, a)] : [3, 2];
@@ -12606,7 +12604,7 @@ var dA = function(e, A, t, r, n) {
     }, A.prototype.renderNodeBackgroundAndBorders = function(t) {
       return ZA(this, void 0, void 0, function() {
         var r, n, a, o, i, l, s, c, u = this;
-        return MA(this, function(d) {
+        return SA(this, function(d) {
           switch (d.label) {
             case 0:
               return this.applyEffects(t.getEffects(
@@ -12671,7 +12669,7 @@ var dA = function(e, A, t, r, n) {
     }, A.prototype.renderDashedDottedBorder = function(t, r, n, a, o) {
       return ZA(this, void 0, void 0, function() {
         var i, l, s, c, u, d, h, f, B, g, U, Q, p, C, v, w, v, w;
-        return MA(this, function(R) {
+        return SA(this, function(R) {
           return this.ctx.save(), i = xy(a, n), l = ds(a, n), o === 2 && (this.path(l), this.ctx.clip()), qA(l[0]) ? (s = l[0].start.x, c = l[0].start.y) : (s = l[0].x, c = l[0].y), qA(l[1]) ? (u = l[1].end.x, d = l[1].end.y) : (u = l[1].x, d = l[1].y), n === 0 || n === 2 ? h = Math.abs(s - u) : h = Math.abs(c - d), this.ctx.beginPath(), o === 3 ? this.formatPath(i) : this.formatPath(l.slice(0, 2)), f = r < 3 ? r * 3 : r * 2, B = r < 3 ? r * 2 : r, o === 3 && (f = r, B = r), g = !0, h <= f * 2 ? g = !1 : h <= f * 2 + B ? (U = h / (2 * f + B), f *= U, B *= U) : (Q = Math.floor((h + B) / (f + B)), p = (h - Q * f) / (Q - 1), C = (h - (Q + 1) * f) / Q, B = C <= 0 || Math.abs(B - p) < Math.abs(B - C) ? p : C), g && (o === 3 ? this.ctx.setLineDash([0, f + B]) : this.ctx.setLineDash([f, B])), o === 3 ? (this.ctx.lineCap = "round", this.ctx.lineWidth = r) : this.ctx.lineWidth = r * 2 + 1.1, this.ctx.strokeStyle = mA(t), this.ctx.stroke(), this.ctx.setLineDash([]), o === 2 && (qA(l[0]) && (v = l[3], w = l[0], this.ctx.beginPath(), this.formatPath([new H(v.end.x, v.end.y), new H(w.start.x, w.start.y)]), this.ctx.stroke()), qA(l[1]) && (v = l[1], w = l[2], this.ctx.beginPath(), this.formatPath([new H(v.end.x, v.end.y), new H(w.start.x, w.start.y)]), this.ctx.stroke())), this.ctx.restore(), [
             2
             /*return*/
@@ -12681,7 +12679,7 @@ var dA = function(e, A, t, r, n) {
     }, A.prototype.render = function(t) {
       return ZA(this, void 0, void 0, function() {
         var r;
-        return MA(this, function(n) {
+        return SA(this, function(n) {
           switch (n.label) {
             case 0:
               return this.options.backgroundColor && (this.ctx.fillStyle = mA(this.options.backgroundColor), this.ctx.fillRect(this.options.x, this.options.y, this.options.width, this.options.height)), r = My(t), [4, this.renderStack(r)];
@@ -12729,7 +12727,7 @@ var dA = function(e, A, t, r, n) {
     return A.prototype.render = function(t) {
       return ZA(this, void 0, void 0, function() {
         var r, n;
-        return MA(this, function(a) {
+        return SA(this, function(a) {
           switch (a.label) {
             case 0:
               return r = go(this.options.width * this.options.scale, this.options.height * this.options.scale, this.options.scale, this.options.scale, t), [4, _y(r)];
@@ -12790,7 +12788,7 @@ typeof window < "u" && Nu.setContext(window);
 var eR = function(e, A) {
   return ZA(void 0, void 0, void 0, function() {
     var t, r, n, a, o, i, l, s, c, u, d, h, f, B, g, U, Q, p, C, v, R, w, R, M, T, O, D, L, S, P, oA, G, q, rA, BA, cA, nA, X, z, IA;
-    return MA(this, function(pA) {
+    return SA(this, function(pA) {
       switch (pA.label) {
         case 0:
           if (!e || typeof e != "object")
@@ -13272,7 +13270,7 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
           F(Y);
         });
       });
-    }), HA = () => new Promise((E, F) => {
+    }), bA = () => new Promise((E, F) => {
       a.value.forEach(($) => {
         if ($.type === "image" && !$.props.ImageSrc)
           return dr.warning("图片控件请选择图片！"), F("图片控件请选择图片！");
@@ -13280,13 +13278,13 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
     });
     return A({
       // 获取JSON数据
-      getJson: () => HA().then(() => Tr()),
+      getJson: () => bA().then(() => Tr()),
       // 清空画布
       clear: () => {
         a.value = [], Q();
       },
       // 生成快照
-      snapshot: () => HA().then(() => Ci())
+      snapshot: () => bA().then(() => Ci())
     }), (E, F) => {
       var Y;
       const Z = QA("el-icon-refresh-left"), $ = QA("el-icon"), K = QA("el-icon-close"), J = QA("el-switch");
@@ -13343,7 +13341,7 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
                 class: "canvas",
                 style: AA(`width: ${l.value}mm; height: ${s.value}mm;`),
                 onDrop: pA,
-                onDragover: F[1] || (F[1] = SA(() => {
+                onDragover: F[1] || (F[1] = xA(() => {
                 }, ["prevent"])),
                 onPointerdown: fA
               }, [
@@ -13392,8 +13390,8 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
                     class: _A(["canvas-item", BA(y)]),
                     style: AA(rA(y)),
                     "data-item-id": y.id,
-                    onMousedown: SA((_) => hA(_, y), ["stop"]),
-                    onClick: SA((_) => I(g)(y), ["stop"])
+                    onMousedown: xA((_) => hA(_, y), ["stop"]),
+                    onClick: xA((_) => I(g)(y), ["stop"])
                   }, [
                     I(U)() === y ? (V(), N(VA, { key: 0 }, [
                       y.props.lockAspectRatio ? tA("", !0) : (V(), N(VA, { key: 0 }, [
@@ -13401,43 +13399,43 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
                           key: 0,
                           class: "resize-handle right",
                           style: AA(cA(y, "right")),
-                          onMousedown: SA((_) => I(O)(_, y, "right"), ["stop"])
+                          onMousedown: xA((_) => I(O)(_, y, "right"), ["stop"])
                         }, null, 44, gR)) : tA("", !0),
                         y.type !== "horline" ? (V(), N("div", {
                           key: 1,
                           class: "resize-handle bottom",
                           style: AA(cA(y, "bottom")),
-                          onMousedown: SA((_) => I(O)(_, y, "bottom"), ["stop"])
+                          onMousedown: xA((_) => I(O)(_, y, "bottom"), ["stop"])
                         }, null, 44, UR)) : tA("", !0),
                         y.type !== "verline" ? (V(), N("div", {
                           key: 2,
                           class: "resize-handle left",
                           style: AA(cA(y, "left")),
-                          onMousedown: SA((_) => I(O)(_, y, "left"), ["stop"])
+                          onMousedown: xA((_) => I(O)(_, y, "left"), ["stop"])
                         }, null, 44, pR)) : tA("", !0)
                       ], 64)),
                       y.type !== "horline" && y.type !== "verline" ? (V(), N("div", {
                         key: 1,
                         class: "resize-handle top-left",
                         style: AA(cA(y, "top-left")),
-                        onMousedown: SA((_) => I(O)(_, y, "top-left"), ["stop"])
+                        onMousedown: xA((_) => I(O)(_, y, "top-left"), ["stop"])
                       }, null, 44, QR)) : tA("", !0),
                       y.type !== "horline" && y.type !== "verline" ? (V(), N("div", {
                         key: 2,
                         class: "resize-handle bottom-right",
                         style: AA(cA(y, "bottom-right")),
-                        onMousedown: SA((_) => I(O)(_, y, "bottom-right"), ["stop"])
+                        onMousedown: xA((_) => I(O)(_, y, "bottom-right"), ["stop"])
                       }, null, 44, wR)) : tA("", !0),
                       y.type !== "horline" && y.type !== "verline" ? (V(), N("div", {
                         key: 3,
                         class: "resize-handle bottom-left",
                         style: AA(cA(y, "bottom-left")),
-                        onMousedown: SA((_) => I(O)(_, y, "bottom-left"), ["stop"])
+                        onMousedown: xA((_) => I(O)(_, y, "bottom-left"), ["stop"])
                       }, null, 44, FR)) : tA("", !0),
                       y.type !== "verline" ? (V(), N("div", {
                         key: 4,
                         class: "rotate-handle",
-                        onMousedown: SA((_) => I(D)(_, y), ["stop"])
+                        onMousedown: xA((_) => I(D)(_, y), ["stop"])
                       }, [
                         W($, { size: "6" }, {
                           default: j(() => [
@@ -13448,9 +13446,9 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
                       ], 40, CR)) : tA("", !0),
                       m("div", {
                         class: "delete-btn",
-                        onMousedown: F[0] || (F[0] = SA(() => {
+                        onMousedown: F[0] || (F[0] = xA(() => {
                         }, ["stop"])),
-                        onClick: SA((_) => NA(y.id), ["stop"]),
+                        onClick: xA((_) => NA(y.id), ["stop"]),
                         title: "删除"
                       }, [
                         W($, { size: "6" }, {