x-print-designer 0.4.13 → 0.4.14

package/dist/{index-sx0m_xBC.js → index-BaP1Ck2O.js}

@@ -20793,12 +20793,24 @@ function requireIsEqual() {
 }
 var isEqualExports = requireIsEqual();
 const isEqual = /* @__PURE__ */ getDefaultExportFromCjs(isEqualExports);
-const sanitizeElement = (element) => {
+const normalizeIdentifier = (value, fallback) => {
+  if (typeof value === "string") {
+    const normalized = value.trim();
+    return normalized || fallback;
+  }
+  if (typeof value === "number" && Number.isFinite(value)) {
+    return String(value);
+  }
+  return fallback;
+};
+const sanitizeElement = (element, pageIndex, elementIndex) => {
   if (!element || typeof element !== "object") return null;
-  if (typeof element.id !== "string" || !element.id) return null;
-  if (typeof element.type !== "string" || !element.type) return null;
+  const type = typeof element.type === "string" ? element.type.trim() : "";
+  if (!type) return null;
   const next = {
     ...element,
+    id: normalizeIdentifier(element.id, `element-${pageIndex + 1}-${elementIndex + 1}`),
+    type,
     style: element.style && typeof element.style === "object" ? element.style : {}
   };
   if (next.type === "table") {
@@ -20812,8 +20824,8 @@ const sanitizePages = (pages) => {
   if (!Array.isArray(pages)) return [];
   return pages.filter((page) => page && typeof page === "object").map((page, index2) => ({
     ...page,
-    id: typeof page.id === "string" && page.id ? page.id : `page-${index2 + 1}`,
-    elements: Array.isArray(page.elements) ? page.elements.map(sanitizeElement).filter(Boolean) : []
+    id: normalizeIdentifier(page.id, `page-${index2 + 1}`),
+    elements: Array.isArray(page.elements) ? page.elements.map((element, elementIndex) => sanitizeElement(element, index2, elementIndex)).filter(Boolean) : []
   }));
 };
 const sanitizeTemplateData = (data) => {
@@ -21408,6 +21420,9 @@ const useTemplateStore = /* @__PURE__ */ defineStore("templates", {
             }
             const t = detail;
             const designerStore = useDesignerStore();
+            const isReportMode = designerStore.mode === "report";
+            const injectedTestData = isReportMode && Object.keys(designerStore.testData || {}).length > 0 ? cloneDeep$1(designerStore.testData) : null;
+            const injectedVariables = isReportMode && Object.keys(designerStore.variables || {}).length > 0 ? cloneDeep$1(designerStore.variables) : null;
             designerStore.resetCanvas();
             const data = t.data;
             if (data.pages && data.pages.length > 0) {
@@ -21433,12 +21448,16 @@ const useTemplateStore = /* @__PURE__ */ defineStore("templates", {
             if (data.pageSpacingY !== void 0) designerStore.pageSpacingY = data.pageSpacingY;
             if (data.unit !== void 0) designerStore.unit = data.unit;
             if (data.watermark !== void 0) designerStore.watermark = cloneDeep$1(data.watermark);
-            if (designerStore.mode !== "report" || Object.keys(designerStore.testData || {}).length === 0) {
+            if (injectedTestData) {
+              designerStore.testData = injectedTestData;
+            } else {
               designerStore.testData = cloneDeep$1(data.testData || {});
             }
-            if (data.variables !== void 0) {
+            if (injectedVariables) {
+              designerStore.variables = injectedVariables;
+            } else if (data.variables !== void 0) {
               designerStore.variables = cloneDeep$1(data.variables || {});
-            } else if (designerStore.mode === "report" && data.testData && typeof data.testData === "object") {
+            } else if (isReportMode && data.testData && typeof data.testData === "object") {
               const nestedVariables = data.testData.variables && typeof data.testData.variables === "object" ? data.testData.variables : data.testData;
               designerStore.variables = cloneDeep$1(nestedVariables || {});
             }
@@ -21484,6 +21503,9 @@ const useTemplateStore = /* @__PURE__ */ defineStore("templates", {
           const t = this.templates.find((t2) => t2.id === id);
           if (t) {
             const designerStore = useDesignerStore();
+            const isReportMode = designerStore.mode === "report";
+            const injectedTestData = isReportMode && Object.keys(designerStore.testData || {}).length > 0 ? cloneDeep$1(designerStore.testData) : null;
+            const injectedVariables = isReportMode && Object.keys(designerStore.variables || {}).length > 0 ? cloneDeep$1(designerStore.variables) : null;
             designerStore.resetCanvas();
             const data = sanitizeTemplateData(t.data);
             if (data.pages && data.pages.length > 0) {
@@ -21514,12 +21536,16 @@ const useTemplateStore = /* @__PURE__ */ defineStore("templates", {
             if (data.pageSpacingY !== void 0) designerStore.pageSpacingY = data.pageSpacingY;
             if (data.unit !== void 0) designerStore.unit = data.unit;
             if (data.watermark !== void 0) designerStore.watermark = cloneDeep$1(data.watermark);
-            if (designerStore.mode !== "report" || Object.keys(designerStore.testData || {}).length === 0) {
+            if (injectedTestData) {
+              designerStore.testData = injectedTestData;
+            } else {
               designerStore.testData = cloneDeep$1(data.testData || {});
             }
-            if (data.variables !== void 0) {
+            if (injectedVariables) {
+              designerStore.variables = injectedVariables;
+            } else if (data.variables !== void 0) {
               designerStore.variables = cloneDeep$1(data.variables || {});
-            } else if (designerStore.mode === "report" && data.testData && typeof data.testData === "object") {
+            } else if (isReportMode && data.testData && typeof data.testData === "object") {
               const nestedVariables = data.testData.variables && typeof data.testData.variables === "object" ? data.testData.variables : data.testData;
               designerStore.variables = cloneDeep$1(nestedVariables || {});
             }
@@ -22731,6 +22757,13 @@ const useDesignerStore = /* @__PURE__ */ defineStore("designer", {
      * 用于派发对外 `templateloaded` 事件，解决调用方无法 await loadTemplate 的问题。
      */
     loadCompleteEmitter: null,
+    /**
+     * 原始模板页快照（materialize 之前的 pages）。
+     * 报告模式下 materializeReportTables 会把 table 转成 customTable（分页后），
+     * 导致后续数据变化时无法重新分页（table 元素已消失）。
+     * 每次加载模板时保存快照，重新分页前从快照恢复原始 table。
+     */
+    originalTemplatePages: null,
     testData: {},
     variables: {},
     availableVariables: [],
@@ -22904,6 +22937,7 @@ const useDesignerStore = /* @__PURE__ */ defineStore("designer", {
       this.watermark = { ...defaultWatermark };
       localStorage.setItem("print-designer-watermark", JSON.stringify(this.watermark));
       this.pages = [{ id: v4(), elements: [] }];
+      this.originalTemplatePages = null;
       this.currentPageIndex = 0;
       this.testData = {};
       this.variables = {};
@@ -24464,8 +24498,15 @@ const useDesignerStore = /* @__PURE__ */ defineStore("designer", {
     materializeReportTables() {
       if (this.mode !== "report") return false;
       if (!Array.isArray(this.pages) || this.pages.length === 0) return false;
-      const hasDataTable = this.pages.some((page) => Array.isArray(page == null ? void 0 : page.elements) && page.elements.some((element) => (element == null ? void 0 : element.type) === ElementType.TABLE));
+      let hasDataTable = this.pages.some((page) => Array.isArray(page == null ? void 0 : page.elements) && page.elements.some((element) => (element == null ? void 0 : element.type) === ElementType.TABLE));
+      if (!hasDataTable && this.originalTemplatePages) {
+        this.pages = cloneDeep$1(this.originalTemplatePages);
+        hasDataTable = this.pages.some((page) => Array.isArray(page == null ? void 0 : page.elements) && page.elements.some((element) => (element == null ? void 0 : element.type) === ElementType.TABLE));
+      }
       if (!hasDataTable) return false;
+      if (!this.originalTemplatePages) {
+        this.originalTemplatePages = cloneDeep$1(this.pages);
+      }
       const result = materializeReportDataTables({
         pages: this.pages,
         canvasHeight: this.canvasSize.height,
@@ -25283,13 +25324,125 @@ function toRgbaString(h2, s, v, a = 1) {
   const { r, g, b } = hsvToRgb(h2, s, v);
   return `rgba(${r}, ${g}, ${b}, ${parseFloat(a.toFixed(2))})`;
 }
-const _hoisted_1$25 = {
+function expandLoopPages(pages, ctx) {
+  const result = [];
+  for (const page of pages) {
+    const loopVariable = page.loopDataVariable;
+    if (!loopVariable) {
+      result.push(page);
+      continue;
+    }
+    const key = normalizeVariableKey(loopVariable);
+    if (!key) {
+      result.push(page);
+      continue;
+    }
+    const data = resolveRenderValue(key, ctx);
+    if (!Array.isArray(data) || data.length === 0) {
+      result.push(page);
+      continue;
+    }
+    for (let i = 0; i < data.length; i++) {
+      const item = data[i];
+      const newPage = {
+        id: i === 0 ? page.id : `${page.id}-loop-${i}`,
+        elements: page.elements.map((el) => {
+          const cloned = cloneDeep$1(el);
+          if (i !== 0) {
+            cloned.id = `${el.id}-loop-${i}`;
+          }
+          if (el.type === ElementType.LOOP_RENDER) {
+            return cloned;
+          }
+          if (el.variable) {
+            const varKey = normalizeVariableKey(el.variable);
+            if (varKey) {
+              let itemValue;
+              for (const candidate of getScopedVariableKeyCandidates(varKey, key)) {
+                itemValue = resolveNestedValue(item, candidate);
+                if (itemValue !== void 0 && itemValue !== null) break;
+              }
+              if (itemValue !== void 0 && itemValue !== null) {
+                cloned.content = String(itemValue);
+                cloned.variable = "";
+              }
+            }
+          }
+          if (cloned.content && /\{#([^}]+)\}/.test(cloned.content)) {
+            cloned.content = cloned.content.replace(/\{#([^}]+)\}/g, (_match, tokenKey) => {
+              const value = resolveNestedValue(item, tokenKey.trim());
+              if (value !== void 0 && value !== null) {
+                return String(value);
+              }
+              return `{#${tokenKey}}`;
+            });
+          }
+          return cloned;
+        }),
+        loopDataVariable: page.loopDataVariable
+      };
+      result.push(newPage);
+    }
+  }
+  return result;
+}
+function hasLoopPage(pages) {
+  return !!pages && pages.some((p2) => !!p2.loopDataVariable);
+}
+function collapseLoopPages(currentPages, originalTemplatePages) {
+  if (!Array.isArray(currentPages) || !Array.isArray(originalTemplatePages)) {
+    return currentPages;
+  }
+  const originalLoopPages = originalTemplatePages.filter((p2) => p2.loopDataVariable);
+  if (originalLoopPages.length === 0) {
+    return currentPages;
+  }
+  const result = [];
+  const emittedLoopPageIds = /* @__PURE__ */ new Set();
+  for (const page of currentPages) {
+    const originalLoopPage = originalLoopPages.find(
+      (orig) => page.id === orig.id || typeof page.id === "string" && page.id.startsWith(`${orig.id}-`)
+    );
+    if (!originalLoopPage) {
+      result.push(page);
+      continue;
+    }
+    if (emittedLoopPageIds.has(originalLoopPage.id)) {
+      continue;
+    }
+    emittedLoopPageIds.add(originalLoopPage.id);
+    const mergedElements = cloneDeep$1(page.elements || []);
+    const originalElements = originalLoopPage.elements || [];
+    const originalElementMap = new Map(originalElements.map((element) => [element.id, element]));
+    mergedElements.forEach((element, index2) => {
+      const baseElementId = typeof element.id === "string" ? element.id.replace(/-loop-\d+$/, "") : element.id;
+      const originalElement = originalElementMap.get(baseElementId) || originalElements[index2];
+      if (originalElement == null ? void 0 : originalElement.variable) {
+        element.variable = originalElement.variable;
+      }
+      if ((originalElement == null ? void 0 : originalElement.content) && /\{#/.test(originalElement.content)) {
+        element.content = originalElement.content;
+      }
+    });
+    result.push({
+      ...originalLoopPage,
+      elements: mergedElements
+    });
+  }
+  for (const originalLoopPage of originalLoopPages) {
+    if (!emittedLoopPageIds.has(originalLoopPage.id)) {
+      result.push(cloneDeep$1(originalLoopPage));
+    }
+  }
+  return result;
+}
+const _hoisted_1$24 = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$1i(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$25, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$24, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M3 18v-2h18v2zm0-5v-2h18v2zm0-5V6h18v2z"
@@ -25297,13 +25450,13 @@ function render$1i(_ctx, _cache) {
   ])]);
 }
 const MenuIcon = markRaw({ name: "material-symbols-menu", render: render$1i });
-const _hoisted_1$24 = {
+const _hoisted_1$23 = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$1h(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$24, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$23, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M6.4 19L5 17.6l5.6-5.6L5 6.4L6.4 5l5.6 5.6L17.6 5L19 6.4L13.4 12l5.6 5.6l-1.4 1.4l-5.6-5.6z"
@@ -25311,13 +25464,13 @@ function render$1h(_ctx, _cache) {
   ])]);
 }
 const Close = markRaw({ name: "material-symbols-close", render: render$1h });
-const _hoisted_1$23 = {
+const _hoisted_1$22 = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$1g(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$23, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$22, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21zm0-2h14V7H5zm3.338-3.113Q6.725 14.776 6 13q.725-1.775 2.338-2.887T12 9t3.663 1.113T18 13q-.725 1.775-2.337 2.888T12 17t-3.662-1.112m2.6-1.826Q10.5 13.626 10.5 13t.438-1.062T12 11.5t1.063.438T13.5 13t-.437 1.063T12 14.5t-1.062-.437m2.837.712Q14.5 14.05 14.5 13t-.725-1.775T12 10.5t-1.775.725T9.5 13t.725 1.775T12 15.5t1.775-.725"
@@ -25325,13 +25478,13 @@ function render$1g(_ctx, _cache) {
   ])]);
 }
 const Preview = markRaw({ name: "material-symbols-preview", render: render$1g });
-const _hoisted_1$22 = {
+const _hoisted_1$21 = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$1f(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$22, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$21, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "m12 16l-5-5l1.4-1.45l2.6 2.6V4h2v8.15l2.6-2.6L17 11zm-6 4q-.825 0-1.412-.587T4 18v-3h2v3h12v-3h2v3q0 .825-.587 1.413T18 20z"
@@ -25339,13 +25492,13 @@ function render$1f(_ctx, _cache) {
   ])]);
 }
 const FileOutput = markRaw({ name: "material-symbols-file-download", render: render$1f });
-const _hoisted_1$21 = {
+const _hoisted_1$20 = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$1e(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$21, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$20, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21zm1-4h12l-3.75-5l-3 4L9 13z"
@@ -25353,13 +25506,13 @@ function render$1e(_ctx, _cache) {
   ])]);
 }
 const Image$1 = markRaw({ name: "material-symbols-image", render: render$1e });
-const _hoisted_1$20 = {
+const _hoisted_1$1$ = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$1d(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$20, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$1$, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M14 20v-2h3q.425 0 .713-.288T18 17v-2q0-.95.55-1.725t1.45-1.1v-.35q-.9-.325-1.45-1.1T18 9V7q0-.425-.288-.712T17 6h-3V4h3q1.25 0 2.125.875T20 7v2q0 .425.288.713T21 10h1v4h-1q-.425 0-.712.288T20 15v2q0 1.25-.875 2.125T17 20zm-7 0q-1.25 0-2.125-.875T4 17v-2q0-.425-.288-.712T3 14H2v-4h1q.425 0 .713-.288T4 9V7q0-1.25.875-2.125T7 4h3v2H7q-.425 0-.712.288T6 7v2q0 .95-.55 1.725T4 11.825v.35q.9.325 1.45 1.1T6 15v2q0 .425.288.713T7 18h3v2z"
@@ -25367,13 +25520,13 @@ function render$1d(_ctx, _cache) {
   ])]);
 }
 const DataObject = markRaw({ name: "material-symbols-data-object", render: render$1d });
-const _hoisted_1$1$ = {
+const _hoisted_1$1_ = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$1c(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1$, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$1_, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M21 7v12q0 .825-.587 1.413T19 21H5q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h12zm-6.875 10.125Q15 16.25 15 15t-.875-2.125T12 12t-2.125.875T9 15t.875 2.125T12 18t2.125-.875M6 10h9V6H6z"
@@ -25381,13 +25534,13 @@ function render$1c(_ctx, _cache) {
   ])]);
 }
 const Save = markRaw({ name: "material-symbols-save", render: render$1c });
-const _hoisted_1$1_ = {
+const _hoisted_1$1Z = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$1b(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1_, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$1Z, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M8.125 21.213q-1.825-.788-3.187-2.15t-2.15-3.188T2 11.988t.788-3.875t2.15-3.175t3.187-2.15T12 2q.425 0 .713.288T13 3t-.288.713T12 4Q8.675 4 6.337 6.338T4 12t2.338 5.663T12 20t5.663-2.337T20 12q0-.425.288-.712T21 11t.713.288T22 12q0 2.05-.788 3.875t-2.15 3.188t-3.175 2.15t-3.875.787t-3.887-.787"
@@ -25395,13 +25548,13 @@ function render$1b(_ctx, _cache) {
   ])]);
 }
 const Loading = markRaw({ name: "material-symbols-progress-activity", render: render$1b });
-const _hoisted_1$1Z = {
+const _hoisted_1$1Y = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$1a(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1Z, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$1Y, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "m12 15.375l-6-6l1.4-1.4l4.6 4.6l4.6-4.6l1.4 1.4z"
@@ -25409,13 +25562,13 @@ function render$1a(_ctx, _cache) {
   ])]);
 }
 const ChevronDown = markRaw({ name: "material-symbols-expand-more", render: render$1a });
-const _hoisted_1$1Y = {
+const _hoisted_1$1X = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$19(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1Y, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$1X, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M18 7H6V3h12zm0 5.5q.425 0 .713-.288T19 11.5t-.288-.712T18 10.5t-.712.288T17 11.5t.288.713t.712.287M16 19v-4H8v4zm2 2H6v-4H2v-6q0-1.275.875-2.137T5 8h14q1.275 0 2.138.863T22 11v6h-4z"
@@ -25423,13 +25576,13 @@ function render$19(_ctx, _cache) {
   ])]);
 }
 const Printer = markRaw({ name: "material-symbols-print", render: render$19 });
-const _hoisted_1$1X = {
+const _hoisted_1$1W = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$18(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1X, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$1W, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M12.838 17.638q.362-.363.362-.888t-.362-.888t-.888-.362t-.887.363t-.363.887t.363.888t.887.362t.888-.363M11.05 14.15h1.85q0-.825.188-1.3t1.062-1.3q.65-.65 1.025-1.238T15.55 8.9q0-1.4-1.025-2.15T12.1 6q-1.425 0-2.312.75T8.55 8.55l1.65.65q.125-.45.563-.975T12.1 7.7q.8 0 1.2.438t.4.962q0 .5-.3.938t-.75.812q-1.1.975-1.35 1.475t-.25 1.825M12 22q-2.075 0-3.9-.787t-3.175-2.138T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22"
@@ -25437,13 +25590,13 @@ function render$18(_ctx, _cache) {
   ])]);
 }
 const HelpCircle = markRaw({ name: "material-symbols-help", render: render$18 });
-const _hoisted_1$1W = {
+const _hoisted_1$1V = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$17(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1W, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$1V, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "m9.25 22l-.4-3.2q-.325-.125-.612-.3t-.563-.375L4.7 19.375l-2.75-4.75l2.575-1.95Q4.5 12.5 4.5 12.338v-.675q0-.163.025-.338L1.95 9.375l2.75-4.75l2.975 1.25q.275-.2.575-.375t.6-.3l.4-3.2h5.5l.4 3.2q.325.125.613.3t.562.375l2.975-1.25l2.75 4.75l-2.575 1.95q.025.175.025.338v.674q0 .163-.05.338l2.575 1.95l-2.75 4.75l-2.95-1.25q-.275.2-.575.375t-.6.3l-.4 3.2zm2.8-6.5q1.45 0 2.475-1.025T15.55 12t-1.025-2.475T12.05 8.5q-1.475 0-2.488 1.025T8.55 12t1.013 2.475T12.05 15.5"
@@ -25451,13 +25604,13 @@ function render$17(_ctx, _cache) {
   ])]);
 }
 const Settings = markRaw({ name: "material-symbols-settings", render: render$17 });
-const _hoisted_1$1V = {
+const _hoisted_1$1U = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$16(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1V, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$1U, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M7 19v-2h7.1q1.575 0 2.738-1T18 13.5T16.838 11T14.1 10H7.8l2.6 2.6L9 14L4 9l5-5l1.4 1.4L7.8 8h6.3q2.425 0 4.163 1.575T20 13.5t-1.737 3.925T14.1 19z"
@@ -25465,13 +25618,13 @@ function render$16(_ctx, _cache) {
   ])]);
 }
 const UndoIcon = markRaw({ name: "material-symbols-undo", render: render$16 });
-const _hoisted_1$1U = {
+const _hoisted_1$1T = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$15(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1U, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$1T, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M9.9 19q-2.425 0-4.163-1.575T4 13.5t1.738-3.925T9.9 8h6.3l-2.6-2.6L15 4l5 5l-5 5l-1.4-1.4l2.6-2.6H9.9q-1.575 0-2.738 1T6 13.5T7.163 16T9.9 17H17v2z"
@@ -25479,13 +25632,13 @@ function render$15(_ctx, _cache) {
   ])]);
 }
 const RedoIcon = markRaw({ name: "material-symbols-redo", render: render$15 });
-const _hoisted_1$1T = {
+const _hoisted_1$1S = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$14(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1T, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$1S, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M9 18q-.825 0-1.412-.587T7 16V4q0-.825.588-1.412T9 2h9q.825 0 1.413.588T20 4v12q0 .825-.587 1.413T18 18zm-4 4q-.825 0-1.412-.587T3 20V6h2v14h11v2z"
@@ -25493,13 +25646,13 @@ function render$14(_ctx, _cache) {
   ])]);
 }
 const CopyIcon = markRaw({ name: "material-symbols-content-copy", render: render$14 });
