@worm-vue3-print/canvas 1.2.1 → 1.3.0
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.
- package/README.md +12 -5
- package/dist/canvas.css +1 -1
- package/dist/components/CanvasArea.vue.d.ts +10 -7
- package/dist/components/CanvasPaper.vue.d.ts +3 -3
- package/dist/components/DesignerToolbar.vue.d.ts +0 -4
- package/dist/components/ExpressionEditor.vue.d.ts +1 -1
- package/dist/components/FieldTreePanel.vue.d.ts +1 -1
- package/dist/components/LayerPanel.vue.d.ts +1 -1
- package/dist/components/LeftPanel.vue.d.ts +1 -1
- package/dist/components/PageTabs.vue.d.ts +26 -0
- package/dist/components/PresetColorPicker.vue.d.ts +5 -1
- package/dist/components/PrintDesigner.vue.d.ts +21 -5
- package/dist/components/PrintHtmlPreview.vue.d.ts +8 -2
- package/dist/components/PropertyPanel.vue.d.ts +3 -1
- package/dist/components/WatermarkConfig.vue.d.ts +1 -1
- package/dist/components/elements/BarcodeElement.vue.d.ts +1 -1
- package/dist/components/elements/BaseElement.vue.d.ts +3 -3
- package/dist/components/elements/CellBarcode.vue.d.ts +14 -0
- package/dist/components/elements/HtmlElement.vue.d.ts +1 -1
- package/dist/components/elements/ImageElement.vue.d.ts +1 -1
- package/dist/components/elements/LineElement.vue.d.ts +1 -1
- package/dist/components/elements/LongTextElement.vue.d.ts +1 -1
- package/dist/components/elements/PageNumberElement.vue.d.ts +1 -1
- package/dist/components/elements/QrcodeElement.vue.d.ts +1 -1
- package/dist/components/elements/ShapeElement.vue.d.ts +1 -1
- package/dist/components/elements/TableContextMenu.vue.d.ts +1 -1
- package/dist/components/elements/TableElement.vue.d.ts +1 -1
- package/dist/components/elements/TextElement.vue.d.ts +1 -1
- package/dist/components/property/AdvancedGroup.vue.d.ts +1 -1
- package/dist/components/property/AppearanceGroup.vue.d.ts +1 -1
- package/dist/components/property/BindingControl.vue.d.ts +1 -1
- package/dist/components/property/BorderBgGroup.vue.d.ts +1 -1
- package/dist/components/property/CodeGroup.vue.d.ts +1 -1
- package/dist/components/property/DesignBackgroundConfig.vue.d.ts +11 -0
- package/dist/components/property/FontSelect.vue.d.ts +15 -0
- package/dist/components/property/PaginationGroup.vue.d.ts +1 -1
- package/dist/components/property/PositionSizeGroup.vue.d.ts +1 -1
- package/dist/components/property/TableCellGroup.vue.d.ts +1 -1
- package/dist/components/property/TableRowGroup.vue.d.ts +1 -1
- package/dist/components/property/TableSettingsGroup.vue.d.ts +1 -1
- package/dist/components/property/TilingConfig.vue.d.ts +14 -0
- package/dist/composables/useAdsorb.d.ts +3 -7
- package/dist/composables/useAdsorbManager.d.ts +2 -2
- package/dist/composables/useClipboard.d.ts +37 -15
- package/dist/composables/useDesignerState.d.ts +1453 -47
- package/dist/composables/useDocumentFontFace.d.ts +2 -0
- package/dist/composables/useDrag.d.ts +1 -1
- package/dist/composables/useFontCatalog.d.ts +30 -0
- package/dist/composables/useGuides.d.ts +1 -1
- package/dist/composables/useHistory.d.ts +5 -1
- package/dist/composables/useHostAdapter.d.ts +6 -1
- package/dist/composables/useSelection.d.ts +1 -1
- package/dist/composables/useShrinkFit.d.ts +6 -0
- package/dist/composables/useTableSelection.d.ts +1 -1
- package/dist/index.cjs +66 -15
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +5 -5
- package/dist/index.js +5284 -4701
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/composables/useAlign.d.ts +0 -5
- package/dist/composables/useBindingDisplay.d.ts +0 -11
- package/dist/composables/useGroup.d.ts +0 -7
- package/dist/composables/useKeyboard.d.ts +0 -22
- package/dist/composables/useResize.d.ts +0 -26
- package/dist/render/browser-code-renderer.d.ts +0 -3
- package/dist/render/browser-pagination.d.ts +0 -17
- package/dist/types.d.ts +0 -287
- package/dist/utils/binding-registry.d.ts +0 -8
- package/dist/utils/binding.d.ts +0 -16
- package/dist/utils/default-config.d.ts +0 -13
- package/dist/utils/demo-data.d.ts +0 -2
- package/dist/utils/element-factory.d.ts +0 -4
- package/dist/utils/engine.d.ts +0 -2
- package/dist/utils/expression-eval.d.ts +0 -30
- package/dist/utils/field-groups.d.ts +0 -21
- package/dist/utils/migrate.d.ts +0 -2
- package/dist/utils/preset-colors.d.ts +0 -2
- package/dist/utils/property-search.d.ts +0 -18
- package/dist/utils/ruler.d.ts +0 -29
- package/dist/utils/scale.d.ts +0 -15
- package/dist/utils/table-matrix.d.ts +0 -69
- package/dist/utils/units.d.ts +0 -6
- package/dist/utils/zone-layout.d.ts +0 -27
package/dist/index.cjs
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),ue=require("@worm-vue3-print/core"),it=require("jsbarcode"),rt=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(),Re={width:.75,style:"solid",color:"#333333"};function st(t){return JSON.parse(JSON.stringify(t))}function dt(t){return{id:ao(),borders:{top:{...Re},right:{...Re},bottom:{...Re},left:{...Re}},...t}}function ro(){const t=[50,50,50],a=(n,l)=>({id:io(),type:n,height:8,...l!==void 0?{repeatOnPage:l}:{},cells:t.map(()=>dt())}),o=a("header",!0);return o.cells.forEach((n,l)=>{n.formatter=`列${l+1}`,n.align="center",n.fontWeight="bold"}),{rows:[o,a("data"),a("subtotal"),a("summary")],colWidths:t}}function ct(t,a,o){if(!t[a].cells[o].merged)return{r:a,c:o};for(let n=a;n>=0;n--)for(let l=o;l>=0;l--){const r=t[n].cells[l];if(r.merged)continue;const i=r.rowspan??1,s=r.colspan??1;if(n+i-1>=a&&l+s-1>=o)return{r:n,c:l}}return{r:a,c:o}}function Ce(t,a,o){const n=ct(t,a,o),l=t[n.r].cells[n.c];return{r1:n.r,c1:n.c,r2:n.r+(l.rowspan??1)-1,c2:n.c+(l.colspan??1)-1}}function xt(t,a,o){let n={r1:Math.min(a.r,o.r),c1:Math.min(a.c,o.c),r2:Math.max(a.r,o.r),c2:Math.max(a.c,o.c)};for(;;){let l=!1;for(let r=n.r1;r<=n.r2;r++)for(let i=n.c1;i<=n.c2;i++){const s=Ce(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,l=!0)}if(!l)return n}}function Bt(t,a){if((a.r2-a.r1+1)*(a.c2-a.c1+1)<2)return"至少选择 2 个单元格";const n=new Set;for(let r=a.r1;r<=a.r2;r++)n.add(t[r].type);if(n.size>1)return"合并区域不能跨越不同类型的行";const l=xt(t,{r:a.r1,c:a.c1},{r:a.r2,c:a.c2});return l.r1!==a.r1||l.c1!==a.c1||l.r2!==a.r2||l.c2!==a.c2?"选区与已有合并区域部分重叠":null}function Dt(t,a){const o=t[a.r1].cells[a.c1],n=[];for(let l=a.r1;l<=a.r2;l++)for(let r=a.c1;r<=a.c2;r++){const i=t[l].cells[r];i.formatter&&n.push(i.formatter),!(l===a.r1&&r===a.c1)&&(i.merged=!0,i.rowspan=1,i.colspan=1,i.formatter="")}o.rowspan=a.r2-a.r1+1,o.colspan=a.c2-a.c1+1,o.formatter=n.join(" ")}function Tt(t,a){for(let o=a.r1;o<=a.r2;o++)for(let n=a.c1;n<=a.c2;n++){const l=t[o].cells[n];if(!l.merged&&((l.rowspan??1)>1||(l.colspan??1)>1)){const r=Ce(t,o,n),i=l;for(let s=r.r1;s<=r.r2;s++)for(let c=r.c1;c<=r.c2;c++){const d=t[s].cells[c];d.merged=!1,d.rowspan=1,d.colspan=1,so(i,d)}l.rowspan=1,l.colspan=1}}}function so(t,a){t!==a&&(a.align=t.align,a.valign=t.valign,a.fontSize=t.fontSize,a.fontWeight=t.fontWeight,a.color=t.color,a.backgroundColor=t.backgroundColor,a.borders=t.borders?st(t.borders):void 0,a.padding=t.padding,a.wordWrap=t.wordWrap)}function gt(t,a,o){const n=o==="above"?a:a+1,l=t[a],r=l.cells.length,i=l.type==="data"?"header":l.type,s={id:`row-${Date.now().toString(36)}-${Math.random().toString(36).slice(2,6)}`,type:i,height:l.height,cells:Array.from({length:r},()=>dt())};for(let c=0;c<r;c++)if(n>0&&n<t.length){const d=Ce(t,n-1,c);if(d.r1<n&&d.r2>=n){const p=t[d.r1].cells[d.c1];p.rowspan=(p.rowspan??1)+1,s.cells[c].merged=!0}}t.splice(n,0,s)}function co(t,a){if(t.length<=1)return"不能删除最后一行";const o=t[a],n=o.cells.length;for(let l=0;l<n;l++){const r=o.cells[l];if(!r.merged&&(r.rowspan??1)>1){const i=t[a+1].cells[l];Object.assign(i,st(r),{id:i.id}),i.rowspan=(r.rowspan??1)-1,i.merged=!1}else if(r.merged){const i=Ce(t,a,l);if(i.r1<a&&i.c1===l){const s=t[i.r1].cells[i.c1];s.rowspan=(s.rowspan??1)-1}}}return t.splice(a,1),null}function ht(t,a,o,n){const l=n==="left"?o:o+1;a.splice(l,0,a[o]);for(const r of t){const i=dt();if(l>0&&l<r.cells.length){const s=t.indexOf(r),c=Ce(t,s,l-1);if(c.c1<l&&c.c2>=l){const d=t[c.r1].cells[c.c1];s===c.r1&&(d.colspan=(d.colspan??1)+1),i.merged=!0}}r.cells.splice(l,0,i)}}function uo(t,a,o){if(a.length<=1)return"不能删除最后一列";for(let n=0;n<t.length;n++){const l=t[n].cells[o];if(!l.merged&&(l.colspan??1)>1){const r=t[n].cells[o+1];Object.assign(r,st(l),{id:r.id}),r.colspan=(l.colspan??1)-1,r.merged=!1}else if(l.merged){const r=Ce(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 a.splice(o,1),null}function ot(t,a,o){if(o==="data"){const n=t.findIndex((l,r)=>l.type==="data"&&r!==a);if(n>=0)return`数据行已存在(第 ${n+1} 行),全表最多一行`}if(o==="header"){for(let n=0;n<a;n++)if(t[n].type!=="header")return"标题行必须从表格顶部连续设置"}if(o==="subtotal"||o==="summary"){const n=t.findIndex(l=>l.type==="data");if(n<0)return"请先设置数据行,小计/汇总行必须位于数据行之后";if(a<n)return"小计/汇总行必须位于数据行之后"}if(o==="subtotal"&&t.slice(0,a).some(n=>n.type==="summary"))return"小计行必须位于汇总行之前";if(o==="summary"&&t.slice(a+1).some(n=>n.type==="subtotal"))return"汇总行必须位于小计行之后";if(t[a].type==="header"&&o!=="header"){for(let n=a+1;n<t.length;n++)if(t[n].type==="header")return"取消该标题行会导致标题行不连续,请先调整后续标题行"}return t[a].type=o,o!=="header"&&delete t[a].repeatOnPage,null}function mo(t,a,o,n){for(let l=a.r1;l<=a.r2;l++)for(let r=a.c1;r<=a.c2;r++){const i=t[l].cells[r];if(i.merged)continue;if(o==="none"){delete i.borders;continue}const s=Ce(t,l,r),c=s.r1===a.r1,d=s.r2===a.r2,p=s.c1===a.c1,v=s.c2===a.c2,w={...i.borders??{}};o==="all"?(w.top={...n},w.bottom={...n},w.left={...n},w.right={...n}):o==="outer"?(c&&(w.top={...n}),d&&(w.bottom={...n}),p&&(w.left={...n}),v&&(w.right={...n})):o==="inner"&&(c||(w.top={...n}),d||(w.bottom={...n}),p||(w.left={...n}),v||(w.right={...n})),i.borders=w}}const po="1px dashed rgba(0,0,0,0.18)";function He(t,a={}){return t&&t.style!=="none"?`${t.width}pt ${t.style} ${t.color}`:a.designMode&&a.showGhostBorder!==!1?po:"none"}function qe(t){const a=(t.tableColWidths??[]).reduce((n,l)=>n+l,0),o=(t.tableRows??[]).reduce((n,l)=>n+l.height,0);t.width=Math.round(a*100)/100,t.height=Math.round(o*100)/100}const bt=5;function fo(t,a,o,n){const l=t.reduce((s,c,d)=>d===a?s:s+c,0),r=n===1/0?1/0:Math.max(bt,n-l),i=Math.round(o*10)/10;return Math.min(Math.max(i,bt),r)}function Me(){return`el-${Date.now()}-${Math.random().toString(36).slice(2,8)}`}function vo(t){const a={left:7,top:17.6,width:42.3,height:7.1};switch(t){case"text":return{...a,formatter:"文本",fontSize:12,textAlign:"left",height:5.3};case"image":return{...a,width:28.2,height:28.2,fit:"contain"};case"longText":return{...a,width:141.1,height:28.2,fontSize:12,lineHeight:18};case"table":{const{rows:o,colWidths:n}=ro(),l=n.reduce((i,s)=>i+s,0),r=o.reduce((i,s)=>i+s.height,0);return{...a,width:l,height:r,tableMode:"dynamic",tableRows:o,tableColWidths:n,tableDefaultFontSize:10,tableDefaultColor:"#333333",tableDefaultPadding:1,fields:[],tablePagination:{enabled:!0}}}case"hline":return{...a,width:70.6,height:1.8,borderWidth:.75};case"vline":return{...a,width:1.8,height:35.3,borderWidth:.75};case"rect":return{...a,width:28.2,height:28.2,borderWidth:1,borderColor:"#333"};case"oval":return{...a,width:28.2,height:28.2,borderWidth:1,borderColor:"#333"};case"barcode":return{...a,width:56.4,height:14.1,title:"条形码",barcodeType:"code128",testData:"12345678"};case"qrcode":return{...a,width:28.2,height:28.2,title:"二维码",testData:"qrcode"};case"html":return{...a,width:28.2,height:28.2};default:return a}}function zt(t,a){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:Me(),options:{...vo(t),...a},printElementType:{type:t,title:o[t]?.title||t}}}const ut=new ue.TemplateEngine;function go(){return ge}const ge={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:ue.formatMoney,CONCAT:(...t)=>t.filter(a=>a!=null).join(""),IF:ue.ifFn,FORMAT:t=>typeof t!="number"?String(t):t.toLocaleString("zh-CN",{minimumFractionDigits:2,maximumFractionDigits:2}),SUBSTR:(t,a,o)=>String(t).slice(a,o?a+o:void 0),LEN:t=>String(t).length,ROUND:(t,a)=>Number(Number(t).toFixed(a)),NOW:()=>new Date().toISOString().split("T")[0],IFEMPTY:(t,a)=>t!=null&&t!==""?String(t):a,PAD:(t,a,o)=>String(t).padStart(a,o),REPLACE:(t,a,o)=>String(t).replace(new RegExp(a,"g"),o),JSON:t=>JSON.stringify(t,null,2),DATE:ue.formatDate,UPPER:ue.toUpperCaseAmount};for(const[t,a]of Object.entries(ho))ut.registerFunction(t,a);function bo(t,a,o){switch(t.toUpperCase()){case"SUM":return ue.sum(o,a);case"AVG":return ue.avg(o,a);case"COUNT":return ue.count(o,a);case"MIN":return ue.min(o,a);case"MAX":return ue.max(o,a);default:return 0}}function $e(t,a){if(!t)return"";if(!t.includes("{"))return t;const o=Array.isArray(a.rows)?a.rows:[];let n=t.replace(/\{([^}]+)\}/g,(l,r)=>{let i=r.trim();return i=i.replace(/\b(SUM|AVG|COUNT|MIN|MAX)\(([^)]+)\)/g,(s,c,d)=>{const p=d.trim().replace(/^['"]|['"]$/g,"");return String(bo(c,p,o))}),`{${i}}`});try{return ut.render(n,a)}catch{return t}}function yo(t){return zt("text",{formatter:`{${t.fieldKey}}`,title:t.fieldLabel})}function We(t,a){if(t.formatter){if(!a||a.length===0)return"";const o=a[0];try{return ut.render(t.formatter,o??{})}catch{return t.formatter}}return""}function yt(t){let a=ge;for(const o of t.split(".")){if(a==null)return;a=Array.isArray(a)?a[0]?.[o]:a[o]}return a}function ko(t,a){const o=a?.[0];return(t??"").replace(/\{([^{}]+)\}/g,(l,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 Fe(t){return t*(25.4/96)}function he(t){return t*(96/25.4)}const wo=["left","top","width","height"];function Vo(t){const a={...t.options};for(const o of wo){const n=a[o];typeof n=="number"&&Number.isFinite(n)&&(a[o]=No(Eo(n)))}return{...t,options:a}}function No(t){return Math.round(t*100)/100}function Co(t){if(t.unit==="mm")return t;const a=o=>o?.map(Vo)??[];return{...t,unit:"mm",elements:a(t.elements),header:t.header?{...t.header,elements:a(t.header.elements)}:t.header,footer:t.footer?{...t.footer,elements:a(t.footer.elements)}:t.footer,firstPageOverlay:t.firstPageOverlay?{...t.firstPageOverlay,elements:a(t.firstPageOverlay.elements)}:t.firstPageOverlay}}const nt={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 Ee(t){let a;return t.paperSize==="CUSTOM"?a={width:t.customWidth??210,height:t.customHeight??297}:a=nt[t.paperSize]||nt.A4,t.orientation==="landscape"?{width:a.height,height:a.width}:a}const So=25,mt=5;function Mo(t){return Math.max(So,t)}function $o(t,a,o=1.1){const n=a>0?t*o:t/o;return Mo(Math.round(n))}function Lt(t,a,o,n,l=.9){if(o<=0||n<=0)return 100;const r=Math.min(t/o,a/n)*l,i=Math.round(r*100);return Math.max(mt,i)}const Pt=["text","image","hline","vline","rect","oval","barcode","qrcode"];function xo(t){return Ee(t)}function Ye(t){const a=xo(t),o=t.margins,n=t.header.height,l=t.footer.height,r=a.width-o.left-o.right,i=a.height-o.top-o.bottom-n-l,s=(c,d,p,v)=>({left:c,top:d,width:p,height:v});return{header:s(o.left,o.top,r,n),content:s(o.left,o.top+n,r,i),footer:s(o.left,a.height-o.bottom-l,r,l)}}function At(t,a,o){const n=Ye(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 lt(t,a){const o=t.options;o.width=Math.min(o.width,a.width),o.height=Math.min(o.height,a.height),o.left=Math.min(Math.max(0,o.left),a.width-o.width),o.top=Math.min(Math.max(0,o.top),a.height-o.height)}function Bo(t,a){const o=Ye(a),n=t.zone||"content",l=o[n],r=l.left+t.options.left+t.options.width/2,i=l.top+t.options.top+t.options.height/2;let s=At(a,r,i),c=!1;if(s!=="content"&&!Pt.includes(t.printElementType.type)&&(s="content",c=!0),s!==n){const d=o[s];t.options.left=l.left+t.options.left-d.left,t.options.top=l.top+t.options.top-d.top,t.zone=s}return s!=="content"?lt(t,o[s]):c&<(t,o.content),{rejected:c}}const It=Symbol("selected-ids"),Rt=Symbol("preview-ids");function Do(t){const a=e.ref(new Set),o=e.ref(new Set),n=e.computed(()=>t.value.filter(w=>a.value.has(w.id))),l=e.computed(()=>a.value.size>0);function r(w,L=!1){if(L){const H=new Set(a.value);H.has(w)?H.delete(w):H.add(w),a.value=H}else a.value=new Set([w])}function i(){a.value=new Set}function s(w){a.value=new Set(w)}function c(w){o.value=new Set(w)}function d(){o.value=new Set}function p(){a.value=new Set(o.value),o.value=new Set}function v(){const w=n.value;if(w.length===0)return null;let L=1/0,H=1/0,D=-1/0,$=-1/0;return w.forEach(R=>{L=Math.min(L,R.options.left),H=Math.min(H,R.options.top),D=Math.max(D,R.options.left+R.options.width),$=Math.max($,R.options.top+R.options.height)}),{left:L,top:H,width:D-L,height:$-H}}return{selectedIds:a,selectedElements:n,hasSelection:l,select:r,clearSelection:i,selectAll:s,getSelectionBounds:v,previewIds:o,setPreview:c,clearPreview:d,commitPreview:p}}function To(){const t=e.ref(null);function a(l){t.value=l.map(r=>({options:{...r.options},printElementType:{...r.printElementType}}))}function o(l=10){return t.value?t.value.map(r=>({id:Me(),options:{...r.options,left:r.options.left+l,top:r.options.top+l},printElementType:{...r.printElementType}})):null}function n(){return t.value!==null&&t.value.length>0}return{clipboard:t,copy:a,paste:o,hasData:n}}function zo(){function t(a,o){if(a.length<2)return;const n={minLeft:Math.min(...a.map(l=>l.options.left)),maxRight:Math.max(...a.map(l=>l.options.left+l.options.width)),minTop:Math.min(...a.map(l=>l.options.top)),maxBottom:Math.max(...a.map(l=>l.options.top+l.options.height))};switch(o){case"left":a.forEach(l=>{l.options.left=n.minLeft});break;case"right":a.forEach(l=>{l.options.left=n.maxRight-l.options.width});break;case"top":a.forEach(l=>{l.options.top=n.minTop});break;case"bottom":a.forEach(l=>{l.options.top=n.maxBottom-l.options.height});break;case"vertical":{const l=n.minLeft+(n.maxRight-n.minLeft)/2;a.forEach(r=>{r.options.left=l-r.options.width/2});break}case"horizontal":{const l=n.minTop+(n.maxBottom-n.minTop)/2;a.forEach(r=>{r.options.top=l-r.options.height/2});break}case"distributeHor":{const l=[...a].sort((c,d)=>c.options.left-d.options.left),r=l.reduce((c,d)=>c+d.options.width,0),i=(n.maxRight-n.minLeft-r)/(l.length-1);let s=n.minLeft;l.forEach(c=>{c.options.left=s,s+=c.options.width+i});break}case"distributeVer":{const l=[...a].sort((c,d)=>c.options.top-d.options.top),r=l.reduce((c,d)=>c+d.options.height,0),i=(n.maxBottom-n.minTop-r)/(l.length-1);let s=n.minTop;l.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,l){if(n.filter(s=>l.has(s.id)).length<2)return n;const i=Lo();return n.map(s=>l.has(s.id)?{...s,options:{...s.options,groupId:i}}:s)}function a(n,l){const r=n.filter(s=>l.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,l){const r=n.find(s=>s.id===l);if(!r?.options.groupId)return new Set([l]);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:a,getGroupedIds:o}}function Ao(t){const o=e.ref([]),n=e.ref([]),l=e.ref(!1),r=e.ref(!1);function i(){l.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 d(L){o.value.push(c(L)),n.value=[],o.value.length>50&&o.value.shift(),i()}function p(L){if(o.value.length===0)return null;const H=o.value.pop();return n.value.push(L?c(L):s(H)),i(),o.value.length>0?s(o.value[o.value.length-1]):null}function v(L){if(n.value.length===0)return null;const H=n.value.pop();return o.value.push(L?c(L):s(H)),i(),s(H)}function w(){o.value=[],n.value=[],i()}return{push:d,undo:p,redo:v,canUndo:l,canRedo:r,clear:w}}const Io=1,Ro=10,Ho=.5;function Fo(t){function a(l){const r=l.target.tagName;if(r==="INPUT"||r==="TEXTAREA"||r==="SELECT")return;const i=l.ctrlKey||l.metaKey;if(l.key.startsWith("Arrow")){l.preventDefault();const s=l.shiftKey?Ro:l.ctrlKey?Ho:Io,c=l.key==="ArrowLeft"?-s:l.key==="ArrowRight"?s:0,d=l.key==="ArrowUp"?-s:l.key==="ArrowDown"?s:0;t.onMove?.(c,d);return}if(l.key==="Delete"||l.key==="Backspace"){l.preventDefault(),t.onDelete?.();return}if(i){const s=l.key.toLowerCase();s==="c"?(l.preventDefault(),t.onCopy?.()):s==="v"?(l.preventDefault(),t.onPaste?.()):s==="a"?(l.preventDefault(),t.onSelectAll?.()):s==="d"?(l.preventDefault(),t.onDuplicate?.()):s==="z"?(l.preventDefault(),l.shiftKey?t.onRedo?.():t.onUndo?.()):s==="y"?(l.preventDefault(),t.onRedo?.()):s==="1"?(l.preventDefault(),t.onResetZoom?.()):s==="l"?(l.preventDefault(),t.onAlignLeft?.()):s==="r"?(l.preventDefault(),t.onAlignRight?.()):s==="e"?(l.preventDefault(),t.onAlignCenterH?.()):s==="t"?(l.preventDefault(),t.onAlignTop?.()):s==="b"?(l.preventDefault(),t.onAlignBottom?.()):s==="g"&&(l.preventDefault(),l.shiftKey?t.onUngroup?.():t.onGroup?.())}}function o(){document.addEventListener("keydown",a)}function n(){document.removeEventListener("keydown",a)}return{setup:o,cleanup:n}}function Ht(){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 at(t){const a=(o,n)=>(o??[]).map(l=>{const r={...l.options};return(l.printElementType?.type??l.type)==="table"&&qe(r),{id:l.id||Me(),zone:n,options:r,printElementType:{...l.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:[...a(t.elements??[],"content"),...a(t.header?.elements??[],"header"),...a(t.footer?.elements??[],"footer")]}}function Uo(t={}){const a=e.ref(100),o=e.ref(!0),n=e.ref(!0),l=e.ref(!1),r=e.ref(!0),i=e.ref(at(t.initialTemplate||Ht())),s=e.computed({get:()=>i.value.elements,set:q=>{i.value.elements=q}}),c=e.ref(t.initialFields||[]),{selectedIds:d,selectedElements:p,select:v,clearSelection:w,selectAll:L,previewIds:H,setPreview:D,clearPreview:$,commitPreview:R}=Do(s),{group:W,ungroup:J}=Po(),{copy:A,paste:G,hasData:K}=To(),{align:S}=zo(),{push:M,undo:x,redo:B,canUndo:T,canRedo:z}=Ao(),u=e.computed(()=>{if(d.value.size===0)return null;const q=d.value.values().next().value;return s.value.find(ee=>ee.id===q)||null}),V=e.ref(null);function O(q){V.value=q}function X(){return{elements:s.value.map(q=>({id:q.id,zone:q.zone,options:JSON.parse(JSON.stringify(q.options)),printElementType:{...q.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 Z(){M(X())}function j(){const q=x(X());q?.templateData&&(i.value={...q.templateData,elements:q.elements})}function ce(){const q=B(X());q?.templateData&&(i.value={...q.templateData,elements:q.elements})}function ie(){A(p.value)}function se(){A(p.value),F()}function le(){const q=G();q&&q.length>0&&(s.value.push(...q),Z())}function P(){A(p.value);const q=G();q&&q.length>0&&(q.forEach(ee=>{ee.options.left+=5,ee.options.top+=5}),s.value.push(...q),v(q[0].id,!1),Z())}function g(){a.value=100}const E=e.computed(()=>K());let f=!1,m=null;const k=300;function h(q,ee){const Q=p.value.filter(oe=>!oe.options.locked);Q.length!==0&&(Q.forEach(oe=>{oe.options.left+=q,oe.options.top+=ee}),f||(f=!0,Z()),m&&clearTimeout(m),m=setTimeout(()=>{f=!1,m=null},k))}function C(){L(s.value.map(q=>q.id))}function N(q){S(p.value,q),Z()}function y(){s.value=W(s.value,d.value),Z()}function b(){s.value=J(s.value,d.value),Z()}function F(){d.value.size!==0&&(s.value=s.value.filter(q=>!d.value.has(q.id)),w(),Z())}const{setup:Y,cleanup:ae}=Fo({onMove:h,onDelete:F,onCopy:ie,onPaste:le,onSelectAll:C,onUndo:j,onRedo:ce,onDuplicate:P,onResetZoom:g,onAlignLeft:()=>N("left"),onAlignRight:()=>N("right"),onAlignCenterH:()=>N("vertical"),onAlignTop:()=>N("top"),onAlignBottom:()=>N("bottom"),onGroup:y,onUngroup:b});let re=null;function ve(){re=X()}function xe(){if(!re)return;const q=new Map(re.elements.map(de=>[de.id,de]));let ee=!1;for(const de of s.value){const pe=q.get(de.id);if(!pe)continue;(pe.options.left!==de.options.left||pe.options.top!==de.options.top||pe.options.width!==de.options.width||pe.options.height!==de.options.height)&&Bo(de,i.value).rejected&&(ee=!0)}ee&&alert("该元素类型不能放入页眉/页脚");const Q=de=>`${de.id}:${de.zone||"content"}:${de.options.left},${de.options.top},${de.options.width},${de.options.height}`,oe=re.elements.map(Q).join("|"),ke=X().elements.map(Q).join("|");re=null,oe!==ke&&Z()}function be(q,ee){const Q=At(i.value,ee.x,ee.y);if(Q!=="content"&&!Pt.includes(q.printElementType.type))return alert("该元素类型不能放入页眉/页脚"),!1;const oe=Ye(i.value)[Q];return q.zone=Q,q.options.left=ee.x-oe.left,q.options.top=ee.y-oe.top,Q!=="content"&<(q,oe),!0}function ye(q,ee){const Q=zt(q);ee&&!be(Q,ee)||(s.value.push(Q),v(Q.id,!1),Z())}function Ne(q,ee){const Q=yo(q);ee&&!be(Q,ee)||(s.value.push(Q),v(Q.id,!1),Z())}function Ke(q){if(d.value.size===0)return;const ee=d.value.values().next().value,Q=s.value.find(Se=>Se.id===ee);if(!Q)return;const oe=Q.options.zIndex??0,ke=s.value.map(Se=>Se.options.zIndex??0),de=Math.max(...ke,0),pe=Math.min(...ke,0);switch(q){case"top":Q.options.zIndex=de+1;break;case"bottom":Q.options.zIndex=pe-1;break;case"up":Q.options.zIndex=oe+1;break;case"down":Q.options.zIndex=oe-1;break}Z()}function Xe(q,ee){const{width:Q,height:oe}=Ee(i.value),ke=96/25.4;a.value=Lt(q,ee,Q*ke,oe*ke)}function Ae(q){i.value={...q},Z()}function je(){const q=s.value,ee=Q=>q.filter(oe=>(oe.zone||"content")===Q).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(Q=>({id:Q.id||Me(),type:Q.printElementType?.type||"text",options:{...Q.options},printElementType:{...Q.printElementType}}))},elements:ee("content"),guides:[...i.value.guides??[]]}}function Je(q,ee){const Q=Co(q);i.value=at(Q),ee&&(i.value={...i.value,elements:ee.map(oe=>({...oe,id:oe.id||Me(),zone:oe.zone||"content",options:{...oe.options},printElementType:{...oe.printElementType}}))}),M(X())}return M(X()),e.onMounted(()=>Y()),e.onUnmounted(()=>{ae(),m&&(clearTimeout(m),m=null)}),{scale:a,showRuler:o,showGrid:n,snapToGrid:l,showTableGhostBorder:r,templateData:i,elements:s,fields:c,selectedIds:d,selectedElements:p,selectedElement:u,select:v,clearSelection:w,selectAll:C,previewIds:H,setPreview:D,clearPreview:$,commitPreview:R,hasClipboard:E,copy:ie,paste:le,cutSelected:se,tableSelection:V,setTableSelection:O,canUndo:T,canRedo:z,undo:j,redo:ce,recordHistory:Z,alignSelected:N,groupSelected:y,ungroupSelected:b,deleteSelected:F,duplicateSelected:P,resetZoom:g,dragStart:ve,dragStop:xe,addElement:ye,addFieldElement:Ne,moveLayer:Ke,fitToWindow:Xe,updateTemplateData:Ae,getTemplateJson:je,loadTemplate:Je}}let kt=0;function Oo(){return kt+=1,`guide-${kt}`}function Go(t,a){const o=e.computed(()=>t.value.guides??[]);function n(c){t.value={...t.value,guides:c([...t.value.guides??[]])},a()}function l(c,d){n(p=>(p.push({type:c,position:d,id:Oo()}),p))}function r(c,d){n(p=>p.map(v=>v.id===c?{...v,position:d}:v))}function i(c){n(d=>d.filter(p=>p.id!==c))}function s(){const c=[],d=[];for(const p of o.value)p.type==="vertical"?c.push(p.position):d.push(p.position);return{vertical:c,horizontal:d}}return{guides:o,addGuide:l,moveGuide:r,removeGuide:i,getGuidePositions:s}}const Pe=Symbol("table-edit"),pt=Symbol("print-upload-image"),qo=e.defineComponent({__name:"HelpButton",emits:["click"],setup(t){return(a,o)=>(e.openBlock(),e.createElementBlock("button",{class:"help-button",title:"帮助文档",onClick:o[0]||(o[0]=n=>a.$emit("click"))},[...o[1]||(o[1]=[e.createElementVNode("span",{class:"help-icon"},"?",-1)])]))}}),_=(t,a)=>{const o=t.__vccOpts||t;for(const[n,l]of a)o[n]=l;return o},Wo=_(qo,[["__scopeId","data-v-80ccab03"]]),Yo={class:"designer-toolbar"},Ko={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={key:4,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},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(t){const a=e.useModel(t,"scale");return(o,n)=>(e.openBlock(),e.createElementBlock("div",Yo,[e.createElementVNode("div",Ko,[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",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]=l=>o.$emit("undo")),"data-tip":"撤销"},"↶",8,Zo),e.createElementVNode("button",{class:"tb-btn tb-icon",disabled:!t.canRedo,onClick:n[1]||(n[1]=l=>o.$emit("redo")),"data-tip":"重做"},"↷",8,Qo)]),t.hasMultiSelection?(e.openBlock(),e.createElementBlock("div",_o,[e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[2]||(n[2]=l=>o.$emit("align","left")),title:"左对齐"},"⇤"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[3]||(n[3]=l=>o.$emit("align","right")),title:"右对齐"},"⇥"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[4]||(n[4]=l=>o.$emit("align","top")),title:"顶对齐"},"⇡"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[5]||(n[5]=l=>o.$emit("align","bottom")),title:"底对齐"},"⇣"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[6]||(n[6]=l=>o.$emit("align","vertical")),title:"水平居中"},"↔"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[7]||(n[7]=l=>o.$emit("align","horizontal")),title:"垂直居中"},"↕"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[8]||(n[8]=l=>o.$emit("align","distributeHor")),title:"水平分布"},"⇔"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[9]||(n[9]=l=>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]=l=>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]=l=>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]=l=>o.$emit("move-layer","top")),"data-tip":"置顶"},"⤒"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[13]||(n[13]=l=>o.$emit("move-layer","up")),"data-tip":"上移一层"},"↑"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[14]||(n[14]=l=>o.$emit("move-layer","down")),"data-tip":"下移一层"},"↓"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[15]||(n[15]=l=>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}]),"data-tip":"显示/隐藏标尺",onClick:n[16]||(n[16]=l=>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}]),"data-tip":"显示/隐藏网格背景",onClick:n[17]||(n[17]=l=>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}]),"data-tip":"显示/隐藏无边框表格的虚拟虚线",onClick:n[18]||(n[18]=l=>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}]),"data-tip":"开启/关闭元素吸附到网格",onClick:n[19]||(n[19]=l=>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]=l=>o.$emit("fit-window")),"data-tip":"适应窗口"},"⤢"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[21]||(n[21]=l=>o.$emit("zoom",-10)),"data-tip":"缩小"},"−"),e.createElementVNode("span",ln,e.toDisplayString(a.value)+"%",1),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[22]||(n[22]=l=>o.$emit("zoom",10)),"data-tip":"放大"},"+")]),n[35]||(n[35]=e.createElementVNode("div",{class:"tb-spacer"},null,-1)),t.showHelp?(e.openBlock(),e.createElementBlock("div",an,[e.createVNode(Wo,{onClick:n[23]||(n[23]=l=>o.$emit("help"))})])):e.createCommentVNode("",!0),e.createElementVNode("div",rn,[e.createElementVNode("button",{class:"tb-btn",onClick:n[24]||(n[24]=l=>o.$emit("add-overlay-element"))},"首页专属"),e.createElementVNode("button",{class:e.normalizeClass(["tb-btn",{warn:t.overlayVisible}]),onClick:n[25]||(n[25]=l=>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]=l=>o.$emit("load-default"))},"加载默认布局")):e.createCommentVNode("",!0),e.createElementVNode("button",{class:"btn-secondary",onClick:n[27]||(n[27]=l=>o.$emit("preview"))},"预览"),e.createElementVNode("button",{class:"btn-primary",onClick:n[28]||(n[28]=l=>o.$emit("save"))},"保存")])]))}}),cn=_(dn,[["__scopeId","data-v-e6d10b59"]]),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 a=t,o=e.computed(()=>[...a.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 l(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,d=>(e.openBlock(),e.createElementBlock("div",{key:d.id,class:e.normalizeClass(["layer-item",{active:t.selectedIds.has(d.id)}]),onClick:p=>s.$emit("select",d.id,!1)},[e.createElementVNode("span",pn,e.toDisplayString(l(d)),1),e.createElementVNode("span",fn,e.toDisplayString(r(d)),1),i(d)?(e.openBlock(),e.createElementBlock("span",vn,e.toDisplayString(i(d)),1)):e.createCommentVNode("",!0),e.createElementVNode("span",gn,"z:"+e.toDisplayString(d.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]=d=>s.$emit("move-layer","top")),title:"置顶"}," ⤒ "),e.createElementVNode("button",{type:"button",class:"pd-button small",onClick:c[1]||(c[1]=d=>s.$emit("move-layer","up")),title:"上移"}," ↑ "),e.createElementVNode("button",{type:"button",class:"pd-button small",onClick:c[2]||(c[2]=d=>s.$emit("move-layer","down")),title:"下移"}," ↓ "),e.createElementVNode("button",{type:"button",class:"pd-button small",onClick:c[3]||(c[3]=d=>s.$emit("move-layer","bottom")),title:"置底"}," ⤓ ")])):e.createCommentVNode("",!0)]))}}),yn=_(bn,[["__scopeId","data-v-d091c3fa"]]);function Ft(t){const a=[...t].sort((i,s)=>(i.sortOrder??0)-(s.sortOrder??0)),o=new Map,n=[];for(const i of a){const s=i.fieldKey.indexOf(".");if(s===-1)continue;const c=i.fieldKey.slice(0,s);let d=o.get(c);d||(d={key:c,label:c,isList:!1,fields:[]},o.set(c,d),n.push(c)),d.fields.push(i)}const l=[],r=[];for(const i of a){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&&l.push({key:"",label:"",isList:!1,fields:r});for(const i of n)l.push(o.get(i));return l}function Ut(t,a){const o=a.trim().toLowerCase();return o?t.map(n=>({...n,fields:n.fields.filter(l=>l.fieldLabel.toLowerCase().includes(o)||l.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"],Mn={class:"node-label"},$n={class:"node-key"},xn={key:0,class:"pd-empty"},Bn=e.defineComponent({__name:"FieldTreePanel",props:{fields:{}},emits:["field-drag"],setup(t,{emit:a}){const o=t,n=a,l=e.ref(""),r=e.ref(new Set),i=e.computed(()=>!!l.value.trim()),s=e.computed(()=>Ut(Ft(o.fields),l.value));function c(p){const v=new Set(r.value);v.has(p)?v.delete(p):v.add(p),r.value=v}function d(p,v){p.dataTransfer?.setData("fieldData",JSON.stringify({fieldKey:v.fieldKey,fieldLabel:v.fieldLabel})),p.dataTransfer&&(p.dataTransfer.effectAllowed="copy"),n("field-drag",v)}return(p,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]=w=>l.value=w),class:"pd-input search-input",type:"search",placeholder:"搜索字段...","aria-label":"搜索字段"},null,512),[[e.vModelText,l.value]]),e.createElementVNode("div",En,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,w=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:w.key||"_top"},[w.key?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["field-group-header",{"is-list":w.isList}]),onClick:L=>c(w.key)},[e.createElementVNode("span",Vn,e.toDisplayString(r.value.has(w.key)&&!i.value?"▶":"▼"),1),e.createElementVNode("span",Nn,e.toDisplayString(w.isList?"📋":"📁"),1),e.createElementVNode("span",Cn,e.toDisplayString(w.label),1)],10,wn)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(w.fields,L=>(e.openBlock(),e.createElementBlock("div",{key:L.fieldKey,class:"field-row",draggable:"true",style:e.normalizeStyle({paddingLeft:(w.key?22:8)+"px"}),onDragstart:H=>d(H,L)},[v[1]||(v[1]=e.createElementVNode("span",{class:"node-icon"},"📄",-1)),e.createElementVNode("span",Mn,e.toDisplayString(L.fieldLabel),1),e.createElementVNode("span",$n,"("+e.toDisplayString(L.fieldKey)+")",1)],44,Sn))),128))],512),[[e.vShow,!w.key||i.value||!r.value.has(w.key)]])],64))),128))]),s.value.length===0?(e.openBlock(),e.createElementBlock("p",xn,"暂无字段")):e.createCommentVNode("",!0)]))}}),Dn=_(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"},Fn={class:"pd-tab-pane",role:"tabpanel"},Un={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:a}){const o=a,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 r(c,d){c.dataTransfer?.setData("elementType",d)}function i(c){o("field-drag",c)}function s(c){n.value=c,o("toggle-collapse")}return(c,d)=>(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:d[0]||(d[0]=p=>s(n.value))},"»"),e.createElementVNode("button",{class:e.normalizeClass(["lc-btn",{on:n.value==="elements"}]),title:"元素",onClick:d[1]||(d[1]=p=>s("elements"))},"▦",2),e.createElementVNode("button",{class:e.normalizeClass(["lc-btn",{on:n.value==="fields"}]),title:"字段",onClick:d[2]||(d[2]=p=>s("fields"))},"⊛",2),e.createElementVNode("button",{class:e.normalizeClass(["lc-btn",{on:n.value==="layers"}]),title:"图层",onClick:d[3]||(d[3]=p=>s("layers"))},"≡",2)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",zn,[d[12]||(d[12]=e.createElementVNode("span",{class:"left-title"},"素材台",-1)),e.createElementVNode("button",{class:"collapse-btn",title:"收起素材台",onClick:d[4]||(d[4]=p=>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:d[5]||(d[5]=p=>n.value="elements")},"元素",2),e.createElementVNode("button",{type:"button",class:e.normalizeClass(["pd-tab",{active:n.value==="fields"}]),onClick:d[6]||(d[6]=p=>n.value="fields")},"字段",2),e.createElementVNode("button",{type:"button",class:e.normalizeClass(["pd-tab",{active:n.value==="layers"}]),onClick:d[7]||(d[7]=p=>n.value="layers")},"图层",2)]),e.withDirectives(e.createElementVNode("div",An,[d[13]||(d[13]=e.createElementVNode("div",{class:"panel-title"},"拖拽元素到画布",-1)),(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(l,p=>e.createElementVNode("div",{key:p.type,class:"material-card",draggable:"true",onDragstart:v=>r(v,p.type)},[e.createElementVNode("span",Rn,e.toDisplayString(p.icon),1),e.createElementVNode("span",Hn,e.toDisplayString(p.label),1)],40,In)),64))],512),[[e.vShow,n.value==="elements"]]),e.withDirectives(e.createElementVNode("div",Fn,[e.createVNode(Dn,{fields:t.fields,onFieldDrag:i},null,8,["fields"])],512),[[e.vShow,n.value==="fields"]]),e.withDirectives(e.createElementVNode("div",Un,[e.createVNode(yn,{elements:t.elements,"selected-ids":t.selectedIds,onSelect:d[8]||(d[8]=(p,v)=>c.$emit("select",p,v)),onMoveLayer:d[9]||(d[9]=p=>c.$emit("move-layer",p)),onToggleVisible:d[10]||(d[10]=p=>c.$emit("toggle-visible",p)),onToggleLocked:d[11]||(d[11]=p=>c.$emit("toggle-locked",p))},null,8,["elements","selected-ids"])],512),[[e.vShow,n.value==="layers"]])])],64))],2))}}),Gn=_(On,[["__scopeId","data-v-eb646f19"]]),fe=22,Qe=[1,2,5,10,20,50,100,200,500,1e3];function qn(t,a=64){const o=t*3.7795275590551185;for(const n of Qe)if(n*o>=a)return n;return Qe[Qe.length-1]}function Wn(t){const a=Math.floor(Math.log10(t)+1e-9),o=t/10**a;return o===5||o===1&&t>=10?t/5:o===2?t/2:null}function Yn(t){return Math.round(t*1e3)/1e3}function Kn(t,a,o){if(a<t||o<=0)return[];const l=Wn(o)??o,r=Math.ceil(t/l-1e-9)*l,i=Math.floor((a-r)/l+1e-9),s=[];for(let c=0;c<=i;c++){const d=Yn(r+c*l);Math.abs(d/o-Math.round(d/o))<1e-6?s.push({mm:d,major:!0,label:String(d)}):s.push({mm:d,major:!1})}return s}function Xn(t,a){const o=e.ref(!1),n=e.ref(null);let l=0,r=0,i=0,s=0,c=!1;function d(D){if(a.disabled)return;const $=D.target;if(!($ instanceof HTMLElement)||$.classList.contains("resize-handle"))return;o.value=!0,c=D.altKey,l=D.clientX,r=D.clientY;const R=t.value;R&&(i=parseFloat(R.style.left)||0,s=parseFloat(R.style.top)||0,n.value={left:i,top:s,width:parseFloat(R.style.width)||0,height:parseFloat(R.style.height)||0},a.onStart?.({altKey:c}),document.addEventListener("mousemove",v),document.addEventListener("mouseup",w),D.preventDefault())}function p(D){const $=a.getScale?.()??1;let R=i+(D.clientX-l)/$,W=s+(D.clientY-r)/$;if(a.axis==="x"&&(W=s),a.axis==="y"&&(R=i),a.onAdsorb){const J=t.value;if(J){const A=parseFloat(J.style.width)||0,G=parseFloat(J.style.height)||0,K=a.onAdsorb({left:R,top:W,width:A,height:G});R=K.left,W=K.top}}return{left:R,top:W}}function v(D){const $=p(D);n.value&&(n.value.left=$.left,n.value.top=$.top),a.onDrag($)}function w(D){o.value=!1;const $=p(D);a.onDragEnd?.($,{altKey:c}),a.onStop?.(),n.value=null,document.removeEventListener("mousemove",v),document.removeEventListener("mouseup",w)}function L(){const D=t.value;D&&D.removeEventListener("mousedown",d),document.removeEventListener("mousemove",v),document.removeEventListener("mouseup",w)}function H(){L();const D=t.value;D&&D.addEventListener("mousedown",d)}return{isDragging:o,dragPreview:n,setup:H,cleanup:L}}const jn=["nw","n","ne","e","se","s","sw","w"];function Jn(t,a,o,n,l,r){let{left:i,top:s,width:c,height:d}=a;switch(t){case"e":c=Math.max(l,a.width+o);break;case"w":c=Math.max(l,a.width-o),i=a.left+a.width-c;break;case"s":d=Math.max(r,a.height+n);break;case"n":d=Math.max(r,a.height-n),s=a.top+a.height-d;break;case"se":c=Math.max(l,a.width+o),d=Math.max(r,a.height+n);break;case"sw":c=Math.max(l,a.width-o),i=a.left+a.width-c,d=Math.max(r,a.height+n);break;case"ne":c=Math.max(l,a.width+o),d=Math.max(r,a.height-n),s=a.top+a.height-d;break;case"nw":c=Math.max(l,a.width-o),i=a.left+a.width-c,d=Math.max(r,a.height-n),s=a.top+a.height-d;break}return{left:i,top:s,width:c,height:d}}function Zn(t){let a=0,o=0,n={left:0,top:0,width:0,height:0},l=null;function r(d,p){l=d,a=p.clientX,o=p.clientY,n={...t.getRect()},t.onStart?.(),document.addEventListener("mousemove",i),document.addEventListener("mouseup",s),p.preventDefault()}function i(d){if(!l)return;const p=t.getScale?.()||1,v=(d.clientX-a)/p,w=(d.clientY-o)/p,L=t.minWidth||20,H=t.minHeight||20;t.onResize(Jn(l,n,v,w,L,H))}function s(){l=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 a=t,o={top:"flex-start",middle:"center",bottom:"flex-end"},n={left:"flex-start",center:"center",right:"flex-end"},l=e.computed(()=>{const i=a.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(()=>a.designMode?a.element.options.testData?a.element.options.testData:a.element.options.formatter||"文本":We(a.element.options,a.data));return(i,s)=>(e.openBlock(),e.createElementBlock("div",{class:"print-text",style:e.normalizeStyle(l.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 a=t,o=e.computed(()=>{const i=a.element.options.src||"";return i?i.includes("{")?a.designMode?$e(i,ge):$e(i,a.data?.[0]||{}):i:""}),n=e.ref(!1);function l(){n.value=!0}e.watch(o,()=>{n.value=!1});const r=e.computed(()=>({objectFit:a.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:l},null,44,el)):(e.openBlock(),e.createElementBlock("div",tl,"图片"))]))}}),nl=_(ol,[["__scopeId","data-v-530ee54f"]]),ll=e.defineComponent({__name:"LongTextElement",props:{element:{},data:{},designMode:{type:Boolean}},setup(t){const a=t,o={top:"flex-start",middle:"center",bottom:"flex-end"},n={left:"flex-start",center:"center",right:"flex-end"},l=e.computed(()=>{const i=a.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(()=>a.designMode?a.element.options.formatter?a.element.options.formatter:"长文本内容":We(a.element.options,a.data));return(i,s)=>(e.openBlock(),e.createElementBlock("div",{class:"print-longtext",style:e.normalizeStyle(l.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:a}){const o=[{value:"header",label:"标题行"},{value:"data",label:"数据行"},{value:"subtotal",label:"小计行"},{value:"summary",label:"汇总行"}],n=a;function l(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=>l("insert-row-above"))},"在上方插入行"),e.createElementVNode("div",{class:"menu-item",onClick:i[1]||(i[1]=s=>l("insert-row-below"))},"在下方插入行"),e.createElementVNode("div",{class:e.normalizeClass(["menu-item",{disabled:!t.canDeleteRow}]),onClick:i[2]||(i[2]=s=>t.canDeleteRow&&l("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=>l("insert-col-left"))},"在左侧插入列"),e.createElementVNode("div",{class:"menu-item",onClick:i[4]||(i[4]=s=>l("insert-col-right"))},"在右侧插入列"),e.createElementVNode("div",{class:e.normalizeClass(["menu-item",{disabled:!t.canDeleteCol}]),onClick:i[5]||(i[5]=s=>t.canDeleteCol&&l("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&&l("merge"))}," 合并单元格 ",10,al),e.createElementVNode("div",{class:e.normalizeClass(["menu-item",{disabled:!t.canSplit}]),onClick:i[7]||(i[7]=s=>t.canSplit&&l("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)&&l("set-row-type",s.value)},e.toDisplayString(s.label),11,il)),64))],36)):e.createCommentVNode("",!0)]))}}),sl=_(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 a=t,o=e.ref(null),n=e.ref(!1),l=e.ref(""),r=e.computed(()=>({objectFit:a.fit||"contain",maxWidth:a.maxWidth?`${a.maxWidth}mm`:"100%",maxHeight:a.maxHeight?`${a.maxHeight}mm`:"100%"})),i=e.computed(()=>({objectFit:a.fit||"contain",maxWidth:a.maxWidth?`${a.maxWidth}mm`:"100%",maxHeight:a.maxHeight?`${a.maxHeight}mm`:"100%"}));function s(){if(n.value=!1,!!o.value)try{it(o.value,a.value,{format:a.barcodeType||"CODE128",width:1,height:28,displayValue:a.showText!==!1,fontSize:9,margin:0}),n.value=!0}catch{}}async function c(){if(!a.value){l.value="";return}try{l.value=await rt.toDataURL(a.value,{width:96,margin:1,errorCorrectionLevel:a.qrCodeLevel||"M"})}catch{l.value=""}}function d(){a.cellType==="barcode"?s():c()}return e.onMounted(d),e.watch(()=>[a.cellType,a.value,a.barcodeType,a.qrCodeLevel,a.showText],d),(p,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"&&l.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:l.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=_(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 a=t,o=e.computed(()=>{const i=a.value||"";return i?i.includes("{")?a.designMode?$e(i,ge):$e(i,a.data?.[0]||{}):i:""}),n=e.ref(!1);function l(){n.value=!0}e.watch(o,()=>{n.value=!1});const r=e.computed(()=>({objectFit:a.fit||"contain",maxWidth:a.maxWidth?`${a.maxWidth}mm`:"100%",maxHeight:a.maxHeight?`${a.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:l},null,44,vl)):(e.openBlock(),e.createElementBlock("div",gl,"图片"))]))}}),bl=_(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"},Ue=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:a}){const o={header:"题",data:"数",subtotal:"小",summary:"汇"},n=t,l=a,r=e.inject(Pe,{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),d=e.computed(()=>n.element.options.tableDefaultColor??"#333333"),p=e.computed(()=>{const h=r.tableSelection.value;return h&&h.elementId===n.element.id?h:null});function v(h){let C=0;for(let N=0;N<h;N++)C+=i.value[N].height;return C}const w=e.ref(null),L=e.ref([]);function H(){if(!n.designMode)return;const h=w.value;if(!h)return;const C=h.offsetHeight;if(C<=0)return;const N=n.element.options,y=C/Ue;Math.abs(y-(N.height??0))>Nl&&(N.height=Math.round(y*100)/100);const b=h.offsetTop;L.value=Array.from(h.rows).map(F=>({top:(F.offsetTop-b)/Ue,height:F.offsetHeight/Ue}))}function D(h){return L.value[h]?.top??v(h)}function $(h){return L.value[h]?.height??i.value[h]?.height??0}e.watch(()=>[n.element.options,n.designMode],()=>H(),{deep:!0,flush:"post"}),e.onMounted(()=>{H(),document.fonts?.ready.then(()=>H())});const R=e.computed(()=>{const h=n.element.options.dataSource;if(h&&Array.isArray(ge[h]))return ge[h];for(const C of Object.values(ge))if(Array.isArray(C))return C}),W=e.computed(()=>{if(n.data)return n.data});function J(h){return h.cellType==="barcode"||h.cellType==="qrcode"}function A(h,C){return J(C)?ko(C.formatter,R.value):C.formatter||""}function G(h,C){const N=n.element.options,y={designMode:n.designMode,showGhostBorder:n.showTableGhostBorder};return{fontFamily:C.fontFamily||"inherit",textAlign:C.align??"left",verticalAlign:C.valign??"middle",fontSize:(C.fontSize??c.value)+"pt",fontWeight:C.fontWeight??"normal",color:C.color??d.value,backgroundColor:C.backgroundColor??"transparent",borderTop:He(C.borders?.top,y),borderRight:He(C.borders?.right,y),borderBottom:He(C.borders?.bottom,y),borderLeft:He(C.borders?.left,y),padding:(C.padding??N.tableDefaultPadding??1)+"mm",whiteSpace:C.wordWrap??!0?"normal":"nowrap",overflow:C.wordWrap??!0?"visible":"hidden"}}function K(h,C){const N=p.value;return{"cell-selected":!!N&&h>=N.r1&&h<=N.r2&&C>=N.c1&&C<=N.c2,"row-data-bg":i.value[h].type==="data"}}const S=e.ref(null);function M(h,C){const N=xt(i.value,h,C);r.setTableSelection({elementId:n.element.id,...N})}function x(h,C,N){!n.designMode||!n.isSelected||(N.stopPropagation(),N.shiftKey&&p.value?M({r:p.value.r1,c:p.value.c1},{r:h,c:C}):(S.value={r:h,c:C},M({r:h,c:C},{r:h,c:C})),window.addEventListener("mouseup",()=>{S.value=null},{once:!0}))}function B(h,C){S.value&&M(S.value,{r:h,c:C})}function T(h,C){n.designMode&&l("dblclick-cell",n.element.id,h,C)}const z=e.reactive({visible:!1,x:0,y:0});function u(h,C,N){if(!n.designMode||!n.isSelected)return;const y=p.value;y&&h>=y.r1&&h<=y.r2&&C>=y.c1&&C<=y.c2||M({r:h,c:C},{r:h,c:C}),z.x=N.clientX,z.y=N.clientY,z.visible=!0,window.addEventListener("mousedown",()=>{z.visible=!1},{once:!0})}const V=e.computed(()=>{const h=p.value;return h?Bt(i.value,h):"未选择单元格"}),O=e.computed(()=>{const h=p.value;if(!h)return!1;for(let C=h.r1;C<=h.r2;C++)for(let N=h.c1;N<=h.c2;N++){const y=i.value[C].cells[N];if(!y.merged&&((y.rowspan??1)>1||(y.colspan??1)>1))return!0}return!1});function X(h){const C=p.value;if(!C)return"未选择单元格";if(C.r1!==C.r2)return"行类型仅支持单行设置";const N=JSON.parse(JSON.stringify(i.value));return ot(N,C.r1,h)}function Z(){qe(n.element.options)}function j(h,C){const N=r.maxTableWidth.value,y=h.reduce((b,F)=>b+F,0)+h[C];return y>N?`插入后表格总宽 ${Math.round(y*10)/10}mm 超过打印范围宽度 ${N}mm,请先缩小列宽`:null}function ce(h,C){const N=p.value;if(!N)return;z.visible=!1;const y=n.element.options,b=y.tableRows,F=y.tableColWidths;let Y=null;switch(h){case"insert-row-above":gt(b,N.r1,"above");break;case"insert-row-below":gt(b,N.r2,"below");break;case"delete-row":Y=co(b,N.r1);break;case"insert-col-left":Y=j(F,N.c1),Y||ht(b,F,N.c1,"left");break;case"insert-col-right":Y=j(F,N.c2),Y||ht(b,F,N.c2,"right");break;case"delete-col":Y=uo(b,F,N.c1);break;case"merge":Dt(b,N);break;case"split":Tt(b,N);break;case"set-row-type":Y=ot(b,N.r1,C);break}if(Y){alert(Y);return}r.setTableSelection(null),Z(),r.recordHistory()}const ie=e.computed(()=>n.designMode&&!!n.isSelected&&!n.element.options.locked&&s.value.length>=1),se=e.computed(()=>Array.from({length:s.value.length},(h,C)=>C+1));function le(h){return s.value.slice(0,h).reduce((C,N)=>C+N,0)}const P=e.ref(null);let g=0,E=0;function f(h,C){ie.value&&(P.value=h,g=C.clientX,E=s.value[h-1],document.addEventListener("mousemove",m),document.addEventListener("mouseup",k))}function m(h){if(P.value===null)return;const C=n.scale||1,N=(h.clientX-g)/(C*Ue),y=P.value-1,b=n.element.options.tableColWidths;b[y]=fo(b,y,E+N,r.maxTableWidth.value),Z()}function k(){document.removeEventListener("mousemove",m),document.removeEventListener("mouseup",k),P.value!==null&&(P.value=null,Z(),r.recordHistory())}return e.onUnmounted(()=>{document.removeEventListener("mousemove",m),document.removeEventListener("mouseup",k)}),(h,C)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["print-table",{"design-mode":t.designMode}]),onContextmenu:C[0]||(C[0]=e.withModifiers(()=>{},["prevent"]))},[e.createElementVNode("table",{ref_key:"tableRef",ref:w,style:e.normalizeStyle({fontSize:c.value+"pt",color:d.value})},[e.createElementVNode("colgroup",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,(N,y)=>(e.openBlock(),e.createElementBlock("col",{key:y,style:e.normalizeStyle({width:N+"mm"})},null,4))),128))]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,(N,y)=>(e.openBlock(),e.createElementBlock("tr",{key:N.id,style:e.normalizeStyle({height:N.height+"mm"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.cells,(b,F)=>(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(K(y,F)),style:e.normalizeStyle(G(N,b)),onMousedown:e.withModifiers(Y=>x(y,F,Y),["left"]),onMouseenter:Y=>B(y,F),onDblclick:e.withModifiers(Y=>T(y,F),["stop"]),onContextmenu:e.withModifiers(Y=>u(y,F,Y),["prevent","stop"])},[J(b)?(e.openBlock(),e.createBlock(pl,{key:0,"cell-type":b.cellType,value:A(N,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(bl,{key:1,value:b.formatter||"",fit:b.fit,"max-width":b.maxWidth,"max-height":b.maxHeight,"design-mode":t.designMode,data:W.value},null,8,["value","fit","max-width","max-height","design-mode","data"])):N.type==="data"?(e.openBlock(),e.createElementBlock("span",kl,e.toDisplayString(A(N,b)),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[e.createTextVNode(e.toDisplayString(A(N,b)),1)],64))],46,yl))],64))),128))],4))),128))])],4),ie.value?(e.openBlock(),e.createElementBlock("div",El,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(se.value,N=>(e.openBlock(),e.createElementBlock("div",{key:N,class:e.normalizeClass(["col-resize-handle",{dragging:P.value===N}]),role:"separator","aria-label":"列宽手柄"+N,style:e.normalizeStyle({left:le(N)+"mm"}),onMousedown:e.withModifiers(y=>f(N,y),["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,(N,y)=>(e.openBlock(),e.createElementBlock("span",{key:N.id,class:"row-badge",style:e.normalizeStyle({top:D(y)+"mm",height:$(y)+"mm"})},e.toDisplayString(o[N.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":V.value,"can-split":O.value,"current-row-type":p.value?i.value[p.value.r1]?.type??null:null,"row-type-disabled-reason":X,onAction:ce},null,8,["visible","x","y","can-delete-row","can-delete-col","merge-disabled-reason","can-split","current-row-type"])],34))}}),Sl=_(Cl,[["__scopeId","data-v-980bb07d"]]),Et=e.defineComponent({__name:"LineElement",props:{element:{}},setup(t){const a=t,o=e.computed(()=>a.element.printElementType.type==="hline"),n=e.computed(()=>{const l=a.element.options,r=(l.borderWidth||.75)+"pt",i=l.borderStyle||"solid",s=l.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(l,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 a=t,o=e.computed(()=>a.element.printElementType.type==="oval"),n=e.computed(()=>{const l=a.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:o.value?"50%":"0",boxSizing:"border-box"}});return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:"print-shape",style:e.normalizeStyle(n.value)},null,4))}}),Ml={class:"print-barcode",ref:"containerRef"},$l=96/25.4,xl=e.defineComponent({__name:"BarcodeElement",props:{element:{},data:{},designMode:{type:Boolean}},setup(t){const a=t,o=e.ref(null);function n(){if(!o.value)return;const l=a.element.options,r=(a.designMode?l.testData||l.formatter:We(l,a.data))||"条码",i=!l.hideTitle,s=(l.fontSize||12)*(96/72),c=(l.height||40)*$l,d=i?s+4:0,p=Math.max(8,c-d);try{it(o.value,r,{format:l.barcodeType||"CODE128",width:l.barWidth?l.barWidth/2:1,height:p,displayValue:i,fontSize:s,margin:2})}catch{}}return e.onMounted(n),e.watch(()=>[a.element.options.formatter,a.element.options.testData,a.element.options.barcodeType,a.element.options.width,a.element.options.height,a.element.options.barWidth,a.element.options.hideTitle,a.element.options.fontSize],n),(l,r)=>(e.openBlock(),e.createElementBlock("div",Ml,[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgRef",ref:o,preserveAspectRatio:"xMidYMid meet"},null,512))],512))}}),Bl=_(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 a=t,o=e.ref("");async function n(){const l=a.element.options,r=(a.designMode?l.testData||l.formatter:We(l,a.data))||"二维码",i=Math.min(l.width||80,l.height||80);try{o.value=await rt.toDataURL(r,{width:i,margin:1,errorCorrectionLevel:String(l.qrCodeLevel??"M")})}catch{o.value=""}}return e.onMounted(n),e.watch(()=>[a.element.options.formatter,a.element.options.testData],n),(l,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=_(zl,[["__scopeId","data-v-90b31b7e"]]),Pl=["innerHTML"],Al=e.defineComponent({__name:"HtmlElement",props:{element:{},data:{},designMode:{type:Boolean}},setup(t){const a=t,o=e.computed(()=>{if(a.element.options.formatter){const n=a.data&&a.data.length>0?a.data[0]:{},l=$e(a.element.options.formatter,n??{});return l?oo.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:o.value},null,8,Pl))}}),Il=_(Al,[["__scopeId","data-v-f0a224c2"]]),Rl=e.defineComponent({__name:"PageNumberElement",props:{element:{},data:{},designMode:{type:Boolean}},setup(t){const a=t,o=e.computed(()=>{const l=a.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(()=>a.designMode?a.element.options.title||"{pageIndex}/{totalPages}":a.element.options.title||"");return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:"page-number-element",style:e.normalizeStyle(o.value)},e.toDisplayString(n.value),5))}}),Hl=_(Rl,[["__scopeId","data-v-c3750ca3"]]),Fl={key:0,class:"drag-preview"},Ul={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:a}){const o=t,n=a,l=e.ref(null),r=e.inject(It,null),i=e.computed(()=>r?.value?r.value.has(o.element.id):o.isSelected??!1),s=e.inject(Rt,null),c=e.computed(()=>s?.value.has(o.element.id)??!1),d={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)},p=e.computed(()=>d[o.element.printElementType.type]),v=e.computed(()=>o.element.printElementType.type==="table"?{showTableGhostBorder:o.showTableGhostBorder,scale:o.scale}:{}),w=e.computed(()=>{const T=o.element.options;return{position:"absolute",left:T.left+"mm",top:T.top+"mm",width:T.width+"mm",height:T.height+"mm",zIndex:T.zIndex||"auto"}}),L=e.computed(()=>{const T=o.element.options;return`x:${Math.round(T.left)} y:${Math.round(T.top)} ${Math.round(T.width)}×${Math.round(T.height)}mm`});let H=0,D=0;const $=e.reactive({disabled:!o.designMode||!!o.element.options.locked,getScale:()=>(o.scale||1)*he(1),onDrag:T=>{const z=T.left-H,u=T.top-D;l.value&&(l.value.style.transform=`translate(${z}mm, ${u}mm)`)},onDragEnd:(T,z)=>{if(z.altKey){const O=JSON.parse(JSON.stringify(o.element));O.id=Me(),O.options.left=T.left,O.options.top=T.top,n("clone-element",O,{left:T.left,top:T.top}),l.value&&(l.value.style.transform="");return}const u=T.left-H,V=T.top-D;if(o.element.options.left=T.left,o.element.options.top=T.top,l.value&&(l.value.style.transform=""),o.element.options.groupId&&o.allElements)for(const O of o.allElements)O.id!==o.element.id&&O.options.groupId===o.element.options.groupId&&(O.options.left+=u,O.options.top+=V)},onStart:()=>{H=o.element.options.left,D=o.element.options.top,n("select",o.element.id,!1),n("drag-start")},onStop:()=>{o.clearAdsorbGuides?.(),n("drag-stop")},onAdsorb:T=>{let z=T.left,u=T.top;return o.snapToGrid&&(z=Math.round(T.left/5)*5,u=Math.round(T.top/5)*5),o.adsorbHandler?o.adsorbHandler({id:o.element.id,left:z,top:u,width:o.element.options.width,height:o.element.options.height}):{left:z,top:u,lines:[]}}}),{setup:R,cleanup:W,isDragging:J}=Xn(l,$);e.watchEffect(()=>{$.disabled=!o.designMode||!!o.element.options.locked});const A=e.computed(()=>i.value&&!!o.designMode&&!o.element.options.locked&&o.element.printElementType.type!=="table"),{startResize:G,cleanup:K}=Zn({minWidth:3.5,minHeight:3.5,getScale:()=>(o.scale||1)*he(1),getRect:()=>({left:o.element.options.left,top:o.element.options.top,width:o.element.options.width,height:o.element.options.height}),onResize:T=>{o.element.options.left=T.left,o.element.options.top=T.top,o.element.options.width=T.width,o.element.options.height=T.height},onStart:()=>{n("drag-start")},onStop:()=>{n("drag-stop")}});function S(T){o.designMode&&n("select",o.element.id,T.ctrlKey||T.metaKey)}function M(){o.designMode&&n("dblclick-element",o.element.id)}function x(T,z,u){o.designMode&&n("dblclick-cell",T,z,u)}e.onMounted(()=>{o.designMode&&R()});function B(){W(),K(),o.clearAdsorbGuides?.()}return e.onUnmounted(()=>{B()}),(T,z)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"elRef",ref:l,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(w.value),onMousedown:e.withModifiers(S,["stop"]),onDblclick:e.withModifiers(M,["stop"]),onContextmenu:z[0]||(z[0]=e.withModifiers(u=>T.$emit("contextmenu",t.element.id,u),["prevent","stop"]))},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(p.value),e.mergeProps({element:t.element,data:t.printData,"design-mode":t.designMode,"is-selected":i.value},v.value,{onDblclickCell:x}),null,16,["element","data","design-mode","is-selected"])),e.unref(J)?(e.openBlock(),e.createElementBlock("div",Fl)):e.createCommentVNode("",!0),A.value?(e.openBlock(),e.createElementBlock("div",Ul,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(jn),u=>(e.openBlock(),e.createElementBlock("div",{key:u,class:e.normalizeClass(["resize-handle",`handle-${u}`]),onMousedown:e.withModifiers(V=>e.unref(G)(u,V),["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))}}),_e=_(Wl,[["__scopeId","data-v-64c495e7"]]);function Yl(t={}){const a=t.adsorbMin??1,o=t.adsorbLineMin??2,n=t.showAdsorbLine??!0,l=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,w,L){let H=v.left,D=v.top;const $=[],R={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 W=1/0;for(const A of w){if(A.id===v.id)continue;const G={left:A.left,right:A.left+A.width,vCenter:A.left+A.width/2,top:A.top,bottom:A.top+A.height,hCenter:A.top+A.height/2},K=[["left","left"],["left","vCenter"],["left","right"],["vCenter","left"],["vCenter","vCenter"],["vCenter","right"],["right","left"],["right","vCenter"],["right","right"]],S=[["top","top"],["top","hCenter"],["top","bottom"],["hCenter","top"],["hCenter","hCenter"],["hCenter","bottom"],["bottom","top"],["bottom","hCenter"],["bottom","bottom"]];for(const[M,x]of K){const B=Math.abs(R[M]-G[x]);B<=a&&B<W&&(W=B,H=v.left+(G[x]-R[M]))}for(const[M,x]of S){const B=Math.abs(R[M]-G[x]);B<=a&&B<W&&(W=B,D=v.top+(G[x]-R[M]))}}if(L){const A={left:H,right:H+v.width,vCenter:H+v.width/2,top:D,bottom:D+v.height,hCenter:D+v.height/2},G=["left","vCenter","right"];for(const S of L.vertical)for(const M of G){const x=Math.abs(A[M]-S);x<=a&&x<W&&(W=x,H=v.left+(S-A[M]))}const K=["top","hCenter","bottom"];for(const S of L.horizontal)for(const M of K){const x=Math.abs(A[M]-S);x<=a&&x<W&&(W=x,D=v.top+(S-A[M]))}}const J={left:H,right:H+v.width,vCenter:H+v.width/2,top:D,bottom:D+v.height,hCenter:D+v.height/2};if(n){const A=new Set;for(const G of w){if(G.id===v.id)continue;const K={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},S=[["left","left"],["left","vCenter"],["left","right"],["vCenter","left"],["vCenter","vCenter"],["vCenter","right"],["right","left"],["right","vCenter"],["right","right"]],M=[["top","top"],["top","hCenter"],["top","bottom"],["hCenter","top"],["hCenter","hCenter"],["hCenter","bottom"],["bottom","top"],["bottom","hCenter"],["bottom","bottom"]];for(const[x,B]of S)if(Math.abs(J[x]-K[B])<=o){const z=`v:${K[B]}`;A.has(z)||(A.add(z),$.push({type:"vertical",position:K[B],id:G.id,color:s(x)}))}for(const[x,B]of M)if(Math.abs(J[x]-K[B])<=o){const z=`h:${K[B]}`;A.has(z)||(A.add(z),$.push({type:"horizontal",position:K[B],id:G.id,color:s(x)}))}}}if(L){for(const A of L.vertical)$.some(G=>G.type==="vertical"&&G.position===A)||$.push({type:"vertical",position:A});for(const A of L.horizontal)$.some(G=>G.type==="horizontal"&&G.position===A)||$.push({type:"horizontal",position:A})}return{left:H,top:D,lines:$}}function d(v,w,L){l.value=v,r.value={width:w,height:L}}function p(){l.value=[]}return{check:c,renderLines:d,clearLines:p,guideLines:l,paperSize:r}}function Kl(t){const{check:a,renderLines:o,clearLines:n,guideLines:l,paperSize:r}=Yl(t.config??{adsorbMin:1,adsorbLineMin:2,showAdsorbLine:!0});function i(c){const d=t.getElements().filter(w=>w.id!==c.id).map(w=>({id:w.id,left:w.options.left,top:w.options.top,width:w.options.width,height:w.options.height})),p=a(c,d,t.getGuides?.()),v=t.getPaperSize();return o(p.lines,v.width,v.height),p}function s(){n()}return{requestAdsorb:i,clearGuides:s,guideLines:l,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:a,emit:o}){const n=t,l=o,r=e.ref(null),i=e.computed(()=>Ee(n.templateData).width),s=e.computed(()=>Ee(n.templateData).height),c=e.computed(()=>`${8/(n.scale||1)}px`),d=e.computed(()=>{const g=n.scale||1,E=he(i.value)*g,f=he(s.value)*g;return{width:E+"px",height:f+"px",position:"relative"}}),p=e.computed(()=>{const g=n.templateData.margins,E=n.templateData.header.height,f=n.templateData.footer.height,m=i.value-g.left-g.right;return{header:{left:g.left,top:g.top,width:m,height:E},content:{left:g.left,top:g.top+E,width:m,height:s.value-g.top-g.bottom-E-f},footer:{left:g.left,top:s.value-g.bottom-f,width:m,height:f}}});function v(g){return{position:"absolute",left:g.left+"mm",top:g.top+"mm",width:g.width+"mm",height:g.height+"mm"}}const w=e.computed(()=>{const g={header:[],footer:[],content:[]};for(const E of n.runtimeElements)E.zone==="header"?g.header.push(E):E.zone==="footer"?g.footer.push(E):g.content.push(E);return g}),L=e.computed(()=>w.value.header),H=e.computed(()=>w.value.footer),D=e.computed(()=>w.value.content);let $="content";const{requestAdsorb:R,clearGuides:W,guideLines:J,paperSize:A}=Kl({getElements:()=>w.value[$],getPaperSize:()=>{const g=p.value[$];return{width:g.width,height:g.height}},getGuides:()=>{const g=[],E=[];for(const f of n.guides??[])f.type==="vertical"?g.push(f.position):E.push(f.position);return{vertical:g,horizontal:E}}});function G(g){$=n.runtimeElements.find(m=>m.id===g.id)?.zone||"content";const f=R(g);return(f.left!==g.left||f.top!==g.top)&&u(f.left+g.width/2,f.top+g.height/2),f}function K(g,E){const f=E.position,m=g.clientX,k=g.clientY,h=n.scale??1,C=25.4/96,N=b=>{const F=(E.type==="vertical"?b.clientX-m:b.clientY-k)/h*C,Y=E.type==="vertical"?i.value:s.value,ae=Math.min(Math.max(f+F,0),Y);l("guide-move",E.id,ae)},y=()=>{window.removeEventListener("mousemove",N),window.removeEventListener("mouseup",y)};window.addEventListener("mousemove",N),window.addEventListener("mouseup",y)}const S=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"})),M=e.computed(()=>{const g=n.templateData.margins;return{padding:`${g.top}mm ${g.right}mm ${g.bottom}mm ${g.left}mm`,position:"relative",boxSizing:"border-box",minHeight:s.value+"mm"}}),x=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 B=0,T=null;const z=e.ref(null);function u(g,E){B+=1,z.value={left:g,top:E,key:B},T&&clearTimeout(T),T=setTimeout(()=>{z.value=null},300)}const V=e.computed(()=>{const g=n.templateData.watermark;return g?!g.mode||g.mode==="fixed"?!!g.content&&g.content.trim().length>0:!!g.binding:!1}),O=e.computed(()=>{const g=n.templateData.watermark||{},E=g.color||"#cccccc",f=g.opacity??.15,m=g.rotate??-30;let k=X(g);if(g.timestamp){const h=new Date,C=`${h.getFullYear()}-${String(h.getMonth()+1).padStart(2,"0")}-${String(h.getDate()).padStart(2,"0")} ${String(h.getHours()).padStart(2,"0")}:${String(h.getMinutes()).padStart(2,"0")}`;k=k?`${k} ${C}`:C}return{position:"absolute",top:"0",left:"0",width:"100%",height:"100%",pointerEvents:"none",zIndex:"0",overflow:"hidden",opacity:String(f),backgroundImage:Z(k,E,m),backgroundRepeat:"repeat"}});function X(g){if(!g.mode||g.mode==="fixed")return g.content||"";if(g.binding){const E=n.printData?.[0];return E&&E[g.binding]!==void 0&&E[g.binding]!==null?String(E[g.binding]):g.testData||`[${g.binding}]`}return""}function Z(g,E,f){const m=g.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">"),k=`<svg xmlns="http://www.w3.org/2000/svg" width="260" height="180">
|
|
2
|
-
<text x="130" y="90" font-size="16" fill="${E}" text-anchor="middle" dominant-baseline="middle" transform="rotate(${f},130,90)">${m}</text>
|
|
3
|
-
</svg>`;return`url("data:image/svg+xml,${encodeURIComponent(k)}")`}const j=e.ref(null);function ce(g,E){le(),j.value={zone:g,startY:E.clientY,startH:n.templateData[g].height},window.addEventListener("mousemove",ie),window.addEventListener("mouseup",se)}function ie(g){if(!j.value)return;const{zone:E,startY:f,startH:m}=j.value,h=(g.clientY-f)/(n.scale||1)*25.4/96,C=E==="header"?h:-h,N=Math.min(100,s.value-n.templateData.margins.top-n.templateData.margins.bottom-(E==="header"?n.templateData.footer.height:n.templateData.header.height)-10),y=Math.min(N,Math.max(0,Math.round((m+C)*10)/10));l("zone-height-change",E,y)}function se(){if(!j.value)return;const g=j.value.zone;j.value=null,window.removeEventListener("mousemove",ie),window.removeEventListener("mouseup",se),l("zone-height-commit",g)}function le(){window.removeEventListener("mousemove",ie),window.removeEventListener("mouseup",se),j.value=null}e.onUnmounted(()=>{le(),T&&clearTimeout(T)});function P(g,E){l("select",g,E)}return a({contentRef:r}),(g,E)=>(e.openBlock(),e.createElementBlock("div",{class:"paper-wrapper",style:e.normalizeStyle(d.value)},[e.createElementVNode("div",{class:"hiprint-printPaper",style:e.normalizeStyle(S.value)},[e.createElementVNode("div",{class:"hiprint-printPaper-content",ref_key:"contentRef",ref:r,style:e.normalizeStyle(M.value)},[t.showGrid&&t.designMode?(e.openBlock(),e.createElementBlock("div",{key:0,class:"grid-bg",style:e.normalizeStyle(x.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),V.value?(e.openBlock(),e.createElementBlock("div",{key:2,class:"watermark-layer",style:e.normalizeStyle(O.value)},null,4)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["zone-layer zone-header",{"design-mode":t.designMode}]),style:e.normalizeStyle(v(p.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,f=>(e.openBlock(),e.createBlock(_e,{key:f.id,element:f,"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(W),onSelect:P,onDragStart:E[0]||(E[0]=m=>g.$emit("drag-start")),onDragStop:E[1]||(E[1]=m=>g.$emit("drag-stop")),onDblclickElement:E[2]||(E[2]=m=>g.$emit("dblclick-element",m)),onDblclickCell:E[3]||(E[3]=(m,k,h)=>g.$emit("dblclick-cell",m,k,h)),onContextmenu:E[4]||(E[4]=(m,k)=>g.$emit("contextmenu",m,k)),onCloneElement:(m,k)=>g.$emit("clone-element",m,k)},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:E[5]||(E[5]=e.withModifiers(f=>ce("header",f),["prevent","stop"]))},[j.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(p.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"})},[...E[17]||(E[17]=[e.createElementVNode("span",{class:"zone-label"},"首页叠加",-1)])],4)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(D.value,f=>(e.openBlock(),e.createBlock(_e,{key:f.id,element:f,"design-mode":t.designMode,"print-data":t.printData,scale:t.scale,"all-elements":D.value,"snap-to-grid":t.snapToGrid,"show-table-ghost-border":t.showTableGhostBorder,zone:"content","adsorb-handler":G,"clear-adsorb-guides":e.unref(W),onSelect:P,onDragStart:E[6]||(E[6]=m=>g.$emit("drag-start")),onDragStop:E[7]||(E[7]=m=>g.$emit("drag-stop")),onDblclickElement:E[8]||(E[8]=m=>g.$emit("dblclick-element",m)),onDblclickCell:E[9]||(E[9]=(m,k,h)=>g.$emit("dblclick-cell",m,k,h)),onContextmenu:E[10]||(E[10]=(m,k)=>g.$emit("contextmenu",m,k)),onCloneElement:(m,k)=>g.$emit("clone-element",m,k)},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(p.value.footer))},[t.designMode?(e.openBlock(),e.createElementBlock("span",Jl,"页脚")):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(H.value,f=>(e.openBlock(),e.createBlock(_e,{key:f.id,element:f,"design-mode":t.designMode,"print-data":t.printData,scale:t.scale,"all-elements":H.value,"snap-to-grid":t.snapToGrid,"show-table-ghost-border":t.showTableGhostBorder,zone:"footer","adsorb-handler":G,"clear-adsorb-guides":e.unref(W),onSelect:P,onDragStart:E[11]||(E[11]=m=>g.$emit("drag-start")),onDragStop:E[12]||(E[12]=m=>g.$emit("drag-stop")),onDblclickElement:E[13]||(E[13]=m=>g.$emit("dblclick-element",m)),onDblclickCell:E[14]||(E[14]=(m,k,h)=>g.$emit("dblclick-cell",m,k,h)),onContextmenu:E[15]||(E[15]=(m,k)=>g.$emit("contextmenu",m,k)),onCloneElement:(m,k)=>g.$emit("clone-element",m,k)},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:E[16]||(E[16]=e.withModifiers(f=>ce("footer",f),["prevent","stop"]))},[j.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),(f,m)=>(e.openBlock(),e.createElementBlock("div",{key:m,class:e.normalizeClass(["adsorb-guide",[`guide-${f.type}`]]),style:e.normalizeStyle(f.type==="vertical"?{left:f.position+"mm",top:"0",height:e.unref(A).height+"mm",borderLeftColor:f.color||"var(--pd-accent-secondary, #f56c6c)"}:{top:f.position+"mm",left:"0",width:e.unref(A).width+"mm",borderTopColor:f.color||"var(--pd-accent-secondary, #f56c6c)"})},null,6))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.guides,f=>(e.openBlock(),e.createElementBlock("div",{key:"mg-"+f.id,class:e.normalizeClass(["manual-guide",[`guide-${f.type}`]]),style:e.normalizeStyle(f.type==="vertical"?{left:f.position+"mm",top:"0",height:s.value+"mm","--guide-hit":c.value}:{top:f.position+"mm",left:"0",width:i.value+"mm","--guide-hit":c.value}),onMousedown:e.withModifiers(m=>K(m,f),["prevent","stop"]),onDblclick:e.withModifiers(m=>f.id&&l("guide-remove",f.id),["prevent","stop"])},null,46,Ql))),128))],4)],4)],4))}}),ea=_(_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:a}){const o=t,n=a,l=e.computed(()=>o.orientation==="horizontal"),r=e.computed(()=>l.value?"vertical":"horizontal"),i=e.ref(null),s=e.ref(null),c=e.computed(()=>s.value??o.cursorPx??null),d=e.computed(()=>l.value?{width:o.viewportPx+"px",height:fe+"px"}:{width:fe+"px",height:o.viewportPx+"px"});let p=0;function v(){p||(p=requestAnimationFrame(()=>{p=0,w()}))}function w(){const S=i.value;if(!S)return;const M=S.getContext("2d");if(!M)return;const x=window.devicePixelRatio||1,B=Math.max(0,Math.round(o.viewportPx)),T=fe;S.width=(l.value?B:T)*x,S.height=(l.value?T:B)*x,M.setTransform(x,0,0,x,0,0);const z=getComputedStyle(S),u=z.getPropertyValue("--pd-ruler-bg").trim()||"#F8F9FC",V=z.getPropertyValue("--pd-ruler").trim()||"#9AA1AF",O=z.getPropertyValue("--pd-accent").trim()||"#165DFF";M.fillStyle=u,M.fillRect(0,0,l.value?B:T,l.value?T:B);const X=o.scale>0?o.scale:1,Z=he(1)*X;if(Z<=0)return;const j=-o.originPx/Z,ce=(B-o.originPx)/Z,ie=qn(X),se=Kn(j,ce,ie);L(M,se,Z,V,!0),L(M,se,Z,V,!1),H(M,0,O),H(M,o.paperLengthMM,O);const le=c.value;if(le!==null&&le>=0&&le<=B){if(M.strokeStyle=O,M.lineWidth=1.5,M.beginPath(),l.value){const P=Math.round(le)+.5;M.moveTo(P,0),M.lineTo(P,T)}else{const P=Math.round(le)+.5;M.moveTo(0,P),M.lineTo(T,P)}M.stroke()}}function L(S,M,x,B,T){S.strokeStyle=B,S.fillStyle=B,S.globalAlpha=T?.32:1,S.lineWidth=1,S.font="9px ui-monospace, Menlo, monospace",S.textBaseline="top";for(const z of M){if((z.mm<0||z.mm>o.paperLengthMM)!==T)continue;const V=Math.round(o.originPx+z.mm*x)+.5,O=z.major?8:4;S.beginPath(),l.value?(S.moveTo(V,0),S.lineTo(V,O)):(S.moveTo(0,V),S.lineTo(O,V)),S.stroke(),z.major&&z.label&&(l.value?S.fillText(z.label,V+2,11):(S.save(),S.translate(11,V+2),S.rotate(-Math.PI/2),S.fillText(z.label,0,0),S.restore()))}S.globalAlpha=1}function H(S,M,x){const B=he(1)*(o.scale>0?o.scale:1),T=Math.round(o.originPx+M*B)+.5;T<=0||T>=o.viewportPx||(S.strokeStyle=x,S.globalAlpha=.55,S.lineWidth=1,S.beginPath(),l.value?(S.moveTo(T,0),S.lineTo(T,fe)):(S.moveTo(0,T),S.lineTo(fe,T)),S.stroke(),S.globalAlpha=1)}e.watch(()=>[o.viewportPx,o.originPx,o.paperLengthMM,o.scale,o.cursorPx,o.orientation],v),e.onMounted(v),e.onBeforeUnmount(()=>{p&&cancelAnimationFrame(p)});let D=!1;function $(S){const M=i.value;if(!M)return null;const x=M.getBoundingClientRect(),B=l.value?S.clientX-x.left:S.clientY-x.top;if(B<0||B>o.viewportPx)return null;const T=he(1)*(o.scale>0?o.scale:1);return(B-o.originPx)/T}function R(S){D=!0,S.preventDefault(),window.addEventListener("mousemove",G),window.addEventListener("mouseup",K),A(S)}function W(S){const M=i.value;if(!M)return;const x=M.getBoundingClientRect();s.value=l.value?S.clientX-x.left:S.clientY-x.top,v()}function J(){s.value=null,v()}function A(S){const M=$(S);n("guide-dragging",M)}function G(S){D&&A(S)}function K(S){if(!D)return;D=!1,window.removeEventListener("mousemove",G),window.removeEventListener("mouseup",K);const M=$(S);M!==null&&M>=0&&M<=o.paperLengthMM&&n("add-guide",r.value,M),n("guide-dragging",null)}return e.onBeforeUnmount(()=>{window.removeEventListener("mousemove",G),window.removeEventListener("mouseup",K)}),(S,M)=>(e.openBlock(),e.createElementBlock("canvas",{ref_key:"canvasRef",ref:i,class:e.normalizeClass(["pd-ruler",`is-${t.orientation}`]),style:e.normalizeStyle(d.value),onMousedown:R,onMousemove:W,onMouseleave:J},null,38))}}),Vt=_(ta,[["__scopeId","data-v-eec37db4"]]),oa={class:"canvas-scroll"},na={key:0,class:"overlay-layer"},la=["src"],Oe=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,{expose:a,emit:o}){const n=t,l=o;function r(f,m){l("select",f,m)}const i=e.ref(null),s=e.computed(()=>Ee(n.templateData).width),c=e.computed(()=>Ee(n.templateData).height),d=e.reactive({originX:0,originY:0,viewW:0,viewH:0,paperScale:1}),p=e.reactive({x:null,y:null}),v=e.reactive({x:0,y:0}),w=e.computed(()=>({transform:`translate(${v.x}px, ${v.y}px)`}));function L(){const f=i.value,m=f?.querySelector(".hiprint-printPaper");if(!f||!m)return;const k=f.getBoundingClientRect(),h=m.getBoundingClientRect(),C=n.scale||1,N=h.width/he(s.value);d.paperScale=Math.abs(N-C)<.002?C:N,d.originX=h.left-k.left-fe,d.originY=h.top-k.top-fe,d.viewW=f.clientWidth-fe,d.viewH=f.clientHeight-fe}function H(){v.x=i.value?.scrollLeft??0,v.y=i.value?.scrollTop??0,L()}let D=null,$=0;function R(){cancelAnimationFrame($);const f=performance.now()+220,m=()=>{L(),performance.now()<f&&($=requestAnimationFrame(m))};$=requestAnimationFrame(m)}const W=e.ref(null);function J(f,m){W.value=m===null?null:{type:f,mm:m}}const A=e.computed(()=>{const f=W.value,m=i.value?.querySelector(".hiprint-printPaper");if(!f||!m)return{};const k=m.getBoundingClientRect(),h=k.width/he(s.value),C=he(f.mm)*(h>0?h:n.scale||1);return f.type==="vertical"?{left:k.left+C+"px",top:k.top+"px",height:k.height+"px"}:{left:k.left+"px",top:k.top+C+"px",width:k.width+"px"}});function G(f){const m=i.value?.querySelector(".hiprint-printPaper");if(!m)return;const k=m.getBoundingClientRect(),h=n.scale||1,C=Fe((f.clientX-k.left)/h),N=Fe((f.clientY-k.top)/h);if(!(C<0||N<0))return{x:C,y:N}}function K(f){const m=G(f),k=f.dataTransfer?.getData("fieldData");if(k)try{const C=JSON.parse(k);l("drop-field",C,m);return}catch{}const h=f.dataTransfer?.getData("elementType");h&&l("drop-element",h,m)}const S=e.reactive({visible:!1,x:0,y:0,w:0,h:0});let M={x:0,y:0};function x(f){return!f||!(f instanceof HTMLElement)?!1:!!(f===i.value||f.classList.contains("canvas-scroll")||f.classList.contains("hiprint-printPaper")||f.classList.contains("hiprint-printPaper-content")||f.classList.contains("zone-layer")||f.classList.contains("grid-bg")||f.classList.contains("watermark-layer"))}function B(f){const m=i.value,k=m?.querySelector(".hiprint-printPaper");if(!m||!k)return;const h=m.getBoundingClientRect();p.x=f.clientX-h.left-fe,p.y=f.clientY-h.top-fe;const C=k.getBoundingClientRect(),N=n.scale||1,y=Fe((f.clientX-C.left)/N),b=Fe((f.clientY-C.top)/N);if(y<0||b<0){l("coordinate",null);return}l("coordinate",{x:y,y:b})}function T(){l("coordinate",null),p.x=null,p.y=null}function z(f){if(!(f.ctrlKey||f.metaKey))return;f.preventDefault();const m=n.scale||1,k=Math.round(m*100),h=$o(k,f.deltaY>0?-1:1);if(h===k)return;const C=h/100,N=i.value;let y=null;if(N){const b=N.getBoundingClientRect(),F=getComputedStyle(N),Y=parseFloat(F.paddingLeft)||0,ae=parseFloat(F.paddingTop)||0;y={x:N.scrollLeft+(f.clientX-b.left)-Y,y:N.scrollTop+(f.clientY-b.top)-ae,ratio:C/m,mouseX:f.clientX-b.left,mouseY:f.clientY-b.top}}if(l("zoom",h-k),N&&y){const b=y;e.nextTick(()=>{const F=getComputedStyle(N),Y=parseFloat(F.paddingLeft)||0,ae=parseFloat(F.paddingTop)||0;N.scrollLeft=b.x*b.ratio-b.mouseX+Y,N.scrollTop=b.y*b.ratio-b.mouseY+ae})}}function u(f){const m=i.value;if(!m)return;const k=Math.max(mt,Math.round(f)),h=Math.round((n.scale||1)*100);if(k===h)return;const C=n.scale||1,y=k/100/C,b=getComputedStyle(m),F=parseFloat(b.paddingLeft)||0,Y=parseFloat(b.paddingTop)||0,ae=m.clientWidth/2,re=m.clientHeight/2,ve=m.scrollLeft+ae-F,xe=m.scrollTop+re-Y;l("zoom",k-h),e.nextTick(()=>{const be=getComputedStyle(m),ye=parseFloat(be.paddingLeft)||0,Ne=parseFloat(be.paddingTop)||0;m.scrollLeft=ve*y-ae+ye,m.scrollTop=xe*y-re+Ne})}function V(f){f.button!==2&&x(f.target)&&(l("clear-selection"),M={x:f.clientX,y:f.clientY},S.visible=!0,S.x=f.clientX,S.y=f.clientY,S.w=0,S.h=0,window.addEventListener("mousemove",X),window.addEventListener("mouseup",Z))}function O(){if(S.w<3||S.h<3)return[];const f=i.value?.querySelector(".hiprint-printPaper");if(!f)return[];const m=f.getBoundingClientRect(),k=n.scale||1,h=S.x<M.x,C=[];for(const N of n.elements){if(N.options.visible===!1||N.options.locked)continue;const y=m.left+N.options.left*Oe*k,b=m.top+N.options.top*Oe*k,F=y+N.options.width*Oe*k,Y=b+N.options.height*Oe*k,ae=y<S.x+S.w&&F>S.x&&b<S.y+S.h&&Y>S.y,re=y>=S.x&&F<=S.x+S.w&&b>=S.y&&Y<=S.y+S.h;(h?re:ae)&&C.push(N.id)}return C}function X(f){const m=f.clientX-M.x,k=f.clientY-M.y;S.x=m>=0?M.x:f.clientX,S.y=k>=0?M.y:f.clientY,S.w=Math.abs(m),S.h=Math.abs(k),l("preview",O())}function Z(){window.removeEventListener("mousemove",X),window.removeEventListener("mouseup",Z);const f=O();l("preview",f),f.length>0?l("commit-preview"):l("clear-selection"),l("preview",[]),S.visible=!1}const j=e.reactive({visible:!1,x:0,y:0,targetId:null});function ce(f,m){if(!m&&!x(f.target))return;const k=i.value?.getBoundingClientRect();k&&(j.x=f.clientX-k.left,j.y=f.clientY-k.top,j.targetId=m??null,j.visible=!0,window.removeEventListener("mousedown",ie),setTimeout(()=>{window.addEventListener("mousedown",ie,{once:!0})},0))}function ie(){j.visible=!1,window.removeEventListener("mousedown",ie)}function se(){j.visible=!1,n.hasClipboard&&l("paste")}function le(){j.visible=!1,l("select-all")}function P(){j.visible=!1,l("clear-selection")}function g(f,m){j.visible=!1,f==="copy"?l("copy"):f==="cut"?l("cut"):f==="paste"?l("paste"):f==="delete"?l("delete"):f==="move-layer"?l("move-layer",m):f==="group"?l("group"):f==="ungroup"&&n.selectedElementHasGroup&&l("ungroup")}e.onMounted(()=>{e.nextTick(L),i.value&&typeof ResizeObserver<"u"&&(D=new ResizeObserver(L),D.observe(i.value))}),e.watch(()=>n.scale,R),e.watch([s,c],()=>e.nextTick(L));function E(){const f=i.value;if(!f)return;let m=0,k=0,h=0;const C=performance.now()+800,N=()=>{const{scrollWidth:y,scrollHeight:b}=f;if(y===k&&b===h?m++:m=0,k=y,h=b,m>=2||performance.now()>C){const F=f.scrollWidth,Y=f.scrollHeight,ae=f.clientWidth,re=f.clientHeight;f.scrollLeft=Math.max(0,(F-ae)/2),f.scrollTop=Math.max(0,(Y-re)/2);return}requestAnimationFrame(N)};requestAnimationFrame(N)}return a({centerScroll:E,fitToWindow:u}),e.onBeforeUnmount(()=>{window.removeEventListener("mousemove",X),window.removeEventListener("mouseup",Z),D?.disconnect(),cancelAnimationFrame($)}),(f,m)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootRef",ref:i,class:"canvas-area",onDragover:m[24]||(m[24]=e.withModifiers(()=>{},["prevent"])),onDrop:K,onMousedown:V,onMousemove:B,onMouseleave:T,onWheel:z,onScroll:H,onContextmenu:e.withModifiers(ce,["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:r,onGuideMove:m[0]||(m[0]=(k,h)=>f.$emit("guide-move",k,h)),onGuideRemove:m[1]||(m[1]=k=>f.$emit("guide-remove",k)),onDragStart:m[2]||(m[2]=k=>f.$emit("drag-start")),onDragStop:m[3]||(m[3]=k=>f.$emit("drag-stop")),onDblclickElement:m[4]||(m[4]=k=>f.$emit("dblclick-element",k)),onDblclickCell:m[5]||(m[5]=(k,h,C)=>f.$emit("dblclick-cell",k,h,C)),onContextmenu:m[6]||(m[6]=(k,h)=>ce(h,k)),onZoneHeightChange:m[7]||(m[7]=(k,h)=>f.$emit("zone-height-change",k,h)),onZoneHeightCommit:m[8]||(m[8]=k=>f.$emit("zone-height-commit",k)),onCloneElement:m[9]||(m[9]=(k,h)=>f.$emit("clone-element",k,h))},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(w.value)},[m[25]||(m[25]=e.createElementVNode("div",{class:"ruler-corner"},null,-1)),e.createVNode(Vt,{orientation:"horizontal","viewport-px":d.viewW,"origin-px":d.originX,"paper-length-m-m":s.value,scale:d.paperScale,"cursor-px":p.x,onAddGuide:m[10]||(m[10]=(k,h)=>l("add-guide",k,h)),onGuideDragging:m[11]||(m[11]=k=>J("vertical",k))},null,8,["viewport-px","origin-px","paper-length-m-m","scale","cursor-px"]),e.createVNode(Vt,{orientation:"vertical","viewport-px":d.viewH,"origin-px":d.originY,"paper-length-m-m":c.value,scale:d.paperScale,"cursor-px":p.y,onAddGuide:m[12]||(m[12]=(k,h)=>l("add-guide",k,h)),onGuideDragging:m[13]||(m[13]=k=>J("horizontal",k))},null,8,["viewport-px","origin-px","paper-length-m-m","scale","cursor-px"])],4)):e.createCommentVNode("",!0),W.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["ruler-guide-preview",`guide-${W.value.type}`]),style:e.normalizeStyle(A.value)},null,6)):e.createCommentVNode("",!0),S.visible?(e.openBlock(),e.createElementBlock("div",{key:2,class:"marquee-selection",style:e.normalizeStyle({left:S.x+"px",top:S.y+"px",width:S.w+"px",height:S.h+"px"})},null,4)):e.createCommentVNode("",!0),j.visible?(e.openBlock(),e.createElementBlock("div",{key:3,class:"context-menu",style:e.normalizeStyle({left:j.x+"px",top:j.y+"px"})},[j.targetId?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",{class:"context-menu-item",onClick:m[14]||(m[14]=k=>g("copy"))},"复制"),e.createElementVNode("div",{class:"context-menu-item",onClick:m[15]||(m[15]=k=>g("cut"))},"剪切"),e.createElementVNode("div",{class:e.normalizeClass(["context-menu-item",{disabled:!t.hasClipboard}]),onClick:m[16]||(m[16]=k=>g("paste"))},"粘贴",2),e.createElementVNode("div",{class:"context-menu-item",onClick:m[17]||(m[17]=k=>g("delete"))},"删除"),m[26]||(m[26]=e.createElementVNode("div",{class:"context-menu-sep"},null,-1)),e.createElementVNode("div",{class:"context-menu-item",onClick:m[18]||(m[18]=k=>g("move-layer","top"))},"置顶"),e.createElementVNode("div",{class:"context-menu-item",onClick:m[19]||(m[19]=k=>g("move-layer","up"))},"上移"),e.createElementVNode("div",{class:"context-menu-item",onClick:m[20]||(m[20]=k=>g("move-layer","down"))},"下移"),e.createElementVNode("div",{class:"context-menu-item",onClick:m[21]||(m[21]=k=>g("move-layer","bottom"))},"置底"),m[27]||(m[27]=e.createElementVNode("div",{class:"context-menu-sep"},null,-1)),e.createElementVNode("div",{class:"context-menu-item",onClick:m[22]||(m[22]=k=>g("group"))},"编组 Ctrl+G"),e.createElementVNode("div",{class:e.normalizeClass(["context-menu-item",{disabled:!t.selectedElementHasGroup}]),onClick:m[23]||(m[23]=k=>g("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:le},"全选"),e.createElementVNode("div",{class:"context-menu-item",onClick:P},"取消选择")],64))],4)):e.createCommentVNode("",!0)],544))}}),ia=_(aa,[["__scopeId","data-v-c84c019a"]]),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,a){const o=t.trim().toLowerCase();return o?a.some(n=>n.toLowerCase().includes(o)):!0}function da(t){const a=[],o=new Set;for(const n of ra){const l=n.items.filter(r=>sa(t,[...r.keywords,n.groupLabel]));if(l.length>0){a.push(n.group);for(const r of l)o.add(r.key)}}return{groups:a,itemKeys:o}}const ca={class:"property-search"},ua=e.defineComponent({__name:"PropertySearch",emits:["search"],setup(t,{emit:a}){const o=e.ref(""),n=a;function l(){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:l},null,544),[[e.vModelText,o.value]])]))}}),ma=_(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 a=t,o=e.ref(a.defaultExpanded??!0),l={Document:"≡",Brush:"◧",Setting:"⚙"}[a.icon]||"•";function r(){o.value=!o.value,i()}function i(){const c=`property-group-${a.groupKey}`;try{localStorage.setItem(c,String(o.value))}catch{}}function s(){const c=`property-group-${a.groupKey}`;try{const d=localStorage.getItem(c);d!==null&&(o.value=d==="true")}catch{}}return e.onMounted(()=>{s()}),(c,d)=>(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(l)),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))}}),Ve=_(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:a}){const o=t,n=a,l=e.computed(()=>{const D=String(o.step),$=D.indexOf(".");return $===-1?0:D.length-$-1});function r(D){return Number.isFinite(D)?Number(D.toFixed(l.value)):0}const i=e.computed(()=>{const D=o.modelValue;if(!(D==null||!Number.isFinite(D)))return r(D)}),s=e.ref(i.value===void 0?"":String(i.value));e.watch(i,D=>{s.value=D===void 0?"":String(D)});const c=e.computed(()=>i.value!==void 0?i.value:o.min!==void 0?o.min:0),d=e.computed(()=>o.min!==void 0&&c.value<=o.min),p=e.computed(()=>o.max!==void 0&&c.value>=o.max);function v(D){let $=r(D);return o.min!==void 0&&$<o.min&&($=o.min),o.max!==void 0&&$>o.max&&($=o.max),$}function w(D){if(D<0&&d.value||D>0&&p.value)return;const $=v(c.value+D*o.step);s.value=String($),n("update:modelValue",$)}function L(D){s.value=D.target.value}function H(){const D=s.value.trim();if(D===""){i.value!==void 0&&(s.value=String(i.value));return}const $=Number(D);if(!Number.isFinite($)){s.value=i.value===void 0?"":String(i.value);return}const R=v($);s.value=String(R),R!==i.value&&n("update:modelValue",R)}return(D,$)=>(e.openBlock(),e.createElementBlock("div",ba,[e.createElementVNode("button",{type:"button",class:"pd-step-btn pd-step-minus",disabled:d.value,title:"减小","aria-label":"减小",onClick:$[0]||($[0]=R=>w(-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:H,onBlur:H,onKeydown:$[1]||($[1]=e.withKeys(e.withModifiers(R=>R.target.blur(),["prevent"]),["enter"]))},null,40,ka),e.createElementVNode("button",{type:"button",class:"pd-step-btn pd-step-plus",disabled:p.value,title:"增大","aria-label":"增大",onClick:$[2]||($[2]=R=>w(1))},"+",8,Ea)]))}}),ne=_(wa,[["__scopeId","data-v-9722a7cf"]]),Va={class:"position-grid"},Na={class:"pd-field"},Ca={class:"pd-field"},Sa={class:"pd-field"},Ma={class:"pd-field"},$a=e.defineComponent({__name:"PositionSizeGroup",props:{element:{},matchedKeys:{},searching:{type:Boolean}},setup(t){const a=t;function o(n){return a.searching?a.matchedKeys?.has(n)??!0:!0}return(n,l)=>(e.openBlock(),e.createBlock(Ve,{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",Va,[e.withDirectives(e.createElementVNode("div",Na,[l[5]||(l[5]=e.createElementVNode("span",{class:"pd-label"},"X",-1)),e.createVNode(ne,{modelValue:t.element.options.left,"onUpdate:modelValue":l[0]||(l[0]=r=>t.element.options.left=r),min:0},null,8,["modelValue"])],512),[[e.vShow,o("ps-left")]]),e.withDirectives(e.createElementVNode("div",Ca,[l[6]||(l[6]=e.createElementVNode("span",{class:"pd-label"},"Y",-1)),e.createVNode(ne,{modelValue:t.element.options.top,"onUpdate:modelValue":l[1]||(l[1]=r=>t.element.options.top=r),min:0},null,8,["modelValue"])],512),[[e.vShow,o("ps-top")]]),e.withDirectives(e.createElementVNode("div",Sa,[l[7]||(l[7]=e.createElementVNode("span",{class:"pd-label"},"W",-1)),e.createVNode(ne,{modelValue:t.element.options.width,"onUpdate:modelValue":l[2]||(l[2]=r=>t.element.options.width=r),min:4},null,8,["modelValue"])],512),[[e.vShow,o("ps-width")]]),e.withDirectives(e.createElementVNode("div",Ma,[l[8]||(l[8]=e.createElementVNode("span",{class:"pd-label"},"H",-1)),e.createVNode(ne,{modelValue:t.element.options.height,"onUpdate:modelValue":l[3]||(l[3]=r=>t.element.options.height=r),min:4},null,8,["modelValue"])],512),[[e.vShow,o("ps-height")]])])],32)]),_:1}))}}),xa=_($a,[["__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:a}){const o=t,n=a,l=e.ref(!1),r=e.ref(),i=e.ref(),s=e.ref(),c=e.ref({}),d=e.ref(0),p=e.ref(0),v=e.ref(0),w=e.ref("#000000"),L=e.ref(!1),H=e.computed({get:()=>o.modelValue||"#000000",set:P=>n("update:modelValue",P)}),D=e.computed(()=>j(ie(d.value,p.value,v.value))),$=e.computed({get:()=>Math.round(d.value),set:P=>A(se(P),p.value,v.value)});e.watch(H,J,{immediate:!0});function R(P){w.value=P.toUpperCase(),J(P),n("update:modelValue",P)}function W(P){const E=P.target.value.trim();X(E)&&(J(E),n("update:modelValue",Z(E)))}function J(P){const g=X(P);if(!g)return;const E=ce(g.r,g.g,g.b);d.value=E.h,p.value=E.s,v.value=E.v,w.value=Z(P).toUpperCase()}function A(P,g,E){d.value=se(P),p.value=le(g),v.value=le(E),w.value=D.value.toUpperCase(),n("update:modelValue",D.value)}function G(P){P.currentTarget.setPointerCapture(P.pointerId),L.value=!0,M(P)}function K(P){L.value&&M(P)}function S(P){L.value=!1;const g=P.currentTarget;g.hasPointerCapture(P.pointerId)&&g.releasePointerCapture(P.pointerId)}function M(P){const g=s.value;if(!g)return;const E=g.getBoundingClientRect(),f=le((P.clientX-E.left)/E.width),m=le(1-(P.clientY-E.top)/E.height);A(d.value,f,m)}function x(P){const g=P.shiftKey?.1:.02;let E=!0;P.key==="ArrowLeft"?A(d.value,p.value-g,v.value):P.key==="ArrowRight"?A(d.value,p.value+g,v.value):P.key==="ArrowUp"?A(d.value,p.value,v.value+g):P.key==="ArrowDown"?A(d.value,p.value,v.value-g):E=!1,E&&P.preventDefault()}function B(){l.value?z():T()}async function T(){const P=r.value;if(!P)return;J(H.value),l.value=!0,await e.nextTick();const g=P.getBoundingClientRect(),E=190,f=i.value?.offsetHeight??216,m=8,k=Math.min(g.left,window.innerWidth-E-m),h=g.bottom+6,C=h+f>window.innerHeight-m?Math.max(m,g.top-f-6):h;c.value={left:`${Math.max(m,k)}px`,top:`${C}px`}}function z(){l.value=!1}function u(P){const g=P.target;r.value?.contains(g)||i.value?.contains(g)||z()}function V(){l.value&&z()}function O(P){P.key==="Escape"&&l.value&&z()}function X(P){const g=/^#?([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(P.trim());if(!g)return null;const E=g[1],f=E.length===3?E.split("").map(m=>m+m).join(""):E;return{r:Number.parseInt(f.slice(0,2),16),g:Number.parseInt(f.slice(2,4),16),b:Number.parseInt(f.slice(4,6),16)}}function Z(P){const g=X(P);return g?j(g):"#000000"}function j({r:P,g,b:E}){return`#${[P,g,E].map(f=>Math.round(le(f/255)*255).toString(16).padStart(2,"0")).join("")}`}function ce(P,g,E){const f=P/255,m=g/255,k=E/255,h=Math.max(f,m,k),C=Math.min(f,m,k),N=h-C;let y=0;return N!==0&&(h===f?y=(m-k)/N%6:h===m?y=(k-f)/N+2:y=(f-m)/N+4,y*=60,y<0&&(y+=360)),{h:y,s:h===0?0:N/h,v:h}}function ie(P,g,E){const f=E*g,m=(P%360+360)%360/60,k=f*(1-Math.abs(m%2-1)),[h,C,N]=m<1?[f,k,0]:m<2?[k,f,0]:m<3?[0,f,k]:m<4?[0,k,f]:m<5?[k,0,f]:[f,0,k],y=E-f;return{r:(h+y)*255,g:(C+y)*255,b:(N+y)*255}}function se(P){return((Number.isFinite(P)?P:0)%360+360)%360}function le(P){return Math.min(1,Math.max(0,Number.isFinite(P)?P:0))}return e.onMounted(()=>{document.addEventListener("pointerdown",u,!0),window.addEventListener("scroll",V,!0),window.addEventListener("resize",V),document.addEventListener("keydown",O)}),e.onBeforeUnmount(()=>{document.removeEventListener("pointerdown",u,!0),window.removeEventListener("scroll",V,!0),window.removeEventListener("resize",V),document.removeEventListener("keydown",O)}),(P,g)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("button",{ref_key:"triggerRef",ref:r,type:"button",class:"preset-color-trigger","aria-expanded":l.value,"aria-haspopup":"dialog",title:t.modelValue||"自动",onClick:B},[e.createElementVNode("span",{class:"preset-color-swatch",style:e.normalizeStyle({background:H.value})},null,4)],8,Da),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[l.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:g[2]||(g[2]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("div",Ta,[e.createElementVNode("span",{class:"picker-current",style:e.normalizeStyle({background:D.value})},null,4),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":g[0]||(g[0]=E=>w.value=E),class:"picker-hex",type:"text",maxlength:"7",spellcheck:"false","aria-label":"颜色值",onInput:W},null,544),[[e.vModelText,w.value]])]),e.createElementVNode("div",{ref_key:"areaRef",ref:s,class:"picker-area",style:e.normalizeStyle({"--picker-hue":`${Math.round(d.value)}deg`}),"aria-label":"自定义颜色",tabindex:"0",onPointerdown:G,onPointermove:K,onPointerup:S,onPointercancel:S,onKeydown:x},[e.createElementVNode("span",{class:"picker-handle",style:e.normalizeStyle({left:`${p.value*100}%`,top:`${(1-v.value)*100}%`,background:D.value})},null,4)],36),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":g[1]||(g[1]=E=>$.value=E),class:"picker-hue",type:"range",min:"0",max:"360",step:"1","aria-label":"色相"},null,512),[[e.vModelText,$.value,void 0,{number:!0}]]),g[3]||(g[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),E=>(e.openBlock(),e.createElementBlock("button",{key:E,type:"button",class:e.normalizeClass(["preset-color-item",{active:E.toLowerCase()===D.value.toLowerCase()}]),style:e.normalizeStyle({background:E}),title:E,"aria-label":E,onClick:f=>R(E)},null,14,La))),128))])],36)):e.createCommentVNode("",!0)]))],64))}}),we=_(Pa,[["__scopeId","data-v-db3c3d71"]]),Aa={class:"pd-field"},Ia={class:"pd-field"},Ra={class:"pd-field"},Ha={class:"pd-radio-group",role:"radiogroup"},Fa={class:"pd-radio"},Ua={class:"pd-radio"},Oa={class:"pd-radio"},Ga={class:"pd-field"},qa={class:"pd-radio-group",role:"radiogroup"},Wa={class:"pd-radio"},Ya={class:"pd-radio"},Ka={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 a=t;function o(l){return a.searching?a.matchedKeys?.has(l)??!0:!0}const n=e.computed(()=>a.element.printElementType.type==="table");return(l,r)=>(e.openBlock(),e.createBlock(Ve,{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(ne,{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",Fa,[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",Ua,[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",Ya,[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",Ka,[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(we,{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(we,{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(ne,{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(ne,{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=_(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"},Mi=["onDblclick"],$i={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:a}){const o=t,n=a,l=e.computed({get:()=>o.modelValue,set:M=>n("update:modelValue",M)}),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(Ft(o.fields??[]),s.value));e.watch(l,M=>{M&&($.value=o.expression||"")});function d(M){const{insideParens:x}=w();K(x?M.fieldKey:`{${M.fieldKey}}`)}function p(M){const{insideParens:x}=w();K(x?M.template.replace(/^\{|\}$/g,""):M.template)}function v(M){const{insideBlock:x}=w(),B=x?M.template:`{${M.template}}`,T=B.indexOf("(")+1;K(B,T)}function w(){const x=R.value?.selectionStart??$.value.length,B=$.value.substring(0,x);let T=!1;const z=B.lastIndexOf("{");z!==-1&&!B.slice(z+1).includes("}")&&(T=!0);let u=!1;const V=B.lastIndexOf("(");return V!==-1&&!B.slice(V+1).includes(")")&&(u=!0),{insideBlock:T,insideParens:u}}const L=e.computed(()=>{if(!s.value.trim())return A;const M=s.value.trim().toLowerCase();return A.filter(x=>x.label.toLowerCase().includes(M)||x.name.toLowerCase().includes(M))}),H=e.computed(()=>{if(!s.value.trim())return W;const M=s.value.trim().toLowerCase();return W.filter(x=>x.label.toLowerCase().includes(M)||x.name.toLowerCase().includes(M))}),D=e.computed(()=>{if(!s.value.trim())return J;const M=s.value.trim().toLowerCase();return J.filter(x=>x.label.toLowerCase().includes(M)||x.name.toLowerCase().includes(M))}),$=e.ref(o.expression||""),R=e.ref(null);e.watch(()=>o.expression,M=>{$.value=M||""});const W=[{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()"}],A=[{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 M={...ge,pageIndex:1,totalPages:1,printDate:new Date().toISOString().split("T")[0],printTime:Date.now()},x=$e($.value,M);return x==null?"(无法计算)":String(x)}catch{return"(表达式错误)"}});function K(M,x=M.length){const B=R.value;if(!B){$.value+=M;return}const T=B.selectionStart,z=B.selectionEnd,u=$.value.substring(0,T),V=$.value.substring(z);$.value=u+M+V;const O=T+x;e.nextTick(()=>{B.focus(),B.selectionStart=B.selectionEnd=O})}function S(){n("update:expression",$.value),l.value=!1}return(M,x)=>l.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"pd-dialog-overlay",onKeydown:x[7]||(x[7]=e.withKeys(B=>l.value=!1,["esc"]))},[e.createElementVNode("section",oi,[e.createElementVNode("header",ni,[x[8]||(x[8]=e.createElementVNode("strong",{id:"expression-editor-title"},"编辑表达式",-1)),e.createElementVNode("button",{type:"button",class:"pd-close","aria-label":"关闭",onClick:x[0]||(x[0]=B=>l.value=!1)},"×")]),e.createElementVNode("div",li,[e.createElementVNode("div",ai,[x[9]||(x[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:x[1]||(x[1]=B=>r.value="field")}," 📁 字段 ",2),e.createElementVNode("div",{class:e.normalizeClass(["ee-nav-tab",{active:r.value==="variable"}]),onClick:x[2]||(x[2]=B=>r.value="variable")}," 🔧 变量 ",2),e.createElementVNode("div",{class:e.normalizeClass(["ee-nav-tab",{active:r.value==="function"}]),onClick:x[3]||(x[3]=B=>r.value="function")}," ⚡ 函数 ",2)])]),e.createElementVNode("div",ri,[e.createElementVNode("div",si,[e.withDirectives(e.createElementVNode("input",{class:"pd-input","onUpdate:modelValue":x[4]||(x[4]=B=>s.value=B),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,B=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:B.key||"_top"},[B.key?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["ee-field-group",{"is-list":B.isList}])},[e.createElementVNode("span",ui,e.toDisplayString(B.isList?"📋":"📁"),1),e.createElementVNode("span",null,e.toDisplayString(B.label),1)],2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(B.fields,T=>(e.openBlock(),e.createElementBlock("div",{key:T.fieldKey,class:"ee-list-item ee-field-item",style:e.normalizeStyle({paddingLeft:B.key?"22px":"10px"}),onDblclick:z=>d(T)},[e.createElementVNode("div",pi,[e.createElementVNode("span",fi,e.toDisplayString(T.fieldLabel),1),e.createElementVNode("span",vi,e.toDisplayString(T.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,B=>(e.openBlock(),e.createElementBlock("div",{key:B.name,class:"ee-list-item",onDblclick:T=>p(B)},[e.createElementVNode("div",bi,[e.createElementVNode("span",yi,e.toDisplayString(B.label),1),e.createElementVNode("span",ki,e.toDisplayString(B.template),1)])],40,hi))),128)):e.createCommentVNode("",!0),r.value==="function"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createElementVNode("div",Ei,[x[10]||(x[10]=e.createElementVNode("div",{class:"ee-func-group-title"},"聚合函数",-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(H.value,B=>(e.openBlock(),e.createElementBlock("div",{key:B.name,class:"ee-list-item",onDblclick:T=>v(B)},[e.createElementVNode("div",Vi,[e.createElementVNode("span",Ni,e.toDisplayString(B.label),1),e.createElementVNode("span",Ci,e.toDisplayString(B.name)+"()",1)])],40,wi))),128))]),e.createElementVNode("div",Si,[x[11]||(x[11]=e.createElementVNode("div",{class:"ee-func-group-title"},"格式化函数",-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(D.value,B=>(e.openBlock(),e.createElementBlock("div",{key:B.name,class:"ee-list-item",onDblclick:T=>v(B)},[e.createElementVNode("div",$i,[e.createElementVNode("span",xi,e.toDisplayString(B.label),1),e.createElementVNode("span",Bi,e.toDisplayString(B.name)+"()",1)])],40,Mi))),128))])],64)):e.createCommentVNode("",!0)])]),e.createElementVNode("div",Di,[e.createElementVNode("div",Ti,[x[12]||(x[12]=e.createElementVNode("div",{class:"ee-editor-title"},"表达式编辑",-1)),e.withDirectives(e.createElementVNode("textarea",{ref_key:"textareaRef",ref:R,"onUpdate:modelValue":x[5]||(x[5]=B=>$.value=B),class:"ee-textarea",rows:"6",placeholder:"双击左侧字段/变量/函数插入,或直接输入静态内容"},null,512),[[e.vModelText,$.value]])]),e.createElementVNode("div",zi,[x[13]||(x[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)]),x[14]||(x[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>1000, "大单", "小单")} </div></div></div></div>',1))])]),e.createElementVNode("footer",Li,[e.createElementVNode("button",{type:"button",class:"pd-button",onClick:x[6]||(x[6]=B=>l.value=!1)},"取消"),e.createElementVNode("button",{type:"button",class:"pd-button primary",onClick:S},"确定")])])],32)):e.createCommentVNode("",!0)}}),ft=_(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:a}){const o=a,n=e.ref(!1);function l(){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:l},null,40,Ri)]),e.createVNode(ft,{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))}}),Fi=_(Hi,[["__scopeId","data-v-135d160a"]]),Ui={class:"pd-field"},Oi=["value"],Gi=["value"],qi={class:"pd-field"},Wi={class:"pd-field"},Yi={class:"pd-field"},Ki={class:"pd-field"},Xi={style:{width:"60px"}},ji=e.defineComponent({__name:"TableSettingsGroup",props:{element:{},fields:{}},setup(t){const a=t,o=e.inject(Pe,null),n=e.computed(()=>a.fields.filter(i=>i.fieldType==="list").map(i=>({label:i.fieldLabel,value:i.fieldKey})));function l(i){a.element.options.dataSource=i||void 0,o?.recordHistory()}function r(i,s){if(s===void 0)return;const c=a.element.options.tableColWidths,d=o?.maxTableWidth.value??1/0,p=c.reduce((v,w,L)=>L===i?v:v+w,0);if(p+s>d){const v=Math.max(5,Math.round((d-p)*10)/10);alert(`表格总宽不能超过打印范围宽度 ${d}mm,列${i+1} 已调整为 ${v}mm`),c[i]=v}else c[i]=s;qe(a.element.options),o?.recordHistory()}return(i,s)=>(e.openBlock(),e.createBlock(Ve,{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",Ui,[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=>l(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(ne,{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(we,{modelValue:t.element.options.tableDefaultColor,"onUpdate:modelValue":s[2]||(s[2]=c=>t.element.options.tableDefaultColor=c)},null,8,["modelValue"])]),e.createElementVNode("div",Yi,[s[8]||(s[8]=e.createElementVNode("span",{class:"pd-label"},"默认内边距 (mm)",-1)),e.createVNode(ne,{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",Ki,[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,d)=>(e.openBlock(),e.createElementBlock("div",{key:d,class:"col-width-row"},[e.createElementVNode("span",Xi,"列"+e.toDisplayString(d+1),1),e.createVNode(ne,{"model-value":c,min:5,max:200,"onUpdate:modelValue":p=>r(d,p)},null,8,["model-value","onUpdate:modelValue"])]))),128))])],32)]),_:1}))}}),Ji=_(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 a=t;function o(n){return a.searching?a.matchedKeys?.has(n)??!0:!0}return(n,l)=>(e.openBlock(),e.createBlock(Ve,{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",Zi,[e.withDirectives(e.createElementVNode("div",Qi,[l[4]||(l[4]=e.createElementVNode("span",{class:"pd-label"},"边框宽度",-1)),e.createVNode(ne,{modelValue:t.element.options.borderWidth,"onUpdate:modelValue":l[0]||(l[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,[l[5]||(l[5]=e.createElementVNode("span",{class:"pd-label"},"边框颜色",-1)),e.createVNode(we,{modelValue:t.element.options.borderColor,"onUpdate:modelValue":l[1]||(l[1]=r=>t.element.options.borderColor=r)},null,8,["modelValue"])],512),[[e.vShow,o("bb-border-color")]])]),e.withDirectives(e.createElementVNode("div",er,[l[6]||(l[6]=e.createElementVNode("span",{class:"pd-label"},"背景色",-1)),e.createVNode(we,{modelValue:t.element.options.backgroundColor,"onUpdate:modelValue":l[2]||(l[2]=r=>t.element.options.backgroundColor=r)},null,8,["modelValue"])],512),[[e.vShow,o("bb-bg-color")]])],32)]),_:1}))}}),or=_(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 a=t;function o(n){return a.searching?a.matchedKeys?.has(n)??!0:!0}return(n,l)=>(e.openBlock(),e.createBlock(Ve,{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",nr,[e.withDirectives(e.createElementVNode("div",lr,[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]=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,[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]=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,[l[7]||(l[7]=e.createElementVNode("span",{class:"pd-label"},"层级",-1)),e.createVNode(ne,{modelValue:t.element.options.zIndex,"onUpdate:modelValue":l[2]||(l[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:l[3]||(l[3]=r=>n.$emit("delete-element"))}," 删除元素 ")],512),[[e.vShow,o("ad-delete")]])],32)]),_:1}))}}),dr=_(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 a=t,o=e.computed(()=>a.element.printElementType.type==="table"),n=e.computed({get:()=>a.element.options.tablePagination?.enabled??!0,set:()=>{}});function l(p){a.element.options.tablePagination={enabled:p}}const r=e.computed({get:()=>a.element.options.pagination?.pageable??!0,set:()=>{}}),i=e.computed({get:()=>a.element.options.pagination?.keepWithNext??!1,set:()=>{}});function s(p){a.element.options.pagination={pageable:p,keepWithNext:i.value}}function c(p){a.element.options.pagination={pageable:r.value,keepWithNext:p}}function d(p){return a.searching?a.matchedKeys?.has(p)??!0:!0}return(p,v)=>(e.openBlock(),e.createBlock(Ve,{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]=w=>l(w.target.checked))},null,40,ur)],512)),[[e.vShow,d("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]=w=>s(w.target.checked))},null,40,pr)],512),[[e.vShow,d("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]=w=>c(w.target.checked))},null,40,vr)],512),[[e.vShow,d("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:a}){const o=t,n=a,l=e.ref(!1),r=e.inject(pt,e.computed(()=>{})),i=e.computed(()=>o.disabled||l.value||!r.value);async function s(c){const d=c.target,p=d.files?.[0];if(p){if(!p.type.startsWith("image/")){alert("仅支持上传图片文件"),d.value="";return}if(!r.value){alert("图片上传能力未配置"),d.value="";return}l.value=!0;try{const v=await r.value(p);v?n("success",v):alert("图片上传失败")}catch(v){alert(v instanceof Error?v.message:"图片上传失败")}finally{l.value=!1,d.value=""}}}return(c,d)=>(e.openBlock(),e.createElementBlock("div",gr,[e.createElementVNode("label",{class:e.normalizeClass(["pd-button small upload-label",{disabled:i.value}])},[d[0]||(d[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:i.value,onChange:s},null,40,hr)],2),d[1]||(d[1]=e.createElementVNode("p",{class:"upload-tip"},"支持 jpg/png/gif/bmp/webp/svg 等图片,上传后填入相对路径",-1))]))}}),yr=_(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 a=t,o=e.inject(Pe),n=e.computed(()=>a.element.options.tableRows[a.selection.r1]);function l(s){const c=ot(a.element.options.tableRows,a.selection.r1,s);if(c){alert(c);return}o.recordHistory()}function r(s){s!==void 0&&(n.value.height=s,qe(a.element.options),o.recordHistory())}function i(s){n.value.repeatOnPage=s,o.recordHistory()}return(s,c)=>(e.openBlock(),e.createBlock(Ve,{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]=d=>l(d.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(ne,{"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]=d=>i(!!d.target.checked))},null,40,Nr)])):e.createCommentVNode("",!0)],32)]),_:1}))}}),Sr={class:"pd-field"},Mr={class:"pd-radio-group",role:"radiogroup"},$r={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"],Fr={key:2,class:"pd-field"},Ur=["value"],Or={key:3,class:"pd-field"},Gr=["value"],qr={key:4,class:"pd-field"},Wr={key:5,class:"pd-field"},Yr={class:"pd-field"},Kr=["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"},Ms={class:"pd-field"},$s=["checked"],xs={class:"merge-btns"},Bs=["disabled","title"],Ds=["disabled"],Ts=e.defineComponent({__name:"TableCellGroup",props:{element:{},selection:{},fields:{}},setup(t,{expose:a}){const o=t,n=e.inject(Pe),l=e.computed(()=>o.element.options.tableRows),r=e.computed(()=>{const z=ct(l.value,o.selection.r1,o.selection.c1);return l.value[z.r].cells[z.c]}),i=e.ref(!1),s=e.ref(""),c=e.computed(()=>r.value.cellType==="barcode"),d=e.computed(()=>r.value.cellType==="qrcode"),p=e.computed(()=>r.value.cellType==="image");function v(z){$(u=>{u.align=z})}function w(z){$(u=>{u.valign=z})}function L(z){$(u=>{u.cellType=z==="text"?void 0:z,z!=="barcode"&&(u.barcodeType=void 0,u.showBarcodeText=void 0),z!=="qrcode"&&(u.qrCodeLevel=void 0)})}function H(){s.value=r.value.formatter||"",i.value=!0}function D(z){$(u=>{u.formatter=z||void 0})}function $(z){const u=o.selection;for(let V=u.r1;V<=u.r2;V++)for(let O=u.c1;O<=u.c2;O++){const X=l.value[V].cells[O];X.merged||z(X)}n.recordHistory()}const R=e.ref("solid"),W=e.ref(.75),J=e.ref("#333333"),A=e.ref([]);function G(){return{width:W.value,style:R.value,color:J.value}}function K(z){mo(l.value,o.selection,z,G()),n.recordHistory()}function S(z){const u=z.target,V=new Set(A.value);u.checked?V.add(u.value):V.delete(u.value),A.value=[...V];const O=G();$(X=>{const Z={...X.borders??{}};for(const j of["top","right","bottom","left"])V.has(j)?Z[j]={...O}:delete Z[j];X.borders=Z})}const M=e.computed(()=>Bt(l.value,o.selection)),x=e.computed(()=>{const z=o.selection;for(let u=z.r1;u<=z.r2;u++)for(let V=z.c1;V<=z.c2;V++){const O=l.value[u].cells[V];if(!O.merged&&((O.rowspan??1)>1||(O.colspan??1)>1))return!0}return!1});function B(){Dt(l.value,o.selection),n.recordHistory()}function T(){Tt(l.value,o.selection),n.recordHistory()}return a({openFormatterEditor:H}),(z,u)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(Ve,{title:"单元格",icon:"Menu","default-expanded":"","group-key":"table-cell"},{default:e.withCtx(()=>[e.createElementVNode("form",{class:"pd-form",onSubmit:u[39]||(u[39]=e.withModifiers(()=>{},["prevent"]))},[e.createElementVNode("div",Sr,[u[45]||(u[45]=e.createElementVNode("span",{class:"pd-label"},"单元格类型",-1)),e.createElementVNode("div",Mr,[e.createElementVNode("label",$r,[e.createElementVNode("input",{type:"radio",value:"text",checked:(r.value.cellType||"text")==="text",onChange:u[0]||(u[0]=V=>L(V.target.value))},null,40,xr),u[41]||(u[41]=e.createElementVNode("span",null,"文本",-1))]),e.createElementVNode("label",Br,[e.createElementVNode("input",{type:"radio",value:"barcode",checked:r.value.cellType==="barcode",onChange:u[1]||(u[1]=V=>L(V.target.value))},null,40,Dr),u[42]||(u[42]=e.createElementVNode("span",null,"条形码",-1))]),e.createElementVNode("label",Tr,[e.createElementVNode("input",{type:"radio",value:"qrcode",checked:r.value.cellType==="qrcode",onChange:u[2]||(u[2]=V=>L(V.target.value))},null,40,zr),u[43]||(u[43]=e.createElementVNode("span",null,"二维码",-1))]),e.createElementVNode("label",Lr,[e.createElementVNode("input",{type:"radio",value:"image",checked:r.value.cellType==="image",onChange:u[3]||(u[3]=V=>L(V.target.value))},null,40,Pr),u[44]||(u[44]=e.createElementVNode("span",null,"图片",-1))])])]),c.value?(e.openBlock(),e.createElementBlock("div",Ar,[u[47]||(u[47]=e.createElementVNode("span",{class:"pd-label"},"码制",-1)),e.createElementVNode("select",{value:r.value.barcodeType||"CODE128",class:"pd-select",onChange:u[4]||(u[4]=V=>$(O=>{O.barcodeType=V.target.value||void 0}))},[...u[46]||(u[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,[u[48]||(u[48]=e.createElementVNode("span",{class:"pd-label"},"显示文本",-1)),e.createElementVNode("input",{checked:r.value.showBarcodeText!==!1,type:"checkbox",class:"pd-switch",onInput:u[5]||(u[5]=V=>$(O=>{O.showBarcodeText=!!V.target.checked}))},null,40,Hr)])):e.createCommentVNode("",!0),d.value?(e.openBlock(),e.createElementBlock("div",Fr,[u[50]||(u[50]=e.createElementVNode("span",{class:"pd-label"},"纠错级别",-1)),e.createElementVNode("select",{value:r.value.qrCodeLevel||"M",class:"pd-select",onChange:u[6]||(u[6]=V=>$(O=>{O.qrCodeLevel=V.target.value||void 0}))},[...u[49]||(u[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,Ur)])):e.createCommentVNode("",!0),c.value||d.value||p.value?(e.openBlock(),e.createElementBlock("div",Or,[u[52]||(u[52]=e.createElementVNode("span",{class:"pd-label"},"缩放模式",-1)),e.createElementVNode("select",{value:r.value.fit||"contain",class:"pd-select",onChange:u[7]||(u[7]=V=>$(O=>{O.fit=V.target.value}))},[...u[51]||(u[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||d.value||p.value?(e.openBlock(),e.createElementBlock("div",qr,[u[53]||(u[53]=e.createElementVNode("span",{class:"pd-label"},"最大宽度 (mm)",-1)),e.createVNode(ne,{"model-value":r.value.maxWidth,min:1,max:200,placeholder:"默认","onUpdate:modelValue":u[8]||(u[8]=V=>$(O=>{O.maxWidth=V??void 0}))},null,8,["model-value"])])):e.createCommentVNode("",!0),c.value||d.value||p.value?(e.openBlock(),e.createElementBlock("div",Wr,[u[54]||(u[54]=e.createElementVNode("span",{class:"pd-label"},"最大高度 (mm)",-1)),e.createVNode(ne,{"model-value":r.value.maxHeight,min:1,max:200,placeholder:"默认","onUpdate:modelValue":u[9]||(u[9]=V=>$(O=>{O.maxHeight=V??void 0}))},null,8,["model-value"])])):e.createCommentVNode("",!0),e.createElementVNode("div",Yr,[u[55]||(u[55]=e.createElementVNode("span",{class:"pd-label"},"内容",-1)),e.createElementVNode("input",{value:r.value.formatter||"",class:"pd-input",placeholder:"输入内容,支持 {字段} 表达式",onInput:u[10]||(u[10]=V=>$(O=>{O.formatter=V.target.value||void 0})),onDblclick:H},null,40,Kr)]),e.createElementVNode("div",Xr,[u[59]||(u[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:u[11]||(u[11]=V=>v(V.target.value))},null,40,Zr),u[56]||(u[56]=e.createElementVNode("span",null,"左",-1))]),e.createElementVNode("label",Qr,[e.createElementVNode("input",{type:"radio",value:"center",checked:r.value.align==="center",onChange:u[12]||(u[12]=V=>v(V.target.value))},null,40,_r),u[57]||(u[57]=e.createElementVNode("span",null,"中",-1))]),e.createElementVNode("label",es,[e.createElementVNode("input",{type:"radio",value:"right",checked:r.value.align==="right",onChange:u[13]||(u[13]=V=>v(V.target.value))},null,40,ts),u[58]||(u[58]=e.createElementVNode("span",null,"右",-1))])])]),e.createElementVNode("div",os,[u[63]||(u[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:u[14]||(u[14]=V=>w(V.target.value))},null,40,as),u[60]||(u[60]=e.createElementVNode("span",null,"上",-1))]),e.createElementVNode("label",is,[e.createElementVNode("input",{type:"radio",value:"middle",checked:r.value.valign==="middle",onChange:u[15]||(u[15]=V=>w(V.target.value))},null,40,rs),u[61]||(u[61]=e.createElementVNode("span",null,"中",-1))]),e.createElementVNode("label",ss,[e.createElementVNode("input",{type:"radio",value:"bottom",checked:r.value.valign==="bottom",onChange:u[16]||(u[16]=V=>w(V.target.value))},null,40,ds),u[62]||(u[62]=e.createElementVNode("span",null,"下",-1))])])]),e.createElementVNode("div",cs,[e.createElementVNode("div",us,[u[65]||(u[65]=e.createElementVNode("span",{class:"pd-label"},"字体",-1)),e.createElementVNode("select",{value:r.value.fontFamily,class:"pd-select",placeholder:"继承默认",onChange:u[17]||(u[17]=V=>$(O=>{O.fontFamily=V.target.value||void 0}))},[...u[64]||(u[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,[u[66]||(u[66]=e.createElementVNode("span",{class:"pd-label"},"字号 (pt)",-1)),e.createVNode(ne,{"model-value":r.value.fontSize,min:5,max:72,placeholder:"默认","onUpdate:modelValue":u[18]||(u[18]=V=>$(O=>{O.fontSize=V??void 0}))},null,8,["model-value"])]),e.createElementVNode("div",fs,[u[67]||(u[67]=e.createElementVNode("span",{class:"pd-label"},"加粗",-1)),e.createElementVNode("input",{checked:r.value.fontWeight==="bold",type:"checkbox",class:"pd-switch",onInput:u[19]||(u[19]=V=>$(O=>{O.fontWeight=V.target.checked?"bold":void 0}))},null,40,vs)]),e.createElementVNode("div",gs,[u[68]||(u[68]=e.createElementVNode("span",{class:"pd-label"},"文字颜色",-1)),e.createVNode(we,{"model-value":r.value.color,"onUpdate:modelValue":u[20]||(u[20]=V=>$(O=>{O.color=V}))},null,8,["model-value"])]),e.createElementVNode("div",hs,[u[69]||(u[69]=e.createElementVNode("span",{class:"pd-label"},"背景色",-1)),e.createVNode(we,{"model-value":r.value.backgroundColor,"onUpdate:modelValue":u[21]||(u[21]=V=>$(O=>{O.backgroundColor=V}))},null,8,["model-value"])])]),u[77]||(u[77]=e.createElementVNode("h3",{class:"pd-divider"},"边框",-1)),e.createElementVNode("div",bs,[e.withDirectives(e.createElementVNode("select",{class:"pd-select","onUpdate:modelValue":u[22]||(u[22]=V=>R.value=V),style:{width:"90px"}},[...u[70]||(u[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,R.value]]),e.createElementVNode("div",ys,[e.createVNode(ne,{modelValue:W.value,"onUpdate:modelValue":u[23]||(u[23]=V=>W.value=V),min:.25,max:5,step:.25},null,8,["modelValue"])]),e.createVNode(we,{modelValue:J.value,"onUpdate:modelValue":u[24]||(u[24]=V=>J.value=V)},null,8,["modelValue"])]),e.createElementVNode("div",ks,[e.createElementVNode("button",{type:"button",class:"pd-button small",onClick:u[25]||(u[25]=V=>K("all"))},"全部"),e.createElementVNode("button",{type:"button",class:"pd-button small",onClick:u[26]||(u[26]=V=>K("outer"))},"外侧"),e.createElementVNode("button",{type:"button",class:"pd-button small",onClick:u[27]||(u[27]=V=>K("inner"))},"内部"),e.createElementVNode("button",{type:"button",class:"pd-button small",onClick:u[28]||(u[28]=V=>K("none"))},"无")]),e.createElementVNode("div",Es,[e.createElementVNode("label",ws,[e.withDirectives(e.createElementVNode("input",{type:"checkbox","onUpdate:modelValue":u[29]||(u[29]=V=>A.value=V),value:"top",onChange:u[30]||(u[30]=V=>S(V))},null,544),[[e.vModelCheckbox,A.value]]),u[71]||(u[71]=e.createElementVNode("span",null,"上",-1))]),e.createElementVNode("label",Vs,[e.withDirectives(e.createElementVNode("input",{type:"checkbox","onUpdate:modelValue":u[31]||(u[31]=V=>A.value=V),value:"right",onChange:u[32]||(u[32]=V=>S(V))},null,544),[[e.vModelCheckbox,A.value]]),u[72]||(u[72]=e.createElementVNode("span",null,"右",-1))]),e.createElementVNode("label",Ns,[e.withDirectives(e.createElementVNode("input",{type:"checkbox","onUpdate:modelValue":u[33]||(u[33]=V=>A.value=V),value:"bottom",onChange:u[34]||(u[34]=V=>S(V))},null,544),[[e.vModelCheckbox,A.value]]),u[73]||(u[73]=e.createElementVNode("span",null,"下",-1))]),e.createElementVNode("label",Cs,[e.withDirectives(e.createElementVNode("input",{type:"checkbox","onUpdate:modelValue":u[35]||(u[35]=V=>A.value=V),value:"left",onChange:u[36]||(u[36]=V=>S(V))},null,544),[[e.vModelCheckbox,A.value]]),u[74]||(u[74]=e.createElementVNode("span",null,"左",-1))])]),e.createElementVNode("div",Ss,[u[75]||(u[75]=e.createElementVNode("span",{class:"pd-label"},"内边距 (mm)",-1)),e.createVNode(ne,{"model-value":r.value.padding,min:0,max:10,step:.5,placeholder:"默认","onUpdate:modelValue":u[37]||(u[37]=V=>$(O=>{O.padding=V??void 0}))},null,8,["model-value"])]),e.createElementVNode("div",Ms,[u[76]||(u[76]=e.createElementVNode("span",{class:"pd-label"},"自动换行",-1)),e.createElementVNode("input",{checked:r.value.wordWrap??!0,type:"checkbox",class:"pd-switch",onInput:u[38]||(u[38]=V=>$(O=>{O.wordWrap=!!V.target.checked}))},null,40,$s)]),e.createElementVNode("div",xs,[e.createElementVNode("button",{type:"button",class:"pd-button small",disabled:!!M.value,title:M.value||"",onClick:B}," 合并单元格 ",8,Bs),e.createElementVNode("button",{type:"button",class:"pd-button small",disabled:!x.value,onClick:T},"拆分单元格",8,Ds)])],32)]),_:1}),e.createVNode(ft,{modelValue:i.value,"onUpdate:modelValue":u[40]||(u[40]=V=>i.value=V),fields:t.fields,expression:s.value,"onUpdate:expression":D},null,8,["modelValue","fields","expression"])],64))}}),zs=_(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 Ot(t,a,o,n){return t==="data"?[{targetPath:`options.tableRows[${a}].cells[${o}].formatter`,label:"内容",dataSource:"list",listField:n,placeholder:"{name}"}]:t==="subtotal"?[{targetPath:`options.tableRows[${a}].cells[${o}].formatter`,label:"内容",dataSource:"subtotal",placeholder:"{MONEY(SUM(amount))}"}]:t==="summary"?[{targetPath:`options.tableRows[${a}].cells[${o}].formatter`,label:"内容",dataSource:"summary",placeholder:"{MONEY(SUM(amount))}"}]:[{targetPath:`options.tableRows[${a}].cells[${o}].formatter`,label:"内容",dataSource:"main",placeholder:"合计: {order.total}"}]}function Ps(t){const a=t.printElementType.type,o=Ls[a]??[],n=[];if(a==="table"){const l=t.options.dataSource;for(const[r,i]of(t.options.tableRows??[]).entries())for(const[s,c]of i.cells.entries())c.merged||n.push(...Ot(i.type,r,s,l))}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"},Fs={class:"pd-tab-pane",role:"tabpanel"},Us={class:"property-content"},Os={key:1,class:"pd-empty"},Gs={class:"pd-tab-pane",role:"tabpanel"},qs={class:"pd-field"},Ws=["value"],Ys=["value"],Ks={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:a}){const o=t,n=a,l=nt,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),d=e.computed(()=>o.element?o.element.printElementType.type==="table":!1),p=e.computed(()=>da(r.value)),v=e.computed(()=>p.value.groups),w=e.computed(()=>p.value.itemKeys),L=e.computed(()=>!!r.value.trim()),H=e.computed(()=>{if(!o.element)return[];if(o.element.printElementType.type==="table"&&o.tableSelection){const{r1:y,c1:b}=o.tableSelection,F=o.element.options.tableRows;if(F&&F[y]){const Y=F[y],ae=o.element.options.fields?.[0]?.dataSource;return Ot(Y.type,y,b,ae)}}return Ps(o.element)});function D(y){return y.split(".").flatMap(b=>{const F=b.match(/^([^\[]+)((?:\[\d+\])*)$/);if(!F)return[b];const Y=F[1],ae=[...F[2].matchAll(/\[(\d+)\]/g)].map(re=>Number(re[1]));return[Y,...ae]})}function $(y){return o.element?D(y).reduce((Y,ae)=>Y==null?"":Y[ae],o.element)??"":""}function R(y,b){if(!o.element)return;const F=D(y),Y=F.pop(),ae=F.reduce((re,ve)=>((re[ve]===void 0||re[ve]===null)&&(re[ve]={}),re[ve]),o.element);ae[Y]=b||void 0,o.recordHistory?.()}function W(y){r.value=y}function J(y){o.element&&R("options.src",y)}const A=e.computed(()=>o.templateData?.paperSize||"A4"),G=e.computed(()=>o.templateData?.orientation||"portrait"),K=e.computed({get:()=>o.templateData?.pageBackground||"#ffffff",set:y=>ce(y)}),S=e.computed(()=>o.templateData?.margins.top??10),M=e.computed(()=>o.templateData?.margins.bottom??10),x=e.computed(()=>o.templateData?.margins.left??10),B=e.computed(()=>o.templateData?.margins.right??10),T=e.computed(()=>o.templateData?.header.height??10),z=e.computed(()=>o.templateData?.footer.height??10),u=e.computed(()=>o.templateData?.firstPageOverlay.height??0),V=e.computed(()=>o.templateData?.customWidth??210),O=e.computed(()=>o.templateData?.customHeight??297);function X(y){o.templateData&&n("update:templateData",{...o.templateData,...y})}function Z(y){if(y==="CUSTOM"){X({paperSize:"CUSTOM"});return}l[y]&&X({paperSize:y})}function j(y){X({orientation:String(y)})}function ce(y){const b=y&&y.toLowerCase()!=="#ffffff"&&y.toLowerCase()!=="#fff"?y:void 0;X(b===void 0?{pageBackground:void 0}:{pageBackground:b})}function ie(){X({pageBackground:void 0})}function se(y){y!==void 0&&X({customWidth:y})}function le(y){y!==void 0&&X({customHeight:y})}function P(y){y!==void 0&&X({margins:{...o.templateData.margins,top:y}})}function g(y){y!==void 0&&X({margins:{...o.templateData.margins,bottom:y}})}function E(y){y!==void 0&&X({margins:{...o.templateData.margins,left:y}})}function f(y){y!==void 0&&X({margins:{...o.templateData.margins,right:y}})}function m(y){y!==void 0&&X({header:{...o.templateData.header,height:y}})}function k(y){y!==void 0&&X({footer:{...o.templateData.footer,height:y}})}function h(y){y!==void 0&&X({firstPageOverlay:{...o.templateData.firstPageOverlay,height:y}})}const C=e.computed(()=>o.activeTab||"page");function N(y){n("update:activeTab",y),n("toggle-collapse")}return(y,b)=>(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:b[0]||(b[0]=F=>N(C.value))},"«"),e.createElementVNode("button",{class:e.normalizeClass(["pc-btn",{on:C.value==="element"}]),title:"元素属性",onClick:b[1]||(b[1]=F=>N("element"))},"▦",2),e.createElementVNode("button",{class:e.normalizeClass(["pc-btn",{on:C.value==="page"}]),title:"页面属性",onClick:b[2]||(b[2]=F=>N("page"))},"▤",2)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",Is,[b[12]||(b[12]=e.createElementVNode("span",{class:"prop-title"},"属性台",-1)),e.createElementVNode("button",{class:"collapse-btn",title:"收起属性台",onClick:b[3]||(b[3]=F=>y.$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:b[4]||(b[4]=F=>y.$emit("update:activeTab","element"))},"元素属性",2),e.createElementVNode("button",{type:"button",class:e.normalizeClass(["pd-tab",{active:(t.activeTab||"page")==="page"}]),onClick:b[5]||(b[5]=F=>y.$emit("update:activeTab","page"))},"页面属性",2)]),e.withDirectives(e.createElementVNode("div",Fs,[t.element?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(ma,{onSearch:W}),e.createElementVNode("div",Us,[v.value.includes("position-size")&&!c.value?(e.openBlock(),e.createBlock(xa,{key:0,element:t.element,"matched-keys":w.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":w.value,searching:L.value},null,8,["element","is-text-type","matched-keys","searching"])):e.createCommentVNode("",!0),v.value.includes("binding")?(e.openBlock(),e.createBlock(Ve,{key:2,title:"内容",icon:"Document","default-expanded":"","group-key":"binding"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(H.value,F=>(e.openBlock(),e.createBlock(Fi,{key:F.targetPath,descriptor:F,fields:t.fields,"model-value":$(F.targetPath),"onUpdate:modelValue":Y=>R(F.targetPath,Y)},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),d.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),d.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":w.value,searching:L.value},null,8,["element","matched-keys","searching"])):e.createCommentVNode("",!0),v.value.includes("pagination")&&d.value?(e.openBlock(),e.createBlock(Nt,{key:6,element:t.element,"matched-keys":w.value,searching:L.value},null,8,["element","matched-keys","searching"])):e.createCommentVNode("",!0),v.value.includes("pagination")&&!d.value?(e.openBlock(),e.createBlock(Nt,{key:7,element:t.element,"matched-keys":w.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":w.value,searching:L.value,onDeleteElement:b[6]||(b[6]=F=>y.$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:b[11]||(b[11]=e.withModifiers(()=>{},["prevent"]))},[b[28]||(b[28]=e.createElementVNode("h3",{class:"pd-divider"},"纸张设置",-1)),e.createElementVNode("div",qs,[b[14]||(b[14]=e.createElementVNode("span",{class:"pd-label"},"纸张尺寸",-1)),e.createElementVNode("select",{value:A.value,class:"pd-select",onChange:b[7]||(b[7]=F=>Z(F.target.value)),style:{width:"100%"}},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(l),(F,Y)=>(e.openBlock(),e.createElementBlock("option",{key:Y,value:Y},e.toDisplayString(Y),9,Ys))),128)),b[13]||(b[13]=e.createElementVNode("option",{value:"CUSTOM"},"自定义",-1))],40,Ws)]),A.value==="CUSTOM"?(e.openBlock(),e.createElementBlock("div",Ks,[b[16]||(b[16]=e.createElementVNode("span",{class:"pd-label"},"自定义宽高 (mm)",-1)),e.createElementVNode("div",Xs,[e.createVNode(ne,{"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(ne,{"model-value":O.value,min:25,max:2e3,"onUpdate:modelValue":le},null,8,["model-value"])])])):e.createCommentVNode("",!0),e.createElementVNode("div",js,[b[19]||(b[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:b[8]||(b[8]=F=>j(F.target.value))},null,40,Qs),b[17]||(b[17]=e.createElementVNode("span",null,"纵向",-1))]),e.createElementVNode("label",_s,[e.createElementVNode("input",{type:"radio",value:"landscape",checked:G.value==="landscape",onChange:b[9]||(b[9]=F=>j(F.target.value))},null,40,ed),b[18]||(b[18]=e.createElementVNode("span",null,"横向",-1))])])]),e.createElementVNode("div",td,[b[20]||(b[20]=e.createElementVNode("span",{class:"pd-label"},"页面背景色",-1)),e.createElementVNode("div",od,[e.createVNode(we,{modelValue:K.value,"onUpdate:modelValue":b[10]||(b[10]=F=>K.value=F),class:"page-bg-picker"},null,8,["modelValue"]),e.createElementVNode("button",{type:"button",class:"pd-reset",title:"恢复为默认白色",onClick:ie},"默认")])]),b[29]||(b[29]=e.createElementVNode("h3",{class:"pd-divider"},"页边距 (mm)",-1)),e.createElementVNode("div",nd,[e.createElementVNode("div",ld,[b[21]||(b[21]=e.createElementVNode("span",{class:"pd-label"},"上",-1)),e.createVNode(ne,{"model-value":S.value,min:0,max:50,"onUpdate:modelValue":P},null,8,["model-value"])]),e.createElementVNode("div",ad,[b[22]||(b[22]=e.createElementVNode("span",{class:"pd-label"},"下",-1)),e.createVNode(ne,{"model-value":M.value,min:0,max:50,"onUpdate:modelValue":g},null,8,["model-value"])]),e.createElementVNode("div",id,[b[23]||(b[23]=e.createElementVNode("span",{class:"pd-label"},"左",-1)),e.createVNode(ne,{"model-value":x.value,min:0,max:50,"onUpdate:modelValue":E},null,8,["model-value"])]),e.createElementVNode("div",rd,[b[24]||(b[24]=e.createElementVNode("span",{class:"pd-label"},"右",-1)),e.createVNode(ne,{"model-value":B.value,min:0,max:50,"onUpdate:modelValue":f},null,8,["model-value"])])]),b[30]||(b[30]=e.createElementVNode("h3",{class:"pd-divider"},"三区高度 (mm)",-1)),e.createElementVNode("div",sd,[b[25]||(b[25]=e.createElementVNode("span",{class:"pd-label"},"页眉高度",-1)),e.createVNode(ne,{"model-value":T.value,min:0,max:100,step:.1,"onUpdate:modelValue":m},null,8,["model-value"])]),e.createElementVNode("div",dd,[b[26]||(b[26]=e.createElementVNode("span",{class:"pd-label"},"页脚高度",-1)),e.createVNode(ne,{"model-value":z.value,min:0,max:100,step:.1,"onUpdate:modelValue":k},null,8,["model-value"])]),e.createElementVNode("div",cd,[b[27]||(b[27]=e.createElementVNode("span",{class:"pd-label"},"首页叠加高度",-1)),e.createVNode(ne,{"model-value":u.value,min:0,max:200,"onUpdate:modelValue":h},null,8,["model-value"])])],32)],512),[[e.vShow,(t.activeTab||"page")==="page"]])])],64))],2))}}),md=_(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(a,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=_(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"),ge=require("@worm-vue3-print/core"),h=require("@worm-vue3-print/core/designer"),Ue=require("@worm-vue3-print/core/browser"),Bt=require("jsbarcode"),xt=require("qrcode"),Ft=require("dompurify"),$t=Symbol("selected-ids"),Tt=Symbol("preview-ids");function Ut(o){const i=e.ref(new Set),t=e.ref(new Set),n=e.computed(()=>o.value.filter(k=>i.value.has(k.id))),l=e.computed(()=>i.value.size>0);function d(k,y=!1){if(y){const R=new Set(i.value);R.has(k)?R.delete(k):R.add(k),i.value=R}else i.value=new Set([k])}function s(){i.value=new Set}function a(k){i.value=new Set(k)}function r(k){t.value=new Set(k)}function u(){t.value=new Set}function m(){i.value=new Set(t.value),t.value=new Set}function g(){const k=n.value;if(k.length===0)return null;let y=1/0,R=1/0,C=-1/0,v=-1/0;return k.forEach(f=>{y=Math.min(y,f.options.left),R=Math.min(R,f.options.top),C=Math.max(C,f.options.left+f.options.width),v=Math.max(v,f.options.top+f.options.height)}),{left:y,top:R,width:C-y,height:v-R}}return{selectedIds:i,selectedElements:n,hasSelection:l,select:d,clearSelection:s,selectAll:a,getSelectionBounds:g,previewIds:t,setPreview:r,clearPreview:u,commitPreview:m}}function Ht(){const o=e.ref(null);function i(l){o.value=l.map(d=>({options:{...d.options},printElementType:{...d.printElementType}}))}function t(l=10){if(!o.value)return null;const d=new Map;for(const a of o.value){const r=a.options.groupId;r&&d.set(r,(d.get(r)??0)+1)}const s=new Map;for(const[a,r]of d)s.set(a,r>=2?h.generateGroupId():void 0);return o.value.map(a=>({id:h.generateId(),options:{...a.options,left:a.options.left+l,top:a.options.top+l,groupId:a.options.groupId?s.get(a.options.groupId):void 0},printElementType:{...a.printElementType}}))}function n(){return o.value!==null&&o.value.length>0}return{clipboard:o,copy:i,paste:t,hasData:n}}function Ot(o){const t=e.ref([]),n=e.ref([]),l=e.ref(!1),d=e.ref(!1);function s(){l.value=t.value.length>0,d.value=n.value.length>0}function a(y){const R={elements:JSON.parse(JSON.stringify(y?.elements??[])),templateData:JSON.parse(JSON.stringify(y?.templateData??{}))};return y?.pages&&(R.pages=JSON.parse(JSON.stringify(y.pages)),y.activePageIndex!==void 0&&(R.activePageIndex=y.activePageIndex)),R}function r(y){return a(y)}function u(y){t.value.push(r(y)),n.value=[],t.value.length>50&&t.value.shift(),s()}function m(y){if(t.value.length===0)return null;const R=t.value.pop();return n.value.push(y?r(y):a(R)),s(),t.value.length>0?a(t.value[t.value.length-1]):null}function g(y){if(n.value.length===0)return null;const R=n.value.pop();return t.value.push(y?r(y):a(R)),s(),a(R)}function k(){t.value=[],n.value=[],s()}return{push:u,undo:m,redo:g,canUndo:l,canRedo:d,clear:k}}const rt="开启拼版后只能有一个设计页面";function Re(){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 Ze(o){const i=(t,n)=>(t??[]).map(l=>{const d={...l.options};return(l.printElementType?.type??l.type)==="table"&&h.syncTableElementSize(d),{id:l.id||h.generateId(),zone:n,options:d,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:[...i(o.elements??[],"content"),...i(o.header?.elements??[],"header"),...i(o.footer?.elements??[],"footer")]}}function vt(o){const i=(n,l)=>{const d=Ze(h.normalizeTemplateUnits(n));return d.name||(d.name=`页面 ${l+1}`),d};if(!o)return[i(Re(),0)];const t=Array.isArray(o.pages)?o.pages:[o];return t.length?t.map(i):[i(Re(),0)]}function ft(o){const i=o.elements,t=n=>i.filter(l=>(l.zone||"content")===n).map(l=>({id:l.id,type:l.printElementType.type,options:{...l.options},printElementType:{...l.printElementType}}));return{unit:"mm",...o,header:{...o.header,elements:t("header")},footer:{...o.footer,elements:t("footer")},firstPageOverlay:{...o.firstPageOverlay,elements:(o.firstPageOverlay?.elements??[]).map(n=>({id:n.id||h.generateId(),type:n.printElementType?.type||"text",options:{...n.options},printElementType:{...n.printElementType}}))},elements:t("content"),guides:[...o.guides??[]]}}function Wt(o={}){const i=e.ref(100),t=e.ref(!0),n=e.ref(!0),l=e.ref(!1),d=e.ref(!0),s=e.ref(vt(o.initialTemplate)),a=e.ref(0),r=e.ref(s.value[0]??Ze(Re())),u=e.computed(()=>s.value.some(L=>L.tiling?.enabled===!0));function m(){return u.value?(alert(rt),!0):!1}function g(){s.value[a.value]=r.value}function k(L){L<0||L>=s.value.length||(g(),a.value=L,r.value=s.value[L],ce())}const y=e.computed({get:()=>r.value.elements,set:L=>{r.value.elements=L}}),R=e.ref(o.initialFields||[]),{selectedIds:C,selectedElements:v,select:f,clearSelection:M,selectAll:j,previewIds:ne,setPreview:H,clearPreview:K,commitPreview:b}=Ut(y),{group:B,ungroup:S,getGroupedIds:x}=h.useGroup(),{copy:T,paste:X,hasData:ee}=Ht(),{align:le}=h.useAlign(),{push:ie,undo:ue,redo:J,canUndo:c,canRedo:N}=Ot(),W=e.computed(()=>{if(C.value.size===0)return null;const L=C.value.values().next().value;return y.value.find(te=>te.id===L)||null}),he=e.ref(null);function pe(L){he.value=L}function ce(){M(),pe(null)}function ve(){return{elements:y.value.map(L=>({id:L.id,zone:L.zone,options:JSON.parse(JSON.stringify(L.options)),printElementType:{...L.printElementType}})),templateData:{paperSize:r.value.paperSize,orientation:r.value.orientation,outputRotation:r.value.outputRotation,margins:{...r.value.margins},header:{height:r.value.header.height,elements:[]},footer:{height:r.value.footer.height,elements:[]},firstPageOverlay:{height:r.value.firstPageOverlay.height,elements:[]},elements:[],customWidth:r.value.customWidth,customHeight:r.value.customHeight,watermark:r.value.watermark?{...r.value.watermark}:void 0,guides:[...r.value.guides??[]]},pages:JSON.parse(JSON.stringify(s.value)),activePageIndex:a.value}}function z(){ie(ve())}function V(L){return L.pages?.[L.activePageIndex??0]?.elements??L.elements}function w(){const L=ue(ve());L?.pages?(s.value=L.pages,a.value=L.activePageIndex??0,r.value=s.value[a.value]??s.value[0],ce()):L?.templateData&&(r.value={...L.templateData,elements:L.elements})}function F(){const L=J(ve());L?.pages?(s.value=L.pages,a.value=L.activePageIndex??0,r.value=s.value[a.value]??s.value[0],ce()):L?.templateData&&(r.value={...L.templateData,elements:L.elements})}function p(){T(v.value)}function E(){T(v.value),Z()}function $(){const L=X();L&&L.length>0&&(y.value.push(...L),z())}function Y(){T(v.value);const L=X();L&&L.length>0&&(L.forEach(te=>{te.options.left+=5,te.options.top+=5}),y.value.push(...L),f(L[0].id,!1),z())}function Q(){i.value=100}const oe=e.computed(()=>ee());let me=!1,P=null;const I=300;function O(L,te){const ae=v.value.filter(ye=>!ye.options.locked);ae.length!==0&&(ae.forEach(ye=>{ye.options.left+=L,ye.options.top+=te}),me||(me=!0,z()),P&&clearTimeout(P),P=setTimeout(()=>{me=!1,P=null},I))}function _(){j(y.value.map(L=>L.id))}function q(L){le(v.value,L),z()}function fe(L,te=!1){if(te){f(L,!0);return}C.value=new Set(x(y.value,L))}function A(){y.value=B(y.value,C.value),z()}function D(){y.value=S(y.value,C.value),z()}function Z(){C.value.size!==0&&(y.value=y.value.filter(L=>!C.value.has(L.id)),M(),z())}const{setup:be,cleanup:ke}=h.useKeyboard({onMove:O,onDelete:Z,onCopy:p,onPaste:$,onSelectAll:_,onUndo:w,onRedo:F,onDuplicate:Y,onResetZoom:Q,onAlignLeft:()=>q("left"),onAlignRight:()=>q("right"),onAlignCenterH:()=>q("vertical"),onAlignTop:()=>q("top"),onAlignBottom:()=>q("bottom"),onGroup:A,onUngroup:D});let Ve=null;function xe(){Ve=ve()}function Qe(){if(!Ve)return;const L=new Map(Ve.elements.map(Ee=>[Ee.id,Ee]));let te=!1;for(const Ee of y.value){const Be=L.get(Ee.id);if(!Be)continue;(Be.options.left!==Ee.options.left||Be.options.top!==Ee.options.top||Be.options.width!==Ee.options.width||Be.options.height!==Ee.options.height)&&h.finalizeElementZone(Ee,r.value).rejected&&(te=!0)}te&&alert("该元素类型不能放入页眉/页脚");const ae=Ee=>`${Ee.id}:${Ee.zone||"content"}:${Ee.options.left},${Ee.options.top},${Ee.options.width},${Ee.options.height}`,ye=V(Ve).map(ae).join("|"),Se=V(ve()).map(ae).join("|");Ve=null,ye!==Se&&z()}function We(L,te){const ae=h.zoneFromPaperPoint(r.value,te.x,te.y);if(ae!=="content"&&!h.ZONE_ALLOWED_TYPES.includes(L.printElementType.type))return alert("该元素类型不能放入页眉/页脚"),!1;const ye=h.getZoneRects(r.value)[ae];return L.zone=ae,L.options.left=te.x-ye.left,L.options.top=te.y-ye.top,ae!=="content"&&h.clampToZone(L,ye),!0}function Ae(L,te){const ae=h.createRuntimeElement(L);te&&!We(ae,te)||(y.value.push(ae),f(ae.id,!1),z())}function Me(L,te){const ae=h.createFieldElement(L);te&&!We(ae,te)||(y.value.push(ae),f(ae.id,!1),z())}function De(L){if(C.value.size===0)return;const te=C.value.values().next().value,ae=y.value.find(ze=>ze.id===te);if(!ae)return;const ye=ae.options.zIndex??0,Se=y.value.map(ze=>ze.options.zIndex??0),Ee=Math.max(...Se,0),Be=Math.min(...Se,0);switch(L){case"top":ae.options.zIndex=Ee+1;break;case"bottom":ae.options.zIndex=Be-1;break;case"up":ae.options.zIndex=ye+1;break;case"down":ae.options.zIndex=ye-1;break}z()}function Pe(L,te){const{width:ae,height:ye}=h.getPaperDimensions(r.value),Se=96/25.4;i.value=h.computeFitScale(L,te,ae*Se,ye*Se)}function _e(L){if(r.value={...L},s.value[a.value]=r.value,s.value.length>1){const te={paperSize:L.paperSize,orientation:L.orientation,outputRotation:L.outputRotation,customWidth:L.customWidth,customHeight:L.customHeight};for(const ae of s.value)Object.assign(ae,te)}z()}function et(){return g(),s.value.length<=1?ft(s.value[0]):{version:1,pages:s.value.map(ft)}}function Ge(L,te){s.value=vt(L),a.value=0,r.value=s.value[0],te&&(r.value={...r.value,elements:te.map(ae=>({...ae,id:ae.id||h.generateId(),zone:ae.zone||"content",options:{...ae.options},printElementType:{...ae.printElementType}}))},s.value[a.value]=r.value),ie(ve())}function tt(){const L=new Set(s.value.map(ae=>ae.name));let te=s.value.length+1;for(;L.has(`页面 ${te}`);)te++;return`页面 ${te}`}function ot(){if(m())return;g();const L=s.value[a.value]??Re(),te=Ze({...Re(),paperSize:L.paperSize,orientation:L.orientation,customWidth:L.customWidth,customHeight:L.customHeight,name:tt()});s.value.push(te),a.value=s.value.length-1,r.value=te,ce(),z()}function Ke(){if(m())return;g();const L=s.value[a.value],te=JSON.parse(JSON.stringify(L));te.name=`${L.name??`页面 ${a.value+1}`} 副本`,te.elements=te.elements.map(ae=>({...ae,id:h.generateId()})),te.firstPageOverlay={...te.firstPageOverlay,elements:(te.firstPageOverlay?.elements??[]).map(ae=>({...ae,id:h.generateId()}))},s.value.splice(a.value+1,0,te),k(a.value+1),z()}function nt(L){s.value.length<=1||(g(),s.value.splice(L,1),L<a.value?a.value--:L===a.value&&a.value>=s.value.length&&(a.value=s.value.length-1),r.value=s.value[a.value],ce(),z())}function lt(L,te){s.value[L]&&(s.value[L].name=te)}function qe(L,te){if(L===te)return;g();const[ae]=s.value.splice(L,1);s.value.splice(te,0,ae),a.value=te,r.value=ae,ce(),z()}return ie(ve()),e.onMounted(()=>be()),e.onUnmounted(()=>{ke(),P&&(clearTimeout(P),P=null)}),{scale:i,showRuler:t,showGrid:n,snapToGrid:l,showTableGhostBorder:d,templateData:r,elements:y,fields:R,tilingEnabled:u,pages:s,activePageIndex:a,switchPage:k,addPage:ot,duplicatePage:Ke,deletePage:nt,renamePage:lt,movePage:qe,selectedIds:C,selectedElements:v,selectedElement:W,select:f,selectElement:fe,clearSelection:M,selectAll:_,previewIds:ne,setPreview:H,clearPreview:K,commitPreview:b,hasClipboard:oe,copy:p,paste:$,cutSelected:E,tableSelection:he,setTableSelection:pe,canUndo:c,canRedo:N,undo:w,redo:F,recordHistory:z,alignSelected:q,groupSelected:A,ungroupSelected:D,deleteSelected:Z,duplicateSelected:Y,resetZoom:Q,dragStart:xe,dragStop:Qe,addElement:Ae,addFieldElement:Me,moveLayer:De,fitToWindow:Pe,updateTemplateData:_e,getTemplateJson:et,loadTemplate:Ge}}let gt=0;function Gt(){return gt+=1,`guide-${gt}`}function Kt(o,i){const t=e.computed(()=>o.value.guides??[]);function n(r){o.value={...o.value,guides:r([...o.value.guides??[]])},i()}function l(r,u){n(m=>(m.push({type:r,position:u,id:Gt()}),m))}function d(r,u){n(m=>m.map(g=>g.id===r?{...g,position:u}:g))}function s(r){n(u=>u.filter(m=>m.id!==r))}function a(){const r=[],u=[];for(const m of t.value)m.type==="vertical"?r.push(m.position):u.push(m.position);return{vertical:r,horizontal:u}}return{guides:t,addGuide:l,moveGuide:d,removeGuide:s,getGuidePositions:a}}const Oe=Symbol("table-edit"),dt=Symbol("print-upload-image"),ct=Symbol("print-upload-design-background"),ut=Symbol("print-font-catalog"),qt=e.computed(()=>[]);function Yt(o){return{catalog:e.computed(()=>{const t=[],n=new Set;for(const l of e.toValue(o)??[]){const d=l?.family?.trim();if(!d)continue;const s=d.toLowerCase();if(n.has(s))continue;n.add(s);const a=l.label?.trim();t.push(a?{family:d,label:a}:{family:d})}return t})}}function jt(){return e.inject(ut,qt)}function ht(o,i){const t=i?.trim().toLowerCase();if(t)return o.find(n=>n.family.trim().toLowerCase()===t)}function bt(o){return o.label?`${o.label}(${o.family})`:o.family}function He(o){return o.toLowerCase().replace(/\s+/g,"")}function Et(o,i){if(o===i)return 0;if(o.startsWith(i))return 1;if(o.includes(i))return 2;let t=0;for(const n of o)if(n===i[t]&&t++,t===i.length)return 3;return-1}function Xt(o,i){const t=He(i.trim());return t?o.map((n,l)=>({font:n,index:l,rank:Zt(n,t)})).filter(n=>n.rank>=0).sort((n,l)=>n.rank-l.rank||n.index-l.index).map(n=>n.font):[...o]}function Zt(o,i){const t=Et(He(o.family),i);if(!o.label)return t;const n=Et(He(o.label),i);return t<0?n:n<0?t:Math.min(t,n)}const Jt="print-designer-font-face";function Qt(o){const i=`${Jt}-${e.useId()}`;let t;e.watchEffect(()=>{const n=e.toValue(o);if(!n){t?.remove(),t=void 0;return}t||(t=document.createElement("style"),t.id=i,document.head.appendChild(t)),t.textContent=n}),e.onUnmounted(()=>{t?.remove(),t=void 0})}const _t=e.defineComponent({__name:"HelpButton",emits:["click"],setup(o){return(i,t)=>(e.openBlock(),e.createElementBlock("button",{class:"help-button",title:"帮助文档",onClick:t[0]||(t[0]=n=>i.$emit("click"))},[...t[1]||(t[1]=[e.createElementVNode("span",{class:"help-icon"},"?",-1)])]))}}),re=(o,i)=>{const t=o.__vccOpts||o;for(const[n,l]of i)t[n]=l;return t},eo=re(_t,[["__scopeId","data-v-80ccab03"]]),to={class:"designer-toolbar"},oo={class:"tb-group"},no={class:"tb-title"},lo={class:"tb-title-name"},ao={class:"tb-group"},io=["disabled"],so=["disabled"],ro={key:0,class:"tb-group"},co={key:1,class:"tb-group"},uo={key:2,class:"tb-group"},mo={key:3,class:"tb-group"},po={class:"tb-group"},vo={class:"tb-zoom"},fo={key:4,class:"tb-group"},go={class:"tb-group"},ho={class:"tb-group"},bo=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},showHelp:{type:Boolean,default:!0}},{scale:{default:100},scaleModifiers:{}}),emits:e.mergeModels(["preview","save","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 i=e.useModel(o,"scale");return(t,n)=>(e.openBlock(),e.createElementBlock("div",to,[e.createElementVNode("div",oo,[n[29]||(n[29]=e.createStaticVNode('<span class="tb-mark" aria-hidden="true" data-v-7a58c9f4><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-v-7a58c9f4><rect x="5" y="3" width="14" height="18" rx="2.5" data-v-7a58c9f4></rect><line x1="8.5" y1="8.5" x2="15.5" y2="8.5" data-v-7a58c9f4></line><line x1="8.5" y1="12.5" x2="15.5" y2="12.5" data-v-7a58c9f4></line><line x1="8.5" y1="16.5" x2="12.5" y2="16.5" data-v-7a58c9f4></line></svg></span>',1)),e.createElementVNode("div",no,[e.createElementVNode("span",lo,e.toDisplayString(o.isEdit?"编辑模板":"新建模板"),1),n[28]||(n[28]=e.createElementVNode("span",{class:"tb-title-sub"},"打印模板设计器",-1))])]),e.createElementVNode("div",ao,[e.createElementVNode("button",{class:"tb-btn tb-icon",disabled:!o.canUndo,onClick:n[0]||(n[0]=l=>t.$emit("undo")),"data-tip":"撤销"},"↶",8,io),e.createElementVNode("button",{class:"tb-btn tb-icon",disabled:!o.canRedo,onClick:n[1]||(n[1]=l=>t.$emit("redo")),"data-tip":"重做"},"↷",8,so)]),o.hasMultiSelection?(e.openBlock(),e.createElementBlock("div",ro,[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",co,[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",uo,[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",mo,[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",po,[e.createElementVNode("button",{class:e.normalizeClass(["tb-btn",{on:o.showRuler}]),"data-tip":"显示/隐藏标尺",onClick:n[16]||(n[16]=l=>t.$emit("toggle-ruler"))},[...n[30]||(n[30]=[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[31]||(n[31]=[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[32]||(n[32]=[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[33]||(n[33]=[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",vo,e.toDisplayString(i.value)+"%",1),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[22]||(n[22]=l=>t.$emit("zoom",10)),"data-tip":"放大"},"+")]),n[34]||(n[34]=e.createElementVNode("div",{class:"tb-spacer"},null,-1)),o.showHelp?(e.openBlock(),e.createElementBlock("div",fo,[e.createVNode(eo,{onClick:n[23]||(n[23]=l=>t.$emit("help"))})])):e.createCommentVNode("",!0),e.createElementVNode("div",go,[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",ho,[e.createElementVNode("button",{class:"btn-secondary",onClick:n[26]||(n[26]=l=>t.$emit("preview"))},"预览"),e.createElementVNode("button",{class:"btn-primary",onClick:n[27]||(n[27]=l=>t.$emit("save"))},"保存")])]))}}),Eo=re(bo,[["__scopeId","data-v-7a58c9f4"]]),yo={class:"layer-panel"},ko=["onClick"],Vo={class:"layer-icon"},No={class:"layer-name"},wo={key:0,class:"layer-zone"},Co={class:"layer-zindex"},So={key:0,class:"layer-actions"},Bo=e.defineComponent({__name:"LayerPanel",props:{elements:{},selectedIds:{}},emits:["select","move-layer"],setup(o){const i=o,t=e.computed(()=>[...i.elements].sort((a,r)=>(r.options.zIndex??0)-(a.options.zIndex??0))),n={text:"T",longText:"¶",table:"⊞",image:"🖼",barcode:"≡",qrcode:"▣",hline:"—",vline:"|",rect:"□",oval:"○",html:"<>"};function l(a){return n[a.printElementType.type]||"?"}function d(a){return a.options.title||a.printElementType.title||a.printElementType.type}function s(a){return a.zone==="header"?"页眉":a.zone==="footer"?"页脚":""}return(a,r)=>(e.openBlock(),e.createElementBlock("div",yo,[r[4]||(r[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:m=>a.$emit("select",u.id,!1)},[e.createElementVNode("span",Vo,e.toDisplayString(l(u)),1),e.createElementVNode("span",No,e.toDisplayString(d(u)),1),s(u)?(e.openBlock(),e.createElementBlock("span",wo,e.toDisplayString(s(u)),1)):e.createCommentVNode("",!0),e.createElementVNode("span",Co,"z:"+e.toDisplayString(u.options.zIndex??0),1)],10,ko))),128)),t.value.length>0?(e.openBlock(),e.createElementBlock("div",So,[e.createElementVNode("button",{type:"button",class:"pd-button small",onClick:r[0]||(r[0]=u=>a.$emit("move-layer","top")),title:"置顶"}," ⤒ "),e.createElementVNode("button",{type:"button",class:"pd-button small",onClick:r[1]||(r[1]=u=>a.$emit("move-layer","up")),title:"上移"}," ↑ "),e.createElementVNode("button",{type:"button",class:"pd-button small",onClick:r[2]||(r[2]=u=>a.$emit("move-layer","down")),title:"下移"}," ↓ "),e.createElementVNode("button",{type:"button",class:"pd-button small",onClick:r[3]||(r[3]=u=>a.$emit("move-layer","bottom")),title:"置底"}," ⤓ ")])):e.createCommentVNode("",!0)]))}}),xo=re(Bo,[["__scopeId","data-v-f7a10482"]]),$o={class:"field-tree-panel"},To={class:"tree-container"},Do=["onClick"],Mo={class:"expand-icon"},Po={class:"node-icon"},zo={class:"group-label"},Lo=["onDragstart"],Ro={class:"node-label"},Ao={class:"node-key"},Io={key:0,class:"pd-empty"},Fo=e.defineComponent({__name:"FieldTreePanel",props:{fields:{}},emits:["field-drag"],setup(o,{emit:i}){const t=o,n=i,l=e.ref(""),d=e.ref(new Set),s=e.computed(()=>!!l.value.trim()),a=e.computed(()=>h.filterGroups(h.groupFields(t.fields),l.value));function r(m){const g=new Set(d.value);g.has(m)?g.delete(m):g.add(m),d.value=g}function u(m,g){m.dataTransfer?.setData("fieldData",JSON.stringify({fieldKey:g.fieldKey,fieldLabel:g.fieldLabel})),m.dataTransfer&&(m.dataTransfer.effectAllowed="copy"),n("field-drag",g)}return(m,g)=>(e.openBlock(),e.createElementBlock("div",$o,[g[2]||(g[2]=e.createElementVNode("div",{class:"panel-title"},"业务字段",-1)),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":g[0]||(g[0]=k=>l.value=k),class:"pd-input search-input",type:"search",placeholder:"搜索字段...","aria-label":"搜索字段"},null,512),[[e.vModelText,l.value]]),e.createElementVNode("div",To,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,k=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:k.key||"_top"},[k.key?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["field-group-header",{"is-list":k.isList}]),onClick:y=>r(k.key)},[e.createElementVNode("span",Mo,e.toDisplayString(d.value.has(k.key)&&!s.value?"▶":"▼"),1),e.createElementVNode("span",Po,e.toDisplayString(k.isList?"📋":"📁"),1),e.createElementVNode("span",zo,e.toDisplayString(k.label),1)],10,Do)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.fields,y=>(e.openBlock(),e.createElementBlock("div",{key:y.fieldKey,class:"field-row",draggable:"true",style:e.normalizeStyle({paddingLeft:(k.key?22:8)+"px"}),onDragstart:R=>u(R,y)},[g[1]||(g[1]=e.createElementVNode("span",{class:"node-icon"},"📄",-1)),e.createElementVNode("span",Ro,e.toDisplayString(y.fieldLabel),1),e.createElementVNode("span",Ao,"("+e.toDisplayString(y.fieldKey)+")",1)],44,Lo))),128))],512),[[e.vShow,!k.key||s.value||!d.value.has(k.key)]])],64))),128))]),a.value.length===0?(e.openBlock(),e.createElementBlock("p",Io,"暂无字段")):e.createCommentVNode("",!0)]))}}),Uo=re(Fo,[["__scopeId","data-v-9b326f07"]]),Ho={key:0,class:"left-collapsed"},Oo={class:"left-head"},Wo={class:"pd-tabs left-tabs"},Go={class:"pd-tab-bar",role:"tablist"},Ko={class:"pd-tab-pane",role:"tabpanel"},qo=["onDragstart"],Yo={class:"material-icon"},jo={class:"material-label"},Xo={class:"pd-tab-pane",role:"tabpanel"},Zo={class:"pd-tab-pane",role:"tabpanel"},Jo=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:i}){const t=i,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 d(r,u){r.dataTransfer?.setData("elementType",u)}function s(r){t("field-drag",r)}function a(r){n.value=r,t("toggle-collapse")}return(r,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["left-panel",{collapsed:o.collapsed}])},[o.collapsed?(e.openBlock(),e.createElementBlock("div",Ho,[e.createElementVNode("button",{class:"lc-btn",title:"展开素材台",onClick:u[0]||(u[0]=m=>a(n.value))},"»"),e.createElementVNode("button",{class:e.normalizeClass(["lc-btn",{on:n.value==="elements"}]),title:"元素",onClick:u[1]||(u[1]=m=>a("elements"))},"▦",2),e.createElementVNode("button",{class:e.normalizeClass(["lc-btn",{on:n.value==="fields"}]),title:"字段",onClick:u[2]||(u[2]=m=>a("fields"))},"⊛",2),e.createElementVNode("button",{class:e.normalizeClass(["lc-btn",{on:n.value==="layers"}]),title:"图层",onClick:u[3]||(u[3]=m=>a("layers"))},"≡",2)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",Oo,[u[12]||(u[12]=e.createElementVNode("span",{class:"left-title"},"素材台",-1)),e.createElementVNode("button",{class:"collapse-btn",title:"收起素材台",onClick:u[4]||(u[4]=m=>r.$emit("toggle-collapse"))},"«")]),e.createElementVNode("div",Wo,[e.createElementVNode("div",Go,[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["pd-tab",{active:n.value==="elements"}]),onClick:u[5]||(u[5]=m=>n.value="elements")},"元素",2),e.createElementVNode("button",{type:"button",class:e.normalizeClass(["pd-tab",{active:n.value==="fields"}]),onClick:u[6]||(u[6]=m=>n.value="fields")},"字段",2),e.createElementVNode("button",{type:"button",class:e.normalizeClass(["pd-tab",{active:n.value==="layers"}]),onClick:u[7]||(u[7]=m=>n.value="layers")},"图层",2)]),e.withDirectives(e.createElementVNode("div",Ko,[u[13]||(u[13]=e.createElementVNode("div",{class:"panel-title"},"拖拽元素到画布",-1)),(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(l,m=>e.createElementVNode("div",{key:m.type,class:"material-card",draggable:"true",onDragstart:g=>d(g,m.type)},[e.createElementVNode("span",Yo,e.toDisplayString(m.icon),1),e.createElementVNode("span",jo,e.toDisplayString(m.label),1)],40,qo)),64))],512),[[e.vShow,n.value==="elements"]]),e.withDirectives(e.createElementVNode("div",Xo,[e.createVNode(Uo,{fields:o.fields,onFieldDrag:s},null,8,["fields"])],512),[[e.vShow,n.value==="fields"]]),e.withDirectives(e.createElementVNode("div",Zo,[e.createVNode(xo,{elements:o.elements,"selected-ids":o.selectedIds,onSelect:u[8]||(u[8]=(m,g)=>r.$emit("select",m,g)),onMoveLayer:u[9]||(u[9]=m=>r.$emit("move-layer",m)),onToggleVisible:u[10]||(u[10]=m=>r.$emit("toggle-visible",m)),onToggleLocked:u[11]||(u[11]=m=>r.$emit("toggle-locked",m))},null,8,["elements","selected-ids"])],512),[[e.vShow,n.value==="layers"]])])],64))],2))}}),Qo=re(Jo,[["__scopeId","data-v-15dad0f0"]]);function _o(o,i){const t=e.ref(!1),n=e.ref(null);let l=0,d=0,s=0,a=0,r=!1;function u(C){if(i.disabled||C.button!==0)return;const v=C.target;if(!(v instanceof Element)||v.classList.contains("resize-handle"))return;t.value=!0,r=C.altKey,l=C.clientX,d=C.clientY;const f=o.value;f&&(s=parseFloat(f.style.left)||0,a=parseFloat(f.style.top)||0,n.value={left:s,top:a,width:parseFloat(f.style.width)||0,height:parseFloat(f.style.height)||0},i.onStart?.({altKey:r}),document.addEventListener("mousemove",g),document.addEventListener("mouseup",k),C.preventDefault())}function m(C){const v=i.getScale?.()??1;let f=s+(C.clientX-l)/v,M=a+(C.clientY-d)/v;if(i.axis==="x"&&(M=a),i.axis==="y"&&(f=s),i.onAdsorb){const j=o.value;if(j){const ne=parseFloat(j.style.width)||0,H=parseFloat(j.style.height)||0,K=i.onAdsorb({left:f,top:M,width:ne,height:H});f=K.left,M=K.top}}return{left:f,top:M}}function g(C){const v=m(C);n.value&&(n.value.left=v.left,n.value.top=v.top),i.onDrag(v)}function k(C){t.value=!1;const v=m(C);i.onDragEnd?.(v,{altKey:r}),i.onStop?.(),n.value=null,document.removeEventListener("mousemove",g),document.removeEventListener("mouseup",k)}function y(){const C=o.value;C&&C.removeEventListener("mousedown",u),document.removeEventListener("mousemove",g),document.removeEventListener("mouseup",k)}function R(){y();const C=o.value;C&&C.addEventListener("mousedown",u)}return{isDragging:t,dragPreview:n,setup:R,cleanup:y}}function en(o){const i=[];return o.getAttribute("data-fit")==="shrink"&&i.push(o),o.querySelectorAll('[data-fit="shrink"]').forEach(t=>i.push(t)),i}function tn(o){o.querySelectorAll("[data-fit-size]").forEach(i=>{if(i.getAttribute("data-fit")==="shrink")return;i.removeAttribute("data-fit-size");const t=i.getAttribute("data-fit-base");t?i.style.fontSize=`${t}pt`:i.style.removeProperty("font-size")})}function mt(o,i){const t=()=>{const n=o.value;n&&(en(n).forEach(Ue.fitTextNode),tn(n))};e.watchEffect(()=>{i(),e.nextTick(t)},{flush:"post"}),e.onMounted(()=>{e.nextTick(t)})}const on=["data-fit","data-fit-base","data-fit-min"],nn=e.defineComponent({__name:"TextElement",props:{element:{},data:{},designMode:{type:Boolean}},setup(o){const i=o,t={top:"flex-start",middle:"center",bottom:"flex-end"},n={left:"flex-start",center:"center",right:"flex-end"},l=e.ref(null),d=e.computed(()=>h.resolveElementTextFit("text",i.element.options)),s=e.computed(()=>i.element.options.fontSize||12),a=e.computed(()=>h.resolveShrinkMinFontSize(i.element.options.shrinkMinFontSize)),r=e.computed(()=>{const m=i.element.options,g=d.value==="autoHeight";return{fontSize:s.value+"pt",fontWeight:m.fontWeight||"normal",fontFamily:m.fontFamily||"inherit",color:m.color||"#333",backgroundColor:m.backgroundColor||"transparent",textAlign:m.textAlign||"left",lineHeight:m.lineHeight?m.lineHeight+"pt":"normal",letterSpacing:m.letterSpacing?m.letterSpacing+"pt":"normal",textDecoration:m.textDecoration||"none",padding:`${m.contentPaddingTop||0}pt ${m.contentPaddingRight||0}pt ${m.contentPaddingBottom||0}pt ${m.contentPaddingLeft||0}pt`,width:"100%",height:g?"auto":"100%",boxSizing:"border-box",overflow:g?"visible":"hidden",...m.wordWrap===!1?{whiteSpace:"nowrap",textOverflow:"ellipsis"}:{},...m.verticalAlign?{display:"flex",alignItems:t[m.verticalAlign]??"flex-start",justifyContent:n[m.textAlign||"left"]??"flex-start"}:{}}}),u=e.computed(()=>i.designMode?i.element.options.testData?i.element.options.testData:i.element.options.formatter||"文本":h.resolveTextBinding(i.element.options,i.data));return mt(l,()=>[d.value,s.value,a.value,i.element.options.width,i.element.options.height,i.element.options.wordWrap,i.element.options.letterSpacing,i.element.options.lineHeight,u.value]),(m,g)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootRef",ref:l,class:"print-text",style:e.normalizeStyle(r.value),"data-fit":d.value==="shrink"?"shrink":void 0,"data-fit-base":String(s.value),"data-fit-min":String(a.value)},e.toDisplayString(u.value),13,on))}}),ln={class:"print-image"},an=["src"],sn={key:1,class:"image-placeholder"},rn=e.defineComponent({__name:"ImageElement",props:{element:{},data:{},designMode:{type:Boolean}},setup(o){const i=o,t=e.computed(()=>{const s=i.element.options.src||"";return s?s.includes("{")?i.designMode?h.evaluateTemplate(s,h.DEFAULT_DEMO_DATA):h.evaluateTemplate(s,i.data?.[0]||{}):s:""}),n=e.ref(!1);function l(){n.value=!0}e.watch(t,()=>{n.value=!1});const d=e.computed(()=>({objectFit:i.element.options.fit||"contain"}));return(s,a)=>(e.openBlock(),e.createElementBlock("div",ln,[t.value&&!n.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.value,style:e.normalizeStyle(d.value),onError:l},null,44,an)):(e.openBlock(),e.createElementBlock("div",sn,"图片"))]))}}),dn=re(rn,[["__scopeId","data-v-007a2979"]]),cn=["data-fit","data-fit-base","data-fit-min"],un=e.defineComponent({__name:"LongTextElement",props:{element:{},data:{},designMode:{type:Boolean}},setup(o){const i=o,t={top:"flex-start",middle:"center",bottom:"flex-end"},n={left:"flex-start",center:"center",right:"flex-end"},l=e.ref(null),d=e.computed(()=>h.resolveElementTextFit("longText",i.element.options)),s=e.computed(()=>i.element.options.fontSize||12),a=e.computed(()=>h.resolveShrinkMinFontSize(i.element.options.shrinkMinFontSize)),r=e.computed(()=>{const m=i.element.options,g=d.value==="autoHeight";return{fontSize:s.value+"pt",fontWeight:m.fontWeight||"normal",fontFamily:m.fontFamily||"inherit",color:m.color||"#333",backgroundColor:m.backgroundColor||"transparent",textAlign:m.textAlign||"left",lineHeight:m.lineHeight?m.lineHeight+"pt":"1.5",letterSpacing:m.letterSpacing?m.letterSpacing+"pt":"normal",textIndent:m.longTextIndent?m.longTextIndent+"pt":"0",width:"100%",height:g?"auto":"100%",overflow:g?"visible":"hidden",wordBreak:"break-all",boxSizing:"border-box",...m.wordWrap===!1?{whiteSpace:"nowrap",textOverflow:"ellipsis"}:{},...m.verticalAlign?{display:"flex",alignItems:t[m.verticalAlign]??"flex-start",justifyContent:n[m.textAlign||"left"]??"flex-start"}:{}}}),u=e.computed(()=>i.designMode?i.element.options.formatter?i.element.options.formatter:"长文本内容":h.resolveTextBinding(i.element.options,i.data));return mt(l,()=>[d.value,s.value,a.value,i.element.options.width,i.element.options.height,i.element.options.wordWrap,i.element.options.lineHeight,u.value]),(m,g)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootRef",ref:l,class:"print-longtext",style:e.normalizeStyle(r.value),"data-fit":d.value==="shrink"?"shrink":void 0,"data-fit-base":String(s.value),"data-fit-min":String(a.value)},e.toDisplayString(u.value),13,cn))}}),mn=["title"],pn=["title","onClick"],vn=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:i}){const t=[{value:"header",label:"标题行"},{value:"data",label:"数据行"},{value:"subtotal",label:"小计行"},{value:"summary",label:"汇总行"}],n=i;function l(d,s){n("action",d,s)}return(d,s)=>(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:s[8]||(s[8]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("div",{class:"menu-item",onClick:s[0]||(s[0]=a=>l("insert-row-above"))},"在上方插入行"),e.createElementVNode("div",{class:"menu-item",onClick:s[1]||(s[1]=a=>l("insert-row-below"))},"在下方插入行"),e.createElementVNode("div",{class:e.normalizeClass(["menu-item",{disabled:!o.canDeleteRow}]),onClick:s[2]||(s[2]=a=>o.canDeleteRow&&l("delete-row"))}," 删除行 ",2),s[9]||(s[9]=e.createElementVNode("div",{class:"menu-divider"},null,-1)),e.createElementVNode("div",{class:"menu-item",onClick:s[3]||(s[3]=a=>l("insert-col-left"))},"在左侧插入列"),e.createElementVNode("div",{class:"menu-item",onClick:s[4]||(s[4]=a=>l("insert-col-right"))},"在右侧插入列"),e.createElementVNode("div",{class:e.normalizeClass(["menu-item",{disabled:!o.canDeleteCol}]),onClick:s[5]||(s[5]=a=>o.canDeleteCol&&l("delete-col"))}," 删除列 ",2),s[10]||(s[10]=e.createElementVNode("div",{class:"menu-divider"},null,-1)),e.createElementVNode("div",{class:e.normalizeClass(["menu-item",{disabled:!!o.mergeDisabledReason}]),title:o.mergeDisabledReason||"",onClick:s[6]||(s[6]=a=>!o.mergeDisabledReason&&l("merge"))}," 合并单元格 ",10,mn),e.createElementVNode("div",{class:e.normalizeClass(["menu-item",{disabled:!o.canSplit}]),onClick:s[7]||(s[7]=a=>o.canSplit&&l("split"))}," 拆分单元格 ",2),s[11]||(s[11]=e.createElementVNode("div",{class:"menu-divider"},null,-1)),s[12]||(s[12]=e.createElementVNode("div",{class:"menu-group-title"},"行类型",-1)),(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(t,a=>e.createElementVNode("div",{key:a.value,class:e.normalizeClass(["menu-item",{disabled:!!o.rowTypeDisabledReason(a.value),active:o.currentRowType===a.value}]),title:o.rowTypeDisabledReason(a.value)||"",onClick:r=>!o.rowTypeDisabledReason(a.value)&&l("set-row-type",a.value)},e.toDisplayString(a.label),11,pn)),64))],36)):e.createCommentVNode("",!0)]))}}),fn=re(vn,[["__scopeId","data-v-44e319c1"]]),gn={class:"cell-barcode"},hn=["preserveAspectRatio"],bn=["src"],En={key:1,class:"cell-barcode-fallback"},yn=e.defineComponent({__name:"CellBarcode",props:{cellType:{},value:{},barcodeType:{},qrCodeLevel:{},showText:{type:Boolean},fit:{},maxWidth:{},maxHeight:{},printerDpi:{},targetWidthMm:{},targetHeightMm:{},barWidth:{},barFontSize:{}},setup(o){const i=o,t=e.ref(null),n=e.ref(!1),l=e.ref(""),d=e.ref(null),s={contain:"xMidYMid meet",cover:"xMidYMid slice",fill:"none",none:"xMidYMid meet","scale-down":"xMidYMid meet"},a=e.computed(()=>s[i.fit||"contain"]??"xMidYMid meet"),r=e.computed(()=>d.value?{width:d.value.width,height:d.value.height}:{maxWidth:i.maxWidth?`${i.maxWidth}mm`:"100%",maxHeight:i.maxHeight?`${i.maxHeight}mm`:"100%"}),u=e.computed(()=>({objectFit:i.fit||"contain",maxWidth:i.maxWidth?`${i.maxWidth}mm`:"100%",maxHeight:i.maxHeight?`${i.maxHeight}mm`:"100%"}));function m(){if(n.value=!1,d.value=null,!t.value)return;const R=h.barcodeUnitsPerModule(i.barWidth);try{Bt(t.value,i.value,{format:i.barcodeType||"CODE128",width:R,height:h.BARCODE_BAR_HEIGHT_MODULES*R,displayValue:i.showText!==!1,fontSize:(i.barFontSize??h.BARCODE_TEXT_FONT_SIZE_MODULES)*R,margin:0,marginLeft:h.BARCODE_QUIET_ZONE_MODULES*R,marginRight:h.BARCODE_QUIET_ZONE_MODULES*R,marginTop:0,marginBottom:h.BARCODE_MARGIN_BOTTOM_MODULES*R})}catch{return}n.value=!0;const C=g(t.value),v=C?h.resolveBarcodeSize({unitWidth:C.width/R,unitHeight:C.height/R,boxWidthMm:h.barcodeAvailableBoxMm(i.targetWidthMm,i.maxWidth),boxHeightMm:h.barcodeAvailableBoxMm(i.targetHeightMm,i.maxHeight),dpi:i.printerDpi,barWidth:i.barWidth}):null;d.value=v?{width:`${v.widthMm}mm`,height:`${v.heightMm}mm`}:null,t.value.setAttribute("shape-rendering","crispEdges")}function g(R){const C=(R.getAttribute("viewBox")??"").trim().split(/[\s,]+/).map(Number);return C.length!==4||C.some(v=>!Number.isFinite(v))?null:{width:C[2],height:C[3]}}async function k(){if(!i.value){l.value="";return}try{l.value=await xt.toDataURL(i.value,{width:96,margin:1,errorCorrectionLevel:i.qrCodeLevel||"M"})}catch{l.value=""}}function y(){i.cellType==="barcode"?m():k()}return e.onMounted(y),e.watch(()=>[i.cellType,i.value,i.barcodeType,i.qrCodeLevel,i.showText,i.printerDpi,i.targetWidthMm,i.targetHeightMm,i.barWidth,i.barFontSize,i.maxWidth,i.maxHeight],y),(R,C)=>(e.openBlock(),e.createElementBlock("div",gn,[e.withDirectives((e.openBlock(),e.createElementBlock("svg",{ref_key:"barcodeSvg",ref:t,preserveAspectRatio:a.value,style:e.normalizeStyle(r.value)},null,12,hn)),[[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(u.value)},null,12,bn)):e.createCommentVNode("",!0),!n.value&&o.cellType==="barcode"?(e.openBlock(),e.createElementBlock("span",En,e.toDisplayString(o.value||"条码"),1)):e.createCommentVNode("",!0)]))}}),kn=re(yn,[["__scopeId","data-v-81e37239"]]),Vn={class:"cell-image"},Nn=["src"],wn={key:1,class:"image-placeholder"},Cn=e.defineComponent({__name:"CellImage",props:{value:{},fit:{},maxWidth:{},maxHeight:{},designMode:{type:Boolean},data:{}},setup(o){const i=o,t=e.computed(()=>{const s=i.value||"";return s?s.includes("{")?i.designMode?h.evaluateTemplate(s,h.DEFAULT_DEMO_DATA):h.evaluateTemplate(s,i.data?.[0]||{}):s:""}),n=e.ref(!1);function l(){n.value=!0}e.watch(t,()=>{n.value=!1});const d=e.computed(()=>({objectFit:i.fit||"contain",maxWidth:i.maxWidth?`${i.maxWidth}mm`:"100%",maxHeight:i.maxHeight?`${i.maxHeight}mm`:"100%"}));return(s,a)=>(e.openBlock(),e.createElementBlock("div",Vn,[t.value&&!n.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.value,style:e.normalizeStyle(d.value),onError:l},null,44,Nn)):(e.openBlock(),e.createElementBlock("div",wn,"图片"))]))}}),Sn=re(Cn,[["__scopeId","data-v-d5bc444b"]]),Bn=["rowspan","colspan","onMousedown","onMouseenter","onDblclick","onContextmenu"],xn=["data-fit","data-fit-base","data-fit-min","data-fit-mm"],$n={key:0,class:"data-placeholder"},Tn={key:3,class:"data-placeholder"},Dn={key:0,class:"col-resize-layer"},Mn=["aria-label","onMousedown"],Pn={key:1,class:"row-badges"},je=3.7795275591,zn=.1,Ln=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:i}){const t={header:"题",data:"数",subtotal:"小",summary:"汇"},n=o,l=i,d=e.inject(Oe,{tableSelection:e.ref(null),setTableSelection:()=>{},recordHistory:()=>{},maxTableWidth:e.ref(1/0)}),s=e.computed(()=>n.element.options.tableRows??[]),a=e.computed(()=>n.element.options.tableColWidths??[]),r=e.computed(()=>n.element.options.tableDefaultFontSize??10),u=e.computed(()=>n.element.options.tableDefaultColor??"#333333"),m=e.computed(()=>{const P=d.tableSelection.value;return P&&P.elementId===n.element.id?P:null});function g(P){let I=0;for(let O=0;O<P;O++)I+=s.value[O].height;return I}const k=e.ref(null),y=e.ref(null),R=e.ref([]);function C(){if(!n.designMode)return;const P=k.value;if(!P)return;const I=P.offsetHeight;if(I<=0)return;const O=n.element.options,_=I/je;Math.abs(_-(O.height??0))>zn&&(O.height=Math.round(_*100)/100);const q=P.offsetTop;R.value=Array.from(P.rows).map(fe=>({top:(fe.offsetTop-q)/je,height:fe.offsetHeight/je}))}function v(P){return R.value[P]?.top??g(P)}function f(P){return R.value[P]?.height??s.value[P]?.height??0}e.watch(()=>[n.element.options,n.designMode],()=>C(),{deep:!0,flush:"post"}),e.onMounted(()=>{C(),document.fonts?.ready.then(()=>C())});const M=e.computed(()=>{const P=n.element.options.dataSource;if(P&&Array.isArray(h.DEFAULT_DEMO_DATA[P]))return h.DEFAULT_DEMO_DATA[P];for(const I of Object.values(h.DEFAULT_DEMO_DATA))if(Array.isArray(I))return I}),j=e.computed(()=>{if(n.data)return n.data});function ne(P){return P.cellType==="barcode"||P.cellType==="qrcode"}function H(P,I){return ne(I)?h.resolveBarcodeDesignValue(I.formatter,M.value):I.formatter||""}function K(P,I){const O=n.element.options,_={designMode:n.designMode,showGhostBorder:n.showTableGhostBorder};return{fontFamily:I.fontFamily||"inherit",textAlign:I.align??"left",verticalAlign:I.valign??"middle",fontSize:(I.fontSize??r.value)+"pt",fontWeight:I.fontWeight??"normal",color:I.color??u.value,backgroundColor:I.backgroundColor??"transparent",borderTop:h.resolveCellBorderCss(I.borders?.top,_),borderRight:h.resolveCellBorderCss(I.borders?.right,_),borderBottom:h.resolveCellBorderCss(I.borders?.bottom,_),borderLeft:h.resolveCellBorderCss(I.borders?.left,_),padding:(I.padding??O.tableDefaultPadding??1)+"mm",whiteSpace:I.wordWrap??!0?"normal":"nowrap",overflow:I.wordWrap??!0?"visible":"hidden"}}function b(P){return h.resolveCellTextFit(P)}function B(P){return b(P)!=="autoHeight"}function S(P){return P.fontSize??r.value}function x(P,I){return h.cellFitCapMm(s.value,P,I,n.element.options.tableDefaultPadding??1)}function T(P,I){return h.cellFitWidthMm(a.value,P,I,n.element.options.tableDefaultPadding??1)}function X(P,I){return{maxHeight:x(I,P)+"mm",overflow:"hidden",...P.wordWrap===!1?{whiteSpace:"nowrap",textOverflow:"ellipsis"}:{}}}mt(y,()=>[n.designMode,n.data?.length,a.value.join(","),r.value,n.element.options.tableDefaultPadding,s.value.map(P=>`${P.height}:${P.cells.map(I=>`${I.formatter??""}|${I.fontSize??""}|${I.wordWrap??""}|${I.textFit??""}|${I.colspan??1}`).join("~")}`).join(",")]);function ee(P,I){const O=m.value;return{"cell-selected":!!O&&P>=O.r1&&P<=O.r2&&I>=O.c1&&I<=O.c2,"row-data-bg":s.value[P].type==="data"}}const le=e.ref(null);function ie(P,I){const O=h.normalizeSelection(s.value,P,I);d.setTableSelection({elementId:n.element.id,...O})}function ue(P,I,O){!n.designMode||!n.isSelected||(O.stopPropagation(),O.shiftKey&&m.value?ie({r:m.value.r1,c:m.value.c1},{r:P,c:I}):(le.value={r:P,c:I},ie({r:P,c:I},{r:P,c:I})),window.addEventListener("mouseup",()=>{le.value=null},{once:!0}))}function J(P,I){le.value&&ie(le.value,{r:P,c:I})}function c(P,I){n.designMode&&l("dblclick-cell",n.element.id,P,I)}const N=e.reactive({visible:!1,x:0,y:0});function W(P,I,O){if(!n.designMode||!n.isSelected)return;const _=m.value;_&&P>=_.r1&&P<=_.r2&&I>=_.c1&&I<=_.c2||ie({r:P,c:I},{r:P,c:I}),N.x=O.clientX,N.y=O.clientY,N.visible=!0,window.addEventListener("mousedown",()=>{N.visible=!1},{once:!0})}const he=e.computed(()=>{const P=m.value;return P?h.canMergeReason(s.value,P):"未选择单元格"}),pe=e.computed(()=>{const P=m.value;if(!P)return!1;for(let I=P.r1;I<=P.r2;I++)for(let O=P.c1;O<=P.c2;O++){const _=s.value[I].cells[O];if(!_.merged&&((_.rowspan??1)>1||(_.colspan??1)>1))return!0}return!1});function ce(P){const I=m.value;if(!I)return"未选择单元格";if(I.r1!==I.r2)return"行类型仅支持单行设置";const O=JSON.parse(JSON.stringify(s.value));return h.setRowType(O,I.r1,P)}function ve(){h.syncTableElementSize(n.element.options)}function z(P,I){const O=d.maxTableWidth.value,_=P.reduce((q,fe)=>q+fe,0)+P[I];return _>O?`插入后表格总宽 ${Math.round(_*10)/10}mm 超过打印范围宽度 ${O}mm,请先缩小列宽`:null}function V(P,I){const O=m.value;if(!O)return;N.visible=!1;const _=n.element.options,q=_.tableRows,fe=_.tableColWidths;let A=null;switch(P){case"insert-row-above":h.insertRow(q,O.r1,"above");break;case"insert-row-below":h.insertRow(q,O.r2,"below");break;case"delete-row":A=h.deleteRow(q,O.r1);break;case"insert-col-left":A=z(fe,O.c1),A||h.insertCol(q,fe,O.c1,"left");break;case"insert-col-right":A=z(fe,O.c2),A||h.insertCol(q,fe,O.c2,"right");break;case"delete-col":A=h.deleteCol(q,fe,O.c1);break;case"merge":h.mergeCells(q,O);break;case"split":h.splitCells(q,O);break;case"set-row-type":A=h.setRowType(q,O.r1,I);break}if(A){alert(A);return}d.setTableSelection(null),ve(),d.recordHistory()}const w=e.computed(()=>n.designMode&&!!n.isSelected&&!n.element.options.locked&&a.value.length>=1),F=e.computed(()=>Array.from({length:a.value.length},(P,I)=>I+1));function p(P){return a.value.slice(0,P).reduce((I,O)=>I+O,0)}const E=e.ref(null);let $=0,Y=0;function Q(P,I){w.value&&I.button===0&&(E.value=P,$=I.clientX,Y=a.value[P-1],document.addEventListener("mousemove",oe),document.addEventListener("mouseup",me))}function oe(P){if(E.value===null)return;const I=n.scale||1,O=(P.clientX-$)/(I*je),_=E.value-1,q=n.element.options.tableColWidths;q[_]=h.clampResizedColumnWidth(q,_,Y+O,d.maxTableWidth.value),ve()}function me(){document.removeEventListener("mousemove",oe),document.removeEventListener("mouseup",me),E.value!==null&&(E.value=null,ve(),d.recordHistory())}return e.onUnmounted(()=>{document.removeEventListener("mousemove",oe),document.removeEventListener("mouseup",me)}),(P,I)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootRef",ref:y,class:e.normalizeClass(["print-table",{"design-mode":o.designMode}]),onContextmenu:I[0]||(I[0]=e.withModifiers(()=>{},["prevent"]))},[e.createElementVNode("table",{ref_key:"tableRef",ref:k,style:e.normalizeStyle({fontSize:r.value+"pt",color:u.value})},[e.createElementVNode("colgroup",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,(O,_)=>(e.openBlock(),e.createElementBlock("col",{key:_,style:e.normalizeStyle({width:O+"mm"})},null,4))),128))]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,(O,_)=>(e.openBlock(),e.createElementBlock("tr",{key:O.id,style:e.normalizeStyle({height:O.height+"mm"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(O.cells,(q,fe)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:q.id},[q.merged?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("td",{key:0,rowspan:q.rowspan||1,colspan:q.colspan||1,class:e.normalizeClass(ee(_,fe)),style:e.normalizeStyle(K(O,q)),onMousedown:e.withModifiers(A=>ue(_,fe,A),["left"]),onMouseenter:A=>J(_,fe),onDblclick:e.withModifiers(A=>c(_,fe),["stop"]),onContextmenu:e.withModifiers(A=>W(_,fe,A),["prevent","stop"])},[ne(q)?(e.openBlock(),e.createBlock(kn,{key:0,"cell-type":q.cellType,value:H(O,q),"barcode-type":q.barcodeType,"qr-code-level":q.qrCodeLevel,"show-text":q.showBarcodeText!==!1,fit:q.fit,"max-width":q.maxWidth,"max-height":q.maxHeight,"printer-dpi":q.printerDpi,"target-width-mm":T(fe,q),"target-height-mm":x(_,q),"bar-width":q.barWidth,"bar-font-size":q.barFontSize},null,8,["cell-type","value","barcode-type","qr-code-level","show-text","fit","max-width","max-height","printer-dpi","target-width-mm","target-height-mm","bar-width","bar-font-size"])):q.cellType==="image"?(e.openBlock(),e.createBlock(Sn,{key:1,value:q.formatter||"",fit:q.fit,"max-width":q.maxWidth,"max-height":q.maxHeight,"design-mode":o.designMode,data:j.value},null,8,["value","fit","max-width","max-height","design-mode","data"])):B(q)?(e.openBlock(),e.createElementBlock("div",{key:2,class:"cell-fit",style:e.normalizeStyle(X(q,_)),"data-fit":b(q)==="shrink"?"shrink":void 0,"data-fit-base":String(S(q)),"data-fit-min":String(e.unref(h.resolveShrinkMinFontSize)(q.shrinkMinFontSize)),"data-fit-mm":x(_,q)},[O.type==="data"?(e.openBlock(),e.createElementBlock("span",$n,e.toDisplayString(H(O,q)),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(H(O,q)),1)],64))],12,xn)):O.type==="data"?(e.openBlock(),e.createElementBlock("span",Tn,e.toDisplayString(H(O,q)),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[e.createTextVNode(e.toDisplayString(H(O,q)),1)],64))],46,Bn))],64))),128))],4))),128))])],4),w.value?(e.openBlock(),e.createElementBlock("div",Dn,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(F.value,O=>(e.openBlock(),e.createElementBlock("div",{key:O,class:e.normalizeClass(["col-resize-handle",{dragging:E.value===O}]),role:"separator","aria-label":"列宽手柄"+O,style:e.normalizeStyle({left:p(O)+"mm"}),onMousedown:e.withModifiers(_=>Q(O,_),["stop","prevent"])},null,46,Mn))),128))])):e.createCommentVNode("",!0),o.designMode&&o.isSelected?(e.openBlock(),e.createElementBlock("div",Pn,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,(O,_)=>(e.openBlock(),e.createElementBlock("span",{key:O.id,class:"row-badge",style:e.normalizeStyle({top:v(_)+"mm",height:f(_)+"mm"})},e.toDisplayString(t[O.type]),5))),128))])):e.createCommentVNode("",!0),e.createVNode(fn,{visible:N.visible,x:N.x,y:N.y,"can-delete-row":s.value.length>1,"can-delete-col":a.value.length>1,"merge-disabled-reason":he.value,"can-split":pe.value,"current-row-type":m.value?s.value[m.value.r1]?.type??null:null,"row-type-disabled-reason":ce,onAction:V},null,8,["visible","x","y","can-delete-row","can-delete-col","merge-disabled-reason","can-split","current-row-type"])],34))}}),Rn=re(Ln,[["__scopeId","data-v-4531a154"]]),yt=e.defineComponent({__name:"LineElement",props:{element:{}},setup(o){const i=o,t=e.computed(()=>i.element.printElementType.type==="hline"),n=e.computed(()=>{const l=i.element.options,d=(l.borderWidth||.75)+"pt",s=l.borderStyle||"solid",a=l.borderColor||"#333";return t.value?{width:"100%",height:"0",borderTop:`${d} ${s} ${a}`,boxSizing:"border-box"}:{width:"0",height:"100%",borderLeft:`${d} ${s} ${a}`,boxSizing:"border-box"}});return(l,d)=>(e.openBlock(),e.createElementBlock("div",{class:"print-line",style:e.normalizeStyle(n.value)},null,4))}}),kt=e.defineComponent({__name:"ShapeElement",props:{element:{}},setup(o){const i=o,t=e.computed(()=>i.element.printElementType.type==="oval"),n=e.computed(()=>{const l=i.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,d)=>(e.openBlock(),e.createElementBlock("div",{class:"print-shape",style:e.normalizeStyle(n.value)},null,4))}}),An={class:"print-barcode",ref:"containerRef"},In=["preserveAspectRatio"],Fn=e.defineComponent({__name:"BarcodeElement",props:{element:{},data:{},designMode:{type:Boolean}},setup(o){const i=o,t=e.ref(null),n=e.ref(null),l={contain:"xMidYMid meet",cover:"xMidYMid slice",fill:"none",none:"xMidYMid meet","scale-down":"xMidYMid meet"},d=e.computed(()=>l[i.element.options.fit||"contain"]??"xMidYMid meet"),s=e.computed(()=>n.value?{width:n.value.width,height:n.value.height}:{maxWidth:"100%",maxHeight:"100%"});function a(){if(!t.value)return;const u=i.element.options,m=(i.designMode?u.testData||u.formatter:h.resolveTextBinding(u,i.data))||"条码",g=h.barcodeUnitsPerModule(u.barWidth);try{Bt(t.value,m,{format:u.barcodeType||"CODE128",width:g,height:h.BARCODE_BAR_HEIGHT_MODULES*g,displayValue:!u.hideTitle,fontSize:(u.fontSize??h.BARCODE_TEXT_FONT_SIZE_MODULES)*g,margin:0,marginLeft:h.BARCODE_QUIET_ZONE_MODULES*g,marginRight:h.BARCODE_QUIET_ZONE_MODULES*g,marginTop:0,marginBottom:h.BARCODE_MARGIN_BOTTOM_MODULES*g})}catch{n.value=null;return}const k=r(t.value),y=k?h.resolveBarcodeSize({unitWidth:k.width/g,unitHeight:k.height/g,boxWidthMm:h.barcodeAvailableBoxMm(u.width,u.maxWidth),boxHeightMm:h.barcodeAvailableBoxMm(u.height,u.maxHeight),dpi:u.printerDpi,barWidth:u.barWidth}):null;n.value=y?{width:`${y.widthMm}mm`,height:`${y.heightMm}mm`}:null,t.value.setAttribute("shape-rendering","crispEdges")}function r(u){const m=(u.getAttribute("viewBox")??"").trim().split(/[\s,]+/).map(Number);return m.length!==4||m.some(g=>!Number.isFinite(g))?null:{width:m[2],height:m[3]}}return e.onMounted(a),e.watch(()=>[i.element.options.formatter,i.element.options.testData,i.element.options.barcodeType,i.element.options.width,i.element.options.height,i.element.options.barWidth,i.element.options.printerDpi,i.element.options.hideTitle,i.element.options.fontSize,i.element.options.maxWidth,i.element.options.maxHeight],a),(u,m)=>(e.openBlock(),e.createElementBlock("div",An,[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgRef",ref:t,preserveAspectRatio:d.value,style:e.normalizeStyle(s.value)},null,12,In))],512))}}),Un=re(Fn,[["__scopeId","data-v-6eb95a40"]]),Hn={class:"print-qrcode"},On=["src"],Wn=e.defineComponent({__name:"QrcodeElement",props:{element:{},data:{},designMode:{type:Boolean}},setup(o){const i=o,t=e.ref(""),n=e.computed(()=>{const d=i.element.options;return{objectFit:d.fit||"contain",maxWidth:d.maxWidth?`${d.maxWidth}mm`:"100%",maxHeight:d.maxHeight?`${d.maxHeight}mm`:"100%"}});async function l(){const d=i.element.options,s=(i.designMode?d.testData||d.formatter:h.resolveTextBinding(d,i.data))||"二维码",a=Math.min(d.width||80,d.height||80);try{t.value=await xt.toDataURL(s,{width:a,margin:1,errorCorrectionLevel:String(d.qrCodeLevel??"M")})}catch{t.value=""}}return e.onMounted(l),e.watch(()=>[i.element.options.formatter,i.element.options.testData,i.element.options.qrCodeLevel],l),(d,s)=>(e.openBlock(),e.createElementBlock("div",Hn,[t.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.value,alt:"qrcode",style:e.normalizeStyle(n.value)},null,12,On)):e.createCommentVNode("",!0)]))}}),Gn=re(Wn,[["__scopeId","data-v-3454544f"]]),Kn=["innerHTML"],qn=e.defineComponent({__name:"HtmlElement",props:{element:{},data:{},designMode:{type:Boolean}},setup(o){const i=o,t=e.computed(()=>{if(i.element.options.formatter){const n=i.data&&i.data.length>0?i.data[0]:{},l=h.evaluateTemplate(i.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,Kn))}}),Yn=re(qn,[["__scopeId","data-v-880bbde5"]]),jn=e.defineComponent({__name:"PageNumberElement",props:{element:{},data:{},designMode:{type:Boolean}},setup(o){const i=o,t=e.computed(()=>{const l=i.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(()=>i.designMode?i.element.options.title||"{pageIndex}/{totalPages}":i.element.options.title||"");return(l,d)=>(e.openBlock(),e.createElementBlock("div",{class:"page-number-element",style:e.normalizeStyle(t.value)},e.toDisplayString(n.value),5))}}),Xn=re(jn,[["__scopeId","data-v-38f1d7df"]]),Zn={key:0,class:"drag-preview"},Jn={key:1,class:"resize-handles"},Qn=["onMousedown"],_n={key:2,class:"selected-indicator"},el={class:"position-label"},tl=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:i}){const t=o,n=i,l=e.ref(null),d=e.inject($t,null),s=e.computed(()=>d?.value?d.value.has(t.element.id):t.isSelected??!1),a=e.inject(Tt,null),r=e.computed(()=>a?.value.has(t.element.id)??!1),u={text:e.markRaw(nn),image:e.markRaw(dn),longText:e.markRaw(un),table:e.markRaw(Rn),hline:e.markRaw(yt),vline:e.markRaw(yt),rect:e.markRaw(kt),oval:e.markRaw(kt),barcode:e.markRaw(Un),qrcode:e.markRaw(Gn),html:e.markRaw(Yn),pageNumber:e.markRaw(Xn)},m=e.computed(()=>u[t.element.printElementType.type]),g=e.computed(()=>t.element.printElementType.type==="table"?{showTableGhostBorder:t.showTableGhostBorder,scale:t.scale}:{}),k=e.computed(()=>{const T=t.element.options;return{position:"absolute",left:T.left+"mm",top:T.top+"mm",width:T.width+"mm",height:T.height+"mm",zIndex:T.zIndex||"auto"}}),y=e.computed(()=>{const T=t.element.options;return`x:${Math.round(T.left)} y:${Math.round(T.top)} ${Math.round(T.width)}×${Math.round(T.height)}mm`});let R=0,C=0;const v=e.reactive({disabled:!t.designMode||!!t.element.options.locked,getScale:()=>(t.scale||1)*h.mmToPx(1),onDrag:T=>{const X=T.left-R,ee=T.top-C;l.value&&(l.value.style.transform=`translate(${X}mm, ${ee}mm)`)},onDragEnd:(T,X)=>{if(X.altKey){const ie=JSON.parse(JSON.stringify(t.element));ie.id=h.generateId(),ie.options.left=T.left,ie.options.top=T.top,ie.options.groupId=void 0,n("clone-element",ie,{left:T.left,top:T.top}),l.value&&(l.value.style.transform="");return}const ee=T.left-R,le=T.top-C;if(t.element.options.left=T.left,t.element.options.top=T.top,l.value&&(l.value.style.transform=""),t.element.options.groupId&&t.allElements)for(const ie of t.allElements)ie.id!==t.element.id&&ie.options.groupId===t.element.options.groupId&&(ie.options.left+=ee,ie.options.top+=le)},onStart:()=>{R=t.element.options.left,C=t.element.options.top,n("select",t.element.id,!1),n("drag-start")},onStop:()=>{t.clearAdsorbGuides?.(),n("drag-stop")},onAdsorb:T=>{let X=T.left,ee=T.top;return t.snapToGrid&&(X=Math.round(T.left/5)*5,ee=Math.round(T.top/5)*5),t.adsorbHandler?t.adsorbHandler({id:t.element.id,left:X,top:ee,width:t.element.options.width,height:t.element.options.height}):{left:X,top:ee,lines:[]}}}),{setup:f,cleanup:M,isDragging:j}=_o(l,v);e.watchEffect(()=>{v.disabled=!t.designMode||!!t.element.options.locked});const ne=e.computed(()=>s.value&&!!t.designMode&&!t.element.options.locked&&t.element.printElementType.type!=="table"),{startResize:H,cleanup:K}=h.useResize({minWidth:3.5,minHeight:3.5,getScale:()=>(t.scale||1)*h.mmToPx(1),getRect:()=>({left:t.element.options.left,top:t.element.options.top,width:t.element.options.width,height:t.element.options.height}),onResize:T=>{t.element.options.left=T.left,t.element.options.top=T.top,t.element.options.width=T.width,t.element.options.height=T.height},onStart:()=>{n("drag-start")},onStop:()=>{n("drag-stop")}});function b(T){t.designMode&&T.button===0&&n("select",t.element.id,T.ctrlKey||T.metaKey)}function B(){t.designMode&&n("dblclick-element",t.element.id)}function S(T,X,ee){t.designMode&&n("dblclick-cell",T,X,ee)}e.onMounted(()=>{t.designMode&&f()});function x(){M(),K(),t.clearAdsorbGuides?.()}return e.onUnmounted(()=>{x()}),(T,X)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"elRef",ref:l,class:e.normalizeClass(["print-element",{selected:s.value,previewed:r.value,"design-mode":o.designMode,locked:o.element.options.locked,hidden:o.element.options.visible===!1,"drag-ghost":e.unref(j),[`type-${o.element.printElementType.type}`]:!0,[`zone-${o.zone||"content"}`]:!0}]),style:e.normalizeStyle(k.value),onMousedown:e.withModifiers(b,["stop"]),onDblclick:e.withModifiers(B,["stop"]),onContextmenu:X[0]||(X[0]=e.withModifiers(ee=>T.$emit("contextmenu",o.element.id,ee),["prevent","stop"]))},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(m.value),e.mergeProps({element:o.element,data:o.printData,"design-mode":o.designMode,"is-selected":s.value},g.value,{onDblclickCell:S}),null,16,["element","data","design-mode","is-selected"])),e.unref(j)?(e.openBlock(),e.createElementBlock("div",Zn)):e.createCommentVNode("",!0),ne.value?(e.openBlock(),e.createElementBlock("div",Jn,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(h.RESIZE_POINTS),ee=>(e.openBlock(),e.createElementBlock("div",{key:ee,class:e.normalizeClass(["resize-handle",`handle-${ee}`]),onMousedown:e.withModifiers(le=>e.unref(H)(ee,le),["stop"])},null,42,Qn))),128))])):e.createCommentVNode("",!0),s.value&&o.designMode?(e.openBlock(),e.createElementBlock("div",_n,[e.createElementVNode("div",el,e.toDisplayString(y.value),1)])):e.createCommentVNode("",!0)],38))}}),it=re(tl,[["__scopeId","data-v-45a5eb4c"]]);function ol(o={}){const i=e.ref([]),t=e.ref({width:0,height:0});function n(s,a,r){return h.computeAdsorb(s,a,r,o)}function l(s,a,r){i.value=s,t.value={width:a,height:r}}function d(){i.value=[]}return{check:n,renderLines:l,clearLines:d,guideLines:i,paperSize:t}}function nl(o){const{check:i,renderLines:t,clearLines:n,guideLines:l,paperSize:d}=ol(o.config??{adsorbMin:1,adsorbLineMin:2,showAdsorbLine:!0});function s(r){const u=o.getElements().filter(k=>k.id!==r.id).map(k=>({id:k.id,left:k.options.left,top:k.options.top,width:k.options.width,height:k.options.height})),m=i(r,u,o.getGuides?.()),g=o.getPaperSize();return t(m.lines,g.width,g.height),m}function a(){n()}return{requestAdsorb:s,clearGuides:a,guideLines:l,paperSize:d}}const ll=["src"],al=["width","height","viewBox"],il=["x","y","font-size","fill","transform"],sl={key:0,class:"zone-label"},rl={key:0,class:"zone-height-tip"},dl={key:0,class:"zone-label"},cl={key:0,class:"zone-height-tip"},ul=["onMousedown","onDblclick"],ml=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:i,emit:t}){const n=o,l=t,d=e.ref(null),s=e.computed(()=>h.getPaperDimensions(n.templateData).width),a=e.computed(()=>h.getPaperDimensions(n.templateData).height),r=e.computed(()=>n.templateData.designBackground),u=e.ref(!1);e.watch(()=>r.value?.src,()=>{u.value=!1});const m=e.computed(()=>{const V=r.value?.rotation;return V===90||V===180||V===270?V:0}),g=e.computed(()=>{const V=m.value,w=V===90||V===270,F=w?a.value:s.value,p=w?s.value:a.value,E={width:F+"mm",height:p+"mm",left:(s.value-F)/2+"mm",top:(a.value-p)/2+"mm"};return V!==0&&(E.transform=`rotate(${V}deg)`),E});function k(){u.value=!0,console.warn("[print-designer] 设计背景图加载失败:",r.value?.src)}const y=e.computed(()=>`${8/(n.scale||1)}px`),R=e.computed(()=>{const V=n.scale||1,w=h.mmToPx(s.value)*V,F=h.mmToPx(a.value)*V;return{width:w+"px",height:F+"px",position:"relative"}}),C=e.computed(()=>{const V=n.templateData.margins,w=n.templateData.header.height,F=n.templateData.footer.height,p=s.value-V.left-V.right;return{header:{left:V.left,top:V.top,width:p,height:w},content:{left:V.left,top:V.top+w,width:p,height:a.value-V.top-V.bottom-w-F},footer:{left:V.left,top:a.value-V.bottom-F,width:p,height:F}}});function v(V){return{position:"absolute",left:V.left+"mm",top:V.top+"mm",width:V.width+"mm",height:V.height+"mm"}}const f=e.computed(()=>{const V={header:[],footer:[],content:[]};for(const w of n.runtimeElements)w.zone==="header"?V.header.push(w):w.zone==="footer"?V.footer.push(w):V.content.push(w);return V}),M=e.computed(()=>f.value.header),j=e.computed(()=>f.value.footer),ne=e.computed(()=>f.value.content);let H="content";const{requestAdsorb:K,clearGuides:b,guideLines:B,paperSize:S}=nl({getElements:()=>f.value[H],getPaperSize:()=>{const V=C.value[H];return{width:V.width,height:V.height}},getGuides:()=>{const V=[],w=[];for(const F of n.guides??[])F.type==="vertical"?V.push(F.position):w.push(F.position);return{vertical:V,horizontal:w}}});function x(V){H=n.runtimeElements.find(p=>p.id===V.id)?.zone||"content";const F=K(V);return(F.left!==V.left||F.top!==V.top)&&c(F.left+V.width/2,F.top+V.height/2),F}function T(V,w){if(V.button!==0)return;const F=w.position,p=V.clientX,E=V.clientY,$=n.scale??1,Y=25.4/96,Q=me=>{const P=(w.type==="vertical"?me.clientX-p:me.clientY-E)/$*Y,I=w.type==="vertical"?s.value:a.value,O=Math.min(Math.max(F+P,0),I);l("guide-move",w.id,O)},oe=()=>{window.removeEventListener("mousemove",Q),window.removeEventListener("mouseup",oe)};window.addEventListener("mousemove",Q),window.addEventListener("mouseup",oe)}const X=e.computed(()=>({width:s.value+"mm",minHeight:a.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"})),ee=e.computed(()=>{const V=n.templateData.margins;return{padding:`${V.top}mm ${V.right}mm ${V.bottom}mm ${V.left}mm`,position:"relative",boxSizing:"border-box",minHeight:a.value+"mm"}}),le=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 ie=0,ue=null;const J=e.ref(null);function c(V,w){ie+=1,J.value={left:V,top:w,key:ie},ue&&clearTimeout(ue),ue=setTimeout(()=>{J.value=null},300)}const N=e.computed(()=>ge.resolveWatermarkLayout(n.templateData.watermark,n.printData,{width:s.value,height:a.value})),W=e.ref(null);function he(V,w){w.button===0&&(ve(),W.value={zone:V,startY:w.clientY,startH:n.templateData[V].height},window.addEventListener("mousemove",pe),window.addEventListener("mouseup",ce))}function pe(V){if(!W.value)return;const{zone:w,startY:F,startH:p}=W.value,$=(V.clientY-F)/(n.scale||1)*25.4/96,Y=w==="header"?$:-$,Q=Math.min(100,a.value-n.templateData.margins.top-n.templateData.margins.bottom-(w==="header"?n.templateData.footer.height:n.templateData.header.height)-10),oe=Math.min(Q,Math.max(0,Math.round((p+Y)*10)/10));l("zone-height-change",w,oe)}function ce(){if(!W.value)return;const V=W.value.zone;W.value=null,window.removeEventListener("mousemove",pe),window.removeEventListener("mouseup",ce),l("zone-height-commit",V)}function ve(){window.removeEventListener("mousemove",pe),window.removeEventListener("mouseup",ce),W.value=null}e.onUnmounted(()=>{ve(),ue&&clearTimeout(ue)});function z(V,w){l("select",V,w)}return i({contentRef:d}),(V,w)=>(e.openBlock(),e.createElementBlock("div",{class:"paper-wrapper",style:e.normalizeStyle(R.value)},[e.createElementVNode("div",{class:"hiprint-printPaper",style:e.normalizeStyle(X.value)},[o.designMode&&r.value?.src&&!u.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"design-background",style:e.normalizeStyle(g.value)},[e.createElementVNode("img",{src:r.value.src,draggable:"false",alt:"",onError:k},null,40,ll)],4)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"hiprint-printPaper-content",ref_key:"contentRef",ref:d,style:e.normalizeStyle(ee.value)},[o.showGrid&&o.designMode?(e.openBlock(),e.createElementBlock("div",{key:0,class:"grid-bg",style:e.normalizeStyle(le.value)},null,4)):e.createCommentVNode("",!0),J.value?(e.openBlock(),e.createElementBlock("div",{key:J.value.key,class:"snap-indicator",style:e.normalizeStyle({left:J.value.left+"mm",top:J.value.top+"mm"})},null,4)):e.createCommentVNode("",!0),N.value?(e.openBlock(),e.createElementBlock("div",{key:2,class:"watermark-layer",style:e.normalizeStyle({opacity:String(N.value.opacity)})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value.tiles,(F,p)=>(e.openBlock(),e.createElementBlock("svg",{key:p,class:"watermark-tile",width:F.widthMm+"mm",height:F.heightMm+"mm",viewBox:`0 0 ${N.value.tileWidthPx} ${N.value.tileHeightPx}`,style:e.normalizeStyle({left:F.leftMm+"mm",top:F.topMm+"mm"}),xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("text",{x:N.value.tileWidthPx/2,y:N.value.tileHeightPx/2,"font-size":N.value.fontSizePx,fill:N.value.color,"text-anchor":"middle","dominant-baseline":"middle",transform:`rotate(${N.value.rotate},${N.value.tileWidthPx/2},${N.value.tileHeightPx/2})`},e.toDisplayString(N.value.text),9,il)],12,al))),128))],4)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["zone-layer zone-header",{"design-mode":o.designMode}]),style:e.normalizeStyle(v(C.value.header))},[o.designMode?(e.openBlock(),e.createElementBlock("span",sl,"页眉")):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(M.value,F=>(e.openBlock(),e.createBlock(it,{key:F.id,element:F,"design-mode":o.designMode,"print-data":o.printData,scale:o.scale,"all-elements":M.value,"snap-to-grid":o.snapToGrid,"show-table-ghost-border":o.showTableGhostBorder,zone:"header","adsorb-handler":x,"clear-adsorb-guides":e.unref(b),onSelect:z,onDragStart:w[0]||(w[0]=p=>V.$emit("drag-start")),onDragStop:w[1]||(w[1]=p=>V.$emit("drag-stop")),onDblclickElement:w[2]||(w[2]=p=>V.$emit("dblclick-element",p)),onDblclickCell:w[3]||(w[3]=(p,E,$)=>V.$emit("dblclick-cell",p,E,$)),onContextmenu:w[4]||(w[4]=(p,E)=>V.$emit("contextmenu",p,E)),onCloneElement:(p,E)=>V.$emit("clone-element",p,E)},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:w[5]||(w[5]=e.withModifiers(F=>he("header",F),["prevent","stop"]))},[W.value?.zone==="header"?(e.openBlock(),e.createElementBlock("div",rl,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(v(C.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"})},[...w[17]||(w[17]=[e.createElementVNode("span",{class:"zone-label"},"首页叠加",-1)])],4)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(ne.value,F=>(e.openBlock(),e.createBlock(it,{key:F.id,element:F,"design-mode":o.designMode,"print-data":o.printData,scale:o.scale,"all-elements":ne.value,"snap-to-grid":o.snapToGrid,"show-table-ghost-border":o.showTableGhostBorder,zone:"content","adsorb-handler":x,"clear-adsorb-guides":e.unref(b),onSelect:z,onDragStart:w[6]||(w[6]=p=>V.$emit("drag-start")),onDragStop:w[7]||(w[7]=p=>V.$emit("drag-stop")),onDblclickElement:w[8]||(w[8]=p=>V.$emit("dblclick-element",p)),onDblclickCell:w[9]||(w[9]=(p,E,$)=>V.$emit("dblclick-cell",p,E,$)),onContextmenu:w[10]||(w[10]=(p,E)=>V.$emit("contextmenu",p,E)),onCloneElement:(p,E)=>V.$emit("clone-element",p,E)},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(v(C.value.footer))},[o.designMode?(e.openBlock(),e.createElementBlock("span",dl,"页脚")):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(j.value,F=>(e.openBlock(),e.createBlock(it,{key:F.id,element:F,"design-mode":o.designMode,"print-data":o.printData,scale:o.scale,"all-elements":j.value,"snap-to-grid":o.snapToGrid,"show-table-ghost-border":o.showTableGhostBorder,zone:"footer","adsorb-handler":x,"clear-adsorb-guides":e.unref(b),onSelect:z,onDragStart:w[11]||(w[11]=p=>V.$emit("drag-start")),onDragStop:w[12]||(w[12]=p=>V.$emit("drag-stop")),onDblclickElement:w[13]||(w[13]=p=>V.$emit("dblclick-element",p)),onDblclickCell:w[14]||(w[14]=(p,E,$)=>V.$emit("dblclick-cell",p,E,$)),onContextmenu:w[15]||(w[15]=(p,E)=>V.$emit("contextmenu",p,E)),onCloneElement:(p,E)=>V.$emit("clone-element",p,E)},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:w[16]||(w[16]=e.withModifiers(F=>he("footer",F),["prevent","stop"]))},[W.value?.zone==="footer"?(e.openBlock(),e.createElementBlock("div",cl,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(B),(F,p)=>(e.openBlock(),e.createElementBlock("div",{key:p,class:e.normalizeClass(["adsorb-guide",[`guide-${F.type}`]]),style:e.normalizeStyle(F.type==="vertical"?{left:F.position+"mm",top:"0",height:e.unref(S).height+"mm",borderLeftColor:F.color||"var(--pd-accent-secondary, #f56c6c)"}:{top:F.position+"mm",left:"0",width:e.unref(S).width+"mm",borderTopColor:F.color||"var(--pd-accent-secondary, #f56c6c)"})},null,6))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.guides,F=>(e.openBlock(),e.createElementBlock("div",{key:"mg-"+F.id,class:e.normalizeClass(["manual-guide",[`guide-${F.type}`]]),style:e.normalizeStyle(F.type==="vertical"?{left:F.position+"mm",top:"0",height:a.value+"mm","--guide-hit":y.value}:{top:F.position+"mm",left:"0",width:s.value+"mm","--guide-hit":y.value}),onMousedown:e.withModifiers(p=>T(p,F),["prevent","stop"]),onDblclick:e.withModifiers(p=>F.id&&l("guide-remove",F.id),["prevent","stop"])},null,46,ul))),128))],4)],4)],4))}}),pl=re(ml,[["__scopeId","data-v-38b3a452"]]),vl=e.defineComponent({__name:"Ruler",props:{orientation:{},viewportPx:{},originPx:{},paperLengthMM:{},scale:{},cursorPx:{}},emits:["add-guide","guide-dragging"],setup(o,{emit:i}){const t=o,n=i,l=e.computed(()=>t.orientation==="horizontal"),d=e.computed(()=>l.value?"vertical":"horizontal"),s=e.ref(null),a=e.ref(null),r=e.computed(()=>a.value??t.cursorPx??null),u=e.computed(()=>l.value?{width:t.viewportPx+"px",height:h.RULER_THICKNESS+"px"}:{width:h.RULER_THICKNESS+"px",height:t.viewportPx+"px"});let m=0;function g(){m||(m=requestAnimationFrame(()=>{m=0,k()}))}function k(){const b=s.value;if(!b)return;const B=b.getContext("2d");if(!B)return;const S=window.devicePixelRatio||1,x=Math.max(0,Math.round(t.viewportPx)),T=h.RULER_THICKNESS;b.width=(l.value?x:T)*S,b.height=(l.value?T:x)*S,B.setTransform(S,0,0,S,0,0);const X=getComputedStyle(b),ee=X.getPropertyValue("--pd-ruler-bg").trim()||"#F8F9FC",le=X.getPropertyValue("--pd-ruler").trim()||"#9AA1AF",ie=X.getPropertyValue("--pd-accent").trim()||"#165DFF";B.fillStyle=ee,B.fillRect(0,0,l.value?x:T,l.value?T:x);const ue=t.scale>0?t.scale:1,J=h.mmToPx(1)*ue;if(J<=0)return;const c=-t.originPx/J,N=(x-t.originPx)/J,W=h.chooseMajorStepMM(ue),he=h.buildRulerTicks(c,N,W);y(B,he,J,le,!0),y(B,he,J,le,!1),R(B,0,ie),R(B,t.paperLengthMM,ie);const pe=r.value;if(pe!==null&&pe>=0&&pe<=x){if(B.strokeStyle=ie,B.lineWidth=1.5,B.beginPath(),l.value){const ce=Math.round(pe)+.5;B.moveTo(ce,0),B.lineTo(ce,T)}else{const ce=Math.round(pe)+.5;B.moveTo(0,ce),B.lineTo(T,ce)}B.stroke()}}function y(b,B,S,x,T){b.strokeStyle=x,b.fillStyle=x,b.globalAlpha=T?.32:1,b.lineWidth=1,b.font="9px ui-monospace, Menlo, monospace",b.textBaseline="top";for(const X of B){if((X.mm<0||X.mm>t.paperLengthMM)!==T)continue;const le=Math.round(t.originPx+X.mm*S)+.5,ie=X.major?8:4;b.beginPath(),l.value?(b.moveTo(le,0),b.lineTo(le,ie)):(b.moveTo(0,le),b.lineTo(ie,le)),b.stroke(),X.major&&X.label&&(l.value?b.fillText(X.label,le+2,11):(b.save(),b.translate(11,le+2),b.rotate(-Math.PI/2),b.fillText(X.label,0,0),b.restore()))}b.globalAlpha=1}function R(b,B,S){const x=h.mmToPx(1)*(t.scale>0?t.scale:1),T=Math.round(t.originPx+B*x)+.5;T<=0||T>=t.viewportPx||(b.strokeStyle=S,b.globalAlpha=.55,b.lineWidth=1,b.beginPath(),l.value?(b.moveTo(T,0),b.lineTo(T,h.RULER_THICKNESS)):(b.moveTo(0,T),b.lineTo(h.RULER_THICKNESS,T)),b.stroke(),b.globalAlpha=1)}e.watch(()=>[t.viewportPx,t.originPx,t.paperLengthMM,t.scale,t.cursorPx,t.orientation],g),e.onMounted(g),e.onBeforeUnmount(()=>{m&&cancelAnimationFrame(m)});let C=!1;function v(b){const B=s.value;if(!B)return null;const S=B.getBoundingClientRect(),x=l.value?b.clientX-S.left:b.clientY-S.top;if(x<0||x>t.viewportPx)return null;const T=h.mmToPx(1)*(t.scale>0?t.scale:1);return(x-t.originPx)/T}function f(b){b.button===0&&(C=!0,b.preventDefault(),window.addEventListener("mousemove",H),window.addEventListener("mouseup",K),ne(b))}function M(b){const B=s.value;if(!B)return;const S=B.getBoundingClientRect();a.value=l.value?b.clientX-S.left:b.clientY-S.top,g()}function j(){a.value=null,g()}function ne(b){const B=v(b);n("guide-dragging",B)}function H(b){C&&ne(b)}function K(b){if(!C)return;C=!1,window.removeEventListener("mousemove",H),window.removeEventListener("mouseup",K);const B=v(b);B!==null&&B>=0&&B<=t.paperLengthMM&&n("add-guide",d.value,B),n("guide-dragging",null)}return e.onBeforeUnmount(()=>{window.removeEventListener("mousemove",H),window.removeEventListener("mouseup",K)}),(b,B)=>(e.openBlock(),e.createElementBlock("canvas",{ref_key:"canvasRef",ref:s,class:e.normalizeClass(["pd-ruler",`is-${o.orientation}`]),style:e.normalizeStyle(u.value),onMousedown:f,onMousemove:M,onMouseleave:j},null,38))}}),Vt=re(vl,[["__scopeId","data-v-1e7d0633"]]),fl={class:"canvas-scroll"},gl={key:0,class:"overlay-layer"},hl=["src"],Xe=96/25.4,bl=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:i,emit:t}){const n=o,l=t;function d(p,E){l("select",p,E)}const s=e.ref(null),a=e.computed(()=>h.getPaperDimensions(n.templateData).width),r=e.computed(()=>h.getPaperDimensions(n.templateData).height),u=e.reactive({originX:0,originY:0,viewW:0,viewH:0,paperScale:1}),m=e.reactive({x:null,y:null}),g=e.reactive({x:0,y:0}),k=e.computed(()=>({transform:`translate(${g.x}px, ${g.y}px)`}));function y(){const p=s.value,E=p?.querySelector(".hiprint-printPaper");if(!p||!E)return;const $=p.getBoundingClientRect(),Y=E.getBoundingClientRect(),Q=n.scale||1,oe=Y.width/h.mmToPx(a.value);u.paperScale=Math.abs(oe-Q)<.002?Q:oe,u.originX=Y.left-$.left-h.RULER_THICKNESS,u.originY=Y.top-$.top-h.RULER_THICKNESS,u.viewW=p.clientWidth-h.RULER_THICKNESS,u.viewH=p.clientHeight-h.RULER_THICKNESS}function R(){g.x=s.value?.scrollLeft??0,g.y=s.value?.scrollTop??0,y()}let C=null,v=0;function f(){cancelAnimationFrame(v);const p=performance.now()+220,E=()=>{y(),performance.now()<p&&(v=requestAnimationFrame(E))};v=requestAnimationFrame(E)}const M=e.ref(null);function j(p,E){M.value=E===null?null:{type:p,mm:E}}const ne=e.computed(()=>{const p=M.value,E=s.value?.querySelector(".hiprint-printPaper");if(!p||!E)return{};const $=E.getBoundingClientRect(),Y=$.width/h.mmToPx(a.value),Q=h.mmToPx(p.mm)*(Y>0?Y:n.scale||1);return p.type==="vertical"?{left:$.left+Q+"px",top:$.top+"px",height:$.height+"px"}:{left:$.left+"px",top:$.top+Q+"px",width:$.width+"px"}});function H(p){const E=s.value?.querySelector(".hiprint-printPaper");if(!E)return;const $=E.getBoundingClientRect(),Y=n.scale||1,Q=h.pxToMm((p.clientX-$.left)/Y),oe=h.pxToMm((p.clientY-$.top)/Y);if(!(Q<0||oe<0))return{x:Q,y:oe}}function K(p){const E=H(p),$=p.dataTransfer?.getData("fieldData");if($)try{const Q=JSON.parse($);l("drop-field",Q,E);return}catch{}const Y=p.dataTransfer?.getData("elementType");Y&&l("drop-element",Y,E)}const b=e.reactive({visible:!1,x:0,y:0,w:0,h:0});let B={x:0,y:0};function S(p){return!p||!(p instanceof HTMLElement)?!1:!!(p===s.value||p.classList.contains("canvas-scroll")||p.classList.contains("hiprint-printPaper")||p.classList.contains("hiprint-printPaper-content")||p.classList.contains("zone-layer")||p.classList.contains("grid-bg")||p.classList.contains("watermark-layer"))}function x(p){const E=s.value,$=E?.querySelector(".hiprint-printPaper");if(!E||!$)return;const Y=E.getBoundingClientRect();m.x=p.clientX-Y.left-h.RULER_THICKNESS,m.y=p.clientY-Y.top-h.RULER_THICKNESS;const Q=$.getBoundingClientRect(),oe=n.scale||1,me=h.pxToMm((p.clientX-Q.left)/oe),P=h.pxToMm((p.clientY-Q.top)/oe);if(me<0||P<0){l("coordinate",null);return}l("coordinate",{x:me,y:P})}function T(){l("coordinate",null),m.x=null,m.y=null}function X(p,E,$,Y){const Q=s.value;if(!Q)return;const oe=Math.max(Y,Math.round(p)),me=Math.round((n.scale||1)*100);if(oe===me)return;const P=n.scale||1,I=oe/100/P,O=getComputedStyle(Q),_=parseFloat(O.paddingLeft)||0,q=parseFloat(O.paddingTop)||0,fe=Q.scrollLeft+E-_,A=Q.scrollTop+$-q;l("zoom",oe-me),e.nextTick(()=>{const D=getComputedStyle(Q),Z=parseFloat(D.paddingLeft)||0,be=parseFloat(D.paddingTop)||0;Q.scrollLeft=fe*I-E+Z,Q.scrollTop=A*I-$+be})}function ee(p){if(!(p.ctrlKey||p.metaKey))return;p.preventDefault();const E=s.value;if(!E)return;const $=Math.round((n.scale||1)*100),Y=h.nextWheelScale($,p.deltaY>0?-1:1);if(Y===$)return;const Q=E.getBoundingClientRect();X(Y,p.clientX-Q.left,p.clientY-Q.top,h.MIN_SCALE_PERCENT)}function le(p){const E=s.value;if(!E)return;const $=Math.round((n.scale||1)*100),Y=h.nextWheelScale($,p);X(Y,E.clientWidth/2,E.clientHeight/2,h.MIN_SCALE_PERCENT)}function ie(p){const E=s.value;if(!E)return;const $=E.querySelector(".hiprint-printPaper"),Y=$?.style.transition??"";$&&($.style.transition="none"),X(p,E.clientWidth/2,E.clientHeight/2,h.FIT_SCALE_MIN_PERCENT),e.nextTick(()=>{$&&($.style.transition=Y)})}function ue(p){p.button!==2&&S(p.target)&&(l("clear-selection"),B={x:p.clientX,y:p.clientY},b.visible=!0,b.x=p.clientX,b.y=p.clientY,b.w=0,b.h=0,window.addEventListener("mousemove",c),window.addEventListener("mouseup",N))}function J(){if(b.w<3||b.h<3)return[];const p=s.value?.querySelector(".hiprint-printPaper");if(!p)return[];const E=p.getBoundingClientRect(),$=n.scale||1,Y=b.x<B.x,Q=[];for(const oe of n.elements){if(oe.options.visible===!1||oe.options.locked)continue;const me=E.left+oe.options.left*Xe*$,P=E.top+oe.options.top*Xe*$,I=me+oe.options.width*Xe*$,O=P+oe.options.height*Xe*$,_=me<b.x+b.w&&I>b.x&&P<b.y+b.h&&O>b.y,q=me>=b.x&&I<=b.x+b.w&&P>=b.y&&O<=b.y+b.h;(Y?q:_)&&Q.push(oe.id)}return Q}function c(p){const E=p.clientX-B.x,$=p.clientY-B.y;b.x=E>=0?B.x:p.clientX,b.y=$>=0?B.y:p.clientY,b.w=Math.abs(E),b.h=Math.abs($),l("preview",J())}function N(){window.removeEventListener("mousemove",c),window.removeEventListener("mouseup",N);const p=J();l("preview",p),p.length>0?l("commit-preview"):l("clear-selection"),l("preview",[]),b.visible=!1}const W=e.reactive({visible:!1,x:0,y:0,flipX:0,flipY:0,targetId:null}),he=e.ref(null);function pe(p,E){!E&&!S(p.target)||(W.targetId=E??null,W.visible=!0,W.x=p.clientX,W.y=p.clientY,W.flipX=0,W.flipY=0,e.nextTick(()=>{const $=he.value;if(!$)return;const Y=$.getBoundingClientRect(),Q=4;p.clientX+Y.width+Q>window.innerWidth&&(W.flipX=-Y.width),p.clientY+Y.height+Q>window.innerHeight&&(W.flipY=-Y.height)}),window.removeEventListener("mousedown",ce),setTimeout(()=>{window.addEventListener("mousedown",ce,{once:!0})},0))}function ce(){W.visible=!1,window.removeEventListener("mousedown",ce)}function ve(){W.visible=!1,n.hasClipboard&&l("paste")}function z(){W.visible=!1,l("select-all")}function V(){W.visible=!1,l("clear-selection")}function w(p,E){W.visible=!1,p==="copy"?l("copy"):p==="cut"?l("cut"):p==="paste"?l("paste"):p==="delete"?l("delete"):p==="move-layer"?l("move-layer",E):p==="group"?l("group"):p==="ungroup"&&n.selectedElementHasGroup&&l("ungroup")}e.onMounted(()=>{e.nextTick(y),s.value&&typeof ResizeObserver<"u"&&(C=new ResizeObserver(y),C.observe(s.value))}),e.watch(()=>n.scale,f),e.watch([a,r],()=>e.nextTick(y));function F(){const p=s.value;if(!p)return;let E=0,$=0,Y=0;const Q=performance.now()+800,oe=()=>{const{scrollWidth:me,scrollHeight:P}=p;if(me===$&&P===Y?E++:E=0,$=me,Y=P,E>=2||performance.now()>Q){const I=p.scrollWidth,O=p.scrollHeight,_=p.clientWidth,q=p.clientHeight;p.scrollLeft=Math.max(0,(I-_)/2),p.scrollTop=Math.max(0,(O-q)/2);return}requestAnimationFrame(oe)};requestAnimationFrame(oe)}return i({centerScroll:F,fitToWindow:ie,zoomByStep:le}),e.onBeforeUnmount(()=>{window.removeEventListener("mousemove",c),window.removeEventListener("mouseup",N),C?.disconnect(),cancelAnimationFrame(v)}),(p,E)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootRef",ref:s,class:"canvas-area",onDragover:E[24]||(E[24]=e.withModifiers(()=>{},["prevent"])),onDrop:K,onMousedown:ue,onMousemove:x,onMouseleave:T,onWheel:ee,onScroll:R,onContextmenu:e.withModifiers(pe,["prevent"])},[e.createElementVNode("div",fl,[e.createVNode(pl,{"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:d,onGuideMove:E[0]||(E[0]=($,Y)=>p.$emit("guide-move",$,Y)),onGuideRemove:E[1]||(E[1]=$=>p.$emit("guide-remove",$)),onDragStart:E[2]||(E[2]=$=>p.$emit("drag-start")),onDragStop:E[3]||(E[3]=$=>p.$emit("drag-stop")),onDblclickElement:E[4]||(E[4]=$=>p.$emit("dblclick-element",$)),onDblclickCell:E[5]||(E[5]=($,Y,Q)=>p.$emit("dblclick-cell",$,Y,Q)),onContextmenu:E[6]||(E[6]=($,Y)=>pe(Y,$)),onZoneHeightChange:E[7]||(E[7]=($,Y)=>p.$emit("zone-height-change",$,Y)),onZoneHeightCommit:E[8]||(E[8]=$=>p.$emit("zone-height-commit",$)),onCloneElement:E[9]||(E[9]=($,Y)=>p.$emit("clone-element",$,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",gl,[e.createElementVNode("img",{src:o.screenshotUrl,class:"overlay-image",style:e.normalizeStyle({opacity:o.overlayOpacity??.5})},null,12,hl)])):e.createCommentVNode("",!0)]),o.showRuler?(e.openBlock(),e.createElementBlock("div",{key:0,class:"ruler-overlay",style:e.normalizeStyle(k.value)},[E[25]||(E[25]=e.createElementVNode("div",{class:"ruler-corner"},null,-1)),e.createVNode(Vt,{orientation:"horizontal","viewport-px":u.viewW,"origin-px":u.originX,"paper-length-m-m":a.value,scale:u.paperScale,"cursor-px":m.x,onAddGuide:E[10]||(E[10]=($,Y)=>l("add-guide",$,Y)),onGuideDragging:E[11]||(E[11]=$=>j("vertical",$))},null,8,["viewport-px","origin-px","paper-length-m-m","scale","cursor-px"]),e.createVNode(Vt,{orientation:"vertical","viewport-px":u.viewH,"origin-px":u.originY,"paper-length-m-m":r.value,scale:u.paperScale,"cursor-px":m.y,onAddGuide:E[12]||(E[12]=($,Y)=>l("add-guide",$,Y)),onGuideDragging:E[13]||(E[13]=$=>j("horizontal",$))},null,8,["viewport-px","origin-px","paper-length-m-m","scale","cursor-px"])],4)):e.createCommentVNode("",!0),M.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["ruler-guide-preview",`guide-${M.value.type}`]),style:e.normalizeStyle(ne.value)},null,6)):e.createCommentVNode("",!0),b.visible?(e.openBlock(),e.createElementBlock("div",{key:2,class:"marquee-selection",style:e.normalizeStyle({left:b.x+"px",top:b.y+"px",width:b.w+"px",height:b.h+"px"})},null,4)):e.createCommentVNode("",!0),W.visible?(e.openBlock(),e.createElementBlock("div",{key:3,ref_key:"contextMenuRef",ref:he,class:"context-menu",style:e.normalizeStyle({left:W.x+W.flipX+"px",top:W.y+W.flipY+"px"})},[W.targetId?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",{class:"context-menu-item",onClick:E[14]||(E[14]=$=>w("copy"))},"复制"),e.createElementVNode("div",{class:"context-menu-item",onClick:E[15]||(E[15]=$=>w("cut"))},"剪切"),e.createElementVNode("div",{class:e.normalizeClass(["context-menu-item",{disabled:!o.hasClipboard}]),onClick:E[16]||(E[16]=$=>w("paste"))},"粘贴",2),e.createElementVNode("div",{class:"context-menu-item",onClick:E[17]||(E[17]=$=>w("delete"))},"删除"),E[26]||(E[26]=e.createElementVNode("div",{class:"context-menu-sep"},null,-1)),e.createElementVNode("div",{class:"context-menu-item",onClick:E[18]||(E[18]=$=>w("move-layer","top"))},"置顶"),e.createElementVNode("div",{class:"context-menu-item",onClick:E[19]||(E[19]=$=>w("move-layer","up"))},"上移"),e.createElementVNode("div",{class:"context-menu-item",onClick:E[20]||(E[20]=$=>w("move-layer","down"))},"下移"),e.createElementVNode("div",{class:"context-menu-item",onClick:E[21]||(E[21]=$=>w("move-layer","bottom"))},"置底"),E[27]||(E[27]=e.createElementVNode("div",{class:"context-menu-sep"},null,-1)),e.createElementVNode("div",{class:"context-menu-item",onClick:E[22]||(E[22]=$=>w("group"))},"编组 Ctrl+G"),e.createElementVNode("div",{class:e.normalizeClass(["context-menu-item",{disabled:!o.selectedElementHasGroup}]),onClick:E[23]||(E[23]=$=>w("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:ve},"粘贴",2),e.createElementVNode("div",{class:"context-menu-item",onClick:z},"全选"),e.createElementVNode("div",{class:"context-menu-item",onClick:V},"取消选择")],64))],4)):e.createCommentVNode("",!0)],544))}}),El=re(bl,[["__scopeId","data-v-b3acf7d7"]]),yl={class:"property-search"},kl=e.defineComponent({__name:"PropertySearch",emits:["search"],setup(o,{emit:i}){const t=e.ref(""),n=i;function l(){n("search",t.value)}return(d,s)=>(e.openBlock(),e.createElementBlock("div",yl,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":s[0]||(s[0]=a=>t.value=a),class:"pd-input",type:"search",placeholder:"搜索属性...","aria-label":"搜索属性",onInput:l},null,544),[[e.vModelText,t.value]])]))}}),Vl=re(kl,[["__scopeId","data-v-10ab6c84"]]),Nl={class:"group-icon"},wl={class:"group-title"},Cl={class:"expand-icon"},Sl={class:"group-content"},Bl=e.defineComponent({__name:"PropertyGroup",props:{title:{},icon:{},defaultExpanded:{type:Boolean},groupKey:{}},setup(o){const i=o,t=e.ref(i.defaultExpanded??!0),l={Document:"≡",Brush:"◧",Setting:"⚙"}[i.icon]||"•";function d(){t.value=!t.value,s()}function s(){const r=`property-group-${i.groupKey}`;try{localStorage.setItem(r,String(t.value))}catch{}}function a(){const r=`property-group-${i.groupKey}`;try{const u=localStorage.getItem(r);u!==null&&(t.value=u==="true")}catch{}}return e.onMounted(()=>{a()}),(r,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["property-group",{"is-expanded":t.value}])},[e.createElementVNode("div",{class:"group-header",onClick:d},[e.createElementVNode("span",Nl,e.toDisplayString(e.unref(l)),1),e.createElementVNode("span",wl,e.toDisplayString(o.title),1),e.createElementVNode("span",Cl,e.toDisplayString(t.value?"▾":"▸"),1)]),e.withDirectives(e.createElementVNode("div",Sl,[e.renderSlot(r.$slots,"default",{},void 0,!0)],512),[[e.vShow,t.value]])],2))}}),Ce=re(Bl,[["__scopeId","data-v-2ba57031"]]),xl={class:"pd-stepper"},$l=["disabled"],Tl=["value","placeholder","min","max","step"],Dl=["disabled"],Ml=e.defineComponent({__name:"StepperInput",props:{modelValue:{},min:{},max:{},step:{default:1},placeholder:{}},emits:["update:modelValue"],setup(o,{emit:i}){const t=o,n=i,l=e.computed(()=>{const C=String(t.step),v=C.indexOf(".");return v===-1?0:C.length-v-1});function d(C){return Number.isFinite(C)?Number(C.toFixed(l.value)):0}const s=e.computed(()=>{const C=t.modelValue;if(!(C==null||!Number.isFinite(C)))return d(C)}),a=e.ref(s.value===void 0?"":String(s.value));e.watch(s,C=>{a.value=C===void 0?"":String(C)});const r=e.computed(()=>s.value!==void 0?s.value:t.min!==void 0?t.min:0),u=e.computed(()=>t.min!==void 0&&r.value<=t.min),m=e.computed(()=>t.max!==void 0&&r.value>=t.max);function g(C){let v=d(C);return t.min!==void 0&&v<t.min&&(v=t.min),t.max!==void 0&&v>t.max&&(v=t.max),v}function k(C){if(C<0&&u.value||C>0&&m.value)return;const v=g(r.value+C*t.step);a.value=String(v),n("update:modelValue",v)}function y(C){a.value=C.target.value}function R(){const C=a.value.trim();if(C===""){s.value!==void 0&&(a.value=String(s.value));return}const v=Number(C);if(!Number.isFinite(v)){a.value=s.value===void 0?"":String(s.value);return}const f=g(v);a.value=String(f),f!==s.value&&n("update:modelValue",f)}return(C,v)=>(e.openBlock(),e.createElementBlock("div",xl,[e.createElementVNode("button",{type:"button",class:"pd-step-btn pd-step-minus",disabled:u.value,title:"减小","aria-label":"减小",onClick:v[0]||(v[0]=f=>k(-1))},"−",8,$l),e.createElementVNode("input",{type:"number",class:"pd-input pd-step-input",value:a.value,placeholder:o.placeholder,min:o.min,max:o.max,step:o.step,onInput:y,onChange:R,onBlur:R,onKeydown:v[1]||(v[1]=e.withKeys(e.withModifiers(f=>f.target.blur(),["prevent"]),["enter"]))},null,40,Tl),e.createElementVNode("button",{type:"button",class:"pd-step-btn pd-step-plus",disabled:m.value,title:"增大","aria-label":"增大",onClick:v[2]||(v[2]=f=>k(1))},"+",8,Dl)]))}}),se=re(Ml,[["__scopeId","data-v-9722a7cf"]]),Pl={class:"position-grid"},zl={class:"pd-field"},Ll={class:"pd-field"},Rl={class:"pd-field"},Al={class:"pd-field"},Il=e.defineComponent({__name:"PositionSizeGroup",props:{element:{},matchedKeys:{},searching:{type:Boolean}},setup(o){const i=o;function t(n){return i.searching?i.matchedKeys?.has(n)??!0:!0}return(n,l)=>(e.openBlock(),e.createBlock(Ce,{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",Pl,[e.withDirectives(e.createElementVNode("div",zl,[l[5]||(l[5]=e.createElementVNode("span",{class:"pd-label"},"X",-1)),e.createVNode(se,{modelValue:o.element.options.left,"onUpdate:modelValue":l[0]||(l[0]=d=>o.element.options.left=d),min:0},null,8,["modelValue"])],512),[[e.vShow,t("ps-left")]]),e.withDirectives(e.createElementVNode("div",Ll,[l[6]||(l[6]=e.createElementVNode("span",{class:"pd-label"},"Y",-1)),e.createVNode(se,{modelValue:o.element.options.top,"onUpdate:modelValue":l[1]||(l[1]=d=>o.element.options.top=d),min:0},null,8,["modelValue"])],512),[[e.vShow,t("ps-top")]]),e.withDirectives(e.createElementVNode("div",Rl,[l[7]||(l[7]=e.createElementVNode("span",{class:"pd-label"},"W",-1)),e.createVNode(se,{modelValue:o.element.options.width,"onUpdate:modelValue":l[2]||(l[2]=d=>o.element.options.width=d),min:4},null,8,["modelValue"])],512),[[e.vShow,t("ps-width")]]),e.withDirectives(e.createElementVNode("div",Al,[l[8]||(l[8]=e.createElementVNode("span",{class:"pd-label"},"H",-1)),e.createVNode(se,{modelValue:o.element.options.height,"onUpdate:modelValue":l[3]||(l[3]=d=>o.element.options.height=d),min:4},null,8,["modelValue"])],512),[[e.vShow,t("ps-height")]])])],32)]),_:1}))}}),Fl=re(Il,[["__scopeId","data-v-bc364679"]]),Ul=["aria-expanded","title"],Hl={class:"picker-preview"},Ol={class:"picker-heading"},Wl=["disabled"],Gl={class:"preset-color-grid"},Kl=["title","aria-label","onClick"],ql=e.defineComponent({__name:"PresetColorPicker",props:{modelValue:{},clearable:{type:Boolean,default:!0}},emits:["update:modelValue"],setup(o,{emit:i}){const t=o,n=i,l=e.ref(!1),d=e.ref(),s=e.ref(),a=e.ref(),r=e.ref({}),u=e.ref(0),m=e.ref(0),g=e.ref(0),k=e.ref("#000000"),y=e.ref(!1),R=e.computed(()=>t.modelValue||"#000000"),C=e.computed(()=>t.modelValue?{background:t.modelValue}:{background:"transparent"}),v=e.computed(()=>W(pe(u.value,m.value,g.value))),f=e.computed({get:()=>Math.round(u.value),set:z=>K(ce(z),m.value,g.value)});e.watch(()=>t.modelValue,z=>{if(!z){k.value="";return}H(z)},{immediate:!0});function M(z){k.value=z.toUpperCase(),H(z),n("update:modelValue",z)}function j(){t.clearable&&n("update:modelValue","")}function ne(z){const w=z.target.value.trim();if(!w){t.clearable&&n("update:modelValue","");return}c(w)&&(H(w),n("update:modelValue",N(w)))}function H(z){const V=c(z);if(!V)return;const w=he(V.r,V.g,V.b);u.value=w.h,m.value=w.s,g.value=w.v,k.value=N(z).toUpperCase()}function K(z,V,w){u.value=ce(z),m.value=ve(V),g.value=ve(w),k.value=v.value.toUpperCase(),n("update:modelValue",v.value)}function b(z){z.currentTarget.setPointerCapture(z.pointerId),y.value=!0,x(z)}function B(z){y.value&&x(z)}function S(z){y.value=!1;const V=z.currentTarget;V.hasPointerCapture(z.pointerId)&&V.releasePointerCapture(z.pointerId)}function x(z){const V=a.value;if(!V)return;const w=V.getBoundingClientRect(),F=ve((z.clientX-w.left)/w.width),p=ve(1-(z.clientY-w.top)/w.height);K(u.value,F,p)}function T(z){const V=z.shiftKey?.1:.02;let w=!0;z.key==="ArrowLeft"?K(u.value,m.value-V,g.value):z.key==="ArrowRight"?K(u.value,m.value+V,g.value):z.key==="ArrowUp"?K(u.value,m.value,g.value+V):z.key==="ArrowDown"?K(u.value,m.value,g.value-V):w=!1,w&&z.preventDefault()}function X(){l.value?le():ee()}async function ee(){const z=d.value;if(!z)return;t.modelValue&&H(R.value),l.value=!0,await e.nextTick();const V=z.getBoundingClientRect(),w=190,F=s.value?.offsetHeight??216,p=8,E=Math.min(V.left,window.innerWidth-w-p),$=V.bottom+6,Y=$+F>window.innerHeight-p?Math.max(p,V.top-F-6):$;r.value={left:`${Math.max(p,E)}px`,top:`${Y}px`}}function le(){l.value=!1}function ie(z){const V=z.target;d.value?.contains(V)||s.value?.contains(V)||le()}function ue(){l.value&&le()}function J(z){z.key==="Escape"&&l.value&&le()}function c(z){const V=/^#?([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(z.trim());if(!V)return null;const w=V[1],F=w.length===3?w.split("").map(p=>p+p).join(""):w;return{r:Number.parseInt(F.slice(0,2),16),g:Number.parseInt(F.slice(2,4),16),b:Number.parseInt(F.slice(4,6),16)}}function N(z){const V=c(z);return V?W(V):"#000000"}function W({r:z,g:V,b:w}){return`#${[z,V,w].map(F=>Math.round(ve(F/255)*255).toString(16).padStart(2,"0")).join("")}`}function he(z,V,w){const F=z/255,p=V/255,E=w/255,$=Math.max(F,p,E),Y=Math.min(F,p,E),Q=$-Y;let oe=0;return Q!==0&&($===F?oe=(p-E)/Q%6:$===p?oe=(E-F)/Q+2:oe=(F-p)/Q+4,oe*=60,oe<0&&(oe+=360)),{h:oe,s:$===0?0:Q/$,v:$}}function pe(z,V,w){const F=w*V,p=(z%360+360)%360/60,E=F*(1-Math.abs(p%2-1)),[$,Y,Q]=p<1?[F,E,0]:p<2?[E,F,0]:p<3?[0,F,E]:p<4?[0,E,F]:p<5?[E,0,F]:[F,0,E],oe=w-F;return{r:($+oe)*255,g:(Y+oe)*255,b:(Q+oe)*255}}function ce(z){return((Number.isFinite(z)?z:0)%360+360)%360}function ve(z){return Math.min(1,Math.max(0,Number.isFinite(z)?z:0))}return e.onMounted(()=>{document.addEventListener("pointerdown",ie,!0),window.addEventListener("scroll",ue,!0),window.addEventListener("resize",ue),document.addEventListener("keydown",J)}),e.onBeforeUnmount(()=>{document.removeEventListener("pointerdown",ie,!0),window.removeEventListener("scroll",ue,!0),window.removeEventListener("resize",ue),document.removeEventListener("keydown",J)}),(z,V)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("button",{ref_key:"triggerRef",ref:d,type:"button",class:"preset-color-trigger","aria-expanded":l.value,"aria-haspopup":"dialog",title:o.modelValue||"自动",onClick:X},[e.createElementVNode("span",{class:"preset-color-swatch",style:e.normalizeStyle(C.value)},null,4)],8,Ul),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[l.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"panelRef",ref:s,class:"preset-color-panel",role:"dialog","aria-label":"颜色选择",style:e.normalizeStyle(r.value),onPointerdown:V[2]||(V[2]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("div",Hl,[e.createElementVNode("span",{class:e.normalizeClass(["picker-current",{"is-empty":!o.modelValue}]),style:e.normalizeStyle(o.modelValue?{background:v.value}:void 0)},null,6),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":V[0]||(V[0]=w=>k.value=w),class:"picker-hex",type:"text",maxlength:"7",spellcheck:"false","aria-label":"颜色值",onInput:ne},null,544),[[e.vModelText,k.value]])]),e.createElementVNode("div",{ref_key:"areaRef",ref:a,class:"picker-area",style:e.normalizeStyle({"--picker-hue":`${Math.round(u.value)}deg`}),"aria-label":"自定义颜色",tabindex:"0",onPointerdown:b,onPointermove:B,onPointerup:S,onPointercancel:S,onKeydown:T},[e.createElementVNode("span",{class:"picker-handle",style:e.normalizeStyle({left:`${m.value*100}%`,top:`${(1-g.value)*100}%`,background:v.value})},null,4)],36),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":V[1]||(V[1]=w=>f.value=w),class:"picker-hue",type:"range",min:"0",max:"360",step:"1","aria-label":"色相"},null,512),[[e.vModelText,f.value,void 0,{number:!0}]]),e.createElementVNode("div",Ol,[V[4]||(V[4]=e.createElementVNode("span",null,"常用颜色",-1)),o.clearable?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"picker-clear",disabled:!o.modelValue,title:"清除选中的颜色",onClick:j},[...V[3]||(V[3]=[e.createElementVNode("svg",{viewBox:"0 0 16 16",width:"12",height:"12","aria-hidden":"true"},[e.createElementVNode("path",{d:"M3 3l10 10M13 3L3 13",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round",fill:"none"})],-1),e.createTextVNode(" 清除 ",-1)])],8,Wl)):e.createCommentVNode("",!0)]),e.createElementVNode("div",Gl,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(h.PRESET_COLORS),w=>(e.openBlock(),e.createElementBlock("button",{key:w,type:"button",class:e.normalizeClass(["preset-color-item",{active:!!o.modelValue&&w.toLowerCase()===o.modelValue.toLowerCase()}]),style:e.normalizeStyle({background:w}),title:w,"aria-label":w,onClick:F=>M(w)},null,14,Kl))),128))])],36)):e.createCommentVNode("",!0)]))],64))}}),we=re(ql,[["__scopeId","data-v-12290e7e"]]),Yl={class:"font-select"},jl=["placeholder","aria-expanded","aria-activedescendant","onKeydown"],Xl=["id","aria-selected","onMousedown"],Zl=e.defineComponent({__name:"FontSelect",props:{modelValue:{},placeholder:{default:"默认"}},emits:["update:model-value"],setup(o,{emit:i}){const t=o,n=i,l=jt(),d=`font-select-list-${e.useId()}`,s=e.ref(null),a=e.ref(R(t.modelValue)),r=e.ref(""),u=e.ref(!1),m=e.ref(-1),g=e.computed(()=>{const S=t.modelValue?.trim();return S?ht(l.value,S)?"":S:""}),k=e.computed(()=>{const S=(t.modelValue??"").trim(),x=(ee,le,ie,ue)=>({kind:ee,key:le,label:ie,value:ue,selected:(ue??"")===S}),T=r.value.trim();if(!T){const ee=[x("clear","__clear__",t.placeholder)];g.value&&ee.push(x("unknown","__unknown__",`${g.value}(未知)`,g.value));for(const le of l.value)ee.push(x("font",le.family,bt(le),le.family));return ee}const X=Xt(l.value,T).map(ee=>x("font",ee.family,bt(ee),ee.family));if(!X.length){const ee=y(T);X.push(x("free","__free__",`使用「${ee}」`,ee))}return X});function y(S){const x=He(S);return l.value.find(X=>X.label&&He(X.label)===x)?.family??S}function R(S){const x=S?.trim();return x?ht(l.value,x)?.label??x:""}const C=e.computed(()=>u.value&&m.value>=0?`${d}-${m.value}`:void 0);function v(){const S=(t.modelValue??"").trim();return k.value.findIndex(x=>(x.value??"")===S)}function f(){u.value||(u.value=!0,r.value="",m.value=v())}function M(){u.value=!0}function j(){u.value=!0,r.value=a.value,m.value=k.value.length?0:-1}function ne(S){if(!u.value){f();return}const x=k.value.length-1;x<0||(m.value=Math.min(Math.max(m.value+S,0),x),H())}function H(){e.nextTick(()=>{s.value?.children[m.value]?.scrollIntoView?.({block:"nearest"})})}function K(){if(!u.value)return;const S=k.value[m.value];if(S){b(S);return}const x=r.value.trim();if(x){const T=y(x);b({value:T})}}function b(S){a.value=R(S.value),r.value="",u.value=!1,m.value=-1,n("update:model-value",S.value)}function B(){u.value=!1,r.value="",m.value=-1,a.value=R(t.modelValue)}return e.watch(()=>t.modelValue,S=>{a.value=R(S)}),(S,x)=>(e.openBlock(),e.createElementBlock("div",Yl,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":x[0]||(x[0]=T=>a.value=T),class:"pd-input font-select-input",type:"text",role:"combobox","aria-autocomplete":"list",autocomplete:"off",placeholder:o.placeholder,"aria-expanded":u.value,"aria-controls":d,"aria-activedescendant":C.value,onFocus:f,onClick:M,onInput:j,onKeydown:[x[1]||(x[1]=e.withKeys(e.withModifiers(T=>ne(1),["prevent"]),["down"])),x[2]||(x[2]=e.withKeys(e.withModifiers(T=>ne(-1),["prevent"]),["up"])),e.withKeys(e.withModifiers(K,["prevent"]),["enter"]),e.withKeys(e.withModifiers(B,["prevent"]),["esc"])],onBlur:B},null,40,jl),[[e.vModelText,a.value]]),u.value?(e.openBlock(),e.createElementBlock("ul",{key:0,id:d,ref_key:"listRef",ref:s,class:"font-select-list",role:"listbox"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.value,(T,X)=>(e.openBlock(),e.createElementBlock("li",{id:`${d}-${X}`,key:T.key,class:e.normalizeClass(["font-select-option",{"is-active":X===m.value,"is-muted":T.kind==="unknown"||T.kind==="free"}]),role:"option","aria-selected":T.selected,onMousedown:e.withModifiers(ee=>b(T),["prevent"])},e.toDisplayString(T.label),43,Xl))),128))],512)):e.createCommentVNode("",!0)]))}}),Dt=re(Zl,[["__scopeId","data-v-c559b167"]]),Jl={class:"pd-field"},Ql={class:"pd-field"},_l={class:"pd-field"},ea={class:"pd-field"},ta={class:"pd-radio-group",role:"radiogroup"},oa={class:"pd-radio"},na={class:"pd-radio"},la={class:"pd-radio"},aa={class:"pd-field"},ia={class:"pd-radio-group",role:"radiogroup"},sa={class:"pd-radio"},ra={class:"pd-radio"},da={class:"pd-radio"},ca={class:"color-row"},ua={class:"pd-field"},ma={class:"pd-field"},pa={class:"pd-field"},va={class:"pd-field"},fa={class:"pd-field"},ga=["value"],ha={key:0,class:"pd-field"},ba={class:"pd-field"},Ea=["checked"],ya={key:1,class:"pd-empty"},ka=e.defineComponent({__name:"AppearanceGroup",props:{element:{},isTextType:{type:Boolean},matchedKeys:{},searching:{type:Boolean}},setup(o){const i=o;function t(s){return i.searching?i.matchedKeys?.has(s)??!0:!0}const n=e.computed(()=>i.element.printElementType.type==="table"),l=e.computed(()=>h.resolveElementTextFit(i.element.printElementType.type||"text",i.element.options));function d(s){i.element.options.textFit=s.target.value}return(s,a)=>(e.openBlock(),e.createBlock(Ce,{title:"外观",icon:"Brush","default-expanded":"","group-key":"appearance"},{default:e.withCtx(()=>[e.createElementVNode("form",{class:"pd-form",onSubmit:a[15]||(a[15]=e.withModifiers(()=>{},["prevent"]))},[o.isTextType?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.withDirectives(e.createElementVNode("div",Jl,[a[16]||(a[16]=e.createElementVNode("span",{class:"pd-label"},"字体",-1)),e.createVNode(Dt,{modelValue:o.element.options.fontFamily,"onUpdate:modelValue":a[0]||(a[0]=r=>o.element.options.fontFamily=r)},null,8,["modelValue"])],512),[[e.vShow,t("ap-font-family")]]),e.withDirectives(e.createElementVNode("div",Ql,[a[17]||(a[17]=e.createElementVNode("span",{class:"pd-label"},"字体大小",-1)),e.createVNode(se,{modelValue:o.element.options.fontSize,"onUpdate:modelValue":a[1]||(a[1]=r=>o.element.options.fontSize=r),min:8,max:72},null,8,["modelValue"])],512),[[e.vShow,t("ap-font-size")]]),e.withDirectives(e.createElementVNode("div",_l,[a[19]||(a[19]=e.createElementVNode("span",{class:"pd-label"},"字体粗细",-1)),e.withDirectives(e.createElementVNode("select",{class:"pd-select","onUpdate:modelValue":a[2]||(a[2]=r=>o.element.options.fontWeight=r),style:{width:"100%"}},[...a[18]||(a[18]=[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",ea,[a[23]||(a[23]=e.createElementVNode("span",{class:"pd-label"},"对齐",-1)),e.createElementVNode("div",ta,[e.createElementVNode("label",oa,[e.withDirectives(e.createElementVNode("input",{type:"radio","onUpdate:modelValue":a[3]||(a[3]=r=>o.element.options.textAlign=r),value:"left"},null,512),[[e.vModelRadio,o.element.options.textAlign]]),a[20]||(a[20]=e.createElementVNode("span",null,"左",-1))]),e.createElementVNode("label",na,[e.withDirectives(e.createElementVNode("input",{type:"radio","onUpdate:modelValue":a[4]||(a[4]=r=>o.element.options.textAlign=r),value:"center"},null,512),[[e.vModelRadio,o.element.options.textAlign]]),a[21]||(a[21]=e.createElementVNode("span",null,"中",-1))]),e.createElementVNode("label",la,[e.withDirectives(e.createElementVNode("input",{type:"radio","onUpdate:modelValue":a[5]||(a[5]=r=>o.element.options.textAlign=r),value:"right"},null,512),[[e.vModelRadio,o.element.options.textAlign]]),a[22]||(a[22]=e.createElementVNode("span",null,"右",-1))])])],512),[[e.vShow,t("ap-align")]]),e.withDirectives(e.createElementVNode("div",aa,[a[27]||(a[27]=e.createElementVNode("span",{class:"pd-label"},"垂直对齐",-1)),e.createElementVNode("div",ia,[e.createElementVNode("label",sa,[e.withDirectives(e.createElementVNode("input",{type:"radio","onUpdate:modelValue":a[6]||(a[6]=r=>o.element.options.verticalAlign=r),value:"top"},null,512),[[e.vModelRadio,o.element.options.verticalAlign]]),a[24]||(a[24]=e.createElementVNode("span",null,"顶",-1))]),e.createElementVNode("label",ra,[e.withDirectives(e.createElementVNode("input",{type:"radio","onUpdate:modelValue":a[7]||(a[7]=r=>o.element.options.verticalAlign=r),value:"middle"},null,512),[[e.vModelRadio,o.element.options.verticalAlign]]),a[25]||(a[25]=e.createElementVNode("span",null,"中",-1))]),e.createElementVNode("label",da,[e.withDirectives(e.createElementVNode("input",{type:"radio","onUpdate:modelValue":a[8]||(a[8]=r=>o.element.options.verticalAlign=r),value:"bottom"},null,512),[[e.vModelRadio,o.element.options.verticalAlign]]),a[26]||(a[26]=e.createElementVNode("span",null,"底",-1))])])],512),[[e.vShow,t("ap-vertical-align")]]),e.createElementVNode("div",ca,[e.withDirectives(e.createElementVNode("div",ua,[a[28]||(a[28]=e.createElementVNode("span",{class:"pd-label"},"颜色",-1)),e.createVNode(we,{modelValue:o.element.options.color,"onUpdate:modelValue":a[9]||(a[9]=r=>o.element.options.color=r)},null,8,["modelValue"])],512),[[e.vShow,t("ap-color")]]),e.withDirectives(e.createElementVNode("div",ma,[a[29]||(a[29]=e.createElementVNode("span",{class:"pd-label"},"背景色",-1)),e.createVNode(we,{modelValue:o.element.options.backgroundColor,"onUpdate:modelValue":a[10]||(a[10]=r=>o.element.options.backgroundColor=r)},null,8,["modelValue"])],512),[[e.vShow,t("ap-bg-color")]])]),e.withDirectives(e.createElementVNode("div",pa,[a[30]||(a[30]=e.createElementVNode("span",{class:"pd-label"},"行高",-1)),e.createVNode(se,{modelValue:o.element.options.lineHeight,"onUpdate:modelValue":a[11]||(a[11]=r=>o.element.options.lineHeight=r),min:0,max:100},null,8,["modelValue"])],512),[[e.vShow,t("ap-line-height")]]),e.withDirectives(e.createElementVNode("div",va,[a[31]||(a[31]=e.createElementVNode("span",{class:"pd-label"},"字间距",-1)),e.createVNode(se,{modelValue:o.element.options.letterSpacing,"onUpdate:modelValue":a[12]||(a[12]=r=>o.element.options.letterSpacing=r),min:0,max:20,step:.5},null,8,["modelValue"])],512),[[e.vShow,t("ap-letter-spacing")]]),e.withDirectives(e.createElementVNode("div",fa,[a[33]||(a[33]=e.createElementVNode("span",{class:"pd-label"},"文字溢出",-1)),e.createElementVNode("select",{class:"pd-select",value:l.value,style:{width:"100%"},onChange:d},[...a[32]||(a[32]=[e.createElementVNode("option",{value:"clip"},"截断",-1),e.createElementVNode("option",{value:"shrink"},"自动缩小",-1),e.createElementVNode("option",{value:"autoHeight"},"自适应行高",-1)])],40,ga)],512),[[e.vShow,t("ap-text-fit")]]),l.value==="shrink"?e.withDirectives((e.openBlock(),e.createElementBlock("div",ha,[a[34]||(a[34]=e.createElementVNode("span",{class:"pd-label"},"最小字号 (pt)",-1)),e.createVNode(se,{"model-value":o.element.options.shrinkMinFontSize,min:1,max:72,step:.5,placeholder:"默认 6","onUpdate:modelValue":a[13]||(a[13]=r=>o.element.options.shrinkMinFontSize=r??void 0)},null,8,["model-value"])],512)),[[e.vShow,t("ap-shrink-min")]]):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("div",ba,[a[35]||(a[35]=e.createElementVNode("span",{class:"pd-label"},"自动换行",-1)),e.createElementVNode("input",{checked:o.element.options.wordWrap!==!1,type:"checkbox",class:"pd-switch",onInput:a[14]||(a[14]=r=>o.element.options.wordWrap=r.target.checked?void 0:!1)},null,40,Ea)],512),[[e.vShow,t("ap-word-wrap")]])],64)):e.createCommentVNode("",!0),!o.isTextType&&!n.value?(e.openBlock(),e.createElementBlock("p",ya,"当前元素不支持外观设置")):e.createCommentVNode("",!0)],32)]),_:1}))}}),Va=re(ka,[["__scopeId","data-v-ec9e5cb7"]]),Na={class:"pd-field"},wa=["value"],Ca={class:"pd-field"},Sa=["value"],Ba={class:"pd-hint"},xa={class:"pd-field"},$a={class:"pd-field"},Ta=["checked"],Da={class:"pd-field"},Ma={key:1,class:"pd-field"},Pa=["value"],za={key:2,class:"pd-hint"},La={key:3,class:"pd-field"},Ra=["value"],Aa={class:"pd-field"},Ia={class:"pd-field"},Fa=e.defineComponent({__name:"CodeGroup",props:{element:{},matchedKeys:{},searching:{type:Boolean}},emits:["change"],setup(o,{emit:i}){const t=o,n=i,l=e.computed(()=>t.element.printElementType.type==="barcode"),d=e.computed(()=>t.element.printElementType.type==="qrcode"),s=e.computed(()=>(t.element.options.barcodeType||"CODE128").toUpperCase()),a=e.computed(()=>t.element.options.printerDpi?String(t.element.options.printerDpi):""),r=e.computed(()=>!!t.element.options.printerDpi),u=e.computed(()=>l.value&&r.value);function m(C){const v=Number(C.target.value);t.element.options.printerDpi=v>0?v:void 0,R()}function g(C){const v=C.target.value;t.element.options.barcodeType=v==="CODE128"?void 0:v,R()}function k(C){t.element.options.fit=C.target.value||void 0,R()}function y(C){return t.searching?t.matchedKeys?.has(C)??!0:!0}function R(){n("change")}return(C,v)=>(e.openBlock(),e.createBlock(Ce,{title:"条码设置",icon:"Postcard","default-expanded":"","group-key":"code"},{default:e.withCtx(()=>[e.createElementVNode("form",{class:"pd-form",onSubmit:v[6]||(v[6]=e.withModifiers(()=>{},["prevent"]))},[l.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.withDirectives(e.createElementVNode("div",Na,[v[8]||(v[8]=e.createElementVNode("span",{class:"pd-label"},"码制",-1)),e.createElementVNode("select",{class:"pd-select",value:s.value,onChange:g},[...v[7]||(v[7]=[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,wa)],512),[[e.vShow,y("cd-type")]]),e.withDirectives(e.createElementVNode("div",Ca,[v[10]||(v[10]=e.createElementVNode("span",{class:"pd-label"},"打印机分辨率",-1)),e.createElementVNode("select",{class:"pd-select",value:a.value,onChange:m},[...v[9]||(v[9]=[e.createElementVNode("option",{value:""},"不指定(按条宽渲染)",-1),e.createElementVNode("option",{value:"203"},"203 dpi(8 点/mm)",-1),e.createElementVNode("option",{value:"300"},"300 dpi(11.8 点/mm)",-1),e.createElementVNode("option",{value:"600"},"600 dpi(23.6 点/mm)",-1)])],40,Sa)],512),[[e.vShow,y("cd-dpi")]]),e.withDirectives(e.createElementVNode("p",Ba,"填写后条宽吸附到整数打印点(消除出纸「条宽忽宽忽窄」):条码先按条宽渲染,可用宽度够就原样落纸,不够才整体等比缩小",512),[[e.vShow,y("cd-dpi")]]),e.withDirectives(e.createElementVNode("div",xa,[v[11]||(v[11]=e.createElementVNode("span",{class:"pd-label"},"条宽(倍率)",-1)),e.createVNode(se,{"model-value":o.element.options.barWidth??2,min:2,max:4,step:.5,"onUpdate:modelValue":v[0]||(v[0]=f=>{o.element.options.barWidth=f,R()})},null,8,["model-value"])],512),[[e.vShow,y("cd-bar-width")]]),e.withDirectives(e.createElementVNode("p",{class:"pd-hint"},e.toDisplayString(u.value?"已设置打印机分辨率:条宽会被吸附到最近的整数打印点(DPI 优先于毫米值),元素框放不下时整体等比缩小":"热敏/针式打印建议 3 及以上:决定条码的落纸尺寸,条越粗出纸后条宽越稳定"),513),[[e.vShow,y("cd-bar-width")]]),e.withDirectives(e.createElementVNode("div",$a,[v[12]||(v[12]=e.createElementVNode("span",{class:"pd-label"},"显示文本",-1)),e.createElementVNode("input",{checked:o.element.options.hideTitle!==!0,type:"checkbox",class:"pd-switch",onInput:v[1]||(v[1]=f=>{o.element.options.hideTitle=f.target.checked?void 0:!0,R()})},null,40,Ta)],512),[[e.vShow,y("cd-show-text")]]),e.withDirectives(e.createElementVNode("div",Da,[v[13]||(v[13]=e.createElementVNode("span",{class:"pd-label"},"文本字号(相对条高,条高为 30)",-1)),e.createVNode(se,{"model-value":o.element.options.fontSize,min:5,max:24,placeholder:"默认 10","onUpdate:modelValue":v[2]||(v[2]=f=>{o.element.options.fontSize=f??void 0,R()})},null,8,["model-value"])],512),[[e.vShow,y("cd-font-size")]])],64)):d.value?e.withDirectives((e.openBlock(),e.createElementBlock("div",Ma,[v[15]||(v[15]=e.createElementVNode("span",{class:"pd-label"},"纠错级别",-1)),e.createElementVNode("select",{class:"pd-select",value:String(o.element.options.qrCodeLevel??"M"),onChange:v[3]||(v[3]=f=>{o.element.options.qrCodeLevel=f.target.value,R()})},[...v[14]||(v[14]=[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,Pa)],512)),[[e.vShow,y("cd-ec-level")]]):e.createCommentVNode("",!0),v[20]||(v[20]=e.createElementVNode("h3",{class:"pd-divider"},"自定义设置",-1)),l.value?(e.openBlock(),e.createElementBlock("p",za,"条码尺寸由「条宽」与「打印机分辨率」结算:宽度足够时按条宽原样落纸,不足时整体等比缩小;拉伸会把条宽变成非整数,故条形码不提供缩放模式,可用「最大宽高」限制上限")):e.createCommentVNode("",!0),l.value?e.createCommentVNode("",!0):e.withDirectives((e.openBlock(),e.createElementBlock("div",La,[v[17]||(v[17]=e.createElementVNode("span",{class:"pd-label"},"缩放模式",-1)),e.createElementVNode("select",{class:"pd-select",value:o.element.options.fit||"contain",onChange:k},[...v[16]||(v[16]=[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,Ra)],512)),[[e.vShow,y("cd-fit")]]),e.withDirectives(e.createElementVNode("div",Aa,[v[18]||(v[18]=e.createElementVNode("span",{class:"pd-label"},"最大宽度 (mm)",-1)),e.createVNode(se,{"model-value":o.element.options.maxWidth,min:1,max:200,placeholder:"默认","onUpdate:modelValue":v[4]||(v[4]=f=>{o.element.options.maxWidth=f??void 0,R()})},null,8,["model-value"])],512),[[e.vShow,y("cd-max-width")]]),e.withDirectives(e.createElementVNode("div",Ia,[v[19]||(v[19]=e.createElementVNode("span",{class:"pd-label"},"最大高度 (mm)",-1)),e.createVNode(se,{"model-value":o.element.options.maxHeight,min:1,max:200,placeholder:"默认","onUpdate:modelValue":v[5]||(v[5]=f=>{o.element.options.maxHeight=f??void 0,R()})},null,8,["model-value"])],512),[[e.vShow,y("cd-max-height")]])],32)]),_:1}))}}),Ua={class:"pd-dialog pd-dialog-large",role:"dialog","aria-modal":"true","aria-labelledby":"expression-editor-title"},Ha={class:"pd-dialog-header"},Oa={class:"expression-editor"},Wa={class:"ee-nav"},Ga={class:"ee-nav-tabs"},Ka={class:"ee-content"},qa={class:"ee-content-search"},Ya=["placeholder"],ja={class:"ee-content-list"},Xa={class:"ee-field-group-icon"},Za=["onDblclick"],Ja={class:"ee-field-info"},Qa={class:"ee-item-label"},_a={class:"ee-item-key"},ei={key:0,class:"pd-empty"},ti=["onDblclick"],oi={class:"ee-field-info"},ni={class:"ee-item-label"},li={class:"ee-item-key"},ai={class:"ee-func-group"},ii=["onDblclick"],si={class:"ee-field-info"},ri={class:"ee-item-label"},di={class:"ee-item-key"},ci={class:"ee-func-group"},ui=["onDblclick"],mi={class:"ee-field-info"},pi={class:"ee-item-label"},vi={class:"ee-item-key"},fi={class:"ee-editor"},gi={class:"ee-editor-section"},hi={class:"ee-editor-section"},bi={class:"pd-dialog-footer"},Ei=e.defineComponent({__name:"ExpressionEditor",props:{modelValue:{type:Boolean},expression:{},fields:{}},emits:["update:modelValue","update:expression"],setup(o,{emit:i}){const t=o,n=i,l=e.computed({get:()=>t.modelValue,set:B=>n("update:modelValue",B)}),d=e.ref("field"),s=e.computed(()=>{switch(d.value){case"field":return"搜索字段...";case"variable":return"搜索变量...";case"function":return"搜索函数...";default:return"搜索..."}}),a=e.ref(""),r=e.computed(()=>h.filterGroups(h.groupFields(t.fields??[]),a.value));e.watch(l,B=>{B&&(v.value=t.expression||"")});function u(B){const{insideParens:S}=k();K(S?B.fieldKey:`{${B.fieldKey}}`)}function m(B){const{insideParens:S}=k();K(S?B.template.replace(/^\{|\}$/g,""):B.template)}function g(B){const{insideBlock:S}=k(),x=S?B.template:`{${B.template}}`,T=x.indexOf("(")+1;K(x,T)}function k(){const S=f.value?.selectionStart??v.value.length,x=v.value.substring(0,S);let T=!1;const X=x.lastIndexOf("{");X!==-1&&!x.slice(X+1).includes("}")&&(T=!0);let ee=!1;const le=x.lastIndexOf("(");return le!==-1&&!x.slice(le+1).includes(")")&&(ee=!0),{insideBlock:T,insideParens:ee}}const y=e.computed(()=>{if(!a.value.trim())return ne;const B=a.value.trim().toLowerCase();return ne.filter(S=>S.label.toLowerCase().includes(B)||S.name.toLowerCase().includes(B))}),R=e.computed(()=>{if(!a.value.trim())return M;const B=a.value.trim().toLowerCase();return M.filter(S=>S.label.toLowerCase().includes(B)||S.name.toLowerCase().includes(B))}),C=e.computed(()=>{if(!a.value.trim())return j;const B=a.value.trim().toLowerCase();return j.filter(S=>S.label.toLowerCase().includes(B)||S.name.toLowerCase().includes(B))}),v=e.ref(t.expression||""),f=e.ref(null);e.watch(()=>t.expression,B=>{v.value=B||""});const M=[{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()"}],ne=[{name:"pageIndex",label:"当前页码",template:"{pageIndex}"},{name:"totalPages",label:"总页数",template:"{totalPages}"},{name:"printDate",label:"打印日期",template:"{printDate}"},{name:"printTime",label:"打印时间",template:"{printTime}"}],H=e.computed(()=>{if(!v.value.trim())return"(输入表达式后预览)";try{const B={...h.DEFAULT_DEMO_DATA,...ge.resolveSystemVariables()},S=h.evaluateTemplate(v.value,B);return S==null?"(无法计算)":String(S)}catch{return"(表达式错误)"}});function K(B,S=B.length){const x=f.value;if(!x){v.value+=B;return}const T=x.selectionStart,X=x.selectionEnd,ee=v.value.substring(0,T),le=v.value.substring(X);v.value=ee+B+le;const ie=T+S;e.nextTick(()=>{x.focus(),x.selectionStart=x.selectionEnd=ie})}function b(){n("update:expression",v.value),l.value=!1}return(B,S)=>l.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"pd-dialog-overlay",onKeydown:S[7]||(S[7]=e.withKeys(x=>l.value=!1,["esc"]))},[e.createElementVNode("section",Ua,[e.createElementVNode("header",Ha,[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=>l.value=!1)},"×")]),e.createElementVNode("div",Oa,[e.createElementVNode("div",Wa,[S[9]||(S[9]=e.createElementVNode("div",{class:"ee-nav-title"},"类型",-1)),e.createElementVNode("div",Ga,[e.createElementVNode("div",{class:e.normalizeClass(["ee-nav-tab",{active:d.value==="field"}]),onClick:S[1]||(S[1]=x=>d.value="field")}," 📁 字段 ",2),e.createElementVNode("div",{class:e.normalizeClass(["ee-nav-tab",{active:d.value==="variable"}]),onClick:S[2]||(S[2]=x=>d.value="variable")}," 🔧 变量 ",2),e.createElementVNode("div",{class:e.normalizeClass(["ee-nav-tab",{active:d.value==="function"}]),onClick:S[3]||(S[3]=x=>d.value="function")}," ⚡ 函数 ",2)])]),e.createElementVNode("div",Ka,[e.createElementVNode("div",qa,[e.withDirectives(e.createElementVNode("input",{class:"pd-input","onUpdate:modelValue":S[4]||(S[4]=x=>a.value=x),placeholder:s.value},null,8,Ya),[[e.vModelText,a.value]])]),e.createElementVNode("div",ja,[d.value==="field"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.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",Xa,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,T=>(e.openBlock(),e.createElementBlock("div",{key:T.fieldKey,class:"ee-list-item ee-field-item",style:e.normalizeStyle({paddingLeft:x.key?"22px":"10px"}),onDblclick:X=>u(T)},[e.createElementVNode("div",Ja,[e.createElementVNode("span",Qa,e.toDisplayString(T.fieldLabel),1),e.createElementVNode("span",_a,e.toDisplayString(T.fieldKey),1)])],44,Za))),128))],64))),128)),r.value.length===0?(e.openBlock(),e.createElementBlock("p",ei,"暂无字段")):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),d.value==="variable"?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(y.value,x=>(e.openBlock(),e.createElementBlock("div",{key:x.name,class:"ee-list-item",onDblclick:T=>m(x)},[e.createElementVNode("div",oi,[e.createElementVNode("span",ni,e.toDisplayString(x.label),1),e.createElementVNode("span",li,e.toDisplayString(x.template),1)])],40,ti))),128)):e.createCommentVNode("",!0),d.value==="function"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createElementVNode("div",ai,[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:T=>g(x)},[e.createElementVNode("div",si,[e.createElementVNode("span",ri,e.toDisplayString(x.label),1),e.createElementVNode("span",di,e.toDisplayString(x.name)+"()",1)])],40,ii))),128))]),e.createElementVNode("div",ci,[S[11]||(S[11]=e.createElementVNode("div",{class:"ee-func-group-title"},"格式化函数",-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(C.value,x=>(e.openBlock(),e.createElementBlock("div",{key:x.name,class:"ee-list-item",onDblclick:T=>g(x)},[e.createElementVNode("div",mi,[e.createElementVNode("span",pi,e.toDisplayString(x.label),1),e.createElementVNode("span",vi,e.toDisplayString(x.name)+"()",1)])],40,ui))),128))])],64)):e.createCommentVNode("",!0)])]),e.createElementVNode("div",fi,[e.createElementVNode("div",gi,[S[12]||(S[12]=e.createElementVNode("div",{class:"ee-editor-title"},"表达式编辑",-1)),e.withDirectives(e.createElementVNode("textarea",{ref_key:"textareaRef",ref:f,"onUpdate:modelValue":S[5]||(S[5]=x=>v.value=x),class:"ee-textarea",rows:"6",placeholder:"双击左侧字段/变量/函数插入,或直接输入静态内容"},null,512),[[e.vModelText,v.value]])]),e.createElementVNode("div",hi,[S[13]||(S[13]=e.createElementVNode("div",{class:"ee-editor-title"},"预览结果",-1)),e.createElementVNode("div",{class:e.normalizeClass(["ee-preview",{"ee-preview-error":H.value==="(表达式错误)"}])},e.toDisplayString(H.value),3)]),S[14]||(S[14]=e.createStaticVNode('<div class="ee-help-section" data-v-9788fc78><div class="ee-help-title" data-v-9788fc78>帮助信息</div><div class="ee-help-grid" data-v-9788fc78><div class="ee-help-card ee-help-field" data-v-9788fc78><div class="ee-help-card-title" data-v-9788fc78>输入方式</div><div class="ee-help-card-content" data-v-9788fc78> 双击左侧字段、变量、函数即可插入到表达式输入框中<br data-v-9788fc78> 静态数据直接输入即可,如:供应商名称<br data-v-9788fc78> 动态解析字段、变量、函数必须用 {} 包裹<br data-v-9788fc78> 示例:{SUM(supplier.name)}<br data-v-9788fc78> 注意:只能嵌套一层 </div></div><div class="ee-help-card ee-help-function" data-v-9788fc78><div class="ee-help-card-title" data-v-9788fc78>函数使用</div><div class="ee-help-card-content" data-v-9788fc78> SUM(字段) - 求和<br data-v-9788fc78> AVG(字段) - 平均值<br data-v-9788fc78> COUNT(字段) - 计数<br data-v-9788fc78> IF(条件, 真值, 假值) - 条件判断 </div></div><div class="ee-help-card ee-help-variable" data-v-9788fc78><div class="ee-help-card-title" data-v-9788fc78>系统变量</div><div class="ee-help-card-content" data-v-9788fc78> {pageIndex} - 当前页码<br data-v-9788fc78> {totalPages} - 总页数<br data-v-9788fc78> {printDate} - 打印日期 </div></div><div class="ee-help-card ee-help-conditional" data-v-9788fc78><div class="ee-help-card-title" data-v-9788fc78>示例</div><div class="ee-help-card-content" data-v-9788fc78> 静态文本:供应商名称<br data-v-9788fc78> 动态字段:{supplier.name}<br data-v-9788fc78> 函数调用:{SUM(amount)}<br data-v-9788fc78> 条件判断:{IF(amount>1000, "大单", "小单")} </div></div></div></div>',1))])]),e.createElementVNode("footer",bi,[e.createElementVNode("button",{type:"button",class:"pd-button",onClick:S[6]||(S[6]=x=>l.value=!1)},"取消"),e.createElementVNode("button",{type:"button",class:"pd-button primary",onClick:b},"确定")])])],32)):e.createCommentVNode("",!0)}}),Je=re(Ei,[["__scopeId","data-v-9788fc78"]]),yi={class:"pd-field"},ki={class:"pd-label"},Vi=["value","placeholder"],Ni=e.defineComponent({__name:"BindingControl",props:{descriptor:{},modelValue:{},fields:{}},emits:["update:modelValue"],setup(o,{emit:i}){const t=i,n=e.ref(!1);function l(){n.value=!0}return(d,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",yi,[e.createElementVNode("span",ki,e.toDisplayString(o.descriptor.label),1),e.createElementVNode("input",{value:o.modelValue,class:"pd-input",placeholder:o.descriptor.placeholder||"输入内容,支持 {字段} 表达式",onInput:s[0]||(s[0]=a=>t("update:modelValue",a.target.value)),onDblclick:l},null,40,Vi)]),e.createVNode(Je,{modelValue:n.value,"onUpdate:modelValue":s[1]||(s[1]=a=>n.value=a),fields:o.fields,expression:o.modelValue,"onUpdate:expression":s[2]||(s[2]=a=>t("update:modelValue",a))},null,8,["modelValue","fields","expression"])],64))}}),wi=re(Ni,[["__scopeId","data-v-40a99329"]]),Ci={class:"pd-field"},Si=["value"],Bi=["value"],xi={class:"pd-field"},$i={class:"pd-field"},Ti={class:"pd-field"},Di={class:"pd-field"},Mi={style:{width:"60px"}},Pi=e.defineComponent({__name:"TableSettingsGroup",props:{element:{},fields:{}},setup(o){const i=o,t=e.inject(Oe,null),n=e.computed(()=>i.fields.filter(s=>s.fieldType==="list").map(s=>({label:s.fieldLabel,value:s.fieldKey})));function l(s){i.element.options.dataSource=s||void 0,t?.recordHistory()}function d(s,a){if(a===void 0)return;const r=i.element.options.tableColWidths,u=t?.maxTableWidth.value??1/0,m=r.reduce((g,k,y)=>y===s?g:g+k,0);if(m+a>u){const g=Math.max(5,Math.round((u-m)*10)/10);alert(`表格总宽不能超过打印范围宽度 ${u}mm,列${s+1} 已调整为 ${g}mm`),r[s]=g}else r[s]=a;h.syncTableElementSize(i.element.options),t?.recordHistory()}return(s,a)=>(e.openBlock(),e.createBlock(Ce,{title:"表格设置",icon:"Grid","default-expanded":"","group-key":"table-settings"},{default:e.withCtx(()=>[e.createElementVNode("form",{class:"pd-form",onSubmit:a[4]||(a[4]=e.withModifiers(()=>{},["prevent"]))},[e.createElementVNode("div",Ci,[a[5]||(a[5]=e.createElementVNode("span",{class:"pd-label"},"列表数据源字段",-1)),e.createElementVNode("select",{value:o.element.options.dataSource,class:"pd-select",style:{width:"100%"},onChange:a[0]||(a[0]=r=>l(r.target.value))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,r=>(e.openBlock(),e.createElementBlock("option",{key:r.value,value:r.value},e.toDisplayString(r.label),9,Bi))),128))],40,Si)]),e.createElementVNode("div",xi,[a[6]||(a[6]=e.createElementVNode("span",{class:"pd-label"},"默认字号 (pt)",-1)),e.createVNode(se,{modelValue:o.element.options.tableDefaultFontSize,"onUpdate:modelValue":a[1]||(a[1]=r=>o.element.options.tableDefaultFontSize=r),min:5,max:72,placeholder:"默认"},null,8,["modelValue"])]),e.createElementVNode("div",$i,[a[7]||(a[7]=e.createElementVNode("span",{class:"pd-label"},"默认文字颜色",-1)),e.createVNode(we,{modelValue:o.element.options.tableDefaultColor,"onUpdate:modelValue":a[2]||(a[2]=r=>o.element.options.tableDefaultColor=r)},null,8,["modelValue"])]),e.createElementVNode("div",Ti,[a[8]||(a[8]=e.createElementVNode("span",{class:"pd-label"},"默认内边距 (mm)",-1)),e.createVNode(se,{modelValue:o.element.options.tableDefaultPadding,"onUpdate:modelValue":a[3]||(a[3]=r=>o.element.options.tableDefaultPadding=r),min:0,max:10,step:.5,placeholder:"默认"},null,8,["modelValue"])]),e.createElementVNode("div",Di,[a[9]||(a[9]=e.createElementVNode("span",{class:"pd-label"},"列宽 (mm)",-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.element.options.tableColWidths,(r,u)=>(e.openBlock(),e.createElementBlock("div",{key:u,class:"col-width-row"},[e.createElementVNode("span",Mi,"列"+e.toDisplayString(u+1),1),e.createVNode(se,{"model-value":r,min:5,max:200,"onUpdate:modelValue":m=>d(u,m)},null,8,["model-value","onUpdate:modelValue"])]))),128))])],32)]),_:1}))}}),zi=re(Pi,[["__scopeId","data-v-b5fdc7ff"]]),Li={class:"border-row"},Ri={class:"pd-field"},Ai={class:"pd-field"},Ii={class:"pd-field"},Fi=e.defineComponent({__name:"BorderBgGroup",props:{element:{},matchedKeys:{},searching:{type:Boolean}},setup(o){const i=o;function t(n){return i.searching?i.matchedKeys?.has(n)??!0:!0}return(n,l)=>(e.openBlock(),e.createBlock(Ce,{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",Li,[e.withDirectives(e.createElementVNode("div",Ri,[l[4]||(l[4]=e.createElementVNode("span",{class:"pd-label"},"边框宽度",-1)),e.createVNode(se,{modelValue:o.element.options.borderWidth,"onUpdate:modelValue":l[0]||(l[0]=d=>o.element.options.borderWidth=d),min:0,max:20,step:.25},null,8,["modelValue"])],512),[[e.vShow,t("bb-border-width")]]),e.withDirectives(e.createElementVNode("div",Ai,[l[5]||(l[5]=e.createElementVNode("span",{class:"pd-label"},"边框颜色",-1)),e.createVNode(we,{modelValue:o.element.options.borderColor,"onUpdate:modelValue":l[1]||(l[1]=d=>o.element.options.borderColor=d)},null,8,["modelValue"])],512),[[e.vShow,t("bb-border-color")]])]),e.withDirectives(e.createElementVNode("div",Ii,[l[6]||(l[6]=e.createElementVNode("span",{class:"pd-label"},"背景色",-1)),e.createVNode(we,{modelValue:o.element.options.backgroundColor,"onUpdate:modelValue":l[2]||(l[2]=d=>o.element.options.backgroundColor=d)},null,8,["modelValue"])],512),[[e.vShow,t("bb-bg-color")]])],32)]),_:1}))}}),Ui=re(Fi,[["__scopeId","data-v-e0e6d714"]]),Hi={class:"advanced-row"},Oi={class:"pd-field"},Wi={class:"pd-field"},Gi={class:"pd-field"},Ki={class:"pd-field"},qi=e.defineComponent({__name:"AdvancedGroup",props:{element:{},matchedKeys:{},searching:{type:Boolean}},emits:["delete-element"],setup(o){const i=o;function t(n){return i.searching?i.matchedKeys?.has(n)??!0:!0}return(n,l)=>(e.openBlock(),e.createBlock(Ce,{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",Hi,[e.withDirectives(e.createElementVNode("div",Oi,[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]=d=>o.element.options.locked=d)},null,512),[[e.vModelCheckbox,o.element.options.locked]])],512),[[e.vShow,t("ad-locked")]]),e.withDirectives(e.createElementVNode("div",Wi,[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]=d=>o.element.options.fixed=d)},null,512),[[e.vModelCheckbox,o.element.options.fixed]])],512),[[e.vShow,t("ad-fixed")]])]),e.withDirectives(e.createElementVNode("div",Gi,[l[7]||(l[7]=e.createElementVNode("span",{class:"pd-label"},"层级",-1)),e.createVNode(se,{modelValue:o.element.options.zIndex,"onUpdate:modelValue":l[2]||(l[2]=d=>o.element.options.zIndex=d),min:0,max:999},null,8,["modelValue"])],512),[[e.vShow,t("ad-z-index")]]),e.withDirectives(e.createElementVNode("div",Ki,[e.createElementVNode("button",{type:"button",class:"pd-button danger",onClick:l[3]||(l[3]=d=>n.$emit("delete-element"))}," 删除元素 ")],512),[[e.vShow,t("ad-delete")]])],32)]),_:1}))}}),Yi=re(qi,[["__scopeId","data-v-14924be2"]]),ji={key:0,class:"pd-field"},Xi=["checked"],Zi={class:"pd-field"},Ji=["checked"],Qi={class:"pd-field"},_i=["checked"],Nt=e.defineComponent({__name:"PaginationGroup",props:{element:{},matchedKeys:{},searching:{type:Boolean}},setup(o){const i=o,t=e.computed(()=>i.element.printElementType.type==="table"),n=e.computed({get:()=>i.element.options.tablePagination?.enabled??!0,set:()=>{}});function l(m){i.element.options.tablePagination={enabled:m}}const d=e.computed({get:()=>i.element.options.pagination?.pageable??!0,set:()=>{}}),s=e.computed({get:()=>i.element.options.pagination?.keepWithNext??!1,set:()=>{}});function a(m){i.element.options.pagination={pageable:m,keepWithNext:s.value}}function r(m){i.element.options.pagination={pageable:d.value,keepWithNext:m}}function u(m){return i.searching?i.matchedKeys?.has(m)??!0:!0}return(m,g)=>(e.openBlock(),e.createBlock(Ce,{title:"分页配置",icon:"Document","group-key":"pagination"},{default:e.withCtx(()=>[e.createElementVNode("form",{class:"pd-form",onSubmit:g[3]||(g[3]=e.withModifiers(()=>{},["prevent"]))},[t.value?e.withDirectives((e.openBlock(),e.createElementBlock("div",ji,[g[4]||(g[4]=e.createElementVNode("span",{class:"pd-label"},"启用分页",-1)),e.createElementVNode("input",{type:"checkbox",class:"pd-switch",checked:n.value,onChange:g[0]||(g[0]=k=>l(k.target.checked))},null,40,Xi)],512)),[[e.vShow,u("pg-enabled")]]):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.withDirectives(e.createElementVNode("div",Zi,[g[5]||(g[5]=e.createElementVNode("span",{class:"pd-label"},"参与分页",-1)),e.createElementVNode("input",{type:"checkbox",class:"pd-switch",checked:d.value,onChange:g[1]||(g[1]=k=>a(k.target.checked))},null,40,Ji)],512),[[e.vShow,u("pg-pageable")]]),e.withDirectives(e.createElementVNode("div",Qi,[g[6]||(g[6]=e.createElementVNode("span",{class:"pd-label"},"与下元素同页",-1)),e.createElementVNode("input",{type:"checkbox",class:"pd-switch",checked:s.value,onChange:g[2]||(g[2]=k=>r(k.target.checked))},null,40,_i)],512),[[e.vShow,u("pg-keep-with-next")]])],64))],32)]),_:1}))}}),es={class:"image-content-upload"},ts=["disabled"],os=e.defineComponent({__name:"ImageContentUpload",props:{disabled:{type:Boolean}},emits:["success"],setup(o,{emit:i}){const t=o,n=i,l=e.ref(!1),d=e.inject(dt,e.computed(()=>{})),s=e.computed(()=>t.disabled||l.value||!d.value);async function a(r){const u=r.target,m=u.files?.[0];if(m){if(!m.type.startsWith("image/")){alert("仅支持上传图片文件"),u.value="";return}if(!d.value){alert("图片上传能力未配置"),u.value="";return}l.value=!0;try{const g=await d.value(m);g?n("success",g):alert("图片上传失败")}catch(g){alert(g instanceof Error?g.message:"图片上传失败")}finally{l.value=!1,u.value=""}}}return(r,u)=>(e.openBlock(),e.createElementBlock("div",es,[e.createElementVNode("label",{class:e.normalizeClass(["pd-button small upload-label",{disabled:s.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:s.value,onChange:a},null,40,ts)],2),u[1]||(u[1]=e.createElementVNode("p",{class:"upload-tip"},"支持 jpg/png/gif/bmp/webp/svg 等图片,上传后填入相对路径",-1))]))}}),ns=re(os,[["__scopeId","data-v-b730e8e6"]]),ls={class:"pd-field"},as=["value"],is={class:"pd-field"},ss={key:0,class:"pd-field"},rs=["checked"],ds=e.defineComponent({__name:"TableRowGroup",props:{element:{},selection:{}},setup(o){const i=o,t=e.inject(Oe),n=e.computed(()=>i.element.options.tableRows[i.selection.r1]);function l(a){const r=h.setRowType(i.element.options.tableRows,i.selection.r1,a);if(r){alert(r);return}t.recordHistory()}function d(a){a!==void 0&&(n.value.height=a,h.syncTableElementSize(i.element.options),t.recordHistory())}function s(a){n.value.repeatOnPage=a,t.recordHistory()}return(a,r)=>(e.openBlock(),e.createBlock(Ce,{title:"行属性",icon:"Grid","default-expanded":"","group-key":"table-row"},{default:e.withCtx(()=>[e.createElementVNode("form",{class:"pd-form",onSubmit:r[2]||(r[2]=e.withModifiers(()=>{},["prevent"]))},[e.createElementVNode("div",ls,[r[4]||(r[4]=e.createElementVNode("span",{class:"pd-label"},"行类型",-1)),e.createElementVNode("select",{value:n.value.type,class:"pd-select",style:{width:"100%"},onChange:r[0]||(r[0]=u=>l(u.target.value))},[...r[3]||(r[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,as)]),e.createElementVNode("div",is,[r[5]||(r[5]=e.createElementVNode("span",{class:"pd-label"},"行高 (mm)",-1)),e.createVNode(se,{"model-value":n.value.height,min:3,max:100,step:.5,"onUpdate:modelValue":d},null,8,["model-value"])]),n.value.type==="header"?(e.openBlock(),e.createElementBlock("div",ss,[r[6]||(r[6]=e.createElementVNode("span",{class:"pd-label"},"每页顶部重复",-1)),e.createElementVNode("input",{checked:n.value.repeatOnPage??!1,type:"checkbox",class:"pd-switch",onInput:r[1]||(r[1]=u=>s(!!u.target.checked))},null,40,rs)])):e.createCommentVNode("",!0)],32)]),_:1}))}}),cs={class:"pd-field"},us={class:"pd-radio-group",role:"radiogroup"},ms={class:"pd-radio"},ps=["checked"],vs={class:"pd-radio"},fs=["checked"],gs={class:"pd-radio"},hs=["checked"],bs={class:"pd-radio"},Es=["checked"],ys={key:0,class:"pd-field"},ks=["value"],Vs={key:1,class:"pd-field"},Ns=["checked"],ws={key:2,class:"pd-field"},Cs={key:3,class:"pd-hint"},Ss={key:4,class:"pd-field"},Bs={key:5,class:"pd-field"},xs=["value"],$s={key:6,class:"pd-hint"},Ts={key:7,class:"pd-field"},Ds=["value"],Ms={key:8,class:"pd-hint"},Ps={key:9,class:"pd-field"},zs=["value"],Ls={key:10,class:"pd-field"},Rs={key:11,class:"pd-field"},As={class:"pd-field"},Is=["value"],Fs={class:"pd-field"},Us={class:"pd-radio-group",role:"radiogroup"},Hs={class:"pd-radio"},Os=["checked"],Ws={class:"pd-radio"},Gs=["checked"],Ks={class:"pd-radio"},qs=["checked"],Ys={class:"pd-field"},js={class:"pd-radio-group",role:"radiogroup"},Xs={class:"pd-radio"},Zs=["checked"],Js={class:"pd-radio"},Qs=["checked"],_s={class:"pd-radio"},er=["checked"],tr={class:"cell-style-grid"},or={class:"pd-field cell-font-field"},nr={class:"pd-field"},lr={class:"pd-field"},ar=["checked"],ir={class:"pd-field"},sr={class:"pd-field"},rr={class:"border-style-row"},dr={style:{width:"112px","flex-shrink":"0"}},cr={class:"pd-button-group border-presets"},ur={class:"pd-checkbox-group"},mr={class:"pd-checkbox"},pr={class:"pd-checkbox"},vr={class:"pd-checkbox"},fr={class:"pd-checkbox"},gr={class:"pd-field"},hr={class:"pd-field"},br=["checked"],Er={key:12,class:"pd-field"},yr=["value"],kr={key:13,class:"pd-field"},Vr={class:"merge-btns"},Nr=["disabled","title"],wr=["disabled"],Cr=e.defineComponent({__name:"TableCellGroup",props:{element:{},selection:{},fields:{}},setup(o,{expose:i}){const t=o,n=e.inject(Oe),l=e.computed(()=>t.element.options.tableRows),d=e.computed(()=>{const J=h.findMainCell(l.value,t.selection.r1,t.selection.c1);return l.value[J.r].cells[J.c]}),s=e.ref(!1),a=e.ref(""),r=e.computed(()=>d.value.cellType==="barcode"),u=e.computed(()=>d.value.cellType==="qrcode"),m=e.computed(()=>d.value.cellType==="image"),g=e.computed(()=>r.value&&!!d.value.printerDpi),k=e.computed(()=>!r.value&&!u.value&&!m.value),y=e.computed(()=>h.resolveCellTextFit(d.value));function R(J){const c=J.target.value;H(N=>{N.textFit=c})}function C(J){H(c=>{c.align=J})}function v(J){H(c=>{c.valign=J})}function f(J){const c=Number(J);H(N=>{N.printerDpi=c>0?c:void 0})}function M(J){H(c=>{c.cellType=J==="text"?void 0:J,J!=="barcode"&&(c.barcodeType=void 0,c.showBarcodeText=void 0,c.printerDpi=void 0),J!=="qrcode"&&(c.qrCodeLevel=void 0)})}function j(){a.value=d.value.formatter||"",s.value=!0}function ne(J){H(c=>{c.formatter=J||void 0})}function H(J){const c=t.selection;for(let N=c.r1;N<=c.r2;N++)for(let W=c.c1;W<=c.c2;W++){const he=l.value[N].cells[W];he.merged||J(he)}n.recordHistory()}const K=e.ref("solid"),b=e.ref(.75),B=e.ref("#333333"),S=e.ref([]);function x(){return{width:b.value,style:K.value,color:B.value}}function T(J){h.applyBorderPreset(l.value,t.selection,J,x()),n.recordHistory()}function X(J){const c=J.target,N=new Set(S.value);c.checked?N.add(c.value):N.delete(c.value),S.value=[...N];const W=x();H(he=>{const pe={...he.borders??{}};for(const ce of["top","right","bottom","left"])N.has(ce)?pe[ce]={...W}:delete pe[ce];he.borders=pe})}const ee=e.computed(()=>h.canMergeReason(l.value,t.selection)),le=e.computed(()=>{const J=t.selection;for(let c=J.r1;c<=J.r2;c++)for(let N=J.c1;N<=J.c2;N++){const W=l.value[c].cells[N];if(!W.merged&&((W.rowspan??1)>1||(W.colspan??1)>1))return!0}return!1});function ie(){h.mergeCells(l.value,t.selection),n.recordHistory()}function ue(){h.splitCells(l.value,t.selection),n.recordHistory()}return i({openFormatterEditor:j}),(J,c)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(Ce,{title:"单元格",icon:"Menu","default-expanded":"","group-key":"table-cell"},{default:e.withCtx(()=>[e.createElementVNode("form",{class:"pd-form",onSubmit:c[43]||(c[43]=e.withModifiers(()=>{},["prevent"]))},[e.createElementVNode("div",cs,[c[49]||(c[49]=e.createElementVNode("span",{class:"pd-label"},"单元格类型",-1)),e.createElementVNode("div",us,[e.createElementVNode("label",ms,[e.createElementVNode("input",{type:"radio",value:"text",checked:(d.value.cellType||"text")==="text",onChange:c[0]||(c[0]=N=>M(N.target.value))},null,40,ps),c[45]||(c[45]=e.createElementVNode("span",null,"文本",-1))]),e.createElementVNode("label",vs,[e.createElementVNode("input",{type:"radio",value:"barcode",checked:d.value.cellType==="barcode",onChange:c[1]||(c[1]=N=>M(N.target.value))},null,40,fs),c[46]||(c[46]=e.createElementVNode("span",null,"条形码",-1))]),e.createElementVNode("label",gs,[e.createElementVNode("input",{type:"radio",value:"qrcode",checked:d.value.cellType==="qrcode",onChange:c[2]||(c[2]=N=>M(N.target.value))},null,40,hs),c[47]||(c[47]=e.createElementVNode("span",null,"二维码",-1))]),e.createElementVNode("label",bs,[e.createElementVNode("input",{type:"radio",value:"image",checked:d.value.cellType==="image",onChange:c[3]||(c[3]=N=>M(N.target.value))},null,40,Es),c[48]||(c[48]=e.createElementVNode("span",null,"图片",-1))])])]),r.value?(e.openBlock(),e.createElementBlock("div",ys,[c[51]||(c[51]=e.createElementVNode("span",{class:"pd-label"},"码制",-1)),e.createElementVNode("select",{value:d.value.barcodeType||"CODE128",class:"pd-select",onChange:c[4]||(c[4]=N=>H(W=>{W.barcodeType=N.target.value||void 0}))},[...c[50]||(c[50]=[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,ks)])):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createElementBlock("div",Vs,[c[52]||(c[52]=e.createElementVNode("span",{class:"pd-label"},"显示文本",-1)),e.createElementVNode("input",{checked:d.value.showBarcodeText!==!1,type:"checkbox",class:"pd-switch",onInput:c[5]||(c[5]=N=>H(W=>{W.showBarcodeText=!!N.target.checked}))},null,40,Ns)])):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createElementBlock("div",ws,[c[53]||(c[53]=e.createElementVNode("span",{class:"pd-label"},"条宽(倍率)",-1)),e.createVNode(se,{"model-value":d.value.barWidth??2,min:2,max:4,step:.5,"onUpdate:modelValue":c[6]||(c[6]=N=>H(W=>{W.barWidth=N}))},null,8,["model-value"])])):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createElementBlock("p",Cs,e.toDisplayString(g.value?"已设置打印机分辨率:条宽会被吸附到最近的整数打印点(DPI 优先于毫米值),单元格放不下时整体等比缩小":"热敏/针式打印建议 3 及以上:决定条码的落纸尺寸,条越粗出纸后条宽越稳定"),1)):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createElementBlock("div",Ss,[c[54]||(c[54]=e.createElementVNode("span",{class:"pd-label"},"文本字号(相对条高,条高为 30)",-1)),e.createVNode(se,{"model-value":d.value.barFontSize??10,min:5,max:24,placeholder:"默认 10","onUpdate:modelValue":c[7]||(c[7]=N=>H(W=>{W.barFontSize=N??void 0}))},null,8,["model-value"])])):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createElementBlock("div",Bs,[c[56]||(c[56]=e.createElementVNode("span",{class:"pd-label"},"打印机分辨率",-1)),e.createElementVNode("select",{value:d.value.printerDpi?String(d.value.printerDpi):"",class:"pd-select",onChange:c[8]||(c[8]=N=>f(N.target.value))},[...c[55]||(c[55]=[e.createElementVNode("option",{value:""},"不指定(按条宽渲染)",-1),e.createElementVNode("option",{value:"203"},"203 dpi(8 点/mm)",-1),e.createElementVNode("option",{value:"300"},"300 dpi(11.8 点/mm)",-1),e.createElementVNode("option",{value:"600"},"600 dpi(23.6 点/mm)",-1)])],40,xs)])):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createElementBlock("p",$s,"填写后条宽吸附到整数打印点(消除出纸「条宽忽宽忽窄」):条码先按条宽渲染,可用宽度够就原样落纸,不够才整体等比缩小")):e.createCommentVNode("",!0),u.value?(e.openBlock(),e.createElementBlock("div",Ts,[c[58]||(c[58]=e.createElementVNode("span",{class:"pd-label"},"纠错级别",-1)),e.createElementVNode("select",{value:d.value.qrCodeLevel||"M",class:"pd-select",onChange:c[9]||(c[9]=N=>H(W=>{W.qrCodeLevel=N.target.value||void 0}))},[...c[57]||(c[57]=[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,Ds)])):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createElementBlock("p",Ms,"单元格条码尺寸由「条宽」与「打印机分辨率」结算:可用宽度足够时按条宽原样落纸,不足时整体等比缩小;拉伸会把条宽变成非整数,故条形码不提供缩放模式,可用「最大宽高」限制上限")):e.createCommentVNode("",!0),u.value||m.value?(e.openBlock(),e.createElementBlock("div",Ps,[c[60]||(c[60]=e.createElementVNode("span",{class:"pd-label"},"缩放模式",-1)),e.createElementVNode("select",{value:d.value.fit||"contain",class:"pd-select",onChange:c[10]||(c[10]=N=>H(W=>{W.fit=N.target.value}))},[...c[59]||(c[59]=[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,zs)])):e.createCommentVNode("",!0),r.value||u.value||m.value?(e.openBlock(),e.createElementBlock("div",Ls,[c[61]||(c[61]=e.createElementVNode("span",{class:"pd-label"},"最大宽度 (mm)",-1)),e.createVNode(se,{"model-value":d.value.maxWidth,min:1,max:200,placeholder:"默认","onUpdate:modelValue":c[11]||(c[11]=N=>H(W=>{W.maxWidth=N??void 0}))},null,8,["model-value"])])):e.createCommentVNode("",!0),r.value||u.value||m.value?(e.openBlock(),e.createElementBlock("div",Rs,[c[62]||(c[62]=e.createElementVNode("span",{class:"pd-label"},"最大高度 (mm)",-1)),e.createVNode(se,{"model-value":d.value.maxHeight,min:1,max:200,placeholder:"默认","onUpdate:modelValue":c[12]||(c[12]=N=>H(W=>{W.maxHeight=N??void 0}))},null,8,["model-value"])])):e.createCommentVNode("",!0),e.createElementVNode("div",As,[c[63]||(c[63]=e.createElementVNode("span",{class:"pd-label"},"内容",-1)),e.createElementVNode("input",{value:d.value.formatter||"",class:"pd-input",placeholder:"输入内容,支持 {字段} 表达式",onInput:c[13]||(c[13]=N=>H(W=>{W.formatter=N.target.value||void 0})),onDblclick:j},null,40,Is)]),e.createElementVNode("div",Fs,[c[67]||(c[67]=e.createElementVNode("span",{class:"pd-label"},"水平对齐",-1)),e.createElementVNode("div",Us,[e.createElementVNode("label",Hs,[e.createElementVNode("input",{type:"radio",value:"left",checked:d.value.align==="left",onChange:c[14]||(c[14]=N=>C(N.target.value))},null,40,Os),c[64]||(c[64]=e.createElementVNode("span",null,"左",-1))]),e.createElementVNode("label",Ws,[e.createElementVNode("input",{type:"radio",value:"center",checked:d.value.align==="center",onChange:c[15]||(c[15]=N=>C(N.target.value))},null,40,Gs),c[65]||(c[65]=e.createElementVNode("span",null,"中",-1))]),e.createElementVNode("label",Ks,[e.createElementVNode("input",{type:"radio",value:"right",checked:d.value.align==="right",onChange:c[16]||(c[16]=N=>C(N.target.value))},null,40,qs),c[66]||(c[66]=e.createElementVNode("span",null,"右",-1))])])]),e.createElementVNode("div",Ys,[c[71]||(c[71]=e.createElementVNode("span",{class:"pd-label"},"垂直对齐",-1)),e.createElementVNode("div",js,[e.createElementVNode("label",Xs,[e.createElementVNode("input",{type:"radio",value:"top",checked:d.value.valign==="top",onChange:c[17]||(c[17]=N=>v(N.target.value))},null,40,Zs),c[68]||(c[68]=e.createElementVNode("span",null,"上",-1))]),e.createElementVNode("label",Js,[e.createElementVNode("input",{type:"radio",value:"middle",checked:d.value.valign==="middle",onChange:c[18]||(c[18]=N=>v(N.target.value))},null,40,Qs),c[69]||(c[69]=e.createElementVNode("span",null,"中",-1))]),e.createElementVNode("label",_s,[e.createElementVNode("input",{type:"radio",value:"bottom",checked:d.value.valign==="bottom",onChange:c[19]||(c[19]=N=>v(N.target.value))},null,40,er),c[70]||(c[70]=e.createElementVNode("span",null,"下",-1))])])]),e.createElementVNode("div",tr,[e.createElementVNode("div",or,[c[72]||(c[72]=e.createElementVNode("span",{class:"pd-label"},"字体",-1)),e.createVNode(Dt,{"model-value":d.value.fontFamily,placeholder:"继承默认","onUpdate:modelValue":c[20]||(c[20]=N=>H(W=>{W.fontFamily=N}))},null,8,["model-value"])]),e.createElementVNode("div",nr,[c[73]||(c[73]=e.createElementVNode("span",{class:"pd-label"},"字号 (pt)",-1)),e.createVNode(se,{"model-value":d.value.fontSize,min:5,max:72,placeholder:"默认","onUpdate:modelValue":c[21]||(c[21]=N=>H(W=>{W.fontSize=N??void 0}))},null,8,["model-value"])]),e.createElementVNode("div",lr,[c[74]||(c[74]=e.createElementVNode("span",{class:"pd-label"},"加粗",-1)),e.createElementVNode("input",{checked:d.value.fontWeight==="bold",type:"checkbox",class:"pd-switch",onInput:c[22]||(c[22]=N=>H(W=>{W.fontWeight=N.target.checked?"bold":void 0}))},null,40,ar)]),e.createElementVNode("div",ir,[c[75]||(c[75]=e.createElementVNode("span",{class:"pd-label"},"文字颜色",-1)),e.createVNode(we,{"model-value":d.value.color,"onUpdate:modelValue":c[23]||(c[23]=N=>H(W=>{W.color=N}))},null,8,["model-value"])]),e.createElementVNode("div",sr,[c[76]||(c[76]=e.createElementVNode("span",{class:"pd-label"},"背景色",-1)),e.createVNode(we,{"model-value":d.value.backgroundColor,"onUpdate:modelValue":c[24]||(c[24]=N=>H(W=>{W.backgroundColor=N}))},null,8,["model-value"])])]),c[87]||(c[87]=e.createElementVNode("h3",{class:"pd-divider"},"边框",-1)),e.createElementVNode("div",rr,[e.withDirectives(e.createElementVNode("select",{class:"pd-select","onUpdate:modelValue":c[25]||(c[25]=N=>K.value=N),style:{width:"90px"}},[...c[77]||(c[77]=[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,K.value]]),e.createElementVNode("div",dr,[e.createVNode(se,{modelValue:b.value,"onUpdate:modelValue":c[26]||(c[26]=N=>b.value=N),min:.25,max:5,step:.25},null,8,["modelValue"])]),e.createVNode(we,{modelValue:B.value,"onUpdate:modelValue":c[27]||(c[27]=N=>B.value=N),clearable:!1},null,8,["modelValue"])]),e.createElementVNode("div",cr,[e.createElementVNode("button",{type:"button",class:"pd-button small",onClick:c[28]||(c[28]=N=>T("all"))},"全部"),e.createElementVNode("button",{type:"button",class:"pd-button small",onClick:c[29]||(c[29]=N=>T("outer"))},"外侧"),e.createElementVNode("button",{type:"button",class:"pd-button small",onClick:c[30]||(c[30]=N=>T("inner"))},"内部"),e.createElementVNode("button",{type:"button",class:"pd-button small",onClick:c[31]||(c[31]=N=>T("none"))},"无")]),e.createElementVNode("div",ur,[e.createElementVNode("label",mr,[e.withDirectives(e.createElementVNode("input",{type:"checkbox","onUpdate:modelValue":c[32]||(c[32]=N=>S.value=N),value:"top",onChange:c[33]||(c[33]=N=>X(N))},null,544),[[e.vModelCheckbox,S.value]]),c[78]||(c[78]=e.createElementVNode("span",null,"上",-1))]),e.createElementVNode("label",pr,[e.withDirectives(e.createElementVNode("input",{type:"checkbox","onUpdate:modelValue":c[34]||(c[34]=N=>S.value=N),value:"right",onChange:c[35]||(c[35]=N=>X(N))},null,544),[[e.vModelCheckbox,S.value]]),c[79]||(c[79]=e.createElementVNode("span",null,"右",-1))]),e.createElementVNode("label",vr,[e.withDirectives(e.createElementVNode("input",{type:"checkbox","onUpdate:modelValue":c[36]||(c[36]=N=>S.value=N),value:"bottom",onChange:c[37]||(c[37]=N=>X(N))},null,544),[[e.vModelCheckbox,S.value]]),c[80]||(c[80]=e.createElementVNode("span",null,"下",-1))]),e.createElementVNode("label",fr,[e.withDirectives(e.createElementVNode("input",{type:"checkbox","onUpdate:modelValue":c[38]||(c[38]=N=>S.value=N),value:"left",onChange:c[39]||(c[39]=N=>X(N))},null,544),[[e.vModelCheckbox,S.value]]),c[81]||(c[81]=e.createElementVNode("span",null,"左",-1))])]),e.createElementVNode("div",gr,[c[82]||(c[82]=e.createElementVNode("span",{class:"pd-label"},"内边距 (mm)",-1)),e.createVNode(se,{"model-value":d.value.padding,min:0,max:10,step:.5,placeholder:"默认","onUpdate:modelValue":c[40]||(c[40]=N=>H(W=>{W.padding=N??void 0}))},null,8,["model-value"])]),e.createElementVNode("div",hr,[c[83]||(c[83]=e.createElementVNode("span",{class:"pd-label"},"自动换行",-1)),e.createElementVNode("input",{checked:d.value.wordWrap??!0,type:"checkbox",class:"pd-switch",onInput:c[41]||(c[41]=N=>H(W=>{W.wordWrap=!!N.target.checked}))},null,40,br)]),k.value?(e.openBlock(),e.createElementBlock("div",Er,[c[85]||(c[85]=e.createElementVNode("span",{class:"pd-label"},"文字溢出",-1)),e.createElementVNode("select",{class:"pd-select",value:y.value,style:{width:"100%"},onChange:R},[...c[84]||(c[84]=[e.createElementVNode("option",{value:"clip"},"截断",-1),e.createElementVNode("option",{value:"shrink"},"自动缩小",-1),e.createElementVNode("option",{value:"autoHeight"},"自适应行高",-1)])],40,yr)])):e.createCommentVNode("",!0),k.value&&y.value==="shrink"?(e.openBlock(),e.createElementBlock("div",kr,[c[86]||(c[86]=e.createElementVNode("span",{class:"pd-label"},"最小字号 (pt)",-1)),e.createVNode(se,{"model-value":d.value.shrinkMinFontSize,min:1,max:72,step:.5,placeholder:"默认 6","onUpdate:modelValue":c[42]||(c[42]=N=>H(W=>{W.shrinkMinFontSize=N??void 0}))},null,8,["model-value"])])):e.createCommentVNode("",!0),e.createElementVNode("div",Vr,[e.createElementVNode("button",{type:"button",class:"pd-button small",disabled:!!ee.value,title:ee.value||"",onClick:ie}," 合并单元格 ",8,Nr),e.createElementVNode("button",{type:"button",class:"pd-button small",disabled:!le.value,onClick:ue},"拆分单元格",8,wr)])],32)]),_:1}),e.createVNode(Je,{modelValue:s.value,"onUpdate:modelValue":c[44]||(c[44]=N=>s.value=N),fields:o.fields,expression:a.value,"onUpdate:expression":ne},null,8,["modelValue","fields","expression"])],64))}}),Sr=re(Cr,[["__scopeId","data-v-8a66df60"]]),Br={class:"watermark-config"},xr={class:"pd-field"},$r={key:0,class:"pd-field"},Tr={class:"pd-field"},Dr={class:"pd-hint"},Mr={class:"pd-field"},Pr={class:"pd-field"},zr={class:"pd-hint"},Lr={class:"pd-field"},Rr=["value"],Ar={class:"pd-field"},Ir=["min"],Fr={class:"pd-field"},Ur=["min"],Hr=e.defineComponent({__name:"WatermarkConfig",props:{modelValue:{},fields:{}},emits:["update:modelValue"],setup(o,{emit:i}){const t=o,n=i,l=ge.WATERMARK_DENSITY_PRESETS,d=ge.WATERMARK_DEFAULTS.minTileWidth,s=ge.WATERMARK_DEFAULTS.minTileHeight;function a(K){const b=K.trim();return b?/[{}]/.test(b)||/^[A-Za-z_$][\w$]*\s*\(/.test(b)?!0:/^[A-Za-z_$][\w$]*(\.[\w$]+)+$/.test(b):!1}function r(K){return K?K.mode==="binding"?K.binding??"":K.content??"":""}const u=e.ref(r(t.modelValue)),m=e.ref(t.modelValue?.testData||""),g=e.ref(!1),k=e.ref(t.modelValue?.mode==="binding"?"binding":"fixed"),y=e.reactive({rotate:t.modelValue?.rotate??ge.WATERMARK_DEFAULTS.rotate,color:t.modelValue?.color||ge.WATERMARK_DEFAULTS.color,opacity:t.modelValue?.opacity??ge.WATERMARK_DEFAULTS.opacity,tileWidth:t.modelValue?.tileWidth??ge.WATERMARK_DEFAULTS.tileWidth,tileHeight:t.modelValue?.tileHeight??ge.WATERMARK_DEFAULTS.tileHeight}),R=e.computed(()=>k.value==="binding");e.watch(()=>t.modelValue,K=>{K&&(u.value=r(K),k.value=K.mode==="binding"?"binding":"fixed",m.value=K.testData||"",y.rotate=K.rotate??ge.WATERMARK_DEFAULTS.rotate,y.color=K.color||ge.WATERMARK_DEFAULTS.color,y.opacity=K.opacity??ge.WATERMARK_DEFAULTS.opacity,y.tileWidth=K.tileWidth??ge.WATERMARK_DEFAULTS.tileWidth,y.tileHeight=K.tileHeight??ge.WATERMARK_DEFAULTS.tileHeight)},{deep:!0});const C=e.computed({get(){const{tileWidth:K,tileHeight:b}=y;for(const[B,S]of Object.entries(l))if(K===S.width&&b===S.height)return B;return"custom"},set(K){const b=l[K];b&&(y.tileWidth=b.width,y.tileHeight=b.height)}});function v(){k.value=a(u.value)?"binding":"fixed",H()}function f(){v()}function M(){g.value=!0}function j(K){u.value=K,v()}function ne(K){y.color=K,H()}function H(){const K={testData:m.value,rotate:y.rotate,color:y.color,opacity:y.opacity,tileWidth:y.tileWidth,tileHeight:y.tileHeight};n("update:modelValue",k.value==="binding"?{...K,mode:"binding",binding:u.value,content:""}:{...K,mode:"fixed",content:u.value,binding:""})}return(K,b)=>(e.openBlock(),e.createElementBlock("div",Br,[b[18]||(b[18]=e.createElementVNode("h3",{class:"pd-divider"},"水印",-1)),e.createElementVNode("form",{class:"pd-form",onSubmit:b[8]||(b[8]=e.withModifiers(()=>{},["prevent"]))},[e.createElementVNode("div",xr,[b[9]||(b[9]=e.createElementVNode("span",{class:"pd-label"},"水印表达式",-1)),e.withDirectives(e.createElementVNode("input",{class:"pd-input","onUpdate:modelValue":b[0]||(b[0]=B=>u.value=B),placeholder:"直接输入文字,或用表达式:{order.no}、{printDate}",title:"双击或点「编辑表达式」打开表达式弹框",onInput:f,onDblclick:M},null,544),[[e.vModelText,u.value]]),e.createElementVNode("button",{type:"button",class:"pd-button small",onClick:M},"编辑表达式")]),R.value?(e.openBlock(),e.createElementBlock("div",$r,[b[10]||(b[10]=e.createElementVNode("span",{class:"pd-label"},"测试值",-1)),e.withDirectives(e.createElementVNode("input",{class:"pd-input","onUpdate:modelValue":b[1]||(b[1]=B=>m.value=B),placeholder:"表达式取不到值时预览显示",onInput:H},null,544),[[e.vModelText,m.value]])])):e.createCommentVNode("",!0),e.createVNode(Je,{modelValue:g.value,"onUpdate:modelValue":b[2]||(b[2]=B=>g.value=B),fields:o.fields,expression:u.value,"onUpdate:expression":j},null,8,["modelValue","fields","expression"]),e.createElementVNode("div",Tr,[b[11]||(b[11]=e.createElementVNode("span",{class:"pd-label"},"旋转角度",-1)),e.withDirectives(e.createElementVNode("input",{type:"range",class:"pd-range","onUpdate:modelValue":b[3]||(b[3]=B=>y.rotate=B),min:-90,max:90,step:5,onChange:H},null,544),[[e.vModelText,y.rotate,void 0,{number:!0}]]),e.createElementVNode("span",Dr,e.toDisplayString(y.rotate)+"°",1)]),e.createElementVNode("div",Mr,[b[12]||(b[12]=e.createElementVNode("span",{class:"pd-label"},"颜色",-1)),e.createVNode(we,{"model-value":y.color,"onUpdate:modelValue":ne},null,8,["model-value"])]),e.createElementVNode("div",Pr,[b[13]||(b[13]=e.createElementVNode("span",{class:"pd-label"},"透明度",-1)),e.withDirectives(e.createElementVNode("input",{type:"range",class:"pd-range","onUpdate:modelValue":b[4]||(b[4]=B=>y.opacity=B),min:.05,max:.5,step:.05,onChange:H},null,544),[[e.vModelText,y.opacity,void 0,{number:!0}]]),e.createElementVNode("span",zr,e.toDisplayString(y.opacity.toFixed(2)),1)]),e.createElementVNode("div",Lr,[b[15]||(b[15]=e.createElementVNode("span",{class:"pd-label"},"密度",-1)),e.withDirectives(e.createElementVNode("select",{class:"pd-select","onUpdate:modelValue":b[5]||(b[5]=B=>C.value=B),style:{width:"100%"},onChange:H},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(l),(B,S)=>(e.openBlock(),e.createElementBlock("option",{key:S,value:S},e.toDisplayString(B.label)+"("+e.toDisplayString(B.width)+"×"+e.toDisplayString(B.height)+")",9,Rr))),128)),b[14]||(b[14]=e.createElementVNode("option",{value:"custom"},"自定义",-1))],544),[[e.vModelSelect,C.value]])]),C.value==="custom"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",Ar,[b[16]||(b[16]=e.createElementVNode("span",{class:"pd-label"},"瓦片宽",-1)),e.withDirectives(e.createElementVNode("input",{type:"number",class:"pd-input","onUpdate:modelValue":b[6]||(b[6]=B=>y.tileWidth=B),min:e.unref(d),step:10,onChange:H},null,40,Ir),[[e.vModelText,y.tileWidth,void 0,{number:!0}]])]),e.createElementVNode("div",Fr,[b[17]||(b[17]=e.createElementVNode("span",{class:"pd-label"},"瓦片高",-1)),e.withDirectives(e.createElementVNode("input",{type:"number",class:"pd-input","onUpdate:modelValue":b[7]||(b[7]=B=>y.tileHeight=B),min:e.unref(s),step:10,onChange:H},null,40,Ur),[[e.vModelText,y.tileHeight,void 0,{number:!0}]])])],64)):e.createCommentVNode("",!0)],32)]))}}),Or=re(Hr,[["__scopeId","data-v-b55bfc50"]]),Wr={class:"design-background-config"},Gr=["title"],Kr={class:"design-background-actions"},qr=["disabled"],Yr=e.defineComponent({__name:"DesignBackgroundConfig",props:{modelValue:{}},emits:["update:modelValue"],setup(o,{emit:i}){const t=o,n=i,l=e.ref(!1),d=e.inject(ct,e.computed(()=>{})),s=e.computed(()=>l.value||!d.value),a=e.computed(()=>t.modelValue?.rotation??0);async function r(g){const k=g.target,y=k.files?.[0];if(y){if(!y.type.startsWith("image/")){alert("仅支持上传图片文件"),k.value="";return}if(!d.value){alert("设计背景上传能力未配置"),k.value="";return}l.value=!0;try{const R=await d.value(y);R?n("update:modelValue",{src:R,rotation:0}):alert("设计背景上传失败")}catch(R){alert(R instanceof Error?R.message:"设计背景上传失败")}finally{l.value=!1,k.value=""}}}function u(){if(!t.modelValue?.src)return;const g=(a.value+90)%360;n("update:modelValue",{src:t.modelValue.src,rotation:g})}function m(){n("update:modelValue",void 0)}return(g,k)=>(e.openBlock(),e.createElementBlock("div",Wr,[k[0]||(k[0]=e.createElementVNode("h3",{class:"pd-divider"},"设计背景",-1)),k[1]||(k[1]=e.createElementVNode("p",{class:"design-background-tip"},"仅设计器显示,用于套打定位,不会出现在预览和打印中",-1)),o.modelValue?.src?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",{class:"design-background-path",title:o.modelValue.src},e.toDisplayString(o.modelValue.src),9,Gr),e.createElementVNode("div",Kr,[e.createElementVNode("button",{type:"button",class:"pd-button small rotate-btn",onClick:u}," 旋转("+e.toDisplayString(a.value)+"°) ",1),e.createElementVNode("button",{type:"button",class:"pd-button small remove-btn",onClick:m},"移除")])],64)):(e.openBlock(),e.createElementBlock("label",{key:1,class:e.normalizeClass(["pd-button small upload-label",{disabled:s.value}])},[e.createTextVNode(e.toDisplayString(l.value?"上传中...":"上传背景图")+" ",1),e.createElementVNode("input",{class:"visually-hidden",type:"file",accept:"image/*",disabled:s.value,onChange:r},null,40,qr)],2))]))}}),jr=re(Yr,[["__scopeId","data-v-3f4d2e32"]]),Xr={class:"tiling-config","data-test":"tiling-config"},Zr={class:"pd-field"},Jr={class:"tiling-switch"},Qr=["checked","disabled"],_r={key:0,class:"pd-hint tiling-error"},ed={class:"pd-field"},td=["value"],od=["value"],nd={key:0,class:"pd-field"},ld={class:"custom-size-grid"},ad={key:1,class:"pd-field"},id={class:"pd-radio-group",role:"radiogroup"},sd={class:"pd-radio"},rd=["checked"],dd={class:"pd-radio"},cd=["checked"],ud={class:"margin-grid"},md={class:"pd-field"},pd={class:"pd-field"},vd={class:"pd-field"},fd={class:"pd-field"},gd={class:"pd-field"},hd={class:"pd-field"},bd={class:"pd-field"},Ed={key:2,class:"pd-hint tiling-summary"},yd=e.defineComponent({__name:"TilingConfig",props:{modelValue:{},templateData:{}},emits:["update:modelValue"],setup(o,{emit:i}){const t=o,n=i,l=Object.keys(h.PAPER_PRESETS).filter(v=>v!=="CUSTOM"&&!h.PAPER_PRESETS[v]?.continuous),d=e.computed(()=>h.isContinuousPaperSize(t.templateData?.paperSize)),s=e.computed(()=>({...ge.TILE_DEFAULTS,...t.modelValue??{},enabled:t.modelValue?.enabled??!1,sheetMargin:{...ge.TILE_DEFAULTS.sheetMargin,...t.modelValue?.sheetMargin??{}}})),a=e.computed(()=>t.templateData?{...t.templateData,tiling:s.value}:void 0),r=e.computed(()=>a.value?ge.validateTiling(a.value):[]),u=e.computed(()=>{const v=a.value;return v?Math.max(ge.computeMaxColumns(v),1):1}),m=e.computed(()=>{const v=a.value;if(!(!v||r.value.length))try{return ge.computeTileLayout(v)}catch{return}}),g=e.computed(()=>{const v=m.value,f=a.value;if(!v||!f)return"";const M=ge.resolveSheetMm(f),j=s.value.sheetPaperSize==="CUSTOM"?"自定义":s.value.sheetPaperSize??"A4",ne=s.value.sheetPaperSize==="CUSTOM"?"":s.value.sheetOrientation==="landscape"?" 横向":" 纵向";return`目标纸 ${j}${ne} ${M.width}×${M.height}mm · ${v.columns} 列 × ${v.rows} 行 = 每张 ${v.perSheet} 格`});function k(v){n("update:modelValue",{...s.value,...v})}function y(v,f){k({sheetMargin:{...s.value.sheetMargin,[v]:f??0}})}function R(v){if(v!=="CUSTOM"){k({sheetPaperSize:v});return}const f=a.value,M=f?ge.resolveSheetMm(f):{width:210,height:297};k({sheetPaperSize:"CUSTOM",sheetCustomWidth:s.value.sheetCustomWidth??M.width,sheetCustomHeight:s.value.sheetCustomHeight??M.height})}function C(v){if(!v){k({enabled:!1});return}const f=u.value,M=f>=1?Math.min(ge.TILE_DEFAULTS.columns,f):1;k({...ge.TILE_DEFAULTS,columns:M})}return(v,f)=>(e.openBlock(),e.createElementBlock("div",Xr,[f[30]||(f[30]=e.createElementVNode("h3",{class:"pd-divider"},"拼版打印",-1)),f[31]||(f[31]=e.createElementVNode("p",{class:"pd-hint"},"把标签按「列 × 行」铺到一张大纸上批量打印",-1)),e.createElementVNode("div",Zr,[e.createElementVNode("label",Jr,[e.createElementVNode("input",{type:"checkbox",checked:s.value.enabled,disabled:d.value,onChange:f[0]||(f[0]=M=>C(M.target.checked))},null,40,Qr),f[13]||(f[13]=e.createElementVNode("span",null,"启用拼版",-1))]),d.value?(e.openBlock(),e.createElementBlock("p",_r,"连续纸不支持拼版")):e.createCommentVNode("",!0)]),s.value.enabled&&!d.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",ed,[f[15]||(f[15]=e.createElementVNode("span",{class:"pd-label"},"目标纸张",-1)),e.createElementVNode("select",{class:"pd-select",style:{width:"100%"},value:s.value.sheetPaperSize??"A4",onChange:f[1]||(f[1]=M=>R(M.target.value))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(l),M=>(e.openBlock(),e.createElementBlock("option",{key:M,value:M},e.toDisplayString(e.unref(h.PAPER_PRESETS)[M]?.label??M),9,od))),128)),f[14]||(f[14]=e.createElementVNode("option",{value:"CUSTOM"},"自定义",-1))],40,td)]),s.value.sheetPaperSize==="CUSTOM"?(e.openBlock(),e.createElementBlock("div",nd,[f[17]||(f[17]=e.createElementVNode("span",{class:"pd-label"},"目标纸宽高 (mm)",-1)),e.createElementVNode("div",ld,[e.createVNode(se,{"model-value":s.value.sheetCustomWidth,min:25,max:2e3,"onUpdate:modelValue":f[2]||(f[2]=M=>k({sheetCustomWidth:M}))},null,8,["model-value"]),f[16]||(f[16]=e.createElementVNode("span",{class:"custom-size-x"},"×",-1)),e.createVNode(se,{"model-value":s.value.sheetCustomHeight,min:25,max:2e3,"onUpdate:modelValue":f[3]||(f[3]=M=>k({sheetCustomHeight:M}))},null,8,["model-value"])])])):(e.openBlock(),e.createElementBlock("div",ad,[f[20]||(f[20]=e.createElementVNode("span",{class:"pd-label"},"目标纸方向",-1)),e.createElementVNode("div",id,[e.createElementVNode("label",sd,[e.createElementVNode("input",{type:"radio",value:"portrait",checked:(s.value.sheetOrientation??"portrait")==="portrait",onChange:f[4]||(f[4]=M=>k({sheetOrientation:"portrait"}))},null,40,rd),f[18]||(f[18]=e.createElementVNode("span",null,"纵向",-1))]),e.createElementVNode("label",dd,[e.createElementVNode("input",{type:"radio",value:"landscape",checked:s.value.sheetOrientation==="landscape",onChange:f[5]||(f[5]=M=>k({sheetOrientation:"landscape"}))},null,40,cd),f[19]||(f[19]=e.createElementVNode("span",null,"横向",-1))])])])),f[28]||(f[28]=e.createElementVNode("h3",{class:"pd-divider"},"拼版留白 (mm)",-1)),e.createElementVNode("div",ud,[e.createElementVNode("div",md,[f[21]||(f[21]=e.createElementVNode("span",{class:"pd-label"},"上",-1)),e.createVNode(se,{"model-value":s.value.sheetMargin.top,min:0,max:100,"onUpdate:modelValue":f[6]||(f[6]=M=>y("top",M))},null,8,["model-value"])]),e.createElementVNode("div",pd,[f[22]||(f[22]=e.createElementVNode("span",{class:"pd-label"},"下",-1)),e.createVNode(se,{"model-value":s.value.sheetMargin.bottom,min:0,max:100,"onUpdate:modelValue":f[7]||(f[7]=M=>y("bottom",M))},null,8,["model-value"])]),e.createElementVNode("div",vd,[f[23]||(f[23]=e.createElementVNode("span",{class:"pd-label"},"左",-1)),e.createVNode(se,{"model-value":s.value.sheetMargin.left,min:0,max:100,"onUpdate:modelValue":f[8]||(f[8]=M=>y("left",M))},null,8,["model-value"])]),e.createElementVNode("div",fd,[f[24]||(f[24]=e.createElementVNode("span",{class:"pd-label"},"右",-1)),e.createVNode(se,{"model-value":s.value.sheetMargin.right,min:0,max:100,"onUpdate:modelValue":f[9]||(f[9]=M=>y("right",M))},null,8,["model-value"])])]),f[29]||(f[29]=e.createElementVNode("h3",{class:"pd-divider"},"格间距与列数",-1)),e.createElementVNode("div",gd,[f[25]||(f[25]=e.createElementVNode("span",{class:"pd-label"},"横向间距",-1)),e.createVNode(se,{"model-value":s.value.gapX,min:0,max:50,"onUpdate:modelValue":f[10]||(f[10]=M=>k({gapX:M??0}))},null,8,["model-value"])]),e.createElementVNode("div",hd,[f[26]||(f[26]=e.createElementVNode("span",{class:"pd-label"},"纵向间距",-1)),e.createVNode(se,{"model-value":s.value.gapY,min:0,max:50,"onUpdate:modelValue":f[11]||(f[11]=M=>k({gapY:M??0}))},null,8,["model-value"])]),e.createElementVNode("div",bd,[f[27]||(f[27]=e.createElementVNode("span",{class:"pd-label"},"列数",-1)),e.createVNode(se,{"model-value":s.value.columns,min:1,max:u.value,"onUpdate:modelValue":f[12]||(f[12]=M=>k({columns:M??1}))},null,8,["model-value","max"])]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,M=>(e.openBlock(),e.createElementBlock("p",{key:M.code,class:"pd-hint tiling-error"},e.toDisplayString(M.message),1))),128)),!r.value.length&&g.value?(e.openBlock(),e.createElementBlock("p",Ed,e.toDisplayString(g.value),1)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)]))}}),kd=re(yd,[["__scopeId","data-v-aa278268"]]),Vd={key:0,class:"prop-collapsed"},Nd={class:"prop-head"},wd={class:"pd-tabs prop-tabs"},Cd={class:"pd-tab-bar",role:"tablist"},Sd={class:"pd-tab-pane",role:"tabpanel"},Bd={class:"property-content"},xd={key:1,class:"pd-empty"},$d={class:"pd-tab-pane",role:"tabpanel"},Td={class:"pd-field"},Dd=["value"],Md=["label"],Pd=["value"],zd={key:0,class:"pd-hint"},Ld={key:1,class:"pd-field"},Rd={class:"pd-label"},Ad={class:"custom-size-grid"},Id={key:2,class:"pd-field"},Fd={class:"pd-radio-group",role:"radiogroup"},Ud={class:"pd-radio"},Hd=["checked"],Od={class:"pd-radio"},Wd=["checked"],Gd={key:3,class:"pd-field"},Kd={class:"pd-radio-group pd-radio-group--2col",role:"radiogroup"},qd={class:"pd-radio"},Yd=["checked"],jd={class:"pd-radio"},Xd=["checked"],Zd={class:"pd-radio"},Jd=["checked"],Qd={class:"pd-radio"},_d=["checked"],ec={class:"pd-field"},tc={class:"page-bg-row"},oc={key:5,class:"pd-hint"},nc={class:"margin-grid"},lc={class:"pd-field"},ac={class:"pd-field"},ic={class:"pd-field"},sc={class:"pd-field"},rc={class:"pd-field"},dc={class:"pd-field"},cc={class:"pd-field"},uc=e.defineComponent({__name:"PropertyPanel",props:{element:{},templateData:{},fields:{},activeTab:{},tableSelection:{},recordHistory:{type:Function},collapsed:{type:Boolean},multiPage:{type:Boolean}},emits:["delete-element","update:templateData","update:activeTab","toggle-collapse"],setup(o,{emit:i}){const t=o,n=i,l=e.computed(()=>{const A=[];for(const[D,Z]of Object.entries(h.PAPER_PRESETS)){if(t.multiPage&&h.isContinuousPaperSize(D))continue;const be=Z.group??"其他";let ke=A.find(Ve=>Ve.group===be);ke||(ke={group:be,items:[]},A.push(ke)),ke.items.push({key:D,label:Z.label??D})}return A}),d=e.ref(""),s=e.computed(()=>t.element?["text","longText"].includes(t.element.printElementType.type):!1),a=e.computed(()=>t.element?t.element.printElementType.type==="image":!1),r=e.computed(()=>t.element?["barcode","qrcode"].includes(t.element.printElementType.type):!1),u=e.computed(()=>!t.element||t.element.printElementType.type!=="table"?!1:!!t.tableSelection&&t.tableSelection.elementId===t.element.id),m=e.computed(()=>t.element?t.element.printElementType.type==="table":!1),g=e.computed(()=>h.searchProperties(d.value)),k=e.computed(()=>g.value.groups),y=e.computed(()=>g.value.itemKeys),R=e.computed(()=>!!d.value.trim()),C=e.computed(()=>{if(!t.element)return[];if(t.element.printElementType.type==="table"&&t.tableSelection){const{r1:A,c1:D}=t.tableSelection,Z=t.element.options.tableRows;if(Z&&Z[A]){const be=Z[A],ke=t.element.options.fields?.[0]?.dataSource;return h.getTableCellBindings(be.type,A,D,ke)}}return h.getElementBindings(t.element)});function v(A){return A.split(".").flatMap(D=>{const Z=D.match(/^([^\[]+)((?:\[\d+\])*)$/);if(!Z)return[D];const be=Z[1],ke=[...Z[2].matchAll(/\[(\d+)\]/g)].map(Ve=>Number(Ve[1]));return[be,...ke]})}function f(A){return t.element?v(A).reduce((be,ke)=>be==null?"":be[ke],t.element)??"":""}function M(A,D){if(!t.element)return;const Z=v(A),be=Z.pop(),ke=Z.reduce((Ve,xe)=>((Ve[xe]===void 0||Ve[xe]===null)&&(Ve[xe]={}),Ve[xe]),t.element);ke[be]=D||void 0,t.recordHistory?.()}function j(A){d.value=A}function ne(A){t.element&&M("options.src",A)}const H=e.computed(()=>t.templateData?.paperSize||"A4"),K=e.computed(()=>!t.multiPage&&h.isContinuousPaperSize(H.value)),b=e.computed(()=>h.isLabelPaperSize(H.value)),B=e.computed(()=>t.templateData?.orientation||"portrait"),S=e.computed(()=>!!t.templateData?.tiling?.enabled),x=e.computed(()=>t.templateData?.outputRotation??0),T=e.computed({get:()=>t.templateData?.pageBackground||"#ffffff",set:A=>p(A)}),X=e.computed(()=>t.templateData?.margins.top??10),ee=e.computed(()=>t.templateData?.margins.bottom??10),le=e.computed(()=>t.templateData?.margins.left??10),ie=e.computed(()=>t.templateData?.margins.right??10),ue=e.computed(()=>t.templateData?.header.height??10),J=e.computed(()=>t.templateData?.footer.height??10),c=e.computed(()=>t.templateData?.firstPageOverlay.height??0),N=e.computed(()=>t.templateData?.customWidth??h.PAPER_PRESETS[H.value]?.width??210),W=e.computed(()=>t.templateData?.customHeight??297),he=e.computed(()=>t.templateData?.designBackground);function pe(A){if(t.templateData){if(!A){const D={...t.templateData};delete D.designBackground,n("update:templateData",D);return}z({designBackground:A})}}const ce=e.computed(()=>t.templateData?.watermark??{});function ve(A){z({watermark:A})}function z(A){if(!t.templateData)return;const D={...t.templateData,...A};n("update:templateData",D)}function V(A){if(t.templateData){if(h.isContinuousPaperSize(A)){z({paperSize:A,customWidth:A==="CONTINUOUS"?t.templateData?.customWidth??80:void 0,orientation:"portrait",margins:{...t.templateData.margins,bottom:t.templateData?.margins.bottom??0}});return}if(A==="CUSTOM"){z({paperSize:"CUSTOM"});return}if(h.PAPER_PRESETS[A]){if(h.isLabelPaperSize(A)){z({paperSize:A,...h.labelPaperDefaults(t.templateData)});return}z({paperSize:A})}}}function w(A){z({orientation:String(A)})}function F(A){z({outputRotation:Number(A)})}function p(A){const D=A&&A.toLowerCase()!=="#ffffff"&&A.toLowerCase()!=="#fff"?A:void 0;z(D===void 0?{pageBackground:void 0}:{pageBackground:D})}function E(){z({pageBackground:void 0})}function $(A){A!==void 0&&z({customWidth:A})}function Y(A){A!==void 0&&z({customHeight:A})}function Q(A){A!==void 0&&z({margins:{...t.templateData.margins,top:A}})}function oe(A){A!==void 0&&z({margins:{...t.templateData.margins,bottom:A}})}function me(A){A!==void 0&&z({margins:{...t.templateData.margins,left:A}})}function P(A){A!==void 0&&z({margins:{...t.templateData.margins,right:A}})}function I(A){A!==void 0&&z({header:{...t.templateData.header,height:A}})}function O(A){A!==void 0&&z({footer:{...t.templateData.footer,height:A}})}function _(A){A!==void 0&&z({firstPageOverlay:{...t.templateData.firstPageOverlay,height:A}})}const q=e.computed(()=>t.activeTab||"page");function fe(A){n("update:activeTab",A),n("toggle-collapse")}return(A,D)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["property-panel",{collapsed:o.collapsed}])},[o.collapsed?(e.openBlock(),e.createElementBlock("div",Vd,[e.createElementVNode("button",{class:"pc-btn",title:"展开属性台",onClick:D[0]||(D[0]=Z=>fe(q.value))},"«"),e.createElementVNode("button",{class:e.normalizeClass(["pc-btn",{on:q.value==="element"}]),title:"元素属性",onClick:D[1]||(D[1]=Z=>fe("element"))},"▦",2),e.createElementVNode("button",{class:e.normalizeClass(["pc-btn",{on:q.value==="page"}]),title:"页面属性",onClick:D[2]||(D[2]=Z=>fe("page"))},"▤",2)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",Nd,[D[18]||(D[18]=e.createElementVNode("span",{class:"prop-title"},"属性台",-1)),e.createElementVNode("button",{class:"collapse-btn",title:"收起属性台",onClick:D[3]||(D[3]=Z=>A.$emit("toggle-collapse"))},"»")]),e.createElementVNode("div",wd,[e.createElementVNode("div",Cd,[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["pd-tab",{active:(o.activeTab||"page")==="element"}]),onClick:D[4]||(D[4]=Z=>A.$emit("update:activeTab","element"))},"元素属性",2),e.createElementVNode("button",{type:"button",class:e.normalizeClass(["pd-tab",{active:(o.activeTab||"page")==="page"}]),onClick:D[5]||(D[5]=Z=>A.$emit("update:activeTab","page"))},"页面属性",2)]),e.withDirectives(e.createElementVNode("div",Sd,[o.element?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(Vl,{onSearch:j}),e.createElementVNode("div",Bd,[k.value.includes("position-size")&&!u.value?(e.openBlock(),e.createBlock(Fl,{key:0,element:o.element,"matched-keys":y.value,searching:R.value},null,8,["element","matched-keys","searching"])):e.createCommentVNode("",!0),k.value.includes("appearance")?(e.openBlock(),e.createBlock(Va,{key:1,element:o.element,"is-text-type":s.value,"matched-keys":y.value,searching:R.value},null,8,["element","is-text-type","matched-keys","searching"])):e.createCommentVNode("",!0),k.value.includes("code")&&r.value?(e.openBlock(),e.createBlock(Fa,{key:2,element:o.element,"matched-keys":y.value,searching:R.value,onChange:D[6]||(D[6]=Z=>o.recordHistory?.())},null,8,["element","matched-keys","searching"])):e.createCommentVNode("",!0),k.value.includes("binding")?(e.openBlock(),e.createBlock(Ce,{key:3,title:"内容",icon:"Document","default-expanded":"","group-key":"binding"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(C.value,Z=>(e.openBlock(),e.createBlock(wi,{key:Z.targetPath,descriptor:Z,fields:o.fields,"model-value":f(Z.targetPath),"onUpdate:modelValue":be=>M(Z.targetPath,be)},null,8,["descriptor","fields","model-value","onUpdate:modelValue"]))),128)),a.value?(e.openBlock(),e.createBlock(ns,{key:0,onSuccess:ne})):e.createCommentVNode("",!0)]),_:1})):e.createCommentVNode("",!0),m.value&&o.tableSelection&&o.tableSelection.elementId===o.element.id?(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[e.createVNode(ds,{element:o.element,selection:o.tableSelection},null,8,["element","selection"]),e.createVNode(Sr,{element:o.element,selection:o.tableSelection,fields:o.fields},null,8,["element","selection","fields"])],64)):e.createCommentVNode("",!0),m.value&&k.value.includes("content")?(e.openBlock(),e.createBlock(zi,{key:5,element:o.element,fields:o.fields},null,8,["element","fields"])):e.createCommentVNode("",!0),k.value.includes("border-bg")?(e.openBlock(),e.createBlock(Ui,{key:6,element:o.element,"matched-keys":y.value,searching:R.value},null,8,["element","matched-keys","searching"])):e.createCommentVNode("",!0),k.value.includes("pagination")&&m.value?(e.openBlock(),e.createBlock(Nt,{key:7,element:o.element,"matched-keys":y.value,searching:R.value},null,8,["element","matched-keys","searching"])):e.createCommentVNode("",!0),k.value.includes("pagination")&&!m.value?(e.openBlock(),e.createBlock(Nt,{key:8,element:o.element,"matched-keys":y.value,searching:R.value},null,8,["element","matched-keys","searching"])):e.createCommentVNode("",!0),k.value.includes("advanced")?(e.openBlock(),e.createBlock(Yi,{key:9,element:o.element,"matched-keys":y.value,searching:R.value,onDeleteElement:D[7]||(D[7]=Z=>A.$emit("delete-element"))},null,8,["element","matched-keys","searching"])):e.createCommentVNode("",!0)])],64)):(e.openBlock(),e.createElementBlock("p",xd,"请在画布中选择一个元素"))],512),[[e.vShow,(o.activeTab||"page")==="element"]]),e.withDirectives(e.createElementVNode("div",$d,[e.createElementVNode("form",{class:"pd-form",onSubmit:D[17]||(D[17]=e.withModifiers(()=>{},["prevent"]))},[D[40]||(D[40]=e.createElementVNode("h3",{class:"pd-divider"},"纸张设置",-1)),e.createElementVNode("div",Td,[D[20]||(D[20]=e.createElementVNode("span",{class:"pd-label"},"纸张尺寸",-1)),e.createElementVNode("select",{value:H.value,class:"pd-select",onChange:D[8]||(D[8]=Z=>V(Z.target.value)),style:{width:"100%"}},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,Z=>(e.openBlock(),e.createElementBlock("optgroup",{key:Z.group,label:Z.group},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Z.items,be=>(e.openBlock(),e.createElementBlock("option",{key:be.key,value:be.key},e.toDisplayString(be.label),9,Pd))),128))],8,Md))),128)),D[19]||(D[19]=e.createElementVNode("option",{value:"CUSTOM"},"自定义宽高",-1))],40,Dd)]),b.value?(e.openBlock(),e.createElementBlock("p",zd,"标签纸默认整张给内容区:已取消页边距与页眉页脚,可在下方自行改回")):e.createCommentVNode("",!0),K.value||H.value==="CUSTOM"?(e.openBlock(),e.createElementBlock("div",Ld,[e.createElementVNode("span",Rd,e.toDisplayString(K.value?"纸宽 (mm)":"自定义宽高 (mm)"),1),e.createElementVNode("div",Ad,[e.createVNode(se,{"model-value":N.value,min:25,max:2e3,"onUpdate:modelValue":$},null,8,["model-value"]),H.value==="CUSTOM"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[D[21]||(D[21]=e.createElementVNode("span",{class:"custom-size-x"},"×",-1)),e.createVNode(se,{"model-value":W.value,min:25,max:2e3,"onUpdate:modelValue":Y},null,8,["model-value"])],64)):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0),K.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Id,[D[24]||(D[24]=e.createElementVNode("span",{class:"pd-label"},"纸张方向",-1)),e.createElementVNode("div",Fd,[e.createElementVNode("label",Ud,[e.createElementVNode("input",{type:"radio",value:"portrait",checked:B.value==="portrait",onChange:D[9]||(D[9]=Z=>w(Z.target.value))},null,40,Hd),D[22]||(D[22]=e.createElementVNode("span",null,"纵向",-1))]),e.createElementVNode("label",Od,[e.createElementVNode("input",{type:"radio",value:"landscape",checked:B.value==="landscape",onChange:D[10]||(D[10]=Z=>w(Z.target.value))},null,40,Wd),D[23]||(D[23]=e.createElementVNode("span",null,"横向",-1))])]),D[25]||(D[25]=e.createElementVNode("p",{class:"pd-hint"},"切换即交换纸张长宽(设计稿内容随之铺在该尺寸上)",-1))])),!K.value&&!S.value?(e.openBlock(),e.createElementBlock("div",Gd,[D[30]||(D[30]=e.createElementVNode("span",{class:"pd-label"},"内容旋转角度",-1)),e.createElementVNode("div",Kd,[e.createElementVNode("label",qd,[e.createElementVNode("input",{type:"radio",value:"0",checked:x.value===0,onChange:D[11]||(D[11]=Z=>F(Z.target.value))},null,40,Yd),D[26]||(D[26]=e.createElementVNode("span",null,"0°",-1))]),e.createElementVNode("label",jd,[e.createElementVNode("input",{type:"radio",value:"90",checked:x.value===90,onChange:D[12]||(D[12]=Z=>F(Z.target.value))},null,40,Xd),D[27]||(D[27]=e.createElementVNode("span",null,"90°",-1))]),e.createElementVNode("label",Zd,[e.createElementVNode("input",{type:"radio",value:"180",checked:x.value===180,onChange:D[13]||(D[13]=Z=>F(Z.target.value))},null,40,Jd),D[28]||(D[28]=e.createElementVNode("span",null,"180°",-1))]),e.createElementVNode("label",Qd,[e.createElementVNode("input",{type:"radio",value:"270",checked:x.value===270,onChange:D[14]||(D[14]=Z=>F(Z.target.value))},null,40,_d),D[29]||(D[29]=e.createElementVNode("span",null,"270°",-1))])]),D[31]||(D[31]=e.createElementVNode("p",{class:"pd-hint"},"整页内容旋转对应角度出纸;90°/270° 时纸张长宽互换以贴合内容,内容不变形不裁切;0° 为不旋转(默认)",-1))])):e.createCommentVNode("",!0),e.createElementVNode("div",ec,[D[32]||(D[32]=e.createElementVNode("span",{class:"pd-label"},"页面背景色",-1)),e.createElementVNode("div",tc,[e.createVNode(we,{modelValue:T.value,"onUpdate:modelValue":D[15]||(D[15]=Z=>T.value=Z),class:"page-bg-picker"},null,8,["modelValue"]),e.createElementVNode("button",{type:"button",class:"pd-reset",title:"恢复为默认白色",onClick:E},"默认")])]),e.createVNode(jr,{"model-value":he.value,"onUpdate:modelValue":pe},null,8,["model-value"]),o.multiPage?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(kd,{key:4,"model-value":o.templateData?.tiling,"template-data":o.templateData,"onUpdate:modelValue":D[16]||(D[16]=Z=>z({tiling:Z}))},null,8,["model-value","template-data"])),D[41]||(D[41]=e.createElementVNode("h3",{class:"pd-divider"},"页边距 (mm)",-1)),K.value?(e.openBlock(),e.createElementBlock("p",oc,"底部边距即连续纸走纸留白")):e.createCommentVNode("",!0),e.createElementVNode("div",nc,[e.createElementVNode("div",lc,[D[33]||(D[33]=e.createElementVNode("span",{class:"pd-label"},"上",-1)),e.createVNode(se,{"model-value":X.value,min:0,max:50,"onUpdate:modelValue":Q},null,8,["model-value"])]),e.createElementVNode("div",ac,[D[34]||(D[34]=e.createElementVNode("span",{class:"pd-label"},"下",-1)),e.createVNode(se,{"model-value":ee.value,min:0,max:100,"onUpdate:modelValue":oe},null,8,["model-value"])]),e.createElementVNode("div",ic,[D[35]||(D[35]=e.createElementVNode("span",{class:"pd-label"},"左",-1)),e.createVNode(se,{"model-value":le.value,min:0,max:50,"onUpdate:modelValue":me},null,8,["model-value"])]),e.createElementVNode("div",sc,[D[36]||(D[36]=e.createElementVNode("span",{class:"pd-label"},"右",-1)),e.createVNode(se,{"model-value":ie.value,min:0,max:50,"onUpdate:modelValue":P},null,8,["model-value"])])]),D[42]||(D[42]=e.createElementVNode("h3",{class:"pd-divider"},"三区高度 (mm)",-1)),e.createElementVNode("div",rc,[D[37]||(D[37]=e.createElementVNode("span",{class:"pd-label"},"页眉高度",-1)),e.createVNode(se,{"model-value":ue.value,min:0,max:100,step:.1,"onUpdate:modelValue":I},null,8,["model-value"])]),e.createElementVNode("div",dc,[D[38]||(D[38]=e.createElementVNode("span",{class:"pd-label"},"页脚高度",-1)),e.createVNode(se,{"model-value":J.value,min:0,max:100,step:.1,"onUpdate:modelValue":O},null,8,["model-value"])]),e.createElementVNode("div",cc,[D[39]||(D[39]=e.createElementVNode("span",{class:"pd-label"},"首页叠加高度",-1)),e.createVNode(se,{"model-value":c.value,min:0,max:200,"onUpdate:modelValue":_},null,8,["model-value"])])],32),e.createVNode(Or,{"model-value":ce.value,fields:o.fields,"onUpdate:modelValue":ve},null,8,["model-value","fields"])],512),[[e.vShow,(o.activeTab||"page")==="page"]])])],64))],2))}}),mc=re(uc,[["__scopeId","data-v-f7152fc4"]]),pc={class:"status-bar"},vc={key:0,class:"status-item coord"},fc={class:"status-item"},gc={class:"status-item"},hc={class:"status-item status-paper"},bc=e.defineComponent({__name:"StatusBar",props:{coordinate:{},scale:{},elementCount:{},selectedCount:{},paper:{},dirty:{type:Boolean}},setup(o){return(i,t)=>(e.openBlock(),e.createElementBlock("div",pc,[o.coordinate?(e.openBlock(),e.createElementBlock("span",vc," x:"+e.toDisplayString(o.coordinate.x.toFixed(1))+" y:"+e.toDisplayString(o.coordinate.y.toFixed(1))+"mm ",1)):e.createCommentVNode("",!0),e.createElementVNode("span",fc,"缩放 "+e.toDisplayString(o.scale)+"%",1),e.createElementVNode("span",gc,"元素 "+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",hc,e.toDisplayString(o.paper),1)]))}}),Ec=re(bc,[["__scopeId","data-v-a91952ff"]]),yc={id:"getting-started",title:"快速入门",content:`
|
|
4
2
|
<h2>界面布局</h2>
|
|
5
3
|
<p>打印模板设计器采用三栏布局:</p>
|
|
6
4
|
<ul>
|
|
@@ -37,7 +35,7 @@
|
|
|
37
35
|
<p><strong>项目名称:</strong>worm-vue3-print</p>
|
|
38
36
|
<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
37
|
<p>基于 Vue 3 的可视化打印模板设计器,支持拖拽式模板编辑、表达式数据绑定和浏览器端打印预览。</p>
|
|
40
|
-
`},
|
|
38
|
+
`},kc={id:"features",title:"功能说明",content:`
|
|
41
39
|
<h2>元素类型</h2>
|
|
42
40
|
<table>
|
|
43
41
|
<thead>
|
|
@@ -161,11 +159,13 @@
|
|
|
161
159
|
|
|
162
160
|
<h2>水印配置</h2>
|
|
163
161
|
<ul>
|
|
164
|
-
<li
|
|
165
|
-
<li
|
|
166
|
-
<li
|
|
162
|
+
<li>水印内容用统一的「水印表达式」输入:直接输入文字即为静态水印;写成 <code>{order.no}</code>、<code>CONCAT(...)</code> 等即按表达式解析</li>
|
|
163
|
+
<li>点击「编辑表达式」(或双击输入框)打开表达式弹框,可直接选择业务字段与系统变量:打印日期 <code>{printDate}</code>、打印时间 <code>{printTime}</code>、当前页码 <code>{pageIndex}</code>、总页数 <code>{totalPages}</code>;表达式取不到值时回退到测试值</li>
|
|
164
|
+
<li>可设置旋转角度(-90°~90°)、颜色与透明度</li>
|
|
165
|
+
<li>支持调节水印密度(密/中/疏/自定义瓦片尺寸),以及设置水印颜色</li>
|
|
166
|
+
<li>水印在画布、浏览器预览、服务端 PDF、静默打印四端渲染一致</li>
|
|
167
167
|
</ul>
|
|
168
|
-
`},
|
|
168
|
+
`},Vc={id:"shortcuts",title:"快捷键",content:`
|
|
169
169
|
<h2>常用操作</h2>
|
|
170
170
|
<table>
|
|
171
171
|
<thead>
|
|
@@ -233,13 +233,14 @@
|
|
|
233
233
|
<blockquote>
|
|
234
234
|
<p><strong>注意</strong>:当焦点在输入框、文本框、下拉框内时,快捷键不生效。</p>
|
|
235
235
|
</blockquote>
|
|
236
|
-
`},
|
|
236
|
+
`},Nc={id:"faq",title:"常见问题",content:`
|
|
237
237
|
<h2>如何调整纸张大小?</h2>
|
|
238
238
|
<ol>
|
|
239
239
|
<li>在右侧面板选择"页面设置"</li>
|
|
240
|
-
<li
|
|
241
|
-
<li>或选择"自定义"输入宽度和高度(mm
|
|
242
|
-
<li>设置方向:纵向(portrait)或横向(landscape
|
|
240
|
+
<li>选择预设纸张:常用纸张(A4、A3、A5、Letter、Legal)、针式打印纸(全等分 / 二等分 / 三等分)、标签纸(80×60、60×40、40×30)、小票纸(57 / 80 / 110mm)</li>
|
|
241
|
+
<li>或选择"自定义"输入宽度和高度(mm);"连续纸"可自定义纸宽,出纸高度按内容自动推导</li>
|
|
242
|
+
<li>设置方向:纵向(portrait)或横向(landscape);切换即交换纸张长宽,设计稿内容随之铺在该尺寸上。连续纸与小票纸固定纵向</li>
|
|
243
|
+
<li>内容旋转角度:0° / 90° / 180° / 270°,整页内容旋转对应角度出纸。90° / 270° 时纸张长宽互换以贴合旋转后的内容,设计稿内容保持原方向、不变形不裁切;0° 为不旋转(默认)。连续纸与小票纸固定纵向、无旋转概念</li>
|
|
243
244
|
</ol>
|
|
244
245
|
|
|
245
246
|
<h2>如何处理分页?</h2>
|
|
@@ -256,8 +257,8 @@
|
|
|
256
257
|
<ul>
|
|
257
258
|
<li><code>fields</code>:字段定义数组,用于字段树显示</li>
|
|
258
259
|
<li><code>initialTemplate</code>:初始模板数据</li>
|
|
259
|
-
<li><code>loadDefaultTemplate</code>:加载默认模板的回调函数</li>
|
|
260
260
|
</ul>
|
|
261
|
+
<p>模板加载 / 重置(如「加载默认布局」)由宿主实现:把新的模板数据赋给 <code>initialTemplate</code> 即可重载画布。</p>
|
|
261
262
|
|
|
262
263
|
<h2>如何使用表达式绑定字段?</h2>
|
|
263
264
|
<ol>
|
|
@@ -335,7 +336,57 @@
|
|
|
335
336
|
<blockquote>
|
|
336
337
|
<p><strong>注意</strong>:如果存在选中的单元格,右侧面板将显示单元格属性而非表格属性。</p>
|
|
337
338
|
</blockquote>
|
|
338
|
-
|
|
339
|
+
|
|
340
|
+
<h2>为什么部分页面有水印、部分页面没有?</h2>
|
|
341
|
+
<ol>
|
|
342
|
+
<li>水印是<strong>按模板</strong>独立设置的,每一个设计的模板都需要单独配置自己的水印信息,不会自动继承其他模板。</li>
|
|
343
|
+
<li>如果出现部分页面存在水印、部分页面没有水印的情况,说明该页面所在的模板没有为自身设置水印。</li>
|
|
344
|
+
<li>为模板添加水印:进入该模板专属页面,在右侧的"页面属性"中找到"水印"配置项进行设计即可。</li>
|
|
345
|
+
</ol>
|
|
346
|
+
<blockquote>
|
|
347
|
+
<p><strong>提示</strong>:水印配置保存在模板 JSON 的 <code>watermark</code> 字段中,仅对当前模板生效。</p>
|
|
348
|
+
</blockquote>
|
|
349
|
+
`},wc={id:"changelog",title:"更新记录",content:`
|
|
350
|
+
<h2>v1.3.0 <small>2026-09-20</small></h2>
|
|
351
|
+
|
|
352
|
+
<h3>新增</h3>
|
|
353
|
+
<ul>
|
|
354
|
+
<li><strong>多页面模板</strong>:一份文书可以由版式不同的多个页面按固定顺序组成(如「封面 + 正文 + 条款」),各页绑定同一份数据,下一次出纸就是完整的一份文档。顶部页面栏支持新增、复制、删除、前移/后移、双击重命名与点击切换;删到只剩一页时自动回到单页模式。</li>
|
|
355
|
+
<li><strong>内容旋转角度</strong>:页面属性新增「内容旋转角度」(0° / 90° / 180° / 270°),支持横版设计、竖版出纸——内容整体旋转填满出纸版面,不缩放也不裁切。</li>
|
|
356
|
+
<li><strong>设计背景(套打底图)</strong>:页面属性支持上传、90° 步进旋转与移除底图,照着现成单据排版更省力。底图只在设计画布显示,预览与打印都不会输出。</li>
|
|
357
|
+
</ul>
|
|
358
|
+
|
|
359
|
+
<h3>变更</h3>
|
|
360
|
+
<ul>
|
|
361
|
+
<li><strong>条码尺寸</strong>:条形码(元素与表格单元格)不再拉伸填满元素框,改为按「条宽 → 打印机分辨率 → 等比缩小」结算:默认条宽下每模块 0.25mm,装得下就按原尺寸落纸;设置了「打印机分辨率」(203/300/600)时吸附到整数打印点;宽度不足时整体等比缩小。要更大的条码请调大「条宽」,需要上限请用「最大宽高」——条形码不再提供「缩放模式」。<strong>同一份旧模板的条码会变小</strong>,这是让出纸条宽保持稳定所必需的。</li>
|
|
362
|
+
<li><strong>文字溢出</strong>:文本元素与表格单元格支持「截断 / 自动缩小 / 自适应行高」三种显示形式(属性面板「文字溢出」),缺省值与原有行为一致,存量模板不受影响。</li>
|
|
363
|
+
<li><strong>标签纸</strong>:纸张切到标签纸(80×60 / 60×40 / 40×30mm)时默认取消页边距与页眉页脚,整张纸都给内容区;只在切换纸型时套用一次,之后仍可自行改回,存量模板不会被改写。</li>
|
|
364
|
+
<li><strong>多页面约束</strong>:纸张设置对所有页生效,页边距、页眉页脚、首页叠加、水印与内容元素则按页各自独立;多页模式下隐藏拼版配置、禁用连续纸。</li>
|
|
365
|
+
</ul>
|
|
366
|
+
|
|
367
|
+
<h3>修复</h3>
|
|
368
|
+
<ul>
|
|
369
|
+
<li>多页面模板页面重排后页签名漂移、删除页面后再新增出现重名。</li>
|
|
370
|
+
<li>条形码经热敏打印机出纸条宽忽宽忽窄、边缘发灰;条宽倍率在不同模式下视觉不一致。</li>
|
|
371
|
+
<li>元素堆叠与显式编组在分页时被拆散;单击编组内的任一成员改为选中整组。</li>
|
|
372
|
+
<li>水印经真实打印机出纸被放大约 3 倍、位置偏移、平铺错乱(改为逐块矢量瓦片渲染)。</li>
|
|
373
|
+
<li>小纸张模板(如 80×60mm 自定义纸)输出多出一张空白首页。</li>
|
|
374
|
+
</ul>
|
|
375
|
+
|
|
376
|
+
<h2>v1.2.2 <small>2026-09-11</small></h2>
|
|
377
|
+
|
|
378
|
+
<h3>变更</h3>
|
|
379
|
+
<ul>
|
|
380
|
+
<li><code>@worm-vue3-print/core</code> 新增子路径 <code>/designer</code>:框架无关的设计器内核,包含完整模板模型类型、通用工具(元素工厂、表格矩阵、单位换算、模板迁移、标尺等)与纯交互逻辑(对齐、分组、键盘、缩放、吸附计算),不依赖 Vue/React。</li>
|
|
381
|
+
<li><code>@worm-vue3-print/core</code> 新增子路径 <code>/browser</code>:浏览器侧渲染适配器(<code>renderHtmlPages</code> 两遍分页渲染、条形码/二维码渲染器)。</li>
|
|
382
|
+
<li>设计器模型、工具与纯逻辑下沉至 core 子路径,canvas 仅保留 Vue 适配层;公共 API 保持不变,core 主入口仍为零运行时依赖,为后续多框架适配打下基础。</li>
|
|
383
|
+
</ul>
|
|
384
|
+
|
|
385
|
+
<h3>修复</h3>
|
|
386
|
+
<ul>
|
|
387
|
+
<li>修复工具栏放大/缩小按钮直接线性改缩放比例、未做滚动锚点校正导致画面漂移的问题;按钮缩放改为与 Ctrl+滚轮一致的乘性步进,并以视口中心为锚点(与「适应窗口」同一缩放管线)。</li>
|
|
388
|
+
</ul>
|
|
389
|
+
|
|
339
390
|
<h2>v1.2.1 <small>2026-09-11</small></h2>
|
|
340
391
|
|
|
341
392
|
<h3>变更</h3>
|
|
@@ -424,5 +475,5 @@
|
|
|
424
475
|
<blockquote>
|
|
425
476
|
<p>完整更新记录请查阅仓库 <code>docs/中文/CHANGELOG.md</code> 与 <code>docs/en/CHANGELOG.en.md</code>。</p>
|
|
426
477
|
</blockquote>
|
|
427
|
-
`},Cd=[kd,Ed,wd,Vd,Nd],Sd={class:"help-modal"},Md={class:"help-modal-header"},$d={class:"help-modal-body"},xd={class:"help-modal-sidebar"},Bd=["onClick"],Dd={class:"help-modal-content"},Td=["innerHTML"],et="worm-print-help-tab",zd=e.defineComponent({__name:"HelpModal",props:{visible:{type:Boolean},initialTab:{default:"getting-started"}},emits:["close","update:tab"],setup(t,{emit:a}){const o=t,n=a,l=Cd,r=e.ref(o.initialTab);e.onMounted(()=>{const d=localStorage.getItem(et);d&&l.some(p=>p.id===d)&&(r.value=d)}),e.watch(()=>o.visible,d=>{if(d){const p=localStorage.getItem(et);p&&l.some(v=>v.id===p)&&(r.value=p)}});function i(d){r.value=d,localStorage.setItem(et,d),n("update:tab",d)}const s=e.computed(()=>l.find(p=>p.id===r.value)?.content||"");function c(d){d.key==="Escape"&&o.visible&&n("close")}return e.onMounted(()=>{document.addEventListener("keydown",c)}),e.onUnmounted(()=>{document.removeEventListener("keydown",c)}),(d,p)=>(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:p[1]||(p[1]=e.withModifiers(v=>d.$emit("close"),["self"]))},[e.createElementVNode("div",Sd,[e.createElementVNode("div",Md,[p[2]||(p[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:p[0]||(p[0]=v=>d.$emit("close"))}," × ")]),e.createElementVNode("div",$d,[e.createElementVNode("div",xd,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(l),v=>(e.openBlock(),e.createElementBlock("button",{key:v.id,class:e.normalizeClass(["help-tab",{active:r.value===v.id}]),onClick:w=>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=_(zd,[["__scopeId","data-v-31115934"]]),Ct="print-studio:left",St="print-studio:right";function Mt(t,a){try{const o=localStorage.getItem(t);return o===null?a:o==="1"}catch{return a}}function Pd(){const t=e.ref(Mt(Ct,!1)),a=e.ref(Mt(St,!1)),o=e.ref(!1);e.watch(t,i=>{try{localStorage.setItem(Ct,i?"1":"0")}catch{}},{flush:"sync"}),e.watch(a,i=>{try{localStorage.setItem(St,i?"1":"0")}catch{}},{flush:"sync"});function n(){t.value=!t.value}function l(){a.value=!a.value}function r(){o.value=!1}return{leftCollapsed:t,rightCollapsed:a,toggleLeft:n,toggleRight:l,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},showHelp:{type:Boolean}},emits:["preview","save"],setup(t,{expose:a,emit:o}){const n=t,l=o,r=e.ref(!1);e.watch(()=>n.showHelp,I=>{I===!1&&(r.value=!1)});const{leftCollapsed:i,rightCollapsed:s,toggleLeft:c,toggleRight:d,dirty:p,markSaved:v}=Pd(),{scale:w,showRuler:L,showGrid:H,snapToGrid:D,showTableGhostBorder:$,templateData:R,elements:W,fields:J,selectedIds:A,selectedElement:G,select:K,clearSelection:S,selectAll:M,previewIds:x,setPreview:B,commitPreview:T,hasClipboard:z,copy:u,paste:V,cutSelected:O,canUndo:X,canRedo:Z,undo:j,redo:ce,alignSelected:ie,groupSelected:se,ungroupSelected:le,deleteSelected:P,dragStart:g,dragStop:E,addElement:f,addFieldElement:m,moveLayer:k,updateTemplateData:h,getTemplateJson:C,loadTemplate:N,tableSelection:y,setTableSelection:b,recordHistory:F}=Uo({initialTemplate:n.initialTemplate,initialElements:n.initialElements,initialFields:n.fields});e.watch([W,R],()=>{p.value=!0},{deep:!0});const{guides:Y,addGuide:ae,moveGuide:re,removeGuide:ve}=Go(R,F),xe=e.computed(()=>{const I=R.value,{width:U}=Ee(I);return U-I.margins.left-I.margins.right});e.provide(Pe,{tableSelection:y,setTableSelection:b,recordHistory:F,maxTableWidth:xe}),e.provide(It,A),e.provide(Rt,x),e.provide(pt,e.computed(()=>n.uploadImage)),e.watch(G,I=>{(!I||I.printElementType.type!=="table")&&b(null)});const be=e.ref(null),ye=e.ref(!1),Ne=e.ref(""),Ke=e.ref(.5);async function Xe(){if(ye.value){ye.value=!1;return}const I=C();if(!I){alert("模板数据为空");return}if(!n.requestScreenshot){alert("截图服务未配置");return}try{const U=await n.requestScreenshot({templateJson:I,printData:ge});Ne.value&&URL.revokeObjectURL(Ne.value),Ne.value=URL.createObjectURL(U),ye.value=!0}catch{alert("截图生成失败")}}const Ae=e.ref(null);function je(I){Ae.value=I}const Je=e.computed(()=>{const I=R.value,U=Ee(I),te=I.orientation==="landscape"?"横向":"纵向";return`${I.paperSize} ${te} ${Math.round(U.width)}×${Math.round(U.height)}mm`});function q(){const I=be.value?.$el;if(I){const U=getComputedStyle(I),te=parseFloat(U.paddingLeft)+parseFloat(U.paddingRight),me=parseFloat(U.paddingTop)+parseFloat(U.paddingBottom),Te=Ee(R.value),ze=96/25.4,Le=Lt(I.clientWidth-te,I.clientHeight-me,Te.width*ze,Te.height*ze);be.value?.fitToWindow(Le)}}function ee(I){w.value=Math.max(mt,w.value+I)}function Q(I){const U=I.target.tagName;U==="INPUT"||U==="TEXTAREA"||U==="SELECT"||(I.ctrlKey||I.metaKey)&&I.key==="0"&&(I.preventDefault(),q())}e.onMounted(()=>document.addEventListener("keydown",Q)),e.onUnmounted(()=>document.removeEventListener("keydown",Q));function oe(I){const U=R.value.header.height,te=R.value.footer.height;h(I),I.header.height<U&&pe("header"),I.footer.height<te&&pe("footer")}function ke(I,U){R.value={...R.value,[I]:{...R.value[I],height:U}}}function de(I){h({...R.value}),pe(I)}function pe(I){const U=Ye(R.value)[I];W.value.some(me=>me.zone===I&&(me.options.top+me.options.height>U.height||me.options.left+me.options.width>U.width))&&alert(`${I==="header"?"页眉":"页脚"}高度已小于区域内元素,请手动调整元素位置`)}function Se(){const I=R.value.firstPageOverlay,U={options:{left:0,top:0,width:50,height:10,title:"首页叠加"},printElementType:{type:"text",title:"首页叠加"}};R.value={...R.value,firstPageOverlay:{...I,elements:[...I.elements,U]}}}const vt=K;function Yt(I){const U=W.value.find(te=>te.id===I);U&&(U.options.visible=U.options.visible===!1)}function Kt(I){const U=W.value.find(te=>te.id===I);U&&(U.options.locked=!U.options.locked)}const Be=e.ref("page");e.watch(G,I=>{Be.value=I?"element":"page"});const Xt={text:"formatter",longText:"formatter",barcode:"formatter",qrcode:"formatter",image:"src"},De=e.ref(!1),Ie=e.ref(null),Ze=e.ref("");function jt(I){const U=W.value.find(me=>me.id===I);if(!U||(K(I,!1),Be.value="element",U.options.locked))return;const te=Xt[U.printElementType.type];te&&(Ie.value={kind:"element",element:U,field:te},Ze.value=U.options[te]||"",De.value=!0)}function Jt(I,U,te){const me=W.value.find(to=>to.id===I);if(!me||(K(I,!1),Be.value="element",me.options.locked))return;const Te=me.options.tableRows??[],ze=ct(Te,U,te),Le=Te[ze.r]?.cells[ze.c];Le&&(Ie.value={kind:"cell",cell:Le},Ze.value=Le.formatter||"",De.value=!0)}function Zt(I){const U=Ie.value;U?.kind==="element"?U.element.options[U.field]=I||void 0:U?.kind==="cell"&&(U.cell.formatter=I||void 0),F(),De.value=!1,Ie.value=null}function Qt(I,U){W.value.push(I),K(I.id,!1),F()}e.watch(()=>n.initialTemplate,I=>{I&&N(I,n.initialElements)}),e.watch(()=>n.initialElements,I=>{I&&!n.initialTemplate&&(R.value={...R.value,elements:I.map(U=>({...U,options:{...U.options},printElementType:{...U.printElementType}}))})}),e.watch(()=>n.fields,I=>{J.value=I||[]}),a({getTemplateJson:C});async function _t(){if(n.loadDefaultTemplate&&confirm("将覆盖当前画布内容,是否继续?"))try{const I=await n.loadDefaultTemplate();if(!I){alert("未获取到默认布局");return}N(I),alert("默认布局已加载")}catch{alert("加载默认布局失败")}}function eo(){l("save",JSON.stringify(C())),v()}return(I,U)=>(e.openBlock(),e.createElementBlock("div",Ad,[e.createVNode(cn,{"is-edit":t.isEdit,"can-undo":e.unref(X),"can-redo":e.unref(Z),"has-multi-selection":e.unref(A).size>=2,"has-selection":e.unref(A).size>=1,"show-ruler":e.unref(L),"show-grid":e.unref(H),"snap-to-grid":e.unref(D),"show-table-ghost-border":e.unref($),"selected-element-has-group":!!e.unref(G)?.options.groupId,"overlay-visible":ye.value,"show-load-default":!!t.loadDefaultTemplate,"show-help":t.showHelp!==!1,scale:e.unref(w),"onUpdate:scale":U[0]||(U[0]=te=>e.isRef(w)?w.value=te:null),onPreview:U[1]||(U[1]=te=>I.$emit("preview")),onSave:eo,onLoadDefault:_t,onUndo:e.unref(j),onRedo:e.unref(ce),onAlign:U[2]||(U[2]=te=>e.unref(ie)(te)),onMoveLayer:e.unref(k),onToggleRuler:U[3]||(U[3]=te=>L.value=!e.unref(L)),onToggleGrid:U[4]||(U[4]=te=>H.value=!e.unref(H)),onToggleSnap:U[5]||(U[5]=te=>D.value=!e.unref(D)),onToggleTableGhostBorder:U[6]||(U[6]=te=>$.value=!e.unref($)),onToggleOverlay:Xe,onGroup:e.unref(se),onUngroup:e.unref(le),onAddOverlayElement:Se,onFitWindow:q,onZoom:ee,onHelp:U[7]||(U[7]=te=>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","show-help","scale","onUndo","onRedo","onMoveLayer","onGroup","onUngroup"]),e.createElementVNode("div",Id,[e.createVNode(Gn,{fields:e.unref(J),elements:e.unref(W),"selected-ids":e.unref(A),collapsed:e.unref(i),onSelect:e.unref(vt),onMoveLayer:e.unref(k),onToggleVisible:Yt,onToggleLocked:Kt,onToggleCollapse:e.unref(c)},null,8,["fields","elements","selected-ids","collapsed","onSelect","onMoveLayer","onToggleCollapse"]),e.createVNode(ia,{ref_key:"canvasAreaRef",ref:be,"template-data":e.unref(R),elements:e.unref(W),scale:e.unref(w)/100,"show-ruler":e.unref(L),"show-grid":e.unref(H),"snap-to-grid":e.unref(D),"show-table-ghost-border":e.unref($),"has-clipboard":e.unref(z),guides:e.unref(Y),"overlay-visible":ye.value,"screenshot-url":Ne.value,"overlay-opacity":Ke.value,"selected-element-has-group":!!e.unref(G)?.options.groupId,onSelect:e.unref(vt),onDropElement:e.unref(f),onDropField:e.unref(m),onDragStart:e.unref(g),onDragStop:e.unref(E),onDblclickElement:jt,onDblclickCell:Jt,onZoneHeightChange:ke,onZoneHeightCommit:de,onSelectAll:e.unref(M),onClearSelection:e.unref(S),onPreview:e.unref(B),onCommitPreview:e.unref(T),onPaste:e.unref(V),onCopy:e.unref(u),onCut:e.unref(O),onDelete:e.unref(P),onMoveLayer:e.unref(k),onCoordinate:je,onGroup:e.unref(se),onUngroup:e.unref(le),onAddGuide:e.unref(ae),onGuideMove:e.unref(re),onGuideRemove:e.unref(ve),onZoom:ee,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(R),fields:e.unref(J),"table-selection":e.unref(y),"record-history":e.unref(F),collapsed:e.unref(s),"active-tab":Be.value,"onUpdate:activeTab":U[8]||(U[8]=te=>Be.value=te),onDeleteElement:e.unref(P),"onUpdate:templateData":oe,onToggleCollapse:e.unref(d)},null,8,["element","template-data","fields","table-selection","record-history","collapsed","active-tab","onDeleteElement","onToggleCollapse"])]),e.createVNode(yd,{coordinate:Ae.value,scale:e.unref(w),"element-count":e.unref(W).length,"selected-count":e.unref(A).size,paper:Je.value,dirty:e.unref(p)},null,8,["coordinate","scale","element-count","selected-count","paper","dirty"]),e.createVNode(ft,{modelValue:De.value,"onUpdate:modelValue":U[9]||(U[9]=te=>De.value=te),fields:e.unref(J),expression:Ze.value,"onUpdate:expression":Zt},null,8,["modelValue","fields","expression"]),e.createVNode(Ld,{visible:r.value,onClose:U[10]||(U[10]=te=>r.value=!1)},null,8,["visible"])]))}}),Hd=_(Rd,[["__scopeId","data-v-8060946b"]]),tt=3.7795275591,Ge=3e3;async function Gt(t,a,o,n){const l=ue.bindData(t,a,o),r=await Fd(l,n),i=ue.paginate(l,r);return{html:ue.generateHtml(l,i,a,{codeRenderer:n}),pageCount:i.length,pageLayouts:i}}async function Fd(t,a){const o=ue.getPaperDimensions(t),n=ue.generateHtml(t,[],void 0,{isMeasurementPass:!0,codeRenderer:a}),l=document.createElement("iframe");l.setAttribute("aria-hidden","true"),l.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(l);try{const r=l.contentWindow,i=l.contentDocument;if(!r||!i)throw new Error("无法创建测量 iframe");i.open(),i.write(n),i.close(),await Ud(r);const s=Gd(i),c=new Map,d=new Map(t.elements.map(p=>[p.id,p]));for(const p of s){const w=d.get(p.id)?.options?._repeatHeaderCount??0;c.set(p.id,{id:p.id,measuredHeight:p.height,measuredRowHeights:p.rowHeights,repeatHeaderHeight:p.rowHeights&&w>0?p.rowHeights.slice(0,w).reduce((L,H)=>L+H,0):0})}return c}finally{l.remove()}}function Ud(t){return new Promise(a=>{let o=!1;const n=()=>{o||(o=!0,a())},l=setTimeout(n,Ge),r=async()=>{try{const i=t.document.fonts;i?.ready&&await Promise.race([i.ready,$t(Ge)]),await Promise.race([Od(t.document),$t(Ge)])}catch{}finally{clearTimeout(l),n()}};t.document.readyState==="complete"?r():(t.addEventListener("load",()=>{r()},{once:!0}),setTimeout(n,Ge))})}function $t(t){return new Promise((a,o)=>setTimeout(()=>o(new Error("timeout")),t))}function Od(t){const a=Array.from(t.images??[]);return Promise.all(a.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 a=[],o=t.querySelectorAll("[data-measure-id]");for(const n of o){const l=n,r=l.getAttribute("data-measure-id");if(!r)continue;const i=l.offsetHeight,s=l.querySelector("table.print-table");if(s){const c=[],d=s.querySelectorAll("tbody > tr[data-row-index]");for(const p of d)c.push(p.offsetHeight/tt);a.push({id:r,height:i/tt,rowHeights:c})}else a.push({id:r,height:i/tt})}return a}const qt="http://www.w3.org/2000/svg";function qd(t,a){const o=document.createElementNS(qt,"svg");return it(o,t,{format:a.barcodeType||"CODE128",width:Math.max(1,(a.barWidth??2)/2),height:30,displayValue:a.showText!==!1,fontSize:a.fontSize??10,margin:0,marginBottom:2}),o.outerHTML}function Wd(t,a){const o=(a.qrCodeLevel??"M").toUpperCase(),l=rt.create(t,{errorCorrectionLevel:["L","M","Q","H"].includes(o)?o:"M"}).modules,r=l.size,i=4,s=4*i,c=r*i+s*2;let d="";for(let p=0;p<r;p++)for(let v=0;v<r;v++)l.get(v,p)&&(d+=`<rect x="${s+v*i}" y="${s+p*i}" width="${i}" height="${i}" fill="#000"/>`);return`<svg xmlns="${qt}" viewBox="0 0 ${c} ${c}" width="${c}" height="${c}" shape-rendering="crispEdges">${d}</svg>`}const Wt={render(t,a,o={}){if(!t)throw new Error("empty barcode value");return a==="qrcode"?Wd(t,o):qd(t,o)}},Yd={class:"print-html-preview"},Kd={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:a,emit:o}){const n=t,l=o,r=e.ref(),i=e.ref(!1),s=e.ref("");let c=0;async function d(){if(!n.templateJson){s.value="",i.value=!1;return}const v=++c;i.value=!0,s.value="";try{const{html:w,pageCount:L}=await Gt(n.templateJson,n.printData,n.baseUrl,Wt);if(v!==c)return;const H=r.value?.contentWindow?.document;H&&(H.open(),H.write(w),H.close()),l("rendered",L)}catch(w){if(v!==c)return;s.value=w instanceof Error?w.message:"未知错误",l("error",s.value)}finally{v===c&&(i.value=!1)}}function p(){const v=r.value?.contentWindow;v&&(v.focus(),v.print())}return e.watch(()=>[n.templateJson,n.printData,n.baseUrl],()=>{d()},{immediate:!0,deep:!0}),e.onBeforeUnmount(()=>{c++}),a({print:p,rerender:d}),(v,w)=>(e.openBlock(),e.createElementBlock("div",Yd,[s.value?(e.openBlock(),e.createElementBlock("div",Kd,[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=_(jd,[["__scopeId","data-v-1841dcea"]]);exports.DEFAULT_DEMO_DATA=ge;exports.PrintDesigner=Hd;exports.PrintHtmlPreview=Jd;exports.UPLOAD_IMAGE_KEY=pt;exports.browserCodeRenderer=Wt;exports.createDefaultTemplate=Ht;exports.getDemoData=go;exports.renderHtmlPages=Gt;exports.toRuntimePool=at;
|
|
478
|
+
`},Cc=[yc,kc,Vc,Nc,wc],Sc={class:"help-modal"},Bc={class:"help-modal-header"},xc={class:"help-modal-body"},$c={class:"help-modal-sidebar"},Tc=["onClick"],Dc={class:"help-modal-content"},Mc=["innerHTML"],st="worm-print-help-tab",Pc=e.defineComponent({__name:"HelpModal",props:{visible:{type:Boolean},initialTab:{default:"getting-started"}},emits:["close","update:tab"],setup(o,{emit:i}){const t=o,n=i,l=Cc,d=e.ref(t.initialTab);e.onMounted(()=>{const u=localStorage.getItem(st);u&&l.some(m=>m.id===u)&&(d.value=u)}),e.watch(()=>t.visible,u=>{if(u){const m=localStorage.getItem(st);m&&l.some(g=>g.id===m)&&(d.value=m)}});function s(u){d.value=u,localStorage.setItem(st,u),n("update:tab",u)}const a=e.computed(()=>l.find(m=>m.id===d.value)?.content||"");function r(u){u.key==="Escape"&&t.visible&&n("close")}return e.onMounted(()=>{document.addEventListener("keydown",r)}),e.onUnmounted(()=>{document.removeEventListener("keydown",r)}),(u,m)=>(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:m[1]||(m[1]=e.withModifiers(g=>u.$emit("close"),["self"]))},[e.createElementVNode("div",Sc,[e.createElementVNode("div",Bc,[m[2]||(m[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:m[0]||(m[0]=g=>u.$emit("close"))}," × ")]),e.createElementVNode("div",xc,[e.createElementVNode("div",$c,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(l),g=>(e.openBlock(),e.createElementBlock("button",{key:g.id,class:e.normalizeClass(["help-tab",{active:d.value===g.id}]),onClick:k=>s(g.id)},e.toDisplayString(g.title),11,Tc))),128))]),e.createElementVNode("div",Dc,[e.createElementVNode("div",{class:"help-content",innerHTML:a.value},null,8,Mc)])])])])):e.createCommentVNode("",!0)]),_:1})]))}}),zc=re(Pc,[["__scopeId","data-v-31115934"]]),Lc={class:"page-tabs-list"},Rc=["onBlur","onKeydown"],Ac=["data-tip","onClick","onDblclick"],Ic={class:"page-tabs-actions"},Fc=["data-tip","disabled"],Uc=["data-tip","disabled"],Hc=["data-tip","disabled"],Oc=["data-tip","disabled"],Wc=["data-tip","disabled"],Gc=e.defineComponent({__name:"PageTabs",props:{pages:{},activeIndex:{},multi:{type:Boolean},tilingEnabled:{type:Boolean}},emits:["select","add","duplicate","delete","rename","move"],setup(o,{emit:i}){const t=o,n=i,l=e.ref(-1),d=e.ref(""),s=e.computed(()=>t.pages[t.activeIndex]?.name||`页面 ${t.activeIndex+1}`),a=e.computed(()=>t.tilingEnabled?rt:"新增页面(在当前页后追加空白页)"),r=e.computed(()=>t.tilingEnabled?rt:`复制当前页「${s.value}」`);function u(M){l.value=M,d.value=t.pages[M]?.name??""}function m(M){if(l.value!==M)return;const j=d.value.trim();j&&n("rename",M,j),l.value=-1}function g(){l.value=-1}const k=e.ref(null);let y=null;function R(M){const j=M.dataset.tip;if(!j)return;const ne=M.getBoundingClientRect(),H=Math.min(Math.max(ne.left+ne.width/2,80),window.innerWidth-80);k.value={text:j,x:H,y:ne.bottom+6}}function C(M){const j=M.target.closest?.("[data-tip]");j&&(y&&clearTimeout(y),y=setTimeout(()=>R(j),300))}function v(M){const j=M.target.closest?.("[data-tip]");j&&M.relatedTarget?.closest?.("[data-tip]")===j||f()}function f(){y&&(clearTimeout(y),y=null),k.value=null}return e.onUnmounted(f),(M,j)=>(e.openBlock(),e.createElementBlock("div",{class:"page-tabs",onMouseover:C,onMouseout:v,onMouseleave:f},[e.createElementVNode("div",Lc,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.pages,(ne,H)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:H},[l.value===H?e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:0,"onUpdate:modelValue":j[0]||(j[0]=K=>d.value=K),class:"page-tab-rename","data-test":"page-rename-input",onBlur:K=>m(H),onKeydown:[e.withKeys(K=>m(H),["enter"]),e.withKeys(g,["esc"])]},null,40,Rc)),[[e.vModelText,d.value]]):(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(["page-tab",{active:H===o.activeIndex}]),"data-tip":ne.name?`${ne.name}(双击重命名)`:"双击重命名",onClick:K=>M.$emit("select",H),onDblclick:K=>u(H)},e.toDisplayString(ne.name||`页面 ${H+1}`),43,Ac))],64))),128))]),e.createElementVNode("div",Ic,[e.createElementVNode("button",{"data-test":"add-page","data-tip":a.value,disabled:o.tilingEnabled,onClick:j[1]||(j[1]=ne=>M.$emit("add"))},"+",8,Fc),e.createElementVNode("button",{"data-test":"duplicate-page","data-tip":r.value,disabled:o.tilingEnabled,onClick:j[2]||(j[2]=ne=>M.$emit("duplicate"))},"⧉",8,Uc),e.createElementVNode("button",{"data-test":"delete-page","data-tip":o.multi?`删除当前页「${s.value}」`:"仅多页面模板可删除页面",disabled:!o.multi,onClick:j[3]||(j[3]=ne=>M.$emit("delete",o.activeIndex))},"✕",8,Hc),e.createElementVNode("button",{"data-test":"move-left","data-tip":`前移「${s.value}」`,disabled:o.activeIndex<=0,onClick:j[4]||(j[4]=ne=>M.$emit("move",o.activeIndex,o.activeIndex-1))},"←",8,Oc),e.createElementVNode("button",{"data-test":"move-right","data-tip":`后移「${s.value}」`,disabled:o.activeIndex>=o.pages.length-1,onClick:j[5]||(j[5]=ne=>M.$emit("move",o.activeIndex,o.activeIndex+1))},"→",8,Wc)]),k.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"page-tabs-tip",style:e.normalizeStyle({left:`${k.value.x}px`,top:`${k.value.y}px`})},e.toDisplayString(k.value.text),5)):e.createCommentVNode("",!0)],32))}}),Kc=re(Gc,[["__scopeId","data-v-f1c7a18e"]]),wt="print-studio:left",Ct="print-studio:right";function St(o,i){try{const t=localStorage.getItem(o);return t===null?i:t==="1"}catch{return i}}function qc(){const o=e.ref(St(wt,!1)),i=e.ref(St(Ct,!1)),t=e.ref(!1);e.watch(o,s=>{try{localStorage.setItem(wt,s?"1":"0")}catch{}},{flush:"sync"}),e.watch(i,s=>{try{localStorage.setItem(Ct,s?"1":"0")}catch{}},{flush:"sync"});function n(){o.value=!o.value}function l(){i.value=!i.value}function d(){t.value=!1}return{leftCollapsed:o,rightCollapsed:i,toggleLeft:n,toggleRight:l,dirty:t,markSaved:d}}const Yc={class:"designer-container"},jc={class:"designer-body"},Xc=e.defineComponent({__name:"PrintDesigner",props:{initialTemplate:{},initialElements:{},fields:{},isEdit:{type:Boolean},requestScreenshot:{type:Function},uploadImage:{type:Function},uploadDesignBackground:{type:Function},showHelp:{type:Boolean},fonts:{}},emits:["preview","save"],setup(o,{expose:i,emit:t}){const n=o,l=t,d=e.ref(!1);e.watch(()=>n.showHelp,U=>{U===!1&&(d.value=!1)});const{leftCollapsed:s,rightCollapsed:a,toggleLeft:r,toggleRight:u,dirty:m,markSaved:g}=qc(),{scale:k,showRuler:y,showGrid:R,snapToGrid:C,showTableGhostBorder:v,templateData:f,elements:M,fields:j,tilingEnabled:ne,selectedIds:H,selectedElement:K,select:b,selectElement:B,clearSelection:S,selectAll:x,previewIds:T,setPreview:X,commitPreview:ee,hasClipboard:le,copy:ie,paste:ue,cutSelected:J,canUndo:c,canRedo:N,undo:W,redo:he,alignSelected:pe,groupSelected:ce,ungroupSelected:ve,deleteSelected:z,dragStart:V,dragStop:w,addElement:F,addFieldElement:p,moveLayer:E,updateTemplateData:$,getTemplateJson:Y,loadTemplate:Q,pages:oe,activePageIndex:me,switchPage:P,addPage:I,duplicatePage:O,deletePage:_,renamePage:q,movePage:fe,tableSelection:A,setTableSelection:D,recordHistory:Z}=Wt({initialTemplate:n.initialTemplate,initialElements:n.initialElements,initialFields:n.fields});e.watch([M,f],()=>{m.value=!0},{deep:!0});const{guides:be,addGuide:ke,moveGuide:Ve,removeGuide:xe}=Kt(f,Z),Qe=e.computed(()=>{const U=f.value,{width:G}=h.getPaperDimensions(U);return G-U.margins.left-U.margins.right});e.provide(Oe,{tableSelection:A,setTableSelection:D,recordHistory:Z,maxTableWidth:Qe}),e.provide($t,H),e.provide(Tt,T),e.provide(dt,e.computed(()=>n.uploadImage)),e.provide(ct,e.computed(()=>n.uploadDesignBackground));const{catalog:We}=Yt(e.computed(()=>n.fonts));e.provide(ut,We),Qt(e.computed(()=>ge.buildFontFaceCss(n.fonts)));function Ae(){const U=Y();return n.fonts?.length?Array.isArray(U.pages)?{...U,pages:U.pages.map(G=>({...G,fonts:[...n.fonts]}))}:{...U,fonts:[...n.fonts]}:U}e.watch(K,U=>{(!U||U.printElementType.type!=="table")&&D(null)});const Me=e.ref(null),De=e.ref(!1),Pe=e.ref(""),_e=e.ref(.5);async function et(){if(De.value){De.value=!1;return}const U=Ae();if(!U){alert("模板数据为空");return}if(!n.requestScreenshot){alert("截图服务未配置");return}try{const G=U,de=Array.isArray(G.pages)?G.pages[me.value]:U,Ne=await n.requestScreenshot({templateJson:de,printData:h.DEFAULT_DEMO_DATA});Pe.value&&URL.revokeObjectURL(Pe.value),Pe.value=URL.createObjectURL(Ne),De.value=!0}catch{alert("截图生成失败")}}const Ge=e.ref(null);function tt(U){Ge.value=U}const ot=e.computed(()=>{const U=f.value,G=h.getPaperDimensions(U),de=U.orientation==="landscape"?"横向":"纵向",$e=`${h.PAPER_PRESETS[U.paperSize]?.label??U.paperSize} ${de} ${Math.round(G.width)}×${Math.round(G.height)}mm`,Te=U.outputRotation;return Te?`${$e}(旋转${Te}°)`:$e});function Ke(){const U=Me.value?.$el;if(U){const G=getComputedStyle(U),de=parseFloat(G.paddingLeft)+parseFloat(G.paddingRight),Ne=parseFloat(G.paddingTop)+parseFloat(G.paddingBottom),$e=h.getPaperDimensions(f.value),Te=96/25.4,Fe=h.computeFitScale(U.clientWidth-de,U.clientHeight-Ne,$e.width*Te,$e.height*Te);Me.value?.fitToWindow(Fe)}}function nt(U){k.value=Math.max(h.FIT_SCALE_MIN_PERCENT,k.value+U)}function lt(U){Me.value?.zoomByStep(U>0?1:-1)}function qe(U){const G=U.target.tagName;G==="INPUT"||G==="TEXTAREA"||G==="SELECT"||(U.ctrlKey||U.metaKey)&&U.key==="0"&&(U.preventDefault(),Ke())}e.onMounted(()=>document.addEventListener("keydown",qe)),e.onUnmounted(()=>document.removeEventListener("keydown",qe));function L(U){const G=f.value.header.height,de=f.value.footer.height;$(U),U.header.height<G&&ye("header"),U.footer.height<de&&ye("footer")}function te(U,G){f.value={...f.value,[U]:{...f.value[U],height:G}}}function ae(U){$({...f.value}),ye(U)}function ye(U){const G=h.getZoneRects(f.value)[U];M.value.some(Ne=>Ne.zone===U&&(Ne.options.top+Ne.options.height>G.height||Ne.options.left+Ne.options.width>G.width))&&alert(`${U==="header"?"页眉":"页脚"}高度已小于区域内元素,请手动调整元素位置`)}function Se(){const U=f.value.firstPageOverlay,G={options:{left:0,top:0,width:50,height:10,title:"首页叠加"},printElementType:{type:"text",title:"首页叠加"}};f.value={...f.value,firstPageOverlay:{...U,elements:[...U.elements,G]}}}const Ee=B;function Be(U){const G=M.value.find(de=>de.id===U);G&&(G.options.visible=G.options.visible===!1)}function ze(U){const G=M.value.find(de=>de.id===U);G&&(G.options.locked=!G.options.locked)}const Le=e.ref("page");e.watch(K,U=>{Le.value=U?"element":"page"});const Mt={text:"formatter",longText:"formatter",barcode:"formatter",qrcode:"formatter",image:"src"},Ie=e.ref(!1),Ye=e.ref(null),at=e.ref("");function Pt(U){const G=M.value.find(Ne=>Ne.id===U);if(!G||(b(U,!1),Le.value="element",G.options.locked))return;const de=Mt[G.printElementType.type];de&&(Ye.value={kind:"element",element:G,field:de},at.value=G.options[de]||"",Ie.value=!0)}function zt(U,G,de){const Ne=M.value.find(It=>It.id===U);if(!Ne||(b(U,!1),Le.value="element",Ne.options.locked))return;const $e=Ne.options.tableRows??[],Te=h.findMainCell($e,G,de),Fe=$e[Te.r]?.cells[Te.c];Fe&&(Ye.value={kind:"cell",cell:Fe},at.value=Fe.formatter||"",Ie.value=!0)}function Lt(U){const G=Ye.value;G?.kind==="element"?G.element.options[G.field]=U||void 0:G?.kind==="cell"&&(G.cell.formatter=U||void 0),Z(),Ie.value=!1,Ye.value=null}function Rt(U,G){M.value.push(U),b(U.id,!1),Z()}e.watch(()=>n.initialTemplate,U=>{U&&Q(U,n.initialElements)}),e.watch(()=>n.initialElements,U=>{U&&!n.initialTemplate&&(f.value={...f.value,elements:U.map(G=>({...G,options:{...G.options},printElementType:{...G.printElementType}}))})}),e.watch(()=>n.fields,U=>{j.value=U||[]});const pt=e.computed(()=>{const U=f.value;return U?.tiling?.enabled!==!0?[]:ge.validateTiling(U)});i({getTemplateJson:Ae,validateTemplate:()=>pt.value});function At(){const U=pt.value;if(U.length){alert(U[0].message),Le.value="page";return}const G=Ae();if(Array.isArray(G.pages))try{ge.normalizeTemplate(G)}catch(de){alert(de instanceof Error?de.message:String(de));return}l("save",JSON.stringify(G)),g()}return(U,G)=>(e.openBlock(),e.createElementBlock("div",Yc,[e.createVNode(Eo,{"is-edit":o.isEdit,"can-undo":e.unref(c),"can-redo":e.unref(N),"has-multi-selection":e.unref(H).size>=2,"has-selection":e.unref(H).size>=1,"show-ruler":e.unref(y),"show-grid":e.unref(R),"snap-to-grid":e.unref(C),"show-table-ghost-border":e.unref(v),"selected-element-has-group":!!e.unref(K)?.options.groupId,"overlay-visible":De.value,"show-help":o.showHelp!==!1,scale:e.unref(k),"onUpdate:scale":G[0]||(G[0]=de=>e.isRef(k)?k.value=de:null),onPreview:G[1]||(G[1]=de=>U.$emit("preview")),onSave:At,onUndo:e.unref(W),onRedo:e.unref(he),onAlign:G[2]||(G[2]=de=>e.unref(pe)(de)),onMoveLayer:e.unref(E),onToggleRuler:G[3]||(G[3]=de=>y.value=!e.unref(y)),onToggleGrid:G[4]||(G[4]=de=>R.value=!e.unref(R)),onToggleSnap:G[5]||(G[5]=de=>C.value=!e.unref(C)),onToggleTableGhostBorder:G[6]||(G[6]=de=>v.value=!e.unref(v)),onToggleOverlay:et,onGroup:e.unref(ce),onUngroup:e.unref(ve),onAddOverlayElement:Se,onFitWindow:Ke,onZoom:lt,onHelp:G[7]||(G[7]=de=>d.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-help","scale","onUndo","onRedo","onMoveLayer","onGroup","onUngroup"]),e.createVNode(Kc,{pages:e.unref(oe),"active-index":e.unref(me),multi:e.unref(oe).length>1,"tiling-enabled":e.unref(ne),onSelect:e.unref(P),onAdd:e.unref(I),onDuplicate:e.unref(O),onDelete:e.unref(_),onRename:e.unref(q),onMove:e.unref(fe)},null,8,["pages","active-index","multi","tiling-enabled","onSelect","onAdd","onDuplicate","onDelete","onRename","onMove"]),e.createElementVNode("div",jc,[e.createVNode(Qo,{fields:e.unref(j),elements:e.unref(M),"selected-ids":e.unref(H),collapsed:e.unref(s),onSelect:e.unref(Ee),onMoveLayer:e.unref(E),onToggleVisible:Be,onToggleLocked:ze,onToggleCollapse:e.unref(r)},null,8,["fields","elements","selected-ids","collapsed","onSelect","onMoveLayer","onToggleCollapse"]),e.createVNode(El,{ref_key:"canvasAreaRef",ref:Me,"template-data":e.unref(f),elements:e.unref(M),scale:e.unref(k)/100,"show-ruler":e.unref(y),"show-grid":e.unref(R),"snap-to-grid":e.unref(C),"show-table-ghost-border":e.unref(v),"has-clipboard":e.unref(le),guides:e.unref(be),"overlay-visible":De.value,"screenshot-url":Pe.value,"overlay-opacity":_e.value,"selected-element-has-group":!!e.unref(K)?.options.groupId,onSelect:e.unref(Ee),onDropElement:e.unref(F),onDropField:e.unref(p),onDragStart:e.unref(V),onDragStop:e.unref(w),onDblclickElement:Pt,onDblclickCell:zt,onZoneHeightChange:te,onZoneHeightCommit:ae,onSelectAll:e.unref(x),onClearSelection:e.unref(S),onPreview:e.unref(X),onCommitPreview:e.unref(ee),onPaste:e.unref(ue),onCopy:e.unref(ie),onCut:e.unref(J),onDelete:e.unref(z),onMoveLayer:e.unref(E),onCoordinate:tt,onGroup:e.unref(ce),onUngroup:e.unref(ve),onAddGuide:e.unref(ke),onGuideMove:e.unref(Ve),onGuideRemove:e.unref(xe),onZoom:nt,onCloneElement:Rt},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(mc,{element:e.unref(K),"template-data":e.unref(f),fields:e.unref(j),"table-selection":e.unref(A),"record-history":e.unref(Z),collapsed:e.unref(a),"multi-page":e.unref(oe).length>1,"active-tab":Le.value,"onUpdate:activeTab":G[8]||(G[8]=de=>Le.value=de),onDeleteElement:e.unref(z),"onUpdate:templateData":L,onToggleCollapse:e.unref(u)},null,8,["element","template-data","fields","table-selection","record-history","collapsed","multi-page","active-tab","onDeleteElement","onToggleCollapse"])]),e.createVNode(Ec,{coordinate:Ge.value,scale:e.unref(k),"element-count":e.unref(M).length,"selected-count":e.unref(H).size,paper:ot.value,dirty:e.unref(m)},null,8,["coordinate","scale","element-count","selected-count","paper","dirty"]),e.createVNode(Je,{modelValue:Ie.value,"onUpdate:modelValue":G[9]||(G[9]=de=>Ie.value=de),fields:e.unref(j),expression:at.value,"onUpdate:expression":Lt},null,8,["modelValue","fields","expression"]),e.createVNode(zc,{visible:d.value,onClose:G[10]||(G[10]=de=>d.value=!1)},null,8,["visible"])]))}}),Zc=re(Xc,[["__scopeId","data-v-080dee1a"]]),Jc={class:"print-html-preview"},Qc={key:0,class:"print-html-preview-error"},_c={key:1,class:"print-html-preview-loading"},eu=e.defineComponent({__name:"PrintHtmlPreview",props:{templateJson:{},printData:{},baseUrl:{},fontBaseUrl:{}},emits:["rendered","error"],setup(o,{expose:i,emit:t}){const n=o,l=t,d=e.ref(),s=e.ref(!1),a=e.ref("");let r=0;async function u(){if(!n.templateJson){a.value="",s.value=!1;return}const g=++r;s.value=!0,a.value="";try{const{html:k,pageCount:y,copies:R}=await Ue.renderHtmlPages(n.templateJson,n.printData,n.baseUrl,Ue.browserCodeRenderer,{fontBaseUrl:n.fontBaseUrl});if(g!==r)return;const C=d.value?.contentWindow?.document;C&&(C.open(),C.write(k),C.close()),l("rendered",y,R)}catch(k){if(g!==r)return;a.value=k instanceof Error?k.message:"未知错误",l("error",a.value)}finally{g===r&&(s.value=!1)}}function m(){const g=d.value?.contentWindow;g&&(g.focus(),g.print())}return e.watch(()=>[n.templateJson,n.printData,n.baseUrl,n.fontBaseUrl],()=>{u()},{immediate:!0,deep:!0}),e.onBeforeUnmount(()=>{r++}),i({print:m,rerender:u}),(g,k)=>(e.openBlock(),e.createElementBlock("div",Jc,[a.value?(e.openBlock(),e.createElementBlock("div",Qc,[e.createElementVNode("span",null,"预览渲染失败:"+e.toDisplayString(a.value),1)])):s.value?(e.openBlock(),e.createElementBlock("div",_c,"预览渲染中…")):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("iframe",{ref_key:"iframeRef",ref:d,class:"print-html-preview-iframe",title:"打印预览"},null,512),[[e.vShow,!s.value&&!a.value]])]))}}),tu=re(eu,[["__scopeId","data-v-ff7de2b5"]]);Object.defineProperty(exports,"DEFAULT_DEMO_DATA",{enumerable:!0,get:()=>h.DEFAULT_DEMO_DATA});Object.defineProperty(exports,"getDemoData",{enumerable:!0,get:()=>h.getDemoData});Object.defineProperty(exports,"browserCodeRenderer",{enumerable:!0,get:()=>Ue.browserCodeRenderer});Object.defineProperty(exports,"renderHtmlPages",{enumerable:!0,get:()=>Ue.renderHtmlPages});exports.FONT_CATALOG_KEY=ut;exports.PrintDesigner=Zc;exports.PrintHtmlPreview=tu;exports.UPLOAD_DESIGN_BACKGROUND_KEY=ct;exports.UPLOAD_IMAGE_KEY=dt;exports.createDefaultTemplate=Re;exports.toRuntimePool=Ze;
|
|
428
479
|
//# sourceMappingURL=index.cjs.map
|