template-designer 0.0.6 → 0.1.0

package/dist/{lodop-d044d1cc.mjs → lodop-fe7a9414.mjs}

@@ -319,6 +319,105 @@ const e = {
         default: "transparent"
       }
     ]
+  },
+  image: {
+    width: 12,
+    height: 12,
+    rotation: 0,
+    lockAspectRatio: !1,
+    propertyPanel: [
+      { prop: "ImageSrc", label: "图片地址", type: "file", accept: "image/*", default: "" },
+      {
+        prop: "ScaleMode",
+        label: "图片缩放",
+        type: "select",
+        options: [
+          { label: "原始尺寸", value: 1 },
+          { label: "居中裁剪", value: 2 },
+          { label: "填充", value: 3 }
+        ],
+        default: 1
+      }
+    ]
+  },
+  rectangle: {
+    width: 15,
+    height: 10,
+    rotation: 0,
+    lockAspectRatio: !1,
+    propertyPanel: [
+      {
+        prop: "LineWidth",
+        type: "select",
+        label: "线宽",
+        default: "0.75pt",
+        options: [
+          { label: "0.75pt", value: "0.75pt" },
+          { label: "1.5pt", value: "1.5pt" },
+          { label: "2.25pt", value: "2.25pt" },
+          { label: "3pt", value: "3pt" },
+          { label: "3.75pt", value: "3.75pt" },
+          { label: "4.5pt", value: "4.5pt" },
+          { label: "5.25pt", value: "5.25pt" },
+          { label: "6pt", value: "6pt" },
+          { label: "6.75pt", value: "6.75pt" }
+        ]
+      },
+      {
+        prop: "LineStyle",
+        type: "select",
+        label: "样式",
+        default: "实线",
+        options: [
+          { label: "实线", value: "实线" },
+          { label: "虚线", value: "虚线" }
+        ]
+      },
+      {
+        prop: "BorderRadius",
+        type: "number",
+        label: "圆角",
+        default: 0,
+        min: 0,
+        step: 1
+      }
+    ]
+  },
+  horline: {
+    width: 15,
+    height: 0.75,
+    // 等于默认线宽值
+    rotation: 0,
+    lockAspectRatio: !1,
+    propertyPanel: [
+      {
+        prop: "LineWidth",
+        type: "select",
+        label: "线宽",
+        default: "0.75pt",
+        options: [
+          { label: "0.75pt", value: "0.75pt" },
+          { label: "1.5pt", value: "1.5pt" },
+          { label: "2.25pt", value: "2.25pt" },
+          { label: "3pt", value: "3pt" },
+          { label: "3.75pt", value: "3.75pt" },
+          { label: "4.5pt", value: "4.5pt" },
+          { label: "5.25pt", value: "5.25pt" },
+          { label: "6pt", value: "6pt" },
+          { label: "6.75pt", value: "6.75pt" }
+        ]
+      },
+      {
+        prop: "LineStyle",
+        type: "select",
+        label: "样式",
+        default: "实线",
+        options: [
+          { label: "实线", value: "实线" },
+          { label: "虚线", value: "虚线" }
+        ]
+      }
+    ]
   }
 };
 export {

package/dist/style.css

@@ -1 +1 @@
-.td-text-component{width:"100%";height:"100%";display:"flex";align-items:"center";overflow:"hidden";box-sizing:"border-box"}.td-text-content{width:100%;min-width:0;box-sizing:border-box}.barcode-component[data-v-b5d21d40]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.barcode-component svg[data-v-b5d21d40]{width:100%;height:100%;display:block}.qrcode-canvas-fixed[data-v-de55e106]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0;margin:0}.qrcode-image[data-v-de55e106]{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}.label[data-v-fa7db902]{display:flex;align-items:center;justify-content:flex-start}.property-item[data-v-fa7db902]{display:flex;flex-direction:column;gap:4px}.property-item label[data-v-fa7db902]{font-size:14px;color:#666}.property-item input[data-v-fa7db902],.property-item select[data-v-fa7db902]{padding:4px 8px;border:1px solid #ddd;border-radius:4px}.property-item input[type=color][data-v-fa7db902]{height:32px;padding:2px}.property-item input[type=checkbox][data-v-fa7db902]{width:16px;height:16px}.base-property-panel[data-v-e94b9971],.barcode-property-panel[data-v-e94b9971],.qrcode-property-panel[data-v-e94b9971],.text-property-panel[data-v-e94b9971]{display:flex;flex-direction:column;gap:12px}.property-item[data-v-e94b9971]{display:flex;flex-direction:column;gap:4px}.property-item label[data-v-e94b9971]{font-size:14px;color:#666}.property-item input[data-v-e94b9971],.property-item select[data-v-e94b9971]{padding:4px 8px;border:1px solid #ddd;border-radius:4px}.property-item input[type=color][data-v-e94b9971]{height:32px;padding:2px}.property-item input[type=checkbox][data-v-e94b9971]{width:16px;height:16px}.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}.component-list[data-v-4306b9ce]{background:#fff;display:grid;grid-template-columns:1fr 1fr;grid-row-gap:10px;grid-column-gap:10px}.component-item[data-v-4306b9ce]{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:80px;background:#fff;box-shadow:0 1px 3px #0000001a}.component-item[data-v-4306b9ce]: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-4306b9ce]{font-size:24px;margin-bottom:8px;color:var(--el-color-primary)}.component-item span[data-v-4306b9ce]{font-size:12px;text-align:center;color:#333}.component-item:hover i[data-v-4306b9ce],.component-item:hover span[data-v-4306b9ce]{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-5f37700e]{display:flex;align-items:center;justify-content:center}.label-designer[data-v-5f37700e]{display:flex;height:100%}.toolbar[data-v-5f37700e]{width:200px;background:#fff;border-right:1px solid #e0e0e0;padding:16px;display:flex;flex-direction:column;gap:16px}.zoom-controls span[data-v-5f37700e]{width:44px;text-align:center}.zoom-controls[data-v-5f37700e]{display:flex;align-items:center;gap:8px;background:#f5f5f5;border-radius:4px;padding:4px 8px}.zoom-controls button[data-v-5f37700e]{width:24px;height:24px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer}.zoom-controls button[data-v-5f37700e]:disabled{opacity:.5;cursor:not-allowed}.center-container[data-v-5f37700e]{display:flex;flex-direction:column;flex:1;overflow:hidden;height:100%}.center-toolbar[data-v-5f37700e]{display:flex;align-items:center;justify-content:flex-end;padding:16px 16px 0;background:rgba(0,0,0,.05)}.canvas-container[data-v-5f37700e]{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-5f37700e]{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-5f37700e]{position:absolute;left:0;top:0;right:0;height:24px;z-index:10;pointer-events:none}.ruler-vertical[data-v-5f37700e]{position:absolute;left:0;top:0;bottom:0;width:24px;z-index:10;pointer-events:none}.canvas[data-v-5f37700e]{position:relative;overflow:hidden;z-index:1;position:absolute;left:21px;top:21px}.property-panel[data-v-5f37700e]{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-5f37700e]{position:sticky;top:0;left:0;right:0;background:#fff;z-index:100;display:flex;align-items:center;justify-content:flex-start;margin:0}.position-controls[data-v-5f37700e]{display:flex;flex-direction:column;gap:12px;padding:12px;background:#f5f5f5;border-radius:4px}.control-group[data-v-5f37700e]{display:flex;align-items:center;justify-content:space-between;gap:4px}.control-group label[data-v-5f37700e]{width:80px;font-size:14px;color:#666;text-align:end}.number-input[data-v-5f37700e]{display:flex;align-items:center;gap:4px}.number-input input[data-v-5f37700e]{width:90px;padding:4px;border:1px solid #ddd;border-radius:4px;text-align:center}.number-input button[data-v-5f37700e]{width:24px;height:24px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer}.canvas-item[data-v-5f37700e]{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-5f37700e]{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}.resize-handle[data-v-5f37700e]:hover{background:#40a9ff;transform:scale(1.2);box-shadow:0 0 4px #0006}.resize-handle.top-left[data-v-5f37700e]{top:-4px;left:-4px;background:#52c41a}.resize-handle.top-left[data-v-5f37700e]:hover{background:#73d13d}.resize-handle.top-left[data-v-5f37700e]:active{background:#389e0d;transform:scale(1.1)}.resize-handle.top[data-v-5f37700e]{top:-4px;left:50%;transform:translate(-50%)}.resize-handle.top[data-v-5f37700e]:hover,.resize-handle.top[data-v-5f37700e]:active{transform:translate(-50%) scale(1.1)}.resize-handle.top-right[data-v-5f37700e]{top:-4px;right:-4px;background:#52c41a}.resize-handle.top-right[data-v-5f37700e]:hover{background:#73d13d}.resize-handle.top-right[data-v-5f37700e]:active{background:#389e0d;transform:scale(1.1)}.resize-handle.right[data-v-5f37700e]{top:50%;right:-4px;transform:translateY(-50%)}.resize-handle.right[data-v-5f37700e]:hover,.resize-handle.right[data-v-5f37700e]:active{transform:translateY(-50%) scale(1.1)}.resize-handle.bottom-right[data-v-5f37700e]{bottom:-4px;right:-4px;background:#52c41a;z-index:1001}.resize-handle.bottom-right[data-v-5f37700e]:hover{background:#73d13d}.resize-handle.bottom-right[data-v-5f37700e]:active{background:#389e0d;transform:scale(1.1)}.resize-handle.bottom[data-v-5f37700e]{bottom:-4px;left:50%;transform:translate(-50%)}.resize-handle.bottom[data-v-5f37700e]:hover,.resize-handle.bottom[data-v-5f37700e]:active{transform:translate(-50%) scale(1.1)}.resize-handle.bottom-left[data-v-5f37700e]{bottom:-4px;left:-4px;background:#52c41a}.resize-handle.bottom-left[data-v-5f37700e]:hover{background:#73d13d}.resize-handle.bottom-left[data-v-5f37700e]:active{background:#389e0d;transform:scale(1.1)}.resize-handle.left[data-v-5f37700e]{top:50%;left:-4px;transform:translateY(-50%)}.resize-handle.left[data-v-5f37700e]:hover,.resize-handle.left[data-v-5f37700e]:active{transform:translateY(-50%) scale(1.1)}.rotate-handle[data-v-5f37700e]{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-5f37700e]{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-5f37700e]{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-5f37700e]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.drag-extend-line[data-v-5f37700e]{position:absolute;pointer-events:none;z-index:998}.drag-extend-line.horizontal[data-v-5f37700e]{width:100%;height:0;left:0;border-top:1px dashed rgb(177,179,184)}.drag-extend-line.vertical[data-v-5f37700e]{width:0;height:100%;top:0;border-left:1px dashed rgb(177,179,184)}.drag-extend-line.rotated[data-v-5f37700e]{position:absolute;border:1px dashed #1890ff;pointer-events:none;z-index:998}.number-input input[type=number][data-v-5f37700e]::-webkit-inner-spin-button,.number-input input[type=number][data-v-5f37700e]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.switch-input[data-v-5f37700e]{display:flex;align-items:center}.switch-input input[type=checkbox][data-v-5f37700e]{width:20px;height:20px;cursor:pointer;accent-color:#1890ff}.component-selected[data-v-5f37700e]{outline:1px dashed rgba(24,144,255,.8)!important;outline-offset:0px!important}.component-current[data-v-5f37700e]{outline:1px dashed #1890ff!important;outline-offset:0px!important}.component-selected[data-v-5f37700e],.component-current[data-v-5f37700e]{box-sizing:border-box}.template-designer[data-v-9a302bda]{overflow-y:hidden}.template-designer-border-top[data-v-9a302bda]{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-3290b48a]{display:flex;align-items:center;justify-content:flex-start}.property-item[data-v-3290b48a]{display:flex;flex-direction:column;gap:4px}.property-item label[data-v-3290b48a]{font-size:14px;color:#666}.property-item input[data-v-3290b48a],.property-item select[data-v-3290b48a]{padding:4px 8px;border:1px solid #ddd;border-radius:4px}.property-item input[type=color][data-v-3290b48a]{height:32px;padding:2px}.property-item input[type=checkbox][data-v-3290b48a]{width:16px;height:16px}.file-input-container[data-v-3290b48a]{position:relative;display:flex;align-items:center;gap:8px}.file-input-container input[data-v-3290b48a]{height:100%!important}.file-url-input[data-v-3290b48a]{flex:1;padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:12px}.file-input[data-v-3290b48a]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.file-select-btn[data-v-3290b48a]{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}.file-select-btn[data-v-3290b48a]:hover{background:var(--el-color-primary-dark-2);border-color:var(--el-color-primary-dark-2)}.file-info[data-v-3290b48a]{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-3290b48a]{font-size:12px;color:#666;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clear-btn[data-v-3290b48a]{background:none;border:none;color:#ff4d4f;cursor:pointer;font-size:12px;padding:2px 6px;border-radius:2px}.clear-btn[data-v-3290b48a]:hover{background-color:#fff2f0}.property-panel[data-v-aed193a8]{padding:16px;background:#fff;border-left:1px solid #e4e7ed;overflow-y:auto;height:100%}.property-group[data-v-aed193a8]{margin-bottom:16px}.property-group-title[data-v-aed193a8]{font-size:14px;font-weight:500;color:#303133;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid #ebeef5}.property-item[data-v-aed193a8]{margin-bottom:12px}.text-property-panel .property-item[data-v-aed193a8]:last-child,.barcode-property-panel .property-item[data-v-aed193a8]:last-child,.qrcode-property-panel .property-item[data-v-aed193a8]:last-child,.image-property-panel .property-item[data-v-aed193a8]:last-child,.rectangle-property-panel .property-item[data-v-aed193a8]:last-child,.horline-property-panel .property-item[data-v-aed193a8]:last-child,.verline-property-panel .property-item[data-v-aed193a8]:last-child{margin-bottom:0}.barcode-component{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box}.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-520d1f6a]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background-color:#fafafa}.image-placeholder[data-v-520d1f6a]{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;font-size:12px;gap:8px}.image-content[data-v-520d1f6a]{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-520d1f6a]{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:hidden;box-sizing:border-box}.rectangle-content{width:100%;height:100%;box-sizing:border-box}.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-890c563f]{background:#fff;display:flex;flex-direction:column;gap:20px}.component-group[data-v-890c563f]{display:flex;flex-direction:column;gap:8px}.group-title[data-v-890c563f]{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-890c563f]{display:grid;grid-template-columns:1fr 1fr;grid-row-gap:8px;grid-column-gap:8px}.component-item[data-v-890c563f]{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-890c563f]: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-890c563f]{font-size:24px;margin-bottom:8px;color:var(--el-color-primary)}.component-item span[data-v-890c563f]{font-size:12px;text-align:center;color:#333}.component-item:hover i[data-v-890c563f],.component-item:hover span[data-v-890c563f]{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-281c6404]{display:flex;align-items:center;justify-content:center}.label-designer[data-v-281c6404]{display:flex;height:100%}.toolbar[data-v-281c6404]{width:200px;background:#fff;border-right:1px solid #e0e0e0;padding:16px;display:flex;flex-direction:column;gap:16px}.zoom-controls span[data-v-281c6404]{width:44px;text-align:center}.zoom-controls[data-v-281c6404]{display:flex;align-items:center;gap:8px;background:#f5f5f5;border-radius:4px;padding:4px 8px}.zoom-controls button[data-v-281c6404]{width:24px;height:24px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer}.zoom-controls button[data-v-281c6404]:disabled{opacity:.5;cursor:not-allowed}.center-container[data-v-281c6404]{display:flex;flex-direction:column;flex:1;overflow:hidden;height:100%}.center-toolbar[data-v-281c6404]{display:flex;align-items:center;justify-content:flex-end;padding:16px 16px 0;background:rgba(0,0,0,.05)}.canvas-container[data-v-281c6404]{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-281c6404]{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-281c6404]{position:absolute;left:0;top:0;right:0;height:24px;z-index:10;pointer-events:none}.ruler-vertical[data-v-281c6404]{position:absolute;left:0;top:0;bottom:0;width:24px;z-index:10;pointer-events:none}.canvas[data-v-281c6404]{position:relative;overflow:hidden;z-index:1;position:absolute;left:21px;top:21px}.property-panel[data-v-281c6404]{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-281c6404]{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-281c6404]{display:flex;flex-direction:column;gap:12px;padding:12px;background:#f5f5f5;border-radius:4px}.control-group[data-v-281c6404]{display:flex;align-items:center;justify-content:space-between;gap:4px}.control-group label[data-v-281c6404]{width:80px;font-size:14px;color:#666;text-align:end}.number-input[data-v-281c6404]{display:flex;align-items:center;gap:4px}.number-input input[data-v-281c6404]{width:90px;padding:4px;border:1px solid #ddd;border-radius:4px;text-align:center}.number-input button[data-v-281c6404]{width:24px;height:24px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer}.canvas-item[data-v-281c6404]{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-281c6404]{position:absolute;width:4px;height:4px;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}.resize-handle[data-v-281c6404]:hover{background:#40a9ff;transform:scale(1.2);box-shadow:0 0 4px #0006}.resize-handle.top-left[data-v-281c6404]{top:-4px;left:-4px;background:#52c41a}.resize-handle.top-left[data-v-281c6404]:hover{background:#73d13d}.resize-handle.top-left[data-v-281c6404]:active{background:#389e0d;transform:scale(1.1)}.resize-handle.top[data-v-281c6404]{top:-4px;left:50%;transform:translate(-50%)}.resize-handle.top[data-v-281c6404]:hover,.resize-handle.top[data-v-281c6404]:active{transform:translate(-50%) scale(1.1)}.resize-handle.top-right[data-v-281c6404]{top:-4px;right:-4px;background:#52c41a}.resize-handle.top-right[data-v-281c6404]:hover{background:#73d13d}.resize-handle.top-right[data-v-281c6404]:active{background:#389e0d;transform:scale(1.1)}.resize-handle.right[data-v-281c6404]{top:50%;right:-4px;transform:translateY(-50%)}.resize-handle.right[data-v-281c6404]:hover,.resize-handle.right[data-v-281c6404]:active{transform:translateY(-50%) scale(1.1)}.resize-handle.bottom-right[data-v-281c6404]{bottom:-4px;right:-4px;background:#52c41a;z-index:1001}.resize-handle.bottom-right[data-v-281c6404]:hover{background:#73d13d}.resize-handle.bottom-right[data-v-281c6404]:active{background:#389e0d;transform:scale(1.1)}.resize-handle.bottom[data-v-281c6404]{bottom:-4px;left:50%;transform:translate(-50%)}.resize-handle.bottom[data-v-281c6404]:hover,.resize-handle.bottom[data-v-281c6404]:active{transform:translate(-50%) scale(1.1)}.resize-handle.bottom-left[data-v-281c6404]{bottom:-4px;left:-4px;background:#52c41a}.resize-handle.bottom-left[data-v-281c6404]:hover{background:#73d13d}.resize-handle.bottom-left[data-v-281c6404]:active{background:#389e0d;transform:scale(1.1)}.resize-handle.left[data-v-281c6404]{top:50%;left:-4px;transform:translateY(-50%)}.resize-handle.left[data-v-281c6404]:hover,.resize-handle.left[data-v-281c6404]:active{transform:translateY(-50%) scale(1.1)}.rotate-handle[data-v-281c6404]{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-281c6404]{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-281c6404]{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-281c6404]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.drag-extend-line[data-v-281c6404]{position:absolute;pointer-events:none;z-index:998}.drag-extend-line.horizontal[data-v-281c6404]{width:100%;height:0;left:0;border-top:1px dashed rgb(177,179,184)}.drag-extend-line.vertical[data-v-281c6404]{width:0;height:100%;top:0;border-left:1px dashed rgb(177,179,184)}.drag-extend-line.rotated[data-v-281c6404]{position:absolute;border:1px dashed #1890ff;pointer-events:none;z-index:998}.number-input input[type=number][data-v-281c6404]::-webkit-inner-spin-button,.number-input input[type=number][data-v-281c6404]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.switch-input[data-v-281c6404]{display:flex;align-items:center}.switch-input input[type=checkbox][data-v-281c6404]{width:20px;height:20px;cursor:pointer;accent-color:#1890ff}.component-selected[data-v-281c6404],.component-current[data-v-281c6404]{outline:1px dashed #1890ff!important;outline-offset:0!important}.component-selected[data-v-281c6404],.component-current[data-v-281c6404]{box-sizing:border-box}.no-outline.component-selected[data-v-281c6404],.no-outline.component-current[data-v-281c6404]{outline:none!important}.template-designer[data-v-9a302bda]{overflow-y:hidden}.template-designer-border-top[data-v-9a302bda]{border-top:1px solid #e0e0e0}