-const _hoisted_1$1S = {
+const _hoisted_1$1R = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$13(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1S, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$1R, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h4.175q.275-.875 1.075-1.437T12 1q1 0 1.788.563T14.85 3H19q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21zm0-2h14V5h-2v3H7V5H5zm7.713-14.288Q13 4.425 13 4t-.288-.712T12 3t-.712.288T11 4t.288.713T12 5t.713-.288"
@@ -25507,13 +25660,13 @@ function render$13(_ctx, _cache) {
   ])]);
 }
 const PasteIcon = markRaw({ name: "material-symbols-content-paste", render: render$13 });
-const _hoisted_1$1R = {
+const _hoisted_1$1Q = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$12(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1R, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$1Q, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M6 22q-.825 0-1.412-.587T4 20V10q0-.825.588-1.412T6 8h1V6q0-2.075 1.463-3.537T12 1t3.538 1.463T17 6v2h1q.825 0 1.413.588T20 10v10q0 .825-.587 1.413T18 22zm7.413-5.587Q14 15.825 14 15t-.587-1.412T12 13t-1.412.588T10 15t.588 1.413T12 17t1.413-.587M9 8h6V6q0-1.25-.875-2.125T12 3t-2.125.875T9 6z"
@@ -25521,13 +25674,13 @@ function render$12(_ctx, _cache) {
   ])]);
 }
 const LockIcon = markRaw({ name: "material-symbols-lock", render: render$12 });
-const _hoisted_1$1Q = {
+const _hoisted_1$1P = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$11(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1Q, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$1P, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M7 21q-.825 0-1.412-.587T5 19V6H4V4h5V3h6v1h5v2h-1v13q0 .825-.587 1.413T17 21zm2-4h2V8H9zm4 0h2V8h-2z"
@@ -25535,13 +25688,13 @@ function render$11(_ctx, _cache) {
   ])]);
 }
 const DeleteIcon = markRaw({ name: "material-symbols-delete", render: render$11 });
-const _hoisted_1$1P = {
+const _hoisted_1$1O = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$10(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1P, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$1O, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "m19.6 21l-6.3-6.3q-.75.6-1.725.95T9.5 16q-2.725 0-4.612-1.888T3 9.5t1.888-4.612T9.5 3t4.613 1.888T16 9.5q0 1.1-.35 2.075T14.7 13.3l6.3 6.3zM9.5 14q1.875 0 3.188-1.312T14 9.5t-1.312-3.187T9.5 5T6.313 6.313T5 9.5t1.313 3.188T9.5 14m-1-1.5v-2h-2v-2h2v-2h2v2h2v2h-2v2z"
@@ -25549,13 +25702,13 @@ function render$10(_ctx, _cache) {
   ])]);
 }
 const ZoomIn = markRaw({ name: "material-symbols-zoom-in", render: render$10 });
-const _hoisted_1$1O = {
+const _hoisted_1$1N = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$$(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1O, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$1N, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "m19.6 21l-6.3-6.3q-.75.6-1.725.95T9.5 16q-2.725 0-4.612-1.888T3 9.5t1.888-4.612T9.5 3t4.613 1.888T16 9.5q0 1.1-.35 2.075T14.7 13.3l6.3 6.3zM9.5 14q1.875 0 3.188-1.312T14 9.5t-1.312-3.187T9.5 5T6.313 6.313T5 9.5t1.313 3.188T9.5 14M7 10.5v-2h5v2z"
@@ -26217,13 +26370,13 @@ const usePrintSettings = () => {
   }
   return state;
 };
-const _hoisted_1$1N = {
+const _hoisted_1$1M = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$_(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1N, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$1M, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M13.05 22v-2.05q.85-.125 1.663-.45t1.537-.85l1.4 1.45q-1.05.8-2.2 1.287t-2.4.613m-2 0q-3.45-.45-5.725-2.988T3.05 13.05q0-1.875.713-3.512t1.925-2.85t2.85-1.925t3.512-.713h.15L10.65 2.5l1.4-1.45l4 4l-4 4l-1.4-1.4l1.6-1.6h-.2q-2.925 0-4.962 2.038T5.05 13.05q0 2.6 1.7 4.563t4.3 2.337zm8.05-3.35l-1.45-1.4q.525-.725.85-1.537t.45-1.663H21q-.125 1.25-.612 2.4t-1.288 2.2m1.9-6.6h-2.05q-.125-.85-.45-1.662t-.85-1.538l1.45-1.4q.8.975 1.275 2.15T21 12.05"
@@ -26231,7 +26384,7 @@ function render$_(_ctx, _cache) {
   ])]);
 }
 const RotateRight = markRaw({ name: "material-symbols-rotate-right", render: render$_ });
-const _hoisted_1$1M = ["data-element-id", "data-read-only", "data-repeat-per-page"];
+const _hoisted_1$1L = ["data-element-id", "data-read-only", "data-repeat-per-page"];
 const _hoisted_2$F = ["title"];
 const _hoisted_3$B = {
   key: 1,
@@ -26581,7 +26734,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
             }, toDisplayString$1(currentRotationDisplay.value) + "掳 ", 3)) : createCommentVNode("", true)
           ], 40, _hoisted_4$y)
         ], 64)) : createCommentVNode("", true)
-      ], 46, _hoisted_1$1M);
+      ], 46, _hoisted_1$1L);
     };
   }
 });
@@ -26603,7 +26756,7 @@ function useRenderContext() {
   }
   return computed(buildStoreRenderContext);
 }
-const _hoisted_1$1L = ["data-auto-height"];
+const _hoisted_1$1K = ["data-auto-height"];
 const elementPropertiesSchema$i = {
   sections: [
     {
@@ -26877,11 +27030,11 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
         ]) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
           createTextVNode(toDisplayString$1(resolvedText.value), 1)
         ], 64))
-      ], 44, _hoisted_1$1L);
+      ], 44, _hoisted_1$1K);
     };
   }
 });
-const _hoisted_1$1K = ["src"];
+const _hoisted_1$1J = ["src"];
 const _hoisted_2$E = {
   key: 1,
   class: "text-gray-400 text-xs"
@@ -27016,7 +27169,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
           src: resolvedContent.value,
           class: normalizeClass(["w-full h-full pointer-events-none", imageFitClass.value]),
           alt: "Element"
-        }, null, 10, _hoisted_1$1K)) : (openBlock(), createElementBlock("span", _hoisted_2$E, toDisplayString$1(placeholderText.value), 1)),
+        }, null, 10, _hoisted_1$1J)) : (openBlock(), createElementBlock("span", _hoisted_2$E, toDisplayString$1(placeholderText.value), 1)),
         createBaseVNode("input", {
           ref_key: "fileInputRef",
           ref: fileInputRef,
@@ -27081,7 +27234,7 @@ function shouldPaginate(options) {
   const { totalPages } = calculatePagination(options);
   return totalPages > 1;
 }
-const _hoisted_1$1J = {
+const _hoisted_1$1I = {
   key: 0,
   class: "absolute top-0 right-0 bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-bl z-50"
 };
@@ -27922,7 +28075,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
           "data-table-container": "",
           style: normalizeStyle({ ...tableContainerStyle.value, backgroundColor: __props.element.style.backgroundColor || "transparent" })
         }, [
-          needsPagination.value && !unref(store).isExporting && !usesReportPaginatedLayout.value && unref(store).showVariableNames ? (openBlock(), createElementBlock("div", _hoisted_1$1J, toDisplayString$1(paginationInfo.value.totalPages) + " 页 · 每页 " + toDisplayString$1(paginationInfo.value.rowsPerPage) + " 行 ", 1)) : createCommentVNode("", true),
+          needsPagination.value && !unref(store).isExporting && !usesReportPaginatedLayout.value && unref(store).showVariableNames ? (openBlock(), createElementBlock("div", _hoisted_1$1I, toDisplayString$1(paginationInfo.value.totalPages) + " 页 · 每页 " + toDisplayString$1(paginationInfo.value.rowsPerPage) + " 行 ", 1)) : createCommentVNode("", true),
           !unref(store).isExporting && !usesReportPaginatedLayout.value && !isHeaderLeft.value ? (openBlock(), createElementBlock("div", _hoisted_2$D, [
             createBaseVNode("table", {
               class: "w-full border-collapse flex-shrink-0",
@@ -28685,13 +28838,13 @@ const buildFieldCatalog = ({
     mappedCount: items.filter((item) => item.mapped).length
   };
 };
-const _hoisted_1$1I = {
+const _hoisted_1$1H = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$Z(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1I, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$1H, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "m19.6 21l-6.3-6.3q-.75.6-1.725.95T9.5 16q-2.725 0-4.612-1.888T3 9.5t1.888-4.612T9.5 3t4.613 1.888T16 9.5q0 1.1-.35 2.075T14.7 13.3l6.3 6.3zM9.5 14q1.875 0 3.188-1.312T14 9.5t-1.312-3.187T9.5 5T6.313 6.313T5 9.5t1.313 3.188T9.5 14"
@@ -28699,7 +28852,7 @@ function render$Z(_ctx, _cache) {
   ])]);
 }
 const SearchIcon = markRaw({ name: "material-symbols-search", render: render$Z });
-const _hoisted_1$1H = {
+const _hoisted_1$1G = {
   class: "field-picker-dialog",
   role: "dialog",
   "aria-modal": "true"
@@ -28873,7 +29026,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
           onClick: _cache[2] || (_cache[2] = withModifiers(($event) => emit2("close"), ["self"])),
           onKeydown: handleKeydown
         }, [
-          createBaseVNode("section", _hoisted_1$1H, [
+          createBaseVNode("section", _hoisted_1$1G, [
             createBaseVNode("header", _hoisted_2$C, [
               createBaseVNode("div", _hoisted_3$z, [
                 _cache[3] || (_cache[3] = createBaseVNode("div", { class: "field-picker-mark" }, "F", -1)),
@@ -28986,7 +29139,7 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 const FieldSelectModal = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-774c4c6c"]]);
-const _hoisted_1$1G = ["rowspan", "colspan", "onMousedown", "onMouseenter", "onDblclick"];
+const _hoisted_1$1F = ["rowspan", "colspan", "onMousedown", "onMouseenter", "onDblclick"];
 const _hoisted_2$B = ["src"];
 const _hoisted_3$y = { key: 0 };
 const _hoisted_4$v = {
@@ -29875,7 +30028,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
                       }), 128)),
                       getCellRichTextSegments(row - 1, col - 1).length === 0 ? (openBlock(), createElementBlock("span", _hoisted_3$y, " ")) : createCommentVNode("", true)
                     ], 64))
-                  ], 46, _hoisted_1$1G)), [
+                  ], 46, _hoisted_1$1F)), [
                     [vShow, shouldRenderCell(row - 1, col - 1)]
                   ]);
                 }), 128))
