@worm-vue3-print/canvas 1.2.0 → 1.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (74) hide show
  1. package/README.md +76 -17
  2. package/dist/canvas.css +1 -1
  3. package/dist/components/CanvasArea.vue.d.ts +19 -8
  4. package/dist/components/CanvasPaper.vue.d.ts +3 -3
  5. package/dist/components/DesignerToolbar.vue.d.ts +3 -0
  6. package/dist/components/ExpressionEditor.vue.d.ts +1 -1
  7. package/dist/components/FieldTreePanel.vue.d.ts +1 -1
  8. package/dist/components/LayerPanel.vue.d.ts +1 -1
  9. package/dist/components/LeftPanel.vue.d.ts +1 -1
  10. package/dist/components/PrintDesigner.vue.d.ts +3 -1
  11. package/dist/components/PropertyPanel.vue.d.ts +1 -1
  12. package/dist/components/WatermarkConfig.vue.d.ts +1 -1
  13. package/dist/components/elements/BarcodeElement.vue.d.ts +1 -1
  14. package/dist/components/elements/BaseElement.vue.d.ts +3 -3
  15. package/dist/components/elements/HtmlElement.vue.d.ts +1 -1
  16. package/dist/components/elements/ImageElement.vue.d.ts +1 -1
  17. package/dist/components/elements/LineElement.vue.d.ts +1 -1
  18. package/dist/components/elements/LongTextElement.vue.d.ts +1 -1
  19. package/dist/components/elements/PageNumberElement.vue.d.ts +1 -1
  20. package/dist/components/elements/QrcodeElement.vue.d.ts +1 -1
  21. package/dist/components/elements/ShapeElement.vue.d.ts +1 -1
  22. package/dist/components/elements/TableContextMenu.vue.d.ts +1 -1
  23. package/dist/components/elements/TableElement.vue.d.ts +1 -1
  24. package/dist/components/elements/TextElement.vue.d.ts +1 -1
  25. package/dist/components/property/AdvancedGroup.vue.d.ts +1 -1
  26. package/dist/components/property/AppearanceGroup.vue.d.ts +1 -1
  27. package/dist/components/property/BindingControl.vue.d.ts +1 -1
  28. package/dist/components/property/BorderBgGroup.vue.d.ts +1 -1
  29. package/dist/components/property/CodeGroup.vue.d.ts +1 -1
  30. package/dist/components/property/PaginationGroup.vue.d.ts +1 -1
  31. package/dist/components/property/PositionSizeGroup.vue.d.ts +1 -1
  32. package/dist/components/property/TableCellGroup.vue.d.ts +1 -1
  33. package/dist/components/property/TableRowGroup.vue.d.ts +1 -1
  34. package/dist/components/property/TableSettingsGroup.vue.d.ts +1 -1
  35. package/dist/composables/useAdsorb.d.ts +3 -7
  36. package/dist/composables/useAdsorbManager.d.ts +2 -2
  37. package/dist/composables/useClipboard.d.ts +15 -15
  38. package/dist/composables/useDesignerState.d.ts +44 -44
  39. package/dist/composables/useDrag.d.ts +1 -1
  40. package/dist/composables/useGuides.d.ts +1 -1
  41. package/dist/composables/useHistory.d.ts +1 -1
  42. package/dist/composables/useHostAdapter.d.ts +1 -1
  43. package/dist/composables/useSelection.d.ts +1 -1
  44. package/dist/composables/useTableSelection.d.ts +1 -1
  45. package/dist/index.cjs +42 -8
  46. package/dist/index.cjs.map +1 -1
  47. package/dist/index.d.ts +3 -4
  48. package/dist/index.js +3508 -4616
  49. package/dist/index.js.map +1 -1
  50. package/package.json +1 -1
  51. package/dist/composables/useAlign.d.ts +0 -5
  52. package/dist/composables/useBindingDisplay.d.ts +0 -11
  53. package/dist/composables/useGroup.d.ts +0 -7
  54. package/dist/composables/useKeyboard.d.ts +0 -22
  55. package/dist/composables/useResize.d.ts +0 -26
  56. package/dist/render/browser-code-renderer.d.ts +0 -3
  57. package/dist/render/browser-pagination.d.ts +0 -17
  58. package/dist/types.d.ts +0 -287
  59. package/dist/utils/binding-registry.d.ts +0 -8
  60. package/dist/utils/binding.d.ts +0 -16
  61. package/dist/utils/default-config.d.ts +0 -13
  62. package/dist/utils/demo-data.d.ts +0 -2
  63. package/dist/utils/element-factory.d.ts +0 -4
  64. package/dist/utils/engine.d.ts +0 -2
  65. package/dist/utils/expression-eval.d.ts +0 -30
  66. package/dist/utils/field-groups.d.ts +0 -21
  67. package/dist/utils/migrate.d.ts +0 -2
  68. package/dist/utils/preset-colors.d.ts +0 -2
  69. package/dist/utils/property-search.d.ts +0 -18
  70. package/dist/utils/ruler.d.ts +0 -29
  71. package/dist/utils/scale.d.ts +0 -13
  72. package/dist/utils/table-matrix.d.ts +0 -69
  73. package/dist/utils/units.d.ts +0 -6
  74. package/dist/utils/zone-layout.d.ts +0 -27
package/dist/index.cjs CHANGED
@@ -1,6 +1,6 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),de=require("@worm-vue3-print/core"),lt=require("jsbarcode"),at=require("qrcode"),oo=require("dompurify");function no(){let t=0;return function(){return t+=1,`cell-${Date.now().toString(36)}-${t}`}}function lo(){let t=0;return function(){return t+=1,`row-${Date.now().toString(36)}-${t}`}}const ao=no(),io=lo(),Pe={width:.75,style:"solid",color:"#333333"};function it(t){return JSON.parse(JSON.stringify(t))}function rt(t){return{id:ao(),borders:{top:{...Pe},right:{...Pe},bottom:{...Pe},left:{...Pe}},...t}}function ro(){const t=[50,50,50],l=(n,a)=>({id:io(),type:n,height:8,...a!==void 0?{repeatOnPage:a}:{},cells:t.map(()=>rt())}),o=l("header",!0);return o.cells.forEach((n,a)=>{n.formatter=`列${a+1}`,n.align="center",n.fontWeight="bold"}),{rows:[o,l("data"),l("subtotal"),l("summary")],colWidths:t}}function st(t,l,o){if(!t[l].cells[o].merged)return{r:l,c:o};for(let n=l;n>=0;n--)for(let a=o;a>=0;a--){const r=t[n].cells[a];if(r.merged)continue;const i=r.rowspan??1,s=r.colspan??1;if(n+i-1>=l&&a+s-1>=o)return{r:n,c:a}}return{r:l,c:o}}function Ne(t,l,o){const n=st(t,l,o),a=t[n.r].cells[n.c];return{r1:n.r,c1:n.c,r2:n.r+(a.rowspan??1)-1,c2:n.c+(a.colspan??1)-1}}function xt(t,l,o){let n={r1:Math.min(l.r,o.r),c1:Math.min(l.c,o.c),r2:Math.max(l.r,o.r),c2:Math.max(l.c,o.c)};for(;;){let a=!1;for(let r=n.r1;r<=n.r2;r++)for(let i=n.c1;i<=n.c2;i++){const s=Ne(t,r,i),c={r1:Math.min(n.r1,s.r1),c1:Math.min(n.c1,s.c1),r2:Math.max(n.r2,s.r2),c2:Math.max(n.c2,s.c2)};(c.r1!==n.r1||c.c1!==n.c1||c.r2!==n.r2||c.c2!==n.c2)&&(n=c,a=!0)}if(!a)return n}}function Bt(t,l){if((l.r2-l.r1+1)*(l.c2-l.c1+1)<2)return"至少选择 2 个单元格";const n=new Set;for(let r=l.r1;r<=l.r2;r++)n.add(t[r].type);if(n.size>1)return"合并区域不能跨越不同类型的行";const a=xt(t,{r:l.r1,c:l.c1},{r:l.r2,c:l.c2});return a.r1!==l.r1||a.c1!==l.c1||a.r2!==l.r2||a.c2!==l.c2?"选区与已有合并区域部分重叠":null}function Dt(t,l){const o=t[l.r1].cells[l.c1],n=[];for(let a=l.r1;a<=l.r2;a++)for(let r=l.c1;r<=l.c2;r++){const i=t[a].cells[r];i.formatter&&n.push(i.formatter),!(a===l.r1&&r===l.c1)&&(i.merged=!0,i.rowspan=1,i.colspan=1,i.formatter="")}o.rowspan=l.r2-l.r1+1,o.colspan=l.c2-l.c1+1,o.formatter=n.join(" ")}function Tt(t,l){for(let o=l.r1;o<=l.r2;o++)for(let n=l.c1;n<=l.c2;n++){const a=t[o].cells[n];if(!a.merged&&((a.rowspan??1)>1||(a.colspan??1)>1)){const r=Ne(t,o,n),i=a;for(let s=r.r1;s<=r.r2;s++)for(let c=r.c1;c<=r.c2;c++){const u=t[s].cells[c];u.merged=!1,u.rowspan=1,u.colspan=1,so(i,u)}a.rowspan=1,a.colspan=1}}}function so(t,l){t!==l&&(l.align=t.align,l.valign=t.valign,l.fontSize=t.fontSize,l.fontWeight=t.fontWeight,l.color=t.color,l.backgroundColor=t.backgroundColor,l.borders=t.borders?it(t.borders):void 0,l.padding=t.padding,l.wordWrap=t.wordWrap)}function gt(t,l,o){const n=o==="above"?l:l+1,a=t[l],r=a.cells.length,i=a.type==="data"?"header":a.type,s={id:`row-${Date.now().toString(36)}-${Math.random().toString(36).slice(2,6)}`,type:i,height:a.height,cells:Array.from({length:r},()=>rt())};for(let c=0;c<r;c++)if(n>0&&n<t.length){const u=Ne(t,n-1,c);if(u.r1<n&&u.r2>=n){const f=t[u.r1].cells[u.c1];f.rowspan=(f.rowspan??1)+1,s.cells[c].merged=!0}}t.splice(n,0,s)}function co(t,l){if(t.length<=1)return"不能删除最后一行";const o=t[l],n=o.cells.length;for(let a=0;a<n;a++){const r=o.cells[a];if(!r.merged&&(r.rowspan??1)>1){const i=t[l+1].cells[a];Object.assign(i,it(r),{id:i.id}),i.rowspan=(r.rowspan??1)-1,i.merged=!1}else if(r.merged){const i=Ne(t,l,a);if(i.r1<l&&i.c1===a){const s=t[i.r1].cells[i.c1];s.rowspan=(s.rowspan??1)-1}}}return t.splice(l,1),null}function ht(t,l,o,n){const a=n==="left"?o:o+1;l.splice(a,0,l[o]);for(const r of t){const i=rt();if(a>0&&a<r.cells.length){const s=t.indexOf(r),c=Ne(t,s,a-1);if(c.c1<a&&c.c2>=a){const u=t[c.r1].cells[c.c1];s===c.r1&&(u.colspan=(u.colspan??1)+1),i.merged=!0}}r.cells.splice(a,0,i)}}function uo(t,l,o){if(l.length<=1)return"不能删除最后一列";for(let n=0;n<t.length;n++){const a=t[n].cells[o];if(!a.merged&&(a.colspan??1)>1){const r=t[n].cells[o+1];Object.assign(r,it(a),{id:r.id}),r.colspan=(a.colspan??1)-1,r.merged=!1}else if(a.merged){const r=Ne(t,n,o);if(r.c1<o&&r.r1===n){const i=t[r.r1].cells[r.c1];i.colspan=(i.colspan??1)-1}}}for(const n of t)n.cells.splice(o,1);return l.splice(o,1),null}function et(t,l,o){if(o==="data"){const n=t.findIndex((a,r)=>a.type==="data"&&r!==l);if(n>=0)return`数据行已存在(第 ${n+1} 行),全表最多一行`}if(o==="header"){for(let n=0;n<l;n++)if(t[n].type!=="header")return"标题行必须从表格顶部连续设置"}if(o==="subtotal"||o==="summary"){const n=t.findIndex(a=>a.type==="data");if(n<0)return"请先设置数据行,小计/汇总行必须位于数据行之后";if(l<n)return"小计/汇总行必须位于数据行之后"}if(o==="subtotal"&&t.slice(0,l).some(n=>n.type==="summary"))return"小计行必须位于汇总行之前";if(o==="summary"&&t.slice(l+1).some(n=>n.type==="subtotal"))return"汇总行必须位于小计行之后";if(t[l].type==="header"&&o!=="header"){for(let n=l+1;n<t.length;n++)if(t[n].type==="header")return"取消该标题行会导致标题行不连续,请先调整后续标题行"}return t[l].type=o,o!=="header"&&delete t[l].repeatOnPage,null}function mo(t,l,o,n){for(let a=l.r1;a<=l.r2;a++)for(let r=l.c1;r<=l.c2;r++){const i=t[a].cells[r];if(i.merged)continue;if(o==="none"){delete i.borders;continue}const s=Ne(t,a,r),c=s.r1===l.r1,u=s.r2===l.r2,f=s.c1===l.c1,v=s.c2===l.c2,h={...i.borders??{}};o==="all"?(h.top={...n},h.bottom={...n},h.left={...n},h.right={...n}):o==="outer"?(c&&(h.top={...n}),u&&(h.bottom={...n}),f&&(h.left={...n}),v&&(h.right={...n})):o==="inner"&&(c||(h.top={...n}),u||(h.bottom={...n}),f||(h.left={...n}),v||(h.right={...n})),i.borders=h}}const po="1px dashed rgba(0,0,0,0.18)";function Ae(t,l={}){return t&&t.style!=="none"?`${t.width}pt ${t.style} ${t.color}`:l.designMode&&l.showGhostBorder!==!1?po:"none"}function Fe(t){const l=(t.tableColWidths??[]).reduce((n,a)=>n+a,0),o=(t.tableRows??[]).reduce((n,a)=>n+a.height,0);t.width=Math.round(l*100)/100,t.height=Math.round(o*100)/100}const bt=5;function fo(t,l,o,n){const a=t.reduce((s,c,u)=>u===l?s:s+c,0),r=n===1/0?1/0:Math.max(bt,n-a),i=Math.round(o*10)/10;return Math.min(Math.max(i,bt),r)}function Se(){return`el-${Date.now()}-${Math.random().toString(36).slice(2,8)}`}function vo(t){const l={left:7,top:17.6,width:42.3,height:7.1};switch(t){case"text":return{...l,formatter:"文本",fontSize:12,textAlign:"left",height:5.3};case"image":return{...l,width:28.2,height:28.2,fit:"contain"};case"longText":return{...l,width:141.1,height:28.2,fontSize:12,lineHeight:18};case"table":{const{rows:o,colWidths:n}=ro(),a=n.reduce((i,s)=>i+s,0),r=o.reduce((i,s)=>i+s.height,0);return{...l,width:a,height:r,tableMode:"dynamic",tableRows:o,tableColWidths:n,tableDefaultFontSize:10,tableDefaultColor:"#333333",tableDefaultPadding:1,fields:[],tablePagination:{enabled:!0}}}case"hline":return{...l,width:70.6,height:1.8,borderWidth:.75};case"vline":return{...l,width:1.8,height:35.3,borderWidth:.75};case"rect":return{...l,width:28.2,height:28.2,borderWidth:1,borderColor:"#333"};case"oval":return{...l,width:28.2,height:28.2,borderWidth:1,borderColor:"#333"};case"barcode":return{...l,width:56.4,height:14.1,title:"条形码",barcodeType:"code128",testData:"12345678"};case"qrcode":return{...l,width:28.2,height:28.2,title:"二维码",testData:"qrcode"};case"html":return{...l,width:28.2,height:28.2};default:return l}}function zt(t,l){const o={text:{title:"文本"},image:{title:"图片"},longText:{title:"长文"},table:{title:"表格"},hline:{title:"横线"},vline:{title:"竖线"},rect:{title:"矩形"},oval:{title:"椭圆"},barcode:{title:"条形码"},qrcode:{title:"二维码"},html:{title:"HTML"},pageNumber:{title:"页码"}};return{id:Se(),options:{...vo(t),...l},printElementType:{type:t,title:o[t]?.title||t}}}const dt=new de.TemplateEngine;function go(){return fe}const fe={supplier:{name:"鑫达五金有限公司",phone:"0571-88776655",address:"杭州市萧山区经济开发区88号"},receiver:{name:"李四",phone:"13912345678",address:"杭州市余杭区文一西路998号"},order:{no:"PO20260801001",date:"2026-08-01",total:69543.75},goods:[{name:"碳钢螺丝 M8",spec:"M14×10",unit:"个",qty:100,price:.5,amount:50,remark:"A级"},{name:"不锈钢螺母 M10",spec:"M16×11",unit:"套",qty:117,price:.75,amount:87.75,remark:""},{name:"弹簧垫圈 M12",spec:"M6×12",unit:"盒",qty:134,price:1,amount:134,remark:""},{name:"六角螺栓 M14",spec:"M5×13",unit:"支",qty:151,price:1.25,amount:188.75,remark:""},{name:"内六角螺钉 M16",spec:"M20×14",unit:"袋",qty:168,price:1.5,amount:252,remark:""},{name:"平垫圈 M6",spec:"M4×15",unit:"件",qty:185,price:1.75,amount:323.75,remark:""},{name:"自攻螺钉 M5",spec:"M3×16",unit:"根",qty:202,price:2,amount:404,remark:""},{name:"双头螺柱 M20",spec:"M8×17",unit:"包",qty:219,price:2.25,amount:492.75,remark:"A级"},{name:"紧定螺钉 M4",spec:"M10×18",unit:"只",qty:236,price:2.5,amount:590,remark:""},{name:"十字盘头钉 M3",spec:"M12×19",unit:"组",qty:253,price:2.75,amount:695.75,remark:""},{name:"碳钢螺丝 M8",spec:"M14×20",unit:"个",qty:270,price:3,amount:810,remark:""},{name:"不锈钢螺母 M10",spec:"M16×21",unit:"套",qty:287,price:3.25,amount:932.75,remark:""},{name:"弹簧垫圈 M12",spec:"M6×22",unit:"盒",qty:304,price:3.5,amount:1064,remark:""},{name:"六角螺栓 M14",spec:"M5×23",unit:"支",qty:321,price:3.75,amount:1203.75,remark:""},{name:"内六角螺钉 M16",spec:"M20×24",unit:"袋",qty:338,price:4,amount:1352,remark:"A级"},{name:"平垫圈 M6",spec:"M4×25",unit:"件",qty:355,price:4.25,amount:1508.75,remark:""},{name:"自攻螺钉 M5",spec:"M3×26",unit:"根",qty:372,price:4.5,amount:1674,remark:""},{name:"双头螺柱 M20",spec:"M8×27",unit:"包",qty:389,price:4.75,amount:1847.75,remark:""},{name:"紧定螺钉 M4",spec:"M10×28",unit:"只",qty:406,price:5,amount:2030,remark:""},{name:"十字盘头钉 M3",spec:"M12×29",unit:"组",qty:423,price:5.25,amount:2220.75,remark:""},{name:"碳钢螺丝 M8",spec:"M14×30",unit:"个",qty:440,price:.5,amount:220,remark:""},{name:"不锈钢螺母 M10",spec:"M16×31",unit:"套",qty:457,price:.75,amount:342.75,remark:"A级"},{name:"弹簧垫圈 M12",spec:"M6×32",unit:"盒",qty:474,price:1,amount:474,remark:""},{name:"六角螺栓 M14",spec:"M5×33",unit:"支",qty:491,price:1.25,amount:613.75,remark:""},{name:"内六角螺钉 M16",spec:"M20×34",unit:"袋",qty:508,price:1.5,amount:762,remark:""},{name:"平垫圈 M6",spec:"M4×35",unit:"件",qty:525,price:1.75,amount:918.75,remark:""},{name:"自攻螺钉 M5",spec:"M3×36",unit:"根",qty:542,price:2,amount:1084,remark:""},{name:"双头螺柱 M20",spec:"M8×37",unit:"包",qty:559,price:2.25,amount:1257.75,remark:""},{name:"紧定螺钉 M4",spec:"M10×38",unit:"只",qty:576,price:2.5,amount:1440,remark:"A级"},{name:"十字盘头钉 M3",spec:"M12×39",unit:"组",qty:593,price:2.75,amount:1630.75,remark:""},{name:"碳钢螺丝 M8",spec:"M14×40",unit:"个",qty:610,price:3,amount:1830,remark:""},{name:"不锈钢螺母 M10",spec:"M16×41",unit:"套",qty:627,price:3.25,amount:2037.75,remark:""},{name:"弹簧垫圈 M12",spec:"M6×42",unit:"盒",qty:644,price:3.5,amount:2254,remark:""},{name:"六角螺栓 M14",spec:"M5×43",unit:"支",qty:661,price:3.75,amount:2478.75,remark:""},{name:"内六角螺钉 M16",spec:"M20×44",unit:"袋",qty:678,price:4,amount:2712,remark:""},{name:"平垫圈 M6",spec:"M4×45",unit:"件",qty:695,price:4.25,amount:2953.75,remark:"A级"},{name:"自攻螺钉 M5",spec:"M3×46",unit:"根",qty:712,price:4.5,amount:3204,remark:""},{name:"双头螺柱 M20",spec:"M8×47",unit:"包",qty:729,price:4.75,amount:3462.75,remark:""},{name:"紧定螺钉 M4",spec:"M10×48",unit:"只",qty:746,price:5,amount:3730,remark:""},{name:"十字盘头钉 M3",spec:"M12×49",unit:"组",qty:763,price:5.25,amount:4005.75,remark:""},{name:"碳钢螺丝 M8",spec:"M14×10",unit:"个",qty:780,price:.5,amount:390,remark:""},{name:"不锈钢螺母 M10",spec:"M16×11",unit:"套",qty:797,price:.75,amount:597.75,remark:""},{name:"弹簧垫圈 M12",spec:"M6×12",unit:"盒",qty:814,price:1,amount:814,remark:"A级"},{name:"六角螺栓 M14",spec:"M5×13",unit:"支",qty:831,price:1.25,amount:1038.75,remark:""},{name:"内六角螺钉 M16",spec:"M20×14",unit:"袋",qty:848,price:1.5,amount:1272,remark:""},{name:"平垫圈 M6",spec:"M4×15",unit:"件",qty:865,price:1.75,amount:1513.75,remark:""},{name:"自攻螺钉 M5",spec:"M3×16",unit:"根",qty:882,price:2,amount:1764,remark:""},{name:"双头螺柱 M20",spec:"M8×17",unit:"包",qty:899,price:2.25,amount:2022.75,remark:""},{name:"紧定螺钉 M4",spec:"M10×18",unit:"只",qty:916,price:2.5,amount:2290,remark:""},{name:"十字盘头钉 M3",spec:"M12×19",unit:"组",qty:933,price:2.75,amount:2565.75,remark:"A级"}]},ho={MONEY:de.formatMoney,CONCAT:(...t)=>t.filter(l=>l!=null).join(""),IF:de.ifFn,FORMAT:t=>typeof t!="number"?String(t):t.toLocaleString("zh-CN",{minimumFractionDigits:2,maximumFractionDigits:2}),SUBSTR:(t,l,o)=>String(t).slice(l,o?l+o:void 0),LEN:t=>String(t).length,ROUND:(t,l)=>Number(Number(t).toFixed(l)),NOW:()=>new Date().toISOString().split("T")[0],IFEMPTY:(t,l)=>t!=null&&t!==""?String(t):l,PAD:(t,l,o)=>String(t).padStart(l,o),REPLACE:(t,l,o)=>String(t).replace(new RegExp(l,"g"),o),JSON:t=>JSON.stringify(t,null,2),DATE:de.formatDate,UPPER:de.toUpperCaseAmount};for(const[t,l]of Object.entries(ho))dt.registerFunction(t,l);function bo(t,l,o){switch(t.toUpperCase()){case"SUM":return de.sum(o,l);case"AVG":return de.avg(o,l);case"COUNT":return de.count(o,l);case"MIN":return de.min(o,l);case"MAX":return de.max(o,l);default:return 0}}function $e(t,l){if(!t)return"";if(!t.includes("{"))return t;const o=Array.isArray(l.rows)?l.rows:[];let n=t.replace(/\{([^}]+)\}/g,(a,r)=>{let i=r.trim();return i=i.replace(/\b(SUM|AVG|COUNT|MIN|MAX)\(([^)]+)\)/g,(s,c,u)=>{const f=u.trim().replace(/^['"]|['"]$/g,"");return String(bo(c,f,o))}),`{${i}}`});try{return dt.render(n,l)}catch{return t}}function yo(t){return zt("text",{formatter:`{${t.fieldKey}}`,title:t.fieldLabel})}function Oe(t,l){if(t.formatter){if(!l||l.length===0)return"";const o=l[0];try{return dt.render(t.formatter,o??{})}catch{return t.formatter}}return""}function yt(t){let l=fe;for(const o of t.split(".")){if(l==null)return;l=Array.isArray(l)?l[0]?.[o]:l[o]}return l}function ko(t,l){const o=l?.[0];return(t??"").replace(/\{([^{}]+)\}/g,(a,r)=>{const i=r.trim(),s=i.includes(".")?yt(i):o?.[i]??yt(i);return s==null?"":String(s)}).trim()||"1234567890128"}function Eo(t){return t/2.83464566929}function Ie(t){return t*(25.4/96)}function ve(t){return t*(96/25.4)}const wo=["left","top","width","height"];function Vo(t){const l={...t.options};for(const o of wo){const n=l[o];typeof n=="number"&&Number.isFinite(n)&&(l[o]=No(Eo(n)))}return{...t,options:l}}function No(t){return Math.round(t*100)/100}function Co(t){if(t.unit==="mm")return t;const l=o=>o?.map(Vo)??[];return{...t,unit:"mm",elements:l(t.elements),header:t.header?{...t.header,elements:l(t.header.elements)}:t.header,footer:t.footer?{...t.footer,elements:l(t.footer.elements)}:t.footer,firstPageOverlay:t.firstPageOverlay?{...t.firstPageOverlay,elements:l(t.firstPageOverlay.elements)}:t.firstPageOverlay}}const tt={A4:{width:210,height:297},A3:{width:297,height:420},A5:{width:148,height:210},Letter:{width:216,height:279},Legal:{width:216,height:356}};function we(t){let l;return t.paperSize==="CUSTOM"?l={width:t.customWidth??210,height:t.customHeight??297}:l=tt[t.paperSize]||tt.A4,t.orientation==="landscape"?{width:l.height,height:l.width}:l}const So=25;function ct(t){return Math.max(So,t)}function $o(t,l,o=1.1){const n=l>0?t*o:t/o;return ct(Math.round(n))}function Mo(t,l,o,n,a=.9){if(o<=0||n<=0)return 100;const r=Math.min(t/o,l/n)*a,i=Math.round(r*100);return ct(i)}const Lt=["text","image","hline","vline","rect","oval","barcode","qrcode"];function xo(t){return we(t)}function Ge(t){const l=xo(t),o=t.margins,n=t.header.height,a=t.footer.height,r=l.width-o.left-o.right,i=l.height-o.top-o.bottom-n-a,s=(c,u,f,v)=>({left:c,top:u,width:f,height:v});return{header:s(o.left,o.top,r,n),content:s(o.left,o.top+n,r,i),footer:s(o.left,l.height-o.bottom-a,r,a)}}function Pt(t,l,o){const n=Ge(t);return n.footer.height>0&&o>=n.footer.top?"footer":n.header.height>0&&o<n.header.top+n.header.height?"header":"content"}function ot(t,l){const o=t.options;o.width=Math.min(o.width,l.width),o.height=Math.min(o.height,l.height),o.left=Math.min(Math.max(0,o.left),l.width-o.width),o.top=Math.min(Math.max(0,o.top),l.height-o.height)}function Bo(t,l){const o=Ge(l),n=t.zone||"content",a=o[n],r=a.left+t.options.left+t.options.width/2,i=a.top+t.options.top+t.options.height/2;let s=Pt(l,r,i),c=!1;if(s!=="content"&&!Lt.includes(t.printElementType.type)&&(s="content",c=!0),s!==n){const u=o[s];t.options.left=a.left+t.options.left-u.left,t.options.top=a.top+t.options.top-u.top,t.zone=s}return s!=="content"?ot(t,o[s]):c&&ot(t,o.content),{rejected:c}}const At=Symbol("selected-ids"),It=Symbol("preview-ids");function Do(t){const l=e.ref(new Set),o=e.ref(new Set),n=e.computed(()=>t.value.filter(h=>l.value.has(h.id))),a=e.computed(()=>l.value.size>0);function r(h,L=!1){if(L){const R=new Set(l.value);R.has(h)?R.delete(h):R.add(h),l.value=R}else l.value=new Set([h])}function i(){l.value=new Set}function s(h){l.value=new Set(h)}function c(h){o.value=new Set(h)}function u(){o.value=new Set}function f(){l.value=new Set(o.value),o.value=new Set}function v(){const h=n.value;if(h.length===0)return null;let L=1/0,R=1/0,B=-1/0,$=-1/0;return h.forEach(A=>{L=Math.min(L,A.options.left),R=Math.min(R,A.options.top),B=Math.max(B,A.options.left+A.options.width),$=Math.max($,A.options.top+A.options.height)}),{left:L,top:R,width:B-L,height:$-R}}return{selectedIds:l,selectedElements:n,hasSelection:a,select:r,clearSelection:i,selectAll:s,getSelectionBounds:v,previewIds:o,setPreview:c,clearPreview:u,commitPreview:f}}function To(){const t=e.ref(null);function l(a){t.value=a.map(r=>({options:{...r.options},printElementType:{...r.printElementType}}))}function o(a=10){return t.value?t.value.map(r=>({id:Se(),options:{...r.options,left:r.options.left+a,top:r.options.top+a},printElementType:{...r.printElementType}})):null}function n(){return t.value!==null&&t.value.length>0}return{clipboard:t,copy:l,paste:o,hasData:n}}function zo(){function t(l,o){if(l.length<2)return;const n={minLeft:Math.min(...l.map(a=>a.options.left)),maxRight:Math.max(...l.map(a=>a.options.left+a.options.width)),minTop:Math.min(...l.map(a=>a.options.top)),maxBottom:Math.max(...l.map(a=>a.options.top+a.options.height))};switch(o){case"left":l.forEach(a=>{a.options.left=n.minLeft});break;case"right":l.forEach(a=>{a.options.left=n.maxRight-a.options.width});break;case"top":l.forEach(a=>{a.options.top=n.minTop});break;case"bottom":l.forEach(a=>{a.options.top=n.maxBottom-a.options.height});break;case"vertical":{const a=n.minLeft+(n.maxRight-n.minLeft)/2;l.forEach(r=>{r.options.left=a-r.options.width/2});break}case"horizontal":{const a=n.minTop+(n.maxBottom-n.minTop)/2;l.forEach(r=>{r.options.top=a-r.options.height/2});break}case"distributeHor":{const a=[...l].sort((c,u)=>c.options.left-u.options.left),r=a.reduce((c,u)=>c+u.options.width,0),i=(n.maxRight-n.minLeft-r)/(a.length-1);let s=n.minLeft;a.forEach(c=>{c.options.left=s,s+=c.options.width+i});break}case"distributeVer":{const a=[...l].sort((c,u)=>c.options.top-u.options.top),r=a.reduce((c,u)=>c+u.options.height,0),i=(n.maxBottom-n.minTop-r)/(a.length-1);let s=n.minTop;a.forEach(c=>{c.options.top=s,s+=c.options.height+i});break}}}return{align:t}}function Lo(){return`grp-${Date.now()}-${Math.random().toString(36).slice(2,6)}`}function Po(){function t(n,a){if(n.filter(s=>a.has(s.id)).length<2)return n;const i=Lo();return n.map(s=>a.has(s.id)?{...s,options:{...s.options,groupId:i}}:s)}function l(n,a){const r=n.filter(s=>a.has(s.id)),i=new Set(r.map(s=>s.options.groupId).filter(Boolean));return n.map(s=>s.options.groupId&&i.has(s.options.groupId)?{...s,options:{...s.options,groupId:void 0}}:s)}function o(n,a){const r=n.find(s=>s.id===a);if(!r?.options.groupId)return new Set([a]);const i=new Set;for(const s of n)s.options.groupId===r.options.groupId&&i.add(s.id);return i}return{group:t,ungroup:l,getGroupedIds:o}}function Ao(t){const o=e.ref([]),n=e.ref([]),a=e.ref(!1),r=e.ref(!1);function i(){a.value=o.value.length>0,r.value=n.value.length>0}function s(L){return{elements:JSON.parse(JSON.stringify(L?.elements??[])),templateData:JSON.parse(JSON.stringify(L?.templateData??{}))}}function c(L){return s(L)}function u(L){o.value.push(c(L)),n.value=[],o.value.length>50&&o.value.shift(),i()}function f(L){if(o.value.length===0)return null;const R=o.value.pop();return n.value.push(L?c(L):s(R)),i(),o.value.length>0?s(o.value[o.value.length-1]):null}function v(L){if(n.value.length===0)return null;const R=n.value.pop();return o.value.push(L?c(L):s(R)),i(),s(R)}function h(){o.value=[],n.value=[],i()}return{push:u,undo:f,redo:v,canUndo:a,canRedo:r,clear:h}}const Io=1,Ro=10,Ho=.5;function Uo(t){function l(a){const r=a.target.tagName;if(r==="INPUT"||r==="TEXTAREA"||r==="SELECT")return;const i=a.ctrlKey||a.metaKey;if(a.key.startsWith("Arrow")){a.preventDefault();const s=a.shiftKey?Ro:a.ctrlKey?Ho:Io,c=a.key==="ArrowLeft"?-s:a.key==="ArrowRight"?s:0,u=a.key==="ArrowUp"?-s:a.key==="ArrowDown"?s:0;t.onMove?.(c,u);return}if(a.key==="Delete"||a.key==="Backspace"){a.preventDefault(),t.onDelete?.();return}if(i){const s=a.key.toLowerCase();s==="c"?(a.preventDefault(),t.onCopy?.()):s==="v"?(a.preventDefault(),t.onPaste?.()):s==="a"?(a.preventDefault(),t.onSelectAll?.()):s==="d"?(a.preventDefault(),t.onDuplicate?.()):s==="z"?(a.preventDefault(),a.shiftKey?t.onRedo?.():t.onUndo?.()):s==="y"?(a.preventDefault(),t.onRedo?.()):s==="1"?(a.preventDefault(),t.onResetZoom?.()):s==="l"?(a.preventDefault(),t.onAlignLeft?.()):s==="r"?(a.preventDefault(),t.onAlignRight?.()):s==="e"?(a.preventDefault(),t.onAlignCenterH?.()):s==="t"?(a.preventDefault(),t.onAlignTop?.()):s==="b"?(a.preventDefault(),t.onAlignBottom?.()):s==="g"&&(a.preventDefault(),a.shiftKey?t.onUngroup?.():t.onGroup?.())}}function o(){document.addEventListener("keydown",l)}function n(){document.removeEventListener("keydown",l)}return{setup:o,cleanup:n}}function Rt(){return{paperSize:"A4",orientation:"portrait",unit:"mm",margins:{top:10,right:10,bottom:10,left:10},header:{height:10,elements:[]},footer:{height:10,elements:[]},firstPageOverlay:{height:0,elements:[]},elements:[],watermark:{}}}function nt(t){const l=(o,n)=>(o??[]).map(a=>{const r={...a.options};return(a.printElementType?.type??a.type)==="table"&&Fe(r),{id:a.id||Se(),zone:n,options:r,printElementType:{...a.printElementType}}});return{...t,margins:{...t.margins},header:{height:t.header?.height??10,elements:[]},footer:{height:t.footer?.height??10,elements:[]},firstPageOverlay:{height:t.firstPageOverlay?.height??0,elements:[...t.firstPageOverlay?.elements??[]]},guides:[...t.guides??[]],elements:[...l(t.elements??[],"content"),...l(t.header?.elements??[],"header"),...l(t.footer?.elements??[],"footer")]}}function Fo(t={}){const l=e.ref(100),o=e.ref(!0),n=e.ref(!0),a=e.ref(!1),r=e.ref(!0),i=e.ref(nt(t.initialTemplate||Rt())),s=e.computed({get:()=>i.value.elements,set:W=>{i.value.elements=W}}),c=e.ref(t.initialFields||[]),{selectedIds:u,selectedElements:f,select:v,clearSelection:h,selectAll:L,previewIds:R,setPreview:B,clearPreview:$,commitPreview:A}=Do(s),{group:Y,ungroup:j}=Po(),{copy:I,paste:G,hasData:H}=To(),{align:T}=zo(),{push:C,undo:S,redo:x,canUndo:D,canRedo:z}=Ao(),m=e.computed(()=>{if(u.value.size===0)return null;const W=u.value.values().next().value;return s.value.find(ee=>ee.id===W)||null}),y=e.ref(null);function F(W){y.value=W}function K(){return{elements:s.value.map(W=>({id:W.id,zone:W.zone,options:JSON.parse(JSON.stringify(W.options)),printElementType:{...W.printElementType}})),templateData:{paperSize:i.value.paperSize,orientation:i.value.orientation,margins:{...i.value.margins},header:{height:i.value.header.height,elements:[]},footer:{height:i.value.footer.height,elements:[]},firstPageOverlay:{height:i.value.firstPageOverlay.height,elements:[]},elements:[],customWidth:i.value.customWidth,customHeight:i.value.customHeight,watermark:i.value.watermark?{...i.value.watermark}:void 0,guides:[...i.value.guides??[]]}}}function J(){C(K())}function te(){const W=S(K());W?.templateData&&(i.value={...W.templateData,elements:W.elements})}function se(){const W=x(K());W?.templateData&&(i.value={...W.templateData,elements:W.elements})}function re(){I(f.value)}function ae(){I(f.value),q()}function _(){const W=G();W&&W.length>0&&(s.value.push(...W),J())}function g(){I(f.value);const W=G();W&&W.length>0&&(W.forEach(ee=>{ee.options.left+=5,ee.options.top+=5}),s.value.push(...W),v(W[0].id,!1),J())}function d(){l.value=100}const p=e.computed(()=>H());let E=!1,N=null;const P=300;function w(W,ee){const Z=f.value.filter(oe=>!oe.options.locked);Z.length!==0&&(Z.forEach(oe=>{oe.options.left+=W,oe.options.top+=ee}),E||(E=!0,J()),N&&clearTimeout(N),N=setTimeout(()=>{E=!1,N=null},P))}function V(){L(s.value.map(W=>W.id))}function M(W){T(f.value,W),J()}function b(){s.value=Y(s.value,u.value),J()}function k(){s.value=j(s.value,u.value),J()}function q(){u.value.size!==0&&(s.value=s.value.filter(W=>!u.value.has(W.id)),h(),J())}const{setup:X,cleanup:ue}=Uo({onMove:w,onDelete:q,onCopy:re,onPaste:_,onSelectAll:V,onUndo:te,onRedo:se,onDuplicate:g,onResetZoom:d,onAlignLeft:()=>M("left"),onAlignRight:()=>M("right"),onAlignCenterH:()=>M("vertical"),onAlignTop:()=>M("top"),onAlignBottom:()=>M("bottom"),onGroup:b,onUngroup:k});let ce=null;function ke(){ce=K()}function qe(){if(!ce)return;const W=new Map(ce.elements.map(ie=>[ie.id,ie]));let ee=!1;for(const ie of s.value){const he=W.get(ie.id);if(!he)continue;(he.options.left!==ie.options.left||he.options.top!==ie.options.top||he.options.width!==ie.options.width||he.options.height!==ie.options.height)&&Bo(ie,i.value).rejected&&(ee=!0)}ee&&alert("该元素类型不能放入页眉/页脚");const Z=ie=>`${ie.id}:${ie.zone||"content"}:${ie.options.left},${ie.options.top},${ie.options.width},${ie.options.height}`,oe=ce.elements.map(Z).join("|"),ge=K().elements.map(Z).join("|");ce=null,oe!==ge&&J()}function De(W,ee){const Z=Pt(i.value,ee.x,ee.y);if(Z!=="content"&&!Lt.includes(W.printElementType.type))return alert("该元素类型不能放入页眉/页脚"),!1;const oe=Ge(i.value)[Z];return W.zone=Z,W.options.left=ee.x-oe.left,W.options.top=ee.y-oe.top,Z!=="content"&&ot(W,oe),!0}function Te(W,ee){const Z=zt(W);ee&&!De(Z,ee)||(s.value.push(Z),v(Z.id,!1),J())}function Ve(W,ee){const Z=yo(W);ee&&!De(Z,ee)||(s.value.push(Z),v(Z.id,!1),J())}function Ce(W){if(u.value.size===0)return;const ee=u.value.values().next().value,Z=s.value.find(Ee=>Ee.id===ee);if(!Z)return;const oe=Z.options.zIndex??0,ge=s.value.map(Ee=>Ee.options.zIndex??0),ie=Math.max(...ge,0),he=Math.min(...ge,0);switch(W){case"top":Z.options.zIndex=ie+1;break;case"bottom":Z.options.zIndex=he-1;break;case"up":Z.options.zIndex=oe+1;break;case"down":Z.options.zIndex=oe-1;break}J()}function We(W,ee){const{width:Z,height:oe}=we(i.value),ge=96/25.4;l.value=Mo(W,ee,Z*ge,oe*ge)}function Ke(W){i.value={...W},J()}function ze(){const W=s.value,ee=Z=>W.filter(oe=>(oe.zone||"content")===Z).map(oe=>({id:oe.id,type:oe.printElementType.type,options:{...oe.options},printElementType:{...oe.printElementType}}));return{unit:"mm",...i.value,header:{...i.value.header,elements:ee("header")},footer:{...i.value.footer,elements:ee("footer")},firstPageOverlay:{...i.value.firstPageOverlay,elements:i.value.firstPageOverlay.elements.map(Z=>({id:Z.id||Se(),type:Z.printElementType?.type||"text",options:{...Z.options},printElementType:{...Z.printElementType}}))},elements:ee("content"),guides:[...i.value.guides??[]]}}function Ye(W,ee){const Z=Co(W);i.value=nt(Z),ee&&(i.value={...i.value,elements:ee.map(oe=>({...oe,id:oe.id||Se(),zone:oe.zone||"content",options:{...oe.options},printElementType:{...oe.printElementType}}))}),C(K())}return C(K()),e.onMounted(()=>X()),e.onUnmounted(()=>{ue(),N&&(clearTimeout(N),N=null)}),{scale:l,showRuler:o,showGrid:n,snapToGrid:a,showTableGhostBorder:r,templateData:i,elements:s,fields:c,selectedIds:u,selectedElements:f,selectedElement:m,select:v,clearSelection:h,selectAll:V,previewIds:R,setPreview:B,clearPreview:$,commitPreview:A,hasClipboard:p,copy:re,paste:_,cutSelected:ae,tableSelection:y,setTableSelection:F,canUndo:D,canRedo:z,undo:te,redo:se,recordHistory:J,alignSelected:M,groupSelected:b,ungroupSelected:k,deleteSelected:q,duplicateSelected:g,resetZoom:d,dragStart:ke,dragStop:qe,addElement:Te,addFieldElement:Ve,moveLayer:Ce,fitToWindow:We,updateTemplateData:Ke,getTemplateJson:ze,loadTemplate:Ye}}let kt=0;function Oo(){return kt+=1,`guide-${kt}`}function Go(t,l){const o=e.computed(()=>t.value.guides??[]);function n(c){t.value={...t.value,guides:c([...t.value.guides??[]])},l()}function a(c,u){n(f=>(f.push({type:c,position:u,id:Oo()}),f))}function r(c,u){n(f=>f.map(v=>v.id===c?{...v,position:u}:v))}function i(c){n(u=>u.filter(f=>f.id!==c))}function s(){const c=[],u=[];for(const f of o.value)f.type==="vertical"?c.push(f.position):u.push(f.position);return{vertical:c,horizontal:u}}return{guides:o,addGuide:a,moveGuide:r,removeGuide:i,getGuidePositions:s}}const Be=Symbol("table-edit"),ut=Symbol("print-upload-image"),qo=e.defineComponent({__name:"HelpButton",emits:["click"],setup(t){return(l,o)=>(e.openBlock(),e.createElementBlock("button",{class:"help-button",title:"帮助文档",onClick:o[0]||(o[0]=n=>l.$emit("click"))},[...o[1]||(o[1]=[e.createElementVNode("span",{class:"help-icon"},"?",-1)])]))}}),Q=(t,l)=>{const o=t.__vccOpts||t;for(const[n,a]of l)o[n]=a;return o},Wo=Q(qo,[["__scopeId","data-v-80ccab03"]]),Ko={class:"designer-toolbar"},Yo={class:"tb-group"},Xo={class:"tb-title"},jo={class:"tb-title-name"},Jo={class:"tb-group"},Zo=["disabled"],Qo=["disabled"],_o={key:0,class:"tb-group"},en={key:1,class:"tb-group"},tn={key:2,class:"tb-group"},on={key:3,class:"tb-group"},nn={class:"tb-group"},ln={class:"tb-zoom"},an={class:"tb-group"},rn={class:"tb-group"},sn={class:"tb-group"},dn=e.defineComponent({__name:"DesignerToolbar",props:e.mergeModels({isEdit:{type:Boolean},canUndo:{type:Boolean},canRedo:{type:Boolean},hasMultiSelection:{type:Boolean},hasSelection:{type:Boolean},showRuler:{type:Boolean,default:!0},showGrid:{type:Boolean},snapToGrid:{type:Boolean},showTableGhostBorder:{type:Boolean},selectedElementHasGroup:{type:Boolean},overlayVisible:{type:Boolean},showLoadDefault:{type:Boolean}},{scale:{default:100},scaleModifiers:{}}),emits:e.mergeModels(["preview","save","load-default","undo","redo","align","move-layer","toggle-ruler","toggle-grid","toggle-snap","toggle-table-ghost-border","toggle-overlay","group","ungroup","add-overlay-element","fit-window","zoom","help"],["update:scale"]),setup(t){const l=e.useModel(t,"scale");return(o,n)=>(e.openBlock(),e.createElementBlock("div",Ko,[e.createElementVNode("div",Yo,[n[30]||(n[30]=e.createStaticVNode('<span class="tb-mark" aria-hidden="true" data-v-c0858556><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-v-c0858556><rect x="5" y="3" width="14" height="18" rx="2.5" data-v-c0858556></rect><line x1="8.5" y1="8.5" x2="15.5" y2="8.5" data-v-c0858556></line><line x1="8.5" y1="12.5" x2="15.5" y2="12.5" data-v-c0858556></line><line x1="8.5" y1="16.5" x2="12.5" y2="16.5" data-v-c0858556></line></svg></span>',1)),e.createElementVNode("div",Xo,[e.createElementVNode("span",jo,e.toDisplayString(t.isEdit?"编辑模板":"新建模板"),1),n[29]||(n[29]=e.createElementVNode("span",{class:"tb-title-sub"},"打印模板设计器",-1))])]),e.createElementVNode("div",Jo,[e.createElementVNode("button",{class:"tb-btn tb-icon",disabled:!t.canUndo,onClick:n[0]||(n[0]=a=>o.$emit("undo")),title:"撤销"},"↶",8,Zo),e.createElementVNode("button",{class:"tb-btn tb-icon",disabled:!t.canRedo,onClick:n[1]||(n[1]=a=>o.$emit("redo")),title:"重做"},"↷",8,Qo)]),t.hasMultiSelection?(e.openBlock(),e.createElementBlock("div",_o,[e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[2]||(n[2]=a=>o.$emit("align","left")),title:"左对齐"},"⇤"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[3]||(n[3]=a=>o.$emit("align","right")),title:"右对齐"},"⇥"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[4]||(n[4]=a=>o.$emit("align","top")),title:"顶对齐"},"⇡"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[5]||(n[5]=a=>o.$emit("align","bottom")),title:"底对齐"},"⇣"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[6]||(n[6]=a=>o.$emit("align","vertical")),title:"水平居中"},"↔"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[7]||(n[7]=a=>o.$emit("align","horizontal")),title:"垂直居中"},"↕"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[8]||(n[8]=a=>o.$emit("align","distributeHor")),title:"水平分布"},"⇔"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[9]||(n[9]=a=>o.$emit("align","distributeVer")),title:"垂直分布"},"⇕")])):e.createCommentVNode("",!0),t.hasMultiSelection?(e.openBlock(),e.createElementBlock("div",en,[e.createElementVNode("button",{class:"tb-btn",onClick:n[10]||(n[10]=a=>o.$emit("group")),title:"组合"},"组合")])):e.createCommentVNode("",!0),!t.hasMultiSelection&&t.selectedElementHasGroup?(e.openBlock(),e.createElementBlock("div",tn,[e.createElementVNode("button",{class:"tb-btn",onClick:n[11]||(n[11]=a=>o.$emit("ungroup")),title:"取消组合"},"取消组合")])):e.createCommentVNode("",!0),t.hasSelection?(e.openBlock(),e.createElementBlock("div",on,[e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[12]||(n[12]=a=>o.$emit("move-layer","top")),"data-tip":"置顶"},"⤒"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[13]||(n[13]=a=>o.$emit("move-layer","up")),"data-tip":"上移一层"},"↑"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[14]||(n[14]=a=>o.$emit("move-layer","down")),"data-tip":"下移一层"},"↓"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[15]||(n[15]=a=>o.$emit("move-layer","bottom")),"data-tip":"置底"},"⤓")])):e.createCommentVNode("",!0),e.createElementVNode("div",nn,[e.createElementVNode("button",{class:e.normalizeClass(["tb-btn",{on:t.showRuler}]),title:"显示/隐藏标尺",onClick:n[16]||(n[16]=a=>o.$emit("toggle-ruler"))},[...n[31]||(n[31]=[e.createElementVNode("span",{class:"dot"},null,-1),e.createTextVNode(" 标尺 ",-1)])],2),e.createElementVNode("button",{class:e.normalizeClass(["tb-btn",{on:t.showGrid}]),onClick:n[17]||(n[17]=a=>o.$emit("toggle-grid"))},[...n[32]||(n[32]=[e.createElementVNode("span",{class:"dot"},null,-1),e.createTextVNode(" 网格 ",-1)])],2),e.createElementVNode("button",{class:e.normalizeClass(["tb-btn",{on:t.showTableGhostBorder}]),title:"显示/隐藏无边框表格的虚拟虚线",onClick:n[18]||(n[18]=a=>o.$emit("toggle-table-ghost-border"))},[...n[33]||(n[33]=[e.createElementVNode("span",{class:"dot"},null,-1),e.createTextVNode(" 虚框 ",-1)])],2),e.createElementVNode("button",{class:e.normalizeClass(["tb-btn",{on:t.snapToGrid}]),onClick:n[19]||(n[19]=a=>o.$emit("toggle-snap"))},[...n[34]||(n[34]=[e.createElementVNode("span",{class:"dot"},null,-1),e.createTextVNode(" 吸附 ",-1)])],2),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[20]||(n[20]=a=>o.$emit("fit-window")),title:"适应窗口"},"⤢"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[21]||(n[21]=a=>o.$emit("zoom",-10)),title:"缩小"},"−"),e.createElementVNode("span",ln,e.toDisplayString(l.value)+"%",1),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[22]||(n[22]=a=>o.$emit("zoom",10)),title:"放大"},"+")]),n[35]||(n[35]=e.createElementVNode("div",{class:"tb-spacer"},null,-1)),e.createElementVNode("div",an,[e.createVNode(Wo,{onClick:n[23]||(n[23]=a=>o.$emit("help"))})]),e.createElementVNode("div",rn,[e.createElementVNode("button",{class:"tb-btn",onClick:n[24]||(n[24]=a=>o.$emit("add-overlay-element"))},"首页专属"),e.createElementVNode("button",{class:e.normalizeClass(["tb-btn",{warn:t.overlayVisible}]),onClick:n[25]||(n[25]=a=>o.$emit("toggle-overlay"))},"叠层对比",2)]),e.createElementVNode("div",sn,[t.showLoadDefault?(e.openBlock(),e.createElementBlock("button",{key:0,class:"btn-secondary",onClick:n[26]||(n[26]=a=>o.$emit("load-default"))},"加载默认布局")):e.createCommentVNode("",!0),e.createElementVNode("button",{class:"btn-secondary",onClick:n[27]||(n[27]=a=>o.$emit("preview"))},"预览"),e.createElementVNode("button",{class:"btn-primary",onClick:n[28]||(n[28]=a=>o.$emit("save"))},"保存")])]))}}),cn=Q(dn,[["__scopeId","data-v-c0858556"]]),un={class:"layer-panel"},mn=["onClick"],pn={class:"layer-icon"},fn={class:"layer-name"},vn={key:0,class:"layer-zone"},gn={class:"layer-zindex"},hn={key:0,class:"layer-actions"},bn=e.defineComponent({__name:"LayerPanel",props:{elements:{},selectedIds:{}},emits:["select","move-layer"],setup(t){const l=t,o=e.computed(()=>[...l.elements].sort((s,c)=>(c.options.zIndex??0)-(s.options.zIndex??0))),n={text:"T",longText:"¶",table:"⊞",image:"🖼",barcode:"≡",qrcode:"▣",hline:"—",vline:"|",rect:"□",oval:"○",html:"<>"};function a(s){return n[s.printElementType.type]||"?"}function r(s){return s.options.title||s.printElementType.title||s.printElementType.type}function i(s){return s.zone==="header"?"页眉":s.zone==="footer"?"页脚":""}return(s,c)=>(e.openBlock(),e.createElementBlock("div",un,[c[4]||(c[4]=e.createElementVNode("div",{class:"panel-title"},"图层",-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,u=>(e.openBlock(),e.createElementBlock("div",{key:u.id,class:e.normalizeClass(["layer-item",{active:t.selectedIds.has(u.id)}]),onClick:f=>s.$emit("select",u.id,!1)},[e.createElementVNode("span",pn,e.toDisplayString(a(u)),1),e.createElementVNode("span",fn,e.toDisplayString(r(u)),1),i(u)?(e.openBlock(),e.createElementBlock("span",vn,e.toDisplayString(i(u)),1)):e.createCommentVNode("",!0),e.createElementVNode("span",gn,"z:"+e.toDisplayString(u.options.zIndex??0),1)],10,mn))),128)),o.value.length>0?(e.openBlock(),e.createElementBlock("div",hn,[e.createElementVNode("button",{type:"button",class:"pd-button small",onClick:c[0]||(c[0]=u=>s.$emit("move-layer","top")),title:"置顶"}," ⤒ "),e.createElementVNode("button",{type:"button",class:"pd-button small",onClick:c[1]||(c[1]=u=>s.$emit("move-layer","up")),title:"上移"}," ↑ "),e.createElementVNode("button",{type:"button",class:"pd-button small",onClick:c[2]||(c[2]=u=>s.$emit("move-layer","down")),title:"下移"}," ↓ "),e.createElementVNode("button",{type:"button",class:"pd-button small",onClick:c[3]||(c[3]=u=>s.$emit("move-layer","bottom")),title:"置底"}," ⤓ ")])):e.createCommentVNode("",!0)]))}}),yn=Q(bn,[["__scopeId","data-v-d091c3fa"]]);function Ht(t){const l=[...t].sort((i,s)=>(i.sortOrder??0)-(s.sortOrder??0)),o=new Map,n=[];for(const i of l){const s=i.fieldKey.indexOf(".");if(s===-1)continue;const c=i.fieldKey.slice(0,s);let u=o.get(c);u||(u={key:c,label:c,isList:!1,fields:[]},o.set(c,u),n.push(c)),u.fields.push(i)}const a=[],r=[];for(const i of l){if(i.fieldKey.includes("."))continue;const s=o.get(i.fieldKey);s?(s.label=i.fieldLabel,s.isList=i.fieldType==="list"):r.push(i)}r.length&&a.push({key:"",label:"",isList:!1,fields:r});for(const i of n)a.push(o.get(i));return a}function Ut(t,l){const o=l.trim().toLowerCase();return o?t.map(n=>({...n,fields:n.fields.filter(a=>a.fieldLabel.toLowerCase().includes(o)||a.fieldKey.toLowerCase().includes(o))})).filter(n=>n.fields.length>0):t}const kn={class:"field-tree-panel"},En={class:"tree-container"},wn=["onClick"],Vn={class:"expand-icon"},Nn={class:"node-icon"},Cn={class:"group-label"},Sn=["onDragstart"],$n={class:"node-label"},Mn={class:"node-key"},xn={key:0,class:"pd-empty"},Bn=e.defineComponent({__name:"FieldTreePanel",props:{fields:{}},emits:["field-drag"],setup(t,{emit:l}){const o=t,n=l,a=e.ref(""),r=e.ref(new Set),i=e.computed(()=>!!a.value.trim()),s=e.computed(()=>Ut(Ht(o.fields),a.value));function c(f){const v=new Set(r.value);v.has(f)?v.delete(f):v.add(f),r.value=v}function u(f,v){f.dataTransfer?.setData("fieldData",JSON.stringify({fieldKey:v.fieldKey,fieldLabel:v.fieldLabel})),f.dataTransfer&&(f.dataTransfer.effectAllowed="copy"),n("field-drag",v)}return(f,v)=>(e.openBlock(),e.createElementBlock("div",kn,[v[2]||(v[2]=e.createElementVNode("div",{class:"panel-title"},"业务字段",-1)),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":v[0]||(v[0]=h=>a.value=h),class:"pd-input search-input",type:"search",placeholder:"搜索字段...","aria-label":"搜索字段"},null,512),[[e.vModelText,a.value]]),e.createElementVNode("div",En,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,h=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:h.key||"_top"},[h.key?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["field-group-header",{"is-list":h.isList}]),onClick:L=>c(h.key)},[e.createElementVNode("span",Vn,e.toDisplayString(r.value.has(h.key)&&!i.value?"▶":"▼"),1),e.createElementVNode("span",Nn,e.toDisplayString(h.isList?"📋":"📁"),1),e.createElementVNode("span",Cn,e.toDisplayString(h.label),1)],10,wn)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.fields,L=>(e.openBlock(),e.createElementBlock("div",{key:L.fieldKey,class:"field-row",draggable:"true",style:e.normalizeStyle({paddingLeft:(h.key?22:8)+"px"}),onDragstart:R=>u(R,L)},[v[1]||(v[1]=e.createElementVNode("span",{class:"node-icon"},"📄",-1)),e.createElementVNode("span",$n,e.toDisplayString(L.fieldLabel),1),e.createElementVNode("span",Mn,"("+e.toDisplayString(L.fieldKey)+")",1)],44,Sn))),128))],512),[[e.vShow,!h.key||i.value||!r.value.has(h.key)]])],64))),128))]),s.value.length===0?(e.openBlock(),e.createElementBlock("p",xn,"暂无字段")):e.createCommentVNode("",!0)]))}}),Dn=Q(Bn,[["__scopeId","data-v-cc814de0"]]),Tn={key:0,class:"left-collapsed"},zn={class:"left-head"},Ln={class:"pd-tabs left-tabs"},Pn={class:"pd-tab-bar",role:"tablist"},An={class:"pd-tab-pane",role:"tabpanel"},In=["onDragstart"],Rn={class:"material-icon"},Hn={class:"material-label"},Un={class:"pd-tab-pane",role:"tabpanel"},Fn={class:"pd-tab-pane",role:"tabpanel"},On=e.defineComponent({__name:"LeftPanel",props:{fields:{},elements:{},selectedIds:{},collapsed:{type:Boolean}},emits:["select","move-layer","toggle-visible","toggle-locked","field-drag","toggle-collapse"],setup(t,{emit:l}){const o=l,n=e.ref("elements"),a=[{type:"text",label:"文本",icon:"T"},{type:"barcode",label:"条形码",icon:"▍▍"},{type:"qrcode",label:"二维码",icon:"▦"},{type:"image",label:"图片",icon:"▧"},{type:"table",label:"表格",icon:"⊞"},{type:"longText",label:"长文",icon:"¶"},{type:"hline",label:"横线",icon:"―"},{type:"vline",label:"竖线",icon:"│"},{type:"rect",label:"矩形",icon:"▭"},{type:"oval",label:"椭圆",icon:"◯"},{type:"html",label:"HTML",icon:"<>"}];function r(c,u){c.dataTransfer?.setData("elementType",u)}function i(c){o("field-drag",c)}function s(c){n.value=c,o("toggle-collapse")}return(c,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["left-panel",{collapsed:t.collapsed}])},[t.collapsed?(e.openBlock(),e.createElementBlock("div",Tn,[e.createElementVNode("button",{class:"lc-btn",title:"展开素材台",onClick:u[0]||(u[0]=f=>s(n.value))},"»"),e.createElementVNode("button",{class:e.normalizeClass(["lc-btn",{on:n.value==="elements"}]),title:"元素",onClick:u[1]||(u[1]=f=>s("elements"))},"▦",2),e.createElementVNode("button",{class:e.normalizeClass(["lc-btn",{on:n.value==="fields"}]),title:"字段",onClick:u[2]||(u[2]=f=>s("fields"))},"⊛",2),e.createElementVNode("button",{class:e.normalizeClass(["lc-btn",{on:n.value==="layers"}]),title:"图层",onClick:u[3]||(u[3]=f=>s("layers"))},"≡",2)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",zn,[u[12]||(u[12]=e.createElementVNode("span",{class:"left-title"},"素材台",-1)),e.createElementVNode("button",{class:"collapse-btn",title:"收起素材台",onClick:u[4]||(u[4]=f=>c.$emit("toggle-collapse"))},"«")]),e.createElementVNode("div",Ln,[e.createElementVNode("div",Pn,[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["pd-tab",{active:n.value==="elements"}]),onClick:u[5]||(u[5]=f=>n.value="elements")},"元素",2),e.createElementVNode("button",{type:"button",class:e.normalizeClass(["pd-tab",{active:n.value==="fields"}]),onClick:u[6]||(u[6]=f=>n.value="fields")},"字段",2),e.createElementVNode("button",{type:"button",class:e.normalizeClass(["pd-tab",{active:n.value==="layers"}]),onClick:u[7]||(u[7]=f=>n.value="layers")},"图层",2)]),e.withDirectives(e.createElementVNode("div",An,[u[13]||(u[13]=e.createElementVNode("div",{class:"panel-title"},"拖拽元素到画布",-1)),(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(a,f=>e.createElementVNode("div",{key:f.type,class:"material-card",draggable:"true",onDragstart:v=>r(v,f.type)},[e.createElementVNode("span",Rn,e.toDisplayString(f.icon),1),e.createElementVNode("span",Hn,e.toDisplayString(f.label),1)],40,In)),64))],512),[[e.vShow,n.value==="elements"]]),e.withDirectives(e.createElementVNode("div",Un,[e.createVNode(Dn,{fields:t.fields,onFieldDrag:i},null,8,["fields"])],512),[[e.vShow,n.value==="fields"]]),e.withDirectives(e.createElementVNode("div",Fn,[e.createVNode(yn,{elements:t.elements,"selected-ids":t.selectedIds,onSelect:u[8]||(u[8]=(f,v)=>c.$emit("select",f,v)),onMoveLayer:u[9]||(u[9]=f=>c.$emit("move-layer",f)),onToggleVisible:u[10]||(u[10]=f=>c.$emit("toggle-visible",f)),onToggleLocked:u[11]||(u[11]=f=>c.$emit("toggle-locked",f))},null,8,["elements","selected-ids"])],512),[[e.vShow,n.value==="layers"]])])],64))],2))}}),Gn=Q(On,[["__scopeId","data-v-eb646f19"]]),pe=22,Je=[1,2,5,10,20,50,100,200,500,1e3];function qn(t,l=64){const o=t*3.7795275590551185;for(const n of Je)if(n*o>=l)return n;return Je[Je.length-1]}function Wn(t){const l=Math.floor(Math.log10(t)+1e-9),o=t/10**l;return o===5||o===1&&t>=10?t/5:o===2?t/2:null}function Kn(t){return Math.round(t*1e3)/1e3}function Yn(t,l,o){if(l<t||o<=0)return[];const a=Wn(o)??o,r=Math.ceil(t/a-1e-9)*a,i=Math.floor((l-r)/a+1e-9),s=[];for(let c=0;c<=i;c++){const u=Kn(r+c*a);Math.abs(u/o-Math.round(u/o))<1e-6?s.push({mm:u,major:!0,label:String(u)}):s.push({mm:u,major:!1})}return s}function Xn(t,l){const o=e.ref(!1),n=e.ref(null);let a=0,r=0,i=0,s=0,c=!1;function u(B){if(l.disabled)return;const $=B.target;if(!($ instanceof HTMLElement)||$.classList.contains("resize-handle"))return;o.value=!0,c=B.altKey,a=B.clientX,r=B.clientY;const A=t.value;A&&(i=parseFloat(A.style.left)||0,s=parseFloat(A.style.top)||0,n.value={left:i,top:s,width:parseFloat(A.style.width)||0,height:parseFloat(A.style.height)||0},l.onStart?.({altKey:c}),document.addEventListener("mousemove",v),document.addEventListener("mouseup",h),B.preventDefault())}function f(B){const $=l.getScale?.()??1;let A=i+(B.clientX-a)/$,Y=s+(B.clientY-r)/$;if(l.axis==="x"&&(Y=s),l.axis==="y"&&(A=i),l.onAdsorb){const j=t.value;if(j){const I=parseFloat(j.style.width)||0,G=parseFloat(j.style.height)||0,H=l.onAdsorb({left:A,top:Y,width:I,height:G});A=H.left,Y=H.top}}return{left:A,top:Y}}function v(B){const $=f(B);n.value&&(n.value.left=$.left,n.value.top=$.top),l.onDrag($)}function h(B){o.value=!1;const $=f(B);l.onDragEnd?.($,{altKey:c}),l.onStop?.(),n.value=null,document.removeEventListener("mousemove",v),document.removeEventListener("mouseup",h)}function L(){const B=t.value;B&&B.removeEventListener("mousedown",u),document.removeEventListener("mousemove",v),document.removeEventListener("mouseup",h)}function R(){L();const B=t.value;B&&B.addEventListener("mousedown",u)}return{isDragging:o,dragPreview:n,setup:R,cleanup:L}}const jn=["nw","n","ne","e","se","s","sw","w"];function Jn(t,l,o,n,a,r){let{left:i,top:s,width:c,height:u}=l;switch(t){case"e":c=Math.max(a,l.width+o);break;case"w":c=Math.max(a,l.width-o),i=l.left+l.width-c;break;case"s":u=Math.max(r,l.height+n);break;case"n":u=Math.max(r,l.height-n),s=l.top+l.height-u;break;case"se":c=Math.max(a,l.width+o),u=Math.max(r,l.height+n);break;case"sw":c=Math.max(a,l.width-o),i=l.left+l.width-c,u=Math.max(r,l.height+n);break;case"ne":c=Math.max(a,l.width+o),u=Math.max(r,l.height-n),s=l.top+l.height-u;break;case"nw":c=Math.max(a,l.width-o),i=l.left+l.width-c,u=Math.max(r,l.height-n),s=l.top+l.height-u;break}return{left:i,top:s,width:c,height:u}}function Zn(t){let l=0,o=0,n={left:0,top:0,width:0,height:0},a=null;function r(u,f){a=u,l=f.clientX,o=f.clientY,n={...t.getRect()},t.onStart?.(),document.addEventListener("mousemove",i),document.addEventListener("mouseup",s),f.preventDefault()}function i(u){if(!a)return;const f=t.getScale?.()||1,v=(u.clientX-l)/f,h=(u.clientY-o)/f,L=t.minWidth||20,R=t.minHeight||20;t.onResize(Jn(a,n,v,h,L,R))}function s(){a=null,t.onStop?.(),document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",s)}function c(){document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",s)}return{startResize:r,cleanup:c}}const Qn=e.defineComponent({__name:"TextElement",props:{element:{},data:{},designMode:{type:Boolean}},setup(t){const l=t,o={top:"flex-start",middle:"center",bottom:"flex-end"},n={left:"flex-start",center:"center",right:"flex-end"},a=e.computed(()=>{const i=l.element.options;return{fontSize:(i.fontSize||12)+"pt",fontWeight:i.fontWeight||"normal",fontFamily:i.fontFamily||"inherit",color:i.color||"#333",backgroundColor:i.backgroundColor||"transparent",textAlign:i.textAlign||"left",lineHeight:i.lineHeight?i.lineHeight+"pt":"normal",letterSpacing:i.letterSpacing?i.letterSpacing+"pt":"normal",textDecoration:i.textDecoration||"none",padding:`${i.contentPaddingTop||0}pt ${i.contentPaddingRight||0}pt ${i.contentPaddingBottom||0}pt ${i.contentPaddingLeft||0}pt`,width:"100%",height:"100%",boxSizing:"border-box",overflow:"hidden",...i.verticalAlign?{display:"flex",alignItems:o[i.verticalAlign]??"flex-start",justifyContent:n[i.textAlign||"left"]??"flex-start"}:{}}}),r=e.computed(()=>l.designMode?l.element.options.testData?l.element.options.testData:l.element.options.formatter||"文本":Oe(l.element.options,l.data));return(i,s)=>(e.openBlock(),e.createElementBlock("div",{class:"print-text",style:e.normalizeStyle(a.value)},e.toDisplayString(r.value),5))}}),_n={class:"print-image"},el=["src"],tl={key:1,class:"image-placeholder"},ol=e.defineComponent({__name:"ImageElement",props:{element:{},data:{},designMode:{type:Boolean}},setup(t){const l=t,o=e.computed(()=>{const i=l.element.options.src||"";return i?i.includes("{")?l.designMode?$e(i,fe):$e(i,l.data?.[0]||{}):i:""}),n=e.ref(!1);function a(){n.value=!0}e.watch(o,()=>{n.value=!1});const r=e.computed(()=>({objectFit:l.element.options.fit||"contain"}));return(i,s)=>(e.openBlock(),e.createElementBlock("div",_n,[o.value&&!n.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:o.value,style:e.normalizeStyle(r.value),onError:a},null,44,el)):(e.openBlock(),e.createElementBlock("div",tl,"图片"))]))}}),nl=Q(ol,[["__scopeId","data-v-530ee54f"]]),ll=e.defineComponent({__name:"LongTextElement",props:{element:{},data:{},designMode:{type:Boolean}},setup(t){const l=t,o={top:"flex-start",middle:"center",bottom:"flex-end"},n={left:"flex-start",center:"center",right:"flex-end"},a=e.computed(()=>{const i=l.element.options;return{fontSize:(i.fontSize||12)+"pt",fontWeight:i.fontWeight||"normal",fontFamily:i.fontFamily||"inherit",color:i.color||"#333",backgroundColor:i.backgroundColor||"transparent",textAlign:i.textAlign||"left",lineHeight:i.lineHeight?i.lineHeight+"pt":"1.5",letterSpacing:i.letterSpacing?i.letterSpacing+"pt":"normal",textIndent:i.longTextIndent?i.longTextIndent+"pt":"0",width:"100%",height:"100%",overflow:"hidden",wordBreak:"break-all",boxSizing:"border-box",...i.verticalAlign?{display:"flex",alignItems:o[i.verticalAlign]??"flex-start",justifyContent:n[i.textAlign||"left"]??"flex-start"}:{}}}),r=e.computed(()=>l.designMode?l.element.options.formatter?l.element.options.formatter:"长文本内容":Oe(l.element.options,l.data));return(i,s)=>(e.openBlock(),e.createElementBlock("div",{class:"print-longtext",style:e.normalizeStyle(a.value)},e.toDisplayString(r.value),5))}}),al=["title"],il=["title","onClick"],rl=e.defineComponent({__name:"TableContextMenu",props:{visible:{type:Boolean},x:{},y:{},canDeleteRow:{type:Boolean},canDeleteCol:{type:Boolean},mergeDisabledReason:{},canSplit:{type:Boolean},currentRowType:{},rowTypeDisabledReason:{type:Function}},emits:["action"],setup(t,{emit:l}){const o=[{value:"header",label:"标题行"},{value:"data",label:"数据行"},{value:"subtotal",label:"小计行"},{value:"summary",label:"汇总行"}],n=l;function a(r,i){n("action",r,i)}return(r,i)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[t.visible?(e.openBlock(),e.createElementBlock("div",{key:0,class:"table-ctx-menu",style:e.normalizeStyle({left:t.x+"px",top:t.y+"px"}),onMousedown:i[8]||(i[8]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("div",{class:"menu-item",onClick:i[0]||(i[0]=s=>a("insert-row-above"))},"在上方插入行"),e.createElementVNode("div",{class:"menu-item",onClick:i[1]||(i[1]=s=>a("insert-row-below"))},"在下方插入行"),e.createElementVNode("div",{class:e.normalizeClass(["menu-item",{disabled:!t.canDeleteRow}]),onClick:i[2]||(i[2]=s=>t.canDeleteRow&&a("delete-row"))}," 删除行 ",2),i[9]||(i[9]=e.createElementVNode("div",{class:"menu-divider"},null,-1)),e.createElementVNode("div",{class:"menu-item",onClick:i[3]||(i[3]=s=>a("insert-col-left"))},"在左侧插入列"),e.createElementVNode("div",{class:"menu-item",onClick:i[4]||(i[4]=s=>a("insert-col-right"))},"在右侧插入列"),e.createElementVNode("div",{class:e.normalizeClass(["menu-item",{disabled:!t.canDeleteCol}]),onClick:i[5]||(i[5]=s=>t.canDeleteCol&&a("delete-col"))}," 删除列 ",2),i[10]||(i[10]=e.createElementVNode("div",{class:"menu-divider"},null,-1)),e.createElementVNode("div",{class:e.normalizeClass(["menu-item",{disabled:!!t.mergeDisabledReason}]),title:t.mergeDisabledReason||"",onClick:i[6]||(i[6]=s=>!t.mergeDisabledReason&&a("merge"))}," 合并单元格 ",10,al),e.createElementVNode("div",{class:e.normalizeClass(["menu-item",{disabled:!t.canSplit}]),onClick:i[7]||(i[7]=s=>t.canSplit&&a("split"))}," 拆分单元格 ",2),i[11]||(i[11]=e.createElementVNode("div",{class:"menu-divider"},null,-1)),i[12]||(i[12]=e.createElementVNode("div",{class:"menu-group-title"},"行类型",-1)),(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(o,s=>e.createElementVNode("div",{key:s.value,class:e.normalizeClass(["menu-item",{disabled:!!t.rowTypeDisabledReason(s.value),active:t.currentRowType===s.value}]),title:t.rowTypeDisabledReason(s.value)||"",onClick:c=>!t.rowTypeDisabledReason(s.value)&&a("set-row-type",s.value)},e.toDisplayString(s.label),11,il)),64))],36)):e.createCommentVNode("",!0)]))}}),sl=Q(rl,[["__scopeId","data-v-3f0b28d4"]]),dl={class:"cell-barcode"},cl=["src"],ul={key:1,class:"cell-barcode-fallback"},ml=e.defineComponent({__name:"CellBarcode",props:{cellType:{},value:{},barcodeType:{},qrCodeLevel:{},showText:{type:Boolean},fit:{},maxWidth:{},maxHeight:{}},setup(t){const l=t,o=e.ref(null),n=e.ref(!1),a=e.ref(""),r=e.computed(()=>({objectFit:l.fit||"contain",maxWidth:l.maxWidth?`${l.maxWidth}mm`:"100%",maxHeight:l.maxHeight?`${l.maxHeight}mm`:"100%"})),i=e.computed(()=>({objectFit:l.fit||"contain",maxWidth:l.maxWidth?`${l.maxWidth}mm`:"100%",maxHeight:l.maxHeight?`${l.maxHeight}mm`:"100%"}));function s(){if(n.value=!1,!!o.value)try{lt(o.value,l.value,{format:l.barcodeType||"CODE128",width:1,height:28,displayValue:l.showText!==!1,fontSize:9,margin:0}),n.value=!0}catch{}}async function c(){if(!l.value){a.value="";return}try{a.value=await at.toDataURL(l.value,{width:96,margin:1,errorCorrectionLevel:l.qrCodeLevel||"M"})}catch{a.value=""}}function u(){l.cellType==="barcode"?s():c()}return e.onMounted(u),e.watch(()=>[l.cellType,l.value,l.barcodeType,l.qrCodeLevel,l.showText],u),(f,v)=>(e.openBlock(),e.createElementBlock("div",dl,[e.withDirectives((e.openBlock(),e.createElementBlock("svg",{ref_key:"barcodeSvg",ref:o,preserveAspectRatio:"xMidYMid meet",style:e.normalizeStyle(r.value)},null,4)),[[e.vShow,t.cellType==="barcode"&&n.value]]),t.cellType==="qrcode"&&a.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:a.value,alt:"qrcode",style:e.normalizeStyle(i.value)},null,12,cl)):e.createCommentVNode("",!0),!n.value&&t.cellType==="barcode"?(e.openBlock(),e.createElementBlock("span",ul,e.toDisplayString(t.value||"条码"),1)):e.createCommentVNode("",!0)]))}}),pl=Q(ml,[["__scopeId","data-v-612f4008"]]),fl={class:"cell-image"},vl=["src"],gl={key:1,class:"image-placeholder"},hl=e.defineComponent({__name:"CellImage",props:{value:{},fit:{},maxWidth:{},maxHeight:{},designMode:{type:Boolean},data:{}},setup(t){const l=t,o=e.computed(()=>{const i=l.value||"";return i?i.includes("{")?l.designMode?$e(i,fe):$e(i,l.data?.[0]||{}):i:""}),n=e.ref(!1);function a(){n.value=!0}e.watch(o,()=>{n.value=!1});const r=e.computed(()=>({objectFit:l.fit||"contain",maxWidth:l.maxWidth?`${l.maxWidth}mm`:"100%",maxHeight:l.maxHeight?`${l.maxHeight}mm`:"100%"}));return(i,s)=>(e.openBlock(),e.createElementBlock("div",fl,[o.value&&!n.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:o.value,style:e.normalizeStyle(r.value),onError:a},null,44,vl)):(e.openBlock(),e.createElementBlock("div",gl,"图片"))]))}}),bl=Q(hl,[["__scopeId","data-v-7f838bbb"]]),yl=["rowspan","colspan","onMousedown","onMouseenter","onDblclick","onContextmenu"],kl={key:2,class:"data-placeholder"},El={key:0,class:"col-resize-layer"},wl=["aria-label","onMousedown"],Vl={key:1,class:"row-badges"},Re=3.7795275591,Nl=.1,Cl=e.defineComponent({__name:"TableElement",props:{element:{},designMode:{type:Boolean},isSelected:{type:Boolean},showTableGhostBorder:{type:Boolean},scale:{},data:{}},emits:["dblclick-element","dblclick-cell"],setup(t,{emit:l}){const o={header:"题",data:"数",subtotal:"小",summary:"汇"},n=t,a=l,r=e.inject(Be,{tableSelection:e.ref(null),setTableSelection:()=>{},recordHistory:()=>{},maxTableWidth:e.ref(1/0)}),i=e.computed(()=>n.element.options.tableRows??[]),s=e.computed(()=>n.element.options.tableColWidths??[]),c=e.computed(()=>n.element.options.tableDefaultFontSize??10),u=e.computed(()=>n.element.options.tableDefaultColor??"#333333"),f=e.computed(()=>{const w=r.tableSelection.value;return w&&w.elementId===n.element.id?w:null});function v(w){let V=0;for(let M=0;M<w;M++)V+=i.value[M].height;return V}const h=e.ref(null),L=e.ref([]);function R(){if(!n.designMode)return;const w=h.value;if(!w)return;const V=w.offsetHeight;if(V<=0)return;const M=n.element.options,b=V/Re;Math.abs(b-(M.height??0))>Nl&&(M.height=Math.round(b*100)/100);const k=w.offsetTop;L.value=Array.from(w.rows).map(q=>({top:(q.offsetTop-k)/Re,height:q.offsetHeight/Re}))}function B(w){return L.value[w]?.top??v(w)}function $(w){return L.value[w]?.height??i.value[w]?.height??0}e.watch(()=>[n.element.options,n.designMode],()=>R(),{deep:!0,flush:"post"}),e.onMounted(()=>{R(),document.fonts?.ready.then(()=>R())});const A=e.computed(()=>{const w=n.element.options.dataSource;if(w&&Array.isArray(fe[w]))return fe[w];for(const V of Object.values(fe))if(Array.isArray(V))return V}),Y=e.computed(()=>{if(n.data)return n.data});function j(w){return w.cellType==="barcode"||w.cellType==="qrcode"}function I(w,V){return j(V)?ko(V.formatter,A.value):V.formatter||""}function G(w,V){const M=n.element.options,b={designMode:n.designMode,showGhostBorder:n.showTableGhostBorder};return{fontFamily:V.fontFamily||"inherit",textAlign:V.align??"left",verticalAlign:V.valign??"middle",fontSize:(V.fontSize??c.value)+"pt",fontWeight:V.fontWeight??"normal",color:V.color??u.value,backgroundColor:V.backgroundColor??"transparent",borderTop:Ae(V.borders?.top,b),borderRight:Ae(V.borders?.right,b),borderBottom:Ae(V.borders?.bottom,b),borderLeft:Ae(V.borders?.left,b),padding:(V.padding??M.tableDefaultPadding??1)+"mm",whiteSpace:V.wordWrap??!0?"normal":"nowrap",overflow:V.wordWrap??!0?"visible":"hidden"}}function H(w,V){const M=f.value;return{"cell-selected":!!M&&w>=M.r1&&w<=M.r2&&V>=M.c1&&V<=M.c2,"row-data-bg":i.value[w].type==="data"}}const T=e.ref(null);function C(w,V){const M=xt(i.value,w,V);r.setTableSelection({elementId:n.element.id,...M})}function S(w,V,M){!n.designMode||!n.isSelected||(M.stopPropagation(),M.shiftKey&&f.value?C({r:f.value.r1,c:f.value.c1},{r:w,c:V}):(T.value={r:w,c:V},C({r:w,c:V},{r:w,c:V})),window.addEventListener("mouseup",()=>{T.value=null},{once:!0}))}function x(w,V){T.value&&C(T.value,{r:w,c:V})}function D(w,V){n.designMode&&a("dblclick-cell",n.element.id,w,V)}const z=e.reactive({visible:!1,x:0,y:0});function m(w,V,M){if(!n.designMode||!n.isSelected)return;const b=f.value;b&&w>=b.r1&&w<=b.r2&&V>=b.c1&&V<=b.c2||C({r:w,c:V},{r:w,c:V}),z.x=M.clientX,z.y=M.clientY,z.visible=!0,window.addEventListener("mousedown",()=>{z.visible=!1},{once:!0})}const y=e.computed(()=>{const w=f.value;return w?Bt(i.value,w):"未选择单元格"}),F=e.computed(()=>{const w=f.value;if(!w)return!1;for(let V=w.r1;V<=w.r2;V++)for(let M=w.c1;M<=w.c2;M++){const b=i.value[V].cells[M];if(!b.merged&&((b.rowspan??1)>1||(b.colspan??1)>1))return!0}return!1});function K(w){const V=f.value;if(!V)return"未选择单元格";if(V.r1!==V.r2)return"行类型仅支持单行设置";const M=JSON.parse(JSON.stringify(i.value));return et(M,V.r1,w)}function J(){Fe(n.element.options)}function te(w,V){const M=r.maxTableWidth.value,b=w.reduce((k,q)=>k+q,0)+w[V];return b>M?`插入后表格总宽 ${Math.round(b*10)/10}mm 超过打印范围宽度 ${M}mm,请先缩小列宽`:null}function se(w,V){const M=f.value;if(!M)return;z.visible=!1;const b=n.element.options,k=b.tableRows,q=b.tableColWidths;let X=null;switch(w){case"insert-row-above":gt(k,M.r1,"above");break;case"insert-row-below":gt(k,M.r2,"below");break;case"delete-row":X=co(k,M.r1);break;case"insert-col-left":X=te(q,M.c1),X||ht(k,q,M.c1,"left");break;case"insert-col-right":X=te(q,M.c2),X||ht(k,q,M.c2,"right");break;case"delete-col":X=uo(k,q,M.c1);break;case"merge":Dt(k,M);break;case"split":Tt(k,M);break;case"set-row-type":X=et(k,M.r1,V);break}if(X){alert(X);return}r.setTableSelection(null),J(),r.recordHistory()}const re=e.computed(()=>n.designMode&&!!n.isSelected&&!n.element.options.locked&&s.value.length>=1),ae=e.computed(()=>Array.from({length:s.value.length},(w,V)=>V+1));function _(w){return s.value.slice(0,w).reduce((V,M)=>V+M,0)}const g=e.ref(null);let d=0,p=0;function E(w,V){re.value&&(g.value=w,d=V.clientX,p=s.value[w-1],document.addEventListener("mousemove",N),document.addEventListener("mouseup",P))}function N(w){if(g.value===null)return;const V=n.scale||1,M=(w.clientX-d)/(V*Re),b=g.value-1,k=n.element.options.tableColWidths;k[b]=fo(k,b,p+M,r.maxTableWidth.value),J()}function P(){document.removeEventListener("mousemove",N),document.removeEventListener("mouseup",P),g.value!==null&&(g.value=null,J(),r.recordHistory())}return e.onUnmounted(()=>{document.removeEventListener("mousemove",N),document.removeEventListener("mouseup",P)}),(w,V)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["print-table",{"design-mode":t.designMode}]),onContextmenu:V[0]||(V[0]=e.withModifiers(()=>{},["prevent"]))},[e.createElementVNode("table",{ref_key:"tableRef",ref:h,style:e.normalizeStyle({fontSize:c.value+"pt",color:u.value})},[e.createElementVNode("colgroup",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,(M,b)=>(e.openBlock(),e.createElementBlock("col",{key:b,style:e.normalizeStyle({width:M+"mm"})},null,4))),128))]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,(M,b)=>(e.openBlock(),e.createElementBlock("tr",{key:M.id,style:e.normalizeStyle({height:M.height+"mm"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(M.cells,(k,q)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:k.id},[k.merged?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("td",{key:0,rowspan:k.rowspan||1,colspan:k.colspan||1,class:e.normalizeClass(H(b,q)),style:e.normalizeStyle(G(M,k)),onMousedown:e.withModifiers(X=>S(b,q,X),["left"]),onMouseenter:X=>x(b,q),onDblclick:e.withModifiers(X=>D(b,q),["stop"]),onContextmenu:e.withModifiers(X=>m(b,q,X),["prevent","stop"])},[j(k)?(e.openBlock(),e.createBlock(pl,{key:0,"cell-type":k.cellType,value:I(M,k),"barcode-type":k.barcodeType,"qr-code-level":k.qrCodeLevel,"show-text":k.showBarcodeText,fit:k.fit,"max-width":k.maxWidth,"max-height":k.maxHeight},null,8,["cell-type","value","barcode-type","qr-code-level","show-text","fit","max-width","max-height"])):k.cellType==="image"?(e.openBlock(),e.createBlock(bl,{key:1,value:k.formatter||"",fit:k.fit,"max-width":k.maxWidth,"max-height":k.maxHeight,"design-mode":t.designMode,data:Y.value},null,8,["value","fit","max-width","max-height","design-mode","data"])):M.type==="data"?(e.openBlock(),e.createElementBlock("span",kl,e.toDisplayString(I(M,k)),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[e.createTextVNode(e.toDisplayString(I(M,k)),1)],64))],46,yl))],64))),128))],4))),128))])],4),re.value?(e.openBlock(),e.createElementBlock("div",El,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(ae.value,M=>(e.openBlock(),e.createElementBlock("div",{key:M,class:e.normalizeClass(["col-resize-handle",{dragging:g.value===M}]),role:"separator","aria-label":"列宽手柄"+M,style:e.normalizeStyle({left:_(M)+"mm"}),onMousedown:e.withModifiers(b=>E(M,b),["stop","prevent"])},null,46,wl))),128))])):e.createCommentVNode("",!0),t.designMode&&t.isSelected?(e.openBlock(),e.createElementBlock("div",Vl,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,(M,b)=>(e.openBlock(),e.createElementBlock("span",{key:M.id,class:"row-badge",style:e.normalizeStyle({top:B(b)+"mm",height:$(b)+"mm"})},e.toDisplayString(o[M.type]),5))),128))])):e.createCommentVNode("",!0),e.createVNode(sl,{visible:z.visible,x:z.x,y:z.y,"can-delete-row":i.value.length>1,"can-delete-col":s.value.length>1,"merge-disabled-reason":y.value,"can-split":F.value,"current-row-type":f.value?i.value[f.value.r1]?.type??null:null,"row-type-disabled-reason":K,onAction:se},null,8,["visible","x","y","can-delete-row","can-delete-col","merge-disabled-reason","can-split","current-row-type"])],34))}}),Sl=Q(Cl,[["__scopeId","data-v-980bb07d"]]),Et=e.defineComponent({__name:"LineElement",props:{element:{}},setup(t){const l=t,o=e.computed(()=>l.element.printElementType.type==="hline"),n=e.computed(()=>{const a=l.element.options,r=(a.borderWidth||.75)+"pt",i=a.borderStyle||"solid",s=a.borderColor||"#333";return o.value?{width:"100%",height:"0",borderTop:`${r} ${i} ${s}`,boxSizing:"border-box"}:{width:"0",height:"100%",borderLeft:`${r} ${i} ${s}`,boxSizing:"border-box"}});return(a,r)=>(e.openBlock(),e.createElementBlock("div",{class:"print-line",style:e.normalizeStyle(n.value)},null,4))}}),wt=e.defineComponent({__name:"ShapeElement",props:{element:{}},setup(t){const l=t,o=e.computed(()=>l.element.printElementType.type==="oval"),n=e.computed(()=>{const a=l.element.options;return{width:"100%",height:"100%",borderWidth:(a.borderWidth||1)+"pt",borderStyle:a.borderStyle||"solid",borderColor:a.borderColor||"#333",backgroundColor:a.backgroundColor||"transparent",borderRadius:o.value?"50%":"0",boxSizing:"border-box"}});return(a,r)=>(e.openBlock(),e.createElementBlock("div",{class:"print-shape",style:e.normalizeStyle(n.value)},null,4))}}),$l={class:"print-barcode",ref:"containerRef"},Ml=96/25.4,xl=e.defineComponent({__name:"BarcodeElement",props:{element:{},data:{},designMode:{type:Boolean}},setup(t){const l=t,o=e.ref(null);function n(){if(!o.value)return;const a=l.element.options,r=(l.designMode?a.testData||a.formatter:Oe(a,l.data))||"条码",i=!a.hideTitle,s=(a.fontSize||12)*(96/72),c=(a.height||40)*Ml,u=i?s+4:0,f=Math.max(8,c-u);try{lt(o.value,r,{format:a.barcodeType||"CODE128",width:a.barWidth?a.barWidth/2:1,height:f,displayValue:i,fontSize:s,margin:2})}catch{}}return e.onMounted(n),e.watch(()=>[l.element.options.formatter,l.element.options.testData,l.element.options.barcodeType,l.element.options.width,l.element.options.height,l.element.options.barWidth,l.element.options.hideTitle,l.element.options.fontSize],n),(a,r)=>(e.openBlock(),e.createElementBlock("div",$l,[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgRef",ref:o,preserveAspectRatio:"xMidYMid meet"},null,512))],512))}}),Bl=Q(xl,[["__scopeId","data-v-a71e7c44"]]),Dl={class:"print-qrcode"},Tl=["src"],zl=e.defineComponent({__name:"QrcodeElement",props:{element:{},data:{},designMode:{type:Boolean}},setup(t){const l=t,o=e.ref("");async function n(){const a=l.element.options,r=(l.designMode?a.testData||a.formatter:Oe(a,l.data))||"二维码",i=Math.min(a.width||80,a.height||80);try{o.value=await at.toDataURL(r,{width:i,margin:1,errorCorrectionLevel:String(a.qrCodeLevel??"M")})}catch{o.value=""}}return e.onMounted(n),e.watch(()=>[l.element.options.formatter,l.element.options.testData],n),(a,r)=>(e.openBlock(),e.createElementBlock("div",Dl,[o.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:o.value,alt:"qrcode"},null,8,Tl)):e.createCommentVNode("",!0)]))}}),Ll=Q(zl,[["__scopeId","data-v-90b31b7e"]]),Pl=["innerHTML"],Al=e.defineComponent({__name:"HtmlElement",props:{element:{},data:{},designMode:{type:Boolean}},setup(t){const l=t,o=e.computed(()=>{if(l.element.options.formatter){const n=l.data&&l.data.length>0?l.data[0]:{},a=$e(l.element.options.formatter,n??{});return a?oo.sanitize(a):""}return'<div style="background:#e0e0e0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:10pt;color:#999">HTML</div>'});return(n,a)=>(e.openBlock(),e.createElementBlock("div",{class:"print-html",innerHTML:o.value},null,8,Pl))}}),Il=Q(Al,[["__scopeId","data-v-f0a224c2"]]),Rl=e.defineComponent({__name:"PageNumberElement",props:{element:{},data:{},designMode:{type:Boolean}},setup(t){const l=t,o=e.computed(()=>{const a=l.element.options;return{fontSize:(a.fontSize||12)+"pt",fontWeight:a.fontWeight||"normal",fontFamily:a.fontFamily||"inherit",color:a.color||"#333",textAlign:a.textAlign||"left",lineHeight:a.lineHeight?a.lineHeight+"pt":"normal",letterSpacing:a.letterSpacing?a.letterSpacing+"pt":"normal"}}),n=e.computed(()=>l.designMode?l.element.options.title||"{pageIndex}/{totalPages}":l.element.options.title||"");return(a,r)=>(e.openBlock(),e.createElementBlock("div",{class:"page-number-element",style:e.normalizeStyle(o.value)},e.toDisplayString(n.value),5))}}),Hl=Q(Rl,[["__scopeId","data-v-c3750ca3"]]),Ul={key:0,class:"drag-preview"},Fl={key:1,class:"resize-handles"},Ol=["onMousedown"],Gl={key:2,class:"selected-indicator"},ql={class:"position-label"},Wl=e.defineComponent({__name:"BaseElement",props:{element:{},isSelected:{type:Boolean},designMode:{type:Boolean},printData:{},scale:{},allElements:{},snapToGrid:{type:Boolean},showTableGhostBorder:{type:Boolean},zone:{},adsorbHandler:{type:Function},clearAdsorbGuides:{type:Function}},emits:["select","update:element","drag-start","drag-stop","dblclick-element","dblclick-cell","contextmenu","clone-element"],setup(t,{emit:l}){const o=t,n=l,a=e.ref(null),r=e.inject(At,null),i=e.computed(()=>r?.value?r.value.has(o.element.id):o.isSelected??!1),s=e.inject(It,null),c=e.computed(()=>s?.value.has(o.element.id)??!1),u={text:e.markRaw(Qn),image:e.markRaw(nl),longText:e.markRaw(ll),table:e.markRaw(Sl),hline:e.markRaw(Et),vline:e.markRaw(Et),rect:e.markRaw(wt),oval:e.markRaw(wt),barcode:e.markRaw(Bl),qrcode:e.markRaw(Ll),html:e.markRaw(Il),pageNumber:e.markRaw(Hl)},f=e.computed(()=>u[o.element.printElementType.type]),v=e.computed(()=>o.element.printElementType.type==="table"?{showTableGhostBorder:o.showTableGhostBorder,scale:o.scale}:{}),h=e.computed(()=>{const D=o.element.options;return{position:"absolute",left:D.left+"mm",top:D.top+"mm",width:D.width+"mm",height:D.height+"mm",zIndex:D.zIndex||"auto"}}),L=e.computed(()=>{const D=o.element.options;return`x:${Math.round(D.left)} y:${Math.round(D.top)} ${Math.round(D.width)}×${Math.round(D.height)}mm`});let R=0,B=0;const $=e.reactive({disabled:!o.designMode||!!o.element.options.locked,getScale:()=>(o.scale||1)*ve(1),onDrag:D=>{const z=D.left-R,m=D.top-B;a.value&&(a.value.style.transform=`translate(${z}mm, ${m}mm)`)},onDragEnd:(D,z)=>{if(z.altKey){const F=JSON.parse(JSON.stringify(o.element));F.id=Se(),F.options.left=D.left,F.options.top=D.top,n("clone-element",F,{left:D.left,top:D.top}),a.value&&(a.value.style.transform="");return}const m=D.left-R,y=D.top-B;if(o.element.options.left=D.left,o.element.options.top=D.top,a.value&&(a.value.style.transform=""),o.element.options.groupId&&o.allElements)for(const F of o.allElements)F.id!==o.element.id&&F.options.groupId===o.element.options.groupId&&(F.options.left+=m,F.options.top+=y)},onStart:()=>{R=o.element.options.left,B=o.element.options.top,n("select",o.element.id,!1),n("drag-start")},onStop:()=>{o.clearAdsorbGuides?.(),n("drag-stop")},onAdsorb:D=>{let z=D.left,m=D.top;return o.snapToGrid&&(z=Math.round(D.left/5)*5,m=Math.round(D.top/5)*5),o.adsorbHandler?o.adsorbHandler({id:o.element.id,left:z,top:m,width:o.element.options.width,height:o.element.options.height}):{left:z,top:m,lines:[]}}}),{setup:A,cleanup:Y,isDragging:j}=Xn(a,$);e.watchEffect(()=>{$.disabled=!o.designMode||!!o.element.options.locked});const I=e.computed(()=>i.value&&!!o.designMode&&!o.element.options.locked&&o.element.printElementType.type!=="table"),{startResize:G,cleanup:H}=Zn({minWidth:3.5,minHeight:3.5,getScale:()=>(o.scale||1)*ve(1),getRect:()=>({left:o.element.options.left,top:o.element.options.top,width:o.element.options.width,height:o.element.options.height}),onResize:D=>{o.element.options.left=D.left,o.element.options.top=D.top,o.element.options.width=D.width,o.element.options.height=D.height},onStart:()=>{n("drag-start")},onStop:()=>{n("drag-stop")}});function T(D){o.designMode&&n("select",o.element.id,D.ctrlKey||D.metaKey)}function C(){o.designMode&&n("dblclick-element",o.element.id)}function S(D,z,m){o.designMode&&n("dblclick-cell",D,z,m)}e.onMounted(()=>{o.designMode&&A()});function x(){Y(),H(),o.clearAdsorbGuides?.()}return e.onUnmounted(()=>{x()}),(D,z)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"elRef",ref:a,class:e.normalizeClass(["print-element",{selected:i.value,previewed:c.value,"design-mode":t.designMode,locked:t.element.options.locked,hidden:t.element.options.visible===!1,"drag-ghost":e.unref(j),[`type-${t.element.printElementType.type}`]:!0,[`zone-${t.zone||"content"}`]:!0}]),style:e.normalizeStyle(h.value),onMousedown:e.withModifiers(T,["stop"]),onDblclick:e.withModifiers(C,["stop"]),onContextmenu:z[0]||(z[0]=e.withModifiers(m=>D.$emit("contextmenu",t.element.id,m),["prevent","stop"]))},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(f.value),e.mergeProps({element:t.element,data:t.printData,"design-mode":t.designMode,"is-selected":i.value},v.value,{onDblclickCell:S}),null,16,["element","data","design-mode","is-selected"])),e.unref(j)?(e.openBlock(),e.createElementBlock("div",Ul)):e.createCommentVNode("",!0),I.value?(e.openBlock(),e.createElementBlock("div",Fl,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(jn),m=>(e.openBlock(),e.createElementBlock("div",{key:m,class:e.normalizeClass(["resize-handle",`handle-${m}`]),onMousedown:e.withModifiers(y=>e.unref(G)(m,y),["stop"])},null,42,Ol))),128))])):e.createCommentVNode("",!0),i.value&&t.designMode?(e.openBlock(),e.createElementBlock("div",Gl,[e.createElementVNode("div",ql,e.toDisplayString(L.value),1)])):e.createCommentVNode("",!0)],38))}}),Ze=Q(Wl,[["__scopeId","data-v-64c495e7"]]);function Kl(t={}){const l=t.adsorbMin??1,o=t.adsorbLineMin??2,n=t.showAdsorbLine??!0,a=e.ref([]),r=e.ref({width:0,height:0}),i={left:"#3b82f6",center:"#10b981",right:"#f59e0b",top:"#3b82f6",middle:"#10b981",bottom:"#f59e0b"};function s(v){return v==="vCenter"?i.center:v==="hCenter"?i.middle:i[v]??i.left}function c(v,h,L){let R=v.left,B=v.top;const $=[],A={left:v.left,right:v.left+v.width,vCenter:v.left+v.width/2,top:v.top,bottom:v.top+v.height,hCenter:v.top+v.height/2};let Y=1/0;for(const I of h){if(I.id===v.id)continue;const G={left:I.left,right:I.left+I.width,vCenter:I.left+I.width/2,top:I.top,bottom:I.top+I.height,hCenter:I.top+I.height/2},H=[["left","left"],["left","vCenter"],["left","right"],["vCenter","left"],["vCenter","vCenter"],["vCenter","right"],["right","left"],["right","vCenter"],["right","right"]],T=[["top","top"],["top","hCenter"],["top","bottom"],["hCenter","top"],["hCenter","hCenter"],["hCenter","bottom"],["bottom","top"],["bottom","hCenter"],["bottom","bottom"]];for(const[C,S]of H){const x=Math.abs(A[C]-G[S]);x<=l&&x<Y&&(Y=x,R=v.left+(G[S]-A[C]))}for(const[C,S]of T){const x=Math.abs(A[C]-G[S]);x<=l&&x<Y&&(Y=x,B=v.top+(G[S]-A[C]))}}if(L){const I={left:R,right:R+v.width,vCenter:R+v.width/2,top:B,bottom:B+v.height,hCenter:B+v.height/2},G=["left","vCenter","right"];for(const T of L.vertical)for(const C of G){const S=Math.abs(I[C]-T);S<=l&&S<Y&&(Y=S,R=v.left+(T-I[C]))}const H=["top","hCenter","bottom"];for(const T of L.horizontal)for(const C of H){const S=Math.abs(I[C]-T);S<=l&&S<Y&&(Y=S,B=v.top+(T-I[C]))}}const j={left:R,right:R+v.width,vCenter:R+v.width/2,top:B,bottom:B+v.height,hCenter:B+v.height/2};if(n){const I=new Set;for(const G of h){if(G.id===v.id)continue;const H={left:G.left,right:G.left+G.width,vCenter:G.left+G.width/2,top:G.top,bottom:G.top+G.height,hCenter:G.top+G.height/2},T=[["left","left"],["left","vCenter"],["left","right"],["vCenter","left"],["vCenter","vCenter"],["vCenter","right"],["right","left"],["right","vCenter"],["right","right"]],C=[["top","top"],["top","hCenter"],["top","bottom"],["hCenter","top"],["hCenter","hCenter"],["hCenter","bottom"],["bottom","top"],["bottom","hCenter"],["bottom","bottom"]];for(const[S,x]of T)if(Math.abs(j[S]-H[x])<=o){const z=`v:${H[x]}`;I.has(z)||(I.add(z),$.push({type:"vertical",position:H[x],id:G.id,color:s(S)}))}for(const[S,x]of C)if(Math.abs(j[S]-H[x])<=o){const z=`h:${H[x]}`;I.has(z)||(I.add(z),$.push({type:"horizontal",position:H[x],id:G.id,color:s(S)}))}}}if(L){for(const I of L.vertical)$.some(G=>G.type==="vertical"&&G.position===I)||$.push({type:"vertical",position:I});for(const I of L.horizontal)$.some(G=>G.type==="horizontal"&&G.position===I)||$.push({type:"horizontal",position:I})}return{left:R,top:B,lines:$}}function u(v,h,L){a.value=v,r.value={width:h,height:L}}function f(){a.value=[]}return{check:c,renderLines:u,clearLines:f,guideLines:a,paperSize:r}}function Yl(t){const{check:l,renderLines:o,clearLines:n,guideLines:a,paperSize:r}=Kl(t.config??{adsorbMin:1,adsorbLineMin:2,showAdsorbLine:!0});function i(c){const u=t.getElements().filter(h=>h.id!==c.id).map(h=>({id:h.id,left:h.options.left,top:h.options.top,width:h.options.width,height:h.options.height})),f=l(c,u,t.getGuides?.()),v=t.getPaperSize();return o(f.lines,v.width,v.height),f}function s(){n()}return{requestAdsorb:i,clearGuides:s,guideLines:a,paperSize:r}}const Xl={key:0,class:"zone-label"},jl={key:0,class:"zone-height-tip"},Jl={key:0,class:"zone-label"},Zl={key:0,class:"zone-height-tip"},Ql=["onMousedown","onDblclick"],_l=e.defineComponent({__name:"CanvasPaper",props:{templateData:{},runtimeElements:{},designMode:{type:Boolean},printData:{},scale:{},showGrid:{type:Boolean},snapToGrid:{type:Boolean},showTableGhostBorder:{type:Boolean},guides:{}},emits:["select","drag-start","drag-stop","dblclick-element","dblclick-cell","contextmenu","zone-height-change","zone-height-commit","guide-move","guide-remove","clone-element"],setup(t,{expose:l,emit:o}){const n=t,a=o,r=e.ref(null),i=e.computed(()=>we(n.templateData).width),s=e.computed(()=>we(n.templateData).height),c=e.computed(()=>`${8/(n.scale||1)}px`),u=e.computed(()=>{const d=n.scale||1,p=ve(i.value)*d,E=ve(s.value)*d;return{width:p+"px",height:E+"px",position:"relative"}}),f=e.computed(()=>{const d=n.templateData.margins,p=n.templateData.header.height,E=n.templateData.footer.height,N=i.value-d.left-d.right;return{header:{left:d.left,top:d.top,width:N,height:p},content:{left:d.left,top:d.top+p,width:N,height:s.value-d.top-d.bottom-p-E},footer:{left:d.left,top:s.value-d.bottom-E,width:N,height:E}}});function v(d){return{position:"absolute",left:d.left+"mm",top:d.top+"mm",width:d.width+"mm",height:d.height+"mm"}}const h=e.computed(()=>{const d={header:[],footer:[],content:[]};for(const p of n.runtimeElements)p.zone==="header"?d.header.push(p):p.zone==="footer"?d.footer.push(p):d.content.push(p);return d}),L=e.computed(()=>h.value.header),R=e.computed(()=>h.value.footer),B=e.computed(()=>h.value.content);let $="content";const{requestAdsorb:A,clearGuides:Y,guideLines:j,paperSize:I}=Yl({getElements:()=>h.value[$],getPaperSize:()=>{const d=f.value[$];return{width:d.width,height:d.height}},getGuides:()=>{const d=[],p=[];for(const E of n.guides??[])E.type==="vertical"?d.push(E.position):p.push(E.position);return{vertical:d,horizontal:p}}});function G(d){$=n.runtimeElements.find(N=>N.id===d.id)?.zone||"content";const E=A(d);return(E.left!==d.left||E.top!==d.top)&&m(E.left+d.width/2,E.top+d.height/2),E}function H(d,p){const E=p.position,N=d.clientX,P=d.clientY,w=n.scale??1,V=25.4/96,M=k=>{const q=(p.type==="vertical"?k.clientX-N:k.clientY-P)/w*V,X=p.type==="vertical"?i.value:s.value,ue=Math.min(Math.max(E+q,0),X);a("guide-move",p.id,ue)},b=()=>{window.removeEventListener("mousemove",M),window.removeEventListener("mouseup",b)};window.addEventListener("mousemove",M),window.addEventListener("mouseup",b)}const T=e.computed(()=>({width:i.value+"mm",minHeight:s.value+"mm",background:n.templateData.pageBackground||"var(--pd-paper, #fff)",boxShadow:"var(--pd-shadow-paper, 0 1px 2px rgba(0,0,0,.12), 0 8px 24px rgba(0,0,0,.08))",overflow:"hidden",position:"relative",transform:n.scale?`scale(${n.scale})`:void 0,transformOrigin:"0 0"})),C=e.computed(()=>{const d=n.templateData.margins;return{padding:`${d.top}mm ${d.right}mm ${d.bottom}mm ${d.left}mm`,position:"relative",boxSizing:"border-box",minHeight:s.value+"mm"}}),S=e.computed(()=>({backgroundImage:`url("data:image/svg+xml,${encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M0 .5H20M.5 0V20" fill="none" stroke="rgba(0,0,0,0.08)" stroke-width="1" stroke-dasharray="4 4"/></svg>')}")`,backgroundSize:"5mm 5mm",backgroundPosition:"0 0"}));let x=0,D=null;const z=e.ref(null);function m(d,p){x+=1,z.value={left:d,top:p,key:x},D&&clearTimeout(D),D=setTimeout(()=>{z.value=null},300)}const y=e.computed(()=>{const d=n.templateData.watermark;return d?!d.mode||d.mode==="fixed"?!!d.content&&d.content.trim().length>0:!!d.binding:!1}),F=e.computed(()=>{const d=n.templateData.watermark||{},p=d.color||"#cccccc",E=d.opacity??.15,N=d.rotate??-30;let P=K(d);if(d.timestamp){const w=new Date,V=`${w.getFullYear()}-${String(w.getMonth()+1).padStart(2,"0")}-${String(w.getDate()).padStart(2,"0")} ${String(w.getHours()).padStart(2,"0")}:${String(w.getMinutes()).padStart(2,"0")}`;P=P?`${P} ${V}`:V}return{position:"absolute",top:"0",left:"0",width:"100%",height:"100%",pointerEvents:"none",zIndex:"0",overflow:"hidden",opacity:String(E),backgroundImage:J(P,p,N),backgroundRepeat:"repeat"}});function K(d){if(!d.mode||d.mode==="fixed")return d.content||"";if(d.binding){const p=n.printData?.[0];return p&&p[d.binding]!==void 0&&p[d.binding]!==null?String(p[d.binding]):d.testData||`[${d.binding}]`}return""}function J(d,p,E){const N=d.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;"),P=`<svg xmlns="http://www.w3.org/2000/svg" width="260" height="180">
2
- <text x="130" y="90" font-size="16" fill="${p}" text-anchor="middle" dominant-baseline="middle" transform="rotate(${E},130,90)">${N}</text>
3
- </svg>`;return`url("data:image/svg+xml,${encodeURIComponent(P)}")`}const te=e.ref(null);function se(d,p){_(),te.value={zone:d,startY:p.clientY,startH:n.templateData[d].height},window.addEventListener("mousemove",re),window.addEventListener("mouseup",ae)}function re(d){if(!te.value)return;const{zone:p,startY:E,startH:N}=te.value,w=(d.clientY-E)/(n.scale||1)*25.4/96,V=p==="header"?w:-w,M=Math.min(100,s.value-n.templateData.margins.top-n.templateData.margins.bottom-(p==="header"?n.templateData.footer.height:n.templateData.header.height)-10),b=Math.min(M,Math.max(0,Math.round((N+V)*10)/10));a("zone-height-change",p,b)}function ae(){if(!te.value)return;const d=te.value.zone;te.value=null,window.removeEventListener("mousemove",re),window.removeEventListener("mouseup",ae),a("zone-height-commit",d)}function _(){window.removeEventListener("mousemove",re),window.removeEventListener("mouseup",ae),te.value=null}e.onUnmounted(()=>{_(),D&&clearTimeout(D)});function g(d,p){a("select",d,p)}return l({contentRef:r}),(d,p)=>(e.openBlock(),e.createElementBlock("div",{class:"paper-wrapper",style:e.normalizeStyle(u.value)},[e.createElementVNode("div",{class:"hiprint-printPaper",style:e.normalizeStyle(T.value)},[e.createElementVNode("div",{class:"hiprint-printPaper-content",ref_key:"contentRef",ref:r,style:e.normalizeStyle(C.value)},[t.showGrid&&t.designMode?(e.openBlock(),e.createElementBlock("div",{key:0,class:"grid-bg",style:e.normalizeStyle(S.value)},null,4)):e.createCommentVNode("",!0),z.value?(e.openBlock(),e.createElementBlock("div",{key:z.value.key,class:"snap-indicator",style:e.normalizeStyle({left:z.value.left+"mm",top:z.value.top+"mm"})},null,4)):e.createCommentVNode("",!0),y.value?(e.openBlock(),e.createElementBlock("div",{key:2,class:"watermark-layer",style:e.normalizeStyle(F.value)},null,4)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["zone-layer zone-header",{"design-mode":t.designMode}]),style:e.normalizeStyle(v(f.value.header))},[t.designMode?(e.openBlock(),e.createElementBlock("span",Xl,"页眉")):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(L.value,E=>(e.openBlock(),e.createBlock(Ze,{key:E.id,element:E,"design-mode":t.designMode,"print-data":t.printData,scale:t.scale,"all-elements":L.value,"snap-to-grid":t.snapToGrid,"show-table-ghost-border":t.showTableGhostBorder,zone:"header","adsorb-handler":G,"clear-adsorb-guides":e.unref(Y),onSelect:g,onDragStart:p[0]||(p[0]=N=>d.$emit("drag-start")),onDragStop:p[1]||(p[1]=N=>d.$emit("drag-stop")),onDblclickElement:p[2]||(p[2]=N=>d.$emit("dblclick-element",N)),onDblclickCell:p[3]||(p[3]=(N,P,w)=>d.$emit("dblclick-cell",N,P,w)),onContextmenu:p[4]||(p[4]=(N,P)=>d.$emit("contextmenu",N,P)),onCloneElement:(N,P)=>d.$emit("clone-element",N,P)},null,8,["element","design-mode","print-data","scale","all-elements","snap-to-grid","show-table-ghost-border","clear-adsorb-guides","onCloneElement"]))),128)),t.designMode?(e.openBlock(),e.createElementBlock("div",{key:1,class:"zone-resize-handle handle-bottom",onMousedown:p[5]||(p[5]=e.withModifiers(E=>se("header",E),["prevent","stop"]))},[te.value?.zone==="header"?(e.openBlock(),e.createElementBlock("div",jl,e.toDisplayString(t.templateData.header.height.toFixed(1))+"mm ",1)):e.createCommentVNode("",!0)],32)):e.createCommentVNode("",!0)],6),e.createElementVNode("div",{class:e.normalizeClass(["zone-layer zone-content",{"design-mode":t.designMode}]),style:e.normalizeStyle(v(f.value.content))},[t.designMode&&t.templateData.firstPageOverlay.height>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:"zone-overlay",style:e.normalizeStyle({height:t.templateData.firstPageOverlay.height+"mm"})},[...p[17]||(p[17]=[e.createElementVNode("span",{class:"zone-label"},"首页叠加",-1)])],4)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(B.value,E=>(e.openBlock(),e.createBlock(Ze,{key:E.id,element:E,"design-mode":t.designMode,"print-data":t.printData,scale:t.scale,"all-elements":B.value,"snap-to-grid":t.snapToGrid,"show-table-ghost-border":t.showTableGhostBorder,zone:"content","adsorb-handler":G,"clear-adsorb-guides":e.unref(Y),onSelect:g,onDragStart:p[6]||(p[6]=N=>d.$emit("drag-start")),onDragStop:p[7]||(p[7]=N=>d.$emit("drag-stop")),onDblclickElement:p[8]||(p[8]=N=>d.$emit("dblclick-element",N)),onDblclickCell:p[9]||(p[9]=(N,P,w)=>d.$emit("dblclick-cell",N,P,w)),onContextmenu:p[10]||(p[10]=(N,P)=>d.$emit("contextmenu",N,P)),onCloneElement:(N,P)=>d.$emit("clone-element",N,P)},null,8,["element","design-mode","print-data","scale","all-elements","snap-to-grid","show-table-ghost-border","clear-adsorb-guides","onCloneElement"]))),128))],6),e.createElementVNode("div",{class:e.normalizeClass(["zone-layer zone-footer",{"design-mode":t.designMode}]),style:e.normalizeStyle(v(f.value.footer))},[t.designMode?(e.openBlock(),e.createElementBlock("span",Jl,"页脚")):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(R.value,E=>(e.openBlock(),e.createBlock(Ze,{key:E.id,element:E,"design-mode":t.designMode,"print-data":t.printData,scale:t.scale,"all-elements":R.value,"snap-to-grid":t.snapToGrid,"show-table-ghost-border":t.showTableGhostBorder,zone:"footer","adsorb-handler":G,"clear-adsorb-guides":e.unref(Y),onSelect:g,onDragStart:p[11]||(p[11]=N=>d.$emit("drag-start")),onDragStop:p[12]||(p[12]=N=>d.$emit("drag-stop")),onDblclickElement:p[13]||(p[13]=N=>d.$emit("dblclick-element",N)),onDblclickCell:p[14]||(p[14]=(N,P,w)=>d.$emit("dblclick-cell",N,P,w)),onContextmenu:p[15]||(p[15]=(N,P)=>d.$emit("contextmenu",N,P)),onCloneElement:(N,P)=>d.$emit("clone-element",N,P)},null,8,["element","design-mode","print-data","scale","all-elements","snap-to-grid","show-table-ghost-border","clear-adsorb-guides","onCloneElement"]))),128)),t.designMode?(e.openBlock(),e.createElementBlock("div",{key:1,class:"zone-resize-handle handle-top",onMousedown:p[16]||(p[16]=e.withModifiers(E=>se("footer",E),["prevent","stop"]))},[te.value?.zone==="footer"?(e.openBlock(),e.createElementBlock("div",Zl,e.toDisplayString(t.templateData.footer.height.toFixed(1))+"mm ",1)):e.createCommentVNode("",!0)],32)):e.createCommentVNode("",!0)],6),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(j),(E,N)=>(e.openBlock(),e.createElementBlock("div",{key:N,class:e.normalizeClass(["adsorb-guide",[`guide-${E.type}`]]),style:e.normalizeStyle(E.type==="vertical"?{left:E.position+"mm",top:"0",height:e.unref(I).height+"mm",borderLeftColor:E.color||"var(--pd-accent-secondary, #f56c6c)"}:{top:E.position+"mm",left:"0",width:e.unref(I).width+"mm",borderTopColor:E.color||"var(--pd-accent-secondary, #f56c6c)"})},null,6))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.guides,E=>(e.openBlock(),e.createElementBlock("div",{key:"mg-"+E.id,class:e.normalizeClass(["manual-guide",[`guide-${E.type}`]]),style:e.normalizeStyle(E.type==="vertical"?{left:E.position+"mm",top:"0",height:s.value+"mm","--guide-hit":c.value}:{top:E.position+"mm",left:"0",width:i.value+"mm","--guide-hit":c.value}),onMousedown:e.withModifiers(N=>H(N,E),["prevent","stop"]),onDblclick:e.withModifiers(N=>E.id&&a("guide-remove",E.id),["prevent","stop"])},null,46,Ql))),128))],4)],4)],4))}}),ea=Q(_l,[["__scopeId","data-v-a511ac20"]]),ta=e.defineComponent({__name:"Ruler",props:{orientation:{},viewportPx:{},originPx:{},paperLengthMM:{},scale:{},cursorPx:{}},emits:["add-guide","guide-dragging"],setup(t,{emit:l}){const o=t,n=l,a=e.computed(()=>o.orientation==="horizontal"),r=e.computed(()=>a.value?"vertical":"horizontal"),i=e.ref(null),s=e.ref(null),c=e.computed(()=>s.value??o.cursorPx??null),u=e.computed(()=>a.value?{width:o.viewportPx+"px",height:pe+"px"}:{width:pe+"px",height:o.viewportPx+"px"});let f=0;function v(){f||(f=requestAnimationFrame(()=>{f=0,h()}))}function h(){const T=i.value;if(!T)return;const C=T.getContext("2d");if(!C)return;const S=window.devicePixelRatio||1,x=Math.max(0,Math.round(o.viewportPx)),D=pe;T.width=(a.value?x:D)*S,T.height=(a.value?D:x)*S,C.setTransform(S,0,0,S,0,0);const z=getComputedStyle(T),m=z.getPropertyValue("--pd-ruler-bg").trim()||"#F8F9FC",y=z.getPropertyValue("--pd-ruler").trim()||"#9AA1AF",F=z.getPropertyValue("--pd-accent").trim()||"#165DFF";C.fillStyle=m,C.fillRect(0,0,a.value?x:D,a.value?D:x);const K=o.scale>0?o.scale:1,J=ve(1)*K;if(J<=0)return;const te=-o.originPx/J,se=(x-o.originPx)/J,re=qn(K),ae=Yn(te,se,re);L(C,ae,J,y,!0),L(C,ae,J,y,!1),R(C,0,F),R(C,o.paperLengthMM,F);const _=c.value;if(_!==null&&_>=0&&_<=x){if(C.strokeStyle=F,C.lineWidth=1.5,C.beginPath(),a.value){const g=Math.round(_)+.5;C.moveTo(g,0),C.lineTo(g,D)}else{const g=Math.round(_)+.5;C.moveTo(0,g),C.lineTo(D,g)}C.stroke()}}function L(T,C,S,x,D){T.strokeStyle=x,T.fillStyle=x,T.globalAlpha=D?.32:1,T.lineWidth=1,T.font="9px ui-monospace, Menlo, monospace",T.textBaseline="top";for(const z of C){if((z.mm<0||z.mm>o.paperLengthMM)!==D)continue;const y=Math.round(o.originPx+z.mm*S)+.5,F=z.major?8:4;T.beginPath(),a.value?(T.moveTo(y,0),T.lineTo(y,F)):(T.moveTo(0,y),T.lineTo(F,y)),T.stroke(),z.major&&z.label&&(a.value?T.fillText(z.label,y+2,11):(T.save(),T.translate(11,y+2),T.rotate(-Math.PI/2),T.fillText(z.label,0,0),T.restore()))}T.globalAlpha=1}function R(T,C,S){const x=ve(1)*(o.scale>0?o.scale:1),D=Math.round(o.originPx+C*x)+.5;D<=0||D>=o.viewportPx||(T.strokeStyle=S,T.globalAlpha=.55,T.lineWidth=1,T.beginPath(),a.value?(T.moveTo(D,0),T.lineTo(D,pe)):(T.moveTo(0,D),T.lineTo(pe,D)),T.stroke(),T.globalAlpha=1)}e.watch(()=>[o.viewportPx,o.originPx,o.paperLengthMM,o.scale,o.cursorPx,o.orientation],v),e.onMounted(v),e.onBeforeUnmount(()=>{f&&cancelAnimationFrame(f)});let B=!1;function $(T){const C=i.value;if(!C)return null;const S=C.getBoundingClientRect(),x=a.value?T.clientX-S.left:T.clientY-S.top;if(x<0||x>o.viewportPx)return null;const D=ve(1)*(o.scale>0?o.scale:1);return(x-o.originPx)/D}function A(T){B=!0,T.preventDefault(),window.addEventListener("mousemove",G),window.addEventListener("mouseup",H),I(T)}function Y(T){const C=i.value;if(!C)return;const S=C.getBoundingClientRect();s.value=a.value?T.clientX-S.left:T.clientY-S.top,v()}function j(){s.value=null,v()}function I(T){const C=$(T);n("guide-dragging",C)}function G(T){B&&I(T)}function H(T){if(!B)return;B=!1,window.removeEventListener("mousemove",G),window.removeEventListener("mouseup",H);const C=$(T);C!==null&&C>=0&&C<=o.paperLengthMM&&n("add-guide",r.value,C),n("guide-dragging",null)}return e.onBeforeUnmount(()=>{window.removeEventListener("mousemove",G),window.removeEventListener("mouseup",H)}),(T,C)=>(e.openBlock(),e.createElementBlock("canvas",{ref_key:"canvasRef",ref:i,class:e.normalizeClass(["pd-ruler",`is-${t.orientation}`]),style:e.normalizeStyle(u.value),onMousedown:A,onMousemove:Y,onMouseleave:j},null,38))}}),Vt=Q(ta,[["__scopeId","data-v-eec37db4"]]),oa={class:"canvas-scroll"},na={key:0,class:"overlay-layer"},la=["src"],He=96/25.4,aa=e.defineComponent({__name:"CanvasArea",props:{templateData:{},elements:{},scale:{},showGrid:{type:Boolean},snapToGrid:{type:Boolean},showTableGhostBorder:{type:Boolean},hasClipboard:{type:Boolean},guides:{},overlayVisible:{type:Boolean},screenshotUrl:{},overlayOpacity:{},selectedElementHasGroup:{type:Boolean},showRuler:{type:Boolean,default:!0}},emits:["select","drop-element","drop-field","drag-start","drag-stop","dblclick-element","dblclick-cell","zone-height-change","zone-height-commit","select-all","clear-selection","preview","commit-preview","paste","copy","cut","delete","move-layer","group","ungroup","coordinate","add-guide","guide-move","guide-remove","zoom","clone-element"],setup(t,{emit:l}){const o=t,n=l;function a(g,d){n("select",g,d)}const r=e.ref(null),i=e.computed(()=>we(o.templateData).width),s=e.computed(()=>we(o.templateData).height),c=e.reactive({originX:0,originY:0,viewW:0,viewH:0,paperScale:1}),u=e.reactive({x:null,y:null}),f=e.reactive({x:0,y:0}),v=e.computed(()=>({transform:`translate(${f.x}px, ${f.y}px)`}));function h(){const g=r.value,d=g?.querySelector(".hiprint-printPaper");if(!g||!d)return;const p=g.getBoundingClientRect(),E=d.getBoundingClientRect(),N=o.scale||1,P=E.width/ve(i.value);c.paperScale=Math.abs(P-N)<.002?N:P,c.originX=E.left-p.left-pe,c.originY=E.top-p.top-pe,c.viewW=g.clientWidth-pe,c.viewH=g.clientHeight-pe}function L(){f.x=r.value?.scrollLeft??0,f.y=r.value?.scrollTop??0,h()}let R=null,B=0;function $(){cancelAnimationFrame(B);const g=performance.now()+220,d=()=>{h(),performance.now()<g&&(B=requestAnimationFrame(d))};B=requestAnimationFrame(d)}const A=e.ref(null);function Y(g,d){A.value=d===null?null:{type:g,mm:d}}const j=e.computed(()=>{const g=A.value,d=r.value?.querySelector(".hiprint-printPaper");if(!g||!d)return{};const p=d.getBoundingClientRect(),E=p.width/ve(i.value),N=ve(g.mm)*(E>0?E:o.scale||1);return g.type==="vertical"?{left:p.left+N+"px",top:p.top+"px",height:p.height+"px"}:{left:p.left+"px",top:p.top+N+"px",width:p.width+"px"}});function I(g){const d=r.value?.querySelector(".hiprint-printPaper");if(!d)return;const p=d.getBoundingClientRect(),E=o.scale||1,N=Ie((g.clientX-p.left)/E),P=Ie((g.clientY-p.top)/E);if(!(N<0||P<0))return{x:N,y:P}}function G(g){const d=I(g),p=g.dataTransfer?.getData("fieldData");if(p)try{const N=JSON.parse(p);n("drop-field",N,d);return}catch{}const E=g.dataTransfer?.getData("elementType");E&&n("drop-element",E,d)}const H=e.reactive({visible:!1,x:0,y:0,w:0,h:0});let T={x:0,y:0};function C(g){return!g||!(g instanceof HTMLElement)?!1:!!(g===r.value||g.classList.contains("canvas-scroll")||g.classList.contains("hiprint-printPaper")||g.classList.contains("hiprint-printPaper-content")||g.classList.contains("zone-layer")||g.classList.contains("grid-bg")||g.classList.contains("watermark-layer"))}function S(g){const d=r.value,p=d?.querySelector(".hiprint-printPaper");if(!d||!p)return;const E=d.getBoundingClientRect();u.x=g.clientX-E.left-pe,u.y=g.clientY-E.top-pe;const N=p.getBoundingClientRect(),P=o.scale||1,w=Ie((g.clientX-N.left)/P),V=Ie((g.clientY-N.top)/P);if(w<0||V<0){n("coordinate",null);return}n("coordinate",{x:w,y:V})}function x(){n("coordinate",null),u.x=null,u.y=null}function D(g){if(!(g.ctrlKey||g.metaKey))return;g.preventDefault();const d=o.scale||1,p=Math.round(d*100),E=$o(p,g.deltaY>0?-1:1);if(E===p)return;const N=E/100,P=r.value;let w=null;if(P){const V=P.getBoundingClientRect(),M=getComputedStyle(P),b=parseFloat(M.paddingLeft)||0,k=parseFloat(M.paddingTop)||0;w={x:P.scrollLeft+(g.clientX-V.left)-b,y:P.scrollTop+(g.clientY-V.top)-k,ratio:N/d,mouseX:g.clientX-V.left,mouseY:g.clientY-V.top}}if(n("zoom",E-p),P&&w){const V=w;e.nextTick(()=>{const M=getComputedStyle(P),b=parseFloat(M.paddingLeft)||0,k=parseFloat(M.paddingTop)||0;P.scrollLeft=V.x*V.ratio-V.mouseX+b,P.scrollTop=V.y*V.ratio-V.mouseY+k})}}function z(g){g.button!==2&&C(g.target)&&(n("clear-selection"),T={x:g.clientX,y:g.clientY},H.visible=!0,H.x=g.clientX,H.y=g.clientY,H.w=0,H.h=0,window.addEventListener("mousemove",y),window.addEventListener("mouseup",F))}function m(){if(H.w<3||H.h<3)return[];const g=r.value?.querySelector(".hiprint-printPaper");if(!g)return[];const d=g.getBoundingClientRect(),p=o.scale||1,E=H.x<T.x,N=[];for(const P of o.elements){if(P.options.visible===!1||P.options.locked)continue;const w=d.left+P.options.left*He*p,V=d.top+P.options.top*He*p,M=w+P.options.width*He*p,b=V+P.options.height*He*p,k=w<H.x+H.w&&M>H.x&&V<H.y+H.h&&b>H.y,q=w>=H.x&&M<=H.x+H.w&&V>=H.y&&b<=H.y+H.h;(E?q:k)&&N.push(P.id)}return N}function y(g){const d=g.clientX-T.x,p=g.clientY-T.y;H.x=d>=0?T.x:g.clientX,H.y=p>=0?T.y:g.clientY,H.w=Math.abs(d),H.h=Math.abs(p),n("preview",m())}function F(){window.removeEventListener("mousemove",y),window.removeEventListener("mouseup",F);const g=m();n("preview",g),g.length>0?n("commit-preview"):n("clear-selection"),n("preview",[]),H.visible=!1}const K=e.reactive({visible:!1,x:0,y:0,targetId:null});function J(g,d){if(!d&&!C(g.target))return;const p=r.value?.getBoundingClientRect();p&&(K.x=g.clientX-p.left,K.y=g.clientY-p.top,K.targetId=d??null,K.visible=!0,window.removeEventListener("mousedown",te),setTimeout(()=>{window.addEventListener("mousedown",te,{once:!0})},0))}function te(){K.visible=!1,window.removeEventListener("mousedown",te)}function se(){K.visible=!1,o.hasClipboard&&n("paste")}function re(){K.visible=!1,n("select-all")}function ae(){K.visible=!1,n("clear-selection")}function _(g,d){K.visible=!1,g==="copy"?n("copy"):g==="cut"?n("cut"):g==="paste"?n("paste"):g==="delete"?n("delete"):g==="move-layer"?n("move-layer",d):g==="group"?n("group"):g==="ungroup"&&o.selectedElementHasGroup&&n("ungroup")}return e.onMounted(()=>{e.nextTick(h),r.value&&typeof ResizeObserver<"u"&&(R=new ResizeObserver(h),R.observe(r.value))}),e.watch(()=>o.scale,$),e.watch([i,s],()=>e.nextTick(h)),e.onBeforeUnmount(()=>{window.removeEventListener("mousemove",y),window.removeEventListener("mouseup",F),R?.disconnect(),cancelAnimationFrame(B)}),(g,d)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootRef",ref:r,class:"canvas-area",onDragover:d[24]||(d[24]=e.withModifiers(()=>{},["prevent"])),onDrop:G,onMousedown:z,onMousemove:S,onMouseleave:x,onWheel:D,onScroll:L,onContextmenu:e.withModifiers(J,["prevent"])},[e.createElementVNode("div",oa,[e.createVNode(ea,{"template-data":t.templateData,"runtime-elements":t.elements,"design-mode":!0,"print-data":[],scale:t.scale,"show-grid":t.showGrid,"snap-to-grid":t.snapToGrid,"show-table-ghost-border":t.showTableGhostBorder,guides:t.guides,onSelect:a,onGuideMove:d[0]||(d[0]=(p,E)=>g.$emit("guide-move",p,E)),onGuideRemove:d[1]||(d[1]=p=>g.$emit("guide-remove",p)),onDragStart:d[2]||(d[2]=p=>g.$emit("drag-start")),onDragStop:d[3]||(d[3]=p=>g.$emit("drag-stop")),onDblclickElement:d[4]||(d[4]=p=>g.$emit("dblclick-element",p)),onDblclickCell:d[5]||(d[5]=(p,E,N)=>g.$emit("dblclick-cell",p,E,N)),onContextmenu:d[6]||(d[6]=(p,E)=>J(E,p)),onZoneHeightChange:d[7]||(d[7]=(p,E)=>g.$emit("zone-height-change",p,E)),onZoneHeightCommit:d[8]||(d[8]=p=>g.$emit("zone-height-commit",p)),onCloneElement:d[9]||(d[9]=(p,E)=>g.$emit("clone-element",p,E))},null,8,["template-data","runtime-elements","scale","show-grid","snap-to-grid","show-table-ghost-border","guides"]),t.overlayVisible&&t.screenshotUrl?(e.openBlock(),e.createElementBlock("div",na,[e.createElementVNode("img",{src:t.screenshotUrl,class:"overlay-image",style:e.normalizeStyle({opacity:t.overlayOpacity??.5})},null,12,la)])):e.createCommentVNode("",!0)]),t.showRuler?(e.openBlock(),e.createElementBlock("div",{key:0,class:"ruler-overlay",style:e.normalizeStyle(v.value)},[d[25]||(d[25]=e.createElementVNode("div",{class:"ruler-corner"},null,-1)),e.createVNode(Vt,{orientation:"horizontal","viewport-px":c.viewW,"origin-px":c.originX,"paper-length-m-m":i.value,scale:c.paperScale,"cursor-px":u.x,onAddGuide:d[10]||(d[10]=(p,E)=>n("add-guide",p,E)),onGuideDragging:d[11]||(d[11]=p=>Y("vertical",p))},null,8,["viewport-px","origin-px","paper-length-m-m","scale","cursor-px"]),e.createVNode(Vt,{orientation:"vertical","viewport-px":c.viewH,"origin-px":c.originY,"paper-length-m-m":s.value,scale:c.paperScale,"cursor-px":u.y,onAddGuide:d[12]||(d[12]=(p,E)=>n("add-guide",p,E)),onGuideDragging:d[13]||(d[13]=p=>Y("horizontal",p))},null,8,["viewport-px","origin-px","paper-length-m-m","scale","cursor-px"])],4)):e.createCommentVNode("",!0),A.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["ruler-guide-preview",`guide-${A.value.type}`]),style:e.normalizeStyle(j.value)},null,6)):e.createCommentVNode("",!0),H.visible?(e.openBlock(),e.createElementBlock("div",{key:2,class:"marquee-selection",style:e.normalizeStyle({left:H.x+"px",top:H.y+"px",width:H.w+"px",height:H.h+"px"})},null,4)):e.createCommentVNode("",!0),K.visible?(e.openBlock(),e.createElementBlock("div",{key:3,class:"context-menu",style:e.normalizeStyle({left:K.x+"px",top:K.y+"px"})},[K.targetId?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",{class:"context-menu-item",onClick:d[14]||(d[14]=p=>_("copy"))},"复制"),e.createElementVNode("div",{class:"context-menu-item",onClick:d[15]||(d[15]=p=>_("cut"))},"剪切"),e.createElementVNode("div",{class:e.normalizeClass(["context-menu-item",{disabled:!t.hasClipboard}]),onClick:d[16]||(d[16]=p=>_("paste"))},"粘贴",2),e.createElementVNode("div",{class:"context-menu-item",onClick:d[17]||(d[17]=p=>_("delete"))},"删除"),d[26]||(d[26]=e.createElementVNode("div",{class:"context-menu-sep"},null,-1)),e.createElementVNode("div",{class:"context-menu-item",onClick:d[18]||(d[18]=p=>_("move-layer","top"))},"置顶"),e.createElementVNode("div",{class:"context-menu-item",onClick:d[19]||(d[19]=p=>_("move-layer","up"))},"上移"),e.createElementVNode("div",{class:"context-menu-item",onClick:d[20]||(d[20]=p=>_("move-layer","down"))},"下移"),e.createElementVNode("div",{class:"context-menu-item",onClick:d[21]||(d[21]=p=>_("move-layer","bottom"))},"置底"),d[27]||(d[27]=e.createElementVNode("div",{class:"context-menu-sep"},null,-1)),e.createElementVNode("div",{class:"context-menu-item",onClick:d[22]||(d[22]=p=>_("group"))},"编组 Ctrl+G"),e.createElementVNode("div",{class:e.normalizeClass(["context-menu-item",{disabled:!t.selectedElementHasGroup}]),onClick:d[23]||(d[23]=p=>_("ungroup"))},"取消编组 Ctrl+Shift+G",2)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",{class:e.normalizeClass(["context-menu-item",{disabled:!t.hasClipboard}]),onClick:se},"粘贴",2),e.createElementVNode("div",{class:"context-menu-item",onClick:re},"全选"),e.createElementVNode("div",{class:"context-menu-item",onClick:ae},"取消选择")],64))],4)):e.createCommentVNode("",!0)],544))}}),ia=Q(aa,[["__scopeId","data-v-b9af7f23"]]),ra=[{group:"position-size",groupLabel:"位置与尺寸",items:[{key:"ps-left",keywords:["X","横坐标","left","位置"]},{key:"ps-top",keywords:["Y","纵坐标","top","位置"]},{key:"ps-width",keywords:["W","宽度","width","尺寸"]},{key:"ps-height",keywords:["H","高度","height","尺寸"]}]},{group:"appearance",groupLabel:"外观",items:[{key:"ap-font-size",keywords:["字体大小","fontsize","字号"]},{key:"ap-font-weight",keywords:["字体粗细","粗体","bold"]},{key:"ap-align",keywords:["对齐","align"]},{key:"ap-vertical-align",keywords:["垂直对齐","verticalalign","顶对齐","底对齐"]},{key:"ap-color",keywords:["颜色","color"]},{key:"ap-bg-color",keywords:["背景色","background"]},{key:"ap-line-height",keywords:["行高","lineheight"]},{key:"ap-letter-spacing",keywords:["字间距","letterspacing"]}]},{group:"content",groupLabel:"内容",items:[{key:"ct-title",keywords:["内容","文本","title"]},{key:"ct-formatter",keywords:["格式化","表达式","formatter"]},{key:"ct-table-mode",keywords:["数据模式","静态布局","动态数据"]},{key:"ct-table-source",keywords:["数据源","列表字段"]},{key:"ct-table-font",keywords:["默认字号","默认颜色","默认内边距"]},{key:"ct-table-cols",keywords:["列宽","表格列"]}]},{group:"border-bg",groupLabel:"边框与背景",items:[{key:"bb-border-width",keywords:["边框宽度","border"]},{key:"bb-border-color",keywords:["边框颜色"]},{key:"bb-bg-color",keywords:["背景色","background"]}]},{group:"binding",groupLabel:"字段绑定",items:[{key:"bd-formatter",keywords:["格式化","表达式","formatter","fx","字段","绑定","field"]},{key:"bd-content",keywords:["内容","表达式","文本","变量"]}]},{group:"pagination",groupLabel:"分页",items:[{key:"pg-enabled",keywords:["分页","pagination","启用分页"]},{key:"pg-pageable",keywords:["参与分页","pageable"]},{key:"pg-keep-with-next",keywords:["同页","keepWithNext"]}]},{group:"advanced",groupLabel:"高级",items:[{key:"ad-locked",keywords:["锁定","lock"]},{key:"ad-fixed",keywords:["每页重复","repeat"]},{key:"ad-z-index",keywords:["层级","zindex"]},{key:"ad-delete",keywords:["删除"]}]}];function sa(t,l){const o=t.trim().toLowerCase();return o?l.some(n=>n.toLowerCase().includes(o)):!0}function da(t){const l=[],o=new Set;for(const n of ra){const a=n.items.filter(r=>sa(t,[...r.keywords,n.groupLabel]));if(a.length>0){l.push(n.group);for(const r of a)o.add(r.key)}}return{groups:l,itemKeys:o}}const ca={class:"property-search"},ua=e.defineComponent({__name:"PropertySearch",emits:["search"],setup(t,{emit:l}){const o=e.ref(""),n=l;function a(){n("search",o.value)}return(r,i)=>(e.openBlock(),e.createElementBlock("div",ca,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":i[0]||(i[0]=s=>o.value=s),class:"pd-input",type:"search",placeholder:"搜索属性...","aria-label":"搜索属性",onInput:a},null,544),[[e.vModelText,o.value]])]))}}),ma=Q(ua,[["__scopeId","data-v-10ab6c84"]]),pa={class:"group-icon"},fa={class:"group-title"},va={class:"expand-icon"},ga={class:"group-content"},ha=e.defineComponent({__name:"PropertyGroup",props:{title:{},icon:{},defaultExpanded:{type:Boolean},groupKey:{}},setup(t){const l=t,o=e.ref(l.defaultExpanded??!0),a={Document:"≡",Brush:"◧",Setting:"⚙"}[l.icon]||"•";function r(){o.value=!o.value,i()}function i(){const c=`property-group-${l.groupKey}`;try{localStorage.setItem(c,String(o.value))}catch{}}function s(){const c=`property-group-${l.groupKey}`;try{const u=localStorage.getItem(c);u!==null&&(o.value=u==="true")}catch{}}return e.onMounted(()=>{s()}),(c,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["property-group",{"is-expanded":o.value}])},[e.createElementVNode("div",{class:"group-header",onClick:r},[e.createElementVNode("span",pa,e.toDisplayString(e.unref(a)),1),e.createElementVNode("span",fa,e.toDisplayString(t.title),1),e.createElementVNode("span",va,e.toDisplayString(o.value?"▾":"▸"),1)]),e.withDirectives(e.createElementVNode("div",ga,[e.renderSlot(c.$slots,"default",{},void 0,!0)],512),[[e.vShow,o.value]])],2))}}),ye=Q(ha,[["__scopeId","data-v-2ba57031"]]),ba={class:"pd-stepper"},ya=["disabled"],ka=["value","placeholder","min","max","step"],Ea=["disabled"],wa=e.defineComponent({__name:"StepperInput",props:{modelValue:{},min:{},max:{},step:{default:1},placeholder:{}},emits:["update:modelValue"],setup(t,{emit:l}){const o=t,n=l,a=e.computed(()=>{const B=String(o.step),$=B.indexOf(".");return $===-1?0:B.length-$-1});function r(B){return Number.isFinite(B)?Number(B.toFixed(a.value)):0}const i=e.computed(()=>{const B=o.modelValue;if(!(B==null||!Number.isFinite(B)))return r(B)}),s=e.ref(i.value===void 0?"":String(i.value));e.watch(i,B=>{s.value=B===void 0?"":String(B)});const c=e.computed(()=>i.value!==void 0?i.value:o.min!==void 0?o.min:0),u=e.computed(()=>o.min!==void 0&&c.value<=o.min),f=e.computed(()=>o.max!==void 0&&c.value>=o.max);function v(B){let $=r(B);return o.min!==void 0&&$<o.min&&($=o.min),o.max!==void 0&&$>o.max&&($=o.max),$}function h(B){if(B<0&&u.value||B>0&&f.value)return;const $=v(c.value+B*o.step);s.value=String($),n("update:modelValue",$)}function L(B){s.value=B.target.value}function R(){const B=s.value.trim();if(B===""){i.value!==void 0&&(s.value=String(i.value));return}const $=Number(B);if(!Number.isFinite($)){s.value=i.value===void 0?"":String(i.value);return}const A=v($);s.value=String(A),A!==i.value&&n("update:modelValue",A)}return(B,$)=>(e.openBlock(),e.createElementBlock("div",ba,[e.createElementVNode("button",{type:"button",class:"pd-step-btn pd-step-minus",disabled:u.value,title:"减小","aria-label":"减小",onClick:$[0]||($[0]=A=>h(-1))},"−",8,ya),e.createElementVNode("input",{type:"number",class:"pd-input pd-step-input",value:s.value,placeholder:t.placeholder,min:t.min,max:t.max,step:t.step,onInput:L,onChange:R,onBlur:R,onKeydown:$[1]||($[1]=e.withKeys(e.withModifiers(A=>A.target.blur(),["prevent"]),["enter"]))},null,40,ka),e.createElementVNode("button",{type:"button",class:"pd-step-btn pd-step-plus",disabled:f.value,title:"增大","aria-label":"增大",onClick:$[2]||($[2]=A=>h(1))},"+",8,Ea)]))}}),le=Q(wa,[["__scopeId","data-v-9722a7cf"]]),Va={class:"position-grid"},Na={class:"pd-field"},Ca={class:"pd-field"},Sa={class:"pd-field"},$a={class:"pd-field"},Ma=e.defineComponent({__name:"PositionSizeGroup",props:{element:{},matchedKeys:{},searching:{type:Boolean}},setup(t){const l=t;function o(n){return l.searching?l.matchedKeys?.has(n)??!0:!0}return(n,a)=>(e.openBlock(),e.createBlock(ye,{title:"位置与尺寸",icon:"Location","default-expanded":"","group-key":"position-size"},{default:e.withCtx(()=>[e.createElementVNode("form",{class:"pd-form",onSubmit:a[4]||(a[4]=e.withModifiers(()=>{},["prevent"]))},[e.createElementVNode("div",Va,[e.withDirectives(e.createElementVNode("div",Na,[a[5]||(a[5]=e.createElementVNode("span",{class:"pd-label"},"X",-1)),e.createVNode(le,{modelValue:t.element.options.left,"onUpdate:modelValue":a[0]||(a[0]=r=>t.element.options.left=r),min:0},null,8,["modelValue"])],512),[[e.vShow,o("ps-left")]]),e.withDirectives(e.createElementVNode("div",Ca,[a[6]||(a[6]=e.createElementVNode("span",{class:"pd-label"},"Y",-1)),e.createVNode(le,{modelValue:t.element.options.top,"onUpdate:modelValue":a[1]||(a[1]=r=>t.element.options.top=r),min:0},null,8,["modelValue"])],512),[[e.vShow,o("ps-top")]]),e.withDirectives(e.createElementVNode("div",Sa,[a[7]||(a[7]=e.createElementVNode("span",{class:"pd-label"},"W",-1)),e.createVNode(le,{modelValue:t.element.options.width,"onUpdate:modelValue":a[2]||(a[2]=r=>t.element.options.width=r),min:4},null,8,["modelValue"])],512),[[e.vShow,o("ps-width")]]),e.withDirectives(e.createElementVNode("div",$a,[a[8]||(a[8]=e.createElementVNode("span",{class:"pd-label"},"H",-1)),e.createVNode(le,{modelValue:t.element.options.height,"onUpdate:modelValue":a[3]||(a[3]=r=>t.element.options.height=r),min:4},null,8,["modelValue"])],512),[[e.vShow,o("ps-height")]])])],32)]),_:1}))}}),xa=Q(Ma,[["__scopeId","data-v-572d7719"]]),Ba=["#000000","#333333","#666666","#999999","#cccccc","#ffffff","#e53935","#fb8c00","#1e88e5","#43a047","#8d6e63","#00acc1"],Da=["aria-expanded","title"],Ta={class:"picker-preview"},za={class:"preset-color-grid"},La=["title","aria-label","onClick"],Pa=e.defineComponent({__name:"PresetColorPicker",props:{modelValue:{}},emits:["update:modelValue"],setup(t,{emit:l}){const o=t,n=l,a=e.ref(!1),r=e.ref(),i=e.ref(),s=e.ref(),c=e.ref({}),u=e.ref(0),f=e.ref(0),v=e.ref(0),h=e.ref("#000000"),L=e.ref(!1),R=e.computed({get:()=>o.modelValue||"#000000",set:g=>n("update:modelValue",g)}),B=e.computed(()=>te(re(u.value,f.value,v.value))),$=e.computed({get:()=>Math.round(u.value),set:g=>I(ae(g),f.value,v.value)});e.watch(R,j,{immediate:!0});function A(g){h.value=g.toUpperCase(),j(g),n("update:modelValue",g)}function Y(g){const p=g.target.value.trim();K(p)&&(j(p),n("update:modelValue",J(p)))}function j(g){const d=K(g);if(!d)return;const p=se(d.r,d.g,d.b);u.value=p.h,f.value=p.s,v.value=p.v,h.value=J(g).toUpperCase()}function I(g,d,p){u.value=ae(g),f.value=_(d),v.value=_(p),h.value=B.value.toUpperCase(),n("update:modelValue",B.value)}function G(g){g.currentTarget.setPointerCapture(g.pointerId),L.value=!0,C(g)}function H(g){L.value&&C(g)}function T(g){L.value=!1;const d=g.currentTarget;d.hasPointerCapture(g.pointerId)&&d.releasePointerCapture(g.pointerId)}function C(g){const d=s.value;if(!d)return;const p=d.getBoundingClientRect(),E=_((g.clientX-p.left)/p.width),N=_(1-(g.clientY-p.top)/p.height);I(u.value,E,N)}function S(g){const d=g.shiftKey?.1:.02;let p=!0;g.key==="ArrowLeft"?I(u.value,f.value-d,v.value):g.key==="ArrowRight"?I(u.value,f.value+d,v.value):g.key==="ArrowUp"?I(u.value,f.value,v.value+d):g.key==="ArrowDown"?I(u.value,f.value,v.value-d):p=!1,p&&g.preventDefault()}function x(){a.value?z():D()}async function D(){const g=r.value;if(!g)return;j(R.value),a.value=!0,await e.nextTick();const d=g.getBoundingClientRect(),p=190,E=i.value?.offsetHeight??216,N=8,P=Math.min(d.left,window.innerWidth-p-N),w=d.bottom+6,V=w+E>window.innerHeight-N?Math.max(N,d.top-E-6):w;c.value={left:`${Math.max(N,P)}px`,top:`${V}px`}}function z(){a.value=!1}function m(g){const d=g.target;r.value?.contains(d)||i.value?.contains(d)||z()}function y(){a.value&&z()}function F(g){g.key==="Escape"&&a.value&&z()}function K(g){const d=/^#?([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(g.trim());if(!d)return null;const p=d[1],E=p.length===3?p.split("").map(N=>N+N).join(""):p;return{r:Number.parseInt(E.slice(0,2),16),g:Number.parseInt(E.slice(2,4),16),b:Number.parseInt(E.slice(4,6),16)}}function J(g){const d=K(g);return d?te(d):"#000000"}function te({r:g,g:d,b:p}){return`#${[g,d,p].map(E=>Math.round(_(E/255)*255).toString(16).padStart(2,"0")).join("")}`}function se(g,d,p){const E=g/255,N=d/255,P=p/255,w=Math.max(E,N,P),V=Math.min(E,N,P),M=w-V;let b=0;return M!==0&&(w===E?b=(N-P)/M%6:w===N?b=(P-E)/M+2:b=(E-N)/M+4,b*=60,b<0&&(b+=360)),{h:b,s:w===0?0:M/w,v:w}}function re(g,d,p){const E=p*d,N=(g%360+360)%360/60,P=E*(1-Math.abs(N%2-1)),[w,V,M]=N<1?[E,P,0]:N<2?[P,E,0]:N<3?[0,E,P]:N<4?[0,P,E]:N<5?[P,0,E]:[E,0,P],b=p-E;return{r:(w+b)*255,g:(V+b)*255,b:(M+b)*255}}function ae(g){return((Number.isFinite(g)?g:0)%360+360)%360}function _(g){return Math.min(1,Math.max(0,Number.isFinite(g)?g:0))}return e.onMounted(()=>{document.addEventListener("pointerdown",m,!0),window.addEventListener("scroll",y,!0),window.addEventListener("resize",y),document.addEventListener("keydown",F)}),e.onBeforeUnmount(()=>{document.removeEventListener("pointerdown",m,!0),window.removeEventListener("scroll",y,!0),window.removeEventListener("resize",y),document.removeEventListener("keydown",F)}),(g,d)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("button",{ref_key:"triggerRef",ref:r,type:"button",class:"preset-color-trigger","aria-expanded":a.value,"aria-haspopup":"dialog",title:t.modelValue||"自动",onClick:x},[e.createElementVNode("span",{class:"preset-color-swatch",style:e.normalizeStyle({background:R.value})},null,4)],8,Da),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[a.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"panelRef",ref:i,class:"preset-color-panel",role:"dialog","aria-label":"颜色选择",style:e.normalizeStyle(c.value),onPointerdown:d[2]||(d[2]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("div",Ta,[e.createElementVNode("span",{class:"picker-current",style:e.normalizeStyle({background:B.value})},null,4),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":d[0]||(d[0]=p=>h.value=p),class:"picker-hex",type:"text",maxlength:"7",spellcheck:"false","aria-label":"颜色值",onInput:Y},null,544),[[e.vModelText,h.value]])]),e.createElementVNode("div",{ref_key:"areaRef",ref:s,class:"picker-area",style:e.normalizeStyle({"--picker-hue":`${Math.round(u.value)}deg`}),"aria-label":"自定义颜色",tabindex:"0",onPointerdown:G,onPointermove:H,onPointerup:T,onPointercancel:T,onKeydown:S},[e.createElementVNode("span",{class:"picker-handle",style:e.normalizeStyle({left:`${f.value*100}%`,top:`${(1-v.value)*100}%`,background:B.value})},null,4)],36),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":d[1]||(d[1]=p=>$.value=p),class:"picker-hue",type:"range",min:"0",max:"360",step:"1","aria-label":"色相"},null,512),[[e.vModelText,$.value,void 0,{number:!0}]]),d[3]||(d[3]=e.createElementVNode("div",{class:"picker-heading"},"常用颜色",-1)),e.createElementVNode("div",za,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(Ba),p=>(e.openBlock(),e.createElementBlock("button",{key:p,type:"button",class:e.normalizeClass(["preset-color-item",{active:p.toLowerCase()===B.value.toLowerCase()}]),style:e.normalizeStyle({background:p}),title:p,"aria-label":p,onClick:E=>A(p)},null,14,La))),128))])],36)):e.createCommentVNode("",!0)]))],64))}}),be=Q(Pa,[["__scopeId","data-v-db3c3d71"]]),Aa={class:"pd-field"},Ia={class:"pd-field"},Ra={class:"pd-field"},Ha={class:"pd-radio-group",role:"radiogroup"},Ua={class:"pd-radio"},Fa={class:"pd-radio"},Oa={class:"pd-radio"},Ga={class:"pd-field"},qa={class:"pd-radio-group",role:"radiogroup"},Wa={class:"pd-radio"},Ka={class:"pd-radio"},Ya={class:"pd-radio"},Xa={class:"color-row"},ja={class:"pd-field"},Ja={class:"pd-field"},Za={class:"pd-field"},Qa={class:"pd-field"},_a={key:1,class:"pd-empty"},ei=e.defineComponent({__name:"AppearanceGroup",props:{element:{},isTextType:{type:Boolean},matchedKeys:{},searching:{type:Boolean}},setup(t){const l=t;function o(a){return l.searching?l.matchedKeys?.has(a)??!0:!0}const n=e.computed(()=>l.element.printElementType.type==="table");return(a,r)=>(e.openBlock(),e.createBlock(ye,{title:"外观",icon:"Brush","default-expanded":"","group-key":"appearance"},{default:e.withCtx(()=>[e.createElementVNode("form",{class:"pd-form",onSubmit:r[12]||(r[12]=e.withModifiers(()=>{},["prevent"]))},[t.isTextType?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.withDirectives(e.createElementVNode("div",Aa,[r[13]||(r[13]=e.createElementVNode("span",{class:"pd-label"},"字体大小",-1)),e.createVNode(le,{modelValue:t.element.options.fontSize,"onUpdate:modelValue":r[0]||(r[0]=i=>t.element.options.fontSize=i),min:8,max:72},null,8,["modelValue"])],512),[[e.vShow,o("ap-font-size")]]),e.withDirectives(e.createElementVNode("div",Ia,[r[15]||(r[15]=e.createElementVNode("span",{class:"pd-label"},"字体粗细",-1)),e.withDirectives(e.createElementVNode("select",{class:"pd-select","onUpdate:modelValue":r[1]||(r[1]=i=>t.element.options.fontWeight=i),style:{width:"100%"}},[...r[14]||(r[14]=[e.createElementVNode("option",{value:"normal"},"正常",-1),e.createElementVNode("option",{value:"bold"},"粗体",-1),e.createElementVNode("option",{value:"bolder"},"更粗",-1),e.createElementVNode("option",{value:"lighter"},"细体",-1)])],512),[[e.vModelSelect,t.element.options.fontWeight]])],512),[[e.vShow,o("ap-font-weight")]]),e.withDirectives(e.createElementVNode("div",Ra,[r[19]||(r[19]=e.createElementVNode("span",{class:"pd-label"},"对齐",-1)),e.createElementVNode("div",Ha,[e.createElementVNode("label",Ua,[e.withDirectives(e.createElementVNode("input",{type:"radio","onUpdate:modelValue":r[2]||(r[2]=i=>t.element.options.textAlign=i),value:"left"},null,512),[[e.vModelRadio,t.element.options.textAlign]]),r[16]||(r[16]=e.createElementVNode("span",null,"左",-1))]),e.createElementVNode("label",Fa,[e.withDirectives(e.createElementVNode("input",{type:"radio","onUpdate:modelValue":r[3]||(r[3]=i=>t.element.options.textAlign=i),value:"center"},null,512),[[e.vModelRadio,t.element.options.textAlign]]),r[17]||(r[17]=e.createElementVNode("span",null,"中",-1))]),e.createElementVNode("label",Oa,[e.withDirectives(e.createElementVNode("input",{type:"radio","onUpdate:modelValue":r[4]||(r[4]=i=>t.element.options.textAlign=i),value:"right"},null,512),[[e.vModelRadio,t.element.options.textAlign]]),r[18]||(r[18]=e.createElementVNode("span",null,"右",-1))])])],512),[[e.vShow,o("ap-align")]]),e.withDirectives(e.createElementVNode("div",Ga,[r[23]||(r[23]=e.createElementVNode("span",{class:"pd-label"},"垂直对齐",-1)),e.createElementVNode("div",qa,[e.createElementVNode("label",Wa,[e.withDirectives(e.createElementVNode("input",{type:"radio","onUpdate:modelValue":r[5]||(r[5]=i=>t.element.options.verticalAlign=i),value:"top"},null,512),[[e.vModelRadio,t.element.options.verticalAlign]]),r[20]||(r[20]=e.createElementVNode("span",null,"顶",-1))]),e.createElementVNode("label",Ka,[e.withDirectives(e.createElementVNode("input",{type:"radio","onUpdate:modelValue":r[6]||(r[6]=i=>t.element.options.verticalAlign=i),value:"middle"},null,512),[[e.vModelRadio,t.element.options.verticalAlign]]),r[21]||(r[21]=e.createElementVNode("span",null,"中",-1))]),e.createElementVNode("label",Ya,[e.withDirectives(e.createElementVNode("input",{type:"radio","onUpdate:modelValue":r[7]||(r[7]=i=>t.element.options.verticalAlign=i),value:"bottom"},null,512),[[e.vModelRadio,t.element.options.verticalAlign]]),r[22]||(r[22]=e.createElementVNode("span",null,"底",-1))])])],512),[[e.vShow,o("ap-vertical-align")]]),e.createElementVNode("div",Xa,[e.withDirectives(e.createElementVNode("div",ja,[r[24]||(r[24]=e.createElementVNode("span",{class:"pd-label"},"颜色",-1)),e.createVNode(be,{modelValue:t.element.options.color,"onUpdate:modelValue":r[8]||(r[8]=i=>t.element.options.color=i)},null,8,["modelValue"])],512),[[e.vShow,o("ap-color")]]),e.withDirectives(e.createElementVNode("div",Ja,[r[25]||(r[25]=e.createElementVNode("span",{class:"pd-label"},"背景色",-1)),e.createVNode(be,{modelValue:t.element.options.backgroundColor,"onUpdate:modelValue":r[9]||(r[9]=i=>t.element.options.backgroundColor=i)},null,8,["modelValue"])],512),[[e.vShow,o("ap-bg-color")]])]),e.withDirectives(e.createElementVNode("div",Za,[r[26]||(r[26]=e.createElementVNode("span",{class:"pd-label"},"行高",-1)),e.createVNode(le,{modelValue:t.element.options.lineHeight,"onUpdate:modelValue":r[10]||(r[10]=i=>t.element.options.lineHeight=i),min:0,max:100},null,8,["modelValue"])],512),[[e.vShow,o("ap-line-height")]]),e.withDirectives(e.createElementVNode("div",Qa,[r[27]||(r[27]=e.createElementVNode("span",{class:"pd-label"},"字间距",-1)),e.createVNode(le,{modelValue:t.element.options.letterSpacing,"onUpdate:modelValue":r[11]||(r[11]=i=>t.element.options.letterSpacing=i),min:0,max:20,step:.5},null,8,["modelValue"])],512),[[e.vShow,o("ap-letter-spacing")]])],64)):e.createCommentVNode("",!0),!t.isTextType&&!n.value?(e.openBlock(),e.createElementBlock("p",_a,"当前元素不支持外观设置")):e.createCommentVNode("",!0)],32)]),_:1}))}}),ti=Q(ei,[["__scopeId","data-v-2b604a48"]]),oi={class:"pd-dialog pd-dialog-large",role:"dialog","aria-modal":"true","aria-labelledby":"expression-editor-title"},ni={class:"pd-dialog-header"},li={class:"expression-editor"},ai={class:"ee-nav"},ii={class:"ee-nav-tabs"},ri={class:"ee-content"},si={class:"ee-content-search"},di=["placeholder"],ci={class:"ee-content-list"},ui={class:"ee-field-group-icon"},mi=["onDblclick"],pi={class:"ee-field-info"},fi={class:"ee-item-label"},vi={class:"ee-item-key"},gi={key:0,class:"pd-empty"},hi=["onDblclick"],bi={class:"ee-field-info"},yi={class:"ee-item-label"},ki={class:"ee-item-key"},Ei={class:"ee-func-group"},wi=["onDblclick"],Vi={class:"ee-field-info"},Ni={class:"ee-item-label"},Ci={class:"ee-item-key"},Si={class:"ee-func-group"},$i=["onDblclick"],Mi={class:"ee-field-info"},xi={class:"ee-item-label"},Bi={class:"ee-item-key"},Di={class:"ee-editor"},Ti={class:"ee-editor-section"},zi={class:"ee-editor-section"},Li={class:"pd-dialog-footer"},Pi=e.defineComponent({__name:"ExpressionEditor",props:{modelValue:{type:Boolean},expression:{},fields:{}},emits:["update:modelValue","update:expression"],setup(t,{emit:l}){const o=t,n=l,a=e.computed({get:()=>o.modelValue,set:C=>n("update:modelValue",C)}),r=e.ref("field"),i=e.computed(()=>{switch(r.value){case"field":return"搜索字段...";case"variable":return"搜索变量...";case"function":return"搜索函数...";default:return"搜索..."}}),s=e.ref(""),c=e.computed(()=>Ut(Ht(o.fields??[]),s.value));e.watch(a,C=>{C&&($.value=o.expression||"")});function u(C){const{insideParens:S}=h();H(S?C.fieldKey:`{${C.fieldKey}}`)}function f(C){const{insideParens:S}=h();H(S?C.template.replace(/^\{|\}$/g,""):C.template)}function v(C){const{insideBlock:S}=h(),x=S?C.template:`{${C.template}}`,D=x.indexOf("(")+1;H(x,D)}function h(){const S=A.value?.selectionStart??$.value.length,x=$.value.substring(0,S);let D=!1;const z=x.lastIndexOf("{");z!==-1&&!x.slice(z+1).includes("}")&&(D=!0);let m=!1;const y=x.lastIndexOf("(");return y!==-1&&!x.slice(y+1).includes(")")&&(m=!0),{insideBlock:D,insideParens:m}}const L=e.computed(()=>{if(!s.value.trim())return I;const C=s.value.trim().toLowerCase();return I.filter(S=>S.label.toLowerCase().includes(C)||S.name.toLowerCase().includes(C))}),R=e.computed(()=>{if(!s.value.trim())return Y;const C=s.value.trim().toLowerCase();return Y.filter(S=>S.label.toLowerCase().includes(C)||S.name.toLowerCase().includes(C))}),B=e.computed(()=>{if(!s.value.trim())return j;const C=s.value.trim().toLowerCase();return j.filter(S=>S.label.toLowerCase().includes(C)||S.name.toLowerCase().includes(C))}),$=e.ref(o.expression||""),A=e.ref(null);e.watch(()=>o.expression,C=>{$.value=C||""});const Y=[{name:"SUM",label:"求和",template:"SUM()"},{name:"AVG",label:"平均值",template:"AVG()"},{name:"COUNT",label:"计数",template:"COUNT()"},{name:"MIN",label:"最小值",template:"MIN()"},{name:"MAX",label:"最大值",template:"MAX()"}],j=[{name:"MONEY",label:"金额格式化",template:"MONEY()"},{name:"DATE",label:"日期格式化",template:"DATE()"},{name:"UPPER",label:"大写金额",template:"UPPER()"},{name:"IF",label:"条件判断",template:"IF()"}],I=[{name:"pageIndex",label:"当前页码",template:"{pageIndex}"},{name:"totalPages",label:"总页数",template:"{totalPages}"},{name:"printDate",label:"打印日期",template:"{printDate}"},{name:"printTime",label:"打印时间",template:"{printTime}"}],G=e.computed(()=>{if(!$.value.trim())return"(输入表达式后预览)";try{const C={...fe,pageIndex:1,totalPages:1,printDate:new Date().toISOString().split("T")[0],printTime:Date.now()},S=$e($.value,C);return S==null?"(无法计算)":String(S)}catch{return"(表达式错误)"}});function H(C,S=C.length){const x=A.value;if(!x){$.value+=C;return}const D=x.selectionStart,z=x.selectionEnd,m=$.value.substring(0,D),y=$.value.substring(z);$.value=m+C+y;const F=D+S;e.nextTick(()=>{x.focus(),x.selectionStart=x.selectionEnd=F})}function T(){n("update:expression",$.value),a.value=!1}return(C,S)=>a.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"pd-dialog-overlay",onKeydown:S[7]||(S[7]=e.withKeys(x=>a.value=!1,["esc"]))},[e.createElementVNode("section",oi,[e.createElementVNode("header",ni,[S[8]||(S[8]=e.createElementVNode("strong",{id:"expression-editor-title"},"编辑表达式",-1)),e.createElementVNode("button",{type:"button",class:"pd-close","aria-label":"关闭",onClick:S[0]||(S[0]=x=>a.value=!1)},"×")]),e.createElementVNode("div",li,[e.createElementVNode("div",ai,[S[9]||(S[9]=e.createElementVNode("div",{class:"ee-nav-title"},"类型",-1)),e.createElementVNode("div",ii,[e.createElementVNode("div",{class:e.normalizeClass(["ee-nav-tab",{active:r.value==="field"}]),onClick:S[1]||(S[1]=x=>r.value="field")}," 📁 字段 ",2),e.createElementVNode("div",{class:e.normalizeClass(["ee-nav-tab",{active:r.value==="variable"}]),onClick:S[2]||(S[2]=x=>r.value="variable")}," 🔧 变量 ",2),e.createElementVNode("div",{class:e.normalizeClass(["ee-nav-tab",{active:r.value==="function"}]),onClick:S[3]||(S[3]=x=>r.value="function")}," ⚡ 函数 ",2)])]),e.createElementVNode("div",ri,[e.createElementVNode("div",si,[e.withDirectives(e.createElementVNode("input",{class:"pd-input","onUpdate:modelValue":S[4]||(S[4]=x=>s.value=x),placeholder:i.value},null,8,di),[[e.vModelText,s.value]])]),e.createElementVNode("div",ci,[r.value==="field"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,x=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:x.key||"_top"},[x.key?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["ee-field-group",{"is-list":x.isList}])},[e.createElementVNode("span",ui,e.toDisplayString(x.isList?"📋":"📁"),1),e.createElementVNode("span",null,e.toDisplayString(x.label),1)],2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(x.fields,D=>(e.openBlock(),e.createElementBlock("div",{key:D.fieldKey,class:"ee-list-item ee-field-item",style:e.normalizeStyle({paddingLeft:x.key?"22px":"10px"}),onDblclick:z=>u(D)},[e.createElementVNode("div",pi,[e.createElementVNode("span",fi,e.toDisplayString(D.fieldLabel),1),e.createElementVNode("span",vi,e.toDisplayString(D.fieldKey),1)])],44,mi))),128))],64))),128)),c.value.length===0?(e.openBlock(),e.createElementBlock("p",gi,"暂无字段")):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),r.value==="variable"?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(L.value,x=>(e.openBlock(),e.createElementBlock("div",{key:x.name,class:"ee-list-item",onDblclick:D=>f(x)},[e.createElementVNode("div",bi,[e.createElementVNode("span",yi,e.toDisplayString(x.label),1),e.createElementVNode("span",ki,e.toDisplayString(x.template),1)])],40,hi))),128)):e.createCommentVNode("",!0),r.value==="function"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createElementVNode("div",Ei,[S[10]||(S[10]=e.createElementVNode("div",{class:"ee-func-group-title"},"聚合函数",-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(R.value,x=>(e.openBlock(),e.createElementBlock("div",{key:x.name,class:"ee-list-item",onDblclick:D=>v(x)},[e.createElementVNode("div",Vi,[e.createElementVNode("span",Ni,e.toDisplayString(x.label),1),e.createElementVNode("span",Ci,e.toDisplayString(x.name)+"()",1)])],40,wi))),128))]),e.createElementVNode("div",Si,[S[11]||(S[11]=e.createElementVNode("div",{class:"ee-func-group-title"},"格式化函数",-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(B.value,x=>(e.openBlock(),e.createElementBlock("div",{key:x.name,class:"ee-list-item",onDblclick:D=>v(x)},[e.createElementVNode("div",Mi,[e.createElementVNode("span",xi,e.toDisplayString(x.label),1),e.createElementVNode("span",Bi,e.toDisplayString(x.name)+"()",1)])],40,$i))),128))])],64)):e.createCommentVNode("",!0)])]),e.createElementVNode("div",Di,[e.createElementVNode("div",Ti,[S[12]||(S[12]=e.createElementVNode("div",{class:"ee-editor-title"},"表达式编辑",-1)),e.withDirectives(e.createElementVNode("textarea",{ref_key:"textareaRef",ref:A,"onUpdate:modelValue":S[5]||(S[5]=x=>$.value=x),class:"ee-textarea",rows:"6",placeholder:"双击左侧字段/变量/函数插入,或直接输入静态内容"},null,512),[[e.vModelText,$.value]])]),e.createElementVNode("div",zi,[S[13]||(S[13]=e.createElementVNode("div",{class:"ee-editor-title"},"预览结果",-1)),e.createElementVNode("div",{class:e.normalizeClass(["ee-preview",{"ee-preview-error":G.value==="(表达式错误)"}])},e.toDisplayString(G.value),3)]),S[14]||(S[14]=e.createStaticVNode('<div class="ee-help-section" data-v-86008c29><div class="ee-help-title" data-v-86008c29>帮助信息</div><div class="ee-help-grid" data-v-86008c29><div class="ee-help-card ee-help-field" data-v-86008c29><div class="ee-help-card-title" data-v-86008c29>输入方式</div><div class="ee-help-card-content" data-v-86008c29> 双击左侧字段、变量、函数即可插入到表达式输入框中<br data-v-86008c29> 静态数据直接输入即可,如:供应商名称<br data-v-86008c29> 动态解析字段、变量、函数必须用 {} 包裹<br data-v-86008c29> 示例:{SUM(supplier.name)}<br data-v-86008c29> 注意:只能嵌套一层 </div></div><div class="ee-help-card ee-help-function" data-v-86008c29><div class="ee-help-card-title" data-v-86008c29>函数使用</div><div class="ee-help-card-content" data-v-86008c29> SUM(字段) - 求和<br data-v-86008c29> AVG(字段) - 平均值<br data-v-86008c29> COUNT(字段) - 计数<br data-v-86008c29> IF(条件, 真值, 假值) - 条件判断 </div></div><div class="ee-help-card ee-help-variable" data-v-86008c29><div class="ee-help-card-title" data-v-86008c29>系统变量</div><div class="ee-help-card-content" data-v-86008c29> {pageIndex} - 当前页码<br data-v-86008c29> {totalPages} - 总页数<br data-v-86008c29> {printDate} - 打印日期 </div></div><div class="ee-help-card ee-help-conditional" data-v-86008c29><div class="ee-help-card-title" data-v-86008c29>示例</div><div class="ee-help-card-content" data-v-86008c29> 静态文本:供应商名称<br data-v-86008c29> 动态字段:{supplier.name}<br data-v-86008c29> 函数调用:{SUM(amount)}<br data-v-86008c29> 条件判断:{IF(amount&gt;1000, &quot;大单&quot;, &quot;小单&quot;)} </div></div></div></div>',1))])]),e.createElementVNode("footer",Li,[e.createElementVNode("button",{type:"button",class:"pd-button",onClick:S[6]||(S[6]=x=>a.value=!1)},"取消"),e.createElementVNode("button",{type:"button",class:"pd-button primary",onClick:T},"确定")])])],32)):e.createCommentVNode("",!0)}}),mt=Q(Pi,[["__scopeId","data-v-86008c29"]]),Ai={class:"pd-field"},Ii={class:"pd-label"},Ri=["value","placeholder"],Hi=e.defineComponent({__name:"BindingControl",props:{descriptor:{},modelValue:{},fields:{}},emits:["update:modelValue"],setup(t,{emit:l}){const o=l,n=e.ref(!1);function a(){n.value=!0}return(r,i)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",Ai,[e.createElementVNode("span",Ii,e.toDisplayString(t.descriptor.label),1),e.createElementVNode("input",{value:t.modelValue,class:"pd-input",placeholder:t.descriptor.placeholder||"输入内容,支持 {字段} 表达式",onInput:i[0]||(i[0]=s=>o("update:modelValue",s.target.value)),onDblclick:a},null,40,Ri)]),e.createVNode(mt,{modelValue:n.value,"onUpdate:modelValue":i[1]||(i[1]=s=>n.value=s),fields:t.fields,expression:t.modelValue,"onUpdate:expression":i[2]||(i[2]=s=>o("update:modelValue",s))},null,8,["modelValue","fields","expression"])],64))}}),Ui=Q(Hi,[["__scopeId","data-v-135d160a"]]),Fi={class:"pd-field"},Oi=["value"],Gi=["value"],qi={class:"pd-field"},Wi={class:"pd-field"},Ki={class:"pd-field"},Yi={class:"pd-field"},Xi={style:{width:"60px"}},ji=e.defineComponent({__name:"TableSettingsGroup",props:{element:{},fields:{}},setup(t){const l=t,o=e.inject(Be,null),n=e.computed(()=>l.fields.filter(i=>i.fieldType==="list").map(i=>({label:i.fieldLabel,value:i.fieldKey})));function a(i){l.element.options.dataSource=i||void 0,o?.recordHistory()}function r(i,s){if(s===void 0)return;const c=l.element.options.tableColWidths,u=o?.maxTableWidth.value??1/0,f=c.reduce((v,h,L)=>L===i?v:v+h,0);if(f+s>u){const v=Math.max(5,Math.round((u-f)*10)/10);alert(`表格总宽不能超过打印范围宽度 ${u}mm,列${i+1} 已调整为 ${v}mm`),c[i]=v}else c[i]=s;Fe(l.element.options),o?.recordHistory()}return(i,s)=>(e.openBlock(),e.createBlock(ye,{title:"表格设置",icon:"Grid","default-expanded":"","group-key":"table-settings"},{default:e.withCtx(()=>[e.createElementVNode("form",{class:"pd-form",onSubmit:s[4]||(s[4]=e.withModifiers(()=>{},["prevent"]))},[e.createElementVNode("div",Fi,[s[5]||(s[5]=e.createElementVNode("span",{class:"pd-label"},"列表数据源字段",-1)),e.createElementVNode("select",{value:t.element.options.dataSource,class:"pd-select",style:{width:"100%"},onChange:s[0]||(s[0]=c=>a(c.target.value))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,c=>(e.openBlock(),e.createElementBlock("option",{key:c.value,value:c.value},e.toDisplayString(c.label),9,Gi))),128))],40,Oi)]),e.createElementVNode("div",qi,[s[6]||(s[6]=e.createElementVNode("span",{class:"pd-label"},"默认字号 (pt)",-1)),e.createVNode(le,{modelValue:t.element.options.tableDefaultFontSize,"onUpdate:modelValue":s[1]||(s[1]=c=>t.element.options.tableDefaultFontSize=c),min:5,max:72,placeholder:"默认"},null,8,["modelValue"])]),e.createElementVNode("div",Wi,[s[7]||(s[7]=e.createElementVNode("span",{class:"pd-label"},"默认文字颜色",-1)),e.createVNode(be,{modelValue:t.element.options.tableDefaultColor,"onUpdate:modelValue":s[2]||(s[2]=c=>t.element.options.tableDefaultColor=c)},null,8,["modelValue"])]),e.createElementVNode("div",Ki,[s[8]||(s[8]=e.createElementVNode("span",{class:"pd-label"},"默认内边距 (mm)",-1)),e.createVNode(le,{modelValue:t.element.options.tableDefaultPadding,"onUpdate:modelValue":s[3]||(s[3]=c=>t.element.options.tableDefaultPadding=c),min:0,max:10,step:.5,placeholder:"默认"},null,8,["modelValue"])]),e.createElementVNode("div",Yi,[s[9]||(s[9]=e.createElementVNode("span",{class:"pd-label"},"列宽 (mm)",-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.element.options.tableColWidths,(c,u)=>(e.openBlock(),e.createElementBlock("div",{key:u,class:"col-width-row"},[e.createElementVNode("span",Xi,"列"+e.toDisplayString(u+1),1),e.createVNode(le,{"model-value":c,min:5,max:200,"onUpdate:modelValue":f=>r(u,f)},null,8,["model-value","onUpdate:modelValue"])]))),128))])],32)]),_:1}))}}),Ji=Q(ji,[["__scopeId","data-v-2860c993"]]),Zi={class:"border-row"},Qi={class:"pd-field"},_i={class:"pd-field"},er={class:"pd-field"},tr=e.defineComponent({__name:"BorderBgGroup",props:{element:{},matchedKeys:{},searching:{type:Boolean}},setup(t){const l=t;function o(n){return l.searching?l.matchedKeys?.has(n)??!0:!0}return(n,a)=>(e.openBlock(),e.createBlock(ye,{title:"边框与背景",icon:"Picture","default-expanded":"","group-key":"border-bg"},{default:e.withCtx(()=>[e.createElementVNode("form",{class:"pd-form",onSubmit:a[3]||(a[3]=e.withModifiers(()=>{},["prevent"]))},[e.createElementVNode("div",Zi,[e.withDirectives(e.createElementVNode("div",Qi,[a[4]||(a[4]=e.createElementVNode("span",{class:"pd-label"},"边框宽度",-1)),e.createVNode(le,{modelValue:t.element.options.borderWidth,"onUpdate:modelValue":a[0]||(a[0]=r=>t.element.options.borderWidth=r),min:0,max:20,step:.25},null,8,["modelValue"])],512),[[e.vShow,o("bb-border-width")]]),e.withDirectives(e.createElementVNode("div",_i,[a[5]||(a[5]=e.createElementVNode("span",{class:"pd-label"},"边框颜色",-1)),e.createVNode(be,{modelValue:t.element.options.borderColor,"onUpdate:modelValue":a[1]||(a[1]=r=>t.element.options.borderColor=r)},null,8,["modelValue"])],512),[[e.vShow,o("bb-border-color")]])]),e.withDirectives(e.createElementVNode("div",er,[a[6]||(a[6]=e.createElementVNode("span",{class:"pd-label"},"背景色",-1)),e.createVNode(be,{modelValue:t.element.options.backgroundColor,"onUpdate:modelValue":a[2]||(a[2]=r=>t.element.options.backgroundColor=r)},null,8,["modelValue"])],512),[[e.vShow,o("bb-bg-color")]])],32)]),_:1}))}}),or=Q(tr,[["__scopeId","data-v-84aa55dc"]]),nr={class:"advanced-row"},lr={class:"pd-field"},ar={class:"pd-field"},ir={class:"pd-field"},rr={class:"pd-field"},sr=e.defineComponent({__name:"AdvancedGroup",props:{element:{},matchedKeys:{},searching:{type:Boolean}},emits:["delete-element"],setup(t){const l=t;function o(n){return l.searching?l.matchedKeys?.has(n)??!0:!0}return(n,a)=>(e.openBlock(),e.createBlock(ye,{title:"高级设置",icon:"Setting","group-key":"advanced"},{default:e.withCtx(()=>[e.createElementVNode("form",{class:"pd-form",onSubmit:a[4]||(a[4]=e.withModifiers(()=>{},["prevent"]))},[e.createElementVNode("div",nr,[e.withDirectives(e.createElementVNode("div",lr,[a[5]||(a[5]=e.createElementVNode("span",{class:"pd-label"},"锁定",-1)),e.withDirectives(e.createElementVNode("input",{type:"checkbox",class:"pd-switch","onUpdate:modelValue":a[0]||(a[0]=r=>t.element.options.locked=r)},null,512),[[e.vModelCheckbox,t.element.options.locked]])],512),[[e.vShow,o("ad-locked")]]),e.withDirectives(e.createElementVNode("div",ar,[a[6]||(a[6]=e.createElementVNode("span",{class:"pd-label"},"每页重复",-1)),e.withDirectives(e.createElementVNode("input",{type:"checkbox",class:"pd-switch","onUpdate:modelValue":a[1]||(a[1]=r=>t.element.options.fixed=r)},null,512),[[e.vModelCheckbox,t.element.options.fixed]])],512),[[e.vShow,o("ad-fixed")]])]),e.withDirectives(e.createElementVNode("div",ir,[a[7]||(a[7]=e.createElementVNode("span",{class:"pd-label"},"层级",-1)),e.createVNode(le,{modelValue:t.element.options.zIndex,"onUpdate:modelValue":a[2]||(a[2]=r=>t.element.options.zIndex=r),min:0,max:999},null,8,["modelValue"])],512),[[e.vShow,o("ad-z-index")]]),e.withDirectives(e.createElementVNode("div",rr,[e.createElementVNode("button",{type:"button",class:"pd-button danger",onClick:a[3]||(a[3]=r=>n.$emit("delete-element"))}," 删除元素 ")],512),[[e.vShow,o("ad-delete")]])],32)]),_:1}))}}),dr=Q(sr,[["__scopeId","data-v-84bf7a55"]]),cr={key:0,class:"pd-field"},ur=["checked"],mr={class:"pd-field"},pr=["checked"],fr={class:"pd-field"},vr=["checked"],Nt=e.defineComponent({__name:"PaginationGroup",props:{element:{},matchedKeys:{},searching:{type:Boolean}},setup(t){const l=t,o=e.computed(()=>l.element.printElementType.type==="table"),n=e.computed({get:()=>l.element.options.tablePagination?.enabled??!0,set:()=>{}});function a(f){l.element.options.tablePagination={enabled:f}}const r=e.computed({get:()=>l.element.options.pagination?.pageable??!0,set:()=>{}}),i=e.computed({get:()=>l.element.options.pagination?.keepWithNext??!1,set:()=>{}});function s(f){l.element.options.pagination={pageable:f,keepWithNext:i.value}}function c(f){l.element.options.pagination={pageable:r.value,keepWithNext:f}}function u(f){return l.searching?l.matchedKeys?.has(f)??!0:!0}return(f,v)=>(e.openBlock(),e.createBlock(ye,{title:"分页配置",icon:"Document","group-key":"pagination"},{default:e.withCtx(()=>[e.createElementVNode("form",{class:"pd-form",onSubmit:v[3]||(v[3]=e.withModifiers(()=>{},["prevent"]))},[o.value?e.withDirectives((e.openBlock(),e.createElementBlock("div",cr,[v[4]||(v[4]=e.createElementVNode("span",{class:"pd-label"},"启用分页",-1)),e.createElementVNode("input",{type:"checkbox",class:"pd-switch",checked:n.value,onChange:v[0]||(v[0]=h=>a(h.target.checked))},null,40,ur)],512)),[[e.vShow,u("pg-enabled")]]):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.withDirectives(e.createElementVNode("div",mr,[v[5]||(v[5]=e.createElementVNode("span",{class:"pd-label"},"参与分页",-1)),e.createElementVNode("input",{type:"checkbox",class:"pd-switch",checked:r.value,onChange:v[1]||(v[1]=h=>s(h.target.checked))},null,40,pr)],512),[[e.vShow,u("pg-pageable")]]),e.withDirectives(e.createElementVNode("div",fr,[v[6]||(v[6]=e.createElementVNode("span",{class:"pd-label"},"与下元素同页",-1)),e.createElementVNode("input",{type:"checkbox",class:"pd-switch",checked:i.value,onChange:v[2]||(v[2]=h=>c(h.target.checked))},null,40,vr)],512),[[e.vShow,u("pg-keep-with-next")]])],64))],32)]),_:1}))}}),gr={class:"image-content-upload"},hr=["disabled"],br=e.defineComponent({__name:"ImageContentUpload",props:{disabled:{type:Boolean}},emits:["success"],setup(t,{emit:l}){const o=t,n=l,a=e.ref(!1),r=e.inject(ut,e.computed(()=>{})),i=e.computed(()=>o.disabled||a.value||!r.value);async function s(c){const u=c.target,f=u.files?.[0];if(f){if(!f.type.startsWith("image/")){alert("仅支持上传图片文件"),u.value="";return}if(!r.value){alert("图片上传能力未配置"),u.value="";return}a.value=!0;try{const v=await r.value(f);v?n("success",v):alert("图片上传失败")}catch(v){alert(v instanceof Error?v.message:"图片上传失败")}finally{a.value=!1,u.value=""}}}return(c,u)=>(e.openBlock(),e.createElementBlock("div",gr,[e.createElementVNode("label",{class:e.normalizeClass(["pd-button small upload-label",{disabled:i.value}])},[u[0]||(u[0]=e.createElementVNode("svg",{class:"pd-icon",viewBox:"0 0 24 24","aria-hidden":"true"},[e.createElementVNode("path",{fill:"currentColor",d:"M12 3l4 4h-3v7h-2V7H8zm-7 12h14v5H5Z"})],-1)),e.createTextVNode(" "+e.toDisplayString(a.value?"上传中...":"上传图片")+" ",1),e.createElementVNode("input",{class:"visually-hidden",type:"file",accept:"image/*",disabled:i.value,onChange:s},null,40,hr)],2),u[1]||(u[1]=e.createElementVNode("p",{class:"upload-tip"},"支持 jpg/png/gif/bmp/webp/svg 等图片,上传后填入相对路径",-1))]))}}),yr=Q(br,[["__scopeId","data-v-b730e8e6"]]),kr={class:"pd-field"},Er=["value"],wr={class:"pd-field"},Vr={key:0,class:"pd-field"},Nr=["checked"],Cr=e.defineComponent({__name:"TableRowGroup",props:{element:{},selection:{}},setup(t){const l=t,o=e.inject(Be),n=e.computed(()=>l.element.options.tableRows[l.selection.r1]);function a(s){const c=et(l.element.options.tableRows,l.selection.r1,s);if(c){alert(c);return}o.recordHistory()}function r(s){s!==void 0&&(n.value.height=s,Fe(l.element.options),o.recordHistory())}function i(s){n.value.repeatOnPage=s,o.recordHistory()}return(s,c)=>(e.openBlock(),e.createBlock(ye,{title:"行属性",icon:"Grid","default-expanded":"","group-key":"table-row"},{default:e.withCtx(()=>[e.createElementVNode("form",{class:"pd-form",onSubmit:c[2]||(c[2]=e.withModifiers(()=>{},["prevent"]))},[e.createElementVNode("div",kr,[c[4]||(c[4]=e.createElementVNode("span",{class:"pd-label"},"行类型",-1)),e.createElementVNode("select",{value:n.value.type,class:"pd-select",style:{width:"100%"},onChange:c[0]||(c[0]=u=>a(u.target.value))},[...c[3]||(c[3]=[e.createElementVNode("option",{value:"header"},"标题行",-1),e.createElementVNode("option",{value:"data"},"数据行",-1),e.createElementVNode("option",{value:"subtotal"},"小计行(每页小计)",-1),e.createElementVNode("option",{value:"summary"},"汇总行",-1)])],40,Er)]),e.createElementVNode("div",wr,[c[5]||(c[5]=e.createElementVNode("span",{class:"pd-label"},"行高 (mm)",-1)),e.createVNode(le,{"model-value":n.value.height,min:3,max:100,step:.5,"onUpdate:modelValue":r},null,8,["model-value"])]),n.value.type==="header"?(e.openBlock(),e.createElementBlock("div",Vr,[c[6]||(c[6]=e.createElementVNode("span",{class:"pd-label"},"每页顶部重复",-1)),e.createElementVNode("input",{checked:n.value.repeatOnPage??!1,type:"checkbox",class:"pd-switch",onInput:c[1]||(c[1]=u=>i(!!u.target.checked))},null,40,Nr)])):e.createCommentVNode("",!0)],32)]),_:1}))}}),Sr={class:"pd-field"},$r={class:"pd-radio-group",role:"radiogroup"},Mr={class:"pd-radio"},xr=["checked"],Br={class:"pd-radio"},Dr=["checked"],Tr={class:"pd-radio"},zr=["checked"],Lr={class:"pd-radio"},Pr=["checked"],Ar={key:0,class:"pd-field"},Ir=["value"],Rr={key:1,class:"pd-field"},Hr=["checked"],Ur={key:2,class:"pd-field"},Fr=["value"],Or={key:3,class:"pd-field"},Gr=["value"],qr={key:4,class:"pd-field"},Wr={key:5,class:"pd-field"},Kr={class:"pd-field"},Yr=["value"],Xr={class:"pd-field"},jr={class:"pd-radio-group",role:"radiogroup"},Jr={class:"pd-radio"},Zr=["checked"],Qr={class:"pd-radio"},_r=["checked"],es={class:"pd-radio"},ts=["checked"],os={class:"pd-field"},ns={class:"pd-radio-group",role:"radiogroup"},ls={class:"pd-radio"},as=["checked"],is={class:"pd-radio"},rs=["checked"],ss={class:"pd-radio"},ds=["checked"],cs={class:"cell-style-grid"},us={class:"pd-field"},ms=["value"],ps={class:"pd-field"},fs={class:"pd-field"},vs=["checked"],gs={class:"pd-field"},hs={class:"pd-field"},bs={class:"border-style-row"},ys={style:{width:"112px","flex-shrink":"0"}},ks={class:"pd-button-group border-presets"},Es={class:"pd-checkbox-group"},ws={class:"pd-checkbox"},Vs={class:"pd-checkbox"},Ns={class:"pd-checkbox"},Cs={class:"pd-checkbox"},Ss={class:"pd-field"},$s={class:"pd-field"},Ms=["checked"],xs={class:"merge-btns"},Bs=["disabled","title"],Ds=["disabled"],Ts=e.defineComponent({__name:"TableCellGroup",props:{element:{},selection:{},fields:{}},setup(t,{expose:l}){const o=t,n=e.inject(Be),a=e.computed(()=>o.element.options.tableRows),r=e.computed(()=>{const z=st(a.value,o.selection.r1,o.selection.c1);return a.value[z.r].cells[z.c]}),i=e.ref(!1),s=e.ref(""),c=e.computed(()=>r.value.cellType==="barcode"),u=e.computed(()=>r.value.cellType==="qrcode"),f=e.computed(()=>r.value.cellType==="image");function v(z){$(m=>{m.align=z})}function h(z){$(m=>{m.valign=z})}function L(z){$(m=>{m.cellType=z==="text"?void 0:z,z!=="barcode"&&(m.barcodeType=void 0,m.showBarcodeText=void 0),z!=="qrcode"&&(m.qrCodeLevel=void 0)})}function R(){s.value=r.value.formatter||"",i.value=!0}function B(z){$(m=>{m.formatter=z||void 0})}function $(z){const m=o.selection;for(let y=m.r1;y<=m.r2;y++)for(let F=m.c1;F<=m.c2;F++){const K=a.value[y].cells[F];K.merged||z(K)}n.recordHistory()}const A=e.ref("solid"),Y=e.ref(.75),j=e.ref("#333333"),I=e.ref([]);function G(){return{width:Y.value,style:A.value,color:j.value}}function H(z){mo(a.value,o.selection,z,G()),n.recordHistory()}function T(z){const m=z.target,y=new Set(I.value);m.checked?y.add(m.value):y.delete(m.value),I.value=[...y];const F=G();$(K=>{const J={...K.borders??{}};for(const te of["top","right","bottom","left"])y.has(te)?J[te]={...F}:delete J[te];K.borders=J})}const C=e.computed(()=>Bt(a.value,o.selection)),S=e.computed(()=>{const z=o.selection;for(let m=z.r1;m<=z.r2;m++)for(let y=z.c1;y<=z.c2;y++){const F=a.value[m].cells[y];if(!F.merged&&((F.rowspan??1)>1||(F.colspan??1)>1))return!0}return!1});function x(){Dt(a.value,o.selection),n.recordHistory()}function D(){Tt(a.value,o.selection),n.recordHistory()}return l({openFormatterEditor:R}),(z,m)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(ye,{title:"单元格",icon:"Menu","default-expanded":"","group-key":"table-cell"},{default:e.withCtx(()=>[e.createElementVNode("form",{class:"pd-form",onSubmit:m[39]||(m[39]=e.withModifiers(()=>{},["prevent"]))},[e.createElementVNode("div",Sr,[m[45]||(m[45]=e.createElementVNode("span",{class:"pd-label"},"单元格类型",-1)),e.createElementVNode("div",$r,[e.createElementVNode("label",Mr,[e.createElementVNode("input",{type:"radio",value:"text",checked:(r.value.cellType||"text")==="text",onChange:m[0]||(m[0]=y=>L(y.target.value))},null,40,xr),m[41]||(m[41]=e.createElementVNode("span",null,"文本",-1))]),e.createElementVNode("label",Br,[e.createElementVNode("input",{type:"radio",value:"barcode",checked:r.value.cellType==="barcode",onChange:m[1]||(m[1]=y=>L(y.target.value))},null,40,Dr),m[42]||(m[42]=e.createElementVNode("span",null,"条形码",-1))]),e.createElementVNode("label",Tr,[e.createElementVNode("input",{type:"radio",value:"qrcode",checked:r.value.cellType==="qrcode",onChange:m[2]||(m[2]=y=>L(y.target.value))},null,40,zr),m[43]||(m[43]=e.createElementVNode("span",null,"二维码",-1))]),e.createElementVNode("label",Lr,[e.createElementVNode("input",{type:"radio",value:"image",checked:r.value.cellType==="image",onChange:m[3]||(m[3]=y=>L(y.target.value))},null,40,Pr),m[44]||(m[44]=e.createElementVNode("span",null,"图片",-1))])])]),c.value?(e.openBlock(),e.createElementBlock("div",Ar,[m[47]||(m[47]=e.createElementVNode("span",{class:"pd-label"},"码制",-1)),e.createElementVNode("select",{value:r.value.barcodeType||"CODE128",class:"pd-select",onChange:m[4]||(m[4]=y=>$(F=>{F.barcodeType=y.target.value||void 0}))},[...m[46]||(m[46]=[e.createElementVNode("option",{value:"CODE128"},"CODE128(通用)",-1),e.createElementVNode("option",{value:"EAN13"},"EAN13(商品码)",-1),e.createElementVNode("option",{value:"EAN8"},"EAN8",-1),e.createElementVNode("option",{value:"UPC"},"UPC",-1),e.createElementVNode("option",{value:"CODE39"},"CODE39",-1),e.createElementVNode("option",{value:"ITF14"},"ITF14",-1)])],40,Ir)])):e.createCommentVNode("",!0),c.value?(e.openBlock(),e.createElementBlock("div",Rr,[m[48]||(m[48]=e.createElementVNode("span",{class:"pd-label"},"显示文本",-1)),e.createElementVNode("input",{checked:r.value.showBarcodeText!==!1,type:"checkbox",class:"pd-switch",onInput:m[5]||(m[5]=y=>$(F=>{F.showBarcodeText=!!y.target.checked}))},null,40,Hr)])):e.createCommentVNode("",!0),u.value?(e.openBlock(),e.createElementBlock("div",Ur,[m[50]||(m[50]=e.createElementVNode("span",{class:"pd-label"},"纠错级别",-1)),e.createElementVNode("select",{value:r.value.qrCodeLevel||"M",class:"pd-select",onChange:m[6]||(m[6]=y=>$(F=>{F.qrCodeLevel=y.target.value||void 0}))},[...m[49]||(m[49]=[e.createElementVNode("option",{value:"L"},"L(最低,容量大)",-1),e.createElementVNode("option",{value:"M"},"M(推荐)",-1),e.createElementVNode("option",{value:"Q"},"Q",-1),e.createElementVNode("option",{value:"H"},"H(最高)",-1)])],40,Fr)])):e.createCommentVNode("",!0),c.value||u.value||f.value?(e.openBlock(),e.createElementBlock("div",Or,[m[52]||(m[52]=e.createElementVNode("span",{class:"pd-label"},"缩放模式",-1)),e.createElementVNode("select",{value:r.value.fit||"contain",class:"pd-select",onChange:m[7]||(m[7]=y=>$(F=>{F.fit=y.target.value}))},[...m[51]||(m[51]=[e.createElementVNode("option",{value:"contain"},"包含(保持比例)",-1),e.createElementVNode("option",{value:"cover"},"覆盖(保持比例)",-1),e.createElementVNode("option",{value:"fill"},"拉伸填满",-1),e.createElementVNode("option",{value:"none"},"原始尺寸",-1),e.createElementVNode("option",{value:"scale-down"},"缩小(保持比例)",-1)])],40,Gr)])):e.createCommentVNode("",!0),c.value||u.value||f.value?(e.openBlock(),e.createElementBlock("div",qr,[m[53]||(m[53]=e.createElementVNode("span",{class:"pd-label"},"最大宽度 (mm)",-1)),e.createVNode(le,{"model-value":r.value.maxWidth,min:1,max:200,placeholder:"默认","onUpdate:modelValue":m[8]||(m[8]=y=>$(F=>{F.maxWidth=y??void 0}))},null,8,["model-value"])])):e.createCommentVNode("",!0),c.value||u.value||f.value?(e.openBlock(),e.createElementBlock("div",Wr,[m[54]||(m[54]=e.createElementVNode("span",{class:"pd-label"},"最大高度 (mm)",-1)),e.createVNode(le,{"model-value":r.value.maxHeight,min:1,max:200,placeholder:"默认","onUpdate:modelValue":m[9]||(m[9]=y=>$(F=>{F.maxHeight=y??void 0}))},null,8,["model-value"])])):e.createCommentVNode("",!0),e.createElementVNode("div",Kr,[m[55]||(m[55]=e.createElementVNode("span",{class:"pd-label"},"内容",-1)),e.createElementVNode("input",{value:r.value.formatter||"",class:"pd-input",placeholder:"输入内容,支持 {字段} 表达式",onInput:m[10]||(m[10]=y=>$(F=>{F.formatter=y.target.value||void 0})),onDblclick:R},null,40,Yr)]),e.createElementVNode("div",Xr,[m[59]||(m[59]=e.createElementVNode("span",{class:"pd-label"},"水平对齐",-1)),e.createElementVNode("div",jr,[e.createElementVNode("label",Jr,[e.createElementVNode("input",{type:"radio",value:"left",checked:r.value.align==="left",onChange:m[11]||(m[11]=y=>v(y.target.value))},null,40,Zr),m[56]||(m[56]=e.createElementVNode("span",null,"左",-1))]),e.createElementVNode("label",Qr,[e.createElementVNode("input",{type:"radio",value:"center",checked:r.value.align==="center",onChange:m[12]||(m[12]=y=>v(y.target.value))},null,40,_r),m[57]||(m[57]=e.createElementVNode("span",null,"中",-1))]),e.createElementVNode("label",es,[e.createElementVNode("input",{type:"radio",value:"right",checked:r.value.align==="right",onChange:m[13]||(m[13]=y=>v(y.target.value))},null,40,ts),m[58]||(m[58]=e.createElementVNode("span",null,"右",-1))])])]),e.createElementVNode("div",os,[m[63]||(m[63]=e.createElementVNode("span",{class:"pd-label"},"垂直对齐",-1)),e.createElementVNode("div",ns,[e.createElementVNode("label",ls,[e.createElementVNode("input",{type:"radio",value:"top",checked:r.value.valign==="top",onChange:m[14]||(m[14]=y=>h(y.target.value))},null,40,as),m[60]||(m[60]=e.createElementVNode("span",null,"上",-1))]),e.createElementVNode("label",is,[e.createElementVNode("input",{type:"radio",value:"middle",checked:r.value.valign==="middle",onChange:m[15]||(m[15]=y=>h(y.target.value))},null,40,rs),m[61]||(m[61]=e.createElementVNode("span",null,"中",-1))]),e.createElementVNode("label",ss,[e.createElementVNode("input",{type:"radio",value:"bottom",checked:r.value.valign==="bottom",onChange:m[16]||(m[16]=y=>h(y.target.value))},null,40,ds),m[62]||(m[62]=e.createElementVNode("span",null,"下",-1))])])]),e.createElementVNode("div",cs,[e.createElementVNode("div",us,[m[65]||(m[65]=e.createElementVNode("span",{class:"pd-label"},"字体",-1)),e.createElementVNode("select",{value:r.value.fontFamily,class:"pd-select",placeholder:"继承默认",onChange:m[17]||(m[17]=y=>$(F=>{F.fontFamily=y.target.value||void 0}))},[...m[64]||(m[64]=[e.createElementVNode("option",{value:"SimSun"},"宋体",-1),e.createElementVNode("option",{value:"SimHei"},"黑体",-1),e.createElementVNode("option",{value:"Microsoft YaHei"},"微软雅黑",-1),e.createElementVNode("option",{value:"KaiTi"},"楷体",-1),e.createElementVNode("option",{value:"FangSong"},"仿宋",-1),e.createElementVNode("option",{value:"Arial"},"Arial",-1)])],40,ms)]),e.createElementVNode("div",ps,[m[66]||(m[66]=e.createElementVNode("span",{class:"pd-label"},"字号 (pt)",-1)),e.createVNode(le,{"model-value":r.value.fontSize,min:5,max:72,placeholder:"默认","onUpdate:modelValue":m[18]||(m[18]=y=>$(F=>{F.fontSize=y??void 0}))},null,8,["model-value"])]),e.createElementVNode("div",fs,[m[67]||(m[67]=e.createElementVNode("span",{class:"pd-label"},"加粗",-1)),e.createElementVNode("input",{checked:r.value.fontWeight==="bold",type:"checkbox",class:"pd-switch",onInput:m[19]||(m[19]=y=>$(F=>{F.fontWeight=y.target.checked?"bold":void 0}))},null,40,vs)]),e.createElementVNode("div",gs,[m[68]||(m[68]=e.createElementVNode("span",{class:"pd-label"},"文字颜色",-1)),e.createVNode(be,{"model-value":r.value.color,"onUpdate:modelValue":m[20]||(m[20]=y=>$(F=>{F.color=y}))},null,8,["model-value"])]),e.createElementVNode("div",hs,[m[69]||(m[69]=e.createElementVNode("span",{class:"pd-label"},"背景色",-1)),e.createVNode(be,{"model-value":r.value.backgroundColor,"onUpdate:modelValue":m[21]||(m[21]=y=>$(F=>{F.backgroundColor=y}))},null,8,["model-value"])])]),m[77]||(m[77]=e.createElementVNode("h3",{class:"pd-divider"},"边框",-1)),e.createElementVNode("div",bs,[e.withDirectives(e.createElementVNode("select",{class:"pd-select","onUpdate:modelValue":m[22]||(m[22]=y=>A.value=y),style:{width:"90px"}},[...m[70]||(m[70]=[e.createElementVNode("option",{value:"solid"},"实线",-1),e.createElementVNode("option",{value:"dashed"},"虚线",-1),e.createElementVNode("option",{value:"dotted"},"点线",-1),e.createElementVNode("option",{value:"double"},"双线",-1)])],512),[[e.vModelSelect,A.value]]),e.createElementVNode("div",ys,[e.createVNode(le,{modelValue:Y.value,"onUpdate:modelValue":m[23]||(m[23]=y=>Y.value=y),min:.25,max:5,step:.25},null,8,["modelValue"])]),e.createVNode(be,{modelValue:j.value,"onUpdate:modelValue":m[24]||(m[24]=y=>j.value=y)},null,8,["modelValue"])]),e.createElementVNode("div",ks,[e.createElementVNode("button",{type:"button",class:"pd-button small",onClick:m[25]||(m[25]=y=>H("all"))},"全部"),e.createElementVNode("button",{type:"button",class:"pd-button small",onClick:m[26]||(m[26]=y=>H("outer"))},"外侧"),e.createElementVNode("button",{type:"button",class:"pd-button small",onClick:m[27]||(m[27]=y=>H("inner"))},"内部"),e.createElementVNode("button",{type:"button",class:"pd-button small",onClick:m[28]||(m[28]=y=>H("none"))},"无")]),e.createElementVNode("div",Es,[e.createElementVNode("label",ws,[e.withDirectives(e.createElementVNode("input",{type:"checkbox","onUpdate:modelValue":m[29]||(m[29]=y=>I.value=y),value:"top",onChange:m[30]||(m[30]=y=>T(y))},null,544),[[e.vModelCheckbox,I.value]]),m[71]||(m[71]=e.createElementVNode("span",null,"上",-1))]),e.createElementVNode("label",Vs,[e.withDirectives(e.createElementVNode("input",{type:"checkbox","onUpdate:modelValue":m[31]||(m[31]=y=>I.value=y),value:"right",onChange:m[32]||(m[32]=y=>T(y))},null,544),[[e.vModelCheckbox,I.value]]),m[72]||(m[72]=e.createElementVNode("span",null,"右",-1))]),e.createElementVNode("label",Ns,[e.withDirectives(e.createElementVNode("input",{type:"checkbox","onUpdate:modelValue":m[33]||(m[33]=y=>I.value=y),value:"bottom",onChange:m[34]||(m[34]=y=>T(y))},null,544),[[e.vModelCheckbox,I.value]]),m[73]||(m[73]=e.createElementVNode("span",null,"下",-1))]),e.createElementVNode("label",Cs,[e.withDirectives(e.createElementVNode("input",{type:"checkbox","onUpdate:modelValue":m[35]||(m[35]=y=>I.value=y),value:"left",onChange:m[36]||(m[36]=y=>T(y))},null,544),[[e.vModelCheckbox,I.value]]),m[74]||(m[74]=e.createElementVNode("span",null,"左",-1))])]),e.createElementVNode("div",Ss,[m[75]||(m[75]=e.createElementVNode("span",{class:"pd-label"},"内边距 (mm)",-1)),e.createVNode(le,{"model-value":r.value.padding,min:0,max:10,step:.5,placeholder:"默认","onUpdate:modelValue":m[37]||(m[37]=y=>$(F=>{F.padding=y??void 0}))},null,8,["model-value"])]),e.createElementVNode("div",$s,[m[76]||(m[76]=e.createElementVNode("span",{class:"pd-label"},"自动换行",-1)),e.createElementVNode("input",{checked:r.value.wordWrap??!0,type:"checkbox",class:"pd-switch",onInput:m[38]||(m[38]=y=>$(F=>{F.wordWrap=!!y.target.checked}))},null,40,Ms)]),e.createElementVNode("div",xs,[e.createElementVNode("button",{type:"button",class:"pd-button small",disabled:!!C.value,title:C.value||"",onClick:x}," 合并单元格 ",8,Bs),e.createElementVNode("button",{type:"button",class:"pd-button small",disabled:!S.value,onClick:D},"拆分单元格",8,Ds)])],32)]),_:1}),e.createVNode(mt,{modelValue:i.value,"onUpdate:modelValue":m[40]||(m[40]=y=>i.value=y),fields:t.fields,expression:s.value,"onUpdate:expression":B},null,8,["modelValue","fields","expression"])],64))}}),zs=Q(Ts,[["__scopeId","data-v-e9669bd2"]]),Ls={text:[{targetPath:"options.formatter",label:"内容",dataSource:"main"}],longText:[{targetPath:"options.formatter",label:"内容",dataSource:"main"},{targetPath:"options.styler",label:"样式",dataSource:"main"}],barcode:[{targetPath:"options.formatter",label:"内容",dataSource:"main"}],qrcode:[{targetPath:"options.formatter",label:"内容",dataSource:"main"}],image:[{targetPath:"options.src",label:"内容",dataSource:"main",placeholder:"输入图片路径,支持 /docfiles/... 相对路径、绝对 URL 或 {字段} 表达式"}],table:[]};function Ft(t,l,o,n){return t==="data"?[{targetPath:`options.tableRows[${l}].cells[${o}].formatter`,label:"内容",dataSource:"list",listField:n,placeholder:"{name}"}]:t==="subtotal"?[{targetPath:`options.tableRows[${l}].cells[${o}].formatter`,label:"内容",dataSource:"subtotal",placeholder:"{MONEY(SUM(amount))}"}]:t==="summary"?[{targetPath:`options.tableRows[${l}].cells[${o}].formatter`,label:"内容",dataSource:"summary",placeholder:"{MONEY(SUM(amount))}"}]:[{targetPath:`options.tableRows[${l}].cells[${o}].formatter`,label:"内容",dataSource:"main",placeholder:"合计: {order.total}"}]}function Ps(t){const l=t.printElementType.type,o=Ls[l]??[],n=[];if(l==="table"){const a=t.options.dataSource;for(const[r,i]of(t.options.tableRows??[]).entries())for(const[s,c]of i.cells.entries())c.merged||n.push(...Ft(i.type,r,s,a))}return[...o,...n]}const As={key:0,class:"prop-collapsed"},Is={class:"prop-head"},Rs={class:"pd-tabs prop-tabs"},Hs={class:"pd-tab-bar",role:"tablist"},Us={class:"pd-tab-pane",role:"tabpanel"},Fs={class:"property-content"},Os={key:1,class:"pd-empty"},Gs={class:"pd-tab-pane",role:"tabpanel"},qs={class:"pd-field"},Ws=["value"],Ks=["value"],Ys={key:0,class:"pd-field"},Xs={class:"custom-size-grid"},js={class:"pd-field"},Js={class:"pd-radio-group",role:"radiogroup"},Zs={class:"pd-radio"},Qs=["checked"],_s={class:"pd-radio"},ed=["checked"],td={class:"pd-field"},od={class:"page-bg-row"},nd={class:"margin-grid"},ld={class:"pd-field"},ad={class:"pd-field"},id={class:"pd-field"},rd={class:"pd-field"},sd={class:"pd-field"},dd={class:"pd-field"},cd={class:"pd-field"},ud=e.defineComponent({__name:"PropertyPanel",props:{element:{},templateData:{},fields:{},activeTab:{},tableSelection:{},recordHistory:{type:Function},collapsed:{type:Boolean}},emits:["delete-element","update:templateData","update:activeTab","toggle-collapse"],setup(t,{emit:l}){const o=t,n=l,a=tt,r=e.ref(""),i=e.computed(()=>o.element?["text","longText"].includes(o.element.printElementType.type):!1),s=e.computed(()=>o.element?o.element.printElementType.type==="image":!1),c=e.computed(()=>!o.element||o.element.printElementType.type!=="table"?!1:!!o.tableSelection&&o.tableSelection.elementId===o.element.id),u=e.computed(()=>o.element?o.element.printElementType.type==="table":!1),f=e.computed(()=>da(r.value)),v=e.computed(()=>f.value.groups),h=e.computed(()=>f.value.itemKeys),L=e.computed(()=>!!r.value.trim()),R=e.computed(()=>{if(!o.element)return[];if(o.element.printElementType.type==="table"&&o.tableSelection){const{r1:b,c1:k}=o.tableSelection,q=o.element.options.tableRows;if(q&&q[b]){const X=q[b],ue=o.element.options.fields?.[0]?.dataSource;return Ft(X.type,b,k,ue)}}return Ps(o.element)});function B(b){return b.split(".").flatMap(k=>{const q=k.match(/^([^\[]+)((?:\[\d+\])*)$/);if(!q)return[k];const X=q[1],ue=[...q[2].matchAll(/\[(\d+)\]/g)].map(ce=>Number(ce[1]));return[X,...ue]})}function $(b){return o.element?B(b).reduce((X,ue)=>X==null?"":X[ue],o.element)??"":""}function A(b,k){if(!o.element)return;const q=B(b),X=q.pop(),ue=q.reduce((ce,ke)=>((ce[ke]===void 0||ce[ke]===null)&&(ce[ke]={}),ce[ke]),o.element);ue[X]=k||void 0,o.recordHistory?.()}function Y(b){r.value=b}function j(b){o.element&&A("options.src",b)}const I=e.computed(()=>o.templateData?.paperSize||"A4"),G=e.computed(()=>o.templateData?.orientation||"portrait"),H=e.computed({get:()=>o.templateData?.pageBackground||"#ffffff",set:b=>se(b)}),T=e.computed(()=>o.templateData?.margins.top??10),C=e.computed(()=>o.templateData?.margins.bottom??10),S=e.computed(()=>o.templateData?.margins.left??10),x=e.computed(()=>o.templateData?.margins.right??10),D=e.computed(()=>o.templateData?.header.height??10),z=e.computed(()=>o.templateData?.footer.height??10),m=e.computed(()=>o.templateData?.firstPageOverlay.height??0),y=e.computed(()=>o.templateData?.customWidth??210),F=e.computed(()=>o.templateData?.customHeight??297);function K(b){o.templateData&&n("update:templateData",{...o.templateData,...b})}function J(b){if(b==="CUSTOM"){K({paperSize:"CUSTOM"});return}a[b]&&K({paperSize:b})}function te(b){K({orientation:String(b)})}function se(b){const k=b&&b.toLowerCase()!=="#ffffff"&&b.toLowerCase()!=="#fff"?b:void 0;K(k===void 0?{pageBackground:void 0}:{pageBackground:k})}function re(){K({pageBackground:void 0})}function ae(b){b!==void 0&&K({customWidth:b})}function _(b){b!==void 0&&K({customHeight:b})}function g(b){b!==void 0&&K({margins:{...o.templateData.margins,top:b}})}function d(b){b!==void 0&&K({margins:{...o.templateData.margins,bottom:b}})}function p(b){b!==void 0&&K({margins:{...o.templateData.margins,left:b}})}function E(b){b!==void 0&&K({margins:{...o.templateData.margins,right:b}})}function N(b){b!==void 0&&K({header:{...o.templateData.header,height:b}})}function P(b){b!==void 0&&K({footer:{...o.templateData.footer,height:b}})}function w(b){b!==void 0&&K({firstPageOverlay:{...o.templateData.firstPageOverlay,height:b}})}const V=e.computed(()=>o.activeTab||"page");function M(b){n("update:activeTab",b),n("toggle-collapse")}return(b,k)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["property-panel",{collapsed:t.collapsed}])},[t.collapsed?(e.openBlock(),e.createElementBlock("div",As,[e.createElementVNode("button",{class:"pc-btn",title:"展开属性台",onClick:k[0]||(k[0]=q=>M(V.value))},"«"),e.createElementVNode("button",{class:e.normalizeClass(["pc-btn",{on:V.value==="element"}]),title:"元素属性",onClick:k[1]||(k[1]=q=>M("element"))},"▦",2),e.createElementVNode("button",{class:e.normalizeClass(["pc-btn",{on:V.value==="page"}]),title:"页面属性",onClick:k[2]||(k[2]=q=>M("page"))},"▤",2)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",Is,[k[12]||(k[12]=e.createElementVNode("span",{class:"prop-title"},"属性台",-1)),e.createElementVNode("button",{class:"collapse-btn",title:"收起属性台",onClick:k[3]||(k[3]=q=>b.$emit("toggle-collapse"))},"»")]),e.createElementVNode("div",Rs,[e.createElementVNode("div",Hs,[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["pd-tab",{active:(t.activeTab||"page")==="element"}]),onClick:k[4]||(k[4]=q=>b.$emit("update:activeTab","element"))},"元素属性",2),e.createElementVNode("button",{type:"button",class:e.normalizeClass(["pd-tab",{active:(t.activeTab||"page")==="page"}]),onClick:k[5]||(k[5]=q=>b.$emit("update:activeTab","page"))},"页面属性",2)]),e.withDirectives(e.createElementVNode("div",Us,[t.element?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(ma,{onSearch:Y}),e.createElementVNode("div",Fs,[v.value.includes("position-size")&&!c.value?(e.openBlock(),e.createBlock(xa,{key:0,element:t.element,"matched-keys":h.value,searching:L.value},null,8,["element","matched-keys","searching"])):e.createCommentVNode("",!0),v.value.includes("appearance")?(e.openBlock(),e.createBlock(ti,{key:1,element:t.element,"is-text-type":i.value,"matched-keys":h.value,searching:L.value},null,8,["element","is-text-type","matched-keys","searching"])):e.createCommentVNode("",!0),v.value.includes("binding")?(e.openBlock(),e.createBlock(ye,{key:2,title:"内容",icon:"Document","default-expanded":"","group-key":"binding"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(R.value,q=>(e.openBlock(),e.createBlock(Ui,{key:q.targetPath,descriptor:q,fields:t.fields,"model-value":$(q.targetPath),"onUpdate:modelValue":X=>A(q.targetPath,X)},null,8,["descriptor","fields","model-value","onUpdate:modelValue"]))),128)),s.value?(e.openBlock(),e.createBlock(yr,{key:0,onSuccess:j})):e.createCommentVNode("",!0)]),_:1})):e.createCommentVNode("",!0),u.value&&t.tableSelection&&t.tableSelection.elementId===t.element.id?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[e.createVNode(Cr,{element:t.element,selection:t.tableSelection},null,8,["element","selection"]),e.createVNode(zs,{element:t.element,selection:t.tableSelection,fields:t.fields},null,8,["element","selection","fields"])],64)):e.createCommentVNode("",!0),u.value&&v.value.includes("content")?(e.openBlock(),e.createBlock(Ji,{key:4,element:t.element,fields:t.fields},null,8,["element","fields"])):e.createCommentVNode("",!0),v.value.includes("border-bg")?(e.openBlock(),e.createBlock(or,{key:5,element:t.element,"matched-keys":h.value,searching:L.value},null,8,["element","matched-keys","searching"])):e.createCommentVNode("",!0),v.value.includes("pagination")&&u.value?(e.openBlock(),e.createBlock(Nt,{key:6,element:t.element,"matched-keys":h.value,searching:L.value},null,8,["element","matched-keys","searching"])):e.createCommentVNode("",!0),v.value.includes("pagination")&&!u.value?(e.openBlock(),e.createBlock(Nt,{key:7,element:t.element,"matched-keys":h.value,searching:L.value},null,8,["element","matched-keys","searching"])):e.createCommentVNode("",!0),v.value.includes("advanced")?(e.openBlock(),e.createBlock(dr,{key:8,element:t.element,"matched-keys":h.value,searching:L.value,onDeleteElement:k[6]||(k[6]=q=>b.$emit("delete-element"))},null,8,["element","matched-keys","searching"])):e.createCommentVNode("",!0)])],64)):(e.openBlock(),e.createElementBlock("p",Os,"请在画布中选择一个元素"))],512),[[e.vShow,(t.activeTab||"page")==="element"]]),e.withDirectives(e.createElementVNode("div",Gs,[e.createElementVNode("form",{class:"pd-form",onSubmit:k[11]||(k[11]=e.withModifiers(()=>{},["prevent"]))},[k[28]||(k[28]=e.createElementVNode("h3",{class:"pd-divider"},"纸张设置",-1)),e.createElementVNode("div",qs,[k[14]||(k[14]=e.createElementVNode("span",{class:"pd-label"},"纸张尺寸",-1)),e.createElementVNode("select",{value:I.value,class:"pd-select",onChange:k[7]||(k[7]=q=>J(q.target.value)),style:{width:"100%"}},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(a),(q,X)=>(e.openBlock(),e.createElementBlock("option",{key:X,value:X},e.toDisplayString(X),9,Ks))),128)),k[13]||(k[13]=e.createElementVNode("option",{value:"CUSTOM"},"自定义",-1))],40,Ws)]),I.value==="CUSTOM"?(e.openBlock(),e.createElementBlock("div",Ys,[k[16]||(k[16]=e.createElementVNode("span",{class:"pd-label"},"自定义宽高 (mm)",-1)),e.createElementVNode("div",Xs,[e.createVNode(le,{"model-value":y.value,min:25,max:2e3,"onUpdate:modelValue":ae},null,8,["model-value"]),k[15]||(k[15]=e.createElementVNode("span",{class:"custom-size-x"},"×",-1)),e.createVNode(le,{"model-value":F.value,min:25,max:2e3,"onUpdate:modelValue":_},null,8,["model-value"])])])):e.createCommentVNode("",!0),e.createElementVNode("div",js,[k[19]||(k[19]=e.createElementVNode("span",{class:"pd-label"},"方向",-1)),e.createElementVNode("div",Js,[e.createElementVNode("label",Zs,[e.createElementVNode("input",{type:"radio",value:"portrait",checked:G.value==="portrait",onChange:k[8]||(k[8]=q=>te(q.target.value))},null,40,Qs),k[17]||(k[17]=e.createElementVNode("span",null,"纵向",-1))]),e.createElementVNode("label",_s,[e.createElementVNode("input",{type:"radio",value:"landscape",checked:G.value==="landscape",onChange:k[9]||(k[9]=q=>te(q.target.value))},null,40,ed),k[18]||(k[18]=e.createElementVNode("span",null,"横向",-1))])])]),e.createElementVNode("div",td,[k[20]||(k[20]=e.createElementVNode("span",{class:"pd-label"},"页面背景色",-1)),e.createElementVNode("div",od,[e.createVNode(be,{modelValue:H.value,"onUpdate:modelValue":k[10]||(k[10]=q=>H.value=q),class:"page-bg-picker"},null,8,["modelValue"]),e.createElementVNode("button",{type:"button",class:"pd-reset",title:"恢复为默认白色",onClick:re},"默认")])]),k[29]||(k[29]=e.createElementVNode("h3",{class:"pd-divider"},"页边距 (mm)",-1)),e.createElementVNode("div",nd,[e.createElementVNode("div",ld,[k[21]||(k[21]=e.createElementVNode("span",{class:"pd-label"},"上",-1)),e.createVNode(le,{"model-value":T.value,min:0,max:50,"onUpdate:modelValue":g},null,8,["model-value"])]),e.createElementVNode("div",ad,[k[22]||(k[22]=e.createElementVNode("span",{class:"pd-label"},"下",-1)),e.createVNode(le,{"model-value":C.value,min:0,max:50,"onUpdate:modelValue":d},null,8,["model-value"])]),e.createElementVNode("div",id,[k[23]||(k[23]=e.createElementVNode("span",{class:"pd-label"},"左",-1)),e.createVNode(le,{"model-value":S.value,min:0,max:50,"onUpdate:modelValue":p},null,8,["model-value"])]),e.createElementVNode("div",rd,[k[24]||(k[24]=e.createElementVNode("span",{class:"pd-label"},"右",-1)),e.createVNode(le,{"model-value":x.value,min:0,max:50,"onUpdate:modelValue":E},null,8,["model-value"])])]),k[30]||(k[30]=e.createElementVNode("h3",{class:"pd-divider"},"三区高度 (mm)",-1)),e.createElementVNode("div",sd,[k[25]||(k[25]=e.createElementVNode("span",{class:"pd-label"},"页眉高度",-1)),e.createVNode(le,{"model-value":D.value,min:0,max:100,step:.1,"onUpdate:modelValue":N},null,8,["model-value"])]),e.createElementVNode("div",dd,[k[26]||(k[26]=e.createElementVNode("span",{class:"pd-label"},"页脚高度",-1)),e.createVNode(le,{"model-value":z.value,min:0,max:100,step:.1,"onUpdate:modelValue":P},null,8,["model-value"])]),e.createElementVNode("div",cd,[k[27]||(k[27]=e.createElementVNode("span",{class:"pd-label"},"首页叠加高度",-1)),e.createVNode(le,{"model-value":m.value,min:0,max:200,"onUpdate:modelValue":w},null,8,["model-value"])])],32)],512),[[e.vShow,(t.activeTab||"page")==="page"]])])],64))],2))}}),md=Q(ud,[["__scopeId","data-v-93072c2b"]]),pd={class:"status-bar"},fd={key:0,class:"status-item coord"},vd={class:"status-item"},gd={class:"status-item"},hd={class:"status-item status-paper"},bd=e.defineComponent({__name:"StatusBar",props:{coordinate:{},scale:{},elementCount:{},selectedCount:{},paper:{},dirty:{type:Boolean}},setup(t){return(l,o)=>(e.openBlock(),e.createElementBlock("div",pd,[t.coordinate?(e.openBlock(),e.createElementBlock("span",fd," x:"+e.toDisplayString(t.coordinate.x.toFixed(1))+" y:"+e.toDisplayString(t.coordinate.y.toFixed(1))+"mm ",1)):e.createCommentVNode("",!0),e.createElementVNode("span",vd,"缩放 "+e.toDisplayString(t.scale)+"%",1),e.createElementVNode("span",gd,"元素 "+e.toDisplayString(t.elementCount)+e.toDisplayString(t.selectedCount?` (选中 ${t.selectedCount})`:""),1),e.createElementVNode("span",{class:e.normalizeClass(["status-dirty",{on:t.dirty}])},[o[0]||(o[0]=e.createElementVNode("span",{class:"dirty-dot"},null,-1)),e.createTextVNode(e.toDisplayString(t.dirty?"未保存":"已保存"),1)],2),e.createElementVNode("span",hd,e.toDisplayString(t.paper),1)]))}}),yd=Q(bd,[["__scopeId","data-v-eb34e9a7"]]),kd={id:"getting-started",title:"快速入门",content:`
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),w=require("@worm-vue3-print/core/designer"),_e=require("jsbarcode"),et=require("qrcode"),ft=require("dompurify"),Pe=require("@worm-vue3-print/core/browser"),tt=Symbol("selected-ids"),ot=Symbol("preview-ids");function gt(o){const r=e.ref(new Set),t=e.ref(new Set),n=e.computed(()=>o.value.filter(C=>r.value.has(C.id))),l=e.computed(()=>r.value.size>0);function i(C,I=!1){if(I){const O=new Set(r.value);O.has(C)?O.delete(C):O.add(C),r.value=O}else r.value=new Set([C])}function a(){r.value=new Set}function c(C){r.value=new Set(C)}function h(C){t.value=new Set(C)}function u(){t.value=new Set}function f(){r.value=new Set(t.value),t.value=new Set}function E(){const C=n.value;if(C.length===0)return null;let I=1/0,O=1/0,z=-1/0,S=-1/0;return C.forEach(U=>{I=Math.min(I,U.options.left),O=Math.min(O,U.options.top),z=Math.max(z,U.options.left+U.options.width),S=Math.max(S,U.options.top+U.options.height)}),{left:I,top:O,width:z-I,height:S-O}}return{selectedIds:r,selectedElements:n,hasSelection:l,select:i,clearSelection:a,selectAll:c,getSelectionBounds:E,previewIds:t,setPreview:h,clearPreview:u,commitPreview:f}}function ht(){const o=e.ref(null);function r(l){o.value=l.map(i=>({options:{...i.options},printElementType:{...i.printElementType}}))}function t(l=10){return o.value?o.value.map(i=>({id:w.generateId(),options:{...i.options,left:i.options.left+l,top:i.options.top+l},printElementType:{...i.printElementType}})):null}function n(){return o.value!==null&&o.value.length>0}return{clipboard:o,copy:r,paste:t,hasData:n}}function bt(o){const t=e.ref([]),n=e.ref([]),l=e.ref(!1),i=e.ref(!1);function a(){l.value=t.value.length>0,i.value=n.value.length>0}function c(I){return{elements:JSON.parse(JSON.stringify(I?.elements??[])),templateData:JSON.parse(JSON.stringify(I?.templateData??{}))}}function h(I){return c(I)}function u(I){t.value.push(h(I)),n.value=[],t.value.length>50&&t.value.shift(),a()}function f(I){if(t.value.length===0)return null;const O=t.value.pop();return n.value.push(I?h(I):c(O)),a(),t.value.length>0?c(t.value[t.value.length-1]):null}function E(I){if(n.value.length===0)return null;const O=n.value.pop();return t.value.push(I?h(I):c(O)),a(),c(O)}function C(){t.value=[],n.value=[],a()}return{push:u,undo:f,redo:E,canUndo:l,canRedo:i,clear:C}}function nt(){return{paperSize:"A4",orientation:"portrait",unit:"mm",margins:{top:10,right:10,bottom:10,left:10},header:{height:10,elements:[]},footer:{height:10,elements:[]},firstPageOverlay:{height:0,elements:[]},elements:[],watermark:{}}}function Ue(o){const r=(t,n)=>(t??[]).map(l=>{const i={...l.options};return(l.printElementType?.type??l.type)==="table"&&w.syncTableElementSize(i),{id:l.id||w.generateId(),zone:n,options:i,printElementType:{...l.printElementType}}});return{...o,margins:{...o.margins},header:{height:o.header?.height??10,elements:[]},footer:{height:o.footer?.height??10,elements:[]},firstPageOverlay:{height:o.firstPageOverlay?.height??0,elements:[...o.firstPageOverlay?.elements??[]]},guides:[...o.guides??[]],elements:[...r(o.elements??[],"content"),...r(o.header?.elements??[],"header"),...r(o.footer?.elements??[],"footer")]}}function yt(o={}){const r=e.ref(100),t=e.ref(!0),n=e.ref(!0),l=e.ref(!1),i=e.ref(!0),a=e.ref(Ue(o.initialTemplate||nt())),c=e.computed({get:()=>a.value.elements,set:G=>{a.value.elements=G}}),h=e.ref(o.initialFields||[]),{selectedIds:u,selectedElements:f,select:E,clearSelection:C,selectAll:I,previewIds:O,setPreview:z,clearPreview:S,commitPreview:U}=gt(c),{group:K,ungroup:Z}=w.useGroup(),{copy:W,paste:Q,hasData:_}=ht(),{align:N}=w.useAlign(),{push:$,undo:M,redo:P,canUndo:x,canRedo:D}=bt(),s=e.computed(()=>{if(u.value.size===0)return null;const G=u.value.values().next().value;return c.value.find(te=>te.id===G)||null}),V=e.ref(null);function F(G){V.value=G}function Y(){return{elements:c.value.map(G=>({id:G.id,zone:G.zone,options:JSON.parse(JSON.stringify(G.options)),printElementType:{...G.printElementType}})),templateData:{paperSize:a.value.paperSize,orientation:a.value.orientation,margins:{...a.value.margins},header:{height:a.value.header.height,elements:[]},footer:{height:a.value.footer.height,elements:[]},firstPageOverlay:{height:a.value.firstPageOverlay.height,elements:[]},elements:[],customWidth:a.value.customWidth,customHeight:a.value.customHeight,watermark:a.value.watermark?{...a.value.watermark}:void 0,guides:[...a.value.guides??[]]}}}function j(){$(Y())}function ee(){const G=M(Y());G?.templateData&&(a.value={...G.templateData,elements:G.elements})}function ue(){const G=P(Y());G?.templateData&&(a.value={...G.templateData,elements:G.elements})}function oe(){W(f.value)}function se(){W(f.value),A()}function ae(){const G=Q();G&&G.length>0&&(c.value.push(...G),j())}function L(){W(f.value);const G=Q();G&&G.length>0&&(G.forEach(te=>{te.options.left+=5,te.options.top+=5}),c.value.push(...G),E(G[0].id,!1),j())}function p(){r.value=100}const k=e.computed(()=>_());let B=!1,T=null;const g=300;function d(G,te){const X=f.value.filter(ne=>!ne.options.locked);X.length!==0&&(X.forEach(ne=>{ne.options.left+=G,ne.options.top+=te}),B||(B=!0,j()),T&&clearTimeout(T),T=setTimeout(()=>{B=!1,T=null},g))}function m(){I(c.value.map(G=>G.id))}function y(G){N(f.value,G),j()}function v(){c.value=K(c.value,u.value),j()}function b(){c.value=Z(c.value,u.value),j()}function A(){u.value.size!==0&&(c.value=c.value.filter(G=>!u.value.has(G.id)),C(),j())}const{setup:q,cleanup:de}=w.useKeyboard({onMove:d,onDelete:A,onCopy:oe,onPaste:ae,onSelectAll:m,onUndo:ee,onRedo:ue,onDuplicate:L,onResetZoom:p,onAlignLeft:()=>y("left"),onAlignRight:()=>y("right"),onAlignCenterH:()=>y("vertical"),onAlignTop:()=>y("top"),onAlignBottom:()=>y("bottom"),onGroup:v,onUngroup:b});let re=null;function me(){re=Y()}function ve(){if(!re)return;const G=new Map(re.elements.map(ce=>[ce.id,ce]));let te=!1;for(const ce of c.value){const ye=G.get(ce.id);if(!ye)continue;(ye.options.left!==ce.options.left||ye.options.top!==ce.options.top||ye.options.width!==ce.options.width||ye.options.height!==ce.options.height)&&w.finalizeElementZone(ce,a.value).rejected&&(te=!0)}te&&alert("该元素类型不能放入页眉/页脚");const X=ce=>`${ce.id}:${ce.zone||"content"}:${ce.options.left},${ce.options.top},${ce.options.width},${ce.options.height}`,ne=re.elements.map(X).join("|"),be=Y().elements.map(X).join("|");re=null,ne!==be&&j()}function fe(G,te){const X=w.zoneFromPaperPoint(a.value,te.x,te.y);if(X!=="content"&&!w.ZONE_ALLOWED_TYPES.includes(G.printElementType.type))return alert("该元素类型不能放入页眉/页脚"),!1;const ne=w.getZoneRects(a.value)[X];return G.zone=X,G.options.left=te.x-ne.left,G.options.top=te.y-ne.top,X!=="content"&&w.clampToZone(G,ne),!0}function ge(G,te){const X=w.createRuntimeElement(G);te&&!fe(X,te)||(c.value.push(X),E(X.id,!1),j())}function he(G,te){const X=w.createFieldElement(G);te&&!fe(X,te)||(c.value.push(X),E(X.id,!1),j())}function we(G){if(u.value.size===0)return;const te=u.value.values().next().value,X=c.value.find(Ve=>Ve.id===te);if(!X)return;const ne=X.options.zIndex??0,be=c.value.map(Ve=>Ve.options.zIndex??0),ce=Math.max(...be,0),ye=Math.min(...be,0);switch(G){case"top":X.options.zIndex=ce+1;break;case"bottom":X.options.zIndex=ye-1;break;case"up":X.options.zIndex=ne+1;break;case"down":X.options.zIndex=ne-1;break}j()}function Ne(G,te){const{width:X,height:ne}=w.getPaperDimensions(a.value),be=96/25.4;r.value=w.computeFitScale(G,te,X*be,ne*be)}function De(G){a.value={...G},j()}function Re(){const G=c.value,te=X=>G.filter(ne=>(ne.zone||"content")===X).map(ne=>({id:ne.id,type:ne.printElementType.type,options:{...ne.options},printElementType:{...ne.printElementType}}));return{unit:"mm",...a.value,header:{...a.value.header,elements:te("header")},footer:{...a.value.footer,elements:te("footer")},firstPageOverlay:{...a.value.firstPageOverlay,elements:a.value.firstPageOverlay.elements.map(X=>({id:X.id||w.generateId(),type:X.printElementType?.type||"text",options:{...X.options},printElementType:{...X.printElementType}}))},elements:te("content"),guides:[...a.value.guides??[]]}}function Ie(G,te){const X=w.normalizeTemplateUnits(G);a.value=Ue(X),te&&(a.value={...a.value,elements:te.map(ne=>({...ne,id:ne.id||w.generateId(),zone:ne.zone||"content",options:{...ne.options},printElementType:{...ne.printElementType}}))}),$(Y())}return $(Y()),e.onMounted(()=>q()),e.onUnmounted(()=>{de(),T&&(clearTimeout(T),T=null)}),{scale:r,showRuler:t,showGrid:n,snapToGrid:l,showTableGhostBorder:i,templateData:a,elements:c,fields:h,selectedIds:u,selectedElements:f,selectedElement:s,select:E,clearSelection:C,selectAll:m,previewIds:O,setPreview:z,clearPreview:S,commitPreview:U,hasClipboard:k,copy:oe,paste:ae,cutSelected:se,tableSelection:V,setTableSelection:F,canUndo:x,canRedo:D,undo:ee,redo:ue,recordHistory:j,alignSelected:y,groupSelected:v,ungroupSelected:b,deleteSelected:A,duplicateSelected:L,resetZoom:p,dragStart:me,dragStop:ve,addElement:ge,addFieldElement:he,moveLayer:we,fitToWindow:Ne,updateTemplateData:De,getTemplateJson:Re,loadTemplate:Ie}}let qe=0;function Et(){return qe+=1,`guide-${qe}`}function kt(o,r){const t=e.computed(()=>o.value.guides??[]);function n(h){o.value={...o.value,guides:h([...o.value.guides??[]])},r()}function l(h,u){n(f=>(f.push({type:h,position:u,id:Et()}),f))}function i(h,u){n(f=>f.map(E=>E.id===h?{...E,position:u}:E))}function a(h){n(u=>u.filter(f=>f.id!==h))}function c(){const h=[],u=[];for(const f of t.value)f.type==="vertical"?h.push(f.position):u.push(f.position);return{vertical:h,horizontal:u}}return{guides:t,addGuide:l,moveGuide:i,removeGuide:a,getGuidePositions:c}}const Te=Symbol("table-edit"),Ge=Symbol("print-upload-image"),Vt=e.defineComponent({__name:"HelpButton",emits:["click"],setup(o){return(r,t)=>(e.openBlock(),e.createElementBlock("button",{class:"help-button",title:"帮助文档",onClick:t[0]||(t[0]=n=>r.$emit("click"))},[...t[1]||(t[1]=[e.createElementVNode("span",{class:"help-icon"},"?",-1)])]))}}),J=(o,r)=>{const t=o.__vccOpts||o;for(const[n,l]of r)t[n]=l;return t},wt=J(Vt,[["__scopeId","data-v-80ccab03"]]),Nt={class:"designer-toolbar"},Ct={class:"tb-group"},St={class:"tb-title"},Bt={class:"tb-title-name"},$t={class:"tb-group"},xt=["disabled"],Tt=["disabled"],Dt={key:0,class:"tb-group"},Mt={key:1,class:"tb-group"},zt={key:2,class:"tb-group"},Lt={key:3,class:"tb-group"},Pt={class:"tb-group"},Rt={class:"tb-zoom"},It={key:4,class:"tb-group"},At={class:"tb-group"},Ht={class:"tb-group"},Ft=e.defineComponent({__name:"DesignerToolbar",props:e.mergeModels({isEdit:{type:Boolean},canUndo:{type:Boolean},canRedo:{type:Boolean},hasMultiSelection:{type:Boolean},hasSelection:{type:Boolean},showRuler:{type:Boolean,default:!0},showGrid:{type:Boolean},snapToGrid:{type:Boolean},showTableGhostBorder:{type:Boolean},selectedElementHasGroup:{type:Boolean},overlayVisible:{type:Boolean},showLoadDefault:{type:Boolean},showHelp:{type:Boolean,default:!0}},{scale:{default:100},scaleModifiers:{}}),emits:e.mergeModels(["preview","save","load-default","undo","redo","align","move-layer","toggle-ruler","toggle-grid","toggle-snap","toggle-table-ghost-border","toggle-overlay","group","ungroup","add-overlay-element","fit-window","zoom","help"],["update:scale"]),setup(o){const r=e.useModel(o,"scale");return(t,n)=>(e.openBlock(),e.createElementBlock("div",Nt,[e.createElementVNode("div",Ct,[n[30]||(n[30]=e.createStaticVNode('<span class="tb-mark" aria-hidden="true" data-v-e6d10b59><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-v-e6d10b59><rect x="5" y="3" width="14" height="18" rx="2.5" data-v-e6d10b59></rect><line x1="8.5" y1="8.5" x2="15.5" y2="8.5" data-v-e6d10b59></line><line x1="8.5" y1="12.5" x2="15.5" y2="12.5" data-v-e6d10b59></line><line x1="8.5" y1="16.5" x2="12.5" y2="16.5" data-v-e6d10b59></line></svg></span>',1)),e.createElementVNode("div",St,[e.createElementVNode("span",Bt,e.toDisplayString(o.isEdit?"编辑模板":"新建模板"),1),n[29]||(n[29]=e.createElementVNode("span",{class:"tb-title-sub"},"打印模板设计器",-1))])]),e.createElementVNode("div",$t,[e.createElementVNode("button",{class:"tb-btn tb-icon",disabled:!o.canUndo,onClick:n[0]||(n[0]=l=>t.$emit("undo")),"data-tip":"撤销"},"↶",8,xt),e.createElementVNode("button",{class:"tb-btn tb-icon",disabled:!o.canRedo,onClick:n[1]||(n[1]=l=>t.$emit("redo")),"data-tip":"重做"},"↷",8,Tt)]),o.hasMultiSelection?(e.openBlock(),e.createElementBlock("div",Dt,[e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[2]||(n[2]=l=>t.$emit("align","left")),title:"左对齐"},"⇤"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[3]||(n[3]=l=>t.$emit("align","right")),title:"右对齐"},"⇥"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[4]||(n[4]=l=>t.$emit("align","top")),title:"顶对齐"},"⇡"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[5]||(n[5]=l=>t.$emit("align","bottom")),title:"底对齐"},"⇣"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[6]||(n[6]=l=>t.$emit("align","vertical")),title:"水平居中"},"↔"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[7]||(n[7]=l=>t.$emit("align","horizontal")),title:"垂直居中"},"↕"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[8]||(n[8]=l=>t.$emit("align","distributeHor")),title:"水平分布"},"⇔"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[9]||(n[9]=l=>t.$emit("align","distributeVer")),title:"垂直分布"},"⇕")])):e.createCommentVNode("",!0),o.hasMultiSelection?(e.openBlock(),e.createElementBlock("div",Mt,[e.createElementVNode("button",{class:"tb-btn",onClick:n[10]||(n[10]=l=>t.$emit("group")),title:"组合"},"组合")])):e.createCommentVNode("",!0),!o.hasMultiSelection&&o.selectedElementHasGroup?(e.openBlock(),e.createElementBlock("div",zt,[e.createElementVNode("button",{class:"tb-btn",onClick:n[11]||(n[11]=l=>t.$emit("ungroup")),title:"取消组合"},"取消组合")])):e.createCommentVNode("",!0),o.hasSelection?(e.openBlock(),e.createElementBlock("div",Lt,[e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[12]||(n[12]=l=>t.$emit("move-layer","top")),"data-tip":"置顶"},"⤒"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[13]||(n[13]=l=>t.$emit("move-layer","up")),"data-tip":"上移一层"},"↑"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[14]||(n[14]=l=>t.$emit("move-layer","down")),"data-tip":"下移一层"},"↓"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[15]||(n[15]=l=>t.$emit("move-layer","bottom")),"data-tip":"置底"},"⤓")])):e.createCommentVNode("",!0),e.createElementVNode("div",Pt,[e.createElementVNode("button",{class:e.normalizeClass(["tb-btn",{on:o.showRuler}]),"data-tip":"显示/隐藏标尺",onClick:n[16]||(n[16]=l=>t.$emit("toggle-ruler"))},[...n[31]||(n[31]=[e.createElementVNode("span",{class:"dot"},null,-1),e.createTextVNode(" 标尺 ",-1)])],2),e.createElementVNode("button",{class:e.normalizeClass(["tb-btn",{on:o.showGrid}]),"data-tip":"显示/隐藏网格背景",onClick:n[17]||(n[17]=l=>t.$emit("toggle-grid"))},[...n[32]||(n[32]=[e.createElementVNode("span",{class:"dot"},null,-1),e.createTextVNode(" 网格 ",-1)])],2),e.createElementVNode("button",{class:e.normalizeClass(["tb-btn",{on:o.showTableGhostBorder}]),"data-tip":"显示/隐藏无边框表格的虚拟虚线",onClick:n[18]||(n[18]=l=>t.$emit("toggle-table-ghost-border"))},[...n[33]||(n[33]=[e.createElementVNode("span",{class:"dot"},null,-1),e.createTextVNode(" 虚框 ",-1)])],2),e.createElementVNode("button",{class:e.normalizeClass(["tb-btn",{on:o.snapToGrid}]),"data-tip":"开启/关闭元素吸附到网格",onClick:n[19]||(n[19]=l=>t.$emit("toggle-snap"))},[...n[34]||(n[34]=[e.createElementVNode("span",{class:"dot"},null,-1),e.createTextVNode(" 吸附 ",-1)])],2),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[20]||(n[20]=l=>t.$emit("fit-window")),"data-tip":"适应窗口"},"⤢"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[21]||(n[21]=l=>t.$emit("zoom",-10)),"data-tip":"缩小"},"−"),e.createElementVNode("span",Rt,e.toDisplayString(r.value)+"%",1),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[22]||(n[22]=l=>t.$emit("zoom",10)),"data-tip":"放大"},"+")]),n[35]||(n[35]=e.createElementVNode("div",{class:"tb-spacer"},null,-1)),o.showHelp?(e.openBlock(),e.createElementBlock("div",It,[e.createVNode(wt,{onClick:n[23]||(n[23]=l=>t.$emit("help"))})])):e.createCommentVNode("",!0),e.createElementVNode("div",At,[e.createElementVNode("button",{class:"tb-btn",onClick:n[24]||(n[24]=l=>t.$emit("add-overlay-element"))},"首页专属"),e.createElementVNode("button",{class:e.normalizeClass(["tb-btn",{warn:o.overlayVisible}]),onClick:n[25]||(n[25]=l=>t.$emit("toggle-overlay"))},"叠层对比",2)]),e.createElementVNode("div",Ht,[o.showLoadDefault?(e.openBlock(),e.createElementBlock("button",{key:0,class:"btn-secondary",onClick:n[26]||(n[26]=l=>t.$emit("load-default"))},"加载默认布局")):e.createCommentVNode("",!0),e.createElementVNode("button",{class:"btn-secondary",onClick:n[27]||(n[27]=l=>t.$emit("preview"))},"预览"),e.createElementVNode("button",{class:"btn-primary",onClick:n[28]||(n[28]=l=>t.$emit("save"))},"保存")])]))}}),Ut=J(Ft,[["__scopeId","data-v-e6d10b59"]]),Gt={class:"layer-panel"},Ot=["onClick"],Wt={class:"layer-icon"},qt={class:"layer-name"},Kt={key:0,class:"layer-zone"},Yt={class:"layer-zindex"},jt={key:0,class:"layer-actions"},Xt=e.defineComponent({__name:"LayerPanel",props:{elements:{},selectedIds:{}},emits:["select","move-layer"],setup(o){const r=o,t=e.computed(()=>[...r.elements].sort((c,h)=>(h.options.zIndex??0)-(c.options.zIndex??0))),n={text:"T",longText:"¶",table:"⊞",image:"🖼",barcode:"≡",qrcode:"▣",hline:"—",vline:"|",rect:"□",oval:"○",html:"<>"};function l(c){return n[c.printElementType.type]||"?"}function i(c){return c.options.title||c.printElementType.title||c.printElementType.type}function a(c){return c.zone==="header"?"页眉":c.zone==="footer"?"页脚":""}return(c,h)=>(e.openBlock(),e.createElementBlock("div",Gt,[h[4]||(h[4]=e.createElementVNode("div",{class:"panel-title"},"图层",-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,u=>(e.openBlock(),e.createElementBlock("div",{key:u.id,class:e.normalizeClass(["layer-item",{active:o.selectedIds.has(u.id)}]),onClick:f=>c.$emit("select",u.id,!1)},[e.createElementVNode("span",Wt,e.toDisplayString(l(u)),1),e.createElementVNode("span",qt,e.toDisplayString(i(u)),1),a(u)?(e.openBlock(),e.createElementBlock("span",Kt,e.toDisplayString(a(u)),1)):e.createCommentVNode("",!0),e.createElementVNode("span",Yt,"z:"+e.toDisplayString(u.options.zIndex??0),1)],10,Ot))),128)),t.value.length>0?(e.openBlock(),e.createElementBlock("div",jt,[e.createElementVNode("button",{type:"button",class:"pd-button small",onClick:h[0]||(h[0]=u=>c.$emit("move-layer","top")),title:"置顶"}," ⤒ "),e.createElementVNode("button",{type:"button",class:"pd-button small",onClick:h[1]||(h[1]=u=>c.$emit("move-layer","up")),title:"上移"}," ↑ "),e.createElementVNode("button",{type:"button",class:"pd-button small",onClick:h[2]||(h[2]=u=>c.$emit("move-layer","down")),title:"下移"}," ↓ "),e.createElementVNode("button",{type:"button",class:"pd-button small",onClick:h[3]||(h[3]=u=>c.$emit("move-layer","bottom")),title:"置底"}," ⤓ ")])):e.createCommentVNode("",!0)]))}}),Zt=J(Xt,[["__scopeId","data-v-f7a10482"]]),Jt={class:"field-tree-panel"},Qt={class:"tree-container"},_t=["onClick"],eo={class:"expand-icon"},to={class:"node-icon"},oo={class:"group-label"},no=["onDragstart"],lo={class:"node-label"},ao={class:"node-key"},io={key:0,class:"pd-empty"},ro=e.defineComponent({__name:"FieldTreePanel",props:{fields:{}},emits:["field-drag"],setup(o,{emit:r}){const t=o,n=r,l=e.ref(""),i=e.ref(new Set),a=e.computed(()=>!!l.value.trim()),c=e.computed(()=>w.filterGroups(w.groupFields(t.fields),l.value));function h(f){const E=new Set(i.value);E.has(f)?E.delete(f):E.add(f),i.value=E}function u(f,E){f.dataTransfer?.setData("fieldData",JSON.stringify({fieldKey:E.fieldKey,fieldLabel:E.fieldLabel})),f.dataTransfer&&(f.dataTransfer.effectAllowed="copy"),n("field-drag",E)}return(f,E)=>(e.openBlock(),e.createElementBlock("div",Jt,[E[2]||(E[2]=e.createElementVNode("div",{class:"panel-title"},"业务字段",-1)),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":E[0]||(E[0]=C=>l.value=C),class:"pd-input search-input",type:"search",placeholder:"搜索字段...","aria-label":"搜索字段"},null,512),[[e.vModelText,l.value]]),e.createElementVNode("div",Qt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,C=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:C.key||"_top"},[C.key?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["field-group-header",{"is-list":C.isList}]),onClick:I=>h(C.key)},[e.createElementVNode("span",eo,e.toDisplayString(i.value.has(C.key)&&!a.value?"▶":"▼"),1),e.createElementVNode("span",to,e.toDisplayString(C.isList?"📋":"📁"),1),e.createElementVNode("span",oo,e.toDisplayString(C.label),1)],10,_t)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(C.fields,I=>(e.openBlock(),e.createElementBlock("div",{key:I.fieldKey,class:"field-row",draggable:"true",style:e.normalizeStyle({paddingLeft:(C.key?22:8)+"px"}),onDragstart:O=>u(O,I)},[E[1]||(E[1]=e.createElementVNode("span",{class:"node-icon"},"📄",-1)),e.createElementVNode("span",lo,e.toDisplayString(I.fieldLabel),1),e.createElementVNode("span",ao,"("+e.toDisplayString(I.fieldKey)+")",1)],44,no))),128))],512),[[e.vShow,!C.key||a.value||!i.value.has(C.key)]])],64))),128))]),c.value.length===0?(e.openBlock(),e.createElementBlock("p",io,"暂无字段")):e.createCommentVNode("",!0)]))}}),so=J(ro,[["__scopeId","data-v-9b326f07"]]),co={key:0,class:"left-collapsed"},uo={class:"left-head"},mo={class:"pd-tabs left-tabs"},po={class:"pd-tab-bar",role:"tablist"},vo={class:"pd-tab-pane",role:"tabpanel"},fo=["onDragstart"],go={class:"material-icon"},ho={class:"material-label"},bo={class:"pd-tab-pane",role:"tabpanel"},yo={class:"pd-tab-pane",role:"tabpanel"},Eo=e.defineComponent({__name:"LeftPanel",props:{fields:{},elements:{},selectedIds:{},collapsed:{type:Boolean}},emits:["select","move-layer","toggle-visible","toggle-locked","field-drag","toggle-collapse"],setup(o,{emit:r}){const t=r,n=e.ref("elements"),l=[{type:"text",label:"文本",icon:"T"},{type:"barcode",label:"条形码",icon:"▍▍"},{type:"qrcode",label:"二维码",icon:"▦"},{type:"image",label:"图片",icon:"▧"},{type:"table",label:"表格",icon:"⊞"},{type:"longText",label:"长文",icon:"¶"},{type:"hline",label:"横线",icon:"―"},{type:"vline",label:"竖线",icon:"│"},{type:"rect",label:"矩形",icon:"▭"},{type:"oval",label:"椭圆",icon:"◯"},{type:"html",label:"HTML",icon:"<>"}];function i(h,u){h.dataTransfer?.setData("elementType",u)}function a(h){t("field-drag",h)}function c(h){n.value=h,t("toggle-collapse")}return(h,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["left-panel",{collapsed:o.collapsed}])},[o.collapsed?(e.openBlock(),e.createElementBlock("div",co,[e.createElementVNode("button",{class:"lc-btn",title:"展开素材台",onClick:u[0]||(u[0]=f=>c(n.value))},"»"),e.createElementVNode("button",{class:e.normalizeClass(["lc-btn",{on:n.value==="elements"}]),title:"元素",onClick:u[1]||(u[1]=f=>c("elements"))},"▦",2),e.createElementVNode("button",{class:e.normalizeClass(["lc-btn",{on:n.value==="fields"}]),title:"字段",onClick:u[2]||(u[2]=f=>c("fields"))},"⊛",2),e.createElementVNode("button",{class:e.normalizeClass(["lc-btn",{on:n.value==="layers"}]),title:"图层",onClick:u[3]||(u[3]=f=>c("layers"))},"≡",2)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",uo,[u[12]||(u[12]=e.createElementVNode("span",{class:"left-title"},"素材台",-1)),e.createElementVNode("button",{class:"collapse-btn",title:"收起素材台",onClick:u[4]||(u[4]=f=>h.$emit("toggle-collapse"))},"«")]),e.createElementVNode("div",mo,[e.createElementVNode("div",po,[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["pd-tab",{active:n.value==="elements"}]),onClick:u[5]||(u[5]=f=>n.value="elements")},"元素",2),e.createElementVNode("button",{type:"button",class:e.normalizeClass(["pd-tab",{active:n.value==="fields"}]),onClick:u[6]||(u[6]=f=>n.value="fields")},"字段",2),e.createElementVNode("button",{type:"button",class:e.normalizeClass(["pd-tab",{active:n.value==="layers"}]),onClick:u[7]||(u[7]=f=>n.value="layers")},"图层",2)]),e.withDirectives(e.createElementVNode("div",vo,[u[13]||(u[13]=e.createElementVNode("div",{class:"panel-title"},"拖拽元素到画布",-1)),(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(l,f=>e.createElementVNode("div",{key:f.type,class:"material-card",draggable:"true",onDragstart:E=>i(E,f.type)},[e.createElementVNode("span",go,e.toDisplayString(f.icon),1),e.createElementVNode("span",ho,e.toDisplayString(f.label),1)],40,fo)),64))],512),[[e.vShow,n.value==="elements"]]),e.withDirectives(e.createElementVNode("div",bo,[e.createVNode(so,{fields:o.fields,onFieldDrag:a},null,8,["fields"])],512),[[e.vShow,n.value==="fields"]]),e.withDirectives(e.createElementVNode("div",yo,[e.createVNode(Zt,{elements:o.elements,"selected-ids":o.selectedIds,onSelect:u[8]||(u[8]=(f,E)=>h.$emit("select",f,E)),onMoveLayer:u[9]||(u[9]=f=>h.$emit("move-layer",f)),onToggleVisible:u[10]||(u[10]=f=>h.$emit("toggle-visible",f)),onToggleLocked:u[11]||(u[11]=f=>h.$emit("toggle-locked",f))},null,8,["elements","selected-ids"])],512),[[e.vShow,n.value==="layers"]])])],64))],2))}}),ko=J(Eo,[["__scopeId","data-v-15dad0f0"]]);function Vo(o,r){const t=e.ref(!1),n=e.ref(null);let l=0,i=0,a=0,c=0,h=!1;function u(z){if(r.disabled)return;const S=z.target;if(!(S instanceof HTMLElement)||S.classList.contains("resize-handle"))return;t.value=!0,h=z.altKey,l=z.clientX,i=z.clientY;const U=o.value;U&&(a=parseFloat(U.style.left)||0,c=parseFloat(U.style.top)||0,n.value={left:a,top:c,width:parseFloat(U.style.width)||0,height:parseFloat(U.style.height)||0},r.onStart?.({altKey:h}),document.addEventListener("mousemove",E),document.addEventListener("mouseup",C),z.preventDefault())}function f(z){const S=r.getScale?.()??1;let U=a+(z.clientX-l)/S,K=c+(z.clientY-i)/S;if(r.axis==="x"&&(K=c),r.axis==="y"&&(U=a),r.onAdsorb){const Z=o.value;if(Z){const W=parseFloat(Z.style.width)||0,Q=parseFloat(Z.style.height)||0,_=r.onAdsorb({left:U,top:K,width:W,height:Q});U=_.left,K=_.top}}return{left:U,top:K}}function E(z){const S=f(z);n.value&&(n.value.left=S.left,n.value.top=S.top),r.onDrag(S)}function C(z){t.value=!1;const S=f(z);r.onDragEnd?.(S,{altKey:h}),r.onStop?.(),n.value=null,document.removeEventListener("mousemove",E),document.removeEventListener("mouseup",C)}function I(){const z=o.value;z&&z.removeEventListener("mousedown",u),document.removeEventListener("mousemove",E),document.removeEventListener("mouseup",C)}function O(){I();const z=o.value;z&&z.addEventListener("mousedown",u)}return{isDragging:t,dragPreview:n,setup:O,cleanup:I}}const wo=e.defineComponent({__name:"TextElement",props:{element:{},data:{},designMode:{type:Boolean}},setup(o){const r=o,t={top:"flex-start",middle:"center",bottom:"flex-end"},n={left:"flex-start",center:"center",right:"flex-end"},l=e.computed(()=>{const a=r.element.options;return{fontSize:(a.fontSize||12)+"pt",fontWeight:a.fontWeight||"normal",fontFamily:a.fontFamily||"inherit",color:a.color||"#333",backgroundColor:a.backgroundColor||"transparent",textAlign:a.textAlign||"left",lineHeight:a.lineHeight?a.lineHeight+"pt":"normal",letterSpacing:a.letterSpacing?a.letterSpacing+"pt":"normal",textDecoration:a.textDecoration||"none",padding:`${a.contentPaddingTop||0}pt ${a.contentPaddingRight||0}pt ${a.contentPaddingBottom||0}pt ${a.contentPaddingLeft||0}pt`,width:"100%",height:"100%",boxSizing:"border-box",overflow:"hidden",...a.verticalAlign?{display:"flex",alignItems:t[a.verticalAlign]??"flex-start",justifyContent:n[a.textAlign||"left"]??"flex-start"}:{}}}),i=e.computed(()=>r.designMode?r.element.options.testData?r.element.options.testData:r.element.options.formatter||"文本":w.resolveTextBinding(r.element.options,r.data));return(a,c)=>(e.openBlock(),e.createElementBlock("div",{class:"print-text",style:e.normalizeStyle(l.value)},e.toDisplayString(i.value),5))}}),No={class:"print-image"},Co=["src"],So={key:1,class:"image-placeholder"},Bo=e.defineComponent({__name:"ImageElement",props:{element:{},data:{},designMode:{type:Boolean}},setup(o){const r=o,t=e.computed(()=>{const a=r.element.options.src||"";return a?a.includes("{")?r.designMode?w.evaluateTemplate(a,w.DEFAULT_DEMO_DATA):w.evaluateTemplate(a,r.data?.[0]||{}):a:""}),n=e.ref(!1);function l(){n.value=!0}e.watch(t,()=>{n.value=!1});const i=e.computed(()=>({objectFit:r.element.options.fit||"contain"}));return(a,c)=>(e.openBlock(),e.createElementBlock("div",No,[t.value&&!n.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.value,style:e.normalizeStyle(i.value),onError:l},null,44,Co)):(e.openBlock(),e.createElementBlock("div",So,"图片"))]))}}),$o=J(Bo,[["__scopeId","data-v-007a2979"]]),xo=e.defineComponent({__name:"LongTextElement",props:{element:{},data:{},designMode:{type:Boolean}},setup(o){const r=o,t={top:"flex-start",middle:"center",bottom:"flex-end"},n={left:"flex-start",center:"center",right:"flex-end"},l=e.computed(()=>{const a=r.element.options;return{fontSize:(a.fontSize||12)+"pt",fontWeight:a.fontWeight||"normal",fontFamily:a.fontFamily||"inherit",color:a.color||"#333",backgroundColor:a.backgroundColor||"transparent",textAlign:a.textAlign||"left",lineHeight:a.lineHeight?a.lineHeight+"pt":"1.5",letterSpacing:a.letterSpacing?a.letterSpacing+"pt":"normal",textIndent:a.longTextIndent?a.longTextIndent+"pt":"0",width:"100%",height:"100%",overflow:"hidden",wordBreak:"break-all",boxSizing:"border-box",...a.verticalAlign?{display:"flex",alignItems:t[a.verticalAlign]??"flex-start",justifyContent:n[a.textAlign||"left"]??"flex-start"}:{}}}),i=e.computed(()=>r.designMode?r.element.options.formatter?r.element.options.formatter:"长文本内容":w.resolveTextBinding(r.element.options,r.data));return(a,c)=>(e.openBlock(),e.createElementBlock("div",{class:"print-longtext",style:e.normalizeStyle(l.value)},e.toDisplayString(i.value),5))}}),To=["title"],Do=["title","onClick"],Mo=e.defineComponent({__name:"TableContextMenu",props:{visible:{type:Boolean},x:{},y:{},canDeleteRow:{type:Boolean},canDeleteCol:{type:Boolean},mergeDisabledReason:{},canSplit:{type:Boolean},currentRowType:{},rowTypeDisabledReason:{type:Function}},emits:["action"],setup(o,{emit:r}){const t=[{value:"header",label:"标题行"},{value:"data",label:"数据行"},{value:"subtotal",label:"小计行"},{value:"summary",label:"汇总行"}],n=r;function l(i,a){n("action",i,a)}return(i,a)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[o.visible?(e.openBlock(),e.createElementBlock("div",{key:0,class:"table-ctx-menu",style:e.normalizeStyle({left:o.x+"px",top:o.y+"px"}),onMousedown:a[8]||(a[8]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("div",{class:"menu-item",onClick:a[0]||(a[0]=c=>l("insert-row-above"))},"在上方插入行"),e.createElementVNode("div",{class:"menu-item",onClick:a[1]||(a[1]=c=>l("insert-row-below"))},"在下方插入行"),e.createElementVNode("div",{class:e.normalizeClass(["menu-item",{disabled:!o.canDeleteRow}]),onClick:a[2]||(a[2]=c=>o.canDeleteRow&&l("delete-row"))}," 删除行 ",2),a[9]||(a[9]=e.createElementVNode("div",{class:"menu-divider"},null,-1)),e.createElementVNode("div",{class:"menu-item",onClick:a[3]||(a[3]=c=>l("insert-col-left"))},"在左侧插入列"),e.createElementVNode("div",{class:"menu-item",onClick:a[4]||(a[4]=c=>l("insert-col-right"))},"在右侧插入列"),e.createElementVNode("div",{class:e.normalizeClass(["menu-item",{disabled:!o.canDeleteCol}]),onClick:a[5]||(a[5]=c=>o.canDeleteCol&&l("delete-col"))}," 删除列 ",2),a[10]||(a[10]=e.createElementVNode("div",{class:"menu-divider"},null,-1)),e.createElementVNode("div",{class:e.normalizeClass(["menu-item",{disabled:!!o.mergeDisabledReason}]),title:o.mergeDisabledReason||"",onClick:a[6]||(a[6]=c=>!o.mergeDisabledReason&&l("merge"))}," 合并单元格 ",10,To),e.createElementVNode("div",{class:e.normalizeClass(["menu-item",{disabled:!o.canSplit}]),onClick:a[7]||(a[7]=c=>o.canSplit&&l("split"))}," 拆分单元格 ",2),a[11]||(a[11]=e.createElementVNode("div",{class:"menu-divider"},null,-1)),a[12]||(a[12]=e.createElementVNode("div",{class:"menu-group-title"},"行类型",-1)),(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(t,c=>e.createElementVNode("div",{key:c.value,class:e.normalizeClass(["menu-item",{disabled:!!o.rowTypeDisabledReason(c.value),active:o.currentRowType===c.value}]),title:o.rowTypeDisabledReason(c.value)||"",onClick:h=>!o.rowTypeDisabledReason(c.value)&&l("set-row-type",c.value)},e.toDisplayString(c.label),11,Do)),64))],36)):e.createCommentVNode("",!0)]))}}),zo=J(Mo,[["__scopeId","data-v-44e319c1"]]),Lo={class:"cell-barcode"},Po=["src"],Ro={key:1,class:"cell-barcode-fallback"},Io=e.defineComponent({__name:"CellBarcode",props:{cellType:{},value:{},barcodeType:{},qrCodeLevel:{},showText:{type:Boolean},fit:{},maxWidth:{},maxHeight:{}},setup(o){const r=o,t=e.ref(null),n=e.ref(!1),l=e.ref(""),i=e.computed(()=>({objectFit:r.fit||"contain",maxWidth:r.maxWidth?`${r.maxWidth}mm`:"100%",maxHeight:r.maxHeight?`${r.maxHeight}mm`:"100%"})),a=e.computed(()=>({objectFit:r.fit||"contain",maxWidth:r.maxWidth?`${r.maxWidth}mm`:"100%",maxHeight:r.maxHeight?`${r.maxHeight}mm`:"100%"}));function c(){if(n.value=!1,!!t.value)try{_e(t.value,r.value,{format:r.barcodeType||"CODE128",width:1,height:28,displayValue:r.showText!==!1,fontSize:9,margin:0}),n.value=!0}catch{}}async function h(){if(!r.value){l.value="";return}try{l.value=await et.toDataURL(r.value,{width:96,margin:1,errorCorrectionLevel:r.qrCodeLevel||"M"})}catch{l.value=""}}function u(){r.cellType==="barcode"?c():h()}return e.onMounted(u),e.watch(()=>[r.cellType,r.value,r.barcodeType,r.qrCodeLevel,r.showText],u),(f,E)=>(e.openBlock(),e.createElementBlock("div",Lo,[e.withDirectives((e.openBlock(),e.createElementBlock("svg",{ref_key:"barcodeSvg",ref:t,preserveAspectRatio:"xMidYMid meet",style:e.normalizeStyle(i.value)},null,4)),[[e.vShow,o.cellType==="barcode"&&n.value]]),o.cellType==="qrcode"&&l.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:l.value,alt:"qrcode",style:e.normalizeStyle(a.value)},null,12,Po)):e.createCommentVNode("",!0),!n.value&&o.cellType==="barcode"?(e.openBlock(),e.createElementBlock("span",Ro,e.toDisplayString(o.value||"条码"),1)):e.createCommentVNode("",!0)]))}}),Ao=J(Io,[["__scopeId","data-v-612f4008"]]),Ho={class:"cell-image"},Fo=["src"],Uo={key:1,class:"image-placeholder"},Go=e.defineComponent({__name:"CellImage",props:{value:{},fit:{},maxWidth:{},maxHeight:{},designMode:{type:Boolean},data:{}},setup(o){const r=o,t=e.computed(()=>{const a=r.value||"";return a?a.includes("{")?r.designMode?w.evaluateTemplate(a,w.DEFAULT_DEMO_DATA):w.evaluateTemplate(a,r.data?.[0]||{}):a:""}),n=e.ref(!1);function l(){n.value=!0}e.watch(t,()=>{n.value=!1});const i=e.computed(()=>({objectFit:r.fit||"contain",maxWidth:r.maxWidth?`${r.maxWidth}mm`:"100%",maxHeight:r.maxHeight?`${r.maxHeight}mm`:"100%"}));return(a,c)=>(e.openBlock(),e.createElementBlock("div",Ho,[t.value&&!n.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.value,style:e.normalizeStyle(i.value),onError:l},null,44,Fo)):(e.openBlock(),e.createElementBlock("div",Uo,"图片"))]))}}),Oo=J(Go,[["__scopeId","data-v-d5bc444b"]]),Wo=["rowspan","colspan","onMousedown","onMouseenter","onDblclick","onContextmenu"],qo={key:2,class:"data-placeholder"},Ko={key:0,class:"col-resize-layer"},Yo=["aria-label","onMousedown"],jo={key:1,class:"row-badges"},ze=3.7795275591,Xo=.1,Zo=e.defineComponent({__name:"TableElement",props:{element:{},designMode:{type:Boolean},isSelected:{type:Boolean},showTableGhostBorder:{type:Boolean},scale:{},data:{}},emits:["dblclick-element","dblclick-cell"],setup(o,{emit:r}){const t={header:"题",data:"数",subtotal:"小",summary:"汇"},n=o,l=r,i=e.inject(Te,{tableSelection:e.ref(null),setTableSelection:()=>{},recordHistory:()=>{},maxTableWidth:e.ref(1/0)}),a=e.computed(()=>n.element.options.tableRows??[]),c=e.computed(()=>n.element.options.tableColWidths??[]),h=e.computed(()=>n.element.options.tableDefaultFontSize??10),u=e.computed(()=>n.element.options.tableDefaultColor??"#333333"),f=e.computed(()=>{const d=i.tableSelection.value;return d&&d.elementId===n.element.id?d:null});function E(d){let m=0;for(let y=0;y<d;y++)m+=a.value[y].height;return m}const C=e.ref(null),I=e.ref([]);function O(){if(!n.designMode)return;const d=C.value;if(!d)return;const m=d.offsetHeight;if(m<=0)return;const y=n.element.options,v=m/ze;Math.abs(v-(y.height??0))>Xo&&(y.height=Math.round(v*100)/100);const b=d.offsetTop;I.value=Array.from(d.rows).map(A=>({top:(A.offsetTop-b)/ze,height:A.offsetHeight/ze}))}function z(d){return I.value[d]?.top??E(d)}function S(d){return I.value[d]?.height??a.value[d]?.height??0}e.watch(()=>[n.element.options,n.designMode],()=>O(),{deep:!0,flush:"post"}),e.onMounted(()=>{O(),document.fonts?.ready.then(()=>O())});const U=e.computed(()=>{const d=n.element.options.dataSource;if(d&&Array.isArray(w.DEFAULT_DEMO_DATA[d]))return w.DEFAULT_DEMO_DATA[d];for(const m of Object.values(w.DEFAULT_DEMO_DATA))if(Array.isArray(m))return m}),K=e.computed(()=>{if(n.data)return n.data});function Z(d){return d.cellType==="barcode"||d.cellType==="qrcode"}function W(d,m){return Z(m)?w.resolveBarcodeDesignValue(m.formatter,U.value):m.formatter||""}function Q(d,m){const y=n.element.options,v={designMode:n.designMode,showGhostBorder:n.showTableGhostBorder};return{fontFamily:m.fontFamily||"inherit",textAlign:m.align??"left",verticalAlign:m.valign??"middle",fontSize:(m.fontSize??h.value)+"pt",fontWeight:m.fontWeight??"normal",color:m.color??u.value,backgroundColor:m.backgroundColor??"transparent",borderTop:w.resolveCellBorderCss(m.borders?.top,v),borderRight:w.resolveCellBorderCss(m.borders?.right,v),borderBottom:w.resolveCellBorderCss(m.borders?.bottom,v),borderLeft:w.resolveCellBorderCss(m.borders?.left,v),padding:(m.padding??y.tableDefaultPadding??1)+"mm",whiteSpace:m.wordWrap??!0?"normal":"nowrap",overflow:m.wordWrap??!0?"visible":"hidden"}}function _(d,m){const y=f.value;return{"cell-selected":!!y&&d>=y.r1&&d<=y.r2&&m>=y.c1&&m<=y.c2,"row-data-bg":a.value[d].type==="data"}}const N=e.ref(null);function $(d,m){const y=w.normalizeSelection(a.value,d,m);i.setTableSelection({elementId:n.element.id,...y})}function M(d,m,y){!n.designMode||!n.isSelected||(y.stopPropagation(),y.shiftKey&&f.value?$({r:f.value.r1,c:f.value.c1},{r:d,c:m}):(N.value={r:d,c:m},$({r:d,c:m},{r:d,c:m})),window.addEventListener("mouseup",()=>{N.value=null},{once:!0}))}function P(d,m){N.value&&$(N.value,{r:d,c:m})}function x(d,m){n.designMode&&l("dblclick-cell",n.element.id,d,m)}const D=e.reactive({visible:!1,x:0,y:0});function s(d,m,y){if(!n.designMode||!n.isSelected)return;const v=f.value;v&&d>=v.r1&&d<=v.r2&&m>=v.c1&&m<=v.c2||$({r:d,c:m},{r:d,c:m}),D.x=y.clientX,D.y=y.clientY,D.visible=!0,window.addEventListener("mousedown",()=>{D.visible=!1},{once:!0})}const V=e.computed(()=>{const d=f.value;return d?w.canMergeReason(a.value,d):"未选择单元格"}),F=e.computed(()=>{const d=f.value;if(!d)return!1;for(let m=d.r1;m<=d.r2;m++)for(let y=d.c1;y<=d.c2;y++){const v=a.value[m].cells[y];if(!v.merged&&((v.rowspan??1)>1||(v.colspan??1)>1))return!0}return!1});function Y(d){const m=f.value;if(!m)return"未选择单元格";if(m.r1!==m.r2)return"行类型仅支持单行设置";const y=JSON.parse(JSON.stringify(a.value));return w.setRowType(y,m.r1,d)}function j(){w.syncTableElementSize(n.element.options)}function ee(d,m){const y=i.maxTableWidth.value,v=d.reduce((b,A)=>b+A,0)+d[m];return v>y?`插入后表格总宽 ${Math.round(v*10)/10}mm 超过打印范围宽度 ${y}mm,请先缩小列宽`:null}function ue(d,m){const y=f.value;if(!y)return;D.visible=!1;const v=n.element.options,b=v.tableRows,A=v.tableColWidths;let q=null;switch(d){case"insert-row-above":w.insertRow(b,y.r1,"above");break;case"insert-row-below":w.insertRow(b,y.r2,"below");break;case"delete-row":q=w.deleteRow(b,y.r1);break;case"insert-col-left":q=ee(A,y.c1),q||w.insertCol(b,A,y.c1,"left");break;case"insert-col-right":q=ee(A,y.c2),q||w.insertCol(b,A,y.c2,"right");break;case"delete-col":q=w.deleteCol(b,A,y.c1);break;case"merge":w.mergeCells(b,y);break;case"split":w.splitCells(b,y);break;case"set-row-type":q=w.setRowType(b,y.r1,m);break}if(q){alert(q);return}i.setTableSelection(null),j(),i.recordHistory()}const oe=e.computed(()=>n.designMode&&!!n.isSelected&&!n.element.options.locked&&c.value.length>=1),se=e.computed(()=>Array.from({length:c.value.length},(d,m)=>m+1));function ae(d){return c.value.slice(0,d).reduce((m,y)=>m+y,0)}const L=e.ref(null);let p=0,k=0;function B(d,m){oe.value&&(L.value=d,p=m.clientX,k=c.value[d-1],document.addEventListener("mousemove",T),document.addEventListener("mouseup",g))}function T(d){if(L.value===null)return;const m=n.scale||1,y=(d.clientX-p)/(m*ze),v=L.value-1,b=n.element.options.tableColWidths;b[v]=w.clampResizedColumnWidth(b,v,k+y,i.maxTableWidth.value),j()}function g(){document.removeEventListener("mousemove",T),document.removeEventListener("mouseup",g),L.value!==null&&(L.value=null,j(),i.recordHistory())}return e.onUnmounted(()=>{document.removeEventListener("mousemove",T),document.removeEventListener("mouseup",g)}),(d,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["print-table",{"design-mode":o.designMode}]),onContextmenu:m[0]||(m[0]=e.withModifiers(()=>{},["prevent"]))},[e.createElementVNode("table",{ref_key:"tableRef",ref:C,style:e.normalizeStyle({fontSize:h.value+"pt",color:u.value})},[e.createElementVNode("colgroup",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(y,v)=>(e.openBlock(),e.createElementBlock("col",{key:v,style:e.normalizeStyle({width:y+"mm"})},null,4))),128))]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,(y,v)=>(e.openBlock(),e.createElementBlock("tr",{key:y.id,style:e.normalizeStyle({height:y.height+"mm"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(y.cells,(b,A)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:b.id},[b.merged?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("td",{key:0,rowspan:b.rowspan||1,colspan:b.colspan||1,class:e.normalizeClass(_(v,A)),style:e.normalizeStyle(Q(y,b)),onMousedown:e.withModifiers(q=>M(v,A,q),["left"]),onMouseenter:q=>P(v,A),onDblclick:e.withModifiers(q=>x(v,A),["stop"]),onContextmenu:e.withModifiers(q=>s(v,A,q),["prevent","stop"])},[Z(b)?(e.openBlock(),e.createBlock(Ao,{key:0,"cell-type":b.cellType,value:W(y,b),"barcode-type":b.barcodeType,"qr-code-level":b.qrCodeLevel,"show-text":b.showBarcodeText,fit:b.fit,"max-width":b.maxWidth,"max-height":b.maxHeight},null,8,["cell-type","value","barcode-type","qr-code-level","show-text","fit","max-width","max-height"])):b.cellType==="image"?(e.openBlock(),e.createBlock(Oo,{key:1,value:b.formatter||"",fit:b.fit,"max-width":b.maxWidth,"max-height":b.maxHeight,"design-mode":o.designMode,data:K.value},null,8,["value","fit","max-width","max-height","design-mode","data"])):y.type==="data"?(e.openBlock(),e.createElementBlock("span",qo,e.toDisplayString(W(y,b)),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[e.createTextVNode(e.toDisplayString(W(y,b)),1)],64))],46,Wo))],64))),128))],4))),128))])],4),oe.value?(e.openBlock(),e.createElementBlock("div",Ko,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(se.value,y=>(e.openBlock(),e.createElementBlock("div",{key:y,class:e.normalizeClass(["col-resize-handle",{dragging:L.value===y}]),role:"separator","aria-label":"列宽手柄"+y,style:e.normalizeStyle({left:ae(y)+"mm"}),onMousedown:e.withModifiers(v=>B(y,v),["stop","prevent"])},null,46,Yo))),128))])):e.createCommentVNode("",!0),o.designMode&&o.isSelected?(e.openBlock(),e.createElementBlock("div",jo,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,(y,v)=>(e.openBlock(),e.createElementBlock("span",{key:y.id,class:"row-badge",style:e.normalizeStyle({top:z(v)+"mm",height:S(v)+"mm"})},e.toDisplayString(t[y.type]),5))),128))])):e.createCommentVNode("",!0),e.createVNode(zo,{visible:D.visible,x:D.x,y:D.y,"can-delete-row":a.value.length>1,"can-delete-col":c.value.length>1,"merge-disabled-reason":V.value,"can-split":F.value,"current-row-type":f.value?a.value[f.value.r1]?.type??null:null,"row-type-disabled-reason":Y,onAction:ue},null,8,["visible","x","y","can-delete-row","can-delete-col","merge-disabled-reason","can-split","current-row-type"])],34))}}),Jo=J(Zo,[["__scopeId","data-v-725d973d"]]),Ke=e.defineComponent({__name:"LineElement",props:{element:{}},setup(o){const r=o,t=e.computed(()=>r.element.printElementType.type==="hline"),n=e.computed(()=>{const l=r.element.options,i=(l.borderWidth||.75)+"pt",a=l.borderStyle||"solid",c=l.borderColor||"#333";return t.value?{width:"100%",height:"0",borderTop:`${i} ${a} ${c}`,boxSizing:"border-box"}:{width:"0",height:"100%",borderLeft:`${i} ${a} ${c}`,boxSizing:"border-box"}});return(l,i)=>(e.openBlock(),e.createElementBlock("div",{class:"print-line",style:e.normalizeStyle(n.value)},null,4))}}),Ye=e.defineComponent({__name:"ShapeElement",props:{element:{}},setup(o){const r=o,t=e.computed(()=>r.element.printElementType.type==="oval"),n=e.computed(()=>{const l=r.element.options;return{width:"100%",height:"100%",borderWidth:(l.borderWidth||1)+"pt",borderStyle:l.borderStyle||"solid",borderColor:l.borderColor||"#333",backgroundColor:l.backgroundColor||"transparent",borderRadius:t.value?"50%":"0",boxSizing:"border-box"}});return(l,i)=>(e.openBlock(),e.createElementBlock("div",{class:"print-shape",style:e.normalizeStyle(n.value)},null,4))}}),Qo={class:"print-barcode",ref:"containerRef"},_o=96/25.4,en=e.defineComponent({__name:"BarcodeElement",props:{element:{},data:{},designMode:{type:Boolean}},setup(o){const r=o,t=e.ref(null);function n(){if(!t.value)return;const l=r.element.options,i=(r.designMode?l.testData||l.formatter:w.resolveTextBinding(l,r.data))||"条码",a=!l.hideTitle,c=(l.fontSize||12)*(96/72),h=(l.height||40)*_o,u=a?c+4:0,f=Math.max(8,h-u);try{_e(t.value,i,{format:l.barcodeType||"CODE128",width:l.barWidth?l.barWidth/2:1,height:f,displayValue:a,fontSize:c,margin:2})}catch{}}return e.onMounted(n),e.watch(()=>[r.element.options.formatter,r.element.options.testData,r.element.options.barcodeType,r.element.options.width,r.element.options.height,r.element.options.barWidth,r.element.options.hideTitle,r.element.options.fontSize],n),(l,i)=>(e.openBlock(),e.createElementBlock("div",Qo,[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgRef",ref:t,preserveAspectRatio:"xMidYMid meet"},null,512))],512))}}),tn=J(en,[["__scopeId","data-v-ca0cff7f"]]),on={class:"print-qrcode"},nn=["src"],ln=e.defineComponent({__name:"QrcodeElement",props:{element:{},data:{},designMode:{type:Boolean}},setup(o){const r=o,t=e.ref("");async function n(){const l=r.element.options,i=(r.designMode?l.testData||l.formatter:w.resolveTextBinding(l,r.data))||"二维码",a=Math.min(l.width||80,l.height||80);try{t.value=await et.toDataURL(i,{width:a,margin:1,errorCorrectionLevel:String(l.qrCodeLevel??"M")})}catch{t.value=""}}return e.onMounted(n),e.watch(()=>[r.element.options.formatter,r.element.options.testData],n),(l,i)=>(e.openBlock(),e.createElementBlock("div",on,[t.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.value,alt:"qrcode"},null,8,nn)):e.createCommentVNode("",!0)]))}}),an=J(ln,[["__scopeId","data-v-dfb6875c"]]),rn=["innerHTML"],sn=e.defineComponent({__name:"HtmlElement",props:{element:{},data:{},designMode:{type:Boolean}},setup(o){const r=o,t=e.computed(()=>{if(r.element.options.formatter){const n=r.data&&r.data.length>0?r.data[0]:{},l=w.evaluateTemplate(r.element.options.formatter,n??{});return l?ft.sanitize(l):""}return'<div style="background:#e0e0e0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:10pt;color:#999">HTML</div>'});return(n,l)=>(e.openBlock(),e.createElementBlock("div",{class:"print-html",innerHTML:t.value},null,8,rn))}}),dn=J(sn,[["__scopeId","data-v-880bbde5"]]),cn=e.defineComponent({__name:"PageNumberElement",props:{element:{},data:{},designMode:{type:Boolean}},setup(o){const r=o,t=e.computed(()=>{const l=r.element.options;return{fontSize:(l.fontSize||12)+"pt",fontWeight:l.fontWeight||"normal",fontFamily:l.fontFamily||"inherit",color:l.color||"#333",textAlign:l.textAlign||"left",lineHeight:l.lineHeight?l.lineHeight+"pt":"normal",letterSpacing:l.letterSpacing?l.letterSpacing+"pt":"normal"}}),n=e.computed(()=>r.designMode?r.element.options.title||"{pageIndex}/{totalPages}":r.element.options.title||"");return(l,i)=>(e.openBlock(),e.createElementBlock("div",{class:"page-number-element",style:e.normalizeStyle(t.value)},e.toDisplayString(n.value),5))}}),un=J(cn,[["__scopeId","data-v-38f1d7df"]]),mn={key:0,class:"drag-preview"},pn={key:1,class:"resize-handles"},vn=["onMousedown"],fn={key:2,class:"selected-indicator"},gn={class:"position-label"},hn=e.defineComponent({__name:"BaseElement",props:{element:{},isSelected:{type:Boolean},designMode:{type:Boolean},printData:{},scale:{},allElements:{},snapToGrid:{type:Boolean},showTableGhostBorder:{type:Boolean},zone:{},adsorbHandler:{type:Function},clearAdsorbGuides:{type:Function}},emits:["select","update:element","drag-start","drag-stop","dblclick-element","dblclick-cell","contextmenu","clone-element"],setup(o,{emit:r}){const t=o,n=r,l=e.ref(null),i=e.inject(tt,null),a=e.computed(()=>i?.value?i.value.has(t.element.id):t.isSelected??!1),c=e.inject(ot,null),h=e.computed(()=>c?.value.has(t.element.id)??!1),u={text:e.markRaw(wo),image:e.markRaw($o),longText:e.markRaw(xo),table:e.markRaw(Jo),hline:e.markRaw(Ke),vline:e.markRaw(Ke),rect:e.markRaw(Ye),oval:e.markRaw(Ye),barcode:e.markRaw(tn),qrcode:e.markRaw(an),html:e.markRaw(dn),pageNumber:e.markRaw(un)},f=e.computed(()=>u[t.element.printElementType.type]),E=e.computed(()=>t.element.printElementType.type==="table"?{showTableGhostBorder:t.showTableGhostBorder,scale:t.scale}:{}),C=e.computed(()=>{const x=t.element.options;return{position:"absolute",left:x.left+"mm",top:x.top+"mm",width:x.width+"mm",height:x.height+"mm",zIndex:x.zIndex||"auto"}}),I=e.computed(()=>{const x=t.element.options;return`x:${Math.round(x.left)} y:${Math.round(x.top)} ${Math.round(x.width)}×${Math.round(x.height)}mm`});let O=0,z=0;const S=e.reactive({disabled:!t.designMode||!!t.element.options.locked,getScale:()=>(t.scale||1)*w.mmToPx(1),onDrag:x=>{const D=x.left-O,s=x.top-z;l.value&&(l.value.style.transform=`translate(${D}mm, ${s}mm)`)},onDragEnd:(x,D)=>{if(D.altKey){const F=JSON.parse(JSON.stringify(t.element));F.id=w.generateId(),F.options.left=x.left,F.options.top=x.top,n("clone-element",F,{left:x.left,top:x.top}),l.value&&(l.value.style.transform="");return}const s=x.left-O,V=x.top-z;if(t.element.options.left=x.left,t.element.options.top=x.top,l.value&&(l.value.style.transform=""),t.element.options.groupId&&t.allElements)for(const F of t.allElements)F.id!==t.element.id&&F.options.groupId===t.element.options.groupId&&(F.options.left+=s,F.options.top+=V)},onStart:()=>{O=t.element.options.left,z=t.element.options.top,n("select",t.element.id,!1),n("drag-start")},onStop:()=>{t.clearAdsorbGuides?.(),n("drag-stop")},onAdsorb:x=>{let D=x.left,s=x.top;return t.snapToGrid&&(D=Math.round(x.left/5)*5,s=Math.round(x.top/5)*5),t.adsorbHandler?t.adsorbHandler({id:t.element.id,left:D,top:s,width:t.element.options.width,height:t.element.options.height}):{left:D,top:s,lines:[]}}}),{setup:U,cleanup:K,isDragging:Z}=Vo(l,S);e.watchEffect(()=>{S.disabled=!t.designMode||!!t.element.options.locked});const W=e.computed(()=>a.value&&!!t.designMode&&!t.element.options.locked&&t.element.printElementType.type!=="table"),{startResize:Q,cleanup:_}=w.useResize({minWidth:3.5,minHeight:3.5,getScale:()=>(t.scale||1)*w.mmToPx(1),getRect:()=>({left:t.element.options.left,top:t.element.options.top,width:t.element.options.width,height:t.element.options.height}),onResize:x=>{t.element.options.left=x.left,t.element.options.top=x.top,t.element.options.width=x.width,t.element.options.height=x.height},onStart:()=>{n("drag-start")},onStop:()=>{n("drag-stop")}});function N(x){t.designMode&&n("select",t.element.id,x.ctrlKey||x.metaKey)}function $(){t.designMode&&n("dblclick-element",t.element.id)}function M(x,D,s){t.designMode&&n("dblclick-cell",x,D,s)}e.onMounted(()=>{t.designMode&&U()});function P(){K(),_(),t.clearAdsorbGuides?.()}return e.onUnmounted(()=>{P()}),(x,D)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"elRef",ref:l,class:e.normalizeClass(["print-element",{selected:a.value,previewed:h.value,"design-mode":o.designMode,locked:o.element.options.locked,hidden:o.element.options.visible===!1,"drag-ghost":e.unref(Z),[`type-${o.element.printElementType.type}`]:!0,[`zone-${o.zone||"content"}`]:!0}]),style:e.normalizeStyle(C.value),onMousedown:e.withModifiers(N,["stop"]),onDblclick:e.withModifiers($,["stop"]),onContextmenu:D[0]||(D[0]=e.withModifiers(s=>x.$emit("contextmenu",o.element.id,s),["prevent","stop"]))},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(f.value),e.mergeProps({element:o.element,data:o.printData,"design-mode":o.designMode,"is-selected":a.value},E.value,{onDblclickCell:M}),null,16,["element","data","design-mode","is-selected"])),e.unref(Z)?(e.openBlock(),e.createElementBlock("div",mn)):e.createCommentVNode("",!0),W.value?(e.openBlock(),e.createElementBlock("div",pn,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(w.RESIZE_POINTS),s=>(e.openBlock(),e.createElementBlock("div",{key:s,class:e.normalizeClass(["resize-handle",`handle-${s}`]),onMousedown:e.withModifiers(V=>e.unref(Q)(s,V),["stop"])},null,42,vn))),128))])):e.createCommentVNode("",!0),a.value&&o.designMode?(e.openBlock(),e.createElementBlock("div",fn,[e.createElementVNode("div",gn,e.toDisplayString(I.value),1)])):e.createCommentVNode("",!0)],38))}}),He=J(hn,[["__scopeId","data-v-c1100c7b"]]);function bn(o={}){const r=e.ref([]),t=e.ref({width:0,height:0});function n(a,c,h){return w.computeAdsorb(a,c,h,o)}function l(a,c,h){r.value=a,t.value={width:c,height:h}}function i(){r.value=[]}return{check:n,renderLines:l,clearLines:i,guideLines:r,paperSize:t}}function yn(o){const{check:r,renderLines:t,clearLines:n,guideLines:l,paperSize:i}=bn(o.config??{adsorbMin:1,adsorbLineMin:2,showAdsorbLine:!0});function a(h){const u=o.getElements().filter(C=>C.id!==h.id).map(C=>({id:C.id,left:C.options.left,top:C.options.top,width:C.options.width,height:C.options.height})),f=r(h,u,o.getGuides?.()),E=o.getPaperSize();return t(f.lines,E.width,E.height),f}function c(){n()}return{requestAdsorb:a,clearGuides:c,guideLines:l,paperSize:i}}const En={key:0,class:"zone-label"},kn={key:0,class:"zone-height-tip"},Vn={key:0,class:"zone-label"},wn={key:0,class:"zone-height-tip"},Nn=["onMousedown","onDblclick"],Cn=e.defineComponent({__name:"CanvasPaper",props:{templateData:{},runtimeElements:{},designMode:{type:Boolean},printData:{},scale:{},showGrid:{type:Boolean},snapToGrid:{type:Boolean},showTableGhostBorder:{type:Boolean},guides:{}},emits:["select","drag-start","drag-stop","dblclick-element","dblclick-cell","contextmenu","zone-height-change","zone-height-commit","guide-move","guide-remove","clone-element"],setup(o,{expose:r,emit:t}){const n=o,l=t,i=e.ref(null),a=e.computed(()=>w.getPaperDimensions(n.templateData).width),c=e.computed(()=>w.getPaperDimensions(n.templateData).height),h=e.computed(()=>`${8/(n.scale||1)}px`),u=e.computed(()=>{const p=n.scale||1,k=w.mmToPx(a.value)*p,B=w.mmToPx(c.value)*p;return{width:k+"px",height:B+"px",position:"relative"}}),f=e.computed(()=>{const p=n.templateData.margins,k=n.templateData.header.height,B=n.templateData.footer.height,T=a.value-p.left-p.right;return{header:{left:p.left,top:p.top,width:T,height:k},content:{left:p.left,top:p.top+k,width:T,height:c.value-p.top-p.bottom-k-B},footer:{left:p.left,top:c.value-p.bottom-B,width:T,height:B}}});function E(p){return{position:"absolute",left:p.left+"mm",top:p.top+"mm",width:p.width+"mm",height:p.height+"mm"}}const C=e.computed(()=>{const p={header:[],footer:[],content:[]};for(const k of n.runtimeElements)k.zone==="header"?p.header.push(k):k.zone==="footer"?p.footer.push(k):p.content.push(k);return p}),I=e.computed(()=>C.value.header),O=e.computed(()=>C.value.footer),z=e.computed(()=>C.value.content);let S="content";const{requestAdsorb:U,clearGuides:K,guideLines:Z,paperSize:W}=yn({getElements:()=>C.value[S],getPaperSize:()=>{const p=f.value[S];return{width:p.width,height:p.height}},getGuides:()=>{const p=[],k=[];for(const B of n.guides??[])B.type==="vertical"?p.push(B.position):k.push(B.position);return{vertical:p,horizontal:k}}});function Q(p){S=n.runtimeElements.find(T=>T.id===p.id)?.zone||"content";const B=U(p);return(B.left!==p.left||B.top!==p.top)&&s(B.left+p.width/2,B.top+p.height/2),B}function _(p,k){const B=k.position,T=p.clientX,g=p.clientY,d=n.scale??1,m=25.4/96,y=b=>{const A=(k.type==="vertical"?b.clientX-T:b.clientY-g)/d*m,q=k.type==="vertical"?a.value:c.value,de=Math.min(Math.max(B+A,0),q);l("guide-move",k.id,de)},v=()=>{window.removeEventListener("mousemove",y),window.removeEventListener("mouseup",v)};window.addEventListener("mousemove",y),window.addEventListener("mouseup",v)}const N=e.computed(()=>({width:a.value+"mm",minHeight:c.value+"mm",background:n.templateData.pageBackground||"var(--pd-paper, #fff)",boxShadow:"var(--pd-shadow-paper, 0 1px 2px rgba(0,0,0,.12), 0 8px 24px rgba(0,0,0,.08))",overflow:"hidden",position:"relative",transform:n.scale?`scale(${n.scale})`:void 0,transformOrigin:"0 0"})),$=e.computed(()=>{const p=n.templateData.margins;return{padding:`${p.top}mm ${p.right}mm ${p.bottom}mm ${p.left}mm`,position:"relative",boxSizing:"border-box",minHeight:c.value+"mm"}}),M=e.computed(()=>({backgroundImage:`url("data:image/svg+xml,${encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M0 .5H20M.5 0V20" fill="none" stroke="rgba(0,0,0,0.08)" stroke-width="1" stroke-dasharray="4 4"/></svg>')}")`,backgroundSize:"5mm 5mm",backgroundPosition:"0 0"}));let P=0,x=null;const D=e.ref(null);function s(p,k){P+=1,D.value={left:p,top:k,key:P},x&&clearTimeout(x),x=setTimeout(()=>{D.value=null},300)}const V=e.computed(()=>{const p=n.templateData.watermark;return p?!p.mode||p.mode==="fixed"?!!p.content&&p.content.trim().length>0:!!p.binding:!1}),F=e.computed(()=>{const p=n.templateData.watermark||{},k=p.color||"#cccccc",B=p.opacity??.15,T=p.rotate??-30;let g=Y(p);if(p.timestamp){const d=new Date,m=`${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,"0")}-${String(d.getDate()).padStart(2,"0")} ${String(d.getHours()).padStart(2,"0")}:${String(d.getMinutes()).padStart(2,"0")}`;g=g?`${g} ${m}`:m}return{position:"absolute",top:"0",left:"0",width:"100%",height:"100%",pointerEvents:"none",zIndex:"0",overflow:"hidden",opacity:String(B),backgroundImage:j(g,k,T),backgroundRepeat:"repeat"}});function Y(p){if(!p.mode||p.mode==="fixed")return p.content||"";if(p.binding){const k=n.printData?.[0];return k&&k[p.binding]!==void 0&&k[p.binding]!==null?String(k[p.binding]):p.testData||`[${p.binding}]`}return""}function j(p,k,B){const T=p.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;"),g=`<svg xmlns="http://www.w3.org/2000/svg" width="260" height="180">
2
+ <text x="130" y="90" font-size="16" fill="${k}" text-anchor="middle" dominant-baseline="middle" transform="rotate(${B},130,90)">${T}</text>
3
+ </svg>`;return`url("data:image/svg+xml,${encodeURIComponent(g)}")`}const ee=e.ref(null);function ue(p,k){ae(),ee.value={zone:p,startY:k.clientY,startH:n.templateData[p].height},window.addEventListener("mousemove",oe),window.addEventListener("mouseup",se)}function oe(p){if(!ee.value)return;const{zone:k,startY:B,startH:T}=ee.value,d=(p.clientY-B)/(n.scale||1)*25.4/96,m=k==="header"?d:-d,y=Math.min(100,c.value-n.templateData.margins.top-n.templateData.margins.bottom-(k==="header"?n.templateData.footer.height:n.templateData.header.height)-10),v=Math.min(y,Math.max(0,Math.round((T+m)*10)/10));l("zone-height-change",k,v)}function se(){if(!ee.value)return;const p=ee.value.zone;ee.value=null,window.removeEventListener("mousemove",oe),window.removeEventListener("mouseup",se),l("zone-height-commit",p)}function ae(){window.removeEventListener("mousemove",oe),window.removeEventListener("mouseup",se),ee.value=null}e.onUnmounted(()=>{ae(),x&&clearTimeout(x)});function L(p,k){l("select",p,k)}return r({contentRef:i}),(p,k)=>(e.openBlock(),e.createElementBlock("div",{class:"paper-wrapper",style:e.normalizeStyle(u.value)},[e.createElementVNode("div",{class:"hiprint-printPaper",style:e.normalizeStyle(N.value)},[e.createElementVNode("div",{class:"hiprint-printPaper-content",ref_key:"contentRef",ref:i,style:e.normalizeStyle($.value)},[o.showGrid&&o.designMode?(e.openBlock(),e.createElementBlock("div",{key:0,class:"grid-bg",style:e.normalizeStyle(M.value)},null,4)):e.createCommentVNode("",!0),D.value?(e.openBlock(),e.createElementBlock("div",{key:D.value.key,class:"snap-indicator",style:e.normalizeStyle({left:D.value.left+"mm",top:D.value.top+"mm"})},null,4)):e.createCommentVNode("",!0),V.value?(e.openBlock(),e.createElementBlock("div",{key:2,class:"watermark-layer",style:e.normalizeStyle(F.value)},null,4)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["zone-layer zone-header",{"design-mode":o.designMode}]),style:e.normalizeStyle(E(f.value.header))},[o.designMode?(e.openBlock(),e.createElementBlock("span",En,"页眉")):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(I.value,B=>(e.openBlock(),e.createBlock(He,{key:B.id,element:B,"design-mode":o.designMode,"print-data":o.printData,scale:o.scale,"all-elements":I.value,"snap-to-grid":o.snapToGrid,"show-table-ghost-border":o.showTableGhostBorder,zone:"header","adsorb-handler":Q,"clear-adsorb-guides":e.unref(K),onSelect:L,onDragStart:k[0]||(k[0]=T=>p.$emit("drag-start")),onDragStop:k[1]||(k[1]=T=>p.$emit("drag-stop")),onDblclickElement:k[2]||(k[2]=T=>p.$emit("dblclick-element",T)),onDblclickCell:k[3]||(k[3]=(T,g,d)=>p.$emit("dblclick-cell",T,g,d)),onContextmenu:k[4]||(k[4]=(T,g)=>p.$emit("contextmenu",T,g)),onCloneElement:(T,g)=>p.$emit("clone-element",T,g)},null,8,["element","design-mode","print-data","scale","all-elements","snap-to-grid","show-table-ghost-border","clear-adsorb-guides","onCloneElement"]))),128)),o.designMode?(e.openBlock(),e.createElementBlock("div",{key:1,class:"zone-resize-handle handle-bottom",onMousedown:k[5]||(k[5]=e.withModifiers(B=>ue("header",B),["prevent","stop"]))},[ee.value?.zone==="header"?(e.openBlock(),e.createElementBlock("div",kn,e.toDisplayString(o.templateData.header.height.toFixed(1))+"mm ",1)):e.createCommentVNode("",!0)],32)):e.createCommentVNode("",!0)],6),e.createElementVNode("div",{class:e.normalizeClass(["zone-layer zone-content",{"design-mode":o.designMode}]),style:e.normalizeStyle(E(f.value.content))},[o.designMode&&o.templateData.firstPageOverlay.height>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:"zone-overlay",style:e.normalizeStyle({height:o.templateData.firstPageOverlay.height+"mm"})},[...k[17]||(k[17]=[e.createElementVNode("span",{class:"zone-label"},"首页叠加",-1)])],4)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(z.value,B=>(e.openBlock(),e.createBlock(He,{key:B.id,element:B,"design-mode":o.designMode,"print-data":o.printData,scale:o.scale,"all-elements":z.value,"snap-to-grid":o.snapToGrid,"show-table-ghost-border":o.showTableGhostBorder,zone:"content","adsorb-handler":Q,"clear-adsorb-guides":e.unref(K),onSelect:L,onDragStart:k[6]||(k[6]=T=>p.$emit("drag-start")),onDragStop:k[7]||(k[7]=T=>p.$emit("drag-stop")),onDblclickElement:k[8]||(k[8]=T=>p.$emit("dblclick-element",T)),onDblclickCell:k[9]||(k[9]=(T,g,d)=>p.$emit("dblclick-cell",T,g,d)),onContextmenu:k[10]||(k[10]=(T,g)=>p.$emit("contextmenu",T,g)),onCloneElement:(T,g)=>p.$emit("clone-element",T,g)},null,8,["element","design-mode","print-data","scale","all-elements","snap-to-grid","show-table-ghost-border","clear-adsorb-guides","onCloneElement"]))),128))],6),e.createElementVNode("div",{class:e.normalizeClass(["zone-layer zone-footer",{"design-mode":o.designMode}]),style:e.normalizeStyle(E(f.value.footer))},[o.designMode?(e.openBlock(),e.createElementBlock("span",Vn,"页脚")):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(O.value,B=>(e.openBlock(),e.createBlock(He,{key:B.id,element:B,"design-mode":o.designMode,"print-data":o.printData,scale:o.scale,"all-elements":O.value,"snap-to-grid":o.snapToGrid,"show-table-ghost-border":o.showTableGhostBorder,zone:"footer","adsorb-handler":Q,"clear-adsorb-guides":e.unref(K),onSelect:L,onDragStart:k[11]||(k[11]=T=>p.$emit("drag-start")),onDragStop:k[12]||(k[12]=T=>p.$emit("drag-stop")),onDblclickElement:k[13]||(k[13]=T=>p.$emit("dblclick-element",T)),onDblclickCell:k[14]||(k[14]=(T,g,d)=>p.$emit("dblclick-cell",T,g,d)),onContextmenu:k[15]||(k[15]=(T,g)=>p.$emit("contextmenu",T,g)),onCloneElement:(T,g)=>p.$emit("clone-element",T,g)},null,8,["element","design-mode","print-data","scale","all-elements","snap-to-grid","show-table-ghost-border","clear-adsorb-guides","onCloneElement"]))),128)),o.designMode?(e.openBlock(),e.createElementBlock("div",{key:1,class:"zone-resize-handle handle-top",onMousedown:k[16]||(k[16]=e.withModifiers(B=>ue("footer",B),["prevent","stop"]))},[ee.value?.zone==="footer"?(e.openBlock(),e.createElementBlock("div",wn,e.toDisplayString(o.templateData.footer.height.toFixed(1))+"mm ",1)):e.createCommentVNode("",!0)],32)):e.createCommentVNode("",!0)],6),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(Z),(B,T)=>(e.openBlock(),e.createElementBlock("div",{key:T,class:e.normalizeClass(["adsorb-guide",[`guide-${B.type}`]]),style:e.normalizeStyle(B.type==="vertical"?{left:B.position+"mm",top:"0",height:e.unref(W).height+"mm",borderLeftColor:B.color||"var(--pd-accent-secondary, #f56c6c)"}:{top:B.position+"mm",left:"0",width:e.unref(W).width+"mm",borderTopColor:B.color||"var(--pd-accent-secondary, #f56c6c)"})},null,6))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.guides,B=>(e.openBlock(),e.createElementBlock("div",{key:"mg-"+B.id,class:e.normalizeClass(["manual-guide",[`guide-${B.type}`]]),style:e.normalizeStyle(B.type==="vertical"?{left:B.position+"mm",top:"0",height:c.value+"mm","--guide-hit":h.value}:{top:B.position+"mm",left:"0",width:a.value+"mm","--guide-hit":h.value}),onMousedown:e.withModifiers(T=>_(T,B),["prevent","stop"]),onDblclick:e.withModifiers(T=>B.id&&l("guide-remove",B.id),["prevent","stop"])},null,46,Nn))),128))],4)],4)],4))}}),Sn=J(Cn,[["__scopeId","data-v-de85ab4d"]]),Bn=e.defineComponent({__name:"Ruler",props:{orientation:{},viewportPx:{},originPx:{},paperLengthMM:{},scale:{},cursorPx:{}},emits:["add-guide","guide-dragging"],setup(o,{emit:r}){const t=o,n=r,l=e.computed(()=>t.orientation==="horizontal"),i=e.computed(()=>l.value?"vertical":"horizontal"),a=e.ref(null),c=e.ref(null),h=e.computed(()=>c.value??t.cursorPx??null),u=e.computed(()=>l.value?{width:t.viewportPx+"px",height:w.RULER_THICKNESS+"px"}:{width:w.RULER_THICKNESS+"px",height:t.viewportPx+"px"});let f=0;function E(){f||(f=requestAnimationFrame(()=>{f=0,C()}))}function C(){const N=a.value;if(!N)return;const $=N.getContext("2d");if(!$)return;const M=window.devicePixelRatio||1,P=Math.max(0,Math.round(t.viewportPx)),x=w.RULER_THICKNESS;N.width=(l.value?P:x)*M,N.height=(l.value?x:P)*M,$.setTransform(M,0,0,M,0,0);const D=getComputedStyle(N),s=D.getPropertyValue("--pd-ruler-bg").trim()||"#F8F9FC",V=D.getPropertyValue("--pd-ruler").trim()||"#9AA1AF",F=D.getPropertyValue("--pd-accent").trim()||"#165DFF";$.fillStyle=s,$.fillRect(0,0,l.value?P:x,l.value?x:P);const Y=t.scale>0?t.scale:1,j=w.mmToPx(1)*Y;if(j<=0)return;const ee=-t.originPx/j,ue=(P-t.originPx)/j,oe=w.chooseMajorStepMM(Y),se=w.buildRulerTicks(ee,ue,oe);I($,se,j,V,!0),I($,se,j,V,!1),O($,0,F),O($,t.paperLengthMM,F);const ae=h.value;if(ae!==null&&ae>=0&&ae<=P){if($.strokeStyle=F,$.lineWidth=1.5,$.beginPath(),l.value){const L=Math.round(ae)+.5;$.moveTo(L,0),$.lineTo(L,x)}else{const L=Math.round(ae)+.5;$.moveTo(0,L),$.lineTo(x,L)}$.stroke()}}function I(N,$,M,P,x){N.strokeStyle=P,N.fillStyle=P,N.globalAlpha=x?.32:1,N.lineWidth=1,N.font="9px ui-monospace, Menlo, monospace",N.textBaseline="top";for(const D of $){if((D.mm<0||D.mm>t.paperLengthMM)!==x)continue;const V=Math.round(t.originPx+D.mm*M)+.5,F=D.major?8:4;N.beginPath(),l.value?(N.moveTo(V,0),N.lineTo(V,F)):(N.moveTo(0,V),N.lineTo(F,V)),N.stroke(),D.major&&D.label&&(l.value?N.fillText(D.label,V+2,11):(N.save(),N.translate(11,V+2),N.rotate(-Math.PI/2),N.fillText(D.label,0,0),N.restore()))}N.globalAlpha=1}function O(N,$,M){const P=w.mmToPx(1)*(t.scale>0?t.scale:1),x=Math.round(t.originPx+$*P)+.5;x<=0||x>=t.viewportPx||(N.strokeStyle=M,N.globalAlpha=.55,N.lineWidth=1,N.beginPath(),l.value?(N.moveTo(x,0),N.lineTo(x,w.RULER_THICKNESS)):(N.moveTo(0,x),N.lineTo(w.RULER_THICKNESS,x)),N.stroke(),N.globalAlpha=1)}e.watch(()=>[t.viewportPx,t.originPx,t.paperLengthMM,t.scale,t.cursorPx,t.orientation],E),e.onMounted(E),e.onBeforeUnmount(()=>{f&&cancelAnimationFrame(f)});let z=!1;function S(N){const $=a.value;if(!$)return null;const M=$.getBoundingClientRect(),P=l.value?N.clientX-M.left:N.clientY-M.top;if(P<0||P>t.viewportPx)return null;const x=w.mmToPx(1)*(t.scale>0?t.scale:1);return(P-t.originPx)/x}function U(N){z=!0,N.preventDefault(),window.addEventListener("mousemove",Q),window.addEventListener("mouseup",_),W(N)}function K(N){const $=a.value;if(!$)return;const M=$.getBoundingClientRect();c.value=l.value?N.clientX-M.left:N.clientY-M.top,E()}function Z(){c.value=null,E()}function W(N){const $=S(N);n("guide-dragging",$)}function Q(N){z&&W(N)}function _(N){if(!z)return;z=!1,window.removeEventListener("mousemove",Q),window.removeEventListener("mouseup",_);const $=S(N);$!==null&&$>=0&&$<=t.paperLengthMM&&n("add-guide",i.value,$),n("guide-dragging",null)}return e.onBeforeUnmount(()=>{window.removeEventListener("mousemove",Q),window.removeEventListener("mouseup",_)}),(N,$)=>(e.openBlock(),e.createElementBlock("canvas",{ref_key:"canvasRef",ref:a,class:e.normalizeClass(["pd-ruler",`is-${o.orientation}`]),style:e.normalizeStyle(u.value),onMousedown:U,onMousemove:K,onMouseleave:Z},null,38))}}),je=J(Bn,[["__scopeId","data-v-86284054"]]),$n={class:"canvas-scroll"},xn={key:0,class:"overlay-layer"},Tn=["src"],Le=96/25.4,Dn=e.defineComponent({__name:"CanvasArea",props:{templateData:{},elements:{},scale:{},showGrid:{type:Boolean},snapToGrid:{type:Boolean},showTableGhostBorder:{type:Boolean},hasClipboard:{type:Boolean},guides:{},overlayVisible:{type:Boolean},screenshotUrl:{},overlayOpacity:{},selectedElementHasGroup:{type:Boolean},showRuler:{type:Boolean,default:!0}},emits:["select","drop-element","drop-field","drag-start","drag-stop","dblclick-element","dblclick-cell","zone-height-change","zone-height-commit","select-all","clear-selection","preview","commit-preview","paste","copy","cut","delete","move-layer","group","ungroup","coordinate","add-guide","guide-move","guide-remove","zoom","clone-element"],setup(o,{expose:r,emit:t}){const n=o,l=t;function i(g,d){l("select",g,d)}const a=e.ref(null),c=e.computed(()=>w.getPaperDimensions(n.templateData).width),h=e.computed(()=>w.getPaperDimensions(n.templateData).height),u=e.reactive({originX:0,originY:0,viewW:0,viewH:0,paperScale:1}),f=e.reactive({x:null,y:null}),E=e.reactive({x:0,y:0}),C=e.computed(()=>({transform:`translate(${E.x}px, ${E.y}px)`}));function I(){const g=a.value,d=g?.querySelector(".hiprint-printPaper");if(!g||!d)return;const m=g.getBoundingClientRect(),y=d.getBoundingClientRect(),v=n.scale||1,b=y.width/w.mmToPx(c.value);u.paperScale=Math.abs(b-v)<.002?v:b,u.originX=y.left-m.left-w.RULER_THICKNESS,u.originY=y.top-m.top-w.RULER_THICKNESS,u.viewW=g.clientWidth-w.RULER_THICKNESS,u.viewH=g.clientHeight-w.RULER_THICKNESS}function O(){E.x=a.value?.scrollLeft??0,E.y=a.value?.scrollTop??0,I()}let z=null,S=0;function U(){cancelAnimationFrame(S);const g=performance.now()+220,d=()=>{I(),performance.now()<g&&(S=requestAnimationFrame(d))};S=requestAnimationFrame(d)}const K=e.ref(null);function Z(g,d){K.value=d===null?null:{type:g,mm:d}}const W=e.computed(()=>{const g=K.value,d=a.value?.querySelector(".hiprint-printPaper");if(!g||!d)return{};const m=d.getBoundingClientRect(),y=m.width/w.mmToPx(c.value),v=w.mmToPx(g.mm)*(y>0?y:n.scale||1);return g.type==="vertical"?{left:m.left+v+"px",top:m.top+"px",height:m.height+"px"}:{left:m.left+"px",top:m.top+v+"px",width:m.width+"px"}});function Q(g){const d=a.value?.querySelector(".hiprint-printPaper");if(!d)return;const m=d.getBoundingClientRect(),y=n.scale||1,v=w.pxToMm((g.clientX-m.left)/y),b=w.pxToMm((g.clientY-m.top)/y);if(!(v<0||b<0))return{x:v,y:b}}function _(g){const d=Q(g),m=g.dataTransfer?.getData("fieldData");if(m)try{const v=JSON.parse(m);l("drop-field",v,d);return}catch{}const y=g.dataTransfer?.getData("elementType");y&&l("drop-element",y,d)}const N=e.reactive({visible:!1,x:0,y:0,w:0,h:0});let $={x:0,y:0};function M(g){return!g||!(g instanceof HTMLElement)?!1:!!(g===a.value||g.classList.contains("canvas-scroll")||g.classList.contains("hiprint-printPaper")||g.classList.contains("hiprint-printPaper-content")||g.classList.contains("zone-layer")||g.classList.contains("grid-bg")||g.classList.contains("watermark-layer"))}function P(g){const d=a.value,m=d?.querySelector(".hiprint-printPaper");if(!d||!m)return;const y=d.getBoundingClientRect();f.x=g.clientX-y.left-w.RULER_THICKNESS,f.y=g.clientY-y.top-w.RULER_THICKNESS;const v=m.getBoundingClientRect(),b=n.scale||1,A=w.pxToMm((g.clientX-v.left)/b),q=w.pxToMm((g.clientY-v.top)/b);if(A<0||q<0){l("coordinate",null);return}l("coordinate",{x:A,y:q})}function x(){l("coordinate",null),f.x=null,f.y=null}function D(g,d,m,y){const v=a.value;if(!v)return;const b=Math.max(y,Math.round(g)),A=Math.round((n.scale||1)*100);if(b===A)return;const q=n.scale||1,de=b/100/q,re=getComputedStyle(v),me=parseFloat(re.paddingLeft)||0,ve=parseFloat(re.paddingTop)||0,fe=v.scrollLeft+d-me,ge=v.scrollTop+m-ve;l("zoom",b-A),e.nextTick(()=>{const he=getComputedStyle(v),we=parseFloat(he.paddingLeft)||0,Ne=parseFloat(he.paddingTop)||0;v.scrollLeft=fe*de-d+we,v.scrollTop=ge*de-m+Ne})}function s(g){if(!(g.ctrlKey||g.metaKey))return;g.preventDefault();const d=a.value;if(!d)return;const m=Math.round((n.scale||1)*100),y=w.nextWheelScale(m,g.deltaY>0?-1:1);if(y===m)return;const v=d.getBoundingClientRect();D(y,g.clientX-v.left,g.clientY-v.top,w.MIN_SCALE_PERCENT)}function V(g){const d=a.value;if(!d)return;const m=Math.round((n.scale||1)*100),y=w.nextWheelScale(m,g);D(y,d.clientWidth/2,d.clientHeight/2,w.MIN_SCALE_PERCENT)}function F(g){const d=a.value;d&&D(g,d.clientWidth/2,d.clientHeight/2,w.FIT_SCALE_MIN_PERCENT)}function Y(g){g.button!==2&&M(g.target)&&(l("clear-selection"),$={x:g.clientX,y:g.clientY},N.visible=!0,N.x=g.clientX,N.y=g.clientY,N.w=0,N.h=0,window.addEventListener("mousemove",ee),window.addEventListener("mouseup",ue))}function j(){if(N.w<3||N.h<3)return[];const g=a.value?.querySelector(".hiprint-printPaper");if(!g)return[];const d=g.getBoundingClientRect(),m=n.scale||1,y=N.x<$.x,v=[];for(const b of n.elements){if(b.options.visible===!1||b.options.locked)continue;const A=d.left+b.options.left*Le*m,q=d.top+b.options.top*Le*m,de=A+b.options.width*Le*m,re=q+b.options.height*Le*m,me=A<N.x+N.w&&de>N.x&&q<N.y+N.h&&re>N.y,ve=A>=N.x&&de<=N.x+N.w&&q>=N.y&&re<=N.y+N.h;(y?ve:me)&&v.push(b.id)}return v}function ee(g){const d=g.clientX-$.x,m=g.clientY-$.y;N.x=d>=0?$.x:g.clientX,N.y=m>=0?$.y:g.clientY,N.w=Math.abs(d),N.h=Math.abs(m),l("preview",j())}function ue(){window.removeEventListener("mousemove",ee),window.removeEventListener("mouseup",ue);const g=j();l("preview",g),g.length>0?l("commit-preview"):l("clear-selection"),l("preview",[]),N.visible=!1}const oe=e.reactive({visible:!1,x:0,y:0,targetId:null});function se(g,d){if(!d&&!M(g.target))return;const m=a.value?.getBoundingClientRect();m&&(oe.x=g.clientX-m.left,oe.y=g.clientY-m.top,oe.targetId=d??null,oe.visible=!0,window.removeEventListener("mousedown",ae),setTimeout(()=>{window.addEventListener("mousedown",ae,{once:!0})},0))}function ae(){oe.visible=!1,window.removeEventListener("mousedown",ae)}function L(){oe.visible=!1,n.hasClipboard&&l("paste")}function p(){oe.visible=!1,l("select-all")}function k(){oe.visible=!1,l("clear-selection")}function B(g,d){oe.visible=!1,g==="copy"?l("copy"):g==="cut"?l("cut"):g==="paste"?l("paste"):g==="delete"?l("delete"):g==="move-layer"?l("move-layer",d):g==="group"?l("group"):g==="ungroup"&&n.selectedElementHasGroup&&l("ungroup")}e.onMounted(()=>{e.nextTick(I),a.value&&typeof ResizeObserver<"u"&&(z=new ResizeObserver(I),z.observe(a.value))}),e.watch(()=>n.scale,U),e.watch([c,h],()=>e.nextTick(I));function T(){const g=a.value;if(!g)return;let d=0,m=0,y=0;const v=performance.now()+800,b=()=>{const{scrollWidth:A,scrollHeight:q}=g;if(A===m&&q===y?d++:d=0,m=A,y=q,d>=2||performance.now()>v){const de=g.scrollWidth,re=g.scrollHeight,me=g.clientWidth,ve=g.clientHeight;g.scrollLeft=Math.max(0,(de-me)/2),g.scrollTop=Math.max(0,(re-ve)/2);return}requestAnimationFrame(b)};requestAnimationFrame(b)}return r({centerScroll:T,fitToWindow:F,zoomByStep:V}),e.onBeforeUnmount(()=>{window.removeEventListener("mousemove",ee),window.removeEventListener("mouseup",ue),z?.disconnect(),cancelAnimationFrame(S)}),(g,d)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootRef",ref:a,class:"canvas-area",onDragover:d[24]||(d[24]=e.withModifiers(()=>{},["prevent"])),onDrop:_,onMousedown:Y,onMousemove:P,onMouseleave:x,onWheel:s,onScroll:O,onContextmenu:e.withModifiers(se,["prevent"])},[e.createElementVNode("div",$n,[e.createVNode(Sn,{"template-data":o.templateData,"runtime-elements":o.elements,"design-mode":!0,"print-data":[],scale:o.scale,"show-grid":o.showGrid,"snap-to-grid":o.snapToGrid,"show-table-ghost-border":o.showTableGhostBorder,guides:o.guides,onSelect:i,onGuideMove:d[0]||(d[0]=(m,y)=>g.$emit("guide-move",m,y)),onGuideRemove:d[1]||(d[1]=m=>g.$emit("guide-remove",m)),onDragStart:d[2]||(d[2]=m=>g.$emit("drag-start")),onDragStop:d[3]||(d[3]=m=>g.$emit("drag-stop")),onDblclickElement:d[4]||(d[4]=m=>g.$emit("dblclick-element",m)),onDblclickCell:d[5]||(d[5]=(m,y,v)=>g.$emit("dblclick-cell",m,y,v)),onContextmenu:d[6]||(d[6]=(m,y)=>se(y,m)),onZoneHeightChange:d[7]||(d[7]=(m,y)=>g.$emit("zone-height-change",m,y)),onZoneHeightCommit:d[8]||(d[8]=m=>g.$emit("zone-height-commit",m)),onCloneElement:d[9]||(d[9]=(m,y)=>g.$emit("clone-element",m,y))},null,8,["template-data","runtime-elements","scale","show-grid","snap-to-grid","show-table-ghost-border","guides"]),o.overlayVisible&&o.screenshotUrl?(e.openBlock(),e.createElementBlock("div",xn,[e.createElementVNode("img",{src:o.screenshotUrl,class:"overlay-image",style:e.normalizeStyle({opacity:o.overlayOpacity??.5})},null,12,Tn)])):e.createCommentVNode("",!0)]),o.showRuler?(e.openBlock(),e.createElementBlock("div",{key:0,class:"ruler-overlay",style:e.normalizeStyle(C.value)},[d[25]||(d[25]=e.createElementVNode("div",{class:"ruler-corner"},null,-1)),e.createVNode(je,{orientation:"horizontal","viewport-px":u.viewW,"origin-px":u.originX,"paper-length-m-m":c.value,scale:u.paperScale,"cursor-px":f.x,onAddGuide:d[10]||(d[10]=(m,y)=>l("add-guide",m,y)),onGuideDragging:d[11]||(d[11]=m=>Z("vertical",m))},null,8,["viewport-px","origin-px","paper-length-m-m","scale","cursor-px"]),e.createVNode(je,{orientation:"vertical","viewport-px":u.viewH,"origin-px":u.originY,"paper-length-m-m":h.value,scale:u.paperScale,"cursor-px":f.y,onAddGuide:d[12]||(d[12]=(m,y)=>l("add-guide",m,y)),onGuideDragging:d[13]||(d[13]=m=>Z("horizontal",m))},null,8,["viewport-px","origin-px","paper-length-m-m","scale","cursor-px"])],4)):e.createCommentVNode("",!0),K.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["ruler-guide-preview",`guide-${K.value.type}`]),style:e.normalizeStyle(W.value)},null,6)):e.createCommentVNode("",!0),N.visible?(e.openBlock(),e.createElementBlock("div",{key:2,class:"marquee-selection",style:e.normalizeStyle({left:N.x+"px",top:N.y+"px",width:N.w+"px",height:N.h+"px"})},null,4)):e.createCommentVNode("",!0),oe.visible?(e.openBlock(),e.createElementBlock("div",{key:3,class:"context-menu",style:e.normalizeStyle({left:oe.x+"px",top:oe.y+"px"})},[oe.targetId?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",{class:"context-menu-item",onClick:d[14]||(d[14]=m=>B("copy"))},"复制"),e.createElementVNode("div",{class:"context-menu-item",onClick:d[15]||(d[15]=m=>B("cut"))},"剪切"),e.createElementVNode("div",{class:e.normalizeClass(["context-menu-item",{disabled:!o.hasClipboard}]),onClick:d[16]||(d[16]=m=>B("paste"))},"粘贴",2),e.createElementVNode("div",{class:"context-menu-item",onClick:d[17]||(d[17]=m=>B("delete"))},"删除"),d[26]||(d[26]=e.createElementVNode("div",{class:"context-menu-sep"},null,-1)),e.createElementVNode("div",{class:"context-menu-item",onClick:d[18]||(d[18]=m=>B("move-layer","top"))},"置顶"),e.createElementVNode("div",{class:"context-menu-item",onClick:d[19]||(d[19]=m=>B("move-layer","up"))},"上移"),e.createElementVNode("div",{class:"context-menu-item",onClick:d[20]||(d[20]=m=>B("move-layer","down"))},"下移"),e.createElementVNode("div",{class:"context-menu-item",onClick:d[21]||(d[21]=m=>B("move-layer","bottom"))},"置底"),d[27]||(d[27]=e.createElementVNode("div",{class:"context-menu-sep"},null,-1)),e.createElementVNode("div",{class:"context-menu-item",onClick:d[22]||(d[22]=m=>B("group"))},"编组 Ctrl+G"),e.createElementVNode("div",{class:e.normalizeClass(["context-menu-item",{disabled:!o.selectedElementHasGroup}]),onClick:d[23]||(d[23]=m=>B("ungroup"))},"取消编组 Ctrl+Shift+G",2)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",{class:e.normalizeClass(["context-menu-item",{disabled:!o.hasClipboard}]),onClick:L},"粘贴",2),e.createElementVNode("div",{class:"context-menu-item",onClick:p},"全选"),e.createElementVNode("div",{class:"context-menu-item",onClick:k},"取消选择")],64))],4)):e.createCommentVNode("",!0)],544))}}),Mn=J(Dn,[["__scopeId","data-v-fb2558b3"]]),zn={class:"property-search"},Ln=e.defineComponent({__name:"PropertySearch",emits:["search"],setup(o,{emit:r}){const t=e.ref(""),n=r;function l(){n("search",t.value)}return(i,a)=>(e.openBlock(),e.createElementBlock("div",zn,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":a[0]||(a[0]=c=>t.value=c),class:"pd-input",type:"search",placeholder:"搜索属性...","aria-label":"搜索属性",onInput:l},null,544),[[e.vModelText,t.value]])]))}}),Pn=J(Ln,[["__scopeId","data-v-10ab6c84"]]),Rn={class:"group-icon"},In={class:"group-title"},An={class:"expand-icon"},Hn={class:"group-content"},Fn=e.defineComponent({__name:"PropertyGroup",props:{title:{},icon:{},defaultExpanded:{type:Boolean},groupKey:{}},setup(o){const r=o,t=e.ref(r.defaultExpanded??!0),l={Document:"≡",Brush:"◧",Setting:"⚙"}[r.icon]||"•";function i(){t.value=!t.value,a()}function a(){const h=`property-group-${r.groupKey}`;try{localStorage.setItem(h,String(t.value))}catch{}}function c(){const h=`property-group-${r.groupKey}`;try{const u=localStorage.getItem(h);u!==null&&(t.value=u==="true")}catch{}}return e.onMounted(()=>{c()}),(h,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["property-group",{"is-expanded":t.value}])},[e.createElementVNode("div",{class:"group-header",onClick:i},[e.createElementVNode("span",Rn,e.toDisplayString(e.unref(l)),1),e.createElementVNode("span",In,e.toDisplayString(o.title),1),e.createElementVNode("span",An,e.toDisplayString(t.value?"▾":"▸"),1)]),e.withDirectives(e.createElementVNode("div",Hn,[e.renderSlot(h.$slots,"default",{},void 0,!0)],512),[[e.vShow,t.value]])],2))}}),ke=J(Fn,[["__scopeId","data-v-2ba57031"]]),Un={class:"pd-stepper"},Gn=["disabled"],On=["value","placeholder","min","max","step"],Wn=["disabled"],qn=e.defineComponent({__name:"StepperInput",props:{modelValue:{},min:{},max:{},step:{default:1},placeholder:{}},emits:["update:modelValue"],setup(o,{emit:r}){const t=o,n=r,l=e.computed(()=>{const z=String(t.step),S=z.indexOf(".");return S===-1?0:z.length-S-1});function i(z){return Number.isFinite(z)?Number(z.toFixed(l.value)):0}const a=e.computed(()=>{const z=t.modelValue;if(!(z==null||!Number.isFinite(z)))return i(z)}),c=e.ref(a.value===void 0?"":String(a.value));e.watch(a,z=>{c.value=z===void 0?"":String(z)});const h=e.computed(()=>a.value!==void 0?a.value:t.min!==void 0?t.min:0),u=e.computed(()=>t.min!==void 0&&h.value<=t.min),f=e.computed(()=>t.max!==void 0&&h.value>=t.max);function E(z){let S=i(z);return t.min!==void 0&&S<t.min&&(S=t.min),t.max!==void 0&&S>t.max&&(S=t.max),S}function C(z){if(z<0&&u.value||z>0&&f.value)return;const S=E(h.value+z*t.step);c.value=String(S),n("update:modelValue",S)}function I(z){c.value=z.target.value}function O(){const z=c.value.trim();if(z===""){a.value!==void 0&&(c.value=String(a.value));return}const S=Number(z);if(!Number.isFinite(S)){c.value=a.value===void 0?"":String(a.value);return}const U=E(S);c.value=String(U),U!==a.value&&n("update:modelValue",U)}return(z,S)=>(e.openBlock(),e.createElementBlock("div",Un,[e.createElementVNode("button",{type:"button",class:"pd-step-btn pd-step-minus",disabled:u.value,title:"减小","aria-label":"减小",onClick:S[0]||(S[0]=U=>C(-1))},"−",8,Gn),e.createElementVNode("input",{type:"number",class:"pd-input pd-step-input",value:c.value,placeholder:o.placeholder,min:o.min,max:o.max,step:o.step,onInput:I,onChange:O,onBlur:O,onKeydown:S[1]||(S[1]=e.withKeys(e.withModifiers(U=>U.target.blur(),["prevent"]),["enter"]))},null,40,On),e.createElementVNode("button",{type:"button",class:"pd-step-btn pd-step-plus",disabled:f.value,title:"增大","aria-label":"增大",onClick:S[2]||(S[2]=U=>C(1))},"+",8,Wn)]))}}),ie=J(qn,[["__scopeId","data-v-9722a7cf"]]),Kn={class:"position-grid"},Yn={class:"pd-field"},jn={class:"pd-field"},Xn={class:"pd-field"},Zn={class:"pd-field"},Jn=e.defineComponent({__name:"PositionSizeGroup",props:{element:{},matchedKeys:{},searching:{type:Boolean}},setup(o){const r=o;function t(n){return r.searching?r.matchedKeys?.has(n)??!0:!0}return(n,l)=>(e.openBlock(),e.createBlock(ke,{title:"位置与尺寸",icon:"Location","default-expanded":"","group-key":"position-size"},{default:e.withCtx(()=>[e.createElementVNode("form",{class:"pd-form",onSubmit:l[4]||(l[4]=e.withModifiers(()=>{},["prevent"]))},[e.createElementVNode("div",Kn,[e.withDirectives(e.createElementVNode("div",Yn,[l[5]||(l[5]=e.createElementVNode("span",{class:"pd-label"},"X",-1)),e.createVNode(ie,{modelValue:o.element.options.left,"onUpdate:modelValue":l[0]||(l[0]=i=>o.element.options.left=i),min:0},null,8,["modelValue"])],512),[[e.vShow,t("ps-left")]]),e.withDirectives(e.createElementVNode("div",jn,[l[6]||(l[6]=e.createElementVNode("span",{class:"pd-label"},"Y",-1)),e.createVNode(ie,{modelValue:o.element.options.top,"onUpdate:modelValue":l[1]||(l[1]=i=>o.element.options.top=i),min:0},null,8,["modelValue"])],512),[[e.vShow,t("ps-top")]]),e.withDirectives(e.createElementVNode("div",Xn,[l[7]||(l[7]=e.createElementVNode("span",{class:"pd-label"},"W",-1)),e.createVNode(ie,{modelValue:o.element.options.width,"onUpdate:modelValue":l[2]||(l[2]=i=>o.element.options.width=i),min:4},null,8,["modelValue"])],512),[[e.vShow,t("ps-width")]]),e.withDirectives(e.createElementVNode("div",Zn,[l[8]||(l[8]=e.createElementVNode("span",{class:"pd-label"},"H",-1)),e.createVNode(ie,{modelValue:o.element.options.height,"onUpdate:modelValue":l[3]||(l[3]=i=>o.element.options.height=i),min:4},null,8,["modelValue"])],512),[[e.vShow,t("ps-height")]])])],32)]),_:1}))}}),Qn=J(Jn,[["__scopeId","data-v-bc364679"]]),_n=["aria-expanded","title"],el={class:"picker-preview"},tl={class:"preset-color-grid"},ol=["title","aria-label","onClick"],nl=e.defineComponent({__name:"PresetColorPicker",props:{modelValue:{}},emits:["update:modelValue"],setup(o,{emit:r}){const t=o,n=r,l=e.ref(!1),i=e.ref(),a=e.ref(),c=e.ref(),h=e.ref({}),u=e.ref(0),f=e.ref(0),E=e.ref(0),C=e.ref("#000000"),I=e.ref(!1),O=e.computed({get:()=>t.modelValue||"#000000",set:L=>n("update:modelValue",L)}),z=e.computed(()=>ee(oe(u.value,f.value,E.value))),S=e.computed({get:()=>Math.round(u.value),set:L=>W(se(L),f.value,E.value)});e.watch(O,Z,{immediate:!0});function U(L){C.value=L.toUpperCase(),Z(L),n("update:modelValue",L)}function K(L){const k=L.target.value.trim();Y(k)&&(Z(k),n("update:modelValue",j(k)))}function Z(L){const p=Y(L);if(!p)return;const k=ue(p.r,p.g,p.b);u.value=k.h,f.value=k.s,E.value=k.v,C.value=j(L).toUpperCase()}function W(L,p,k){u.value=se(L),f.value=ae(p),E.value=ae(k),C.value=z.value.toUpperCase(),n("update:modelValue",z.value)}function Q(L){L.currentTarget.setPointerCapture(L.pointerId),I.value=!0,$(L)}function _(L){I.value&&$(L)}function N(L){I.value=!1;const p=L.currentTarget;p.hasPointerCapture(L.pointerId)&&p.releasePointerCapture(L.pointerId)}function $(L){const p=c.value;if(!p)return;const k=p.getBoundingClientRect(),B=ae((L.clientX-k.left)/k.width),T=ae(1-(L.clientY-k.top)/k.height);W(u.value,B,T)}function M(L){const p=L.shiftKey?.1:.02;let k=!0;L.key==="ArrowLeft"?W(u.value,f.value-p,E.value):L.key==="ArrowRight"?W(u.value,f.value+p,E.value):L.key==="ArrowUp"?W(u.value,f.value,E.value+p):L.key==="ArrowDown"?W(u.value,f.value,E.value-p):k=!1,k&&L.preventDefault()}function P(){l.value?D():x()}async function x(){const L=i.value;if(!L)return;Z(O.value),l.value=!0,await e.nextTick();const p=L.getBoundingClientRect(),k=190,B=a.value?.offsetHeight??216,T=8,g=Math.min(p.left,window.innerWidth-k-T),d=p.bottom+6,m=d+B>window.innerHeight-T?Math.max(T,p.top-B-6):d;h.value={left:`${Math.max(T,g)}px`,top:`${m}px`}}function D(){l.value=!1}function s(L){const p=L.target;i.value?.contains(p)||a.value?.contains(p)||D()}function V(){l.value&&D()}function F(L){L.key==="Escape"&&l.value&&D()}function Y(L){const p=/^#?([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(L.trim());if(!p)return null;const k=p[1],B=k.length===3?k.split("").map(T=>T+T).join(""):k;return{r:Number.parseInt(B.slice(0,2),16),g:Number.parseInt(B.slice(2,4),16),b:Number.parseInt(B.slice(4,6),16)}}function j(L){const p=Y(L);return p?ee(p):"#000000"}function ee({r:L,g:p,b:k}){return`#${[L,p,k].map(B=>Math.round(ae(B/255)*255).toString(16).padStart(2,"0")).join("")}`}function ue(L,p,k){const B=L/255,T=p/255,g=k/255,d=Math.max(B,T,g),m=Math.min(B,T,g),y=d-m;let v=0;return y!==0&&(d===B?v=(T-g)/y%6:d===T?v=(g-B)/y+2:v=(B-T)/y+4,v*=60,v<0&&(v+=360)),{h:v,s:d===0?0:y/d,v:d}}function oe(L,p,k){const B=k*p,T=(L%360+360)%360/60,g=B*(1-Math.abs(T%2-1)),[d,m,y]=T<1?[B,g,0]:T<2?[g,B,0]:T<3?[0,B,g]:T<4?[0,g,B]:T<5?[g,0,B]:[B,0,g],v=k-B;return{r:(d+v)*255,g:(m+v)*255,b:(y+v)*255}}function se(L){return((Number.isFinite(L)?L:0)%360+360)%360}function ae(L){return Math.min(1,Math.max(0,Number.isFinite(L)?L:0))}return e.onMounted(()=>{document.addEventListener("pointerdown",s,!0),window.addEventListener("scroll",V,!0),window.addEventListener("resize",V),document.addEventListener("keydown",F)}),e.onBeforeUnmount(()=>{document.removeEventListener("pointerdown",s,!0),window.removeEventListener("scroll",V,!0),window.removeEventListener("resize",V),document.removeEventListener("keydown",F)}),(L,p)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("button",{ref_key:"triggerRef",ref:i,type:"button",class:"preset-color-trigger","aria-expanded":l.value,"aria-haspopup":"dialog",title:o.modelValue||"自动",onClick:P},[e.createElementVNode("span",{class:"preset-color-swatch",style:e.normalizeStyle({background:O.value})},null,4)],8,_n),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[l.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"panelRef",ref:a,class:"preset-color-panel",role:"dialog","aria-label":"颜色选择",style:e.normalizeStyle(h.value),onPointerdown:p[2]||(p[2]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("div",el,[e.createElementVNode("span",{class:"picker-current",style:e.normalizeStyle({background:z.value})},null,4),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":p[0]||(p[0]=k=>C.value=k),class:"picker-hex",type:"text",maxlength:"7",spellcheck:"false","aria-label":"颜色值",onInput:K},null,544),[[e.vModelText,C.value]])]),e.createElementVNode("div",{ref_key:"areaRef",ref:c,class:"picker-area",style:e.normalizeStyle({"--picker-hue":`${Math.round(u.value)}deg`}),"aria-label":"自定义颜色",tabindex:"0",onPointerdown:Q,onPointermove:_,onPointerup:N,onPointercancel:N,onKeydown:M},[e.createElementVNode("span",{class:"picker-handle",style:e.normalizeStyle({left:`${f.value*100}%`,top:`${(1-E.value)*100}%`,background:z.value})},null,4)],36),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":p[1]||(p[1]=k=>S.value=k),class:"picker-hue",type:"range",min:"0",max:"360",step:"1","aria-label":"色相"},null,512),[[e.vModelText,S.value,void 0,{number:!0}]]),p[3]||(p[3]=e.createElementVNode("div",{class:"picker-heading"},"常用颜色",-1)),e.createElementVNode("div",tl,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(w.PRESET_COLORS),k=>(e.openBlock(),e.createElementBlock("button",{key:k,type:"button",class:e.normalizeClass(["preset-color-item",{active:k.toLowerCase()===z.value.toLowerCase()}]),style:e.normalizeStyle({background:k}),title:k,"aria-label":k,onClick:B=>U(k)},null,14,ol))),128))])],36)):e.createCommentVNode("",!0)]))],64))}}),Ee=J(nl,[["__scopeId","data-v-079f8fdd"]]),ll={class:"pd-field"},al={class:"pd-field"},il={class:"pd-field"},rl={class:"pd-radio-group",role:"radiogroup"},sl={class:"pd-radio"},dl={class:"pd-radio"},cl={class:"pd-radio"},ul={class:"pd-field"},ml={class:"pd-radio-group",role:"radiogroup"},pl={class:"pd-radio"},vl={class:"pd-radio"},fl={class:"pd-radio"},gl={class:"color-row"},hl={class:"pd-field"},bl={class:"pd-field"},yl={class:"pd-field"},El={class:"pd-field"},kl={key:1,class:"pd-empty"},Vl=e.defineComponent({__name:"AppearanceGroup",props:{element:{},isTextType:{type:Boolean},matchedKeys:{},searching:{type:Boolean}},setup(o){const r=o;function t(l){return r.searching?r.matchedKeys?.has(l)??!0:!0}const n=e.computed(()=>r.element.printElementType.type==="table");return(l,i)=>(e.openBlock(),e.createBlock(ke,{title:"外观",icon:"Brush","default-expanded":"","group-key":"appearance"},{default:e.withCtx(()=>[e.createElementVNode("form",{class:"pd-form",onSubmit:i[12]||(i[12]=e.withModifiers(()=>{},["prevent"]))},[o.isTextType?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.withDirectives(e.createElementVNode("div",ll,[i[13]||(i[13]=e.createElementVNode("span",{class:"pd-label"},"字体大小",-1)),e.createVNode(ie,{modelValue:o.element.options.fontSize,"onUpdate:modelValue":i[0]||(i[0]=a=>o.element.options.fontSize=a),min:8,max:72},null,8,["modelValue"])],512),[[e.vShow,t("ap-font-size")]]),e.withDirectives(e.createElementVNode("div",al,[i[15]||(i[15]=e.createElementVNode("span",{class:"pd-label"},"字体粗细",-1)),e.withDirectives(e.createElementVNode("select",{class:"pd-select","onUpdate:modelValue":i[1]||(i[1]=a=>o.element.options.fontWeight=a),style:{width:"100%"}},[...i[14]||(i[14]=[e.createElementVNode("option",{value:"normal"},"正常",-1),e.createElementVNode("option",{value:"bold"},"粗体",-1),e.createElementVNode("option",{value:"bolder"},"更粗",-1),e.createElementVNode("option",{value:"lighter"},"细体",-1)])],512),[[e.vModelSelect,o.element.options.fontWeight]])],512),[[e.vShow,t("ap-font-weight")]]),e.withDirectives(e.createElementVNode("div",il,[i[19]||(i[19]=e.createElementVNode("span",{class:"pd-label"},"对齐",-1)),e.createElementVNode("div",rl,[e.createElementVNode("label",sl,[e.withDirectives(e.createElementVNode("input",{type:"radio","onUpdate:modelValue":i[2]||(i[2]=a=>o.element.options.textAlign=a),value:"left"},null,512),[[e.vModelRadio,o.element.options.textAlign]]),i[16]||(i[16]=e.createElementVNode("span",null,"左",-1))]),e.createElementVNode("label",dl,[e.withDirectives(e.createElementVNode("input",{type:"radio","onUpdate:modelValue":i[3]||(i[3]=a=>o.element.options.textAlign=a),value:"center"},null,512),[[e.vModelRadio,o.element.options.textAlign]]),i[17]||(i[17]=e.createElementVNode("span",null,"中",-1))]),e.createElementVNode("label",cl,[e.withDirectives(e.createElementVNode("input",{type:"radio","onUpdate:modelValue":i[4]||(i[4]=a=>o.element.options.textAlign=a),value:"right"},null,512),[[e.vModelRadio,o.element.options.textAlign]]),i[18]||(i[18]=e.createElementVNode("span",null,"右",-1))])])],512),[[e.vShow,t("ap-align")]]),e.withDirectives(e.createElementVNode("div",ul,[i[23]||(i[23]=e.createElementVNode("span",{class:"pd-label"},"垂直对齐",-1)),e.createElementVNode("div",ml,[e.createElementVNode("label",pl,[e.withDirectives(e.createElementVNode("input",{type:"radio","onUpdate:modelValue":i[5]||(i[5]=a=>o.element.options.verticalAlign=a),value:"top"},null,512),[[e.vModelRadio,o.element.options.verticalAlign]]),i[20]||(i[20]=e.createElementVNode("span",null,"顶",-1))]),e.createElementVNode("label",vl,[e.withDirectives(e.createElementVNode("input",{type:"radio","onUpdate:modelValue":i[6]||(i[6]=a=>o.element.options.verticalAlign=a),value:"middle"},null,512),[[e.vModelRadio,o.element.options.verticalAlign]]),i[21]||(i[21]=e.createElementVNode("span",null,"中",-1))]),e.createElementVNode("label",fl,[e.withDirectives(e.createElementVNode("input",{type:"radio","onUpdate:modelValue":i[7]||(i[7]=a=>o.element.options.verticalAlign=a),value:"bottom"},null,512),[[e.vModelRadio,o.element.options.verticalAlign]]),i[22]||(i[22]=e.createElementVNode("span",null,"底",-1))])])],512),[[e.vShow,t("ap-vertical-align")]]),e.createElementVNode("div",gl,[e.withDirectives(e.createElementVNode("div",hl,[i[24]||(i[24]=e.createElementVNode("span",{class:"pd-label"},"颜色",-1)),e.createVNode(Ee,{modelValue:o.element.options.color,"onUpdate:modelValue":i[8]||(i[8]=a=>o.element.options.color=a)},null,8,["modelValue"])],512),[[e.vShow,t("ap-color")]]),e.withDirectives(e.createElementVNode("div",bl,[i[25]||(i[25]=e.createElementVNode("span",{class:"pd-label"},"背景色",-1)),e.createVNode(Ee,{modelValue:o.element.options.backgroundColor,"onUpdate:modelValue":i[9]||(i[9]=a=>o.element.options.backgroundColor=a)},null,8,["modelValue"])],512),[[e.vShow,t("ap-bg-color")]])]),e.withDirectives(e.createElementVNode("div",yl,[i[26]||(i[26]=e.createElementVNode("span",{class:"pd-label"},"行高",-1)),e.createVNode(ie,{modelValue:o.element.options.lineHeight,"onUpdate:modelValue":i[10]||(i[10]=a=>o.element.options.lineHeight=a),min:0,max:100},null,8,["modelValue"])],512),[[e.vShow,t("ap-line-height")]]),e.withDirectives(e.createElementVNode("div",El,[i[27]||(i[27]=e.createElementVNode("span",{class:"pd-label"},"字间距",-1)),e.createVNode(ie,{modelValue:o.element.options.letterSpacing,"onUpdate:modelValue":i[11]||(i[11]=a=>o.element.options.letterSpacing=a),min:0,max:20,step:.5},null,8,["modelValue"])],512),[[e.vShow,t("ap-letter-spacing")]])],64)):e.createCommentVNode("",!0),!o.isTextType&&!n.value?(e.openBlock(),e.createElementBlock("p",kl,"当前元素不支持外观设置")):e.createCommentVNode("",!0)],32)]),_:1}))}}),wl=J(Vl,[["__scopeId","data-v-9d989c80"]]),Nl={class:"pd-dialog pd-dialog-large",role:"dialog","aria-modal":"true","aria-labelledby":"expression-editor-title"},Cl={class:"pd-dialog-header"},Sl={class:"expression-editor"},Bl={class:"ee-nav"},$l={class:"ee-nav-tabs"},xl={class:"ee-content"},Tl={class:"ee-content-search"},Dl=["placeholder"],Ml={class:"ee-content-list"},zl={class:"ee-field-group-icon"},Ll=["onDblclick"],Pl={class:"ee-field-info"},Rl={class:"ee-item-label"},Il={class:"ee-item-key"},Al={key:0,class:"pd-empty"},Hl=["onDblclick"],Fl={class:"ee-field-info"},Ul={class:"ee-item-label"},Gl={class:"ee-item-key"},Ol={class:"ee-func-group"},Wl=["onDblclick"],ql={class:"ee-field-info"},Kl={class:"ee-item-label"},Yl={class:"ee-item-key"},jl={class:"ee-func-group"},Xl=["onDblclick"],Zl={class:"ee-field-info"},Jl={class:"ee-item-label"},Ql={class:"ee-item-key"},_l={class:"ee-editor"},ea={class:"ee-editor-section"},ta={class:"ee-editor-section"},oa={class:"pd-dialog-footer"},na=e.defineComponent({__name:"ExpressionEditor",props:{modelValue:{type:Boolean},expression:{},fields:{}},emits:["update:modelValue","update:expression"],setup(o,{emit:r}){const t=o,n=r,l=e.computed({get:()=>t.modelValue,set:$=>n("update:modelValue",$)}),i=e.ref("field"),a=e.computed(()=>{switch(i.value){case"field":return"搜索字段...";case"variable":return"搜索变量...";case"function":return"搜索函数...";default:return"搜索..."}}),c=e.ref(""),h=e.computed(()=>w.filterGroups(w.groupFields(t.fields??[]),c.value));e.watch(l,$=>{$&&(S.value=t.expression||"")});function u($){const{insideParens:M}=C();_(M?$.fieldKey:`{${$.fieldKey}}`)}function f($){const{insideParens:M}=C();_(M?$.template.replace(/^\{|\}$/g,""):$.template)}function E($){const{insideBlock:M}=C(),P=M?$.template:`{${$.template}}`,x=P.indexOf("(")+1;_(P,x)}function C(){const M=U.value?.selectionStart??S.value.length,P=S.value.substring(0,M);let x=!1;const D=P.lastIndexOf("{");D!==-1&&!P.slice(D+1).includes("}")&&(x=!0);let s=!1;const V=P.lastIndexOf("(");return V!==-1&&!P.slice(V+1).includes(")")&&(s=!0),{insideBlock:x,insideParens:s}}const I=e.computed(()=>{if(!c.value.trim())return W;const $=c.value.trim().toLowerCase();return W.filter(M=>M.label.toLowerCase().includes($)||M.name.toLowerCase().includes($))}),O=e.computed(()=>{if(!c.value.trim())return K;const $=c.value.trim().toLowerCase();return K.filter(M=>M.label.toLowerCase().includes($)||M.name.toLowerCase().includes($))}),z=e.computed(()=>{if(!c.value.trim())return Z;const $=c.value.trim().toLowerCase();return Z.filter(M=>M.label.toLowerCase().includes($)||M.name.toLowerCase().includes($))}),S=e.ref(t.expression||""),U=e.ref(null);e.watch(()=>t.expression,$=>{S.value=$||""});const K=[{name:"SUM",label:"求和",template:"SUM()"},{name:"AVG",label:"平均值",template:"AVG()"},{name:"COUNT",label:"计数",template:"COUNT()"},{name:"MIN",label:"最小值",template:"MIN()"},{name:"MAX",label:"最大值",template:"MAX()"}],Z=[{name:"MONEY",label:"金额格式化",template:"MONEY()"},{name:"DATE",label:"日期格式化",template:"DATE()"},{name:"UPPER",label:"大写金额",template:"UPPER()"},{name:"IF",label:"条件判断",template:"IF()"}],W=[{name:"pageIndex",label:"当前页码",template:"{pageIndex}"},{name:"totalPages",label:"总页数",template:"{totalPages}"},{name:"printDate",label:"打印日期",template:"{printDate}"},{name:"printTime",label:"打印时间",template:"{printTime}"}],Q=e.computed(()=>{if(!S.value.trim())return"(输入表达式后预览)";try{const $={...w.DEFAULT_DEMO_DATA,pageIndex:1,totalPages:1,printDate:new Date().toISOString().split("T")[0],printTime:Date.now()},M=w.evaluateTemplate(S.value,$);return M==null?"(无法计算)":String(M)}catch{return"(表达式错误)"}});function _($,M=$.length){const P=U.value;if(!P){S.value+=$;return}const x=P.selectionStart,D=P.selectionEnd,s=S.value.substring(0,x),V=S.value.substring(D);S.value=s+$+V;const F=x+M;e.nextTick(()=>{P.focus(),P.selectionStart=P.selectionEnd=F})}function N(){n("update:expression",S.value),l.value=!1}return($,M)=>l.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"pd-dialog-overlay",onKeydown:M[7]||(M[7]=e.withKeys(P=>l.value=!1,["esc"]))},[e.createElementVNode("section",Nl,[e.createElementVNode("header",Cl,[M[8]||(M[8]=e.createElementVNode("strong",{id:"expression-editor-title"},"编辑表达式",-1)),e.createElementVNode("button",{type:"button",class:"pd-close","aria-label":"关闭",onClick:M[0]||(M[0]=P=>l.value=!1)},"×")]),e.createElementVNode("div",Sl,[e.createElementVNode("div",Bl,[M[9]||(M[9]=e.createElementVNode("div",{class:"ee-nav-title"},"类型",-1)),e.createElementVNode("div",$l,[e.createElementVNode("div",{class:e.normalizeClass(["ee-nav-tab",{active:i.value==="field"}]),onClick:M[1]||(M[1]=P=>i.value="field")}," 📁 字段 ",2),e.createElementVNode("div",{class:e.normalizeClass(["ee-nav-tab",{active:i.value==="variable"}]),onClick:M[2]||(M[2]=P=>i.value="variable")}," 🔧 变量 ",2),e.createElementVNode("div",{class:e.normalizeClass(["ee-nav-tab",{active:i.value==="function"}]),onClick:M[3]||(M[3]=P=>i.value="function")}," ⚡ 函数 ",2)])]),e.createElementVNode("div",xl,[e.createElementVNode("div",Tl,[e.withDirectives(e.createElementVNode("input",{class:"pd-input","onUpdate:modelValue":M[4]||(M[4]=P=>c.value=P),placeholder:a.value},null,8,Dl),[[e.vModelText,c.value]])]),e.createElementVNode("div",Ml,[i.value==="field"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,P=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:P.key||"_top"},[P.key?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["ee-field-group",{"is-list":P.isList}])},[e.createElementVNode("span",zl,e.toDisplayString(P.isList?"📋":"📁"),1),e.createElementVNode("span",null,e.toDisplayString(P.label),1)],2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(P.fields,x=>(e.openBlock(),e.createElementBlock("div",{key:x.fieldKey,class:"ee-list-item ee-field-item",style:e.normalizeStyle({paddingLeft:P.key?"22px":"10px"}),onDblclick:D=>u(x)},[e.createElementVNode("div",Pl,[e.createElementVNode("span",Rl,e.toDisplayString(x.fieldLabel),1),e.createElementVNode("span",Il,e.toDisplayString(x.fieldKey),1)])],44,Ll))),128))],64))),128)),h.value.length===0?(e.openBlock(),e.createElementBlock("p",Al,"暂无字段")):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),i.value==="variable"?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(I.value,P=>(e.openBlock(),e.createElementBlock("div",{key:P.name,class:"ee-list-item",onDblclick:x=>f(P)},[e.createElementVNode("div",Fl,[e.createElementVNode("span",Ul,e.toDisplayString(P.label),1),e.createElementVNode("span",Gl,e.toDisplayString(P.template),1)])],40,Hl))),128)):e.createCommentVNode("",!0),i.value==="function"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createElementVNode("div",Ol,[M[10]||(M[10]=e.createElementVNode("div",{class:"ee-func-group-title"},"聚合函数",-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(O.value,P=>(e.openBlock(),e.createElementBlock("div",{key:P.name,class:"ee-list-item",onDblclick:x=>E(P)},[e.createElementVNode("div",ql,[e.createElementVNode("span",Kl,e.toDisplayString(P.label),1),e.createElementVNode("span",Yl,e.toDisplayString(P.name)+"()",1)])],40,Wl))),128))]),e.createElementVNode("div",jl,[M[11]||(M[11]=e.createElementVNode("div",{class:"ee-func-group-title"},"格式化函数",-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(z.value,P=>(e.openBlock(),e.createElementBlock("div",{key:P.name,class:"ee-list-item",onDblclick:x=>E(P)},[e.createElementVNode("div",Zl,[e.createElementVNode("span",Jl,e.toDisplayString(P.label),1),e.createElementVNode("span",Ql,e.toDisplayString(P.name)+"()",1)])],40,Xl))),128))])],64)):e.createCommentVNode("",!0)])]),e.createElementVNode("div",_l,[e.createElementVNode("div",ea,[M[12]||(M[12]=e.createElementVNode("div",{class:"ee-editor-title"},"表达式编辑",-1)),e.withDirectives(e.createElementVNode("textarea",{ref_key:"textareaRef",ref:U,"onUpdate:modelValue":M[5]||(M[5]=P=>S.value=P),class:"ee-textarea",rows:"6",placeholder:"双击左侧字段/变量/函数插入,或直接输入静态内容"},null,512),[[e.vModelText,S.value]])]),e.createElementVNode("div",ta,[M[13]||(M[13]=e.createElementVNode("div",{class:"ee-editor-title"},"预览结果",-1)),e.createElementVNode("div",{class:e.normalizeClass(["ee-preview",{"ee-preview-error":Q.value==="(表达式错误)"}])},e.toDisplayString(Q.value),3)]),M[14]||(M[14]=e.createStaticVNode('<div class="ee-help-section" data-v-ef66ca45><div class="ee-help-title" data-v-ef66ca45>帮助信息</div><div class="ee-help-grid" data-v-ef66ca45><div class="ee-help-card ee-help-field" data-v-ef66ca45><div class="ee-help-card-title" data-v-ef66ca45>输入方式</div><div class="ee-help-card-content" data-v-ef66ca45> 双击左侧字段、变量、函数即可插入到表达式输入框中<br data-v-ef66ca45> 静态数据直接输入即可,如:供应商名称<br data-v-ef66ca45> 动态解析字段、变量、函数必须用 {} 包裹<br data-v-ef66ca45> 示例:{SUM(supplier.name)}<br data-v-ef66ca45> 注意:只能嵌套一层 </div></div><div class="ee-help-card ee-help-function" data-v-ef66ca45><div class="ee-help-card-title" data-v-ef66ca45>函数使用</div><div class="ee-help-card-content" data-v-ef66ca45> SUM(字段) - 求和<br data-v-ef66ca45> AVG(字段) - 平均值<br data-v-ef66ca45> COUNT(字段) - 计数<br data-v-ef66ca45> IF(条件, 真值, 假值) - 条件判断 </div></div><div class="ee-help-card ee-help-variable" data-v-ef66ca45><div class="ee-help-card-title" data-v-ef66ca45>系统变量</div><div class="ee-help-card-content" data-v-ef66ca45> {pageIndex} - 当前页码<br data-v-ef66ca45> {totalPages} - 总页数<br data-v-ef66ca45> {printDate} - 打印日期 </div></div><div class="ee-help-card ee-help-conditional" data-v-ef66ca45><div class="ee-help-card-title" data-v-ef66ca45>示例</div><div class="ee-help-card-content" data-v-ef66ca45> 静态文本:供应商名称<br data-v-ef66ca45> 动态字段:{supplier.name}<br data-v-ef66ca45> 函数调用:{SUM(amount)}<br data-v-ef66ca45> 条件判断:{IF(amount&gt;1000, &quot;大单&quot;, &quot;小单&quot;)} </div></div></div></div>',1))])]),e.createElementVNode("footer",oa,[e.createElementVNode("button",{type:"button",class:"pd-button",onClick:M[6]||(M[6]=P=>l.value=!1)},"取消"),e.createElementVNode("button",{type:"button",class:"pd-button primary",onClick:N},"确定")])])],32)):e.createCommentVNode("",!0)}}),Oe=J(na,[["__scopeId","data-v-ef66ca45"]]),la={class:"pd-field"},aa={class:"pd-label"},ia=["value","placeholder"],ra=e.defineComponent({__name:"BindingControl",props:{descriptor:{},modelValue:{},fields:{}},emits:["update:modelValue"],setup(o,{emit:r}){const t=r,n=e.ref(!1);function l(){n.value=!0}return(i,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",la,[e.createElementVNode("span",aa,e.toDisplayString(o.descriptor.label),1),e.createElementVNode("input",{value:o.modelValue,class:"pd-input",placeholder:o.descriptor.placeholder||"输入内容,支持 {字段} 表达式",onInput:a[0]||(a[0]=c=>t("update:modelValue",c.target.value)),onDblclick:l},null,40,ia)]),e.createVNode(Oe,{modelValue:n.value,"onUpdate:modelValue":a[1]||(a[1]=c=>n.value=c),fields:o.fields,expression:o.modelValue,"onUpdate:expression":a[2]||(a[2]=c=>t("update:modelValue",c))},null,8,["modelValue","fields","expression"])],64))}}),sa=J(ra,[["__scopeId","data-v-40a99329"]]),da={class:"pd-field"},ca=["value"],ua=["value"],ma={class:"pd-field"},pa={class:"pd-field"},va={class:"pd-field"},fa={class:"pd-field"},ga={style:{width:"60px"}},ha=e.defineComponent({__name:"TableSettingsGroup",props:{element:{},fields:{}},setup(o){const r=o,t=e.inject(Te,null),n=e.computed(()=>r.fields.filter(a=>a.fieldType==="list").map(a=>({label:a.fieldLabel,value:a.fieldKey})));function l(a){r.element.options.dataSource=a||void 0,t?.recordHistory()}function i(a,c){if(c===void 0)return;const h=r.element.options.tableColWidths,u=t?.maxTableWidth.value??1/0,f=h.reduce((E,C,I)=>I===a?E:E+C,0);if(f+c>u){const E=Math.max(5,Math.round((u-f)*10)/10);alert(`表格总宽不能超过打印范围宽度 ${u}mm,列${a+1} 已调整为 ${E}mm`),h[a]=E}else h[a]=c;w.syncTableElementSize(r.element.options),t?.recordHistory()}return(a,c)=>(e.openBlock(),e.createBlock(ke,{title:"表格设置",icon:"Grid","default-expanded":"","group-key":"table-settings"},{default:e.withCtx(()=>[e.createElementVNode("form",{class:"pd-form",onSubmit:c[4]||(c[4]=e.withModifiers(()=>{},["prevent"]))},[e.createElementVNode("div",da,[c[5]||(c[5]=e.createElementVNode("span",{class:"pd-label"},"列表数据源字段",-1)),e.createElementVNode("select",{value:o.element.options.dataSource,class:"pd-select",style:{width:"100%"},onChange:c[0]||(c[0]=h=>l(h.target.value))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,h=>(e.openBlock(),e.createElementBlock("option",{key:h.value,value:h.value},e.toDisplayString(h.label),9,ua))),128))],40,ca)]),e.createElementVNode("div",ma,[c[6]||(c[6]=e.createElementVNode("span",{class:"pd-label"},"默认字号 (pt)",-1)),e.createVNode(ie,{modelValue:o.element.options.tableDefaultFontSize,"onUpdate:modelValue":c[1]||(c[1]=h=>o.element.options.tableDefaultFontSize=h),min:5,max:72,placeholder:"默认"},null,8,["modelValue"])]),e.createElementVNode("div",pa,[c[7]||(c[7]=e.createElementVNode("span",{class:"pd-label"},"默认文字颜色",-1)),e.createVNode(Ee,{modelValue:o.element.options.tableDefaultColor,"onUpdate:modelValue":c[2]||(c[2]=h=>o.element.options.tableDefaultColor=h)},null,8,["modelValue"])]),e.createElementVNode("div",va,[c[8]||(c[8]=e.createElementVNode("span",{class:"pd-label"},"默认内边距 (mm)",-1)),e.createVNode(ie,{modelValue:o.element.options.tableDefaultPadding,"onUpdate:modelValue":c[3]||(c[3]=h=>o.element.options.tableDefaultPadding=h),min:0,max:10,step:.5,placeholder:"默认"},null,8,["modelValue"])]),e.createElementVNode("div",fa,[c[9]||(c[9]=e.createElementVNode("span",{class:"pd-label"},"列宽 (mm)",-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.element.options.tableColWidths,(h,u)=>(e.openBlock(),e.createElementBlock("div",{key:u,class:"col-width-row"},[e.createElementVNode("span",ga,"列"+e.toDisplayString(u+1),1),e.createVNode(ie,{"model-value":h,min:5,max:200,"onUpdate:modelValue":f=>i(u,f)},null,8,["model-value","onUpdate:modelValue"])]))),128))])],32)]),_:1}))}}),ba=J(ha,[["__scopeId","data-v-b5fdc7ff"]]),ya={class:"border-row"},Ea={class:"pd-field"},ka={class:"pd-field"},Va={class:"pd-field"},wa=e.defineComponent({__name:"BorderBgGroup",props:{element:{},matchedKeys:{},searching:{type:Boolean}},setup(o){const r=o;function t(n){return r.searching?r.matchedKeys?.has(n)??!0:!0}return(n,l)=>(e.openBlock(),e.createBlock(ke,{title:"边框与背景",icon:"Picture","default-expanded":"","group-key":"border-bg"},{default:e.withCtx(()=>[e.createElementVNode("form",{class:"pd-form",onSubmit:l[3]||(l[3]=e.withModifiers(()=>{},["prevent"]))},[e.createElementVNode("div",ya,[e.withDirectives(e.createElementVNode("div",Ea,[l[4]||(l[4]=e.createElementVNode("span",{class:"pd-label"},"边框宽度",-1)),e.createVNode(ie,{modelValue:o.element.options.borderWidth,"onUpdate:modelValue":l[0]||(l[0]=i=>o.element.options.borderWidth=i),min:0,max:20,step:.25},null,8,["modelValue"])],512),[[e.vShow,t("bb-border-width")]]),e.withDirectives(e.createElementVNode("div",ka,[l[5]||(l[5]=e.createElementVNode("span",{class:"pd-label"},"边框颜色",-1)),e.createVNode(Ee,{modelValue:o.element.options.borderColor,"onUpdate:modelValue":l[1]||(l[1]=i=>o.element.options.borderColor=i)},null,8,["modelValue"])],512),[[e.vShow,t("bb-border-color")]])]),e.withDirectives(e.createElementVNode("div",Va,[l[6]||(l[6]=e.createElementVNode("span",{class:"pd-label"},"背景色",-1)),e.createVNode(Ee,{modelValue:o.element.options.backgroundColor,"onUpdate:modelValue":l[2]||(l[2]=i=>o.element.options.backgroundColor=i)},null,8,["modelValue"])],512),[[e.vShow,t("bb-bg-color")]])],32)]),_:1}))}}),Na=J(wa,[["__scopeId","data-v-e0e6d714"]]),Ca={class:"advanced-row"},Sa={class:"pd-field"},Ba={class:"pd-field"},$a={class:"pd-field"},xa={class:"pd-field"},Ta=e.defineComponent({__name:"AdvancedGroup",props:{element:{},matchedKeys:{},searching:{type:Boolean}},emits:["delete-element"],setup(o){const r=o;function t(n){return r.searching?r.matchedKeys?.has(n)??!0:!0}return(n,l)=>(e.openBlock(),e.createBlock(ke,{title:"高级设置",icon:"Setting","group-key":"advanced"},{default:e.withCtx(()=>[e.createElementVNode("form",{class:"pd-form",onSubmit:l[4]||(l[4]=e.withModifiers(()=>{},["prevent"]))},[e.createElementVNode("div",Ca,[e.withDirectives(e.createElementVNode("div",Sa,[l[5]||(l[5]=e.createElementVNode("span",{class:"pd-label"},"锁定",-1)),e.withDirectives(e.createElementVNode("input",{type:"checkbox",class:"pd-switch","onUpdate:modelValue":l[0]||(l[0]=i=>o.element.options.locked=i)},null,512),[[e.vModelCheckbox,o.element.options.locked]])],512),[[e.vShow,t("ad-locked")]]),e.withDirectives(e.createElementVNode("div",Ba,[l[6]||(l[6]=e.createElementVNode("span",{class:"pd-label"},"每页重复",-1)),e.withDirectives(e.createElementVNode("input",{type:"checkbox",class:"pd-switch","onUpdate:modelValue":l[1]||(l[1]=i=>o.element.options.fixed=i)},null,512),[[e.vModelCheckbox,o.element.options.fixed]])],512),[[e.vShow,t("ad-fixed")]])]),e.withDirectives(e.createElementVNode("div",$a,[l[7]||(l[7]=e.createElementVNode("span",{class:"pd-label"},"层级",-1)),e.createVNode(ie,{modelValue:o.element.options.zIndex,"onUpdate:modelValue":l[2]||(l[2]=i=>o.element.options.zIndex=i),min:0,max:999},null,8,["modelValue"])],512),[[e.vShow,t("ad-z-index")]]),e.withDirectives(e.createElementVNode("div",xa,[e.createElementVNode("button",{type:"button",class:"pd-button danger",onClick:l[3]||(l[3]=i=>n.$emit("delete-element"))}," 删除元素 ")],512),[[e.vShow,t("ad-delete")]])],32)]),_:1}))}}),Da=J(Ta,[["__scopeId","data-v-14924be2"]]),Ma={key:0,class:"pd-field"},za=["checked"],La={class:"pd-field"},Pa=["checked"],Ra={class:"pd-field"},Ia=["checked"],Xe=e.defineComponent({__name:"PaginationGroup",props:{element:{},matchedKeys:{},searching:{type:Boolean}},setup(o){const r=o,t=e.computed(()=>r.element.printElementType.type==="table"),n=e.computed({get:()=>r.element.options.tablePagination?.enabled??!0,set:()=>{}});function l(f){r.element.options.tablePagination={enabled:f}}const i=e.computed({get:()=>r.element.options.pagination?.pageable??!0,set:()=>{}}),a=e.computed({get:()=>r.element.options.pagination?.keepWithNext??!1,set:()=>{}});function c(f){r.element.options.pagination={pageable:f,keepWithNext:a.value}}function h(f){r.element.options.pagination={pageable:i.value,keepWithNext:f}}function u(f){return r.searching?r.matchedKeys?.has(f)??!0:!0}return(f,E)=>(e.openBlock(),e.createBlock(ke,{title:"分页配置",icon:"Document","group-key":"pagination"},{default:e.withCtx(()=>[e.createElementVNode("form",{class:"pd-form",onSubmit:E[3]||(E[3]=e.withModifiers(()=>{},["prevent"]))},[t.value?e.withDirectives((e.openBlock(),e.createElementBlock("div",Ma,[E[4]||(E[4]=e.createElementVNode("span",{class:"pd-label"},"启用分页",-1)),e.createElementVNode("input",{type:"checkbox",class:"pd-switch",checked:n.value,onChange:E[0]||(E[0]=C=>l(C.target.checked))},null,40,za)],512)),[[e.vShow,u("pg-enabled")]]):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.withDirectives(e.createElementVNode("div",La,[E[5]||(E[5]=e.createElementVNode("span",{class:"pd-label"},"参与分页",-1)),e.createElementVNode("input",{type:"checkbox",class:"pd-switch",checked:i.value,onChange:E[1]||(E[1]=C=>c(C.target.checked))},null,40,Pa)],512),[[e.vShow,u("pg-pageable")]]),e.withDirectives(e.createElementVNode("div",Ra,[E[6]||(E[6]=e.createElementVNode("span",{class:"pd-label"},"与下元素同页",-1)),e.createElementVNode("input",{type:"checkbox",class:"pd-switch",checked:a.value,onChange:E[2]||(E[2]=C=>h(C.target.checked))},null,40,Ia)],512),[[e.vShow,u("pg-keep-with-next")]])],64))],32)]),_:1}))}}),Aa={class:"image-content-upload"},Ha=["disabled"],Fa=e.defineComponent({__name:"ImageContentUpload",props:{disabled:{type:Boolean}},emits:["success"],setup(o,{emit:r}){const t=o,n=r,l=e.ref(!1),i=e.inject(Ge,e.computed(()=>{})),a=e.computed(()=>t.disabled||l.value||!i.value);async function c(h){const u=h.target,f=u.files?.[0];if(f){if(!f.type.startsWith("image/")){alert("仅支持上传图片文件"),u.value="";return}if(!i.value){alert("图片上传能力未配置"),u.value="";return}l.value=!0;try{const E=await i.value(f);E?n("success",E):alert("图片上传失败")}catch(E){alert(E instanceof Error?E.message:"图片上传失败")}finally{l.value=!1,u.value=""}}}return(h,u)=>(e.openBlock(),e.createElementBlock("div",Aa,[e.createElementVNode("label",{class:e.normalizeClass(["pd-button small upload-label",{disabled:a.value}])},[u[0]||(u[0]=e.createElementVNode("svg",{class:"pd-icon",viewBox:"0 0 24 24","aria-hidden":"true"},[e.createElementVNode("path",{fill:"currentColor",d:"M12 3l4 4h-3v7h-2V7H8zm-7 12h14v5H5Z"})],-1)),e.createTextVNode(" "+e.toDisplayString(l.value?"上传中...":"上传图片")+" ",1),e.createElementVNode("input",{class:"visually-hidden",type:"file",accept:"image/*",disabled:a.value,onChange:c},null,40,Ha)],2),u[1]||(u[1]=e.createElementVNode("p",{class:"upload-tip"},"支持 jpg/png/gif/bmp/webp/svg 等图片,上传后填入相对路径",-1))]))}}),Ua=J(Fa,[["__scopeId","data-v-b730e8e6"]]),Ga={class:"pd-field"},Oa=["value"],Wa={class:"pd-field"},qa={key:0,class:"pd-field"},Ka=["checked"],Ya=e.defineComponent({__name:"TableRowGroup",props:{element:{},selection:{}},setup(o){const r=o,t=e.inject(Te),n=e.computed(()=>r.element.options.tableRows[r.selection.r1]);function l(c){const h=w.setRowType(r.element.options.tableRows,r.selection.r1,c);if(h){alert(h);return}t.recordHistory()}function i(c){c!==void 0&&(n.value.height=c,w.syncTableElementSize(r.element.options),t.recordHistory())}function a(c){n.value.repeatOnPage=c,t.recordHistory()}return(c,h)=>(e.openBlock(),e.createBlock(ke,{title:"行属性",icon:"Grid","default-expanded":"","group-key":"table-row"},{default:e.withCtx(()=>[e.createElementVNode("form",{class:"pd-form",onSubmit:h[2]||(h[2]=e.withModifiers(()=>{},["prevent"]))},[e.createElementVNode("div",Ga,[h[4]||(h[4]=e.createElementVNode("span",{class:"pd-label"},"行类型",-1)),e.createElementVNode("select",{value:n.value.type,class:"pd-select",style:{width:"100%"},onChange:h[0]||(h[0]=u=>l(u.target.value))},[...h[3]||(h[3]=[e.createElementVNode("option",{value:"header"},"标题行",-1),e.createElementVNode("option",{value:"data"},"数据行",-1),e.createElementVNode("option",{value:"subtotal"},"小计行(每页小计)",-1),e.createElementVNode("option",{value:"summary"},"汇总行",-1)])],40,Oa)]),e.createElementVNode("div",Wa,[h[5]||(h[5]=e.createElementVNode("span",{class:"pd-label"},"行高 (mm)",-1)),e.createVNode(ie,{"model-value":n.value.height,min:3,max:100,step:.5,"onUpdate:modelValue":i},null,8,["model-value"])]),n.value.type==="header"?(e.openBlock(),e.createElementBlock("div",qa,[h[6]||(h[6]=e.createElementVNode("span",{class:"pd-label"},"每页顶部重复",-1)),e.createElementVNode("input",{checked:n.value.repeatOnPage??!1,type:"checkbox",class:"pd-switch",onInput:h[1]||(h[1]=u=>a(!!u.target.checked))},null,40,Ka)])):e.createCommentVNode("",!0)],32)]),_:1}))}}),ja={class:"pd-field"},Xa={class:"pd-radio-group",role:"radiogroup"},Za={class:"pd-radio"},Ja=["checked"],Qa={class:"pd-radio"},_a=["checked"],ei={class:"pd-radio"},ti=["checked"],oi={class:"pd-radio"},ni=["checked"],li={key:0,class:"pd-field"},ai=["value"],ii={key:1,class:"pd-field"},ri=["checked"],si={key:2,class:"pd-field"},di=["value"],ci={key:3,class:"pd-field"},ui=["value"],mi={key:4,class:"pd-field"},pi={key:5,class:"pd-field"},vi={class:"pd-field"},fi=["value"],gi={class:"pd-field"},hi={class:"pd-radio-group",role:"radiogroup"},bi={class:"pd-radio"},yi=["checked"],Ei={class:"pd-radio"},ki=["checked"],Vi={class:"pd-radio"},wi=["checked"],Ni={class:"pd-field"},Ci={class:"pd-radio-group",role:"radiogroup"},Si={class:"pd-radio"},Bi=["checked"],$i={class:"pd-radio"},xi=["checked"],Ti={class:"pd-radio"},Di=["checked"],Mi={class:"cell-style-grid"},zi={class:"pd-field"},Li=["value"],Pi={class:"pd-field"},Ri={class:"pd-field"},Ii=["checked"],Ai={class:"pd-field"},Hi={class:"pd-field"},Fi={class:"border-style-row"},Ui={style:{width:"112px","flex-shrink":"0"}},Gi={class:"pd-button-group border-presets"},Oi={class:"pd-checkbox-group"},Wi={class:"pd-checkbox"},qi={class:"pd-checkbox"},Ki={class:"pd-checkbox"},Yi={class:"pd-checkbox"},ji={class:"pd-field"},Xi={class:"pd-field"},Zi=["checked"],Ji={class:"merge-btns"},Qi=["disabled","title"],_i=["disabled"],er=e.defineComponent({__name:"TableCellGroup",props:{element:{},selection:{},fields:{}},setup(o,{expose:r}){const t=o,n=e.inject(Te),l=e.computed(()=>t.element.options.tableRows),i=e.computed(()=>{const D=w.findMainCell(l.value,t.selection.r1,t.selection.c1);return l.value[D.r].cells[D.c]}),a=e.ref(!1),c=e.ref(""),h=e.computed(()=>i.value.cellType==="barcode"),u=e.computed(()=>i.value.cellType==="qrcode"),f=e.computed(()=>i.value.cellType==="image");function E(D){S(s=>{s.align=D})}function C(D){S(s=>{s.valign=D})}function I(D){S(s=>{s.cellType=D==="text"?void 0:D,D!=="barcode"&&(s.barcodeType=void 0,s.showBarcodeText=void 0),D!=="qrcode"&&(s.qrCodeLevel=void 0)})}function O(){c.value=i.value.formatter||"",a.value=!0}function z(D){S(s=>{s.formatter=D||void 0})}function S(D){const s=t.selection;for(let V=s.r1;V<=s.r2;V++)for(let F=s.c1;F<=s.c2;F++){const Y=l.value[V].cells[F];Y.merged||D(Y)}n.recordHistory()}const U=e.ref("solid"),K=e.ref(.75),Z=e.ref("#333333"),W=e.ref([]);function Q(){return{width:K.value,style:U.value,color:Z.value}}function _(D){w.applyBorderPreset(l.value,t.selection,D,Q()),n.recordHistory()}function N(D){const s=D.target,V=new Set(W.value);s.checked?V.add(s.value):V.delete(s.value),W.value=[...V];const F=Q();S(Y=>{const j={...Y.borders??{}};for(const ee of["top","right","bottom","left"])V.has(ee)?j[ee]={...F}:delete j[ee];Y.borders=j})}const $=e.computed(()=>w.canMergeReason(l.value,t.selection)),M=e.computed(()=>{const D=t.selection;for(let s=D.r1;s<=D.r2;s++)for(let V=D.c1;V<=D.c2;V++){const F=l.value[s].cells[V];if(!F.merged&&((F.rowspan??1)>1||(F.colspan??1)>1))return!0}return!1});function P(){w.mergeCells(l.value,t.selection),n.recordHistory()}function x(){w.splitCells(l.value,t.selection),n.recordHistory()}return r({openFormatterEditor:O}),(D,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(ke,{title:"单元格",icon:"Menu","default-expanded":"","group-key":"table-cell"},{default:e.withCtx(()=>[e.createElementVNode("form",{class:"pd-form",onSubmit:s[39]||(s[39]=e.withModifiers(()=>{},["prevent"]))},[e.createElementVNode("div",ja,[s[45]||(s[45]=e.createElementVNode("span",{class:"pd-label"},"单元格类型",-1)),e.createElementVNode("div",Xa,[e.createElementVNode("label",Za,[e.createElementVNode("input",{type:"radio",value:"text",checked:(i.value.cellType||"text")==="text",onChange:s[0]||(s[0]=V=>I(V.target.value))},null,40,Ja),s[41]||(s[41]=e.createElementVNode("span",null,"文本",-1))]),e.createElementVNode("label",Qa,[e.createElementVNode("input",{type:"radio",value:"barcode",checked:i.value.cellType==="barcode",onChange:s[1]||(s[1]=V=>I(V.target.value))},null,40,_a),s[42]||(s[42]=e.createElementVNode("span",null,"条形码",-1))]),e.createElementVNode("label",ei,[e.createElementVNode("input",{type:"radio",value:"qrcode",checked:i.value.cellType==="qrcode",onChange:s[2]||(s[2]=V=>I(V.target.value))},null,40,ti),s[43]||(s[43]=e.createElementVNode("span",null,"二维码",-1))]),e.createElementVNode("label",oi,[e.createElementVNode("input",{type:"radio",value:"image",checked:i.value.cellType==="image",onChange:s[3]||(s[3]=V=>I(V.target.value))},null,40,ni),s[44]||(s[44]=e.createElementVNode("span",null,"图片",-1))])])]),h.value?(e.openBlock(),e.createElementBlock("div",li,[s[47]||(s[47]=e.createElementVNode("span",{class:"pd-label"},"码制",-1)),e.createElementVNode("select",{value:i.value.barcodeType||"CODE128",class:"pd-select",onChange:s[4]||(s[4]=V=>S(F=>{F.barcodeType=V.target.value||void 0}))},[...s[46]||(s[46]=[e.createElementVNode("option",{value:"CODE128"},"CODE128(通用)",-1),e.createElementVNode("option",{value:"EAN13"},"EAN13(商品码)",-1),e.createElementVNode("option",{value:"EAN8"},"EAN8",-1),e.createElementVNode("option",{value:"UPC"},"UPC",-1),e.createElementVNode("option",{value:"CODE39"},"CODE39",-1),e.createElementVNode("option",{value:"ITF14"},"ITF14",-1)])],40,ai)])):e.createCommentVNode("",!0),h.value?(e.openBlock(),e.createElementBlock("div",ii,[s[48]||(s[48]=e.createElementVNode("span",{class:"pd-label"},"显示文本",-1)),e.createElementVNode("input",{checked:i.value.showBarcodeText!==!1,type:"checkbox",class:"pd-switch",onInput:s[5]||(s[5]=V=>S(F=>{F.showBarcodeText=!!V.target.checked}))},null,40,ri)])):e.createCommentVNode("",!0),u.value?(e.openBlock(),e.createElementBlock("div",si,[s[50]||(s[50]=e.createElementVNode("span",{class:"pd-label"},"纠错级别",-1)),e.createElementVNode("select",{value:i.value.qrCodeLevel||"M",class:"pd-select",onChange:s[6]||(s[6]=V=>S(F=>{F.qrCodeLevel=V.target.value||void 0}))},[...s[49]||(s[49]=[e.createElementVNode("option",{value:"L"},"L(最低,容量大)",-1),e.createElementVNode("option",{value:"M"},"M(推荐)",-1),e.createElementVNode("option",{value:"Q"},"Q",-1),e.createElementVNode("option",{value:"H"},"H(最高)",-1)])],40,di)])):e.createCommentVNode("",!0),h.value||u.value||f.value?(e.openBlock(),e.createElementBlock("div",ci,[s[52]||(s[52]=e.createElementVNode("span",{class:"pd-label"},"缩放模式",-1)),e.createElementVNode("select",{value:i.value.fit||"contain",class:"pd-select",onChange:s[7]||(s[7]=V=>S(F=>{F.fit=V.target.value}))},[...s[51]||(s[51]=[e.createElementVNode("option",{value:"contain"},"包含(保持比例)",-1),e.createElementVNode("option",{value:"cover"},"覆盖(保持比例)",-1),e.createElementVNode("option",{value:"fill"},"拉伸填满",-1),e.createElementVNode("option",{value:"none"},"原始尺寸",-1),e.createElementVNode("option",{value:"scale-down"},"缩小(保持比例)",-1)])],40,ui)])):e.createCommentVNode("",!0),h.value||u.value||f.value?(e.openBlock(),e.createElementBlock("div",mi,[s[53]||(s[53]=e.createElementVNode("span",{class:"pd-label"},"最大宽度 (mm)",-1)),e.createVNode(ie,{"model-value":i.value.maxWidth,min:1,max:200,placeholder:"默认","onUpdate:modelValue":s[8]||(s[8]=V=>S(F=>{F.maxWidth=V??void 0}))},null,8,["model-value"])])):e.createCommentVNode("",!0),h.value||u.value||f.value?(e.openBlock(),e.createElementBlock("div",pi,[s[54]||(s[54]=e.createElementVNode("span",{class:"pd-label"},"最大高度 (mm)",-1)),e.createVNode(ie,{"model-value":i.value.maxHeight,min:1,max:200,placeholder:"默认","onUpdate:modelValue":s[9]||(s[9]=V=>S(F=>{F.maxHeight=V??void 0}))},null,8,["model-value"])])):e.createCommentVNode("",!0),e.createElementVNode("div",vi,[s[55]||(s[55]=e.createElementVNode("span",{class:"pd-label"},"内容",-1)),e.createElementVNode("input",{value:i.value.formatter||"",class:"pd-input",placeholder:"输入内容,支持 {字段} 表达式",onInput:s[10]||(s[10]=V=>S(F=>{F.formatter=V.target.value||void 0})),onDblclick:O},null,40,fi)]),e.createElementVNode("div",gi,[s[59]||(s[59]=e.createElementVNode("span",{class:"pd-label"},"水平对齐",-1)),e.createElementVNode("div",hi,[e.createElementVNode("label",bi,[e.createElementVNode("input",{type:"radio",value:"left",checked:i.value.align==="left",onChange:s[11]||(s[11]=V=>E(V.target.value))},null,40,yi),s[56]||(s[56]=e.createElementVNode("span",null,"左",-1))]),e.createElementVNode("label",Ei,[e.createElementVNode("input",{type:"radio",value:"center",checked:i.value.align==="center",onChange:s[12]||(s[12]=V=>E(V.target.value))},null,40,ki),s[57]||(s[57]=e.createElementVNode("span",null,"中",-1))]),e.createElementVNode("label",Vi,[e.createElementVNode("input",{type:"radio",value:"right",checked:i.value.align==="right",onChange:s[13]||(s[13]=V=>E(V.target.value))},null,40,wi),s[58]||(s[58]=e.createElementVNode("span",null,"右",-1))])])]),e.createElementVNode("div",Ni,[s[63]||(s[63]=e.createElementVNode("span",{class:"pd-label"},"垂直对齐",-1)),e.createElementVNode("div",Ci,[e.createElementVNode("label",Si,[e.createElementVNode("input",{type:"radio",value:"top",checked:i.value.valign==="top",onChange:s[14]||(s[14]=V=>C(V.target.value))},null,40,Bi),s[60]||(s[60]=e.createElementVNode("span",null,"上",-1))]),e.createElementVNode("label",$i,[e.createElementVNode("input",{type:"radio",value:"middle",checked:i.value.valign==="middle",onChange:s[15]||(s[15]=V=>C(V.target.value))},null,40,xi),s[61]||(s[61]=e.createElementVNode("span",null,"中",-1))]),e.createElementVNode("label",Ti,[e.createElementVNode("input",{type:"radio",value:"bottom",checked:i.value.valign==="bottom",onChange:s[16]||(s[16]=V=>C(V.target.value))},null,40,Di),s[62]||(s[62]=e.createElementVNode("span",null,"下",-1))])])]),e.createElementVNode("div",Mi,[e.createElementVNode("div",zi,[s[65]||(s[65]=e.createElementVNode("span",{class:"pd-label"},"字体",-1)),e.createElementVNode("select",{value:i.value.fontFamily,class:"pd-select",placeholder:"继承默认",onChange:s[17]||(s[17]=V=>S(F=>{F.fontFamily=V.target.value||void 0}))},[...s[64]||(s[64]=[e.createElementVNode("option",{value:"SimSun"},"宋体",-1),e.createElementVNode("option",{value:"SimHei"},"黑体",-1),e.createElementVNode("option",{value:"Microsoft YaHei"},"微软雅黑",-1),e.createElementVNode("option",{value:"KaiTi"},"楷体",-1),e.createElementVNode("option",{value:"FangSong"},"仿宋",-1),e.createElementVNode("option",{value:"Arial"},"Arial",-1)])],40,Li)]),e.createElementVNode("div",Pi,[s[66]||(s[66]=e.createElementVNode("span",{class:"pd-label"},"字号 (pt)",-1)),e.createVNode(ie,{"model-value":i.value.fontSize,min:5,max:72,placeholder:"默认","onUpdate:modelValue":s[18]||(s[18]=V=>S(F=>{F.fontSize=V??void 0}))},null,8,["model-value"])]),e.createElementVNode("div",Ri,[s[67]||(s[67]=e.createElementVNode("span",{class:"pd-label"},"加粗",-1)),e.createElementVNode("input",{checked:i.value.fontWeight==="bold",type:"checkbox",class:"pd-switch",onInput:s[19]||(s[19]=V=>S(F=>{F.fontWeight=V.target.checked?"bold":void 0}))},null,40,Ii)]),e.createElementVNode("div",Ai,[s[68]||(s[68]=e.createElementVNode("span",{class:"pd-label"},"文字颜色",-1)),e.createVNode(Ee,{"model-value":i.value.color,"onUpdate:modelValue":s[20]||(s[20]=V=>S(F=>{F.color=V}))},null,8,["model-value"])]),e.createElementVNode("div",Hi,[s[69]||(s[69]=e.createElementVNode("span",{class:"pd-label"},"背景色",-1)),e.createVNode(Ee,{"model-value":i.value.backgroundColor,"onUpdate:modelValue":s[21]||(s[21]=V=>S(F=>{F.backgroundColor=V}))},null,8,["model-value"])])]),s[77]||(s[77]=e.createElementVNode("h3",{class:"pd-divider"},"边框",-1)),e.createElementVNode("div",Fi,[e.withDirectives(e.createElementVNode("select",{class:"pd-select","onUpdate:modelValue":s[22]||(s[22]=V=>U.value=V),style:{width:"90px"}},[...s[70]||(s[70]=[e.createElementVNode("option",{value:"solid"},"实线",-1),e.createElementVNode("option",{value:"dashed"},"虚线",-1),e.createElementVNode("option",{value:"dotted"},"点线",-1),e.createElementVNode("option",{value:"double"},"双线",-1)])],512),[[e.vModelSelect,U.value]]),e.createElementVNode("div",Ui,[e.createVNode(ie,{modelValue:K.value,"onUpdate:modelValue":s[23]||(s[23]=V=>K.value=V),min:.25,max:5,step:.25},null,8,["modelValue"])]),e.createVNode(Ee,{modelValue:Z.value,"onUpdate:modelValue":s[24]||(s[24]=V=>Z.value=V)},null,8,["modelValue"])]),e.createElementVNode("div",Gi,[e.createElementVNode("button",{type:"button",class:"pd-button small",onClick:s[25]||(s[25]=V=>_("all"))},"全部"),e.createElementVNode("button",{type:"button",class:"pd-button small",onClick:s[26]||(s[26]=V=>_("outer"))},"外侧"),e.createElementVNode("button",{type:"button",class:"pd-button small",onClick:s[27]||(s[27]=V=>_("inner"))},"内部"),e.createElementVNode("button",{type:"button",class:"pd-button small",onClick:s[28]||(s[28]=V=>_("none"))},"无")]),e.createElementVNode("div",Oi,[e.createElementVNode("label",Wi,[e.withDirectives(e.createElementVNode("input",{type:"checkbox","onUpdate:modelValue":s[29]||(s[29]=V=>W.value=V),value:"top",onChange:s[30]||(s[30]=V=>N(V))},null,544),[[e.vModelCheckbox,W.value]]),s[71]||(s[71]=e.createElementVNode("span",null,"上",-1))]),e.createElementVNode("label",qi,[e.withDirectives(e.createElementVNode("input",{type:"checkbox","onUpdate:modelValue":s[31]||(s[31]=V=>W.value=V),value:"right",onChange:s[32]||(s[32]=V=>N(V))},null,544),[[e.vModelCheckbox,W.value]]),s[72]||(s[72]=e.createElementVNode("span",null,"右",-1))]),e.createElementVNode("label",Ki,[e.withDirectives(e.createElementVNode("input",{type:"checkbox","onUpdate:modelValue":s[33]||(s[33]=V=>W.value=V),value:"bottom",onChange:s[34]||(s[34]=V=>N(V))},null,544),[[e.vModelCheckbox,W.value]]),s[73]||(s[73]=e.createElementVNode("span",null,"下",-1))]),e.createElementVNode("label",Yi,[e.withDirectives(e.createElementVNode("input",{type:"checkbox","onUpdate:modelValue":s[35]||(s[35]=V=>W.value=V),value:"left",onChange:s[36]||(s[36]=V=>N(V))},null,544),[[e.vModelCheckbox,W.value]]),s[74]||(s[74]=e.createElementVNode("span",null,"左",-1))])]),e.createElementVNode("div",ji,[s[75]||(s[75]=e.createElementVNode("span",{class:"pd-label"},"内边距 (mm)",-1)),e.createVNode(ie,{"model-value":i.value.padding,min:0,max:10,step:.5,placeholder:"默认","onUpdate:modelValue":s[37]||(s[37]=V=>S(F=>{F.padding=V??void 0}))},null,8,["model-value"])]),e.createElementVNode("div",Xi,[s[76]||(s[76]=e.createElementVNode("span",{class:"pd-label"},"自动换行",-1)),e.createElementVNode("input",{checked:i.value.wordWrap??!0,type:"checkbox",class:"pd-switch",onInput:s[38]||(s[38]=V=>S(F=>{F.wordWrap=!!V.target.checked}))},null,40,Zi)]),e.createElementVNode("div",Ji,[e.createElementVNode("button",{type:"button",class:"pd-button small",disabled:!!$.value,title:$.value||"",onClick:P}," 合并单元格 ",8,Qi),e.createElementVNode("button",{type:"button",class:"pd-button small",disabled:!M.value,onClick:x},"拆分单元格",8,_i)])],32)]),_:1}),e.createVNode(Oe,{modelValue:a.value,"onUpdate:modelValue":s[40]||(s[40]=V=>a.value=V),fields:o.fields,expression:c.value,"onUpdate:expression":z},null,8,["modelValue","fields","expression"])],64))}}),tr=J(er,[["__scopeId","data-v-7372566f"]]),or={key:0,class:"prop-collapsed"},nr={class:"prop-head"},lr={class:"pd-tabs prop-tabs"},ar={class:"pd-tab-bar",role:"tablist"},ir={class:"pd-tab-pane",role:"tabpanel"},rr={class:"property-content"},sr={key:1,class:"pd-empty"},dr={class:"pd-tab-pane",role:"tabpanel"},cr={class:"pd-field"},ur=["value"],mr=["value"],pr={key:0,class:"pd-field"},vr={class:"custom-size-grid"},fr={class:"pd-field"},gr={class:"pd-radio-group",role:"radiogroup"},hr={class:"pd-radio"},br=["checked"],yr={class:"pd-radio"},Er=["checked"],kr={class:"pd-field"},Vr={class:"page-bg-row"},wr={class:"margin-grid"},Nr={class:"pd-field"},Cr={class:"pd-field"},Sr={class:"pd-field"},Br={class:"pd-field"},$r={class:"pd-field"},xr={class:"pd-field"},Tr={class:"pd-field"},Dr=e.defineComponent({__name:"PropertyPanel",props:{element:{},templateData:{},fields:{},activeTab:{},tableSelection:{},recordHistory:{type:Function},collapsed:{type:Boolean}},emits:["delete-element","update:templateData","update:activeTab","toggle-collapse"],setup(o,{emit:r}){const t=o,n=r,l=w.PAPER_PRESETS,i=e.ref(""),a=e.computed(()=>t.element?["text","longText"].includes(t.element.printElementType.type):!1),c=e.computed(()=>t.element?t.element.printElementType.type==="image":!1),h=e.computed(()=>!t.element||t.element.printElementType.type!=="table"?!1:!!t.tableSelection&&t.tableSelection.elementId===t.element.id),u=e.computed(()=>t.element?t.element.printElementType.type==="table":!1),f=e.computed(()=>w.searchProperties(i.value)),E=e.computed(()=>f.value.groups),C=e.computed(()=>f.value.itemKeys),I=e.computed(()=>!!i.value.trim()),O=e.computed(()=>{if(!t.element)return[];if(t.element.printElementType.type==="table"&&t.tableSelection){const{r1:v,c1:b}=t.tableSelection,A=t.element.options.tableRows;if(A&&A[v]){const q=A[v],de=t.element.options.fields?.[0]?.dataSource;return w.getTableCellBindings(q.type,v,b,de)}}return w.getElementBindings(t.element)});function z(v){return v.split(".").flatMap(b=>{const A=b.match(/^([^\[]+)((?:\[\d+\])*)$/);if(!A)return[b];const q=A[1],de=[...A[2].matchAll(/\[(\d+)\]/g)].map(re=>Number(re[1]));return[q,...de]})}function S(v){return t.element?z(v).reduce((q,de)=>q==null?"":q[de],t.element)??"":""}function U(v,b){if(!t.element)return;const A=z(v),q=A.pop(),de=A.reduce((re,me)=>((re[me]===void 0||re[me]===null)&&(re[me]={}),re[me]),t.element);de[q]=b||void 0,t.recordHistory?.()}function K(v){i.value=v}function Z(v){t.element&&U("options.src",v)}const W=e.computed(()=>t.templateData?.paperSize||"A4"),Q=e.computed(()=>t.templateData?.orientation||"portrait"),_=e.computed({get:()=>t.templateData?.pageBackground||"#ffffff",set:v=>ue(v)}),N=e.computed(()=>t.templateData?.margins.top??10),$=e.computed(()=>t.templateData?.margins.bottom??10),M=e.computed(()=>t.templateData?.margins.left??10),P=e.computed(()=>t.templateData?.margins.right??10),x=e.computed(()=>t.templateData?.header.height??10),D=e.computed(()=>t.templateData?.footer.height??10),s=e.computed(()=>t.templateData?.firstPageOverlay.height??0),V=e.computed(()=>t.templateData?.customWidth??210),F=e.computed(()=>t.templateData?.customHeight??297);function Y(v){t.templateData&&n("update:templateData",{...t.templateData,...v})}function j(v){if(v==="CUSTOM"){Y({paperSize:"CUSTOM"});return}l[v]&&Y({paperSize:v})}function ee(v){Y({orientation:String(v)})}function ue(v){const b=v&&v.toLowerCase()!=="#ffffff"&&v.toLowerCase()!=="#fff"?v:void 0;Y(b===void 0?{pageBackground:void 0}:{pageBackground:b})}function oe(){Y({pageBackground:void 0})}function se(v){v!==void 0&&Y({customWidth:v})}function ae(v){v!==void 0&&Y({customHeight:v})}function L(v){v!==void 0&&Y({margins:{...t.templateData.margins,top:v}})}function p(v){v!==void 0&&Y({margins:{...t.templateData.margins,bottom:v}})}function k(v){v!==void 0&&Y({margins:{...t.templateData.margins,left:v}})}function B(v){v!==void 0&&Y({margins:{...t.templateData.margins,right:v}})}function T(v){v!==void 0&&Y({header:{...t.templateData.header,height:v}})}function g(v){v!==void 0&&Y({footer:{...t.templateData.footer,height:v}})}function d(v){v!==void 0&&Y({firstPageOverlay:{...t.templateData.firstPageOverlay,height:v}})}const m=e.computed(()=>t.activeTab||"page");function y(v){n("update:activeTab",v),n("toggle-collapse")}return(v,b)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["property-panel",{collapsed:o.collapsed}])},[o.collapsed?(e.openBlock(),e.createElementBlock("div",or,[e.createElementVNode("button",{class:"pc-btn",title:"展开属性台",onClick:b[0]||(b[0]=A=>y(m.value))},"«"),e.createElementVNode("button",{class:e.normalizeClass(["pc-btn",{on:m.value==="element"}]),title:"元素属性",onClick:b[1]||(b[1]=A=>y("element"))},"▦",2),e.createElementVNode("button",{class:e.normalizeClass(["pc-btn",{on:m.value==="page"}]),title:"页面属性",onClick:b[2]||(b[2]=A=>y("page"))},"▤",2)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",nr,[b[12]||(b[12]=e.createElementVNode("span",{class:"prop-title"},"属性台",-1)),e.createElementVNode("button",{class:"collapse-btn",title:"收起属性台",onClick:b[3]||(b[3]=A=>v.$emit("toggle-collapse"))},"»")]),e.createElementVNode("div",lr,[e.createElementVNode("div",ar,[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["pd-tab",{active:(o.activeTab||"page")==="element"}]),onClick:b[4]||(b[4]=A=>v.$emit("update:activeTab","element"))},"元素属性",2),e.createElementVNode("button",{type:"button",class:e.normalizeClass(["pd-tab",{active:(o.activeTab||"page")==="page"}]),onClick:b[5]||(b[5]=A=>v.$emit("update:activeTab","page"))},"页面属性",2)]),e.withDirectives(e.createElementVNode("div",ir,[o.element?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(Pn,{onSearch:K}),e.createElementVNode("div",rr,[E.value.includes("position-size")&&!h.value?(e.openBlock(),e.createBlock(Qn,{key:0,element:o.element,"matched-keys":C.value,searching:I.value},null,8,["element","matched-keys","searching"])):e.createCommentVNode("",!0),E.value.includes("appearance")?(e.openBlock(),e.createBlock(wl,{key:1,element:o.element,"is-text-type":a.value,"matched-keys":C.value,searching:I.value},null,8,["element","is-text-type","matched-keys","searching"])):e.createCommentVNode("",!0),E.value.includes("binding")?(e.openBlock(),e.createBlock(ke,{key:2,title:"内容",icon:"Document","default-expanded":"","group-key":"binding"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(O.value,A=>(e.openBlock(),e.createBlock(sa,{key:A.targetPath,descriptor:A,fields:o.fields,"model-value":S(A.targetPath),"onUpdate:modelValue":q=>U(A.targetPath,q)},null,8,["descriptor","fields","model-value","onUpdate:modelValue"]))),128)),c.value?(e.openBlock(),e.createBlock(Ua,{key:0,onSuccess:Z})):e.createCommentVNode("",!0)]),_:1})):e.createCommentVNode("",!0),u.value&&o.tableSelection&&o.tableSelection.elementId===o.element.id?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[e.createVNode(Ya,{element:o.element,selection:o.tableSelection},null,8,["element","selection"]),e.createVNode(tr,{element:o.element,selection:o.tableSelection,fields:o.fields},null,8,["element","selection","fields"])],64)):e.createCommentVNode("",!0),u.value&&E.value.includes("content")?(e.openBlock(),e.createBlock(ba,{key:4,element:o.element,fields:o.fields},null,8,["element","fields"])):e.createCommentVNode("",!0),E.value.includes("border-bg")?(e.openBlock(),e.createBlock(Na,{key:5,element:o.element,"matched-keys":C.value,searching:I.value},null,8,["element","matched-keys","searching"])):e.createCommentVNode("",!0),E.value.includes("pagination")&&u.value?(e.openBlock(),e.createBlock(Xe,{key:6,element:o.element,"matched-keys":C.value,searching:I.value},null,8,["element","matched-keys","searching"])):e.createCommentVNode("",!0),E.value.includes("pagination")&&!u.value?(e.openBlock(),e.createBlock(Xe,{key:7,element:o.element,"matched-keys":C.value,searching:I.value},null,8,["element","matched-keys","searching"])):e.createCommentVNode("",!0),E.value.includes("advanced")?(e.openBlock(),e.createBlock(Da,{key:8,element:o.element,"matched-keys":C.value,searching:I.value,onDeleteElement:b[6]||(b[6]=A=>v.$emit("delete-element"))},null,8,["element","matched-keys","searching"])):e.createCommentVNode("",!0)])],64)):(e.openBlock(),e.createElementBlock("p",sr,"请在画布中选择一个元素"))],512),[[e.vShow,(o.activeTab||"page")==="element"]]),e.withDirectives(e.createElementVNode("div",dr,[e.createElementVNode("form",{class:"pd-form",onSubmit:b[11]||(b[11]=e.withModifiers(()=>{},["prevent"]))},[b[28]||(b[28]=e.createElementVNode("h3",{class:"pd-divider"},"纸张设置",-1)),e.createElementVNode("div",cr,[b[14]||(b[14]=e.createElementVNode("span",{class:"pd-label"},"纸张尺寸",-1)),e.createElementVNode("select",{value:W.value,class:"pd-select",onChange:b[7]||(b[7]=A=>j(A.target.value)),style:{width:"100%"}},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(l),(A,q)=>(e.openBlock(),e.createElementBlock("option",{key:q,value:q},e.toDisplayString(q),9,mr))),128)),b[13]||(b[13]=e.createElementVNode("option",{value:"CUSTOM"},"自定义",-1))],40,ur)]),W.value==="CUSTOM"?(e.openBlock(),e.createElementBlock("div",pr,[b[16]||(b[16]=e.createElementVNode("span",{class:"pd-label"},"自定义宽高 (mm)",-1)),e.createElementVNode("div",vr,[e.createVNode(ie,{"model-value":V.value,min:25,max:2e3,"onUpdate:modelValue":se},null,8,["model-value"]),b[15]||(b[15]=e.createElementVNode("span",{class:"custom-size-x"},"×",-1)),e.createVNode(ie,{"model-value":F.value,min:25,max:2e3,"onUpdate:modelValue":ae},null,8,["model-value"])])])):e.createCommentVNode("",!0),e.createElementVNode("div",fr,[b[19]||(b[19]=e.createElementVNode("span",{class:"pd-label"},"方向",-1)),e.createElementVNode("div",gr,[e.createElementVNode("label",hr,[e.createElementVNode("input",{type:"radio",value:"portrait",checked:Q.value==="portrait",onChange:b[8]||(b[8]=A=>ee(A.target.value))},null,40,br),b[17]||(b[17]=e.createElementVNode("span",null,"纵向",-1))]),e.createElementVNode("label",yr,[e.createElementVNode("input",{type:"radio",value:"landscape",checked:Q.value==="landscape",onChange:b[9]||(b[9]=A=>ee(A.target.value))},null,40,Er),b[18]||(b[18]=e.createElementVNode("span",null,"横向",-1))])])]),e.createElementVNode("div",kr,[b[20]||(b[20]=e.createElementVNode("span",{class:"pd-label"},"页面背景色",-1)),e.createElementVNode("div",Vr,[e.createVNode(Ee,{modelValue:_.value,"onUpdate:modelValue":b[10]||(b[10]=A=>_.value=A),class:"page-bg-picker"},null,8,["modelValue"]),e.createElementVNode("button",{type:"button",class:"pd-reset",title:"恢复为默认白色",onClick:oe},"默认")])]),b[29]||(b[29]=e.createElementVNode("h3",{class:"pd-divider"},"页边距 (mm)",-1)),e.createElementVNode("div",wr,[e.createElementVNode("div",Nr,[b[21]||(b[21]=e.createElementVNode("span",{class:"pd-label"},"上",-1)),e.createVNode(ie,{"model-value":N.value,min:0,max:50,"onUpdate:modelValue":L},null,8,["model-value"])]),e.createElementVNode("div",Cr,[b[22]||(b[22]=e.createElementVNode("span",{class:"pd-label"},"下",-1)),e.createVNode(ie,{"model-value":$.value,min:0,max:50,"onUpdate:modelValue":p},null,8,["model-value"])]),e.createElementVNode("div",Sr,[b[23]||(b[23]=e.createElementVNode("span",{class:"pd-label"},"左",-1)),e.createVNode(ie,{"model-value":M.value,min:0,max:50,"onUpdate:modelValue":k},null,8,["model-value"])]),e.createElementVNode("div",Br,[b[24]||(b[24]=e.createElementVNode("span",{class:"pd-label"},"右",-1)),e.createVNode(ie,{"model-value":P.value,min:0,max:50,"onUpdate:modelValue":B},null,8,["model-value"])])]),b[30]||(b[30]=e.createElementVNode("h3",{class:"pd-divider"},"三区高度 (mm)",-1)),e.createElementVNode("div",$r,[b[25]||(b[25]=e.createElementVNode("span",{class:"pd-label"},"页眉高度",-1)),e.createVNode(ie,{"model-value":x.value,min:0,max:100,step:.1,"onUpdate:modelValue":T},null,8,["model-value"])]),e.createElementVNode("div",xr,[b[26]||(b[26]=e.createElementVNode("span",{class:"pd-label"},"页脚高度",-1)),e.createVNode(ie,{"model-value":D.value,min:0,max:100,step:.1,"onUpdate:modelValue":g},null,8,["model-value"])]),e.createElementVNode("div",Tr,[b[27]||(b[27]=e.createElementVNode("span",{class:"pd-label"},"首页叠加高度",-1)),e.createVNode(ie,{"model-value":s.value,min:0,max:200,"onUpdate:modelValue":d},null,8,["model-value"])])],32)],512),[[e.vShow,(o.activeTab||"page")==="page"]])])],64))],2))}}),Mr=J(Dr,[["__scopeId","data-v-d8fa9541"]]),zr={class:"status-bar"},Lr={key:0,class:"status-item coord"},Pr={class:"status-item"},Rr={class:"status-item"},Ir={class:"status-item status-paper"},Ar=e.defineComponent({__name:"StatusBar",props:{coordinate:{},scale:{},elementCount:{},selectedCount:{},paper:{},dirty:{type:Boolean}},setup(o){return(r,t)=>(e.openBlock(),e.createElementBlock("div",zr,[o.coordinate?(e.openBlock(),e.createElementBlock("span",Lr," x:"+e.toDisplayString(o.coordinate.x.toFixed(1))+" y:"+e.toDisplayString(o.coordinate.y.toFixed(1))+"mm ",1)):e.createCommentVNode("",!0),e.createElementVNode("span",Pr,"缩放 "+e.toDisplayString(o.scale)+"%",1),e.createElementVNode("span",Rr,"元素 "+e.toDisplayString(o.elementCount)+e.toDisplayString(o.selectedCount?` (选中 ${o.selectedCount})`:""),1),e.createElementVNode("span",{class:e.normalizeClass(["status-dirty",{on:o.dirty}])},[t[0]||(t[0]=e.createElementVNode("span",{class:"dirty-dot"},null,-1)),e.createTextVNode(e.toDisplayString(o.dirty?"未保存":"已保存"),1)],2),e.createElementVNode("span",Ir,e.toDisplayString(o.paper),1)]))}}),Hr=J(Ar,[["__scopeId","data-v-eb34e9a7"]]),Fr={id:"getting-started",title:"快速入门",content:`
4
4
  <h2>界面布局</h2>
5
5
  <p>打印模板设计器采用三栏布局:</p>
6
6
  <ul>
@@ -37,7 +37,7 @@
37
37
  <p><strong>项目名称:</strong>worm-vue3-print</p>
38
38
  <p><strong>仓库地址:</strong><a href="https://gitee.com/liulong_oschina/worm-vue3-print" target="_blank" rel="noopener noreferrer">https://gitee.com/liulong_oschina/worm-vue3-print</a></p>
39
39
  <p>基于 Vue 3 的可视化打印模板设计器,支持拖拽式模板编辑、表达式数据绑定和浏览器端打印预览。</p>
40
- `},Ed={id:"features",title:"功能说明",content:`
40
+ `},Ur={id:"features",title:"功能说明",content:`
41
41
  <h2>元素类型</h2>
42
42
  <table>
43
43
  <thead>
@@ -165,7 +165,7 @@
165
165
  <li>可设置旋转角度和透明度</li>
166
166
  <li>支持显示打印时间戳</li>
167
167
  </ul>
168
- `},wd={id:"shortcuts",title:"快捷键",content:`
168
+ `},Gr={id:"shortcuts",title:"快捷键",content:`
169
169
  <h2>常用操作</h2>
170
170
  <table>
171
171
  <thead>
@@ -233,7 +233,7 @@
233
233
  <blockquote>
234
234
  <p><strong>注意</strong>:当焦点在输入框、文本框、下拉框内时,快捷键不生效。</p>
235
235
  </blockquote>
236
- `},Vd={id:"faq",title:"常见问题",content:`
236
+ `},Or={id:"faq",title:"常见问题",content:`
237
237
  <h2>如何调整纸张大小?</h2>
238
238
  <ol>
239
239
  <li>在右侧面板选择"页面设置"</li>
@@ -335,7 +335,41 @@
335
335
  <blockquote>
336
336
  <p><strong>注意</strong>:如果存在选中的单元格,右侧面板将显示单元格属性而非表格属性。</p>
337
337
  </blockquote>
338
- `},Nd={id:"changelog",title:"更新记录",content:`
338
+ `},Wr={id:"changelog",title:"更新记录",content:`
339
+ <h2>v1.2.2 <small>2026-09-11</small></h2>
340
+
341
+ <h3>变更</h3>
342
+ <ul>
343
+ <li><code>@worm-vue3-print/core</code> 新增子路径 <code>/designer</code>:框架无关的设计器内核,包含完整模板模型类型、通用工具(元素工厂、表格矩阵、单位换算、模板迁移、标尺等)与纯交互逻辑(对齐、分组、键盘、缩放、吸附计算),不依赖 Vue/React。</li>
344
+ <li><code>@worm-vue3-print/core</code> 新增子路径 <code>/browser</code>:浏览器侧渲染适配器(<code>renderHtmlPages</code> 两遍分页渲染、条形码/二维码渲染器)。</li>
345
+ <li>设计器模型、工具与纯逻辑下沉至 core 子路径,canvas 仅保留 Vue 适配层;公共 API 保持不变,core 主入口仍为零运行时依赖,为后续多框架适配打下基础。</li>
346
+ </ul>
347
+
348
+ <h3>修复</h3>
349
+ <ul>
350
+ <li>修复工具栏放大/缩小按钮直接线性改缩放比例、未做滚动锚点校正导致画面漂移的问题;按钮缩放改为与 Ctrl+滚轮一致的乘性步进,并以视口中心为锚点(与「适应窗口」同一缩放管线)。</li>
351
+ </ul>
352
+
353
+ <h2>v1.2.1 <small>2026-09-11</small></h2>
354
+
355
+ <h3>变更</h3>
356
+ <ul>
357
+ <li>工具栏编辑区/层级区/视图区图标按钮统一使用 data-tip 自定义悬浮提示,补齐「网格」「吸附」缺失提示;提升提示层级,不再被画布顶部标尺遮挡。</li>
358
+ <li>优化「适应窗口」:以视口中心为锚点一步缩放到位(与 Ctrl+滚轮同一缩放换算管线),缩放平滑过渡;允许低于交互缩放下限(最小可至 5%),超大纸张也能整版容纳,纸张在画布视口内水平垂直居中。</li>
359
+ <li>新增 <code>showHelp</code> 配置:控制帮助入口(帮助按钮与帮助弹框)显示,默认开启,传入 <code>false</code> 即可隐藏。</li>
360
+ </ul>
361
+
362
+ <h3>修复</h3>
363
+ <ul>
364
+ <li>工具栏悬浮提示气泡被画布顶部固定标尺遮挡无法显示。</li>
365
+ <li>「适应窗口」后超大纸张仍残留滚动条、纸张未在画布视口居中(垂直偏上)。</li>
366
+ </ul>
367
+
368
+ <h3>文档</h3>
369
+ <ul>
370
+ <li>新增打印设计工作台布局线框图文档(<code>docs/中文/打印设计工作台-布局线框图.md</code>),标注各区域名称、功能与对应组件文件。</li>
371
+ </ul>
372
+
339
373
  <h2>v1.2.0 <small>2026-09-10</small></h2>
340
374
 
341
375
  <h3>新增</h3>
@@ -404,5 +438,5 @@
404
438
  <blockquote>
405
439
  <p>完整更新记录请查阅仓库 <code>docs/中文/CHANGELOG.md</code> 与 <code>docs/en/CHANGELOG.en.md</code>。</p>
406
440
  </blockquote>
407
- `},Cd=[kd,Ed,wd,Vd,Nd],Sd={class:"help-modal"},$d={class:"help-modal-header"},Md={class:"help-modal-body"},xd={class:"help-modal-sidebar"},Bd=["onClick"],Dd={class:"help-modal-content"},Td=["innerHTML"],Qe="worm-print-help-tab",zd=e.defineComponent({__name:"HelpModal",props:{visible:{type:Boolean},initialTab:{default:"getting-started"}},emits:["close","update:tab"],setup(t,{emit:l}){const o=t,n=l,a=Cd,r=e.ref(o.initialTab);e.onMounted(()=>{const u=localStorage.getItem(Qe);u&&a.some(f=>f.id===u)&&(r.value=u)}),e.watch(()=>o.visible,u=>{if(u){const f=localStorage.getItem(Qe);f&&a.some(v=>v.id===f)&&(r.value=f)}});function i(u){r.value=u,localStorage.setItem(Qe,u),n("update:tab",u)}const s=e.computed(()=>a.find(f=>f.id===r.value)?.content||"");function c(u){u.key==="Escape"&&o.visible&&n("close")}return e.onMounted(()=>{document.addEventListener("keydown",c)}),e.onUnmounted(()=>{document.removeEventListener("keydown",c)}),(u,f)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"help-modal"},{default:e.withCtx(()=>[t.visible?(e.openBlock(),e.createElementBlock("div",{key:0,class:"help-modal-overlay",onClick:f[1]||(f[1]=e.withModifiers(v=>u.$emit("close"),["self"]))},[e.createElementVNode("div",Sd,[e.createElementVNode("div",$d,[f[2]||(f[2]=e.createElementVNode("div",{class:"help-modal-title-wrap"},[e.createElementVNode("h2",{class:"help-modal-title"},"帮助文档"),e.createElementVNode("span",{class:"help-modal-project"},"worm-vue3-print")],-1)),e.createElementVNode("button",{class:"help-modal-close",title:"关闭",onClick:f[0]||(f[0]=v=>u.$emit("close"))}," × ")]),e.createElementVNode("div",Md,[e.createElementVNode("div",xd,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(a),v=>(e.openBlock(),e.createElementBlock("button",{key:v.id,class:e.normalizeClass(["help-tab",{active:r.value===v.id}]),onClick:h=>i(v.id)},e.toDisplayString(v.title),11,Bd))),128))]),e.createElementVNode("div",Dd,[e.createElementVNode("div",{class:"help-content",innerHTML:s.value},null,8,Td)])])])])):e.createCommentVNode("",!0)]),_:1})]))}}),Ld=Q(zd,[["__scopeId","data-v-31115934"]]),Ct="print-studio:left",St="print-studio:right";function $t(t,l){try{const o=localStorage.getItem(t);return o===null?l:o==="1"}catch{return l}}function Pd(){const t=e.ref($t(Ct,!1)),l=e.ref($t(St,!1)),o=e.ref(!1);e.watch(t,i=>{try{localStorage.setItem(Ct,i?"1":"0")}catch{}},{flush:"sync"}),e.watch(l,i=>{try{localStorage.setItem(St,i?"1":"0")}catch{}},{flush:"sync"});function n(){t.value=!t.value}function a(){l.value=!l.value}function r(){o.value=!1}return{leftCollapsed:t,rightCollapsed:l,toggleLeft:n,toggleRight:a,dirty:o,markSaved:r}}const Ad={class:"designer-container"},Id={class:"designer-body"},Rd=e.defineComponent({__name:"PrintDesigner",props:{initialTemplate:{},initialElements:{},fields:{},isEdit:{type:Boolean},requestScreenshot:{type:Function},uploadImage:{type:Function},loadDefaultTemplate:{type:Function}},emits:["preview","save"],setup(t,{expose:l,emit:o}){const n=t,a=o,r=e.ref(!1),{leftCollapsed:i,rightCollapsed:s,toggleLeft:c,toggleRight:u,dirty:f,markSaved:v}=Pd(),{scale:h,showRuler:L,showGrid:R,snapToGrid:B,showTableGhostBorder:$,templateData:A,elements:Y,fields:j,selectedIds:I,selectedElement:G,select:H,clearSelection:T,selectAll:C,previewIds:S,setPreview:x,commitPreview:D,hasClipboard:z,copy:m,paste:y,cutSelected:F,canUndo:K,canRedo:J,undo:te,redo:se,alignSelected:re,groupSelected:ae,ungroupSelected:_,deleteSelected:g,dragStart:d,dragStop:p,addElement:E,addFieldElement:N,moveLayer:P,updateTemplateData:w,fitToWindow:V,getTemplateJson:M,loadTemplate:b,tableSelection:k,setTableSelection:q,recordHistory:X}=Fo({initialTemplate:n.initialTemplate,initialElements:n.initialElements,initialFields:n.fields});e.watch([Y,A],()=>{f.value=!0},{deep:!0});const{guides:ue,addGuide:ce,moveGuide:ke,removeGuide:qe}=Go(A,X),De=e.computed(()=>{const U=A.value,{width:O}=we(U);return O-U.margins.left-U.margins.right});e.provide(Be,{tableSelection:k,setTableSelection:q,recordHistory:X,maxTableWidth:De}),e.provide(At,I),e.provide(It,S),e.provide(ut,e.computed(()=>n.uploadImage)),e.watch(G,U=>{(!U||U.printElementType.type!=="table")&&q(null)});const Te=e.ref(null),Ve=e.ref(!1),Ce=e.ref(""),We=e.ref(.5);async function Ke(){if(Ve.value){Ve.value=!1;return}const U=M();if(!U){alert("模板数据为空");return}if(!n.requestScreenshot){alert("截图服务未配置");return}try{const O=await n.requestScreenshot({templateJson:U,printData:fe});Ce.value&&URL.revokeObjectURL(Ce.value),Ce.value=URL.createObjectURL(O),Ve.value=!0}catch{alert("截图生成失败")}}const ze=e.ref(null);function Ye(U){ze.value=U}const W=e.computed(()=>{const U=A.value,O=we(U),ne=U.orientation==="landscape"?"横向":"纵向";return`${U.paperSize} ${ne} ${Math.round(O.width)}×${Math.round(O.height)}mm`});function ee(){const U=Te.value?.$el;U&&V(U.clientWidth,U.clientHeight)}function Z(U){h.value=ct(h.value+U)}function oe(U){const O=U.target.tagName;O==="INPUT"||O==="TEXTAREA"||O==="SELECT"||(U.ctrlKey||U.metaKey)&&U.key==="0"&&(U.preventDefault(),ee())}e.onMounted(()=>document.addEventListener("keydown",oe)),e.onUnmounted(()=>document.removeEventListener("keydown",oe));function ge(U){const O=A.value.header.height,ne=A.value.footer.height;w(U),U.header.height<O&&Ee("header"),U.footer.height<ne&&Ee("footer")}function ie(U,O){A.value={...A.value,[U]:{...A.value[U],height:O}}}function he(U){w({...A.value}),Ee(U)}function Ee(U){const O=Ge(A.value)[U];Y.value.some(me=>me.zone===U&&(me.options.top+me.options.height>O.height||me.options.left+me.options.width>O.width))&&alert(`${U==="header"?"页眉":"页脚"}高度已小于区域内元素,请手动调整元素位置`)}function Wt(){const U=A.value.firstPageOverlay,O={options:{left:0,top:0,width:50,height:10,title:"首页叠加"},printElementType:{type:"text",title:"首页叠加"}};A.value={...A.value,firstPageOverlay:{...U,elements:[...U.elements,O]}}}const pt=H;function Kt(U){const O=Y.value.find(ne=>ne.id===U);O&&(O.options.visible=O.options.visible===!1)}function Yt(U){const O=Y.value.find(ne=>ne.id===U);O&&(O.options.locked=!O.options.locked)}const Me=e.ref("page");e.watch(G,U=>{Me.value=U?"element":"page"});const Xt={text:"formatter",longText:"formatter",barcode:"formatter",qrcode:"formatter",image:"src"},xe=e.ref(!1),Le=e.ref(null),Xe=e.ref("");function jt(U){const O=Y.value.find(me=>me.id===U);if(!O||(H(U,!1),Me.value="element",O.options.locked))return;const ne=Xt[O.printElementType.type];ne&&(Le.value={kind:"element",element:O,field:ne},Xe.value=O.options[ne]||"",xe.value=!0)}function Jt(U,O,ne){const me=Y.value.find(to=>to.id===U);if(!me||(H(U,!1),Me.value="element",me.options.locked))return;const ft=me.options.tableRows??[],vt=st(ft,O,ne),je=ft[vt.r]?.cells[vt.c];je&&(Le.value={kind:"cell",cell:je},Xe.value=je.formatter||"",xe.value=!0)}function Zt(U){const O=Le.value;O?.kind==="element"?O.element.options[O.field]=U||void 0:O?.kind==="cell"&&(O.cell.formatter=U||void 0),X(),xe.value=!1,Le.value=null}function Qt(U,O){Y.value.push(U),H(U.id,!1),X()}e.watch(()=>n.initialTemplate,U=>{U&&b(U,n.initialElements)}),e.watch(()=>n.initialElements,U=>{U&&!n.initialTemplate&&(A.value={...A.value,elements:U.map(O=>({...O,options:{...O.options},printElementType:{...O.printElementType}}))})}),e.watch(()=>n.fields,U=>{j.value=U||[]}),l({getTemplateJson:M});async function _t(){if(n.loadDefaultTemplate&&confirm("将覆盖当前画布内容,是否继续?"))try{const U=await n.loadDefaultTemplate();if(!U){alert("未获取到默认布局");return}b(U),alert("默认布局已加载")}catch{alert("加载默认布局失败")}}function eo(){a("save",JSON.stringify(M())),v()}return(U,O)=>(e.openBlock(),e.createElementBlock("div",Ad,[e.createVNode(cn,{"is-edit":t.isEdit,"can-undo":e.unref(K),"can-redo":e.unref(J),"has-multi-selection":e.unref(I).size>=2,"has-selection":e.unref(I).size>=1,"show-ruler":e.unref(L),"show-grid":e.unref(R),"snap-to-grid":e.unref(B),"show-table-ghost-border":e.unref($),"selected-element-has-group":!!e.unref(G)?.options.groupId,"overlay-visible":Ve.value,"show-load-default":!!t.loadDefaultTemplate,scale:e.unref(h),"onUpdate:scale":O[0]||(O[0]=ne=>e.isRef(h)?h.value=ne:null),onPreview:O[1]||(O[1]=ne=>U.$emit("preview")),onSave:eo,onLoadDefault:_t,onUndo:e.unref(te),onRedo:e.unref(se),onAlign:O[2]||(O[2]=ne=>e.unref(re)(ne)),onMoveLayer:e.unref(P),onToggleRuler:O[3]||(O[3]=ne=>L.value=!e.unref(L)),onToggleGrid:O[4]||(O[4]=ne=>R.value=!e.unref(R)),onToggleSnap:O[5]||(O[5]=ne=>B.value=!e.unref(B)),onToggleTableGhostBorder:O[6]||(O[6]=ne=>$.value=!e.unref($)),onToggleOverlay:Ke,onGroup:e.unref(ae),onUngroup:e.unref(_),onAddOverlayElement:Wt,onFitWindow:ee,onZoom:Z,onHelp:O[7]||(O[7]=ne=>r.value=!0)},null,8,["is-edit","can-undo","can-redo","has-multi-selection","has-selection","show-ruler","show-grid","snap-to-grid","show-table-ghost-border","selected-element-has-group","overlay-visible","show-load-default","scale","onUndo","onRedo","onMoveLayer","onGroup","onUngroup"]),e.createElementVNode("div",Id,[e.createVNode(Gn,{fields:e.unref(j),elements:e.unref(Y),"selected-ids":e.unref(I),collapsed:e.unref(i),onSelect:e.unref(pt),onMoveLayer:e.unref(P),onToggleVisible:Kt,onToggleLocked:Yt,onToggleCollapse:e.unref(c)},null,8,["fields","elements","selected-ids","collapsed","onSelect","onMoveLayer","onToggleCollapse"]),e.createVNode(ia,{ref_key:"canvasAreaRef",ref:Te,"template-data":e.unref(A),elements:e.unref(Y),scale:e.unref(h)/100,"show-ruler":e.unref(L),"show-grid":e.unref(R),"snap-to-grid":e.unref(B),"show-table-ghost-border":e.unref($),"has-clipboard":e.unref(z),guides:e.unref(ue),"overlay-visible":Ve.value,"screenshot-url":Ce.value,"overlay-opacity":We.value,"selected-element-has-group":!!e.unref(G)?.options.groupId,onSelect:e.unref(pt),onDropElement:e.unref(E),onDropField:e.unref(N),onDragStart:e.unref(d),onDragStop:e.unref(p),onDblclickElement:jt,onDblclickCell:Jt,onZoneHeightChange:ie,onZoneHeightCommit:he,onSelectAll:e.unref(C),onClearSelection:e.unref(T),onPreview:e.unref(x),onCommitPreview:e.unref(D),onPaste:e.unref(y),onCopy:e.unref(m),onCut:e.unref(F),onDelete:e.unref(g),onMoveLayer:e.unref(P),onCoordinate:Ye,onGroup:e.unref(ae),onUngroup:e.unref(_),onAddGuide:e.unref(ce),onGuideMove:e.unref(ke),onGuideRemove:e.unref(qe),onZoom:Z,onCloneElement:Qt},null,8,["template-data","elements","scale","show-ruler","show-grid","snap-to-grid","show-table-ghost-border","has-clipboard","guides","overlay-visible","screenshot-url","overlay-opacity","selected-element-has-group","onSelect","onDropElement","onDropField","onDragStart","onDragStop","onSelectAll","onClearSelection","onPreview","onCommitPreview","onPaste","onCopy","onCut","onDelete","onMoveLayer","onGroup","onUngroup","onAddGuide","onGuideMove","onGuideRemove"]),e.createVNode(md,{element:e.unref(G),"template-data":e.unref(A),fields:e.unref(j),"table-selection":e.unref(k),"record-history":e.unref(X),collapsed:e.unref(s),"active-tab":Me.value,"onUpdate:activeTab":O[8]||(O[8]=ne=>Me.value=ne),onDeleteElement:e.unref(g),"onUpdate:templateData":ge,onToggleCollapse:e.unref(u)},null,8,["element","template-data","fields","table-selection","record-history","collapsed","active-tab","onDeleteElement","onToggleCollapse"])]),e.createVNode(yd,{coordinate:ze.value,scale:e.unref(h),"element-count":e.unref(Y).length,"selected-count":e.unref(I).size,paper:W.value,dirty:e.unref(f)},null,8,["coordinate","scale","element-count","selected-count","paper","dirty"]),e.createVNode(mt,{modelValue:xe.value,"onUpdate:modelValue":O[9]||(O[9]=ne=>xe.value=ne),fields:e.unref(j),expression:Xe.value,"onUpdate:expression":Zt},null,8,["modelValue","fields","expression"]),e.createVNode(Ld,{visible:r.value,onClose:O[10]||(O[10]=ne=>r.value=!1)},null,8,["visible"])]))}}),Hd=Q(Rd,[["__scopeId","data-v-34bc20b3"]]),_e=3.7795275591,Ue=3e3;async function Ot(t,l,o,n){const a=de.bindData(t,l,o),r=await Ud(a,n),i=de.paginate(a,r);return{html:de.generateHtml(a,i,l,{codeRenderer:n}),pageCount:i.length,pageLayouts:i}}async function Ud(t,l){const o=de.getPaperDimensions(t),n=de.generateHtml(t,[],void 0,{isMeasurementPass:!0,codeRenderer:l}),a=document.createElement("iframe");a.setAttribute("aria-hidden","true"),a.style.cssText=`position:fixed;left:-10000px;top:0;width:${o.width}mm;height:${o.height}mm;border:0;visibility:hidden;pointer-events:none;`,document.body.appendChild(a);try{const r=a.contentWindow,i=a.contentDocument;if(!r||!i)throw new Error("无法创建测量 iframe");i.open(),i.write(n),i.close(),await Fd(r);const s=Gd(i),c=new Map,u=new Map(t.elements.map(f=>[f.id,f]));for(const f of s){const h=u.get(f.id)?.options?._repeatHeaderCount??0;c.set(f.id,{id:f.id,measuredHeight:f.height,measuredRowHeights:f.rowHeights,repeatHeaderHeight:f.rowHeights&&h>0?f.rowHeights.slice(0,h).reduce((L,R)=>L+R,0):0})}return c}finally{a.remove()}}function Fd(t){return new Promise(l=>{let o=!1;const n=()=>{o||(o=!0,l())},a=setTimeout(n,Ue),r=async()=>{try{const i=t.document.fonts;i?.ready&&await Promise.race([i.ready,Mt(Ue)]),await Promise.race([Od(t.document),Mt(Ue)])}catch{}finally{clearTimeout(a),n()}};t.document.readyState==="complete"?r():(t.addEventListener("load",()=>{r()},{once:!0}),setTimeout(n,Ue))})}function Mt(t){return new Promise((l,o)=>setTimeout(()=>o(new Error("timeout")),t))}function Od(t){const l=Array.from(t.images??[]);return Promise.all(l.map(o=>o.complete?Promise.resolve():new Promise(n=>{o.addEventListener("load",()=>n(),{once:!0}),o.addEventListener("error",()=>n(),{once:!0})}))).then(()=>{})}function Gd(t){const l=[],o=t.querySelectorAll("[data-measure-id]");for(const n of o){const a=n,r=a.getAttribute("data-measure-id");if(!r)continue;const i=a.offsetHeight,s=a.querySelector("table.print-table");if(s){const c=[],u=s.querySelectorAll("tbody > tr[data-row-index]");for(const f of u)c.push(f.offsetHeight/_e);l.push({id:r,height:i/_e,rowHeights:c})}else l.push({id:r,height:i/_e})}return l}const Gt="http://www.w3.org/2000/svg";function qd(t,l){const o=document.createElementNS(Gt,"svg");return lt(o,t,{format:l.barcodeType||"CODE128",width:Math.max(1,(l.barWidth??2)/2),height:30,displayValue:l.showText!==!1,fontSize:l.fontSize??10,margin:0,marginBottom:2}),o.outerHTML}function Wd(t,l){const o=(l.qrCodeLevel??"M").toUpperCase(),a=at.create(t,{errorCorrectionLevel:["L","M","Q","H"].includes(o)?o:"M"}).modules,r=a.size,i=4,s=4*i,c=r*i+s*2;let u="";for(let f=0;f<r;f++)for(let v=0;v<r;v++)a.get(v,f)&&(u+=`<rect x="${s+v*i}" y="${s+f*i}" width="${i}" height="${i}" fill="#000"/>`);return`<svg xmlns="${Gt}" viewBox="0 0 ${c} ${c}" width="${c}" height="${c}" shape-rendering="crispEdges">${u}</svg>`}const qt={render(t,l,o={}){if(!t)throw new Error("empty barcode value");return l==="qrcode"?Wd(t,o):qd(t,o)}},Kd={class:"print-html-preview"},Yd={key:0,class:"print-html-preview-error"},Xd={key:1,class:"print-html-preview-loading"},jd=e.defineComponent({__name:"PrintHtmlPreview",props:{templateJson:{},printData:{},baseUrl:{}},emits:["rendered","error"],setup(t,{expose:l,emit:o}){const n=t,a=o,r=e.ref(),i=e.ref(!1),s=e.ref("");let c=0;async function u(){if(!n.templateJson){s.value="",i.value=!1;return}const v=++c;i.value=!0,s.value="";try{const{html:h,pageCount:L}=await Ot(n.templateJson,n.printData,n.baseUrl,qt);if(v!==c)return;const R=r.value?.contentWindow?.document;R&&(R.open(),R.write(h),R.close()),a("rendered",L)}catch(h){if(v!==c)return;s.value=h instanceof Error?h.message:"未知错误",a("error",s.value)}finally{v===c&&(i.value=!1)}}function f(){const v=r.value?.contentWindow;v&&(v.focus(),v.print())}return e.watch(()=>[n.templateJson,n.printData,n.baseUrl],()=>{u()},{immediate:!0,deep:!0}),e.onBeforeUnmount(()=>{c++}),l({print:f,rerender:u}),(v,h)=>(e.openBlock(),e.createElementBlock("div",Kd,[s.value?(e.openBlock(),e.createElementBlock("div",Yd,[e.createElementVNode("span",null,"预览渲染失败:"+e.toDisplayString(s.value),1)])):i.value?(e.openBlock(),e.createElementBlock("div",Xd,"预览渲染中…")):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("iframe",{ref_key:"iframeRef",ref:r,class:"print-html-preview-iframe",title:"打印预览"},null,512),[[e.vShow,!i.value&&!s.value]])]))}}),Jd=Q(jd,[["__scopeId","data-v-1841dcea"]]);exports.DEFAULT_DEMO_DATA=fe;exports.PrintDesigner=Hd;exports.PrintHtmlPreview=Jd;exports.UPLOAD_IMAGE_KEY=ut;exports.browserCodeRenderer=qt;exports.createDefaultTemplate=Rt;exports.getDemoData=go;exports.renderHtmlPages=Ot;exports.toRuntimePool=nt;
441
+ `},qr=[Fr,Ur,Gr,Or,Wr],Kr={class:"help-modal"},Yr={class:"help-modal-header"},jr={class:"help-modal-body"},Xr={class:"help-modal-sidebar"},Zr=["onClick"],Jr={class:"help-modal-content"},Qr=["innerHTML"],Fe="worm-print-help-tab",_r=e.defineComponent({__name:"HelpModal",props:{visible:{type:Boolean},initialTab:{default:"getting-started"}},emits:["close","update:tab"],setup(o,{emit:r}){const t=o,n=r,l=qr,i=e.ref(t.initialTab);e.onMounted(()=>{const u=localStorage.getItem(Fe);u&&l.some(f=>f.id===u)&&(i.value=u)}),e.watch(()=>t.visible,u=>{if(u){const f=localStorage.getItem(Fe);f&&l.some(E=>E.id===f)&&(i.value=f)}});function a(u){i.value=u,localStorage.setItem(Fe,u),n("update:tab",u)}const c=e.computed(()=>l.find(f=>f.id===i.value)?.content||"");function h(u){u.key==="Escape"&&t.visible&&n("close")}return e.onMounted(()=>{document.addEventListener("keydown",h)}),e.onUnmounted(()=>{document.removeEventListener("keydown",h)}),(u,f)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"help-modal"},{default:e.withCtx(()=>[o.visible?(e.openBlock(),e.createElementBlock("div",{key:0,class:"help-modal-overlay",onClick:f[1]||(f[1]=e.withModifiers(E=>u.$emit("close"),["self"]))},[e.createElementVNode("div",Kr,[e.createElementVNode("div",Yr,[f[2]||(f[2]=e.createElementVNode("div",{class:"help-modal-title-wrap"},[e.createElementVNode("h2",{class:"help-modal-title"},"帮助文档"),e.createElementVNode("span",{class:"help-modal-project"},"worm-vue3-print")],-1)),e.createElementVNode("button",{class:"help-modal-close",title:"关闭",onClick:f[0]||(f[0]=E=>u.$emit("close"))}," × ")]),e.createElementVNode("div",jr,[e.createElementVNode("div",Xr,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(l),E=>(e.openBlock(),e.createElementBlock("button",{key:E.id,class:e.normalizeClass(["help-tab",{active:i.value===E.id}]),onClick:C=>a(E.id)},e.toDisplayString(E.title),11,Zr))),128))]),e.createElementVNode("div",Jr,[e.createElementVNode("div",{class:"help-content",innerHTML:c.value},null,8,Qr)])])])])):e.createCommentVNode("",!0)]),_:1})]))}}),es=J(_r,[["__scopeId","data-v-31115934"]]),Ze="print-studio:left",Je="print-studio:right";function Qe(o,r){try{const t=localStorage.getItem(o);return t===null?r:t==="1"}catch{return r}}function ts(){const o=e.ref(Qe(Ze,!1)),r=e.ref(Qe(Je,!1)),t=e.ref(!1);e.watch(o,a=>{try{localStorage.setItem(Ze,a?"1":"0")}catch{}},{flush:"sync"}),e.watch(r,a=>{try{localStorage.setItem(Je,a?"1":"0")}catch{}},{flush:"sync"});function n(){o.value=!o.value}function l(){r.value=!r.value}function i(){t.value=!1}return{leftCollapsed:o,rightCollapsed:r,toggleLeft:n,toggleRight:l,dirty:t,markSaved:i}}const os={class:"designer-container"},ns={class:"designer-body"},ls=e.defineComponent({__name:"PrintDesigner",props:{initialTemplate:{},initialElements:{},fields:{},isEdit:{type:Boolean},requestScreenshot:{type:Function},uploadImage:{type:Function},loadDefaultTemplate:{type:Function},showHelp:{type:Boolean}},emits:["preview","save"],setup(o,{expose:r,emit:t}){const n=o,l=t,i=e.ref(!1);e.watch(()=>n.showHelp,R=>{R===!1&&(i.value=!1)});const{leftCollapsed:a,rightCollapsed:c,toggleLeft:h,toggleRight:u,dirty:f,markSaved:E}=ts(),{scale:C,showRuler:I,showGrid:O,snapToGrid:z,showTableGhostBorder:S,templateData:U,elements:K,fields:Z,selectedIds:W,selectedElement:Q,select:_,clearSelection:N,selectAll:$,previewIds:M,setPreview:P,commitPreview:x,hasClipboard:D,copy:s,paste:V,cutSelected:F,canUndo:Y,canRedo:j,undo:ee,redo:ue,alignSelected:oe,groupSelected:se,ungroupSelected:ae,deleteSelected:L,dragStart:p,dragStop:k,addElement:B,addFieldElement:T,moveLayer:g,updateTemplateData:d,getTemplateJson:m,loadTemplate:y,tableSelection:v,setTableSelection:b,recordHistory:A}=yt({initialTemplate:n.initialTemplate,initialElements:n.initialElements,initialFields:n.fields});e.watch([K,U],()=>{f.value=!0},{deep:!0});const{guides:q,addGuide:de,moveGuide:re,removeGuide:me}=kt(U,A),ve=e.computed(()=>{const R=U.value,{width:H}=w.getPaperDimensions(R);return H-R.margins.left-R.margins.right});e.provide(Te,{tableSelection:v,setTableSelection:b,recordHistory:A,maxTableWidth:ve}),e.provide(tt,W),e.provide(ot,M),e.provide(Ge,e.computed(()=>n.uploadImage)),e.watch(Q,R=>{(!R||R.printElementType.type!=="table")&&b(null)});const fe=e.ref(null),ge=e.ref(!1),he=e.ref(""),we=e.ref(.5);async function Ne(){if(ge.value){ge.value=!1;return}const R=m();if(!R){alert("模板数据为空");return}if(!n.requestScreenshot){alert("截图服务未配置");return}try{const H=await n.requestScreenshot({templateJson:R,printData:w.DEFAULT_DEMO_DATA});he.value&&URL.revokeObjectURL(he.value),he.value=URL.createObjectURL(H),ge.value=!0}catch{alert("截图生成失败")}}const De=e.ref(null);function Re(R){De.value=R}const Ie=e.computed(()=>{const R=U.value,H=w.getPaperDimensions(R),le=R.orientation==="landscape"?"横向":"纵向";return`${R.paperSize} ${le} ${Math.round(H.width)}×${Math.round(H.height)}mm`});function G(){const R=fe.value?.$el;if(R){const H=getComputedStyle(R),le=parseFloat(H.paddingLeft)+parseFloat(H.paddingRight),pe=parseFloat(H.paddingTop)+parseFloat(H.paddingBottom),Be=w.getPaperDimensions(U.value),$e=96/25.4,xe=w.computeFitScale(R.clientWidth-le,R.clientHeight-pe,Be.width*$e,Be.height*$e);fe.value?.fitToWindow(xe)}}function te(R){C.value=Math.max(w.FIT_SCALE_MIN_PERCENT,C.value+R)}function X(R){fe.value?.zoomByStep(R>0?1:-1)}function ne(R){const H=R.target.tagName;H==="INPUT"||H==="TEXTAREA"||H==="SELECT"||(R.ctrlKey||R.metaKey)&&R.key==="0"&&(R.preventDefault(),G())}e.onMounted(()=>document.addEventListener("keydown",ne)),e.onUnmounted(()=>document.removeEventListener("keydown",ne));function be(R){const H=U.value.header.height,le=U.value.footer.height;d(R),R.header.height<H&&Ve("header"),R.footer.height<le&&Ve("footer")}function ce(R,H){U.value={...U.value,[R]:{...U.value[R],height:H}}}function ye(R){d({...U.value}),Ve(R)}function Ve(R){const H=w.getZoneRects(U.value)[R];K.value.some(pe=>pe.zone===R&&(pe.options.top+pe.options.height>H.height||pe.options.left+pe.options.width>H.width))&&alert(`${R==="header"?"页眉":"页脚"}高度已小于区域内元素,请手动调整元素位置`)}function lt(){const R=U.value.firstPageOverlay,H={options:{left:0,top:0,width:50,height:10,title:"首页叠加"},printElementType:{type:"text",title:"首页叠加"}};U.value={...U.value,firstPageOverlay:{...R,elements:[...R.elements,H]}}}const We=_;function at(R){const H=K.value.find(le=>le.id===R);H&&(H.options.visible=H.options.visible===!1)}function it(R){const H=K.value.find(le=>le.id===R);H&&(H.options.locked=!H.options.locked)}const Ce=e.ref("page");e.watch(Q,R=>{Ce.value=R?"element":"page"});const rt={text:"formatter",longText:"formatter",barcode:"formatter",qrcode:"formatter",image:"src"},Se=e.ref(!1),Me=e.ref(null),Ae=e.ref("");function st(R){const H=K.value.find(pe=>pe.id===R);if(!H||(_(R,!1),Ce.value="element",H.options.locked))return;const le=rt[H.printElementType.type];le&&(Me.value={kind:"element",element:H,field:le},Ae.value=H.options[le]||"",Se.value=!0)}function dt(R,H,le){const pe=K.value.find(vt=>vt.id===R);if(!pe||(_(R,!1),Ce.value="element",pe.options.locked))return;const Be=pe.options.tableRows??[],$e=w.findMainCell(Be,H,le),xe=Be[$e.r]?.cells[$e.c];xe&&(Me.value={kind:"cell",cell:xe},Ae.value=xe.formatter||"",Se.value=!0)}function ct(R){const H=Me.value;H?.kind==="element"?H.element.options[H.field]=R||void 0:H?.kind==="cell"&&(H.cell.formatter=R||void 0),A(),Se.value=!1,Me.value=null}function ut(R,H){K.value.push(R),_(R.id,!1),A()}e.watch(()=>n.initialTemplate,R=>{R&&y(R,n.initialElements)}),e.watch(()=>n.initialElements,R=>{R&&!n.initialTemplate&&(U.value={...U.value,elements:R.map(H=>({...H,options:{...H.options},printElementType:{...H.printElementType}}))})}),e.watch(()=>n.fields,R=>{Z.value=R||[]}),r({getTemplateJson:m});async function mt(){if(n.loadDefaultTemplate&&confirm("将覆盖当前画布内容,是否继续?"))try{const R=await n.loadDefaultTemplate();if(!R){alert("未获取到默认布局");return}y(R),alert("默认布局已加载")}catch{alert("加载默认布局失败")}}function pt(){l("save",JSON.stringify(m())),E()}return(R,H)=>(e.openBlock(),e.createElementBlock("div",os,[e.createVNode(Ut,{"is-edit":o.isEdit,"can-undo":e.unref(Y),"can-redo":e.unref(j),"has-multi-selection":e.unref(W).size>=2,"has-selection":e.unref(W).size>=1,"show-ruler":e.unref(I),"show-grid":e.unref(O),"snap-to-grid":e.unref(z),"show-table-ghost-border":e.unref(S),"selected-element-has-group":!!e.unref(Q)?.options.groupId,"overlay-visible":ge.value,"show-load-default":!!o.loadDefaultTemplate,"show-help":o.showHelp!==!1,scale:e.unref(C),"onUpdate:scale":H[0]||(H[0]=le=>e.isRef(C)?C.value=le:null),onPreview:H[1]||(H[1]=le=>R.$emit("preview")),onSave:pt,onLoadDefault:mt,onUndo:e.unref(ee),onRedo:e.unref(ue),onAlign:H[2]||(H[2]=le=>e.unref(oe)(le)),onMoveLayer:e.unref(g),onToggleRuler:H[3]||(H[3]=le=>I.value=!e.unref(I)),onToggleGrid:H[4]||(H[4]=le=>O.value=!e.unref(O)),onToggleSnap:H[5]||(H[5]=le=>z.value=!e.unref(z)),onToggleTableGhostBorder:H[6]||(H[6]=le=>S.value=!e.unref(S)),onToggleOverlay:Ne,onGroup:e.unref(se),onUngroup:e.unref(ae),onAddOverlayElement:lt,onFitWindow:G,onZoom:X,onHelp:H[7]||(H[7]=le=>i.value=!0)},null,8,["is-edit","can-undo","can-redo","has-multi-selection","has-selection","show-ruler","show-grid","snap-to-grid","show-table-ghost-border","selected-element-has-group","overlay-visible","show-load-default","show-help","scale","onUndo","onRedo","onMoveLayer","onGroup","onUngroup"]),e.createElementVNode("div",ns,[e.createVNode(ko,{fields:e.unref(Z),elements:e.unref(K),"selected-ids":e.unref(W),collapsed:e.unref(a),onSelect:e.unref(We),onMoveLayer:e.unref(g),onToggleVisible:at,onToggleLocked:it,onToggleCollapse:e.unref(h)},null,8,["fields","elements","selected-ids","collapsed","onSelect","onMoveLayer","onToggleCollapse"]),e.createVNode(Mn,{ref_key:"canvasAreaRef",ref:fe,"template-data":e.unref(U),elements:e.unref(K),scale:e.unref(C)/100,"show-ruler":e.unref(I),"show-grid":e.unref(O),"snap-to-grid":e.unref(z),"show-table-ghost-border":e.unref(S),"has-clipboard":e.unref(D),guides:e.unref(q),"overlay-visible":ge.value,"screenshot-url":he.value,"overlay-opacity":we.value,"selected-element-has-group":!!e.unref(Q)?.options.groupId,onSelect:e.unref(We),onDropElement:e.unref(B),onDropField:e.unref(T),onDragStart:e.unref(p),onDragStop:e.unref(k),onDblclickElement:st,onDblclickCell:dt,onZoneHeightChange:ce,onZoneHeightCommit:ye,onSelectAll:e.unref($),onClearSelection:e.unref(N),onPreview:e.unref(P),onCommitPreview:e.unref(x),onPaste:e.unref(V),onCopy:e.unref(s),onCut:e.unref(F),onDelete:e.unref(L),onMoveLayer:e.unref(g),onCoordinate:Re,onGroup:e.unref(se),onUngroup:e.unref(ae),onAddGuide:e.unref(de),onGuideMove:e.unref(re),onGuideRemove:e.unref(me),onZoom:te,onCloneElement:ut},null,8,["template-data","elements","scale","show-ruler","show-grid","snap-to-grid","show-table-ghost-border","has-clipboard","guides","overlay-visible","screenshot-url","overlay-opacity","selected-element-has-group","onSelect","onDropElement","onDropField","onDragStart","onDragStop","onSelectAll","onClearSelection","onPreview","onCommitPreview","onPaste","onCopy","onCut","onDelete","onMoveLayer","onGroup","onUngroup","onAddGuide","onGuideMove","onGuideRemove"]),e.createVNode(Mr,{element:e.unref(Q),"template-data":e.unref(U),fields:e.unref(Z),"table-selection":e.unref(v),"record-history":e.unref(A),collapsed:e.unref(c),"active-tab":Ce.value,"onUpdate:activeTab":H[8]||(H[8]=le=>Ce.value=le),onDeleteElement:e.unref(L),"onUpdate:templateData":be,onToggleCollapse:e.unref(u)},null,8,["element","template-data","fields","table-selection","record-history","collapsed","active-tab","onDeleteElement","onToggleCollapse"])]),e.createVNode(Hr,{coordinate:De.value,scale:e.unref(C),"element-count":e.unref(K).length,"selected-count":e.unref(W).size,paper:Ie.value,dirty:e.unref(f)},null,8,["coordinate","scale","element-count","selected-count","paper","dirty"]),e.createVNode(Oe,{modelValue:Se.value,"onUpdate:modelValue":H[9]||(H[9]=le=>Se.value=le),fields:e.unref(Z),expression:Ae.value,"onUpdate:expression":ct},null,8,["modelValue","fields","expression"]),e.createVNode(es,{visible:i.value,onClose:H[10]||(H[10]=le=>i.value=!1)},null,8,["visible"])]))}}),as=J(ls,[["__scopeId","data-v-7f247429"]]),is={class:"print-html-preview"},rs={key:0,class:"print-html-preview-error"},ss={key:1,class:"print-html-preview-loading"},ds=e.defineComponent({__name:"PrintHtmlPreview",props:{templateJson:{},printData:{},baseUrl:{}},emits:["rendered","error"],setup(o,{expose:r,emit:t}){const n=o,l=t,i=e.ref(),a=e.ref(!1),c=e.ref("");let h=0;async function u(){if(!n.templateJson){c.value="",a.value=!1;return}const E=++h;a.value=!0,c.value="";try{const{html:C,pageCount:I}=await Pe.renderHtmlPages(n.templateJson,n.printData,n.baseUrl,Pe.browserCodeRenderer);if(E!==h)return;const O=i.value?.contentWindow?.document;O&&(O.open(),O.write(C),O.close()),l("rendered",I)}catch(C){if(E!==h)return;c.value=C instanceof Error?C.message:"未知错误",l("error",c.value)}finally{E===h&&(a.value=!1)}}function f(){const E=i.value?.contentWindow;E&&(E.focus(),E.print())}return e.watch(()=>[n.templateJson,n.printData,n.baseUrl],()=>{u()},{immediate:!0,deep:!0}),e.onBeforeUnmount(()=>{h++}),r({print:f,rerender:u}),(E,C)=>(e.openBlock(),e.createElementBlock("div",is,[c.value?(e.openBlock(),e.createElementBlock("div",rs,[e.createElementVNode("span",null,"预览渲染失败:"+e.toDisplayString(c.value),1)])):a.value?(e.openBlock(),e.createElementBlock("div",ss,"预览渲染中…")):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("iframe",{ref_key:"iframeRef",ref:i,class:"print-html-preview-iframe",title:"打印预览"},null,512),[[e.vShow,!a.value&&!c.value]])]))}}),cs=J(ds,[["__scopeId","data-v-6b659619"]]);Object.defineProperty(exports,"DEFAULT_DEMO_DATA",{enumerable:!0,get:()=>w.DEFAULT_DEMO_DATA});Object.defineProperty(exports,"getDemoData",{enumerable:!0,get:()=>w.getDemoData});Object.defineProperty(exports,"browserCodeRenderer",{enumerable:!0,get:()=>Pe.browserCodeRenderer});Object.defineProperty(exports,"renderHtmlPages",{enumerable:!0,get:()=>Pe.renderHtmlPages});exports.PrintDesigner=as;exports.PrintHtmlPreview=cs;exports.UPLOAD_IMAGE_KEY=Ge;exports.createDefaultTemplate=nt;exports.toRuntimePool=Ue;
408
442
  //# sourceMappingURL=index.cjs.map