@worm-vue3-print/core 1.3.7 → 1.3.8

package/dist/designer/index.cjs

@@ -1,5 +1,5 @@
 /*!
- * @worm-vue3-print/core v1.3.7
+ * @worm-vue3-print/core v1.3.8
  * Copyright (c) 2026 worm <liu_long_qqcom@qq.com>
  * SPDX-FileCopyrightText: 2026 worm <liu_long_qqcom@qq.com>
  * SPDX-License-Identifier: MIT
@@ -31,6 +31,13 @@ __export(designer_exports, {
   BARCODE_MODULE_WIDTH_MM: () => BARCODE_MODULE_WIDTH_MM,
   BARCODE_QUIET_ZONE_MODULES: () => BARCODE_QUIET_ZONE_MODULES,
   BARCODE_TEXT_FONT_SIZE_MODULES: () => BARCODE_TEXT_FONT_SIZE_MODULES,
+  CROP_AXIS_OPTIONS: () => CROP_AXIS_OPTIONS,
+  CROP_GRID_OPTIONS: () => CROP_GRID_OPTIONS,
+  CROP_SAMPLE_IMAGE: () => CROP_SAMPLE_IMAGE,
+  CROP_SAMPLE_NOTE: () => CROP_SAMPLE_NOTE,
+  CROP_SCALE_LABEL: () => CROP_SCALE_LABEL,
+  CROP_SCALE_MAX: () => CROP_SCALE_MAX,
+  CROP_SCALE_MIN: () => CROP_SCALE_MIN,
   DEFAULT_DEMO_DATA: () => DEFAULT_DEMO_DATA,
   DEFAULT_SHRINK_MIN_FONT_SIZE_PT: () => DEFAULT_SHRINK_MIN_FONT_SIZE_PT,
   ELEMENT_BINDING_REGISTRY: () => ELEMENT_BINDING_REGISTRY,
@@ -38,6 +45,7 @@ __export(designer_exports, {
   EXTENDED_FUNCTIONS: () => EXTENDED_FUNCTIONS,
   FIT_SCALE_MIN_PERCENT: () => FIT_SCALE_MIN_PERCENT,
   GHOST_BORDER_CSS: () => GHOST_BORDER_CSS,
+  IMAGE_FIT_OPTIONS: () => IMAGE_FIT_OPTIONS,
   LABEL_PAPER_GROUP: () => LABEL_PAPER_GROUP,
   MIN_COL_WIDTH_MM: () => MIN_COL_WIDTH_MM,
   MIN_SCALE_PERCENT: () => MIN_SCALE_PERCENT,
@@ -54,12 +62,14 @@ __export(designer_exports, {
   barcodeAvailableBoxMm: () => barcodeAvailableBoxMm,
   barcodePreferredModuleWidthMm: () => barcodePreferredModuleWidthMm,
   barcodeUnitsPerModule: () => barcodeUnitsPerModule,
+  buildCropAnchor: () => buildCropAnchor,
   buildRulerTicks: () => buildRulerTicks,
   calcResizeRect: () => calcResizeRect,
   canMergeReason: () => canMergeReason,
   cellFitCapMm: () => cellFitCapMm,
   cellFitKey: () => cellFitKey,
   cellFitWidthMm: () => cellFitWidthMm,
+  cellImageBoxMm: () => cellImageBoxMm,
   chooseMajorStepMM: () => chooseMajorStepMM,
   clampResizedColumnWidth: () => clampResizedColumnWidth,
   clampScalePercent: () => clampScalePercent,
@@ -71,6 +81,13 @@ __export(designer_exports, {
   createDefaultTable: () => createDefaultTable,
   createFieldElement: () => createFieldElement,
   createRuntimeElement: () => createRuntimeElement,
+  cropAxisFields: () => cropAxisFields,
+  cropAxisLabel: () => cropAxisLabel,
+  cropAxisNote: () => cropAxisNote,
+  cropPresetOptions: () => cropPresetOptions,
+  cropScalePct: () => cropScalePct,
+  cropStyleDeclarations: () => cropStyleDeclarations,
+  cropWindow: () => cropWindow,
   deleteCol: () => deleteCol,
   deleteRow: () => deleteRow,
   engine: () => engine2,
@@ -102,6 +119,7 @@ __export(designer_exports, {
   normalizeSelection: () => normalizeSelection,
   normalizeTemplateUnits: () => normalizeTemplateUnits,
   parseCellFitKey: () => parseCellFitKey,
+  parseCropAnchor: () => parseCropAnchor,
   propertyTip: () => propertyTip,
   ptToMm: () => ptToMm,
   pxToMm: () => pxToMm,
@@ -109,13 +127,18 @@ __export(designer_exports, {
   resolveBarcodeSize: () => resolveBarcodeSize,
   resolveCellBorderCss: () => resolveCellBorderCss,
   resolveCellTextFit: () => resolveCellTextFit,
+  resolveCropPreview: () => resolveCropPreview,
+  resolveCropTravel: () => resolveCropTravel,
+  resolveDesignImageSrc: () => resolveDesignImageSrc,
   resolveElementBorder: () => resolveElementBorder,
   resolveElementTextFit: () => resolveElementTextFit,
+  resolveOverlayPlacement: () => resolveOverlayPlacement,
   resolveShrinkMinFontSize: () => resolveShrinkMinFontSize,
   resolveTextBinding: () => resolveTextBinding,
   resolveToolbarOverflow: () => resolveToolbarOverflow,
   roundFontSize: () => roundFontSize,
   safeEval: () => safeEval2,
+  sanitizeObjectPosition: () => sanitizeObjectPosition,
   searchProperties: () => searchProperties,
   setHeaderRepeat: () => setHeaderRepeat,
   setRowType: () => setRowType,
@@ -181,6 +204,9 @@ function parseCellFitKey(key) {
   if (!Number.isFinite(rowIndex) || !Number.isFinite(colIndex)) return void 0;
   return { elementId: key.slice(0, first), kind, rowIndex, colIndex };
 }
+function cellImageBoxMm(fit, capMm) {
+  return (fit || "contain") === "cover" ? capMm : void 0;
+}
 function cellFitWidthMm(colWidths, colIndex, cell, defaultPadding = 1) {
   const span = Math.max(cell?.colspan ?? 1, 1);
   let width = 0;
@@ -289,6 +315,35 @@ function resolveElementBorder(type, opts) {
   return { all, edges };
 }
 
+// src/render/crop-style.ts
+var OBJECT_POSITION_UNSAFE = /[;"'<>\\(){}\[\]@!#]/;
+var OBJECT_POSITION_MAX_LEN = 64;
+var CROP_SCALE_MIN = 100;
+var CROP_SCALE_MAX = 400;
+function sanitizeObjectPosition(value) {
+  const v = (value ?? "").trim();
+  if (!v || v.length > OBJECT_POSITION_MAX_LEN || OBJECT_POSITION_UNSAFE.test(v)) return "";
+  return v;
+}
+function cropScalePct(fit, scale) {
+  if ((fit || "contain") !== "cover") return void 0;
+  if (typeof scale !== "number" || !Number.isFinite(scale)) return void 0;
+  const pct = Math.round(scale);
+  if (pct <= CROP_SCALE_MIN) return void 0;
+  return Math.min(pct, CROP_SCALE_MAX);
+}
+function cropStyleDeclarations(fit, scale, objectPosition) {
+  const pos = sanitizeObjectPosition(objectPosition);
+  const out = {};
+  if (pos) out.objectPosition = pos;
+  const pct = cropScalePct(fit, scale);
+  if (pct !== void 0) {
+    out.transform = `scale(${Number((pct / 100).toFixed(2))})`;
+    out.transformOrigin = pos || "50% 50%";
+  }
+  return out;
+}
+
 // src/designer/utils/scale.ts
 var MIN_SCALE_PERCENT = 25;
 var FIT_SCALE_MIN_PERCENT = 5;
@@ -327,6 +382,15 @@ function resolveToolbarOverflow(input) {
   return { movedIds: [...moved], overflowRemains: true };
 }
 
+// src/designer/utils/overlay-placement.ts
+function resolveOverlayPlacement(input) {
+  const gap = input.gap ?? 4;
+  const below = input.boundaryBottom - input.triggerBottom - gap;
+  const above = input.triggerTop - input.boundaryTop - gap;
+  if (below >= input.overlayHeight) return "down";
+  return above > below ? "up" : "down";
+}
+
 // src/designer/utils/migrate.ts
 var PT_KEYS = ["left", "top", "width", "height"];
 function convertElement(el) {
@@ -1041,13 +1105,18 @@ var PROPERTY_REGISTRY = [
       },
       {
         key: "ap-img-fit",
-        keywords: ["\u7F29\u653E\u6A21\u5F0F", "\u62C9\u4F38", "\u7B49\u6BD4", "fit", "contain", "cover", "\u586B\u5145", "\u88C1\u526A"],
-        tip: "\u56FE\u7247\u5728\u5143\u7D20\u6846\u5185\u7684\u7F29\u653E\u65B9\u5F0F\uFF1A\u5305\u542B\uFF1D\u5B8C\u6574\u663E\u793A\u53EF\u80FD\u7559\u767D\uFF1B\u8986\u76D6\uFF1D\u94FA\u6EE1\u6846\u53EF\u80FD\u88C1\u8FB9\uFF1B\u62C9\u4F38\uFF1D\u586B\u6EE1\u6846\u4F1A\u53D8\u5F62\uFF1B\u539F\u59CB\u5C3A\u5BF8/\u7F29\u5C0F\u4E0D\u653E\u5927\u3002\u753B\u5E03\u4E0E\u4E09\u6761\u51FA\u7EB8\u94FE\u8DEF\u540C\u4E00\u53E3\u5F84\uFF08\u7F3A\u7701\u5305\u542B\uFF09"
+        keywords: ["\u7F29\u653E\u6A21\u5F0F", "\u62C9\u4F38", "\u7B49\u6BD4", "fit", "contain", "cover", "\u586B\u5145", "\u88C1\u526A", "\u526A\u88C1", "\u951A\u70B9"],
+        tip: "\u56FE\u7247\u5728\u5143\u7D20\u6846\u5185\u7684\u7F29\u653E\u65B9\u5F0F\uFF1A\u5305\u542B\uFF1D\u5B8C\u6574\u663E\u793A\u3001\u53EF\u80FD\u7559\u767D\uFF1B\u526A\u88C1\uFF1D\u94FA\u6EE1\u6846\u5E76\u6309\u300C\u88C1\u526A\u951A\u70B9\u300D\u53D6\u4E00\u5757\uFF1B\u62C9\u4F38\uFF1D\u586B\u6EE1\u6846\u4F1A\u53D8\u5F62\uFF1B\u539F\u59CB\u5C3A\u5BF8\u4E0E\u7F29\u5C0F\u4E0D\u653E\u5927\u3002\u753B\u5E03\u4E0E\u4E09\u6761\u51FA\u7EB8\u94FE\u8DEF\u540C\u4E00\u53E3\u5F84\uFF08\u7F3A\u7701\u5305\u542B\uFF09"
       },
       {
         key: "ap-img-object-position",
-        keywords: ["\u88C1\u526A\u951A\u70B9", "\u951A\u70B9", "objectposition", "object-position", "\u5BF9\u9F50\u70B9", "\u4E0A\u79FB", "\u5934\u9876"],
-        tip: "\u88C1\u526A\u65F6\u4FDD\u7559\u6846\u5185\u7684\u54EA\u4E00\u90E8\u5206\uFF0CCSS object-position \u503C\u539F\u6837\u751F\u6548\uFF08\u5982 center 20% \u8BA9\u753B\u9762\u4E0A\u79FB\u3001\u4FDD\u4F4F\u8BC1\u4EF6\u7167\u5934\u9876\uFF09\uFF1B\u53EA\u5728\u53D1\u751F\u88C1\u5207\u65F6\u53EF\u89C1\uFF0C\u7F3A\u7701\u6309 50% 50% \u5C45\u4E2D\u3002\u542B\u5206\u53F7\u3001\u5F15\u53F7\u3001url() \u7684\u503C\u4F1A\u88AB\u6574\u6761\u4E22\u5F03"
+        keywords: ["\u88C1\u526A\u951A\u70B9", "\u526A\u88C1\u951A\u70B9", "\u951A\u70B9", "objectposition", "object-position", "\u5BF9\u9F50\u70B9", "\u4E0A\u79FB", "\u5934\u9876"],
+        tip: "\u53D6\u4F4D\uFF08\u4EC5\u300C\u526A\u88C1\u300D\u6863\u6709\u8FD9\u4E00\u884C\uFF09\uFF1A\u526A\u88C1\u628A\u56FE\u7B49\u6BD4\u94FA\u6EE1\u5143\u7D20\u6846\uFF0C\u591A\u51FA\u6765\u7684\u90A3\u4E00\u6761\u8FB9\u6309\u8FD9\u91CC\u9009\u7684\u4F4D\u7F6E\u53D6\u820D\u3002\u5148\u9009\u4F4D\u7F6E\u6863\uFF08\u8D34\u8FB9\uFF0F\u5C45\u4E2D\uFF0F\u8D34\u53E6\u4E00\u5934\uFF09\uFF0C\u518D\u6309\u767E\u5206\u6BD4\u5FAE\u8C03\uFF0C0 \u8D34\u5DE6\uFF0F\u8D34\u9876\uFF0C100 \u632A\u5230\u53E6\u4E00\u5934\uFF0C\u6C34\u5E73\u4E0E\u5782\u76F4\u5404\u81EA\u72EC\u7ACB\uFF1B\u7F3A\u7701\u53D6\u6B63\u4E2D\u95F4\uFF08\u4FDD\u4F4F\u8BC1\u4EF6\u7167\u5934\u9876\u5C31\u9009\u9876\u90E8\uFF09\u3002\u5176\u4F59\u7F29\u653E\u6A21\u5F0F\u56FE\u6BD4\u6846\u5C0F\u6216\u521A\u597D\u94FA\u6EE1\uFF0C\u6CA1\u6709\u53EF\u88C1\u7684\u8FB9\uFF0C\u6240\u4EE5\u4E0D\u51FA\u672C\u884C"
+      },
+      {
+        key: "ap-img-fit-scale",
+        keywords: ["\u653E\u5927\u6BD4\u4F8B", "\u526A\u88C1\u653E\u5927", "\u653E\u5927\u500D\u6570", "\u53D6\u666F", "\u88C1\u5207\u8303\u56F4", "fitscale", "zoom"],
+        tip: "\u526A\u88C1\u653E\u5927\uFF1A\u7B49\u6BD4\u94FA\u6EE1\u4E4B\u540E\u628A\u753B\u9762\u518D\u63A8\u5927\u8FD9\u4E48\u591A\uFF0C\u4E24\u8F74\u624D\u771F\u7684\u5404\u591A\u51FA\u4E00\u6761\u8FB9\u53EF\u88C1\u2014\u2014\u56FE\u4E0E\u6846\u540C\u6BD4\u4F8B\u65F6\u4E0D\u653E\u5927\u5C31\u4EC0\u4E48\u90FD\u88C1\u4E0D\u6389\u3002100\uFF1D\u4E0D\u653E\u5927\uFF08\u7F3A\u7701\uFF09\uFF0C\u4E0A\u9650 400\uFF1B\u8D85\u51FA\u6846\u7684\u90E8\u5206\u7531\u5143\u7D20\u6846\u88C1\u6389\u3002\u951A\u70B9\u9009\u4E2D\u7684\u90A3\u4E00\u70B9\u65E2\u662F\u53D6\u4F4D\u7684\u9489\u4F4F\u70B9\u3001\u4E5F\u662F\u653E\u5927\u7684\u4E2D\u5FC3\uFF0C\u4E24\u8005\u5171\u7528\u540C\u4E00\u4E2A\u503C\u3002\u4EC5\u300C\u526A\u88C1\u300D\u6863\u751F\u6548\uFF0C\u5176\u4F59\u7F29\u653E\u6A21\u5F0F\u4E0D\u51FA\u672C\u884C"
       }
     ]
   },
@@ -1149,194 +1218,6 @@ function searchProperties(search) {
   return { groups, itemKeys };
 }
 
-// src/designer/utils/field-groups.ts
-function groupFields(fields) {
-  const sorted = [...fields].sort((a, b) => (a.sortOrder ?? 0) - (b.sortOrder ?? 0));
-  const groupMap = /* @__PURE__ */ new Map();
-  const groupOrder = [];
-  for (const f of sorted) {
-    const dot = f.fieldKey.indexOf(".");
-    if (dot === -1) continue;
-    const key = f.fieldKey.slice(0, dot);
-    let g = groupMap.get(key);
-    if (!g) {
-      g = { key, label: key, isList: false, fields: [] };
-      groupMap.set(key, g);
-      groupOrder.push(key);
-    }
-    g.fields.push(f);
-  }
-  const groups = [];
-  const standalone = [];
-  for (const f of sorted) {
-    if (f.fieldKey.includes(".")) continue;
-    const g = groupMap.get(f.fieldKey);
-    if (g) {
-      g.label = f.fieldLabel;
-      g.isList = f.fieldType === "list";
-    } else {
-      standalone.push(f);
-    }
-  }
-  if (standalone.length) groups.push({ key: "", label: "", isList: false, fields: standalone });
-  for (const key of groupOrder) groups.push(groupMap.get(key));
-  return groups;
-}
-function filterGroups(groups, keyword) {
-  const kw = keyword.trim().toLowerCase();
-  if (!kw) return groups;
-  return groups.map((g) => ({
-    ...g,
-    fields: g.fields.filter(
-      (f) => f.fieldLabel.toLowerCase().includes(kw) || f.fieldKey.toLowerCase().includes(kw)
-    )
-  })).filter((g) => g.fields.length > 0);
-}
-
-// src/designer/utils/binding-registry.ts
-var ELEMENT_BINDING_REGISTRY = {
-  text: [
-    { targetPath: "options.formatter", label: "\u5185\u5BB9", dataSource: "main" }
-  ],
-  longText: [
-    { targetPath: "options.formatter", label: "\u5185\u5BB9", dataSource: "main" },
-    { targetPath: "options.styler", label: "\u6837\u5F0F", dataSource: "main" }
-  ],
-  barcode: [
-    { targetPath: "options.formatter", label: "\u5185\u5BB9", dataSource: "main" }
-  ],
-  qrcode: [
-    { targetPath: "options.formatter", label: "\u5185\u5BB9", dataSource: "main" }
-  ],
-  image: [
-    { targetPath: "options.src", label: "\u5185\u5BB9", dataSource: "main", placeholder: "\u8F93\u5165\u56FE\u7247\u8DEF\u5F84\uFF0C\u652F\u6301 /docfiles/... \u76F8\u5BF9\u8DEF\u5F84\u3001\u7EDD\u5BF9 URL \u6216 {\u5B57\u6BB5} \u8868\u8FBE\u5F0F" }
-  ],
-  table: []
-};
-function getTableCellBindings(rowType, rowIndex, cellIndex, listField) {
-  if (rowType === "data") {
-    return [{
-      targetPath: `options.tableRows[${rowIndex}].cells[${cellIndex}].formatter`,
-      label: "\u5185\u5BB9",
-      dataSource: "list",
-      listField,
-      placeholder: "{name}"
-    }];
-  }
-  if (rowType === "subtotal") {
-    return [{
-      targetPath: `options.tableRows[${rowIndex}].cells[${cellIndex}].formatter`,
-      label: "\u5185\u5BB9",
-      dataSource: "subtotal",
-      placeholder: "{MONEY(SUM(amount))}"
-    }];
-  }
-  if (rowType === "summary") {
-    return [{
-      targetPath: `options.tableRows[${rowIndex}].cells[${cellIndex}].formatter`,
-      label: "\u5185\u5BB9",
-      dataSource: "summary",
-      placeholder: "{MONEY(SUM(amount))}"
-    }];
-  }
-  return [{
-    targetPath: `options.tableRows[${rowIndex}].cells[${cellIndex}].formatter`,
-    label: "\u5185\u5BB9",
-    dataSource: "main",
-    placeholder: "\u5408\u8BA1: {order.total}"
-  }];
-}
-function getElementBindings(element) {
-  const type = element.printElementType.type;
-  const staticBindings = ELEMENT_BINDING_REGISTRY[type] ?? [];
-  const dynamicBindings = [];
-  if (type === "table") {
-    const listField = element.options.dataSource;
-    for (const [ri, row] of (element.options.tableRows ?? []).entries()) {
-      for (const [ci, cell] of row.cells.entries()) {
-        if (cell.merged) continue;
-        dynamicBindings.push(...getTableCellBindings(row.type, ri, ci, listField));
-      }
-    }
-  }
-  return [...staticBindings, ...dynamicBindings];
-}
-
-// src/designer/utils/demo-data.ts
-function getDemoData() {
-  return DEFAULT_DEMO_DATA;
-}
-var DEFAULT_DEMO_DATA = {
-  supplier: {
-    name: "\u946B\u8FBE\u4E94\u91D1\u6709\u9650\u516C\u53F8",
-    phone: "0571-88776655",
-    address: "\u676D\u5DDE\u5E02\u8427\u5C71\u533A\u7ECF\u6D4E\u5F00\u53D1\u533A88\u53F7"
-  },
-  receiver: {
-    name: "\u674E\u56DB",
-    phone: "13912345678",
-    address: "\u676D\u5DDE\u5E02\u4F59\u676D\u533A\u6587\u4E00\u897F\u8DEF998\u53F7"
-  },
-  order: {
-    no: "PO20260801001",
-    date: "2026-08-01",
-    total: 69543.75
-  },
-  // 50 条商品明细, 用于验证多页分页效果
-  goods: [
-    { name: "\u78B3\u94A2\u87BA\u4E1D M8", spec: "M14\xD710", unit: "\u4E2A", qty: 100, price: 0.5, amount: 50, remark: "A\u7EA7" },
-    { name: "\u4E0D\u9508\u94A2\u87BA\u6BCD M10", spec: "M16\xD711", unit: "\u5957", qty: 117, price: 0.75, amount: 87.75, remark: "" },
-    { name: "\u5F39\u7C27\u57AB\u5708 M12", spec: "M6\xD712", unit: "\u76D2", qty: 134, price: 1, amount: 134, remark: "" },
-    { name: "\u516D\u89D2\u87BA\u6813 M14", spec: "M5\xD713", unit: "\u652F", qty: 151, price: 1.25, amount: 188.75, remark: "" },
-    { name: "\u5185\u516D\u89D2\u87BA\u9489 M16", spec: "M20\xD714", unit: "\u888B", qty: 168, price: 1.5, amount: 252, remark: "" },
-    { name: "\u5E73\u57AB\u5708 M6", spec: "M4\xD715", unit: "\u4EF6", qty: 185, price: 1.75, amount: 323.75, remark: "" },
-    { name: "\u81EA\u653B\u87BA\u9489 M5", spec: "M3\xD716", unit: "\u6839", qty: 202, price: 2, amount: 404, remark: "" },
-    { name: "\u53CC\u5934\u87BA\u67F1 M20", spec: "M8\xD717", unit: "\u5305", qty: 219, price: 2.25, amount: 492.75, remark: "A\u7EA7" },
-    { name: "\u7D27\u5B9A\u87BA\u9489 M4", spec: "M10\xD718", unit: "\u53EA", qty: 236, price: 2.5, amount: 590, remark: "" },
-    { name: "\u5341\u5B57\u76D8\u5934\u9489 M3", spec: "M12\xD719", unit: "\u7EC4", qty: 253, price: 2.75, amount: 695.75, remark: "" },
-    { name: "\u78B3\u94A2\u87BA\u4E1D M8", spec: "M14\xD720", unit: "\u4E2A", qty: 270, price: 3, amount: 810, remark: "" },
-    { name: "\u4E0D\u9508\u94A2\u87BA\u6BCD M10", spec: "M16\xD721", unit: "\u5957", qty: 287, price: 3.25, amount: 932.75, remark: "" },
-    { name: "\u5F39\u7C27\u57AB\u5708 M12", spec: "M6\xD722", unit: "\u76D2", qty: 304, price: 3.5, amount: 1064, remark: "" },
-    { name: "\u516D\u89D2\u87BA\u6813 M14", spec: "M5\xD723", unit: "\u652F", qty: 321, price: 3.75, amount: 1203.75, remark: "" },
-    { name: "\u5185\u516D\u89D2\u87BA\u9489 M16", spec: "M20\xD724", unit: "\u888B", qty: 338, price: 4, amount: 1352, remark: "A\u7EA7" },
-    { name: "\u5E73\u57AB\u5708 M6", spec: "M4\xD725", unit: "\u4EF6", qty: 355, price: 4.25, amount: 1508.75, remark: "" },
-    { name: "\u81EA\u653B\u87BA\u9489 M5", spec: "M3\xD726", unit: "\u6839", qty: 372, price: 4.5, amount: 1674, remark: "" },
-    { name: "\u53CC\u5934\u87BA\u67F1 M20", spec: "M8\xD727", unit: "\u5305", qty: 389, price: 4.75, amount: 1847.75, remark: "" },
-    { name: "\u7D27\u5B9A\u87BA\u9489 M4", spec: "M10\xD728", unit: "\u53EA", qty: 406, price: 5, amount: 2030, remark: "" },
-    { name: "\u5341\u5B57\u76D8\u5934\u9489 M3", spec: "M12\xD729", unit: "\u7EC4", qty: 423, price: 5.25, amount: 2220.75, remark: "" },
-    { name: "\u78B3\u94A2\u87BA\u4E1D M8", spec: "M14\xD730", unit: "\u4E2A", qty: 440, price: 0.5, amount: 220, remark: "" },
-    { name: "\u4E0D\u9508\u94A2\u87BA\u6BCD M10", spec: "M16\xD731", unit: "\u5957", qty: 457, price: 0.75, amount: 342.75, remark: "A\u7EA7" },
-    { name: "\u5F39\u7C27\u57AB\u5708 M12", spec: "M6\xD732", unit: "\u76D2", qty: 474, price: 1, amount: 474, remark: "" },
-    { name: "\u516D\u89D2\u87BA\u6813 M14", spec: "M5\xD733", unit: "\u652F", qty: 491, price: 1.25, amount: 613.75, remark: "" },
-    { name: "\u5185\u516D\u89D2\u87BA\u9489 M16", spec: "M20\xD734", unit: "\u888B", qty: 508, price: 1.5, amount: 762, remark: "" },
-    { name: "\u5E73\u57AB\u5708 M6", spec: "M4\xD735", unit: "\u4EF6", qty: 525, price: 1.75, amount: 918.75, remark: "" },
-    { name: "\u81EA\u653B\u87BA\u9489 M5", spec: "M3\xD736", unit: "\u6839", qty: 542, price: 2, amount: 1084, remark: "" },
-    { name: "\u53CC\u5934\u87BA\u67F1 M20", spec: "M8\xD737", unit: "\u5305", qty: 559, price: 2.25, amount: 1257.75, remark: "" },
-    { name: "\u7D27\u5B9A\u87BA\u9489 M4", spec: "M10\xD738", unit: "\u53EA", qty: 576, price: 2.5, amount: 1440, remark: "A\u7EA7" },
-    { name: "\u5341\u5B57\u76D8\u5934\u9489 M3", spec: "M12\xD739", unit: "\u7EC4", qty: 593, price: 2.75, amount: 1630.75, remark: "" },
-    { name: "\u78B3\u94A2\u87BA\u4E1D M8", spec: "M14\xD740", unit: "\u4E2A", qty: 610, price: 3, amount: 1830, remark: "" },
-    { name: "\u4E0D\u9508\u94A2\u87BA\u6BCD M10", spec: "M16\xD741", unit: "\u5957", qty: 627, price: 3.25, amount: 2037.75, remark: "" },
-    { name: "\u5F39\u7C27\u57AB\u5708 M12", spec: "M6\xD742", unit: "\u76D2", qty: 644, price: 3.5, amount: 2254, remark: "" },
-    { name: "\u516D\u89D2\u87BA\u6813 M14", spec: "M5\xD743", unit: "\u652F", qty: 661, price: 3.75, amount: 2478.75, remark: "" },
-    { name: "\u5185\u516D\u89D2\u87BA\u9489 M16", spec: "M20\xD744", unit: "\u888B", qty: 678, price: 4, amount: 2712, remark: "" },
-    { name: "\u5E73\u57AB\u5708 M6", spec: "M4\xD745", unit: "\u4EF6", qty: 695, price: 4.25, amount: 2953.75, remark: "A\u7EA7" },
-    { name: "\u81EA\u653B\u87BA\u9489 M5", spec: "M3\xD746", unit: "\u6839", qty: 712, price: 4.5, amount: 3204, remark: "" },
-    { name: "\u53CC\u5934\u87BA\u67F1 M20", spec: "M8\xD747", unit: "\u5305", qty: 729, price: 4.75, amount: 3462.75, remark: "" },
-    { name: "\u7D27\u5B9A\u87BA\u9489 M4", spec: "M10\xD748", unit: "\u53EA", qty: 746, price: 5, amount: 3730, remark: "" },
-    { name: "\u5341\u5B57\u76D8\u5934\u9489 M3", spec: "M12\xD749", unit: "\u7EC4", qty: 763, price: 5.25, amount: 4005.75, remark: "" },
-    { name: "\u78B3\u94A2\u87BA\u4E1D M8", spec: "M14\xD710", unit: "\u4E2A", qty: 780, price: 0.5, amount: 390, remark: "" },
-    { name: "\u4E0D\u9508\u94A2\u87BA\u6BCD M10", spec: "M16\xD711", unit: "\u5957", qty: 797, price: 0.75, amount: 597.75, remark: "" },
-    { name: "\u5F39\u7C27\u57AB\u5708 M12", spec: "M6\xD712", unit: "\u76D2", qty: 814, price: 1, amount: 814, remark: "A\u7EA7" },
-    { name: "\u516D\u89D2\u87BA\u6813 M14", spec: "M5\xD713", unit: "\u652F", qty: 831, price: 1.25, amount: 1038.75, remark: "" },
-    { name: "\u5185\u516D\u89D2\u87BA\u9489 M16", spec: "M20\xD714", unit: "\u888B", qty: 848, price: 1.5, amount: 1272, remark: "" },
-    { name: "\u5E73\u57AB\u5708 M6", spec: "M4\xD715", unit: "\u4EF6", qty: 865, price: 1.75, amount: 1513.75, remark: "" },
-    { name: "\u81EA\u653B\u87BA\u9489 M5", spec: "M3\xD716", unit: "\u6839", qty: 882, price: 2, amount: 1764, remark: "" },
-    { name: "\u53CC\u5934\u87BA\u67F1 M20", spec: "M8\xD717", unit: "\u5305", qty: 899, price: 2.25, amount: 2022.75, remark: "" },
-    { name: "\u7D27\u5B9A\u87BA\u9489 M4", spec: "M10\xD718", unit: "\u53EA", qty: 916, price: 2.5, amount: 2290, remark: "" },
-    { name: "\u5341\u5B57\u76D8\u5934\u9489 M3", spec: "M12\xD719", unit: "\u7EC4", qty: 933, price: 2.75, amount: 2565.75, remark: "A\u7EA7" }
-  ]
-};
-
 // src/lexer.ts
 var DANGEROUS_PROPS = /* @__PURE__ */ new Set([
   "constructor",
@@ -2048,55 +1929,55 @@ function formatDate(value, fmt) {
   const pad = (n) => String(n).padStart(2, "0");
   return fmt.replace("YYYY", String(date.getFullYear())).replace("MM", pad(date.getMonth() + 1)).replace("DD", pad(date.getDate())).replace("HH", pad(date.getHours())).replace("mm", pad(date.getMinutes())).replace("ss", pad(date.getSeconds()));
 }
+var CN_DIGITS = ["\u96F6", "\u58F9", "\u8D30", "\u53C1", "\u8086", "\u4F0D", "\u9646", "\u67D2", "\u634C", "\u7396"];
+var CN_UNITS = ["", "\u62FE", "\u4F70", "\u4EDF"];
+var CN_GROUP_UNITS = ["", "\u4E07", "\u4EBF", "\u4E07\u4EBF", "\u4EBF\u4EBF"];
+function fourDigitToCapital(n) {
+  let out = "";
+  let zeroPending = false;
+  for (let pos = 3; pos >= 0; pos--) {
+    const d = Math.floor(n / 10 ** pos) % 10;
+    if (d === 0) {
+      if (out) zeroPending = true;
+      continue;
+    }
+    if (zeroPending) {
+      out += "\u96F6";
+      zeroPending = false;
+    }
+    out += CN_DIGITS[d] + CN_UNITS[pos];
+  }
+  return out;
+}
 function toUpperCaseAmount(value) {
   const num = Number(value);
   if (isNaN(num)) return String(value);
   if (num === 0) return "\u96F6\u5143\u6574";
-  const digits = ["\u96F6", "\u58F9", "\u8D30", "\u53C1", "\u8086", "\u4F0D", "\u9646", "\u67D2", "\u634C", "\u7396"];
-  const units = ["", "\u62FE", "\u4F70", "\u4EDF"];
-  const bigUnits = ["", "\u4E07", "\u4EBF"];
   const sign = num < 0 ? "\u8D1F" : "";
-  const abs = Math.abs(num);
-  const [intStr, decStr] = abs.toFixed(2).split(".");
-  const intNum = parseInt(intStr, 10);
+  const [intStr, decStr] = Math.abs(num).toFixed(2).split(".");
+  const groupCount = Math.ceil(intStr.length / 4);
   let result = "";
-  if (intNum > 0) {
-    const intChars = intStr.split("").reverse();
-    let groupIdx = 0;
-    let lastDigit = 0;
-    let needZero = false;
-    for (let i = 0; i < intChars.length; i++) {
-      const d = parseInt(intChars[i], 10);
-      const unit = units[groupIdx % 4];
-      const bigUnit = bigUnits[Math.floor(groupIdx / 4)];
-      if (d === 0) {
-        if (lastDigit !== 0) needZero = true;
-      } else {
-        if (needZero) {
-          result = "\u96F6" + result;
-          needZero = false;
-        }
-        result = digits[d] + unit + result;
-        lastDigit = d;
-      }
-      if (groupIdx % 4 === 3 && groupIdx > 0) {
-        result = bigUnit + result;
-      }
-      groupIdx++;
+  let zeroPending = false;
+  for (let groupIdx = groupCount - 1; groupIdx >= 0; groupIdx--) {
+    const end = intStr.length - groupIdx * 4;
+    const group = parseInt(intStr.slice(Math.max(0, end - 4), end), 10);
+    if (group === 0) {
+      if (result) zeroPending = true;
+      continue;
     }
-    result += "\u5143";
+    if (result && (zeroPending || group < 1e3)) result += "\u96F6";
+    zeroPending = false;
+    result += fourDigitToCapital(group) + (CN_GROUP_UNITS[groupIdx] ?? "");
   }
+  result = `${result || "\u96F6"}\u5143`;
   const jiao = parseInt(decStr[0], 10);
   const fen = parseInt(decStr[1], 10);
   if (jiao === 0 && fen === 0) {
     result += "\u6574";
   } else {
-    if (jiao > 0) {
-      result += digits[jiao] + "\u89D2";
-    }
-    if (fen > 0) {
-      result += digits[fen] + "\u5206";
-    }
+    if (jiao === 0) result += "\u96F6";
+    else result += CN_DIGITS[jiao] + "\u89D2";
+    if (fen > 0) result += CN_DIGITS[fen] + "\u5206";
   }
   return sign + result;
 }
@@ -2296,6 +2177,358 @@ function evaluateTemplate2(text, ctx) {
   }
 }
 
+// src/designer/utils/demo-data.ts
+function getDemoData() {
+  return DEFAULT_DEMO_DATA;
+}
+var DEFAULT_DEMO_DATA = {
+  supplier: {
+    name: "\u946B\u8FBE\u4E94\u91D1\u6709\u9650\u516C\u53F8",
+    phone: "0571-88776655",
+    address: "\u676D\u5DDE\u5E02\u8427\u5C71\u533A\u7ECF\u6D4E\u5F00\u53D1\u533A88\u53F7"
+  },
+  receiver: {
+    name: "\u674E\u56DB",
+    phone: "13912345678",
+    address: "\u676D\u5DDE\u5E02\u4F59\u676D\u533A\u6587\u4E00\u897F\u8DEF998\u53F7"
+  },
+  order: {
+    no: "PO20260801001",
+    date: "2026-08-01",
+    total: 69543.75
+  },
+  // 50 条商品明细, 用于验证多页分页效果
+  goods: [
+    { name: "\u78B3\u94A2\u87BA\u4E1D M8", spec: "M14\xD710", unit: "\u4E2A", qty: 100, price: 0.5, amount: 50, remark: "A\u7EA7" },
+    { name: "\u4E0D\u9508\u94A2\u87BA\u6BCD M10", spec: "M16\xD711", unit: "\u5957", qty: 117, price: 0.75, amount: 87.75, remark: "" },
+    { name: "\u5F39\u7C27\u57AB\u5708 M12", spec: "M6\xD712", unit: "\u76D2", qty: 134, price: 1, amount: 134, remark: "" },
+    { name: "\u516D\u89D2\u87BA\u6813 M14", spec: "M5\xD713", unit: "\u652F", qty: 151, price: 1.25, amount: 188.75, remark: "" },
+    { name: "\u5185\u516D\u89D2\u87BA\u9489 M16", spec: "M20\xD714", unit: "\u888B", qty: 168, price: 1.5, amount: 252, remark: "" },
+    { name: "\u5E73\u57AB\u5708 M6", spec: "M4\xD715", unit: "\u4EF6", qty: 185, price: 1.75, amount: 323.75, remark: "" },
+    { name: "\u81EA\u653B\u87BA\u9489 M5", spec: "M3\xD716", unit: "\u6839", qty: 202, price: 2, amount: 404, remark: "" },
+    { name: "\u53CC\u5934\u87BA\u67F1 M20", spec: "M8\xD717", unit: "\u5305", qty: 219, price: 2.25, amount: 492.75, remark: "A\u7EA7" },
+    { name: "\u7D27\u5B9A\u87BA\u9489 M4", spec: "M10\xD718", unit: "\u53EA", qty: 236, price: 2.5, amount: 590, remark: "" },
+    { name: "\u5341\u5B57\u76D8\u5934\u9489 M3", spec: "M12\xD719", unit: "\u7EC4", qty: 253, price: 2.75, amount: 695.75, remark: "" },
+    { name: "\u78B3\u94A2\u87BA\u4E1D M8", spec: "M14\xD720", unit: "\u4E2A", qty: 270, price: 3, amount: 810, remark: "" },
+    { name: "\u4E0D\u9508\u94A2\u87BA\u6BCD M10", spec: "M16\xD721", unit: "\u5957", qty: 287, price: 3.25, amount: 932.75, remark: "" },
+    { name: "\u5F39\u7C27\u57AB\u5708 M12", spec: "M6\xD722", unit: "\u76D2", qty: 304, price: 3.5, amount: 1064, remark: "" },
+    { name: "\u516D\u89D2\u87BA\u6813 M14", spec: "M5\xD723", unit: "\u652F", qty: 321, price: 3.75, amount: 1203.75, remark: "" },
+    { name: "\u5185\u516D\u89D2\u87BA\u9489 M16", spec: "M20\xD724", unit: "\u888B", qty: 338, price: 4, amount: 1352, remark: "A\u7EA7" },
+    { name: "\u5E73\u57AB\u5708 M6", spec: "M4\xD725", unit: "\u4EF6", qty: 355, price: 4.25, amount: 1508.75, remark: "" },
+    { name: "\u81EA\u653B\u87BA\u9489 M5", spec: "M3\xD726", unit: "\u6839", qty: 372, price: 4.5, amount: 1674, remark: "" },
+    { name: "\u53CC\u5934\u87BA\u67F1 M20", spec: "M8\xD727", unit: "\u5305", qty: 389, price: 4.75, amount: 1847.75, remark: "" },
+    { name: "\u7D27\u5B9A\u87BA\u9489 M4", spec: "M10\xD728", unit: "\u53EA", qty: 406, price: 5, amount: 2030, remark: "" },
+    { name: "\u5341\u5B57\u76D8\u5934\u9489 M3", spec: "M12\xD729", unit: "\u7EC4", qty: 423, price: 5.25, amount: 2220.75, remark: "" },
+    { name: "\u78B3\u94A2\u87BA\u4E1D M8", spec: "M14\xD730", unit: "\u4E2A", qty: 440, price: 0.5, amount: 220, remark: "" },
+    { name: "\u4E0D\u9508\u94A2\u87BA\u6BCD M10", spec: "M16\xD731", unit: "\u5957", qty: 457, price: 0.75, amount: 342.75, remark: "A\u7EA7" },
+    { name: "\u5F39\u7C27\u57AB\u5708 M12", spec: "M6\xD732", unit: "\u76D2", qty: 474, price: 1, amount: 474, remark: "" },
+    { name: "\u516D\u89D2\u87BA\u6813 M14", spec: "M5\xD733", unit: "\u652F", qty: 491, price: 1.25, amount: 613.75, remark: "" },
+    { name: "\u5185\u516D\u89D2\u87BA\u9489 M16", spec: "M20\xD734", unit: "\u888B", qty: 508, price: 1.5, amount: 762, remark: "" },
+    { name: "\u5E73\u57AB\u5708 M6", spec: "M4\xD735", unit: "\u4EF6", qty: 525, price: 1.75, amount: 918.75, remark: "" },
+    { name: "\u81EA\u653B\u87BA\u9489 M5", spec: "M3\xD736", unit: "\u6839", qty: 542, price: 2, amount: 1084, remark: "" },
+    { name: "\u53CC\u5934\u87BA\u67F1 M20", spec: "M8\xD737", unit: "\u5305", qty: 559, price: 2.25, amount: 1257.75, remark: "" },
+    { name: "\u7D27\u5B9A\u87BA\u9489 M4", spec: "M10\xD738", unit: "\u53EA", qty: 576, price: 2.5, amount: 1440, remark: "A\u7EA7" },
+    { name: "\u5341\u5B57\u76D8\u5934\u9489 M3", spec: "M12\xD739", unit: "\u7EC4", qty: 593, price: 2.75, amount: 1630.75, remark: "" },
+    { name: "\u78B3\u94A2\u87BA\u4E1D M8", spec: "M14\xD740", unit: "\u4E2A", qty: 610, price: 3, amount: 1830, remark: "" },
+    { name: "\u4E0D\u9508\u94A2\u87BA\u6BCD M10", spec: "M16\xD741", unit: "\u5957", qty: 627, price: 3.25, amount: 2037.75, remark: "" },
+    { name: "\u5F39\u7C27\u57AB\u5708 M12", spec: "M6\xD742", unit: "\u76D2", qty: 644, price: 3.5, amount: 2254, remark: "" },
+    { name: "\u516D\u89D2\u87BA\u6813 M14", spec: "M5\xD743", unit: "\u652F", qty: 661, price: 3.75, amount: 2478.75, remark: "" },
+    { name: "\u5185\u516D\u89D2\u87BA\u9489 M16", spec: "M20\xD744", unit: "\u888B", qty: 678, price: 4, amount: 2712, remark: "" },
+    { name: "\u5E73\u57AB\u5708 M6", spec: "M4\xD745", unit: "\u4EF6", qty: 695, price: 4.25, amount: 2953.75, remark: "A\u7EA7" },
+    { name: "\u81EA\u653B\u87BA\u9489 M5", spec: "M3\xD746", unit: "\u6839", qty: 712, price: 4.5, amount: 3204, remark: "" },
+    { name: "\u53CC\u5934\u87BA\u67F1 M20", spec: "M8\xD747", unit: "\u5305", qty: 729, price: 4.75, amount: 3462.75, remark: "" },
+    { name: "\u7D27\u5B9A\u87BA\u9489 M4", spec: "M10\xD748", unit: "\u53EA", qty: 746, price: 5, amount: 3730, remark: "" },
+    { name: "\u5341\u5B57\u76D8\u5934\u9489 M3", spec: "M12\xD749", unit: "\u7EC4", qty: 763, price: 5.25, amount: 4005.75, remark: "" },
+    { name: "\u78B3\u94A2\u87BA\u4E1D M8", spec: "M14\xD710", unit: "\u4E2A", qty: 780, price: 0.5, amount: 390, remark: "" },
+    { name: "\u4E0D\u9508\u94A2\u87BA\u6BCD M10", spec: "M16\xD711", unit: "\u5957", qty: 797, price: 0.75, amount: 597.75, remark: "" },
+    { name: "\u5F39\u7C27\u57AB\u5708 M12", spec: "M6\xD712", unit: "\u76D2", qty: 814, price: 1, amount: 814, remark: "A\u7EA7" },
+    { name: "\u516D\u89D2\u87BA\u6813 M14", spec: "M5\xD713", unit: "\u652F", qty: 831, price: 1.25, amount: 1038.75, remark: "" },
+    { name: "\u5185\u516D\u89D2\u87BA\u9489 M16", spec: "M20\xD714", unit: "\u888B", qty: 848, price: 1.5, amount: 1272, remark: "" },
+    { name: "\u5E73\u57AB\u5708 M6", spec: "M4\xD715", unit: "\u4EF6", qty: 865, price: 1.75, amount: 1513.75, remark: "" },
+    { name: "\u81EA\u653B\u87BA\u9489 M5", spec: "M3\xD716", unit: "\u6839", qty: 882, price: 2, amount: 1764, remark: "" },
+    { name: "\u53CC\u5934\u87BA\u67F1 M20", spec: "M8\xD717", unit: "\u5305", qty: 899, price: 2.25, amount: 2022.75, remark: "" },
+    { name: "\u7D27\u5B9A\u87BA\u9489 M4", spec: "M10\xD718", unit: "\u53EA", qty: 916, price: 2.5, amount: 2290, remark: "" },
+    { name: "\u5341\u5B57\u76D8\u5934\u9489 M3", spec: "M12\xD719", unit: "\u7EC4", qty: 933, price: 2.75, amount: 2565.75, remark: "A\u7EA7" }
+  ]
+};
+
+// src/designer/utils/crop-anchor.ts
+var AXIS_X = { left: 0, center: 50, right: 100 };
+var AXIS_Y = { top: 0, center: 50, bottom: 100 };
+function clampPct(v) {
+  if (!Number.isFinite(v)) return 50;
+  return Math.round(Math.min(100, Math.max(0, v)));
+}
+function roundMm(v) {
+  return Math.round(v * 100) / 100;
+}
+function buildCropAnchor(x, y) {
+  const cx = clampPct(x);
+  const cy = clampPct(y);
+  if (cx === 50 && cy === 50) return void 0;
+  return `${cx}% ${cy}%`;
+}
+function asPct(token) {
+  return /^\d+(?:\.\d+)?%$/.test(token) ? parseFloat(token) : void 0;
+}
+function parseCropAnchor(value) {
+  const raw = (value ?? "").trim();
+  if (!raw) return { kind: "empty" };
+  const tokens = raw.toLowerCase().split(/\s+/);
+  let x;
+  let y;
+  for (let i = 0; i < tokens.length; i++) {
+    const t = tokens[i];
+    const pct = asPct(t);
+    if (i === 0) {
+      if (t in AXIS_X) x = AXIS_X[t];
+      else if (pct !== void 0) x = pct;
+      else if (t in AXIS_Y) y = AXIS_Y[t];
+      else return { kind: "custom", raw: value };
+    } else {
+      if (t in AXIS_Y && y === void 0) y = AXIS_Y[t];
+      else if (pct !== void 0 && x === void 0) x = pct;
+      else if (pct !== void 0 && y === void 0) y = pct;
+      else if (t in AXIS_X && x === void 0) x = AXIS_X[t];
+      else return { kind: "custom", raw: value };
+    }
+  }
+  return { kind: "axes", x: clampPct(x ?? 50), y: clampPct(y ?? 50) };
+}
+var MM_PER_PX2 = 25.4 / 96;
+function contentMm(box) {
+  const { widthMm, heightMm, naturalWidth, naturalHeight } = box;
+  if (!naturalWidth || !naturalHeight || !widthMm || !heightMm) return null;
+  const k = widthMm / naturalWidth;
+  const l = heightMm / naturalHeight;
+  const zoom = (cropScalePct(box.fit, box.scalePct) ?? CROP_SCALE_MIN) / 100;
+  switch (box.fit || "contain") {
+    // 拉伸填满：图被钉成框，两轴都挪不动（放大比例只给剪裁档，这里不受影响）
+    case "fill":
+      return { w: widthMm, h: heightMm };
+    case "cover": {
+      const s = Math.max(k, l) * zoom;
+      return { w: naturalWidth * s, h: naturalHeight * s };
+    }
+    // 原始尺寸不缩放：按图片内在像素尺寸绘制
+    case "none":
+      return { w: naturalWidth * MM_PER_PX2, h: naturalHeight * MM_PER_PX2 };
+    case "scale-down": {
+      const s = Math.min(1, Math.min(k, l));
+      return { w: naturalWidth * s, h: naturalHeight * s };
+    }
+    default: {
+      const s = Math.min(k, l);
+      return { w: naturalWidth * s, h: naturalHeight * s };
+    }
+  }
+}
+function resolveCropTravel(box) {
+  const c = contentMm(box);
+  if (!c) return { x: null, y: null };
+  return {
+    x: roundMm(Math.abs(box.widthMm - c.w)),
+    y: roundMm(Math.abs(box.heightMm - c.h))
+  };
+}
+function cropWindow(box, x, y) {
+  const c = contentMm(box);
+  if (!c) return null;
+  const fx = Math.min(1, box.widthMm / c.w);
+  const fy = Math.min(1, box.heightMm / c.h);
+  return {
+    leftPct: (1 - fx) * clampPct(x),
+    topPct: (1 - fy) * clampPct(y),
+    widthPct: fx * 100,
+    heightPct: fy * 100
+  };
+}
+function resolveDesignImageSrc(raw) {
+  const value = String(raw ?? "");
+  if (!value) return "";
+  return value.includes("{") ? String(evaluateTemplate2(value, DEFAULT_DEMO_DATA)) : value;
+}
+var CROP_AXIS_OPTIONS = {
+  vertical: [
+    { value: 0, label: "\u9876\u90E8" },
+    { value: 50, label: "\u5C45\u4E2D" },
+    { value: 100, label: "\u5E95\u90E8" }
+  ],
+  horizontal: [
+    { value: 0, label: "\u5DE6\u4FA7" },
+    { value: 50, label: "\u5C45\u4E2D" },
+    { value: 100, label: "\u53F3\u4FA7" }
+  ]
+};
+var CROP_GRID_OPTIONS = [
+  { x: 0, y: 0, label: "\u5DE6\u4E0A" },
+  { x: 50, y: 0, label: "\u4E0A\u4E2D" },
+  { x: 100, y: 0, label: "\u53F3\u4E0A" },
+  { x: 0, y: 50, label: "\u5DE6\u4E2D" },
+  { x: 50, y: 50, label: "\u5C45\u4E2D" },
+  { x: 100, y: 50, label: "\u53F3\u4E2D" },
+  { x: 0, y: 100, label: "\u5DE6\u4E0B" },
+  { x: 50, y: 100, label: "\u4E0B\u4E2D" },
+  { x: 100, y: 100, label: "\u53F3\u4E0B" }
+];
+var IMAGE_FIT_OPTIONS = [
+  { value: "contain", label: "\u5305\u542B\uFF08\u4FDD\u6301\u6BD4\u4F8B\uFF09" },
+  { value: "cover", label: "\u526A\u88C1\uFF08\u7B49\u6BD4\u94FA\u6EE1\u540E\u88C1\u8FB9\uFF09" },
+  { value: "fill", label: "\u62C9\u4F38\u586B\u6EE1" },
+  { value: "none", label: "\u539F\u59CB\u5C3A\u5BF8" },
+  { value: "scale-down", label: "\u7F29\u5C0F\uFF08\u4FDD\u6301\u6BD4\u4F8B\uFF09" }
+];
+var CROP_SAMPLE_IMAGE = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTIwIDEyMCI+PHJlY3Qgd2lkdGg9IjEyMCIgaGVpZ2h0PSIxMjAiIGZpbGw9IiNmZmZmZmYiLz48cGF0aCBkPSJNNDAgMFYxMjBNODAgMFYxMjBNMCA0MEgxMjBNMCA4MEgxMjAiIHN0cm9rZT0iI2VlZjFmNiIgc3Ryb2tlLXdpZHRoPSIxIi8+PGNpcmNsZSBjeD0iMjAiIGN5PSIyMCIgcj0iMy41IiBmaWxsPSIjOGI5NWE1Ii8+PGNpcmNsZSBjeD0iMTAwIiBjeT0iMjAiIHI9IjMuNSIgZmlsbD0iIzhiOTVhNSIvPjxjaXJjbGUgY3g9IjIwIiBjeT0iMTAwIiByPSIzLjUiIGZpbGw9IiM4Yjk1YTUiLz48Y2lyY2xlIGN4PSIxMDAiIGN5PSIxMDAiIHI9IjMuNSIgZmlsbD0iIzhiOTVhNSIvPjxjaXJjbGUgY3g9IjYwIiBjeT0iMjAiIHI9IjciIGZpbGw9IiNjMDM5MmIiLz48Y2lyY2xlIGN4PSI2MCIgY3k9IjEwMCIgcj0iNyIgZmlsbD0iIzFmNGZhMyIvPjxjaXJjbGUgY3g9IjIwIiBjeT0iNjAiIHI9IjciIGZpbGw9IiMyYzdhNGEiLz48Y2lyY2xlIGN4PSIxMDAiIGN5PSI2MCIgcj0iNyIgZmlsbD0iI2UwN2EyMCIvPjxjaXJjbGUgY3g9IjYwIiBjeT0iNjAiIHI9IjE0IiBmaWxsPSJub25lIiBzdHJva2U9IiMyZjNhNGEiIHN0cm9rZS13aWR0aD0iNCIvPjxjaXJjbGUgY3g9IjYwIiBjeT0iNjAiIHI9IjYiIGZpbGw9IiMyZjNhNGEiLz48L3N2Zz4=";
+var CROP_SAMPLE_NOTE = "\u56FE\u7247\u8FD8\u6CA1\u8BBE\u7F6E\uFF0C\u4E0A\u9762\u6309\u5185\u7F6E\u793A\u4F8B\u56FE\u6F14\u793A\u53D6\u4F4D\uFF1B\u6362\u4E0A\u771F\u56FE\u540E\u6863\u4F4D\u4E0E\u53EF\u632A\u91CF\u6309\u771F\u56FE\u91CD\u7B97";
+function resolveCropPreview(resolvedSrc) {
+  const value = String(resolvedSrc ?? "").trim();
+  if (!value || value.includes("{") || value.includes("}")) return { src: CROP_SAMPLE_IMAGE, isSample: true };
+  return { src: value, isSample: false };
+}
+function cropAxisLabel(axis) {
+  return axis === "vertical" ? "\u5782\u76F4\u4F4D\u7F6E (%)" : "\u6C34\u5E73\u4F4D\u7F6E (%)";
+}
+var CROP_SCALE_LABEL = "\u653E\u5927\u6BD4\u4F8B (%)";
+function cropAxisNote(travel, keepRaw = false) {
+  if (keepRaw) return "\u5DF2\u4FDD\u7559\u6A21\u677F\u91CC\u7684\u539F\u503C\uFF1B\u6539\u52A8\u4E0B\u9762\u4EFB\u4E00\u9879\u5C31\u6574\u4F53\u66FF\u6362\u6210\u65B0\u7684\u53D6\u4F4D";
+  const { x, y } = travel;
+  if (x === null || y === null) return "";
+  if (x > 0 && y > 0) return `\u6C34\u5E73\u53EF\u632A ${x}mm\u3001\u5782\u76F4\u53EF\u632A ${y}mm\uFF1A0 \u8D34\u5DE6\uFF0F\u8D34\u9876\uFF0C100 \u8D34\u53F3\uFF0F\u8D34\u5E95`;
+  if (x > 0) return `\u6C34\u5E73\u53EF\u632A ${x}mm\uFF1B\u5782\u76F4\u8FD9\u4E00\u8F74\u5DF2\u8D34\u6EE1\uFF0C\u632A\u4E0D\u52A8`;
+  if (y > 0) return `\u5782\u76F4\u53EF\u632A ${y}mm\uFF1B\u6C34\u5E73\u8FD9\u4E00\u8F74\u5DF2\u8D34\u6EE1\uFF0C\u632A\u4E0D\u52A8`;
+  return "\u8FD9\u4E2A\u7F29\u653E\u4E0B\u56FE\u4E0E\u6846\u6B63\u597D\u4E00\u6837\u5927\uFF0C\u4E24\u8F74\u90FD\u6CA1\u6709\u53EF\u632A\u7684\u4F59\u91CF";
+}
+function cropAxisFields(travel, x, y) {
+  return [
+    { name: "horizontal", label: cropAxisLabel("horizontal"), value: x, travelMm: travel.x },
+    { name: "vertical", label: cropAxisLabel("vertical"), value: y, travelMm: travel.y }
+  ];
+}
+function cropPresetOptions(travel, x, y) {
+  const movX = travel.x !== null && travel.x > 0;
+  const movY = travel.y !== null && travel.y > 0;
+  if (movY && !movX) {
+    return CROP_AXIS_OPTIONS.vertical.map((o) => ({ value: `${x},${o.value}`, label: o.label }));
+  }
+  if (movX && !movY) {
+    return CROP_AXIS_OPTIONS.horizontal.map((o) => ({ value: `${o.value},${y}`, label: o.label }));
+  }
+  return CROP_GRID_OPTIONS.map((o) => ({ value: `${o.x},${o.y}`, label: o.label }));
+}
+
+// src/designer/utils/field-groups.ts
+function groupFields(fields) {
+  const sorted = [...fields].sort((a, b) => (a.sortOrder ?? 0) - (b.sortOrder ?? 0));
+  const groupMap = /* @__PURE__ */ new Map();
+  const groupOrder = [];
+  for (const f of sorted) {
+    const dot = f.fieldKey.indexOf(".");
+    if (dot === -1) continue;
+    const key = f.fieldKey.slice(0, dot);
+    let g = groupMap.get(key);
+    if (!g) {
+      g = { key, label: key, isList: false, fields: [] };
+      groupMap.set(key, g);
+      groupOrder.push(key);
+    }
+    g.fields.push(f);
+  }
+  const groups = [];
+  const standalone = [];
+  for (const f of sorted) {
+    if (f.fieldKey.includes(".")) continue;
+    const g = groupMap.get(f.fieldKey);
+    if (g) {
+      g.label = f.fieldLabel;
+      g.isList = f.fieldType === "list";
+    } else {
+      standalone.push(f);
+    }
+  }
+  if (standalone.length) groups.push({ key: "", label: "", isList: false, fields: standalone });
+  for (const key of groupOrder) groups.push(groupMap.get(key));
+  return groups;
+}
+function filterGroups(groups, keyword) {
+  const kw = keyword.trim().toLowerCase();
+  if (!kw) return groups;
+  return groups.map((g) => ({
+    ...g,
+    fields: g.fields.filter(
+      (f) => f.fieldLabel.toLowerCase().includes(kw) || f.fieldKey.toLowerCase().includes(kw)
+    )
+  })).filter((g) => g.fields.length > 0);
+}
+
+// src/designer/utils/binding-registry.ts
+var ELEMENT_BINDING_REGISTRY = {
+  text: [
+    { targetPath: "options.formatter", label: "\u5185\u5BB9", dataSource: "main" }
+  ],
+  longText: [
+    { targetPath: "options.formatter", label: "\u5185\u5BB9", dataSource: "main" },
+    { targetPath: "options.styler", label: "\u6837\u5F0F", dataSource: "main" }
+  ],
+  barcode: [
+    { targetPath: "options.formatter", label: "\u5185\u5BB9", dataSource: "main" }
+  ],
+  qrcode: [
+    { targetPath: "options.formatter", label: "\u5185\u5BB9", dataSource: "main" }
+  ],
+  image: [
+    { targetPath: "options.src", label: "\u5185\u5BB9", dataSource: "main", placeholder: "\u8F93\u5165\u56FE\u7247\u8DEF\u5F84\uFF0C\u652F\u6301 /docfiles/... \u76F8\u5BF9\u8DEF\u5F84\u3001\u7EDD\u5BF9 URL \u6216 {\u5B57\u6BB5} \u8868\u8FBE\u5F0F" }
+  ],
+  table: []
+};
+function getTableCellBindings(rowType, rowIndex, cellIndex, listField) {
+  if (rowType === "data") {
+    return [{
+      targetPath: `options.tableRows[${rowIndex}].cells[${cellIndex}].formatter`,
+      label: "\u5185\u5BB9",
+      dataSource: "list",
+      listField,
+      placeholder: "{name}"
+    }];
+  }
+  if (rowType === "subtotal") {
+    return [{
+      targetPath: `options.tableRows[${rowIndex}].cells[${cellIndex}].formatter`,
+      label: "\u5185\u5BB9",
+      dataSource: "subtotal",
+      placeholder: "{MONEY(SUM(amount))}"
+    }];
+  }
+  if (rowType === "summary") {
+    return [{
+      targetPath: `options.tableRows[${rowIndex}].cells[${cellIndex}].formatter`,
+      label: "\u5185\u5BB9",
+      dataSource: "summary",
+      placeholder: "{MONEY(SUM(amount))}"
+    }];
+  }
+  return [{
+    targetPath: `options.tableRows[${rowIndex}].cells[${cellIndex}].formatter`,
+    label: "\u5185\u5BB9",
+    dataSource: "main",
+    placeholder: "\u5408\u8BA1: {order.total}"
+  }];
+}
+function getElementBindings(element) {
+  const type = element.printElementType.type;
+  const staticBindings = ELEMENT_BINDING_REGISTRY[type] ?? [];
+  const dynamicBindings = [];
+  if (type === "table") {
+    const listField = element.options.dataSource;
+    for (const [ri, row] of (element.options.tableRows ?? []).entries()) {
+      for (const [ci, cell] of row.cells.entries()) {
+        if (cell.merged) continue;
+        dynamicBindings.push(...getTableCellBindings(row.type, ri, ci, listField));
+      }
+    }
+  }
+  return [...staticBindings, ...dynamicBindings];
+}
+
 // src/designer/utils/binding.ts
 function createFieldElement(field) {
   return createRuntimeElement("text", {
@@ -2825,6 +3058,13 @@ function useBindingDisplay() {
   BARCODE_MODULE_WIDTH_MM,
   BARCODE_QUIET_ZONE_MODULES,
   BARCODE_TEXT_FONT_SIZE_MODULES,
+  CROP_AXIS_OPTIONS,
+  CROP_GRID_OPTIONS,
+  CROP_SAMPLE_IMAGE,
+  CROP_SAMPLE_NOTE,
+  CROP_SCALE_LABEL,
+  CROP_SCALE_MAX,
+  CROP_SCALE_MIN,
   DEFAULT_DEMO_DATA,
   DEFAULT_SHRINK_MIN_FONT_SIZE_PT,
   ELEMENT_BINDING_REGISTRY,
@@ -2832,6 +3072,7 @@ function useBindingDisplay() {
   EXTENDED_FUNCTIONS,
   FIT_SCALE_MIN_PERCENT,
   GHOST_BORDER_CSS,
+  IMAGE_FIT_OPTIONS,
   LABEL_PAPER_GROUP,
   MIN_COL_WIDTH_MM,
   MIN_SCALE_PERCENT,
@@ -2848,12 +3089,14 @@ function useBindingDisplay() {
   barcodeAvailableBoxMm,
   barcodePreferredModuleWidthMm,
   barcodeUnitsPerModule,
+  buildCropAnchor,
   buildRulerTicks,
   calcResizeRect,
   canMergeReason,
   cellFitCapMm,
   cellFitKey,
   cellFitWidthMm,
+  cellImageBoxMm,
   chooseMajorStepMM,
   clampResizedColumnWidth,
   clampScalePercent,
@@ -2865,6 +3108,13 @@ function useBindingDisplay() {
   createDefaultTable,
   createFieldElement,
   createRuntimeElement,
+  cropAxisFields,
+  cropAxisLabel,
+  cropAxisNote,
+  cropPresetOptions,
+  cropScalePct,
+  cropStyleDeclarations,
+  cropWindow,
   deleteCol,
   deleteRow,
   engine,
@@ -2896,6 +3146,7 @@ function useBindingDisplay() {
   normalizeSelection,
   normalizeTemplateUnits,
   parseCellFitKey,
+  parseCropAnchor,
   propertyTip,
   ptToMm,
   pxToMm,
@@ -2903,13 +3154,18 @@ function useBindingDisplay() {
   resolveBarcodeSize,
   resolveCellBorderCss,
   resolveCellTextFit,
+  resolveCropPreview,
+  resolveCropTravel,
+  resolveDesignImageSrc,
   resolveElementBorder,
   resolveElementTextFit,
+  resolveOverlayPlacement,
   resolveShrinkMinFontSize,
   resolveTextBinding,
   resolveToolbarOverflow,
   roundFontSize,
   safeEval,
+  sanitizeObjectPosition,
   searchProperties,
   setHeaderRepeat,
   setRowType,