@@ -30260,7 +30413,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
   }
 });
 const CustomTableElement = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-a367d5a2"]]);
-const _hoisted_1$1F = { class: "page-number-text" };
+const _hoisted_1$1E = { class: "page-number-text" };
 const elementPropertiesSchema$e = {
   sections: [
     {
@@ -30415,7 +30568,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
             padding: "0 4px"
           })
         }, toDisplayString$1(__props.element.labelText), 5)) : createCommentVNode("", true),
-        createBaseVNode("span", _hoisted_1$1F, toDisplayString$1(pageText.value), 1),
+        createBaseVNode("span", _hoisted_1$1E, toDisplayString$1(pageText.value), 1),
         __props.element.labelText && __props.element.labelPosition === "after" ? (openBlock(), createElementBlock("span", {
           key: 1,
           style: normalizeStyle({
@@ -30435,7 +30588,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1E = { class: "w-full h-full flex items-center justify-center overflow-hidden" };
+const _hoisted_1$1D = { class: "w-full h-full flex items-center justify-center overflow-hidden" };
 const elementPropertiesSchema$d = {
   sections: [
     {
@@ -30522,7 +30675,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     const renderBarcode = async () => {
       if (!barcodeRef.value) return;
       try {
-        const jsBarcodeModule = await import("./JsBarcode-Ie7CY3Wt.js").then((n) => n.JsBarcode);
+        const jsBarcodeModule = await import("./JsBarcode-DKThGPUY.js").then((n) => n.JsBarcode);
         const JsBarcode = (jsBarcodeModule == null ? void 0 : jsBarcodeModule.default) || jsBarcodeModule;
         const content = resolvedContent.value;
         const style = props.element.style;
@@ -30554,7 +30707,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
       if (registerRenderTask) registerRenderTask(task);
     }, { deep: true });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1E, [
+      return openBlock(), createElementBlock("div", _hoisted_1$1D, [
         createBaseVNode("img", {
           ref_key: "barcodeRef",
           ref: barcodeRef,
@@ -30564,7 +30717,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1D = { class: "w-full h-full flex items-center justify-center overflow-hidden" };
+const _hoisted_1$1C = { class: "w-full h-full flex items-center justify-center overflow-hidden" };
 const _hoisted_2$A = ["src"];
 const elementPropertiesSchema$c = {
   sections: [
@@ -30622,7 +30775,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     });
     const renderQR = async () => {
       try {
-        const qrcodeModule = await import("./browser-VQbZ-HlB.js").then((n) => n.browser);
+        const qrcodeModule = await import("./browser-k38foCq0.js").then((n) => n.browser);
         const QRCode = (qrcodeModule == null ? void 0 : qrcodeModule.default) || qrcodeModule;
         const content = resolvedContent.value;
         qrSrc.value = await QRCode.toDataURL(content, {
@@ -30646,7 +30799,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
       if (registerRenderTask) registerRenderTask(task);
     }, { deep: true });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1D, [
+      return openBlock(), createElementBlock("div", _hoisted_1$1C, [
         qrSrc.value ? (openBlock(), createElementBlock("img", {
           key: 0,
           src: qrSrc.value,
@@ -30657,7 +30810,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1C = { class: "w-full h-full flex items-center justify-center" };
+const _hoisted_1$1B = { class: "w-full h-full flex items-center justify-center" };
 const elementPropertiesSchema$b = {
   sections: [
     {
@@ -30689,7 +30842,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1C, [
+      return openBlock(), createElementBlock("div", _hoisted_1$1B, [
         createBaseVNode("div", {
           class: "w-full",
           style: normalizeStyle({
@@ -30794,7 +30947,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1B = { class: "w-full h-full relative" };
+const _hoisted_1$1A = { class: "w-full h-full relative" };
 const elementPropertiesSchema$8 = {
   sections: [
     {
@@ -31575,7 +31728,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
       }
     }, { deep: true });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1B, [
+      return openBlock(), createElementBlock("div", _hoisted_1$1A, [
         createBaseVNode("div", {
           ref_key: "chartRef",
           ref: chartRef,
@@ -31590,7 +31743,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1A = ["data-auto-height"];
+const _hoisted_1$1z = ["data-auto-height"];
 const _hoisted_2$z = {
   key: 1,
   class: "whitespace-pre-wrap"
@@ -31911,11 +32064,11 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
             }, toDisplayString$1(seg.text), 5);
           }), 128))
         ])) : (openBlock(), createElementBlock("div", _hoisted_3$x, toDisplayString$1(unref(t)("properties.label.longTextPlaceholder").split("\n")[0]), 1))
-      ], 44, _hoisted_1$1A);
+      ], 44, _hoisted_1$1z);
     };
   }
 });
-const _hoisted_1$1z = ["innerHTML"];
+const _hoisted_1$1y = ["innerHTML"];
 const elementPropertiesSchema$6 = {
   sections: [
     {
@@ -31976,12 +32129,12 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
           padding: `${((_e = __props.element.style) == null ? void 0 : _e.padding) || 4}px`
         }),
         innerHTML: displayContent.value
-      }, null, 12, _hoisted_1$1z);
+      }, null, 12, _hoisted_1$1y);
     };
   }
 });
 const RichTextElement = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-4f64b16f"]]);
-const _hoisted_1$1y = { key: 0 };
+const _hoisted_1$1x = { key: 0 };
 const _hoisted_2$y = { key: 1 };
 const elementPropertiesSchema$5 = {
   sections: [
@@ -32075,12 +32228,12 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
           padding: `${((_e = __props.element.style) == null ? void 0 : _e.padding) || 4}px`
         })
       }, [
-        unref(renderContext).showVariableNames && __props.element.variable ? (openBlock(), createElementBlock("span", _hoisted_1$1y, "{#" + toDisplayString$1(__props.element.variable) + "}", 1)) : (openBlock(), createElementBlock("span", _hoisted_2$y, toDisplayString$1(currentDate.value), 1))
+        unref(renderContext).showVariableNames && __props.element.variable ? (openBlock(), createElementBlock("span", _hoisted_1$1x, "{#" + toDisplayString$1(__props.element.variable) + "}", 1)) : (openBlock(), createElementBlock("span", _hoisted_2$y, toDisplayString$1(currentDate.value), 1))
       ], 4);
     };
   }
 });
-const _hoisted_1$1x = { class: "flex items-baseline gap-1" };
+const _hoisted_1$1w = { class: "flex items-baseline gap-1" };
 const _hoisted_2$x = {
   key: 0,
   class: "text-gray-400 text-sm"
@@ -32208,7 +32361,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
           class: "text-gray-500 mb-2",
           style: normalizeStyle({ fontSize: `${__props.element.labelFontSize || 12}px` })
         }, toDisplayString$1(resolvedData.value.label), 5),
-        createBaseVNode("div", _hoisted_1$1x, [
+        createBaseVNode("div", _hoisted_1$1w, [
           createBaseVNode("span", {
             class: "font-bold text-gray-900",
             style: normalizeStyle({ fontSize: `${__props.element.valueFontSize || 32}px` })
@@ -32246,7 +32399,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1w = {
+const _hoisted_1$1v = {
   key: 4,
   class: "text-xs text-gray-400"
 };
@@ -32366,7 +32519,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
           class: "text-sm font-medium text-gray-700",
           style: normalizeStyle({ minWidth: "40px", textAlign: __props.element.progressLabelPosition === "outside" ? "left" : "right" })
         }, toDisplayString$1(resolvedProgress.value.percent) + "% ", 5)) : createCommentVNode("", true),
-        unref(renderContext).showVariableNames && __props.element.variable ? (openBlock(), createElementBlock("div", _hoisted_1$1w, " {#" + toDisplayString$1(__props.element.variable) + "} ", 1)) : createCommentVNode("", true)
+        unref(renderContext).showVariableNames && __props.element.variable ? (openBlock(), createElementBlock("div", _hoisted_1$1v, " {#" + toDisplayString$1(__props.element.variable) + "} ", 1)) : createCommentVNode("", true)
       ], 4);
     };
   }
@@ -32462,7 +32615,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1v = ["src", "alt"];
+const _hoisted_1$1u = ["src", "alt"];
 const _hoisted_2$w = {
   key: 0,
   class: "text-center text-xs text-gray-500 mt-1"
@@ -32533,7 +32686,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
             src: displayImage.value,
             alt: __props.element.label || "印章/签名",
             class: "max-w-full max-h-full object-contain"
-          }, null, 8, _hoisted_1$1v),
+          }, null, 8, _hoisted_1$1u),
           __props.element.label ? (openBlock(), createElementBlock("div", _hoisted_2$w, toDisplayString$1(__props.element.label), 1)) : createCommentVNode("", true)
         ], 64)) : showPlaceholder.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
           _cache[0] || (_cache[0] = createBaseVNode("svg", {
@@ -32555,7 +32708,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1u = { class: "hidden" };
+const _hoisted_1$1t = { class: "hidden" };
 const elementPropertiesSchema = {
   sections: [
     {
@@ -32575,17 +32728,17 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1u);
+      return openBlock(), createElementBlock("div", _hoisted_1$1t);
     };
   }
 });
-const _hoisted_1$1t = {
+const _hoisted_1$1s = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$Y(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1t, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$1s, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M11 13H5v-2h6V5h2v6h6v2h-6v6h-2z"
@@ -32593,13 +32746,13 @@ function render$Y(_ctx, _cache) {
   ])]);
 }
 const AddIcon = markRaw({ name: "material-symbols-add", render: render$Y });
-const _hoisted_1$1s = {
+const _hoisted_1$1r = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$X(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1s, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$1r, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M11 20V7.825l-5.6 5.6L4 12l8-8l8 8l-1.4 1.425l-5.6-5.6V20z"
@@ -32607,13 +32760,13 @@ function render$X(_ctx, _cache) {
   ])]);
 }
 const ArrowUpIcon = markRaw({ name: "material-symbols-arrow-upward", render: render$X });
-const _hoisted_1$1r = {
+const _hoisted_1$1q = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$W(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1r, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$1q, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M11 4v12.175l-5.6-5.6L4 12l8 8l8-8l-1.4-1.425l-5.6 5.6V4z"
@@ -32621,13 +32774,13 @@ function render$W(_ctx, _cache) {
   ])]);
 }
 const ArrowDownIcon = markRaw({ name: "material-symbols-arrow-downward", render: render$W });
-const _hoisted_1$1q = {
+const _hoisted_1$1p = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$V(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1q, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$1p, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "m7 22l-4-4l4-4l1.4 1.45L6.85 17H17v-4h2v6H6.85l1.55 1.55zM5 11V5h12.15L15.6 3.45L17 2l4 4l-4 4l-1.4-1.45L17.15 7H7v4z"
@@ -33076,7 +33229,7 @@ function createNewElement(type, x, y, t) {
     }
   };
 }
-const _hoisted_1$1p = ["id"];
+const _hoisted_1$1o = ["id"];
 const _hoisted_2$v = {
   key: 0,
   class: "absolute top-0 -right-12 flex flex-col gap-2 z-10"
@@ -33219,7 +33372,23 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
       });
       return result;
     };
-    const pages = computed(() => buildReportPaginatedPages(store.pages));
+    const buildReportLoopPages = (sourcePages) => {
+      if (store.mode !== "report") {
+        return sourcePages.map((page, sourcePageIndex) => ({ ...page, __sourcePageIndex: sourcePageIndex }));
+      }
+      return sourcePages.flatMap((page, sourcePageIndex) => expandLoopPages([page], {
+        testData: store.testData,
+        variables: store.variables,
+        mode: store.mode,
+        isExporting: true,
+        showVariableNames: store.showVariableNames
+      }).map((expandedPage, loopIndex) => ({
+        ...expandedPage,
+        __sourcePageIndex: sourcePageIndex,
+        __loopPreviewPage: loopIndex > 0
+      })));
+    };
+    const pages = computed(() => buildReportPaginatedPages(buildReportLoopPages(store.pages)));
     const getSourcePageIndex = (page, fallbackIndex) => {
       return page.__sourcePageIndex ?? fallbackIndex;
     };
@@ -33606,7 +33775,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
             id: `page-wrapper-${index2}`,
             class: "relative group"
           }, [
-            showEditorChrome.value && !page.__autoTablePage ? (openBlock(), createElementBlock("div", _hoisted_2$v, [
+            showEditorChrome.value && !page.__autoTablePage && !page.__loopPreviewPage ? (openBlock(), createElementBlock("div", _hoisted_2$v, [
               createBaseVNode("button", {
                 class: "w-8 h-8 flex items-center justify-center bg-white border border-gray-200 rounded shadow hover:bg-blue-50 hover:text-blue-600 text-gray-600 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
                 title: unref(t)("canvas.addPage"),
@@ -33822,7 +33991,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
                 }, null, 4)) : createCommentVNode("", true)
               ])) : createCommentVNode("", true)
             ], 46, _hoisted_10$i)
-          ], 8, _hoisted_1$1p);
+          ], 8, _hoisted_1$1o);
         }), 128))
       ], 4);
     };
@@ -33956,120 +34125,6 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
   }
 });
 const PrintRenderer = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-d181d33d"]]);
-function expandLoopPages(pages, ctx) {
-  const result = [];
-  for (const page of pages) {
-    const loopVariable = page.loopDataVariable;
-    if (!loopVariable) {
-      result.push(page);
-      continue;
-    }
-    const key = normalizeVariableKey(loopVariable);
-    if (!key) {
-      result.push(page);
-      continue;
-    }
-    const data = resolveRenderValue(key, ctx);
-    if (!Array.isArray(data) || data.length === 0) {
-      result.push(page);
-      continue;
-    }
-    for (let i = 0; i < data.length; i++) {
-      const item = data[i];
-      const newPage = {
-        id: i === 0 ? page.id : v4(),
-        elements: page.elements.map((el) => {
-          const cloned = cloneDeep$1(el);
-          if (i !== 0) {
-            cloned.id = v4();
-          }
-          if (el.type === ElementType.LOOP_RENDER) {
-            return cloned;
-          }
-          if (el.variable) {
-            const varKey = normalizeVariableKey(el.variable);
-            if (varKey) {
-              let itemValue;
-              for (const candidate of getScopedVariableKeyCandidates(varKey, key)) {
-                itemValue = resolveNestedValue(item, candidate);
-                if (itemValue !== void 0 && itemValue !== null) break;
-              }
-              if (itemValue !== void 0 && itemValue !== null) {
-                cloned.content = String(itemValue);
-                cloned.variable = "";
-              }
-            }
-          }
-          if (cloned.content && /\{#([^}]+)\}/.test(cloned.content)) {
-            cloned.content = cloned.content.replace(/\{#([^}]+)\}/g, (_match, tokenKey) => {
-              const value = resolveNestedValue(item, tokenKey.trim());
-              if (value !== void 0 && value !== null) {
-                return String(value);
-              }
-              return `{#${tokenKey}}`;
-            });
-          }
-          return cloned;
-        }),
-        loopDataVariable: page.loopDataVariable
-      };
-      result.push(newPage);
-    }
-  }
-  return result;
-}
-function hasLoopPage(pages) {
-  return !!pages && pages.some((p2) => !!p2.loopDataVariable);
-}
-function collapseLoopPages(currentPages, originalTemplatePages) {
-  var _a2;
-  if (!Array.isArray(currentPages) || !Array.isArray(originalTemplatePages)) {
-    return currentPages;
-  }
-  const originalLoopPages = originalTemplatePages.filter((p2) => p2.loopDataVariable);
-  if (originalLoopPages.length === 0) {
-    return currentPages;
-  }
-  const result = [];
-  for (const originalLoopPage of originalLoopPages) {
-    const basePageId = originalLoopPage.id;
-    const loopVar = originalLoopPage.loopDataVariable;
-    const expandedGroupPages = currentPages.filter(
-      (p2) => p2.id === basePageId || typeof p2.id === "string" && p2.id.startsWith(`${basePageId}-`)
-    );
-    if (expandedGroupPages.length === 0) {
-      result.push(originalLoopPage);
-      continue;
-    }
-    const mergedElements = cloneDeep$1(expandedGroupPages[0].elements || []);
-    const origElMap = new Map(((_a2 = originalLoopPage.elements) == null ? void 0 : _a2.map((e) => [e.type, e])) || []);
-    for (const el of mergedElements) {
-      const orig = origElMap.get(el.type);
-      if (orig == null ? void 0 : orig.variable) {
-        el.variable = orig.variable;
-      }
-      if ((orig == null ? void 0 : orig.content) && /\{#/.test(orig.content)) {
-        el.content = orig.content;
-      }
-    }
-    result.push({
-      ...originalLoopPage,
-      elements: mergedElements,
-      loopDataVariable: loopVar,
-      loopFields: originalLoopPage.loopFields
-    });
-  }
-  new Set(originalLoopPages.map((p2) => p2.id));
-  for (const page of currentPages) {
-    const belongsToLoop = originalLoopPages.some(
-      (orig) => page.id === orig.id || typeof page.id === "string" && page.id.startsWith(`${orig.id}-`)
-    );
-    if (!belongsToLoop) {
-      result.push(page);
-    }
-  }
-  return result;
-}
 const usePrint = () => {
   const store = useDesignerStore();
   const {
@@ -34410,7 +34465,7 @@ const usePrint = () => {
   const svgToCanvas = async (root) => {
     const svgs = root.querySelectorAll("svg");
     if (svgs.length === 0) return;
-    const { Canvg } = await import("./index.es-CJVAF11T.js");
+    const { Canvg } = await import("./index.es-CpznCo85.js");
     svgs.forEach((svg) => {
       const parent = svg.parentElement;
       if (!parent) return;
@@ -34998,7 +35053,7 @@ const usePrint = () => {
     }
     try {
       const generatePageImage = async (page) => {
-        const domToImageModule = await import("./dom-to-image-more.min-CyxmydGS.js").then((n) => n.domToImageMore_min);
+        const domToImageModule = await import("./dom-to-image-more.min-CmrNolwX.js").then((n) => n.domToImageMore_min);
         const domtoimage = (domToImageModule == null ? void 0 : domToImageModule.default) || domToImageModule;
         const canvas = await domtoimage.toCanvas(page, {
           filter: (node) => {
@@ -35056,7 +35111,7 @@ const usePrint = () => {
       cleanup = source.cleanup;
       const { container, tempWrapper: wrapper } = await processContentForImage(source.content, width, height, true, source.getComputedStyleFn);
       tempWrapper = wrapper;
-      const jsPdfModule = await import("./jspdf.es.min-BZ5J-fwr.js");
+      const jsPdfModule = await import("./jspdf.es.min-DVOmjmD9.js");
       const jsPDF = (jsPdfModule == null ? void 0 : jsPdfModule.default) || (jsPdfModule == null ? void 0 : jsPdfModule.jsPDF) || jsPdfModule;
       const pdf = new jsPDF({
         orientation: width > height ? "l" : "p",
@@ -35468,7 +35523,7 @@ const usePrint = () => {
           link.click();
           document.body.removeChild(link);
         } else {
-          const jsZipModule = await import("./jszip.min-DQML3mxT.js").then((n) => n.jszip_min);
+          const jsZipModule = await import("./jszip.min-BDBW17Ci.js").then((n) => n.jszip_min);
           const JSZip = (jsZipModule == null ? void 0 : jsZipModule.default) || jsZipModule;
           const zip = new JSZip();
           await Promise.all(pageImages.map(async (dataUrl, index2) => {
@@ -35581,13 +35636,13 @@ const formatShortcut = (keys) => {
     }
   }).join(" + ");
 };
-const _hoisted_1$1o = {
+const _hoisted_1$1n = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$U(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1o, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$1n, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M6.8 19V5h5.525q1.625 0 3 1T16.7 8.775q0 1.275-.575 1.963t-1.075.987q.625.275 1.388 1.025T17.2 15q0 2.225-1.625 3.113t-3.05.887zm3.025-2.8h2.6q1.2 0 1.463-.612t.262-.888t-.262-.887t-1.538-.613H9.825zm0-5.7h2.325q.825 0 1.2-.425t.375-.95q0-.6-.425-.975t-1.1-.375H9.825z"
@@ -35595,13 +35650,13 @@ function render$U(_ctx, _cache) {
   ])]);
 }
 const Bold = markRaw({ name: "material-symbols-format-bold", render: render$U });
-const _hoisted_1$1n = {
+const _hoisted_1$1m = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$T(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1n, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$1m, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M5 19v-2.5h4l3-9H8V5h10v2.5h-3.5l-3 9H15V19z"
@@ -35609,13 +35664,13 @@ function render$T(_ctx, _cache) {
   ])]);
 }
 const Italic = markRaw({ name: "material-symbols-format-italic", render: render$T });
-const _hoisted_1$1m = {
+const _hoisted_1$1l = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$S(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1m, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$1l, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M5 21v-2h14v2zm3.075-5.575q-1.4-1.575-1.4-4.175V3H9.25v8.4q0 1.4.7 2.275t2.05.875t2.05-.875t.7-2.275V3h2.575v8.25q0 2.6-1.4 4.175T12 17t-3.925-1.575"
@@ -35623,13 +35678,13 @@ function render$S(_ctx, _cache) {
   ])]);
 }
 const FormatUnderlined = markRaw({ name: "material-symbols-format-underlined", render: render$S });
-const _hoisted_1$1l = {
+const _hoisted_1$1k = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$R(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1l, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$1k, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M10.9 16L15 5h2l4.1 11h-1.9l-1-2.8h-4.4l-1 2.8zm3.45-4.4h3.3l-1.6-4.55h-.1zM6 20l-3.5-3.5l1.4-1.4L5 16.15V3h2v13.15l1.1-1.05l1.4 1.4z"
@@ -35637,13 +35692,13 @@ function render$R(_ctx, _cache) {
   ])]);
 }
 const TextRotateVertical = markRaw({ name: "material-symbols-text-rotate-vertical", render: render$R });
-const _hoisted_1$1k = {
+const _hoisted_1$1j = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$Q(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1k, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$1j, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M11 22q-1.25-.125-2.4-.612T6.4 20.1l1.4-1.45q.725.525 1.538.85t1.662.45zm2 0v-2.05q2.6-.375 4.3-2.337T19 13.05q0-2.925-2.037-4.962T12 6.05h-.2l1.6 1.6l-1.4 1.4l-4-4l4-4l1.4 1.45l-1.55 1.55H12q1.875 0 3.513.713t2.85 1.925t1.925 2.85T21 13.05q0 3.425-2.275 5.963T13 22m-8.05-3.35q-.8-1.05-1.288-2.2t-.612-2.4H5.1q.125.85.45 1.663t.85 1.537zm-1.9-6.6q.15-1.275.625-2.45T4.95 7.45l1.45 1.4q-.525.725-.85 1.538T5.1 12.05z"
@@ -35651,13 +35706,13 @@ function render$Q(_ctx, _cache) {
   ])]);
 }
 const RotateCcw = markRaw({ name: "material-symbols-rotate-left", render: render$Q });
-const _hoisted_1$1j = {
+const _hoisted_1$1i = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$P(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1j, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$1i, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M6.4 18h2.1l1.1-3.05h4.8L15.5 18h2.1L13.05 6h-2.1zm3.8-4.8l1.75-4.95h.1l1.75 4.95zM4 22q-.825 0-1.412-.587T2 20V4q0-.825.588-1.412T4 2h16q.825 0 1.413.588T22 4v16q0 .825-.587 1.413T20 22z"
@@ -35665,13 +35720,13 @@ function render$P(_ctx, _cache) {
   ])]);
 }
 const FontDownload = markRaw({ name: "material-symbols-font-download", render: render$P });
-const _hoisted_1$1i = {
+const _hoisted_1$1h = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$O(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1i, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$1h, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M6.175 1.4L7.6 0l8.575 8.575q.575.575.575 1.425t-.575 1.425l-4.75 4.75q-.575.575-1.425.575t-1.425-.575l-4.75-4.75Q3.25 10.85 3.25 10t.575-1.425L8.575 3.8zM10 5.225L5.225 10h9.55zm7.588 11.188Q17 15.825 17 15q0-.525.313-1.125T18 12.75q.225-.3.475-.625T19 11.5q.275.3.525.625t.475.625q.375.525.688 1.125T21 15q0 .825-.587 1.413T19 17t-1.412-.587M2 24v-4h20v4z"
@@ -35679,13 +35734,13 @@ function render$O(_ctx, _cache) {
   ])]);
 }
 const FormatColorFill = markRaw({ name: "material-symbols-format-color-fill", render: render$O });
-const _hoisted_1$1h = {
+const _hoisted_1$1g = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$N(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1h, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$1g, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "m9.55 18l-5.7-5.7l1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z"
@@ -35693,13 +35748,13 @@ function render$N(_ctx, _cache) {
   ])]);
 }
 const Check = markRaw({ name: "material-symbols-check", render: render$N });
-const _hoisted_1$1g = {
+const _hoisted_1$1f = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$M(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1g, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$1f, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M19.25 16.4L8.4 5.55L12 2l5.65 5.55q1.1 1.05 1.725 2.488T20 13.1q0 .9-.2 1.725t-.55 1.575m.55 6.2l-3.1-3.1q-1.025.725-2.2 1.113T12 21q-3.325 0-5.663-2.312T4 13.1q0-1.275.4-2.45T5.6 8.4L1.4 4.2l1.4-1.4l18.4 18.4z"
@@ -35707,13 +35762,13 @@ function render$M(_ctx, _cache) {
   ])]);
 }
 markRaw({ name: "material-symbols-format-color-reset", render: render$M });
-const _hoisted_1$1f = {
+const _hoisted_1$1e = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$L(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1f, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$1e, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "m20.475 23.3l-2.3-2.3h-1.85v-1.85l-2-2V21h-4.65v-4.675H13.5l-2-2H9.675v-1.85l-2-2v3.85H3v-4.65h3.875l-2-2H3V5.8L.7 3.5l1.4-1.4l19.8 19.8zM5 21q-.825 0-1.412-.587T3 19v-2.675h4.675V21zm16-2.9l-1.775-1.775H21zm-3.775-3.775l-.9-.9v-3.75H21v4.65zm-2.9-2.9l-1.75-1.75h1.75zm-3.75-3.75l-.9-.9V3h4.65v4.675zm5.75 0V3H19q.825 0 1.413.588T21 5v2.675zm-8.65-2.9L5.9 3h1.775z"
@@ -35721,7 +35776,7 @@ function render$L(_ctx, _cache) {
   ])]);
 }
 markRaw({ name: "material-symbols-grid-off", render: render$L });
-const _hoisted_1$1e = {
+const _hoisted_1$1d = {
   key: 0,
   class: "w-full h-[1px] bg-red-500 rotate-45 absolute"
 };
@@ -35997,7 +36052,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
               class: normalizeClass(["w-6 h-6 rounded border border-gray-300 dark:border-gray-600 cursor-pointer flex items-center justify-center overflow-hidden transition-all hover:border-blue-500", { "opacity-50 cursor-not-allowed": __props.disabled, "ring-2 ring-blue-500 ring-offset-1": isOpen.value }]),
               style: normalizeStyle({ backgroundColor: isTransparent.value ? "transparent" : displayColor.value })
             }, [
-              !__props.modelValue ? (openBlock(), createElementBlock("div", _hoisted_1$1e)) : createCommentVNode("", true),
+              !__props.modelValue ? (openBlock(), createElementBlock("div", _hoisted_1$1d)) : createCommentVNode("", true),
               isTransparent.value ? (openBlock(), createElementBlock("div", _hoisted_2$u)) : createCommentVNode("", true)
             ], 6)
           ])
@@ -36119,7 +36174,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1d = { class: "flex items-center gap-1 lg:gap-1.5 bg-gray-100 dark:bg-gray-800 rounded-lg px-1.5 lg:px-2 py-0.5 lg:py-1 flex-shrink-0" };
+const _hoisted_1$1c = { class: "flex items-center gap-1 lg:gap-1.5 bg-gray-100 dark:bg-gray-800 rounded-lg px-1.5 lg:px-2 py-0.5 lg:py-1 flex-shrink-0" };
 const _hoisted_2$t = ["disabled", "title"];
 const _hoisted_3$s = ["value"];
 const _hoisted_4$r = { class: "flex items-center gap-0.5" };
@@ -36242,7 +36297,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     watch(selectedColor, (val) => updateStyle({ color: val }));
     watch(selectedBackgroundColor, (val) => updateStyle({ backgroundColor: val === "transparent" ? void 0 : val }));
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1d, [
+      return openBlock(), createElementBlock("div", _hoisted_1$1c, [
         withDirectives(createBaseVNode("select", {
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedFont.value = $event),
           disabled: isFontControlsDisabled.value,
@@ -36387,13 +36442,13 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1c = {
+const _hoisted_1$1b = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$K(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1c, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$1b, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M2 22V2h2v20zm4-5v-3h10v3zm0-7V7h16v3z"
@@ -36401,13 +36456,13 @@ function render$K(_ctx, _cache) {
   ])]);
 }
 const AlignLeft = markRaw({ name: "material-symbols-align-horizontal-left", render: render$K });
-const _hoisted_1$1b = {
+const _hoisted_1$1a = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$J(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1b, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$1a, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M11 22v-5H6v-3h5v-4H3V7h8V2h2v5h8v3h-8v4h5v3h-5v5z"
@@ -36415,13 +36470,13 @@ function render$J(_ctx, _cache) {
   ])]);
 }
 const AlignCenter = markRaw({ name: "material-symbols-align-horizontal-center", render: render$J });
-const _hoisted_1$1a = {
+const _hoisted_1$19 = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$I(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1a, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$19, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M20 22V2h2v20zM8 17v-3h10v3zm-6-7V7h16v3z"
@@ -36429,13 +36484,13 @@ function render$I(_ctx, _cache) {
   ])]);
 }
 const AlignRight = markRaw({ name: "material-symbols-align-horizontal-right", render: render$I });
-const _hoisted_1$19 = {
+const _hoisted_1$18 = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$H(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$19, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$18, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M7 22V6h3v16zm7-6V6h3v10zM2 4V2h20v2z"
@@ -36443,13 +36498,13 @@ function render$H(_ctx, _cache) {
   ])]);
 }
 const AlignTop = markRaw({ name: "material-symbols-align-vertical-top", render: render$H });
-const _hoisted_1$18 = {
+const _hoisted_1$17 = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$G(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$18, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$17, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M7 21v-8H2v-2h5V3h3v8h4V6h3v5h5v2h-5v5h-3v-5h-4v8z"
@@ -36457,13 +36512,13 @@ function render$G(_ctx, _cache) {
   ])]);
 }
 const AlignMiddle = markRaw({ name: "material-symbols-align-vertical-center", render: render$G });
-const _hoisted_1$17 = {
+const _hoisted_1$16 = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$F(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$17, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$16, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M2 22v-2h20v2zm5-4V2h3v16zm7 0V8h3v10z"
@@ -36471,13 +36526,13 @@ function render$F(_ctx, _cache) {
   ])]);
 }
 const AlignBottom = markRaw({ name: "material-symbols-align-vertical-bottom", render: render$F });
-const _hoisted_1$16 = {
+const _hoisted_1$15 = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$E(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$16, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$15, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M4 15V9h2v4h12V9h2v6z"
@@ -36485,7 +36540,7 @@ function render$E(_ctx, _cache) {
   ])]);
 }
 const DistributeH = markRaw({ name: "material-symbols-space-bar", render: render$E });
-const _hoisted_1$15 = {
+const _hoisted_1$14 = {
   key: 0,
   class: "flex items-center gap-0.5 border border-gray-200 rounded-lg px-1 py-0.5 bg-white"
 };
@@ -36501,7 +36556,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     const showDistribute = computed(() => store.selectedElementIds.length >= 3 && store.isTemplateEditable);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        showAlign.value ? (openBlock(), createElementBlock("div", _hoisted_1$15, [
+        showAlign.value ? (openBlock(), createElementBlock("div", _hoisted_1$14, [
           createBaseVNode("button", {
             class: "p-1 hover:bg-blue-50 hover:text-blue-600 rounded transition-colors text-gray-500",
             title: "左对齐",
@@ -36566,13 +36621,13 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$14 = {
+const _hoisted_1$13 = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$D(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$14, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$13, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M12 20q-.825 0-1.412-.587T10 18t.588-1.412T12 16t1.413.588T14 18t-.587 1.413T12 20m0-6q-.825 0-1.412-.587T10 12t.588-1.412T12 10t1.413.588T14 12t-.587 1.413T12 14m0-6q-.825 0-1.412-.587T10 6t.588-1.412T12 4t1.413.588T14 6t-.587 1.413T12 8"
@@ -36580,13 +36635,13 @@ function render$D(_ctx, _cache) {
   ])]);
 }
 const MoreVert = markRaw({ name: "material-symbols-more-vert", render: render$D });
-const _hoisted_1$13 = {
+const _hoisted_1$12 = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$C(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$13, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$12, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M3 21v-4.25L16.2 3.575q.3-.275.663-.425t.762-.15t.775.15t.65.45L20.425 5q.3.275.438.65T21 6.4q0 .4-.137.763t-.438.662L7.25 21zM17.6 7.8L19 6.4L17.6 5l-1.4 1.4z"
@@ -36594,13 +36649,13 @@ function render$C(_ctx, _cache) {
   ])]);
 }
 const Edit = markRaw({ name: "material-symbols-edit", render: render$C });
-const _hoisted_1$12 = {
+const _hoisted_1$11 = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$B(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$12, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$11, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M9 20h11q.825 0 1.413-.587T22 18v-2H9zM2 8h5V4H4q-.825 0-1.412.588T2 6zm0 6h5v-4H2zm2 6h3v-4H2v2q0 .825.588 1.413T4 20m5-6h13v-4H9zm0-6h13V6q0-.825-.587-1.412T20 4H9z"
@@ -36608,13 +36663,13 @@ function render$B(_ctx, _cache) {
   ])]);
 }
 const ViewList = markRaw({ name: "material-symbols-view-list", render: render$B });
-const _hoisted_1$11 = {
+const _hoisted_1$10 = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$A(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$11, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$10, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M8 18h8v-2H8zm0-4h8v-2H8zm-2 8q-.825 0-1.412-.587T4 20V4q0-.825.588-1.412T6 2h8l6 6v12q0 .825-.587 1.413T18 22zm7-13h5l-5-5z"
@@ -36622,7 +36677,7 @@ function render$A(_ctx, _cache) {
   ])]);
 }
 const Description = markRaw({ name: "material-symbols-description", render: render$A });
-const _hoisted_1$10 = { class: "h-[60px] flex items-center justify-between px-4 border-b border-gray-200 dark:border-gray-800 shrink-0" };
+const _hoisted_1$$ = { class: "h-[60px] flex items-center justify-between px-4 border-b border-gray-200 dark:border-gray-800 shrink-0" };
 const _hoisted_2$r = { class: "text-lg font-semibold text-gray-800 dark:text-gray-100" };
 const _hoisted_3$r = { class: "p-4" };
 const _hoisted_4$q = { class: "mb-4 space-y-3" };
@@ -36788,7 +36843,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
             ref: modalRef,
             class: "bg-white dark:bg-gray-900 rounded-lg shadow-xl w-96 animate-in fade-in zoom-in duration-200 flex flex-col overflow-hidden"
           }, [
-            createBaseVNode("div", _hoisted_1$10, [
+            createBaseVNode("div", _hoisted_1$$, [
               createBaseVNode("h3", _hoisted_2$r, toDisplayString$1(__props.title || unref(t)("input.title")), 1),
               createBaseVNode("button", {
                 onClick: _cache[0] || (_cache[0] = ($event) => emit2("close")),
@@ -36909,7 +36964,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$$ = { class: "bg-white dark:bg-gray-900 rounded-lg shadow-xl w-[60vw] h-[80vh] flex flex-col overflow-hidden animate-fade-in" };
+const _hoisted_1$_ = { class: "bg-white dark:bg-gray-900 rounded-lg shadow-xl w-[60vw] h-[80vh] flex flex-col overflow-hidden animate-fade-in" };
 const _hoisted_2$q = { class: "h-[60px] flex items-center justify-between px-4 border-b border-gray-200 dark:border-gray-800 shrink-0" };
 const _hoisted_3$q = { class: "flex items-center gap-2" };
 const _hoisted_4$p = { class: "text-lg font-semibold text-gray-800 dark:text-gray-100" };
@@ -36927,7 +36982,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:visible", "update:value", "close"],
   setup(__props, { emit: __emit }) {
-    const Editor = /* @__PURE__ */ defineAsyncComponent(() => import("./index-C6B5Mzsh.js").then((m) => m.Editor));
+    const Editor = /* @__PURE__ */ defineAsyncComponent(() => import("./index-C6kUsKU-.js").then((m) => m.Editor));
     const { t } = useI18n();
     const { isDark: isDark2 } = useTheme();
     const modalContainer = inject("modal-container", /* @__PURE__ */ ref(null));
@@ -36983,7 +37038,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
           class: normalizeClass([{ "dark": unref(isDark2) }, "fixed inset-0 z-[99999] flex items-center justify-center bg-black/50 pointer-events-auto"]),
           onClick: withModifiers(handleClose, ["self"])
         }, [
-          createBaseVNode("div", _hoisted_1$$, [
+          createBaseVNode("div", _hoisted_1$_, [
             createBaseVNode("div", _hoisted_2$q, [
               createBaseVNode("div", _hoisted_3$q, [
                 createBaseVNode("h3", _hoisted_4$p, toDisplayString$1(__props.title), 1),
@@ -37018,7 +37073,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
   }
 });
 const CodeEditorModal = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-4c59b77a"]]);
-const _hoisted_1$_ = ["title"];
+const _hoisted_1$Z = ["title"];
 const _hoisted_2$p = { class: "flex-1 overflow-hidden flex items-center gap-1.5 text-left" };
 const _hoisted_3$p = {
   key: 0,
@@ -37558,7 +37613,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
             createBaseVNode("span", _hoisted_4$o, toDisplayString$1(currentTemplateName.value), 1)
           ]),
           createVNode(unref(ChevronDown), { class: "w-4 h-4 flex-shrink-0" })
-        ], 8, _hoisted_1$_),
+        ], 8, _hoisted_1$Z),
         isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_5$n, [
           createBaseVNode("div", _hoisted_6$l, [
             withDirectives(createBaseVNode("input", {
@@ -37698,7 +37753,7 @@ const PAPER_SIZES = {
   "241-3 (Third)": { width: 911, height: 352 }
   // 241mm x 93.1mm
 };
-const _hoisted_1$Z = { class: "relative" };
+const _hoisted_1$Y = { class: "relative" };
 const _hoisted_2$o = { class: "flex items-center bg-gray-100 dark:bg-gray-800 rounded-lg p-1" };
 const _hoisted_3$o = ["disabled", "title"];
 const _hoisted_4$n = ["disabled", "title"];
@@ -37931,7 +37986,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$Z, [
+      return openBlock(), createElementBlock("div", _hoisted_1$Y, [
         createBaseVNode("div", _hoisted_2$o, [
           createBaseVNode("button", {
             onClick: togglePaperSettings,
@@ -38357,13 +38412,13 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$Y = {
+const _hoisted_1$X = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$z(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$Y, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$X, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M9 12.5h1v-2h1q.425 0 .713-.288T12 9.5v-1q0-.425-.288-.712T11 7.5H9zm1-3v-1h1v1zm3 3h2q.425 0 .713-.288T16 11.5v-3q0-.425-.288-.712T15 7.5h-2zm1-1v-3h1v3zm3 1h1v-2h1v-1h-1v-1h1v-1h-2zM8 18q-.825 0-1.412-.587T6 16V4q0-.825.588-1.412T8 2h12q.825 0 1.413.588T22 4v12q0 .825-.587 1.413T20 18zm-4 4q-.825 0-1.412-.587T2 20V6h2v14h14v2z"
@@ -38371,7 +38426,7 @@ function render$z(_ctx, _cache) {
   ])]);
 }
 markRaw({ name: "material-symbols-picture-as-pdf", render: render$z });
-const _hoisted_1$X = { class: "bg-white rounded-lg shadow-xl w-[90vw] h-[90vh] flex flex-col overflow-hidden" };
+const _hoisted_1$W = { class: "bg-white rounded-lg shadow-xl w-[90vw] h-[90vh] flex flex-col overflow-hidden" };
 const _hoisted_2$n = { class: "relative flex items-center justify-between p-4 border-b border-gray-200" };
 const _hoisted_3$n = { class: "text-lg font-semibold text-gray-800" };
 const _hoisted_4$m = { class: "absolute left-1/2 -translate-x-1/2 flex items-center gap-2" };
@@ -38565,7 +38620,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
             class: "fixed inset-0 z-[99999] flex items-center justify-center bg-black/50 pointer-events-auto",
             onClick: withModifiers(handleClose, ["self"])
           }, [
-            createBaseVNode("div", _hoisted_1$X, [
+            createBaseVNode("div", _hoisted_1$W, [
               createBaseVNode("div", _hoisted_2$n, [
                 createBaseVNode("h3", _hoisted_3$n, toDisplayString$1(unref(t)("preview.title")), 1),
                 createBaseVNode("div", _hoisted_4$m, [
@@ -39209,13 +39264,13 @@ function requireStartCase() {
 }
 var startCaseExports = requireStartCase();
 const startCase = /* @__PURE__ */ getDefaultExportFromCjs(startCaseExports);
-const _hoisted_1$W = {
+const _hoisted_1$V = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$y(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$W, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$V, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M4 19q-.825 0-1.412-.587T2 17V7q0-.825.588-1.412T4 5h16q.825 0 1.413.588T22 7v10q0 .825-.587 1.413T20 19zm4-3h8v-2H8zm-3-3h2v-2H5zm3 0h2v-2H8zm3 0h2v-2h-2zm3 0h2v-2h-2zm3 0h2v-2h-2zM5 10h2V8H5zm3 0h2V8H8zm3 0h2V8h-2zm3 0h2V8h-2zm3 0h2V8h-2z"
@@ -39223,13 +39278,13 @@ function render$y(_ctx, _cache) {
   ])]);
 }
 const KeyboardIcon = markRaw({ name: "material-symbols-keyboard", render: render$y });
-const _hoisted_1$V = {
+const _hoisted_1$U = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$x(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$V, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$U, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M11 17h2v-6h-2zm1.713-8.287Q13 8.425 13 8t-.288-.712T12 7t-.712.288T11 8t.288.713T12 9t.713-.288M12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22"
@@ -39238,7 +39293,7 @@ function render$x(_ctx, _cache) {
 }
 const InfoIcon = markRaw({ name: "material-symbols-info", render: render$x });
 const name = "x-print-designer";
-const version = "0.4.12";
+const version = "0.4.14";
 const dependencies = { "@guolao/vue-monaco-editor": "^1.6.0", "canvg": "^3.0.11", "dom-to-image-more": "^3.7.2", "echarts": "^6.0.0", "jsbarcode": "^3.12.3", "jspdf": "4.2", "jszip": "^3.10.1", "lodash": "^4.17.21", "qrcode": "^1.5.4", "uuid": "^11.0.3" };
 const devDependencies = { "@iconify-json/material-symbols": "^1.2.53", "@types/jsbarcode": "^3.11.4", "@types/lodash": "^4.17.13", "@types/node": "^22.10.2", "@types/qrcode": "^1.5.6", "@types/uuid": "^10.0.0", "@vitejs/plugin-vue": "^5.2.1", "@vue/tsconfig": "^0.7.0", "autoprefixer": "^10.4.20", "postcss": "^8.4.49", "pinia": "2.3.0", "rollup-plugin-visualizer": "^7.0.1", "sharp": "^0.34.5", "tailwindcss": "^3.4.17", "terser": "^5.46.1", "typescript": "~5.6.2", "unplugin-icons": "^23.0.1", "vite": "^6.0.1", "vue": "3.5.13", "vue-i18n": "11.2.8", "vue-tsc": "^2.1.10" };
 const pkg = {
@@ -39247,7 +39302,7 @@ const pkg = {
   dependencies,
   devDependencies
 };
-const _hoisted_1$U = { class: "bg-white rounded-lg shadow-xl w-[700px] max-w-full h-[500px] flex overflow-hidden" };
+const _hoisted_1$T = { class: "bg-white rounded-lg shadow-xl w-[700px] max-w-full h-[500px] flex overflow-hidden" };
 const _hoisted_2$m = { class: "w-48 bg-gray-50 border-r border-gray-200 flex flex-col" };
 const _hoisted_3$m = { class: "h-[60px] flex items-center px-4 border-b border-gray-200" };
 const _hoisted_4$l = { class: "text-lg font-semibold text-gray-800" };
@@ -39399,7 +39454,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
           class: "fixed inset-0 z-[99999] flex items-center justify-center bg-black/50 pointer-events-auto",
           onClick: withModifiers(close, ["self"])
         }, [
-          createBaseVNode("div", _hoisted_1$U, [
+          createBaseVNode("div", _hoisted_1$T, [
             createBaseVNode("div", _hoisted_2$m, [
               createBaseVNode("div", _hoisted_3$m, [
                 createBaseVNode("h3", _hoisted_4$l, toDisplayString$1(unref(t)("help.title")), 1)
@@ -39681,13 +39736,13 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$T = {
+const _hoisted_1$S = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$w(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$T, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$S, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "m11.9 22l4.55-12h2.1l4.55 12H21l-1.075-3.05h-4.85L14 22zM4 19l-1.4-1.4l5.05-5.05q-.875-.875-1.588-2T4.75 8h2.1q.5.975 1 1.7t1.2 1.45q.825-.825 1.713-2.313T12.1 6H1V4h7V2h2v2h7v2h-2.9q-.525 1.8-1.575 3.7t-2.075 2.9l2.4 2.45l-.75 2.05l-3.05-3.125zm11.7-1.8h3.6l-1.8-5.1z"
@@ -39695,13 +39750,13 @@ function render$w(_ctx, _cache) {
   ])]);
 }
 const TranslateIcon = markRaw({ name: "material-symbols-translate", render: render$w });
-const _hoisted_1$S = {
+const _hoisted_1$R = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$v(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$S, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$R, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M6.5 20q-2.275 0-3.887-1.575T1 14.575q0-1.95 1.175-3.475T5.25 9.15q.625-2.3 2.5-3.725T12 4q2.925 0 4.963 2.038T19 11q1.725.2 2.863 1.488T23 15.5q0 1.875-1.312 3.188T18.5 20z"
@@ -39709,13 +39764,13 @@ function render$v(_ctx, _cache) {
   ])]);
 }
 markRaw({ name: "material-symbols-cloud", render: render$v });
-const _hoisted_1$R = {
+const _hoisted_1$Q = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$u(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$R, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$Q, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M11 17H7q-2.075 0-3.537-1.463T2 12t1.463-3.537T7 7h4v2H7q-1.25 0-2.125.875T4 12t.875 2.125T7 15h4zm-3-4v-2h8v2zm5 4v-2h4q1.25 0 2.125-.875T20 12t-.875-2.125T17 9h-4V7h4q2.075 0 3.538 1.463T22 12t-1.463 3.538T17 17z"
@@ -39723,13 +39778,13 @@ function render$u(_ctx, _cache) {
   ])]);
 }
 markRaw({ name: "material-symbols-link", render: render$u });
-const _hoisted_1$Q = {
+const _hoisted_1$P = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$t(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$Q, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$P, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "m19.25 16.45l-1.5-1.55q1-.275 1.625-1.063T20 12q0-1.25-.875-2.125T17 9h-4V7h4q2.075 0 3.538 1.463T22 12q0 1.425-.737 2.625T19.25 16.45M15.85 13l-2-2H16v2zm3.95 9.6L1.4 4.2l1.4-1.4l18.4 18.4zM11 17H7q-2.075 0-3.537-1.463T2 12q0-1.725 1.05-3.075t2.7-1.775L7.6 9H7q-1.25 0-2.125.875T4 12t.875 2.125T7 15h4zm-3-4v-2h1.625l1.975 2z"
@@ -39737,7 +39792,7 @@ function render$t(_ctx, _cache) {
   ])]);
 }
 markRaw({ name: "material-symbols-link-off", render: render$t });
-const _hoisted_1$P = { class: "bg-white rounded-lg shadow-xl w-[700px] max-w-full h-[500px] flex overflow-hidden" };
+const _hoisted_1$O = { class: "bg-white rounded-lg shadow-xl w-[700px] max-w-full h-[500px] flex overflow-hidden" };
 const _hoisted_2$l = { class: "w-48 bg-gray-50 border-r border-gray-200 flex flex-col" };
 const _hoisted_3$l = { class: "h-[60px] flex items-center px-4 border-b border-gray-200" };
 const _hoisted_4$k = { class: "text-lg font-semibold text-gray-800" };
@@ -40056,7 +40111,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
           class: "fixed inset-0 z-[99999] flex items-center justify-center bg-black/50 pointer-events-auto",
           onClick: withModifiers(close, ["self"])
         }, [
-          createBaseVNode("div", _hoisted_1$P, [
+          createBaseVNode("div", _hoisted_1$O, [
             createBaseVNode("div", _hoisted_2$l, [
               createBaseVNode("div", _hoisted_3$l, [
                 createBaseVNode("h3", _hoisted_4$k, toDisplayString$1(unref(t)("settings.title")), 1)
@@ -40336,7 +40391,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$O = { class: "h-12 lg:h-14 bg-white dark:bg-gray-900 border-b border-gray-200 dark:border-gray-700 flex items-center px-2 lg:px-4 z-[2000] relative shadow-sm flex-shrink-0" };
+const _hoisted_1$N = { class: "h-12 lg:h-14 bg-white dark:bg-gray-900 border-b border-gray-200 dark:border-gray-700 flex items-center px-2 lg:px-4 z-[2000] relative shadow-sm flex-shrink-0" };
 const _hoisted_2$k = { class: "flex items-center flex-shrink-0" };
 const _hoisted_3$k = { class: "flex-1 flex items-center justify-center gap-1 lg:gap-2 min-w-0" };
 const _hoisted_4$j = { class: "flex items-center gap-1 lg:gap-2" };
@@ -40486,7 +40541,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        createBaseVNode("header", _hoisted_1$O, [
+        createBaseVNode("header", _hoisted_1$N, [
           createBaseVNode("div", _hoisted_2$k, [
             createVNode(_sfc_main$r, { class: "max-w-[140px] lg:max-w-[200px]" })
           ]),
@@ -40906,13 +40961,13 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$N = {
+const _hoisted_1$M = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$s(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$N, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$M, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M10.5 20V7H5V4h14v3h-5.5v13z"
@@ -40920,13 +40975,13 @@ function render$s(_ctx, _cache) {
   ])]);
 }
 const Title = markRaw({ name: "material-symbols-title", render: render$s });
-const _hoisted_1$M = {
+const _hoisted_1$L = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$r(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$M, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$L, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M7 20V7H2V4h13v3h-5v13zm9 0v-8h-3V9h9v3h-3v8z"
@@ -40934,13 +40989,13 @@ function render$r(_ctx, _cache) {
   ])]);
 }
 const Type = markRaw({ name: "material-symbols-text-fields", render: render$r });
-const _hoisted_1$L = {
+const _hoisted_1$K = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$q(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$L, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$K, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "m6 20l1-4H3l.5-2h4l1-4h-4L5 8h4l1-4h2l-1 4h4l1-4h2l-1 4h4l-.5 2h-4l-1 4h4l-.5 2h-4l-1 4h-2l1-4H9l-1 4zm3.5-6h4l1-4h-4z"
@@ -40948,13 +41003,13 @@ function render$q(_ctx, _cache) {
   ])]);
 }
 const Numbers = markRaw({ name: "material-symbols-numbers", render: render$q });
-const _hoisted_1$K = {
+const _hoisted_1$J = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$p(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$K, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$J, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M3 8V5q0-.825.588-1.412T5 3h14q.825 0 1.413.588T21 5v3zm2 13q-.825 0-1.412-.587T3 19v-9h4.5v11zm11.5 0V10H21v9q0 .825-.587 1.413T19 21zm-7 0V10h5v11z"
@@ -40962,13 +41017,13 @@ function render$p(_ctx, _cache) {
   ])]);
 }
 const Table = markRaw({ name: "material-symbols-table-chart", render: render$p });
-const _hoisted_1$J = {
+const _hoisted_1$I = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$o(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$J, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$I, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M3 14V9h8v5zm0-7V5q0-.825.588-1.412T5 3h14q.825 0 1.413.588T21 5v2zm2 14q-.825 0-1.412-.587T3 19v-3h8v5zm8-7V9h8v2.3q-.95-.425-2.025-.25t-1.875.975L15.125 14zm0 8v-3.075l5.525-5.5q.225-.225.5-.325t.55-.1q.3 0 .575.113t.5.337l.925.925q.2.225.313.5t.112.55t-.1.563t-.325.512l-5.5 5.5zm6.575-5.6l.925-.975l-.925-.925l-.95.95z"
@@ -40976,13 +41031,13 @@ function render$o(_ctx, _cache) {
   ])]);
 }
 const TableEdit = markRaw({ name: "material-symbols-table-edit", render: render$o });
-const _hoisted_1$I = {
+const _hoisted_1$H = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$n(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$I, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$H, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M1 19V5h2v14zm3 0V5h2v14zm3 0V5h1v14zm3 0V5h2v14zm3 0V5h3v14zm4 0V5h1v14zm3 0V5h3v14z"
@@ -40990,13 +41045,13 @@ function render$n(_ctx, _cache) {
   ])]);
 }
 const Barcode = markRaw({ name: "material-symbols-barcode", render: render$n });
-const _hoisted_1$H = {
+const _hoisted_1$G = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$m(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$H, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$G, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M3 11V3h8v8zm2-2h4V5H5zM3 21v-8h8v8zm2-2h4v-4H5zm8-8V3h8v8zm2-2h4V5h-4zm4 12v-2h2v2zm-6-6v-2h2v2zm2 2v-2h2v2zm-2 2v-2h2v2zm2 2v-2h2v2zm2-2v-2h2v2zm0-4v-2h2v2zm2 2v-2h2v2z"
@@ -41004,13 +41059,13 @@ function render$m(_ctx, _cache) {
   ])]);
 }
 const QrCode = markRaw({ name: "material-symbols-qr-code", render: render$m });
-const _hoisted_1$G = {
+const _hoisted_1$F = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$l(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$G, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$F, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M16 20v-7h4v7zm-6 0V4h4v16zm-6 0V9h4v11z"
@@ -41018,13 +41073,13 @@ function render$l(_ctx, _cache) {
   ])]);
 }
 const Chart = markRaw({ name: "material-symbols-bar-chart", render: render$l });
-const _hoisted_1$F = {
+const _hoisted_1$E = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$k(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$F, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$E, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21zm2-4h7v-2H7zm0-4h10v-2H7zm0-4h10V7H7z"
@@ -41032,13 +41087,13 @@ function render$k(_ctx, _cache) {
   ])]);
 }
 markRaw({ name: "material-symbols-article", render: render$k });
-const _hoisted_1$E = {
+const _hoisted_1$D = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$j(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$E, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$D, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M4 19v-2h10v2zm0-4v-2h16v2zm0-4V9h16v2zm0-4V5h16v2z"
@@ -41046,13 +41101,13 @@ function render$j(_ctx, _cache) {
   ])]);
 }
 const Subject = markRaw({ name: "material-symbols-subject", render: render$j });
-const _hoisted_1$D = {
+const _hoisted_1$C = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$i(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$D, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$C, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M4 13v-2h16v2z"
@@ -41060,13 +41115,13 @@ function render$i(_ctx, _cache) {
   ])]);
 }
 const HorizontalRule = markRaw({ name: "material-symbols-horizontal-rule", render: render$i });
-const _hoisted_1$C = {
+const _hoisted_1$B = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$h(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$C, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$B, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21zm0-2h14V5H5z"
@@ -41074,13 +41129,13 @@ function render$h(_ctx, _cache) {
   ])]);
 }
 const CheckBoxOutlineBlank = markRaw({ name: "material-symbols-check-box-outline-blank", render: render$h });
-const _hoisted_1$B = {
+const _hoisted_1$A = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$g(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$B, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$A, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20"
@@ -41088,13 +41143,13 @@ function render$g(_ctx, _cache) {
   ])]);
 }
 const RadioButtonUnchecked = markRaw({ name: "material-symbols-radio-button-unchecked", render: render$g });
-const _hoisted_1$A = {
+const _hoisted_1$z = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$f(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$A, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$z, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "m5.825 21l1.625-7.025L2 9.25l7.2-.625L12 2l2.8 6.625l7.2.625l-5.45 4.725L18.175 21L12 17.275z"
@@ -41102,13 +41157,13 @@ function render$f(_ctx, _cache) {
   ])]);
 }
 const Star = markRaw({ name: "material-symbols-star", render: render$f });
-const _hoisted_1$z = {
+const _hoisted_1$y = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$e(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$z, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$y, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M10.45 15.5q.625.625 1.575.588T13.4 15.4L19 7l-8.4 5.6q-.65.45-.712 1.362t.562 1.538M5.1 20q-.55 0-1.012-.238t-.738-.712q-.65-1.175-1-2.437T2 14q0-2.075.788-3.9t2.137-3.175T8.1 4.788T12 4q2.05 0 3.85.775T19 6.888t2.15 3.125t.825 3.837q.025 1.375-.312 2.688t-1.038 2.512q-.275.475-.737.713T18.874 20z"
@@ -41116,13 +41171,13 @@ function render$e(_ctx, _cache) {
   ])]);
 }
 const Speed = markRaw({ name: "material-symbols-speed", render: render$e });
-const _hoisted_1$y = {
+const _hoisted_1$x = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$d(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$y, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$x, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M12.725 17.275Q12 16.55 12 15.5t.725-1.775T14.5 13t1.775.725T17 15.5t-.725 1.775T14.5 18t-1.775-.725M5 22q-.825 0-1.412-.587T3 20V6q0-.825.588-1.412T5 4h1V2h2v2h8V2h2v2h1q.825 0 1.413.588T21 6v14q0 .825-.587 1.413T19 22zm0-2h14V10H5z"
@@ -41130,13 +41185,13 @@ function render$d(_ctx, _cache) {
   ])]);
 }
 const Event$1 = markRaw({ name: "material-symbols-event", render: render$d });
-const _hoisted_1$x = {
+const _hoisted_1$w = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$c(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$x, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$w, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M4 22q-.825 0-1.412-.587T2 20V9q0-.825.588-1.412T4 7h5V4q0-.825.588-1.412T11 2h2q.825 0 1.413.588T15 4v3h5q.825 0 1.413.588T22 9v11q0 .825-.587 1.413T20 22zm2-4h6v-.45q0-.425-.238-.788T11.1 16.2q-.5-.225-1.012-.337T9 15.75t-1.088.113T6.9 16.2q-.425.2-.663.563T6 17.55zm8-1.5h4V15h-4zm-3.937-1.937q.437-.438.437-1.063t-.437-1.062T9 12t-1.062.438T7.5 13.5t.438 1.063T9 15t1.063-.437M14 13.5h4V12h-4zM11 9h2V4h-2z"
@@ -41144,13 +41199,13 @@ function render$c(_ctx, _cache) {
   ])]);
 }
 const Badge = markRaw({ name: "material-symbols-badge", render: render$c });
-const _hoisted_1$w = {
+const _hoisted_1$v = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$b(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$w, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$v, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M12 22q-2.05 0-3.875-.788t-3.187-2.15t-2.15-3.187T2 12q0-2.075.813-3.9t2.2-3.175T8.25 2.788T12.2 2q2 0 3.775.688t3.113 1.9t2.125 2.875T22 11.05q0 2.875-1.75 4.413T16 17h-1.85q-.225 0-.312.125t-.088.275q0 .3.375.863t.375 1.287q0 1.25-.687 1.85T12 22m-4.425-9.425Q8 12.15 8 11.5t-.425-1.075T6.5 10t-1.075.425T5 11.5t.425 1.075T6.5 13t1.075-.425m3-4Q11 8.15 11 7.5t-.425-1.075T9.5 6t-1.075.425T8 7.5t.425 1.075T9.5 9t1.075-.425m5 0Q16 8.15 16 7.5t-.425-1.075T14.5 6t-1.075.425T13 7.5t.425 1.075T14.5 9t1.075-.425m3 4Q19 12.15 19 11.5t-.425-1.075T17.5 10t-1.075.425T16 11.5t.425 1.075T17.5 13t1.075-.425"
@@ -41158,7 +41213,7 @@ function render$b(_ctx, _cache) {
   ])]);
 }
 const Palette = markRaw({ name: "material-symbols-palette", render: render$b });
-const _hoisted_1$v = { class: "w-64 bg-white dark:bg-gray-900 border-r border-gray-200 dark:border-gray-700 flex flex-col h-full z-40" };
+const _hoisted_1$u = { class: "w-64 bg-white dark:bg-gray-900 border-r border-gray-200 dark:border-gray-700 flex flex-col h-full z-40" };
 const _hoisted_2$j = { class: "p-4 border-b border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800" };
 const _hoisted_3$j = { class: "font-semibold text-gray-700 dark:text-gray-200" };
 const _hoisted_4$i = { class: "text-xs text-gray-500 dark:text-gray-400 mt-1" };
@@ -41646,7 +41701,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
       window.removeEventListener("mousedown", handleGlobalClick);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("aside", _hoisted_1$v, [
+      return openBlock(), createElementBlock("aside", _hoisted_1$u, [
         createBaseVNode("div", _hoisted_2$j, [
           createBaseVNode("h2", _hoisted_3$j, toDisplayString$1(unref(t)("sidebar.elements")), 1),
           createBaseVNode("p", _hoisted_4$i, toDisplayString$1(unref(t)("sidebar.dragToCanvas")), 1)
@@ -41749,7 +41804,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$u = {
+const _hoisted_1$t = {
   key: 0,
   class: "flex items-center justify-between"
 };
@@ -41780,7 +41835,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       emit2("update:value", target.value);
     };
     return (_ctx, _cache) => {
-      return __props.type === "switch" ? (openBlock(), createElementBlock("div", _hoisted_1$u, [
+      return __props.type === "switch" ? (openBlock(), createElementBlock("div", _hoisted_1$t, [
         createBaseVNode("label", _hoisted_2$i, toDisplayString$1(__props.label), 1),
         createBaseVNode("button", {
           type: "button",
@@ -41819,7 +41874,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$t = { class: "block text-xs text-gray-500 dark:text-gray-400 mb-1" };
+const _hoisted_1$s = { class: "block text-xs text-gray-500 dark:text-gray-400 mb-1" };
 const _hoisted_2$h = ["value", "disabled"];
 const _hoisted_3$h = ["value"];
 const _sfc_main$j = /* @__PURE__ */ defineComponent({
@@ -41842,7 +41897,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        createBaseVNode("label", _hoisted_1$t, toDisplayString$1(__props.label), 1),
+        createBaseVNode("label", _hoisted_1$s, toDisplayString$1(__props.label), 1),
         createBaseVNode("select", {
           value: __props.value,
           disabled: __props.disabled,
@@ -41861,7 +41916,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$s = { class: "flex items-center justify-between" };
+const _hoisted_1$r = { class: "flex items-center justify-between" };
 const _hoisted_2$g = { class: "text-xs text-gray-500 dark:text-gray-400" };
 const _hoisted_3$g = { class: "flex items-center gap-2" };
 const _hoisted_4$g = {
@@ -41879,7 +41934,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const emit2 = __emit;
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$s, [
+      return openBlock(), createElementBlock("div", _hoisted_1$r, [
         createBaseVNode("label", _hoisted_2$g, toDisplayString$1(__props.label), 1),
         createBaseVNode("div", _hoisted_3$g, [
           createVNode(_sfc_main$w, {
@@ -41909,13 +41964,13 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$r = {
+const _hoisted_1$q = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$a(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$r, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$q, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M3 21v-8h2v4.6L17.6 5H13V3h8v8h-2V6.4L6.4 19H11v2z"
@@ -41923,7 +41978,7 @@ function render$a(_ctx, _cache) {
   ])]);
 }
 const OpenInFull = markRaw({ name: "material-symbols-open-in-full", render: render$a });
-const _hoisted_1$q = { class: "flex flex-col gap-1" };
+const _hoisted_1$p = { class: "flex flex-col gap-1" };
 const _hoisted_2$f = { class: "flex justify-between items-center" };
 const _hoisted_3$f = { class: "text-xs text-gray-500 font-medium" };
 const _hoisted_4$f = { class: "flex items-center gap-2" };
@@ -41939,7 +41994,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:value"],
   setup(__props, { emit: __emit }) {
-    const Editor = /* @__PURE__ */ defineAsyncComponent(() => import("./index-C6B5Mzsh.js").then((m) => m.Editor));
+    const Editor = /* @__PURE__ */ defineAsyncComponent(() => import("./index-C6kUsKU-.js").then((m) => m.Editor));
     const emit2 = __emit;
     useDesignerStore();
     const { isDark: isDark2 } = useTheme();
@@ -41973,7 +42028,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       emit2("update:value", val);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$q, [
+      return openBlock(), createElementBlock("div", _hoisted_1$p, [
         createBaseVNode("div", _hoisted_2$f, [
           createBaseVNode("label", _hoisted_3$f, toDisplayString$1(__props.label), 1),
           createBaseVNode("div", _hoisted_4$f, [
@@ -42015,7 +42070,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
   }
 });
 const PropertyCode = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-e19d1803"]]);
-const _hoisted_1$p = { class: "block text-xs text-gray-500 dark:text-gray-400 mb-1" };
+const _hoisted_1$o = { class: "block text-xs text-gray-500 dark:text-gray-400 mb-1" };
 const _hoisted_2$e = { class: "space-y-2" };
 const _hoisted_3$e = ["value", "disabled", "placeholder"];
 const _hoisted_4$e = { class: "flex flex-col gap-1" };
@@ -42074,7 +42129,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        createBaseVNode("label", _hoisted_1$p, toDisplayString$1(__props.label), 1),
+        createBaseVNode("label", _hoisted_1$o, toDisplayString$1(__props.label), 1),
         createBaseVNode("div", _hoisted_2$e, [
           createBaseVNode("input", {
             type: "text",
@@ -42123,7 +42178,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$o = { class: "relative" };
+const _hoisted_1$n = { class: "relative" };
 const _hoisted_2$d = { class: "block text-xs text-gray-500 dark:text-gray-400 mb-1" };
 const _hoisted_3$d = { class: "relative" };
 const _hoisted_4$d = ["disabled"];
@@ -42187,7 +42242,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       emit2("update:value", "");
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$o, [
+      return openBlock(), createElementBlock("div", _hoisted_1$n, [
         createBaseVNode("label", _hoisted_2$d, toDisplayString$1(__props.label), 1),
         createBaseVNode("div", _hoisted_3$d, [
           createBaseVNode("button", {
@@ -42234,7 +42289,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$n = { class: "block text-xs text-gray-500 dark:text-gray-400 mb-1" };
+const _hoisted_1$m = { class: "block text-xs text-gray-500 dark:text-gray-400 mb-1" };
 const _hoisted_2$c = {
   key: 0,
   class: "text-xs text-gray-400 dark:text-gray-500 py-2"
@@ -42270,7 +42325,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        createBaseVNode("label", _hoisted_1$n, toDisplayString$1(__props.label), 1),
+        createBaseVNode("label", _hoisted_1$m, toDisplayString$1(__props.label), 1),
         !__props.fields || __props.fields.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_2$c, toDisplayString$1(_ctx.$t("common.noData")), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$c, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(__props.fields, (field) => {
             return openBlock(), createElementBlock("label", {
@@ -42293,7 +42348,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
   }
 });
 const PropertyColumnPicker = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-1e890fd6"]]);
-const _hoisted_1$m = { class: "space-y-2" };
+const _hoisted_1$l = { class: "space-y-2" };
 const _hoisted_2$b = { class: "block text-xs text-gray-500 dark:text-gray-400 mb-1 font-medium" };
 const _hoisted_3$b = { class: "flex items-center gap-1 p-2 border border-gray-300 dark:border-gray-600 rounded-t bg-gray-50 dark:bg-gray-800" };
 const _hoisted_4$b = ["disabled"];
@@ -42378,7 +42433,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       handleUpdate(localValue.value + "<p>段落文本</p>");
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$m, [
+      return openBlock(), createElementBlock("div", _hoisted_1$l, [
         createBaseVNode("label", _hoisted_2$b, toDisplayString$1(__props.label), 1),
         createBaseVNode("div", _hoisted_3$b, [
           createBaseVNode("button", {
@@ -42446,7 +42501,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
   }
 });
 const PropertyRichText = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-8b504327"]]);
-const _hoisted_1$l = { class: "block text-xs text-gray-500 dark:text-gray-400 mb-1" };
+const _hoisted_1$k = { class: "block text-xs text-gray-500 dark:text-gray-400 mb-1" };
 const _hoisted_2$a = {
   key: 0,
   class: "text-xs text-gray-400 dark:text-gray-500 py-2"
@@ -42552,7 +42607,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        createBaseVNode("label", _hoisted_1$l, toDisplayString$1(__props.label), 1),
+        createBaseVNode("label", _hoisted_1$k, toDisplayString$1(__props.label), 1),
         displayColumns.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_2$a, toDisplayString$1(_ctx.$t("common.noData")), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$a, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(displayColumns.value, (col) => {
             return openBlock(), createElementBlock("div", {
@@ -42589,7 +42644,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   }
 });
 const ColumnAliasEditor = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-b836815d"]]);
-const _hoisted_1$k = { class: "mb-1 flex items-center justify-between" };
+const _hoisted_1$j = { class: "mb-1 flex items-center justify-between" };
 const _hoisted_2$9 = { class: "text-xs text-gray-500 dark:text-gray-400" };
 const _hoisted_3$9 = ["disabled", "title"];
 const _hoisted_4$9 = {
@@ -42706,7 +42761,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        createBaseVNode("div", _hoisted_1$k, [
+        createBaseVNode("div", _hoisted_1$j, [
           createBaseVNode("label", _hoisted_2$9, toDisplayString$1(__props.label), 1),
           createBaseVNode("button", {
             type: "button",
@@ -42852,7 +42907,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
   }
 });
 const PropertyConditionFormatEditor = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-5fdf36e3"]]);
-const _hoisted_1$j = { class: "block text-xs text-gray-500 dark:text-gray-400 mb-1" };
+const _hoisted_1$i = { class: "block text-xs text-gray-500 dark:text-gray-400 mb-1" };
 const _hoisted_2$8 = {
   key: 0,
   class: "px-2 py-1.5 text-xs text-gray-400 dark:text-gray-500 border border-dashed border-gray-300 dark:border-gray-700 rounded bg-gray-50 dark:bg-gray-800"
@@ -42904,7 +42959,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        createBaseVNode("label", _hoisted_1$j, toDisplayString$1(__props.label), 1),
+        createBaseVNode("label", _hoisted_1$i, toDisplayString$1(__props.label), 1),
         numericFields.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_2$8, toDisplayString$1(__props.scopeData ? unref(t)("common.noData") : unref(t)("properties.label.selectDataSourceFirst")), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$8, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(numericFields.value, (field) => {
             return openBlock(), createElementBlock("button", {
@@ -42935,7 +42990,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
   }
 });
 const PropertyChartFieldsPicker = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-abd69fc3"]]);
-const _hoisted_1$i = { class: "space-y-2" };
+const _hoisted_1$h = { class: "space-y-2" };
 const _hoisted_2$7 = { class: "block text-xs text-gray-500 dark:text-gray-400 font-medium" };
 const _hoisted_3$7 = { class: "relative" };
 const _hoisted_4$7 = ["value", "placeholder", "disabled", "readonly"];
@@ -43062,7 +43117,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       document.removeEventListener("click", handleClickOutside, true);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$i, [
+      return openBlock(), createElementBlock("div", _hoisted_1$h, [
         createBaseVNode("label", _hoisted_2$7, toDisplayString$1(__props.label), 1),
         createBaseVNode("div", _hoisted_3$7, [
           createBaseVNode("textarea", {
@@ -43160,7 +43215,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$h = { class: "p-4 border-b border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800 flex items-center justify-between" };
+const _hoisted_1$g = { class: "p-4 border-b border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800 flex items-center justify-between" };
 const _hoisted_2$6 = { class: "font-semibold text-gray-700 dark:text-gray-200" };
 const _hoisted_3$6 = { class: "text-xs text-gray-500 dark:text-gray-400 mt-1" };
 const _hoisted_4$6 = {
@@ -43994,7 +44049,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           onFocusin: handleFocusIn,
           onFocusout: handleFocusOut
         }, [
-          createBaseVNode("div", _hoisted_1$h, [
+          createBaseVNode("div", _hoisted_1$g, [
             createBaseVNode("div", null, [
               createBaseVNode("h2", _hoisted_2$6, toDisplayString$1(unref(t)("properties.title")), 1),
               createBaseVNode("p", _hoisted_3$6, toDisplayString$1(unref(t)("properties.subtitle")), 1)
@@ -44660,13 +44715,13 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$g = {
+const _hoisted_1$f = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$9(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$g, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$f, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "m19 21l-7-7l-2.35 2.35q.2.375.275.8T10 18q0 1.65-1.175 2.825T6 22t-2.825-1.175T2 18t1.175-2.825T6 14q.425 0 .85.075t.8.275L10 12L7.65 9.65q-.375.2-.8.275T6 10q-1.65 0-2.825-1.175T2 6t1.175-2.825T6 2t2.825 1.175T10 6q0 .425-.075.85t-.275.8L22 20v1zm-4-10l-2-2l6-6h3v1zM7.413 7.413Q8 6.825 8 6t-.587-1.412T6 4t-1.412.588T4 6t.588 1.413T6 8t1.413-.587m4.937 4.937q.15-.15.15-.35t-.15-.35t-.35-.15t-.35.15t-.15.35t.15.35t.35.15t.35-.15m-4.937 7.063Q8 18.825 8 18t-.587-1.412T6 16t-1.412.588T4 18t.588 1.413T6 20t1.413-.587"
@@ -44674,13 +44729,13 @@ function render$9(_ctx, _cache) {
   ])]);
 }
 const CutIcon = markRaw({ name: "material-symbols-content-cut", render: render$9 });
-const _hoisted_1$f = {
+const _hoisted_1$e = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$8(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$f, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$e, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M6 8h9V6q0-1.25-.875-2.125T12 3t-2.125.875T9 6H7q0-2.075 1.463-3.537T12 1t3.538 1.463T17 6v2h1q.825 0 1.413.588T20 10v10q0 .825-.587 1.413T18 22H6q-.825 0-1.412-.587T4 20V10q0-.825.588-1.412T6 8m7.413 8.413Q14 15.825 14 15t-.587-1.412T12 13t-1.412.588T10 15t.588 1.413T12 17t1.413-.587"
@@ -44688,7 +44743,7 @@ function render$8(_ctx, _cache) {
   ])]);
 }
 const UnlockIcon = markRaw({ name: "material-symbols-lock-open", render: render$8 });
-const _hoisted_1$e = { class: "bg-white border border-gray-200 shadow-xl rounded-md min-w-[160px] py-1" };
+const _hoisted_1$d = { class: "bg-white border border-gray-200 shadow-xl rounded-md min-w-[160px] py-1" };
 const _hoisted_2$5 = ["disabled"];
 const _hoisted_3$5 = { class: "flex-1" };
 const _hoisted_4$5 = { class: "text-xs text-gray-400" };
@@ -44992,7 +45047,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
               class: "fixed z-[9999]",
               style: normalizeStyle({ left: `${menuX.value}px`, top: `${menuY.value}px` })
             }, [
-              createBaseVNode("div", _hoisted_1$e, [
+              createBaseVNode("div", _hoisted_1$d, [
                 createBaseVNode("button", {
                   class: "w-full text-left px-3 py-2 text-sm hover:bg-gray-100 disabled:opacity-50 flex items-center gap-2",
                   disabled: unref(store).selectedElementIds.length === 0 && !unref(store).selectedGuideId || ((_a2 = unref(store).selectedElement) == null ? void 0 : _a2.locked),
@@ -45091,7 +45146,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$d = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-sm leading-none text-gray-300 z-10" };
+const _hoisted_1$c = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-sm leading-none text-gray-300 z-10" };
 const _hoisted_2$4 = {
   key: 2,
   class: "w-full h-full bg-gray-200 flex items-center justify-center overflow-hidden"
@@ -45329,7 +45384,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
     const renderBarcodeDataUrl = async (element) => {
       try {
-        const jsBarcodeModule = await import("./JsBarcode-Ie7CY3Wt.js").then((n) => n.JsBarcode);
+        const jsBarcodeModule = await import("./JsBarcode-DKThGPUY.js").then((n) => n.JsBarcode);
         const JsBarcode = (jsBarcodeModule == null ? void 0 : jsBarcodeModule.default) || jsBarcodeModule;
         const canvas = document.createElement("canvas");
         const style = element.style || {};
@@ -45356,7 +45411,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     const renderQrDataUrl = async (element) => {
       var _a2, _b;
       try {
-        const qrcodeModule = await import("./browser-VQbZ-HlB.js").then((n) => n.browser);
+        const qrcodeModule = await import("./browser-k38foCq0.js").then((n) => n.browser);
         const QRCode = (qrcodeModule == null ? void 0 : qrcodeModule.default) || qrcodeModule;
         return await QRCode.toDataURL(getResolvedContent(element), {
           margin: 0,
@@ -45478,7 +45533,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               class: "absolute shadow-sm border border-gray-300 overflow-hidden",
               style: normalizeStyle(getPageStyle(index2))
             }, [
-              createBaseVNode("div", _hoisted_1$d, toDisplayString$1(index2 + 1), 1),
+              createBaseVNode("div", _hoisted_1$c, toDisplayString$1(index2 + 1), 1),
               (openBlock(true), createElementBlock(Fragment, null, renderList(page.elements, (element) => {
                 var _a2, _b;
                 return openBlock(), createElementBlock("div", {
@@ -45643,13 +45698,13 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   }
 });
 const Minimap = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-9e6ec8c1"]]);
-const _hoisted_1$c = {
+const _hoisted_1$b = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$7(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$c, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$b, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M12.6 12L8 7.4L9.4 6l6 6l-6 6L8 16.6z"
@@ -45657,13 +45712,13 @@ function render$7(_ctx, _cache) {
   ])]);
 }
 const KeyboardArrowRight = markRaw({ name: "material-symbols-keyboard-arrow-right", render: render$7 });
-const _hoisted_1$b = {
+const _hoisted_1$a = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$6(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$b, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$a, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "m12 15.4l-6-6L7.4 8l4.6 4.6L16.6 8L18 9.4z"
@@ -45671,7 +45726,7 @@ function render$6(_ctx, _cache) {
   ])]);
 }
 const KeyboardArrowDown = markRaw({ name: "material-symbols-keyboard-arrow-down", render: render$6 });
-const _hoisted_1$a = { class: "text-sm font-semibold text-gray-700 dark:text-gray-200 m-0" };
+const _hoisted_1$9 = { class: "text-sm font-semibold text-gray-700 dark:text-gray-200 m-0" };
 const _hoisted_2$3 = { class: "flex-1 overflow-y-auto p-2 custom-scrollbar" };
 const _hoisted_3$3 = {
   key: 0,
@@ -45883,7 +45938,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           class: "flex items-center justify-between px-3 py-2 bg-gray-50 dark:bg-gray-700 border-b border-gray-200 dark:border-gray-600 cursor-move select-none",
           onMousedown: handleDragStart
         }, [
-          createBaseVNode("h3", _hoisted_1$a, toDisplayString$1(unref(t)("common.variables")), 1),
+          createBaseVNode("h3", _hoisted_1$9, toDisplayString$1(unref(t)("common.variables")), 1),
           createBaseVNode("button", {
             class: "panel-close-btn p-1 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-full transition-colors text-gray-500 dark:text-gray-400",
             onClick: _cache[0] || (_cache[0] = ($event) => unref(store).setShowVariablesPanel(false))
@@ -46138,13 +46193,13 @@ function extractFieldsFromTemplate(templateData) {
   }
   return Array.from(fields);
 }
-const _hoisted_1$9 = {
+const _hoisted_1$8 = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$5(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$9, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$8, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "m12 16l-5-5l1.4-1.45l2.6 2.6V4h2v8.15l2.6-2.6L17 11zm-6 4q-.825 0-1.412-.587T4 18v-3h2v3h12v-3h2v3q0 .825-.587 1.413T18 20z"
@@ -46152,13 +46207,13 @@ function render$5(_ctx, _cache) {
   ])]);
 }
 const Download = markRaw({ name: "material-symbols-download", render: render$5 });
-const _hoisted_1$8 = {
+const _hoisted_1$7 = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$4(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$8, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$7, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M11 16V7.85l-2.6 2.6L7 9l5-5l5 5l-1.4 1.45l-2.6-2.6V16zm-5 4q-.825 0-1.412-.587T4 18v-3h2v3h12v-3h2v3q0 .825-.587 1.413T18 20z"
@@ -46166,13 +46221,13 @@ function render$4(_ctx, _cache) {
   ])]);
 }
 const Upload = markRaw({ name: "material-symbols-upload", render: render$4 });
-const _hoisted_1$7 = {
+const _hoisted_1$6 = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$3(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$7, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$6, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M12 20q-3.35 0-5.675-2.325T4 12t2.325-5.675T12 4q1.725 0 3.3.712T18 6.75V4h2v7h-7V9h4.2q-.8-1.4-2.187-2.2T12 6Q9.5 6 7.75 7.75T6 12t1.75 4.25T12 18q1.925 0 3.475-1.1T17.65 14h2.1q-.7 2.65-2.85 4.325T12 20"
@@ -46180,13 +46235,13 @@ function render$3(_ctx, _cache) {
   ])]);
 }
 const Refresh = markRaw({ name: "material-symbols-refresh", render: render$3 });
-const _hoisted_1$6 = {
+const _hoisted_1$5 = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$2(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$6, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$5, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "m8 18l-6-6l6-6l1.425 1.425l-4.6 4.6L9.4 16.6zm8 0l-1.425-1.425l4.6-4.6L14.6 7.4L16 6l6 6z"
@@ -46194,7 +46249,7 @@ function render$2(_ctx, _cache) {
   ])]);
 }
 const Code = markRaw({ name: "material-symbols-code", render: render$2 });
-const _hoisted_1$5 = { class: "tree-node" };
+const _hoisted_1$4 = { class: "tree-node" };
 const _hoisted_2$2 = {
   key: 0,
   class: "text-xs select-none"
@@ -46325,7 +46380,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     const isRootLevel = computed(() => props.depth === 0);
     return (_ctx, _cache) => {
       const _component_DataTreeNode = resolveComponent("DataTreeNode", true);
-      return openBlock(), createElementBlock("div", _hoisted_1$5, [
+      return openBlock(), createElementBlock("div", _hoisted_1$4, [
         createBaseVNode("div", {
           class: normalizeClass(["flex items-center gap-2 py-1.5 px-3 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-800/50 transition-colors cursor-pointer", { "font-semibold": isRootLevel.value, "font-normal": !isRootLevel.value }]),
           style: normalizeStyle({ paddingLeft: `${__props.depth * 20 + 12}px` }),
@@ -46378,7 +46433,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   }
 });
 const DataTreeNode = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-ab4421ba"]]);
-const _hoisted_1$4 = {
+const _hoisted_1$3 = {
   class: "data-manager-dialog",
   role: "dialog",
   "aria-modal": "true"
@@ -46638,7 +46693,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           onClick: withModifiers(handleClose, ["self"]),
           onKeydown: handlePanelKeydown
         }, [
-          createBaseVNode("section", _hoisted_1$4, [
+          createBaseVNode("section", _hoisted_1$3, [
             createBaseVNode("header", _hoisted_2$1, [
               createBaseVNode("div", _hoisted_3$1, [
                 createBaseVNode("div", _hoisted_4$1, [
@@ -46829,13 +46884,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   }
 });
 const TestDataPanel = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-d86409cd"]]);
-const _hoisted_1$3 = {
+const _hoisted_1$2 = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$3, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$2, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M13 23v-3.075l5.525-5.5q.225-.225.5-.325t.55-.1q.3 0 .575.113t.5.337l.925.925q.2.225.313.5t.112.55t-.1.563t-.325.512l-5.5 5.5zM6 10h9V6H6zm13.575 7.4l.925-.975l-.925-.925l-.95.95zM11 21H5q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h12l4 4v5.3q-.475-.2-.987-.262T19 12.05t-.975.313t-.875.612L15 15.125V15q0-1.25-.875-2.125T12 12t-2.125.875T9 15t.875 2.125T12 18h.1L11 19.1z"
@@ -46843,13 +46898,13 @@ function render$1(_ctx, _cache) {
   ])]);
 }
 const SaveAs = markRaw({ name: "material-symbols-save-as", render: render$1 });
-const _hoisted_1$2 = {
+const _hoisted_1$1 = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$2, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$1, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h7v2H5v14h7v2zm11-4l-1.375-1.45l2.55-2.55H9v-2h8.175l-2.55-2.55L16 7l5 5z"
@@ -46857,7 +46912,7 @@ function render(_ctx, _cache) {
   ])]);
 }
 const Logout = markRaw({ name: "material-symbols-logout", render });
-const _hoisted_1$1 = {
+const _hoisted_1 = {
   key: 0,
   class: "print-designer-headless",
   style: { "display": "none" }
@@ -47310,9 +47365,19 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       const value = pxToUnit(px, store.unit || "mm");
       return store.unit === "px" ? Math.round(value) : Number(value.toFixed(1));
     };
+    const reportEditorPages = computed(() => {
+      if (store.mode !== "report") return store.pages;
+      return expandLoopPages(store.pages, {
+        testData: store.testData,
+        variables: store.variables,
+        mode: store.mode,
+        isExporting: true,
+        showVariableNames: store.showVariableNames
+      });
+    });
     const reportEditorExtraPageCount = computed(() => {
       if (!shouldPaginateReportTable(store.mode, store.isExporting)) return 0;
-      return store.pages.reduce((count, page) => {
+      return reportEditorPages.value.reduce((count, page) => {
         const elements = Array.isArray(page.elements) ? page.elements : [];
         const plan = elements.filter((element) => element && element.type === ElementType.TABLE).map((table) => {
           const rows = store.resolveTableOrRawData(table) || [];
@@ -47324,7 +47389,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       }, 0);
     });
     const canvasStyle = computed(() => {
-      const pagesCount = store.pages.length;
+      const pagesCount = reportEditorPages.value.length;
       const pageHeight = store.canvasSize.height;
       const pageWidth = store.canvasSize.width;
       const unscaledHeight = pagesCount > 0 ? (pagesCount + reportEditorExtraPageCount.value) * pageHeight + (pagesCount + reportEditorExtraPageCount.value - 1) * PAGE_GAP_Y : 0;
@@ -47572,7 +47637,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       var _a2;
-      return props.headless ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+      return props.headless ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createBaseVNode("div", {
           ref_key: "rootContainer",
           ref: rootContainer
@@ -47840,7 +47905,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1 = { class: "preview-page" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "PreviewPage",
   props: {
@@ -48007,6 +48071,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const elementWrapperStyle = (element) => {
       var _a2, _b, _c, _d;
       const base = {
+        position: "absolute",
         left: `${element.x}px`,
         top: `${element.y}px`,
         width: `${element.width}px`,
@@ -48079,6 +48144,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
     };
     const totalPages = computed(() => pages.value.length);
+    const containerStyle = {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      gap: "20px",
+      padding: "20px",
+      backgroundColor: "#f3f4f6"
+    };
+    const printPageBaseStyle = {
+      background: "white",
+      flexShrink: 0
+    };
     const triggerRender = async () => {
       if (!props.autoRender) return;
       store.setIsExporting(true);
@@ -48108,17 +48185,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       isReady
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
+      return openBlock(), createElementBlock("div", { style: containerStyle }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(pages.value, (page, index2) => {
           return openBlock(), createElementBlock("div", {
             key: page.id,
-            class: "print-page relative shadow-lg overflow-hidden",
-            style: normalizeStyle([pageStyle.value, watermarkStyle.value ? watermarkStyle.value : {}])
+            style: normalizeStyle([printPageBaseStyle, { position: "relative", boxShadow: "0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06)", overflow: "hidden" }, pageStyle.value, watermarkStyle.value ? watermarkStyle.value : {}])
           }, [
             index2 > 0 && pages.value.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(getGlobalElements(), (element) => {
               return openBlock(), createElementBlock("div", {
                 key: `global-${element.id}`,
-                class: "absolute",
                 style: normalizeStyle(elementWrapperStyle(element))
               }, [
                 (openBlock(), createBlock(resolveDynamicComponent(getComponent(element.type)), {
@@ -48131,7 +48206,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             (openBlock(true), createElementBlock(Fragment, null, renderList(getRenderableElements(page.elements), (element) => {
               return openBlock(), createElementBlock("div", {
                 key: element.id,
-                class: "absolute",
                 style: normalizeStyle(elementWrapperStyle(element))
               }, [
                 (openBlock(), createBlock(resolveDynamicComponent(getComponent(element.type)), {
@@ -48147,7 +48221,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const PreviewPage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9fd7d897"]]);
 var lodash$1 = { exports: {} };
 /**
  * @license
@@ -54336,7 +54409,7 @@ class PrintDesignerElement extends HTMLElementBase {
       const previewPageProps = this.getPreviewPageProps(options);
       const app = createApp({
         setup: () => {
-          return () => h(PreviewPage, previewPageProps);
+          return () => h(_sfc_main, previewPageProps);
         }
       });
       app.use(pinia);
@@ -54487,7 +54560,7 @@ class PrintDesignerElement extends HTMLElementBase {
       setup: () => {
         if (isPreview && previewData) {
           const previewPageProps = this.getPreviewPageProps(previewData);
-          return () => h(PreviewPage, previewPageProps);
+          return () => h(_sfc_main, previewPageProps);
         }
         return () => h(_sfc_main$1, { headless: this._headless.value, mode: this._mode.value, viewMode: this._viewMode.value, onSave: this._onSave.value ?? void 0, autoSaveEnabled: this._autoSaveEnabled.value, autoSaveIntervalMs: this._autoSaveIntervalMs.value, fieldDictionary: this._fieldDictionary.value });
       }