@worm-vue3-print/canvas 1.2.0 → 1.2.1
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 +76 -17
- package/dist/canvas.css +1 -1
- package/dist/components/CanvasArea.vue.d.ts +9 -1
- package/dist/components/DesignerToolbar.vue.d.ts +3 -0
- package/dist/components/PrintDesigner.vue.d.ts +2 -0
- package/dist/index.cjs +24 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +3121 -3055
- package/dist/index.js.map +1 -1
- package/dist/utils/scale.d.ts +3 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),de=require("@worm-vue3-print/core"),lt=require("jsbarcode"),at=require("qrcode"),oo=require("dompurify");function no(){let t=0;return function(){return t+=1,`cell-${Date.now().toString(36)}-${t}`}}function lo(){let t=0;return function(){return t+=1,`row-${Date.now().toString(36)}-${t}`}}const ao=no(),io=lo(),Pe={width:.75,style:"solid",color:"#333333"};function it(t){return JSON.parse(JSON.stringify(t))}function rt(t){return{id:ao(),borders:{top:{...Pe},right:{...Pe},bottom:{...Pe},left:{...Pe}},...t}}function ro(){const t=[50,50,50],l=(n,a)=>({id:io(),type:n,height:8,...a!==void 0?{repeatOnPage:a}:{},cells:t.map(()=>rt())}),o=l("header",!0);return o.cells.forEach((n,a)=>{n.formatter=`列${a+1}`,n.align="center",n.fontWeight="bold"}),{rows:[o,l("data"),l("subtotal"),l("summary")],colWidths:t}}function st(t,l,o){if(!t[l].cells[o].merged)return{r:l,c:o};for(let n=l;n>=0;n--)for(let a=o;a>=0;a--){const r=t[n].cells[a];if(r.merged)continue;const i=r.rowspan??1,s=r.colspan??1;if(n+i-1>=l&&a+s-1>=o)return{r:n,c:a}}return{r:l,c:o}}function Ne(t,l,o){const n=st(t,l,o),a=t[n.r].cells[n.c];return{r1:n.r,c1:n.c,r2:n.r+(a.rowspan??1)-1,c2:n.c+(a.colspan??1)-1}}function xt(t,l,o){let n={r1:Math.min(l.r,o.r),c1:Math.min(l.c,o.c),r2:Math.max(l.r,o.r),c2:Math.max(l.c,o.c)};for(;;){let a=!1;for(let r=n.r1;r<=n.r2;r++)for(let i=n.c1;i<=n.c2;i++){const s=Ne(t,r,i),c={r1:Math.min(n.r1,s.r1),c1:Math.min(n.c1,s.c1),r2:Math.max(n.r2,s.r2),c2:Math.max(n.c2,s.c2)};(c.r1!==n.r1||c.c1!==n.c1||c.r2!==n.r2||c.c2!==n.c2)&&(n=c,a=!0)}if(!a)return n}}function Bt(t,l){if((l.r2-l.r1+1)*(l.c2-l.c1+1)<2)return"至少选择 2 个单元格";const n=new Set;for(let r=l.r1;r<=l.r2;r++)n.add(t[r].type);if(n.size>1)return"合并区域不能跨越不同类型的行";const a=xt(t,{r:l.r1,c:l.c1},{r:l.r2,c:l.c2});return a.r1!==l.r1||a.c1!==l.c1||a.r2!==l.r2||a.c2!==l.c2?"选区与已有合并区域部分重叠":null}function Dt(t,l){const o=t[l.r1].cells[l.c1],n=[];for(let a=l.r1;a<=l.r2;a++)for(let r=l.c1;r<=l.c2;r++){const i=t[a].cells[r];i.formatter&&n.push(i.formatter),!(a===l.r1&&r===l.c1)&&(i.merged=!0,i.rowspan=1,i.colspan=1,i.formatter="")}o.rowspan=l.r2-l.r1+1,o.colspan=l.c2-l.c1+1,o.formatter=n.join(" ")}function Tt(t,l){for(let o=l.r1;o<=l.r2;o++)for(let n=l.c1;n<=l.c2;n++){const a=t[o].cells[n];if(!a.merged&&((a.rowspan??1)>1||(a.colspan??1)>1)){const r=Ne(t,o,n),i=a;for(let s=r.r1;s<=r.r2;s++)for(let c=r.c1;c<=r.c2;c++){const u=t[s].cells[c];u.merged=!1,u.rowspan=1,u.colspan=1,so(i,u)}a.rowspan=1,a.colspan=1}}}function so(t,l){t!==l&&(l.align=t.align,l.valign=t.valign,l.fontSize=t.fontSize,l.fontWeight=t.fontWeight,l.color=t.color,l.backgroundColor=t.backgroundColor,l.borders=t.borders?it(t.borders):void 0,l.padding=t.padding,l.wordWrap=t.wordWrap)}function gt(t,l,o){const n=o==="above"?l:l+1,a=t[l],r=a.cells.length,i=a.type==="data"?"header":a.type,s={id:`row-${Date.now().toString(36)}-${Math.random().toString(36).slice(2,6)}`,type:i,height:a.height,cells:Array.from({length:r},()=>rt())};for(let c=0;c<r;c++)if(n>0&&n<t.length){const u=Ne(t,n-1,c);if(u.r1<n&&u.r2>=n){const f=t[u.r1].cells[u.c1];f.rowspan=(f.rowspan??1)+1,s.cells[c].merged=!0}}t.splice(n,0,s)}function co(t,l){if(t.length<=1)return"不能删除最后一行";const o=t[l],n=o.cells.length;for(let a=0;a<n;a++){const r=o.cells[a];if(!r.merged&&(r.rowspan??1)>1){const i=t[l+1].cells[a];Object.assign(i,it(r),{id:i.id}),i.rowspan=(r.rowspan??1)-1,i.merged=!1}else if(r.merged){const i=Ne(t,l,a);if(i.r1<l&&i.c1===a){const s=t[i.r1].cells[i.c1];s.rowspan=(s.rowspan??1)-1}}}return t.splice(l,1),null}function ht(t,l,o,n){const a=n==="left"?o:o+1;l.splice(a,0,l[o]);for(const r of t){const i=rt();if(a>0&&a<r.cells.length){const s=t.indexOf(r),c=Ne(t,s,a-1);if(c.c1<a&&c.c2>=a){const u=t[c.r1].cells[c.c1];s===c.r1&&(u.colspan=(u.colspan??1)+1),i.merged=!0}}r.cells.splice(a,0,i)}}function uo(t,l,o){if(l.length<=1)return"不能删除最后一列";for(let n=0;n<t.length;n++){const a=t[n].cells[o];if(!a.merged&&(a.colspan??1)>1){const r=t[n].cells[o+1];Object.assign(r,it(a),{id:r.id}),r.colspan=(a.colspan??1)-1,r.merged=!1}else if(a.merged){const r=Ne(t,n,o);if(r.c1<o&&r.r1===n){const i=t[r.r1].cells[r.c1];i.colspan=(i.colspan??1)-1}}}for(const n of t)n.cells.splice(o,1);return l.splice(o,1),null}function et(t,l,o){if(o==="data"){const n=t.findIndex((a,r)=>a.type==="data"&&r!==l);if(n>=0)return`数据行已存在(第 ${n+1} 行),全表最多一行`}if(o==="header"){for(let n=0;n<l;n++)if(t[n].type!=="header")return"标题行必须从表格顶部连续设置"}if(o==="subtotal"||o==="summary"){const n=t.findIndex(a=>a.type==="data");if(n<0)return"请先设置数据行,小计/汇总行必须位于数据行之后";if(l<n)return"小计/汇总行必须位于数据行之后"}if(o==="subtotal"&&t.slice(0,l).some(n=>n.type==="summary"))return"小计行必须位于汇总行之前";if(o==="summary"&&t.slice(l+1).some(n=>n.type==="subtotal"))return"汇总行必须位于小计行之后";if(t[l].type==="header"&&o!=="header"){for(let n=l+1;n<t.length;n++)if(t[n].type==="header")return"取消该标题行会导致标题行不连续,请先调整后续标题行"}return t[l].type=o,o!=="header"&&delete t[l].repeatOnPage,null}function mo(t,l,o,n){for(let a=l.r1;a<=l.r2;a++)for(let r=l.c1;r<=l.c2;r++){const i=t[a].cells[r];if(i.merged)continue;if(o==="none"){delete i.borders;continue}const s=Ne(t,a,r),c=s.r1===l.r1,u=s.r2===l.r2,f=s.c1===l.c1,v=s.c2===l.c2,h={...i.borders??{}};o==="all"?(h.top={...n},h.bottom={...n},h.left={...n},h.right={...n}):o==="outer"?(c&&(h.top={...n}),u&&(h.bottom={...n}),f&&(h.left={...n}),v&&(h.right={...n})):o==="inner"&&(c||(h.top={...n}),u||(h.bottom={...n}),f||(h.left={...n}),v||(h.right={...n})),i.borders=h}}const po="1px dashed rgba(0,0,0,0.18)";function Ae(t,l={}){return t&&t.style!=="none"?`${t.width}pt ${t.style} ${t.color}`:l.designMode&&l.showGhostBorder!==!1?po:"none"}function Fe(t){const l=(t.tableColWidths??[]).reduce((n,a)=>n+a,0),o=(t.tableRows??[]).reduce((n,a)=>n+a.height,0);t.width=Math.round(l*100)/100,t.height=Math.round(o*100)/100}const bt=5;function fo(t,l,o,n){const a=t.reduce((s,c,u)=>u===l?s:s+c,0),r=n===1/0?1/0:Math.max(bt,n-a),i=Math.round(o*10)/10;return Math.min(Math.max(i,bt),r)}function Se(){return`el-${Date.now()}-${Math.random().toString(36).slice(2,8)}`}function vo(t){const l={left:7,top:17.6,width:42.3,height:7.1};switch(t){case"text":return{...l,formatter:"文本",fontSize:12,textAlign:"left",height:5.3};case"image":return{...l,width:28.2,height:28.2,fit:"contain"};case"longText":return{...l,width:141.1,height:28.2,fontSize:12,lineHeight:18};case"table":{const{rows:o,colWidths:n}=ro(),a=n.reduce((i,s)=>i+s,0),r=o.reduce((i,s)=>i+s.height,0);return{...l,width:a,height:r,tableMode:"dynamic",tableRows:o,tableColWidths:n,tableDefaultFontSize:10,tableDefaultColor:"#333333",tableDefaultPadding:1,fields:[],tablePagination:{enabled:!0}}}case"hline":return{...l,width:70.6,height:1.8,borderWidth:.75};case"vline":return{...l,width:1.8,height:35.3,borderWidth:.75};case"rect":return{...l,width:28.2,height:28.2,borderWidth:1,borderColor:"#333"};case"oval":return{...l,width:28.2,height:28.2,borderWidth:1,borderColor:"#333"};case"barcode":return{...l,width:56.4,height:14.1,title:"条形码",barcodeType:"code128",testData:"12345678"};case"qrcode":return{...l,width:28.2,height:28.2,title:"二维码",testData:"qrcode"};case"html":return{...l,width:28.2,height:28.2};default:return l}}function zt(t,l){const o={text:{title:"文本"},image:{title:"图片"},longText:{title:"长文"},table:{title:"表格"},hline:{title:"横线"},vline:{title:"竖线"},rect:{title:"矩形"},oval:{title:"椭圆"},barcode:{title:"条形码"},qrcode:{title:"二维码"},html:{title:"HTML"},pageNumber:{title:"页码"}};return{id:Se(),options:{...vo(t),...l},printElementType:{type:t,title:o[t]?.title||t}}}const dt=new de.TemplateEngine;function go(){return fe}const fe={supplier:{name:"鑫达五金有限公司",phone:"0571-88776655",address:"杭州市萧山区经济开发区88号"},receiver:{name:"李四",phone:"13912345678",address:"杭州市余杭区文一西路998号"},order:{no:"PO20260801001",date:"2026-08-01",total:69543.75},goods:[{name:"碳钢螺丝 M8",spec:"M14×10",unit:"个",qty:100,price:.5,amount:50,remark:"A级"},{name:"不锈钢螺母 M10",spec:"M16×11",unit:"套",qty:117,price:.75,amount:87.75,remark:""},{name:"弹簧垫圈 M12",spec:"M6×12",unit:"盒",qty:134,price:1,amount:134,remark:""},{name:"六角螺栓 M14",spec:"M5×13",unit:"支",qty:151,price:1.25,amount:188.75,remark:""},{name:"内六角螺钉 M16",spec:"M20×14",unit:"袋",qty:168,price:1.5,amount:252,remark:""},{name:"平垫圈 M6",spec:"M4×15",unit:"件",qty:185,price:1.75,amount:323.75,remark:""},{name:"自攻螺钉 M5",spec:"M3×16",unit:"根",qty:202,price:2,amount:404,remark:""},{name:"双头螺柱 M20",spec:"M8×17",unit:"包",qty:219,price:2.25,amount:492.75,remark:"A级"},{name:"紧定螺钉 M4",spec:"M10×18",unit:"只",qty:236,price:2.5,amount:590,remark:""},{name:"十字盘头钉 M3",spec:"M12×19",unit:"组",qty:253,price:2.75,amount:695.75,remark:""},{name:"碳钢螺丝 M8",spec:"M14×20",unit:"个",qty:270,price:3,amount:810,remark:""},{name:"不锈钢螺母 M10",spec:"M16×21",unit:"套",qty:287,price:3.25,amount:932.75,remark:""},{name:"弹簧垫圈 M12",spec:"M6×22",unit:"盒",qty:304,price:3.5,amount:1064,remark:""},{name:"六角螺栓 M14",spec:"M5×23",unit:"支",qty:321,price:3.75,amount:1203.75,remark:""},{name:"内六角螺钉 M16",spec:"M20×24",unit:"袋",qty:338,price:4,amount:1352,remark:"A级"},{name:"平垫圈 M6",spec:"M4×25",unit:"件",qty:355,price:4.25,amount:1508.75,remark:""},{name:"自攻螺钉 M5",spec:"M3×26",unit:"根",qty:372,price:4.5,amount:1674,remark:""},{name:"双头螺柱 M20",spec:"M8×27",unit:"包",qty:389,price:4.75,amount:1847.75,remark:""},{name:"紧定螺钉 M4",spec:"M10×28",unit:"只",qty:406,price:5,amount:2030,remark:""},{name:"十字盘头钉 M3",spec:"M12×29",unit:"组",qty:423,price:5.25,amount:2220.75,remark:""},{name:"碳钢螺丝 M8",spec:"M14×30",unit:"个",qty:440,price:.5,amount:220,remark:""},{name:"不锈钢螺母 M10",spec:"M16×31",unit:"套",qty:457,price:.75,amount:342.75,remark:"A级"},{name:"弹簧垫圈 M12",spec:"M6×32",unit:"盒",qty:474,price:1,amount:474,remark:""},{name:"六角螺栓 M14",spec:"M5×33",unit:"支",qty:491,price:1.25,amount:613.75,remark:""},{name:"内六角螺钉 M16",spec:"M20×34",unit:"袋",qty:508,price:1.5,amount:762,remark:""},{name:"平垫圈 M6",spec:"M4×35",unit:"件",qty:525,price:1.75,amount:918.75,remark:""},{name:"自攻螺钉 M5",spec:"M3×36",unit:"根",qty:542,price:2,amount:1084,remark:""},{name:"双头螺柱 M20",spec:"M8×37",unit:"包",qty:559,price:2.25,amount:1257.75,remark:""},{name:"紧定螺钉 M4",spec:"M10×38",unit:"只",qty:576,price:2.5,amount:1440,remark:"A级"},{name:"十字盘头钉 M3",spec:"M12×39",unit:"组",qty:593,price:2.75,amount:1630.75,remark:""},{name:"碳钢螺丝 M8",spec:"M14×40",unit:"个",qty:610,price:3,amount:1830,remark:""},{name:"不锈钢螺母 M10",spec:"M16×41",unit:"套",qty:627,price:3.25,amount:2037.75,remark:""},{name:"弹簧垫圈 M12",spec:"M6×42",unit:"盒",qty:644,price:3.5,amount:2254,remark:""},{name:"六角螺栓 M14",spec:"M5×43",unit:"支",qty:661,price:3.75,amount:2478.75,remark:""},{name:"内六角螺钉 M16",spec:"M20×44",unit:"袋",qty:678,price:4,amount:2712,remark:""},{name:"平垫圈 M6",spec:"M4×45",unit:"件",qty:695,price:4.25,amount:2953.75,remark:"A级"},{name:"自攻螺钉 M5",spec:"M3×46",unit:"根",qty:712,price:4.5,amount:3204,remark:""},{name:"双头螺柱 M20",spec:"M8×47",unit:"包",qty:729,price:4.75,amount:3462.75,remark:""},{name:"紧定螺钉 M4",spec:"M10×48",unit:"只",qty:746,price:5,amount:3730,remark:""},{name:"十字盘头钉 M3",spec:"M12×49",unit:"组",qty:763,price:5.25,amount:4005.75,remark:""},{name:"碳钢螺丝 M8",spec:"M14×10",unit:"个",qty:780,price:.5,amount:390,remark:""},{name:"不锈钢螺母 M10",spec:"M16×11",unit:"套",qty:797,price:.75,amount:597.75,remark:""},{name:"弹簧垫圈 M12",spec:"M6×12",unit:"盒",qty:814,price:1,amount:814,remark:"A级"},{name:"六角螺栓 M14",spec:"M5×13",unit:"支",qty:831,price:1.25,amount:1038.75,remark:""},{name:"内六角螺钉 M16",spec:"M20×14",unit:"袋",qty:848,price:1.5,amount:1272,remark:""},{name:"平垫圈 M6",spec:"M4×15",unit:"件",qty:865,price:1.75,amount:1513.75,remark:""},{name:"自攻螺钉 M5",spec:"M3×16",unit:"根",qty:882,price:2,amount:1764,remark:""},{name:"双头螺柱 M20",spec:"M8×17",unit:"包",qty:899,price:2.25,amount:2022.75,remark:""},{name:"紧定螺钉 M4",spec:"M10×18",unit:"只",qty:916,price:2.5,amount:2290,remark:""},{name:"十字盘头钉 M3",spec:"M12×19",unit:"组",qty:933,price:2.75,amount:2565.75,remark:"A级"}]},ho={MONEY:de.formatMoney,CONCAT:(...t)=>t.filter(l=>l!=null).join(""),IF:de.ifFn,FORMAT:t=>typeof t!="number"?String(t):t.toLocaleString("zh-CN",{minimumFractionDigits:2,maximumFractionDigits:2}),SUBSTR:(t,l,o)=>String(t).slice(l,o?l+o:void 0),LEN:t=>String(t).length,ROUND:(t,l)=>Number(Number(t).toFixed(l)),NOW:()=>new Date().toISOString().split("T")[0],IFEMPTY:(t,l)=>t!=null&&t!==""?String(t):l,PAD:(t,l,o)=>String(t).padStart(l,o),REPLACE:(t,l,o)=>String(t).replace(new RegExp(l,"g"),o),JSON:t=>JSON.stringify(t,null,2),DATE:de.formatDate,UPPER:de.toUpperCaseAmount};for(const[t,l]of Object.entries(ho))dt.registerFunction(t,l);function bo(t,l,o){switch(t.toUpperCase()){case"SUM":return de.sum(o,l);case"AVG":return de.avg(o,l);case"COUNT":return de.count(o,l);case"MIN":return de.min(o,l);case"MAX":return de.max(o,l);default:return 0}}function $e(t,l){if(!t)return"";if(!t.includes("{"))return t;const o=Array.isArray(l.rows)?l.rows:[];let n=t.replace(/\{([^}]+)\}/g,(a,r)=>{let i=r.trim();return i=i.replace(/\b(SUM|AVG|COUNT|MIN|MAX)\(([^)]+)\)/g,(s,c,u)=>{const f=u.trim().replace(/^['"]|['"]$/g,"");return String(bo(c,f,o))}),`{${i}}`});try{return dt.render(n,l)}catch{return t}}function yo(t){return zt("text",{formatter:`{${t.fieldKey}}`,title:t.fieldLabel})}function Oe(t,l){if(t.formatter){if(!l||l.length===0)return"";const o=l[0];try{return dt.render(t.formatter,o??{})}catch{return t.formatter}}return""}function yt(t){let l=fe;for(const o of t.split(".")){if(l==null)return;l=Array.isArray(l)?l[0]?.[o]:l[o]}return l}function ko(t,l){const o=l?.[0];return(t??"").replace(/\{([^{}]+)\}/g,(a,r)=>{const i=r.trim(),s=i.includes(".")?yt(i):o?.[i]??yt(i);return s==null?"":String(s)}).trim()||"1234567890128"}function Eo(t){return t/2.83464566929}function Ie(t){return t*(25.4/96)}function ve(t){return t*(96/25.4)}const wo=["left","top","width","height"];function Vo(t){const l={...t.options};for(const o of wo){const n=l[o];typeof n=="number"&&Number.isFinite(n)&&(l[o]=No(Eo(n)))}return{...t,options:l}}function No(t){return Math.round(t*100)/100}function Co(t){if(t.unit==="mm")return t;const l=o=>o?.map(Vo)??[];return{...t,unit:"mm",elements:l(t.elements),header:t.header?{...t.header,elements:l(t.header.elements)}:t.header,footer:t.footer?{...t.footer,elements:l(t.footer.elements)}:t.footer,firstPageOverlay:t.firstPageOverlay?{...t.firstPageOverlay,elements:l(t.firstPageOverlay.elements)}:t.firstPageOverlay}}const tt={A4:{width:210,height:297},A3:{width:297,height:420},A5:{width:148,height:210},Letter:{width:216,height:279},Legal:{width:216,height:356}};function we(t){let l;return t.paperSize==="CUSTOM"?l={width:t.customWidth??210,height:t.customHeight??297}:l=tt[t.paperSize]||tt.A4,t.orientation==="landscape"?{width:l.height,height:l.width}:l}const So=25;function ct(t){return Math.max(So,t)}function $o(t,l,o=1.1){const n=l>0?t*o:t/o;return ct(Math.round(n))}function Mo(t,l,o,n,a=.9){if(o<=0||n<=0)return 100;const r=Math.min(t/o,l/n)*a,i=Math.round(r*100);return ct(i)}const Lt=["text","image","hline","vline","rect","oval","barcode","qrcode"];function xo(t){return we(t)}function Ge(t){const l=xo(t),o=t.margins,n=t.header.height,a=t.footer.height,r=l.width-o.left-o.right,i=l.height-o.top-o.bottom-n-a,s=(c,u,f,v)=>({left:c,top:u,width:f,height:v});return{header:s(o.left,o.top,r,n),content:s(o.left,o.top+n,r,i),footer:s(o.left,l.height-o.bottom-a,r,a)}}function Pt(t,l,o){const n=Ge(t);return n.footer.height>0&&o>=n.footer.top?"footer":n.header.height>0&&o<n.header.top+n.header.height?"header":"content"}function ot(t,l){const o=t.options;o.width=Math.min(o.width,l.width),o.height=Math.min(o.height,l.height),o.left=Math.min(Math.max(0,o.left),l.width-o.width),o.top=Math.min(Math.max(0,o.top),l.height-o.height)}function Bo(t,l){const o=Ge(l),n=t.zone||"content",a=o[n],r=a.left+t.options.left+t.options.width/2,i=a.top+t.options.top+t.options.height/2;let s=Pt(l,r,i),c=!1;if(s!=="content"&&!Lt.includes(t.printElementType.type)&&(s="content",c=!0),s!==n){const u=o[s];t.options.left=a.left+t.options.left-u.left,t.options.top=a.top+t.options.top-u.top,t.zone=s}return s!=="content"?ot(t,o[s]):c&&ot(t,o.content),{rejected:c}}const At=Symbol("selected-ids"),It=Symbol("preview-ids");function Do(t){const l=e.ref(new Set),o=e.ref(new Set),n=e.computed(()=>t.value.filter(h=>l.value.has(h.id))),a=e.computed(()=>l.value.size>0);function r(h,L=!1){if(L){const R=new Set(l.value);R.has(h)?R.delete(h):R.add(h),l.value=R}else l.value=new Set([h])}function i(){l.value=new Set}function s(h){l.value=new Set(h)}function c(h){o.value=new Set(h)}function u(){o.value=new Set}function f(){l.value=new Set(o.value),o.value=new Set}function v(){const h=n.value;if(h.length===0)return null;let L=1/0,R=1/0,B=-1/0,$=-1/0;return h.forEach(A=>{L=Math.min(L,A.options.left),R=Math.min(R,A.options.top),B=Math.max(B,A.options.left+A.options.width),$=Math.max($,A.options.top+A.options.height)}),{left:L,top:R,width:B-L,height:$-R}}return{selectedIds:l,selectedElements:n,hasSelection:a,select:r,clearSelection:i,selectAll:s,getSelectionBounds:v,previewIds:o,setPreview:c,clearPreview:u,commitPreview:f}}function To(){const t=e.ref(null);function l(a){t.value=a.map(r=>({options:{...r.options},printElementType:{...r.printElementType}}))}function o(a=10){return t.value?t.value.map(r=>({id:Se(),options:{...r.options,left:r.options.left+a,top:r.options.top+a},printElementType:{...r.printElementType}})):null}function n(){return t.value!==null&&t.value.length>0}return{clipboard:t,copy:l,paste:o,hasData:n}}function zo(){function t(l,o){if(l.length<2)return;const n={minLeft:Math.min(...l.map(a=>a.options.left)),maxRight:Math.max(...l.map(a=>a.options.left+a.options.width)),minTop:Math.min(...l.map(a=>a.options.top)),maxBottom:Math.max(...l.map(a=>a.options.top+a.options.height))};switch(o){case"left":l.forEach(a=>{a.options.left=n.minLeft});break;case"right":l.forEach(a=>{a.options.left=n.maxRight-a.options.width});break;case"top":l.forEach(a=>{a.options.top=n.minTop});break;case"bottom":l.forEach(a=>{a.options.top=n.maxBottom-a.options.height});break;case"vertical":{const a=n.minLeft+(n.maxRight-n.minLeft)/2;l.forEach(r=>{r.options.left=a-r.options.width/2});break}case"horizontal":{const a=n.minTop+(n.maxBottom-n.minTop)/2;l.forEach(r=>{r.options.top=a-r.options.height/2});break}case"distributeHor":{const a=[...l].sort((c,u)=>c.options.left-u.options.left),r=a.reduce((c,u)=>c+u.options.width,0),i=(n.maxRight-n.minLeft-r)/(a.length-1);let s=n.minLeft;a.forEach(c=>{c.options.left=s,s+=c.options.width+i});break}case"distributeVer":{const a=[...l].sort((c,u)=>c.options.top-u.options.top),r=a.reduce((c,u)=>c+u.options.height,0),i=(n.maxBottom-n.minTop-r)/(a.length-1);let s=n.minTop;a.forEach(c=>{c.options.top=s,s+=c.options.height+i});break}}}return{align:t}}function Lo(){return`grp-${Date.now()}-${Math.random().toString(36).slice(2,6)}`}function Po(){function t(n,a){if(n.filter(s=>a.has(s.id)).length<2)return n;const i=Lo();return n.map(s=>a.has(s.id)?{...s,options:{...s.options,groupId:i}}:s)}function l(n,a){const r=n.filter(s=>a.has(s.id)),i=new Set(r.map(s=>s.options.groupId).filter(Boolean));return n.map(s=>s.options.groupId&&i.has(s.options.groupId)?{...s,options:{...s.options,groupId:void 0}}:s)}function o(n,a){const r=n.find(s=>s.id===a);if(!r?.options.groupId)return new Set([a]);const i=new Set;for(const s of n)s.options.groupId===r.options.groupId&&i.add(s.id);return i}return{group:t,ungroup:l,getGroupedIds:o}}function Ao(t){const o=e.ref([]),n=e.ref([]),a=e.ref(!1),r=e.ref(!1);function i(){a.value=o.value.length>0,r.value=n.value.length>0}function s(L){return{elements:JSON.parse(JSON.stringify(L?.elements??[])),templateData:JSON.parse(JSON.stringify(L?.templateData??{}))}}function c(L){return s(L)}function u(L){o.value.push(c(L)),n.value=[],o.value.length>50&&o.value.shift(),i()}function f(L){if(o.value.length===0)return null;const R=o.value.pop();return n.value.push(L?c(L):s(R)),i(),o.value.length>0?s(o.value[o.value.length-1]):null}function v(L){if(n.value.length===0)return null;const R=n.value.pop();return o.value.push(L?c(L):s(R)),i(),s(R)}function h(){o.value=[],n.value=[],i()}return{push:u,undo:f,redo:v,canUndo:a,canRedo:r,clear:h}}const Io=1,Ro=10,Ho=.5;function Uo(t){function l(a){const r=a.target.tagName;if(r==="INPUT"||r==="TEXTAREA"||r==="SELECT")return;const i=a.ctrlKey||a.metaKey;if(a.key.startsWith("Arrow")){a.preventDefault();const s=a.shiftKey?Ro:a.ctrlKey?Ho:Io,c=a.key==="ArrowLeft"?-s:a.key==="ArrowRight"?s:0,u=a.key==="ArrowUp"?-s:a.key==="ArrowDown"?s:0;t.onMove?.(c,u);return}if(a.key==="Delete"||a.key==="Backspace"){a.preventDefault(),t.onDelete?.();return}if(i){const s=a.key.toLowerCase();s==="c"?(a.preventDefault(),t.onCopy?.()):s==="v"?(a.preventDefault(),t.onPaste?.()):s==="a"?(a.preventDefault(),t.onSelectAll?.()):s==="d"?(a.preventDefault(),t.onDuplicate?.()):s==="z"?(a.preventDefault(),a.shiftKey?t.onRedo?.():t.onUndo?.()):s==="y"?(a.preventDefault(),t.onRedo?.()):s==="1"?(a.preventDefault(),t.onResetZoom?.()):s==="l"?(a.preventDefault(),t.onAlignLeft?.()):s==="r"?(a.preventDefault(),t.onAlignRight?.()):s==="e"?(a.preventDefault(),t.onAlignCenterH?.()):s==="t"?(a.preventDefault(),t.onAlignTop?.()):s==="b"?(a.preventDefault(),t.onAlignBottom?.()):s==="g"&&(a.preventDefault(),a.shiftKey?t.onUngroup?.():t.onGroup?.())}}function o(){document.addEventListener("keydown",l)}function n(){document.removeEventListener("keydown",l)}return{setup:o,cleanup:n}}function Rt(){return{paperSize:"A4",orientation:"portrait",unit:"mm",margins:{top:10,right:10,bottom:10,left:10},header:{height:10,elements:[]},footer:{height:10,elements:[]},firstPageOverlay:{height:0,elements:[]},elements:[],watermark:{}}}function nt(t){const l=(o,n)=>(o??[]).map(a=>{const r={...a.options};return(a.printElementType?.type??a.type)==="table"&&Fe(r),{id:a.id||Se(),zone:n,options:r,printElementType:{...a.printElementType}}});return{...t,margins:{...t.margins},header:{height:t.header?.height??10,elements:[]},footer:{height:t.footer?.height??10,elements:[]},firstPageOverlay:{height:t.firstPageOverlay?.height??0,elements:[...t.firstPageOverlay?.elements??[]]},guides:[...t.guides??[]],elements:[...l(t.elements??[],"content"),...l(t.header?.elements??[],"header"),...l(t.footer?.elements??[],"footer")]}}function Fo(t={}){const l=e.ref(100),o=e.ref(!0),n=e.ref(!0),a=e.ref(!1),r=e.ref(!0),i=e.ref(nt(t.initialTemplate||Rt())),s=e.computed({get:()=>i.value.elements,set:W=>{i.value.elements=W}}),c=e.ref(t.initialFields||[]),{selectedIds:u,selectedElements:f,select:v,clearSelection:h,selectAll:L,previewIds:R,setPreview:B,clearPreview:$,commitPreview:A}=Do(s),{group:Y,ungroup:j}=Po(),{copy:I,paste:G,hasData:H}=To(),{align:T}=zo(),{push:C,undo:S,redo:x,canUndo:D,canRedo:z}=Ao(),m=e.computed(()=>{if(u.value.size===0)return null;const W=u.value.values().next().value;return s.value.find(ee=>ee.id===W)||null}),y=e.ref(null);function F(W){y.value=W}function K(){return{elements:s.value.map(W=>({id:W.id,zone:W.zone,options:JSON.parse(JSON.stringify(W.options)),printElementType:{...W.printElementType}})),templateData:{paperSize:i.value.paperSize,orientation:i.value.orientation,margins:{...i.value.margins},header:{height:i.value.header.height,elements:[]},footer:{height:i.value.footer.height,elements:[]},firstPageOverlay:{height:i.value.firstPageOverlay.height,elements:[]},elements:[],customWidth:i.value.customWidth,customHeight:i.value.customHeight,watermark:i.value.watermark?{...i.value.watermark}:void 0,guides:[...i.value.guides??[]]}}}function J(){C(K())}function te(){const W=S(K());W?.templateData&&(i.value={...W.templateData,elements:W.elements})}function se(){const W=x(K());W?.templateData&&(i.value={...W.templateData,elements:W.elements})}function re(){I(f.value)}function ae(){I(f.value),q()}function _(){const W=G();W&&W.length>0&&(s.value.push(...W),J())}function g(){I(f.value);const W=G();W&&W.length>0&&(W.forEach(ee=>{ee.options.left+=5,ee.options.top+=5}),s.value.push(...W),v(W[0].id,!1),J())}function d(){l.value=100}const p=e.computed(()=>H());let E=!1,N=null;const P=300;function w(W,ee){const Z=f.value.filter(oe=>!oe.options.locked);Z.length!==0&&(Z.forEach(oe=>{oe.options.left+=W,oe.options.top+=ee}),E||(E=!0,J()),N&&clearTimeout(N),N=setTimeout(()=>{E=!1,N=null},P))}function V(){L(s.value.map(W=>W.id))}function M(W){T(f.value,W),J()}function b(){s.value=Y(s.value,u.value),J()}function k(){s.value=j(s.value,u.value),J()}function q(){u.value.size!==0&&(s.value=s.value.filter(W=>!u.value.has(W.id)),h(),J())}const{setup:X,cleanup:ue}=Uo({onMove:w,onDelete:q,onCopy:re,onPaste:_,onSelectAll:V,onUndo:te,onRedo:se,onDuplicate:g,onResetZoom:d,onAlignLeft:()=>M("left"),onAlignRight:()=>M("right"),onAlignCenterH:()=>M("vertical"),onAlignTop:()=>M("top"),onAlignBottom:()=>M("bottom"),onGroup:b,onUngroup:k});let ce=null;function ke(){ce=K()}function qe(){if(!ce)return;const W=new Map(ce.elements.map(ie=>[ie.id,ie]));let ee=!1;for(const ie of s.value){const he=W.get(ie.id);if(!he)continue;(he.options.left!==ie.options.left||he.options.top!==ie.options.top||he.options.width!==ie.options.width||he.options.height!==ie.options.height)&&Bo(ie,i.value).rejected&&(ee=!0)}ee&&alert("该元素类型不能放入页眉/页脚");const Z=ie=>`${ie.id}:${ie.zone||"content"}:${ie.options.left},${ie.options.top},${ie.options.width},${ie.options.height}`,oe=ce.elements.map(Z).join("|"),ge=K().elements.map(Z).join("|");ce=null,oe!==ge&&J()}function De(W,ee){const Z=Pt(i.value,ee.x,ee.y);if(Z!=="content"&&!Lt.includes(W.printElementType.type))return alert("该元素类型不能放入页眉/页脚"),!1;const oe=Ge(i.value)[Z];return W.zone=Z,W.options.left=ee.x-oe.left,W.options.top=ee.y-oe.top,Z!=="content"&&ot(W,oe),!0}function Te(W,ee){const Z=zt(W);ee&&!De(Z,ee)||(s.value.push(Z),v(Z.id,!1),J())}function Ve(W,ee){const Z=yo(W);ee&&!De(Z,ee)||(s.value.push(Z),v(Z.id,!1),J())}function Ce(W){if(u.value.size===0)return;const ee=u.value.values().next().value,Z=s.value.find(Ee=>Ee.id===ee);if(!Z)return;const oe=Z.options.zIndex??0,ge=s.value.map(Ee=>Ee.options.zIndex??0),ie=Math.max(...ge,0),he=Math.min(...ge,0);switch(W){case"top":Z.options.zIndex=ie+1;break;case"bottom":Z.options.zIndex=he-1;break;case"up":Z.options.zIndex=oe+1;break;case"down":Z.options.zIndex=oe-1;break}J()}function We(W,ee){const{width:Z,height:oe}=we(i.value),ge=96/25.4;l.value=Mo(W,ee,Z*ge,oe*ge)}function Ke(W){i.value={...W},J()}function ze(){const W=s.value,ee=Z=>W.filter(oe=>(oe.zone||"content")===Z).map(oe=>({id:oe.id,type:oe.printElementType.type,options:{...oe.options},printElementType:{...oe.printElementType}}));return{unit:"mm",...i.value,header:{...i.value.header,elements:ee("header")},footer:{...i.value.footer,elements:ee("footer")},firstPageOverlay:{...i.value.firstPageOverlay,elements:i.value.firstPageOverlay.elements.map(Z=>({id:Z.id||Se(),type:Z.printElementType?.type||"text",options:{...Z.options},printElementType:{...Z.printElementType}}))},elements:ee("content"),guides:[...i.value.guides??[]]}}function Ye(W,ee){const Z=Co(W);i.value=nt(Z),ee&&(i.value={...i.value,elements:ee.map(oe=>({...oe,id:oe.id||Se(),zone:oe.zone||"content",options:{...oe.options},printElementType:{...oe.printElementType}}))}),C(K())}return C(K()),e.onMounted(()=>X()),e.onUnmounted(()=>{ue(),N&&(clearTimeout(N),N=null)}),{scale:l,showRuler:o,showGrid:n,snapToGrid:a,showTableGhostBorder:r,templateData:i,elements:s,fields:c,selectedIds:u,selectedElements:f,selectedElement:m,select:v,clearSelection:h,selectAll:V,previewIds:R,setPreview:B,clearPreview:$,commitPreview:A,hasClipboard:p,copy:re,paste:_,cutSelected:ae,tableSelection:y,setTableSelection:F,canUndo:D,canRedo:z,undo:te,redo:se,recordHistory:J,alignSelected:M,groupSelected:b,ungroupSelected:k,deleteSelected:q,duplicateSelected:g,resetZoom:d,dragStart:ke,dragStop:qe,addElement:Te,addFieldElement:Ve,moveLayer:Ce,fitToWindow:We,updateTemplateData:Ke,getTemplateJson:ze,loadTemplate:Ye}}let kt=0;function Oo(){return kt+=1,`guide-${kt}`}function Go(t,l){const o=e.computed(()=>t.value.guides??[]);function n(c){t.value={...t.value,guides:c([...t.value.guides??[]])},l()}function a(c,u){n(f=>(f.push({type:c,position:u,id:Oo()}),f))}function r(c,u){n(f=>f.map(v=>v.id===c?{...v,position:u}:v))}function i(c){n(u=>u.filter(f=>f.id!==c))}function s(){const c=[],u=[];for(const f of o.value)f.type==="vertical"?c.push(f.position):u.push(f.position);return{vertical:c,horizontal:u}}return{guides:o,addGuide:a,moveGuide:r,removeGuide:i,getGuidePositions:s}}const Be=Symbol("table-edit"),ut=Symbol("print-upload-image"),qo=e.defineComponent({__name:"HelpButton",emits:["click"],setup(t){return(l,o)=>(e.openBlock(),e.createElementBlock("button",{class:"help-button",title:"帮助文档",onClick:o[0]||(o[0]=n=>l.$emit("click"))},[...o[1]||(o[1]=[e.createElementVNode("span",{class:"help-icon"},"?",-1)])]))}}),Q=(t,l)=>{const o=t.__vccOpts||t;for(const[n,a]of l)o[n]=a;return o},Wo=Q(qo,[["__scopeId","data-v-80ccab03"]]),Ko={class:"designer-toolbar"},Yo={class:"tb-group"},Xo={class:"tb-title"},jo={class:"tb-title-name"},Jo={class:"tb-group"},Zo=["disabled"],Qo=["disabled"],_o={key:0,class:"tb-group"},en={key:1,class:"tb-group"},tn={key:2,class:"tb-group"},on={key:3,class:"tb-group"},nn={class:"tb-group"},ln={class:"tb-zoom"},an={class:"tb-group"},rn={class:"tb-group"},sn={class:"tb-group"},dn=e.defineComponent({__name:"DesignerToolbar",props:e.mergeModels({isEdit:{type:Boolean},canUndo:{type:Boolean},canRedo:{type:Boolean},hasMultiSelection:{type:Boolean},hasSelection:{type:Boolean},showRuler:{type:Boolean,default:!0},showGrid:{type:Boolean},snapToGrid:{type:Boolean},showTableGhostBorder:{type:Boolean},selectedElementHasGroup:{type:Boolean},overlayVisible:{type:Boolean},showLoadDefault:{type:Boolean}},{scale:{default:100},scaleModifiers:{}}),emits:e.mergeModels(["preview","save","load-default","undo","redo","align","move-layer","toggle-ruler","toggle-grid","toggle-snap","toggle-table-ghost-border","toggle-overlay","group","ungroup","add-overlay-element","fit-window","zoom","help"],["update:scale"]),setup(t){const l=e.useModel(t,"scale");return(o,n)=>(e.openBlock(),e.createElementBlock("div",Ko,[e.createElementVNode("div",Yo,[n[30]||(n[30]=e.createStaticVNode('<span class="tb-mark" aria-hidden="true" data-v-c0858556><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-v-c0858556><rect x="5" y="3" width="14" height="18" rx="2.5" data-v-c0858556></rect><line x1="8.5" y1="8.5" x2="15.5" y2="8.5" data-v-c0858556></line><line x1="8.5" y1="12.5" x2="15.5" y2="12.5" data-v-c0858556></line><line x1="8.5" y1="16.5" x2="12.5" y2="16.5" data-v-c0858556></line></svg></span>',1)),e.createElementVNode("div",Xo,[e.createElementVNode("span",jo,e.toDisplayString(t.isEdit?"编辑模板":"新建模板"),1),n[29]||(n[29]=e.createElementVNode("span",{class:"tb-title-sub"},"打印模板设计器",-1))])]),e.createElementVNode("div",Jo,[e.createElementVNode("button",{class:"tb-btn tb-icon",disabled:!t.canUndo,onClick:n[0]||(n[0]=a=>o.$emit("undo")),title:"撤销"},"↶",8,Zo),e.createElementVNode("button",{class:"tb-btn tb-icon",disabled:!t.canRedo,onClick:n[1]||(n[1]=a=>o.$emit("redo")),title:"重做"},"↷",8,Qo)]),t.hasMultiSelection?(e.openBlock(),e.createElementBlock("div",_o,[e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[2]||(n[2]=a=>o.$emit("align","left")),title:"左对齐"},"⇤"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[3]||(n[3]=a=>o.$emit("align","right")),title:"右对齐"},"⇥"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[4]||(n[4]=a=>o.$emit("align","top")),title:"顶对齐"},"⇡"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[5]||(n[5]=a=>o.$emit("align","bottom")),title:"底对齐"},"⇣"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[6]||(n[6]=a=>o.$emit("align","vertical")),title:"水平居中"},"↔"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[7]||(n[7]=a=>o.$emit("align","horizontal")),title:"垂直居中"},"↕"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[8]||(n[8]=a=>o.$emit("align","distributeHor")),title:"水平分布"},"⇔"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[9]||(n[9]=a=>o.$emit("align","distributeVer")),title:"垂直分布"},"⇕")])):e.createCommentVNode("",!0),t.hasMultiSelection?(e.openBlock(),e.createElementBlock("div",en,[e.createElementVNode("button",{class:"tb-btn",onClick:n[10]||(n[10]=a=>o.$emit("group")),title:"组合"},"组合")])):e.createCommentVNode("",!0),!t.hasMultiSelection&&t.selectedElementHasGroup?(e.openBlock(),e.createElementBlock("div",tn,[e.createElementVNode("button",{class:"tb-btn",onClick:n[11]||(n[11]=a=>o.$emit("ungroup")),title:"取消组合"},"取消组合")])):e.createCommentVNode("",!0),t.hasSelection?(e.openBlock(),e.createElementBlock("div",on,[e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[12]||(n[12]=a=>o.$emit("move-layer","top")),"data-tip":"置顶"},"⤒"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[13]||(n[13]=a=>o.$emit("move-layer","up")),"data-tip":"上移一层"},"↑"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[14]||(n[14]=a=>o.$emit("move-layer","down")),"data-tip":"下移一层"},"↓"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[15]||(n[15]=a=>o.$emit("move-layer","bottom")),"data-tip":"置底"},"⤓")])):e.createCommentVNode("",!0),e.createElementVNode("div",nn,[e.createElementVNode("button",{class:e.normalizeClass(["tb-btn",{on:t.showRuler}]),title:"显示/隐藏标尺",onClick:n[16]||(n[16]=a=>o.$emit("toggle-ruler"))},[...n[31]||(n[31]=[e.createElementVNode("span",{class:"dot"},null,-1),e.createTextVNode(" 标尺 ",-1)])],2),e.createElementVNode("button",{class:e.normalizeClass(["tb-btn",{on:t.showGrid}]),onClick:n[17]||(n[17]=a=>o.$emit("toggle-grid"))},[...n[32]||(n[32]=[e.createElementVNode("span",{class:"dot"},null,-1),e.createTextVNode(" 网格 ",-1)])],2),e.createElementVNode("button",{class:e.normalizeClass(["tb-btn",{on:t.showTableGhostBorder}]),title:"显示/隐藏无边框表格的虚拟虚线",onClick:n[18]||(n[18]=a=>o.$emit("toggle-table-ghost-border"))},[...n[33]||(n[33]=[e.createElementVNode("span",{class:"dot"},null,-1),e.createTextVNode(" 虚框 ",-1)])],2),e.createElementVNode("button",{class:e.normalizeClass(["tb-btn",{on:t.snapToGrid}]),onClick:n[19]||(n[19]=a=>o.$emit("toggle-snap"))},[...n[34]||(n[34]=[e.createElementVNode("span",{class:"dot"},null,-1),e.createTextVNode(" 吸附 ",-1)])],2),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[20]||(n[20]=a=>o.$emit("fit-window")),title:"适应窗口"},"⤢"),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[21]||(n[21]=a=>o.$emit("zoom",-10)),title:"缩小"},"−"),e.createElementVNode("span",ln,e.toDisplayString(l.value)+"%",1),e.createElementVNode("button",{class:"tb-btn tb-icon",onClick:n[22]||(n[22]=a=>o.$emit("zoom",10)),title:"放大"},"+")]),n[35]||(n[35]=e.createElementVNode("div",{class:"tb-spacer"},null,-1)),e.createElementVNode("div",an,[e.createVNode(Wo,{onClick:n[23]||(n[23]=a=>o.$emit("help"))})]),e.createElementVNode("div",rn,[e.createElementVNode("button",{class:"tb-btn",onClick:n[24]||(n[24]=a=>o.$emit("add-overlay-element"))},"首页专属"),e.createElementVNode("button",{class:e.normalizeClass(["tb-btn",{warn:t.overlayVisible}]),onClick:n[25]||(n[25]=a=>o.$emit("toggle-overlay"))},"叠层对比",2)]),e.createElementVNode("div",sn,[t.showLoadDefault?(e.openBlock(),e.createElementBlock("button",{key:0,class:"btn-secondary",onClick:n[26]||(n[26]=a=>o.$emit("load-default"))},"加载默认布局")):e.createCommentVNode("",!0),e.createElementVNode("button",{class:"btn-secondary",onClick:n[27]||(n[27]=a=>o.$emit("preview"))},"预览"),e.createElementVNode("button",{class:"btn-primary",onClick:n[28]||(n[28]=a=>o.$emit("save"))},"保存")])]))}}),cn=Q(dn,[["__scopeId","data-v-c0858556"]]),un={class:"layer-panel"},mn=["onClick"],pn={class:"layer-icon"},fn={class:"layer-name"},vn={key:0,class:"layer-zone"},gn={class:"layer-zindex"},hn={key:0,class:"layer-actions"},bn=e.defineComponent({__name:"LayerPanel",props:{elements:{},selectedIds:{}},emits:["select","move-layer"],setup(t){const l=t,o=e.computed(()=>[...l.elements].sort((s,c)=>(c.options.zIndex??0)-(s.options.zIndex??0))),n={text:"T",longText:"¶",table:"⊞",image:"🖼",barcode:"≡",qrcode:"▣",hline:"—",vline:"|",rect:"□",oval:"○",html:"<>"};function a(s){return n[s.printElementType.type]||"?"}function r(s){return s.options.title||s.printElementType.title||s.printElementType.type}function i(s){return s.zone==="header"?"页眉":s.zone==="footer"?"页脚":""}return(s,c)=>(e.openBlock(),e.createElementBlock("div",un,[c[4]||(c[4]=e.createElementVNode("div",{class:"panel-title"},"图层",-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,u=>(e.openBlock(),e.createElementBlock("div",{key:u.id,class:e.normalizeClass(["layer-item",{active:t.selectedIds.has(u.id)}]),onClick:f=>s.$emit("select",u.id,!1)},[e.createElementVNode("span",pn,e.toDisplayString(a(u)),1),e.createElementVNode("span",fn,e.toDisplayString(r(u)),1),i(u)?(e.openBlock(),e.createElementBlock("span",vn,e.toDisplayString(i(u)),1)):e.createCommentVNode("",!0),e.createElementVNode("span",gn,"z:"+e.toDisplayString(u.options.zIndex??0),1)],10,mn))),128)),o.value.length>0?(e.openBlock(),e.createElementBlock("div",hn,[e.createElementVNode("button",{type:"button",class:"pd-button small",onClick:c[0]||(c[0]=u=>s.$emit("move-layer","top")),title:"置顶"}," ⤒ "),e.createElementVNode("button",{type:"button",class:"pd-button small",onClick:c[1]||(c[1]=u=>s.$emit("move-layer","up")),title:"上移"}," ↑ "),e.createElementVNode("button",{type:"button",class:"pd-button small",onClick:c[2]||(c[2]=u=>s.$emit("move-layer","down")),title:"下移"}," ↓ "),e.createElementVNode("button",{type:"button",class:"pd-button small",onClick:c[3]||(c[3]=u=>s.$emit("move-layer","bottom")),title:"置底"}," ⤓ ")])):e.createCommentVNode("",!0)]))}}),yn=Q(bn,[["__scopeId","data-v-d091c3fa"]]);function Ht(t){const l=[...t].sort((i,s)=>(i.sortOrder??0)-(s.sortOrder??0)),o=new Map,n=[];for(const i of l){const s=i.fieldKey.indexOf(".");if(s===-1)continue;const c=i.fieldKey.slice(0,s);let u=o.get(c);u||(u={key:c,label:c,isList:!1,fields:[]},o.set(c,u),n.push(c)),u.fields.push(i)}const a=[],r=[];for(const i of l){if(i.fieldKey.includes("."))continue;const s=o.get(i.fieldKey);s?(s.label=i.fieldLabel,s.isList=i.fieldType==="list"):r.push(i)}r.length&&a.push({key:"",label:"",isList:!1,fields:r});for(const i of n)a.push(o.get(i));return a}function Ut(t,l){const o=l.trim().toLowerCase();return o?t.map(n=>({...n,fields:n.fields.filter(a=>a.fieldLabel.toLowerCase().includes(o)||a.fieldKey.toLowerCase().includes(o))})).filter(n=>n.fields.length>0):t}const kn={class:"field-tree-panel"},En={class:"tree-container"},wn=["onClick"],Vn={class:"expand-icon"},Nn={class:"node-icon"},Cn={class:"group-label"},Sn=["onDragstart"],$n={class:"node-label"},Mn={class:"node-key"},xn={key:0,class:"pd-empty"},Bn=e.defineComponent({__name:"FieldTreePanel",props:{fields:{}},emits:["field-drag"],setup(t,{emit:l}){const o=t,n=l,a=e.ref(""),r=e.ref(new Set),i=e.computed(()=>!!a.value.trim()),s=e.computed(()=>Ut(Ht(o.fields),a.value));function c(f){const v=new Set(r.value);v.has(f)?v.delete(f):v.add(f),r.value=v}function u(f,v){f.dataTransfer?.setData("fieldData",JSON.stringify({fieldKey:v.fieldKey,fieldLabel:v.fieldLabel})),f.dataTransfer&&(f.dataTransfer.effectAllowed="copy"),n("field-drag",v)}return(f,v)=>(e.openBlock(),e.createElementBlock("div",kn,[v[2]||(v[2]=e.createElementVNode("div",{class:"panel-title"},"业务字段",-1)),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":v[0]||(v[0]=h=>a.value=h),class:"pd-input search-input",type:"search",placeholder:"搜索字段...","aria-label":"搜索字段"},null,512),[[e.vModelText,a.value]]),e.createElementVNode("div",En,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,h=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:h.key||"_top"},[h.key?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["field-group-header",{"is-list":h.isList}]),onClick:L=>c(h.key)},[e.createElementVNode("span",Vn,e.toDisplayString(r.value.has(h.key)&&!i.value?"▶":"▼"),1),e.createElementVNode("span",Nn,e.toDisplayString(h.isList?"📋":"📁"),1),e.createElementVNode("span",Cn,e.toDisplayString(h.label),1)],10,wn)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.fields,L=>(e.openBlock(),e.createElementBlock("div",{key:L.fieldKey,class:"field-row",draggable:"true",style:e.normalizeStyle({paddingLeft:(h.key?22:8)+"px"}),onDragstart:R=>u(R,L)},[v[1]||(v[1]=e.createElementVNode("span",{class:"node-icon"},"📄",-1)),e.createElementVNode("span",$n,e.toDisplayString(L.fieldLabel),1),e.createElementVNode("span",Mn,"("+e.toDisplayString(L.fieldKey)+")",1)],44,Sn))),128))],512),[[e.vShow,!h.key||i.value||!r.value.has(h.key)]])],64))),128))]),s.value.length===0?(e.openBlock(),e.createElementBlock("p",xn,"暂无字段")):e.createCommentVNode("",!0)]))}}),Dn=Q(Bn,[["__scopeId","data-v-cc814de0"]]),Tn={key:0,class:"left-collapsed"},zn={class:"left-head"},Ln={class:"pd-tabs left-tabs"},Pn={class:"pd-tab-bar",role:"tablist"},An={class:"pd-tab-pane",role:"tabpanel"},In=["onDragstart"],Rn={class:"material-icon"},Hn={class:"material-label"},Un={class:"pd-tab-pane",role:"tabpanel"},Fn={class:"pd-tab-pane",role:"tabpanel"},On=e.defineComponent({__name:"LeftPanel",props:{fields:{},elements:{},selectedIds:{},collapsed:{type:Boolean}},emits:["select","move-layer","toggle-visible","toggle-locked","field-drag","toggle-collapse"],setup(t,{emit:l}){const o=l,n=e.ref("elements"),a=[{type:"text",label:"文本",icon:"T"},{type:"barcode",label:"条形码",icon:"▍▍"},{type:"qrcode",label:"二维码",icon:"▦"},{type:"image",label:"图片",icon:"▧"},{type:"table",label:"表格",icon:"⊞"},{type:"longText",label:"长文",icon:"¶"},{type:"hline",label:"横线",icon:"―"},{type:"vline",label:"竖线",icon:"│"},{type:"rect",label:"矩形",icon:"▭"},{type:"oval",label:"椭圆",icon:"◯"},{type:"html",label:"HTML",icon:"<>"}];function r(c,u){c.dataTransfer?.setData("elementType",u)}function i(c){o("field-drag",c)}function s(c){n.value=c,o("toggle-collapse")}return(c,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["left-panel",{collapsed:t.collapsed}])},[t.collapsed?(e.openBlock(),e.createElementBlock("div",Tn,[e.createElementVNode("button",{class:"lc-btn",title:"展开素材台",onClick:u[0]||(u[0]=f=>s(n.value))},"»"),e.createElementVNode("button",{class:e.normalizeClass(["lc-btn",{on:n.value==="elements"}]),title:"元素",onClick:u[1]||(u[1]=f=>s("elements"))},"▦",2),e.createElementVNode("button",{class:e.normalizeClass(["lc-btn",{on:n.value==="fields"}]),title:"字段",onClick:u[2]||(u[2]=f=>s("fields"))},"⊛",2),e.createElementVNode("button",{class:e.normalizeClass(["lc-btn",{on:n.value==="layers"}]),title:"图层",onClick:u[3]||(u[3]=f=>s("layers"))},"≡",2)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",zn,[u[12]||(u[12]=e.createElementVNode("span",{class:"left-title"},"素材台",-1)),e.createElementVNode("button",{class:"collapse-btn",title:"收起素材台",onClick:u[4]||(u[4]=f=>c.$emit("toggle-collapse"))},"«")]),e.createElementVNode("div",Ln,[e.createElementVNode("div",Pn,[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["pd-tab",{active:n.value==="elements"}]),onClick:u[5]||(u[5]=f=>n.value="elements")},"元素",2),e.createElementVNode("button",{type:"button",class:e.normalizeClass(["pd-tab",{active:n.value==="fields"}]),onClick:u[6]||(u[6]=f=>n.value="fields")},"字段",2),e.createElementVNode("button",{type:"button",class:e.normalizeClass(["pd-tab",{active:n.value==="layers"}]),onClick:u[7]||(u[7]=f=>n.value="layers")},"图层",2)]),e.withDirectives(e.createElementVNode("div",An,[u[13]||(u[13]=e.createElementVNode("div",{class:"panel-title"},"拖拽元素到画布",-1)),(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(a,f=>e.createElementVNode("div",{key:f.type,class:"material-card",draggable:"true",onDragstart:v=>r(v,f.type)},[e.createElementVNode("span",Rn,e.toDisplayString(f.icon),1),e.createElementVNode("span",Hn,e.toDisplayString(f.label),1)],40,In)),64))],512),[[e.vShow,n.value==="elements"]]),e.withDirectives(e.createElementVNode("div",Un,[e.createVNode(Dn,{fields:t.fields,onFieldDrag:i},null,8,["fields"])],512),[[e.vShow,n.value==="fields"]]),e.withDirectives(e.createElementVNode("div",Fn,[e.createVNode(yn,{elements:t.elements,"selected-ids":t.selectedIds,onSelect:u[8]||(u[8]=(f,v)=>c.$emit("select",f,v)),onMoveLayer:u[9]||(u[9]=f=>c.$emit("move-layer",f)),onToggleVisible:u[10]||(u[10]=f=>c.$emit("toggle-visible",f)),onToggleLocked:u[11]||(u[11]=f=>c.$emit("toggle-locked",f))},null,8,["elements","selected-ids"])],512),[[e.vShow,n.value==="layers"]])])],64))],2))}}),Gn=Q(On,[["__scopeId","data-v-eb646f19"]]),pe=22,Je=[1,2,5,10,20,50,100,200,500,1e3];function qn(t,l=64){const o=t*3.7795275590551185;for(const n of Je)if(n*o>=l)return n;return Je[Je.length-1]}function Wn(t){const l=Math.floor(Math.log10(t)+1e-9),o=t/10**l;return o===5||o===1&&t>=10?t/5:o===2?t/2:null}function Kn(t){return Math.round(t*1e3)/1e3}function Yn(t,l,o){if(l<t||o<=0)return[];const a=Wn(o)??o,r=Math.ceil(t/a-1e-9)*a,i=Math.floor((l-r)/a+1e-9),s=[];for(let c=0;c<=i;c++){const u=Kn(r+c*a);Math.abs(u/o-Math.round(u/o))<1e-6?s.push({mm:u,major:!0,label:String(u)}):s.push({mm:u,major:!1})}return s}function Xn(t,l){const o=e.ref(!1),n=e.ref(null);let a=0,r=0,i=0,s=0,c=!1;function u(B){if(l.disabled)return;const $=B.target;if(!($ instanceof HTMLElement)||$.classList.contains("resize-handle"))return;o.value=!0,c=B.altKey,a=B.clientX,r=B.clientY;const A=t.value;A&&(i=parseFloat(A.style.left)||0,s=parseFloat(A.style.top)||0,n.value={left:i,top:s,width:parseFloat(A.style.width)||0,height:parseFloat(A.style.height)||0},l.onStart?.({altKey:c}),document.addEventListener("mousemove",v),document.addEventListener("mouseup",h),B.preventDefault())}function f(B){const $=l.getScale?.()??1;let A=i+(B.clientX-a)/$,Y=s+(B.clientY-r)/$;if(l.axis==="x"&&(Y=s),l.axis==="y"&&(A=i),l.onAdsorb){const j=t.value;if(j){const I=parseFloat(j.style.width)||0,G=parseFloat(j.style.height)||0,H=l.onAdsorb({left:A,top:Y,width:I,height:G});A=H.left,Y=H.top}}return{left:A,top:Y}}function v(B){const $=f(B);n.value&&(n.value.left=$.left,n.value.top=$.top),l.onDrag($)}function h(B){o.value=!1;const $=f(B);l.onDragEnd?.($,{altKey:c}),l.onStop?.(),n.value=null,document.removeEventListener("mousemove",v),document.removeEventListener("mouseup",h)}function L(){const B=t.value;B&&B.removeEventListener("mousedown",u),document.removeEventListener("mousemove",v),document.removeEventListener("mouseup",h)}function R(){L();const B=t.value;B&&B.addEventListener("mousedown",u)}return{isDragging:o,dragPreview:n,setup:R,cleanup:L}}const jn=["nw","n","ne","e","se","s","sw","w"];function Jn(t,l,o,n,a,r){let{left:i,top:s,width:c,height:u}=l;switch(t){case"e":c=Math.max(a,l.width+o);break;case"w":c=Math.max(a,l.width-o),i=l.left+l.width-c;break;case"s":u=Math.max(r,l.height+n);break;case"n":u=Math.max(r,l.height-n),s=l.top+l.height-u;break;case"se":c=Math.max(a,l.width+o),u=Math.max(r,l.height+n);break;case"sw":c=Math.max(a,l.width-o),i=l.left+l.width-c,u=Math.max(r,l.height+n);break;case"ne":c=Math.max(a,l.width+o),u=Math.max(r,l.height-n),s=l.top+l.height-u;break;case"nw":c=Math.max(a,l.width-o),i=l.left+l.width-c,u=Math.max(r,l.height-n),s=l.top+l.height-u;break}return{left:i,top:s,width:c,height:u}}function Zn(t){let l=0,o=0,n={left:0,top:0,width:0,height:0},a=null;function r(u,f){a=u,l=f.clientX,o=f.clientY,n={...t.getRect()},t.onStart?.(),document.addEventListener("mousemove",i),document.addEventListener("mouseup",s),f.preventDefault()}function i(u){if(!a)return;const f=t.getScale?.()||1,v=(u.clientX-l)/f,h=(u.clientY-o)/f,L=t.minWidth||20,R=t.minHeight||20;t.onResize(Jn(a,n,v,h,L,R))}function s(){a=null,t.onStop?.(),document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",s)}function c(){document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",s)}return{startResize:r,cleanup:c}}const Qn=e.defineComponent({__name:"TextElement",props:{element:{},data:{},designMode:{type:Boolean}},setup(t){const l=t,o={top:"flex-start",middle:"center",bottom:"flex-end"},n={left:"flex-start",center:"center",right:"flex-end"},a=e.computed(()=>{const i=l.element.options;return{fontSize:(i.fontSize||12)+"pt",fontWeight:i.fontWeight||"normal",fontFamily:i.fontFamily||"inherit",color:i.color||"#333",backgroundColor:i.backgroundColor||"transparent",textAlign:i.textAlign||"left",lineHeight:i.lineHeight?i.lineHeight+"pt":"normal",letterSpacing:i.letterSpacing?i.letterSpacing+"pt":"normal",textDecoration:i.textDecoration||"none",padding:`${i.contentPaddingTop||0}pt ${i.contentPaddingRight||0}pt ${i.contentPaddingBottom||0}pt ${i.contentPaddingLeft||0}pt`,width:"100%",height:"100%",boxSizing:"border-box",overflow:"hidden",...i.verticalAlign?{display:"flex",alignItems:o[i.verticalAlign]??"flex-start",justifyContent:n[i.textAlign||"left"]??"flex-start"}:{}}}),r=e.computed(()=>l.designMode?l.element.options.testData?l.element.options.testData:l.element.options.formatter||"文本":Oe(l.element.options,l.data));return(i,s)=>(e.openBlock(),e.createElementBlock("div",{class:"print-text",style:e.normalizeStyle(a.value)},e.toDisplayString(r.value),5))}}),_n={class:"print-image"},el=["src"],tl={key:1,class:"image-placeholder"},ol=e.defineComponent({__name:"ImageElement",props:{element:{},data:{},designMode:{type:Boolean}},setup(t){const l=t,o=e.computed(()=>{const i=l.element.options.src||"";return i?i.includes("{")?l.designMode?$e(i,fe):$e(i,l.data?.[0]||{}):i:""}),n=e.ref(!1);function a(){n.value=!0}e.watch(o,()=>{n.value=!1});const r=e.computed(()=>({objectFit:l.element.options.fit||"contain"}));return(i,s)=>(e.openBlock(),e.createElementBlock("div",_n,[o.value&&!n.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:o.value,style:e.normalizeStyle(r.value),onError:a},null,44,el)):(e.openBlock(),e.createElementBlock("div",tl,"图片"))]))}}),nl=Q(ol,[["__scopeId","data-v-530ee54f"]]),ll=e.defineComponent({__name:"LongTextElement",props:{element:{},data:{},designMode:{type:Boolean}},setup(t){const l=t,o={top:"flex-start",middle:"center",bottom:"flex-end"},n={left:"flex-start",center:"center",right:"flex-end"},a=e.computed(()=>{const i=l.element.options;return{fontSize:(i.fontSize||12)+"pt",fontWeight:i.fontWeight||"normal",fontFamily:i.fontFamily||"inherit",color:i.color||"#333",backgroundColor:i.backgroundColor||"transparent",textAlign:i.textAlign||"left",lineHeight:i.lineHeight?i.lineHeight+"pt":"1.5",letterSpacing:i.letterSpacing?i.letterSpacing+"pt":"normal",textIndent:i.longTextIndent?i.longTextIndent+"pt":"0",width:"100%",height:"100%",overflow:"hidden",wordBreak:"break-all",boxSizing:"border-box",...i.verticalAlign?{display:"flex",alignItems:o[i.verticalAlign]??"flex-start",justifyContent:n[i.textAlign||"left"]??"flex-start"}:{}}}),r=e.computed(()=>l.designMode?l.element.options.formatter?l.element.options.formatter:"长文本内容":Oe(l.element.options,l.data));return(i,s)=>(e.openBlock(),e.createElementBlock("div",{class:"print-longtext",style:e.normalizeStyle(a.value)},e.toDisplayString(r.value),5))}}),al=["title"],il=["title","onClick"],rl=e.defineComponent({__name:"TableContextMenu",props:{visible:{type:Boolean},x:{},y:{},canDeleteRow:{type:Boolean},canDeleteCol:{type:Boolean},mergeDisabledReason:{},canSplit:{type:Boolean},currentRowType:{},rowTypeDisabledReason:{type:Function}},emits:["action"],setup(t,{emit:l}){const o=[{value:"header",label:"标题行"},{value:"data",label:"数据行"},{value:"subtotal",label:"小计行"},{value:"summary",label:"汇总行"}],n=l;function a(r,i){n("action",r,i)}return(r,i)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[t.visible?(e.openBlock(),e.createElementBlock("div",{key:0,class:"table-ctx-menu",style:e.normalizeStyle({left:t.x+"px",top:t.y+"px"}),onMousedown:i[8]||(i[8]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("div",{class:"menu-item",onClick:i[0]||(i[0]=s=>a("insert-row-above"))},"在上方插入行"),e.createElementVNode("div",{class:"menu-item",onClick:i[1]||(i[1]=s=>a("insert-row-below"))},"在下方插入行"),e.createElementVNode("div",{class:e.normalizeClass(["menu-item",{disabled:!t.canDeleteRow}]),onClick:i[2]||(i[2]=s=>t.canDeleteRow&&a("delete-row"))}," 删除行 ",2),i[9]||(i[9]=e.createElementVNode("div",{class:"menu-divider"},null,-1)),e.createElementVNode("div",{class:"menu-item",onClick:i[3]||(i[3]=s=>a("insert-col-left"))},"在左侧插入列"),e.createElementVNode("div",{class:"menu-item",onClick:i[4]||(i[4]=s=>a("insert-col-right"))},"在右侧插入列"),e.createElementVNode("div",{class:e.normalizeClass(["menu-item",{disabled:!t.canDeleteCol}]),onClick:i[5]||(i[5]=s=>t.canDeleteCol&&a("delete-col"))}," 删除列 ",2),i[10]||(i[10]=e.createElementVNode("div",{class:"menu-divider"},null,-1)),e.createElementVNode("div",{class:e.normalizeClass(["menu-item",{disabled:!!t.mergeDisabledReason}]),title:t.mergeDisabledReason||"",onClick:i[6]||(i[6]=s=>!t.mergeDisabledReason&&a("merge"))}," 合并单元格 ",10,al),e.createElementVNode("div",{class:e.normalizeClass(["menu-item",{disabled:!t.canSplit}]),onClick:i[7]||(i[7]=s=>t.canSplit&&a("split"))}," 拆分单元格 ",2),i[11]||(i[11]=e.createElementVNode("div",{class:"menu-divider"},null,-1)),i[12]||(i[12]=e.createElementVNode("div",{class:"menu-group-title"},"行类型",-1)),(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(o,s=>e.createElementVNode("div",{key:s.value,class:e.normalizeClass(["menu-item",{disabled:!!t.rowTypeDisabledReason(s.value),active:t.currentRowType===s.value}]),title:t.rowTypeDisabledReason(s.value)||"",onClick:c=>!t.rowTypeDisabledReason(s.value)&&a("set-row-type",s.value)},e.toDisplayString(s.label),11,il)),64))],36)):e.createCommentVNode("",!0)]))}}),sl=Q(rl,[["__scopeId","data-v-3f0b28d4"]]),dl={class:"cell-barcode"},cl=["src"],ul={key:1,class:"cell-barcode-fallback"},ml=e.defineComponent({__name:"CellBarcode",props:{cellType:{},value:{},barcodeType:{},qrCodeLevel:{},showText:{type:Boolean},fit:{},maxWidth:{},maxHeight:{}},setup(t){const l=t,o=e.ref(null),n=e.ref(!1),a=e.ref(""),r=e.computed(()=>({objectFit:l.fit||"contain",maxWidth:l.maxWidth?`${l.maxWidth}mm`:"100%",maxHeight:l.maxHeight?`${l.maxHeight}mm`:"100%"})),i=e.computed(()=>({objectFit:l.fit||"contain",maxWidth:l.maxWidth?`${l.maxWidth}mm`:"100%",maxHeight:l.maxHeight?`${l.maxHeight}mm`:"100%"}));function s(){if(n.value=!1,!!o.value)try{lt(o.value,l.value,{format:l.barcodeType||"CODE128",width:1,height:28,displayValue:l.showText!==!1,fontSize:9,margin:0}),n.value=!0}catch{}}async function c(){if(!l.value){a.value="";return}try{a.value=await at.toDataURL(l.value,{width:96,margin:1,errorCorrectionLevel:l.qrCodeLevel||"M"})}catch{a.value=""}}function u(){l.cellType==="barcode"?s():c()}return e.onMounted(u),e.watch(()=>[l.cellType,l.value,l.barcodeType,l.qrCodeLevel,l.showText],u),(f,v)=>(e.openBlock(),e.createElementBlock("div",dl,[e.withDirectives((e.openBlock(),e.createElementBlock("svg",{ref_key:"barcodeSvg",ref:o,preserveAspectRatio:"xMidYMid meet",style:e.normalizeStyle(r.value)},null,4)),[[e.vShow,t.cellType==="barcode"&&n.value]]),t.cellType==="qrcode"&&a.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:a.value,alt:"qrcode",style:e.normalizeStyle(i.value)},null,12,cl)):e.createCommentVNode("",!0),!n.value&&t.cellType==="barcode"?(e.openBlock(),e.createElementBlock("span",ul,e.toDisplayString(t.value||"条码"),1)):e.createCommentVNode("",!0)]))}}),pl=Q(ml,[["__scopeId","data-v-612f4008"]]),fl={class:"cell-image"},vl=["src"],gl={key:1,class:"image-placeholder"},hl=e.defineComponent({__name:"CellImage",props:{value:{},fit:{},maxWidth:{},maxHeight:{},designMode:{type:Boolean},data:{}},setup(t){const l=t,o=e.computed(()=>{const i=l.value||"";return i?i.includes("{")?l.designMode?$e(i,fe):$e(i,l.data?.[0]||{}):i:""}),n=e.ref(!1);function a(){n.value=!0}e.watch(o,()=>{n.value=!1});const r=e.computed(()=>({objectFit:l.fit||"contain",maxWidth:l.maxWidth?`${l.maxWidth}mm`:"100%",maxHeight:l.maxHeight?`${l.maxHeight}mm`:"100%"}));return(i,s)=>(e.openBlock(),e.createElementBlock("div",fl,[o.value&&!n.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:o.value,style:e.normalizeStyle(r.value),onError:a},null,44,vl)):(e.openBlock(),e.createElementBlock("div",gl,"图片"))]))}}),bl=Q(hl,[["__scopeId","data-v-7f838bbb"]]),yl=["rowspan","colspan","onMousedown","onMouseenter","onDblclick","onContextmenu"],kl={key:2,class:"data-placeholder"},El={key:0,class:"col-resize-layer"},wl=["aria-label","onMousedown"],Vl={key:1,class:"row-badges"},Re=3.7795275591,Nl=.1,Cl=e.defineComponent({__name:"TableElement",props:{element:{},designMode:{type:Boolean},isSelected:{type:Boolean},showTableGhostBorder:{type:Boolean},scale:{},data:{}},emits:["dblclick-element","dblclick-cell"],setup(t,{emit:l}){const o={header:"题",data:"数",subtotal:"小",summary:"汇"},n=t,a=l,r=e.inject(Be,{tableSelection:e.ref(null),setTableSelection:()=>{},recordHistory:()=>{},maxTableWidth:e.ref(1/0)}),i=e.computed(()=>n.element.options.tableRows??[]),s=e.computed(()=>n.element.options.tableColWidths??[]),c=e.computed(()=>n.element.options.tableDefaultFontSize??10),u=e.computed(()=>n.element.options.tableDefaultColor??"#333333"),f=e.computed(()=>{const w=r.tableSelection.value;return w&&w.elementId===n.element.id?w:null});function v(w){let V=0;for(let M=0;M<w;M++)V+=i.value[M].height;return V}const h=e.ref(null),L=e.ref([]);function R(){if(!n.designMode)return;const w=h.value;if(!w)return;const V=w.offsetHeight;if(V<=0)return;const M=n.element.options,b=V/Re;Math.abs(b-(M.height??0))>Nl&&(M.height=Math.round(b*100)/100);const k=w.offsetTop;L.value=Array.from(w.rows).map(q=>({top:(q.offsetTop-k)/Re,height:q.offsetHeight/Re}))}function B(w){return L.value[w]?.top??v(w)}function $(w){return L.value[w]?.height??i.value[w]?.height??0}e.watch(()=>[n.element.options,n.designMode],()=>R(),{deep:!0,flush:"post"}),e.onMounted(()=>{R(),document.fonts?.ready.then(()=>R())});const A=e.computed(()=>{const w=n.element.options.dataSource;if(w&&Array.isArray(fe[w]))return fe[w];for(const V of Object.values(fe))if(Array.isArray(V))return V}),Y=e.computed(()=>{if(n.data)return n.data});function j(w){return w.cellType==="barcode"||w.cellType==="qrcode"}function I(w,V){return j(V)?ko(V.formatter,A.value):V.formatter||""}function G(w,V){const M=n.element.options,b={designMode:n.designMode,showGhostBorder:n.showTableGhostBorder};return{fontFamily:V.fontFamily||"inherit",textAlign:V.align??"left",verticalAlign:V.valign??"middle",fontSize:(V.fontSize??c.value)+"pt",fontWeight:V.fontWeight??"normal",color:V.color??u.value,backgroundColor:V.backgroundColor??"transparent",borderTop:Ae(V.borders?.top,b),borderRight:Ae(V.borders?.right,b),borderBottom:Ae(V.borders?.bottom,b),borderLeft:Ae(V.borders?.left,b),padding:(V.padding??M.tableDefaultPadding??1)+"mm",whiteSpace:V.wordWrap??!0?"normal":"nowrap",overflow:V.wordWrap??!0?"visible":"hidden"}}function H(w,V){const M=f.value;return{"cell-selected":!!M&&w>=M.r1&&w<=M.r2&&V>=M.c1&&V<=M.c2,"row-data-bg":i.value[w].type==="data"}}const T=e.ref(null);function C(w,V){const M=xt(i.value,w,V);r.setTableSelection({elementId:n.element.id,...M})}function S(w,V,M){!n.designMode||!n.isSelected||(M.stopPropagation(),M.shiftKey&&f.value?C({r:f.value.r1,c:f.value.c1},{r:w,c:V}):(T.value={r:w,c:V},C({r:w,c:V},{r:w,c:V})),window.addEventListener("mouseup",()=>{T.value=null},{once:!0}))}function x(w,V){T.value&&C(T.value,{r:w,c:V})}function D(w,V){n.designMode&&a("dblclick-cell",n.element.id,w,V)}const z=e.reactive({visible:!1,x:0,y:0});function m(w,V,M){if(!n.designMode||!n.isSelected)return;const b=f.value;b&&w>=b.r1&&w<=b.r2&&V>=b.c1&&V<=b.c2||C({r:w,c:V},{r:w,c:V}),z.x=M.clientX,z.y=M.clientY,z.visible=!0,window.addEventListener("mousedown",()=>{z.visible=!1},{once:!0})}const y=e.computed(()=>{const w=f.value;return w?Bt(i.value,w):"未选择单元格"}),F=e.computed(()=>{const w=f.value;if(!w)return!1;for(let V=w.r1;V<=w.r2;V++)for(let M=w.c1;M<=w.c2;M++){const b=i.value[V].cells[M];if(!b.merged&&((b.rowspan??1)>1||(b.colspan??1)>1))return!0}return!1});function K(w){const V=f.value;if(!V)return"未选择单元格";if(V.r1!==V.r2)return"行类型仅支持单行设置";const M=JSON.parse(JSON.stringify(i.value));return et(M,V.r1,w)}function J(){Fe(n.element.options)}function te(w,V){const M=r.maxTableWidth.value,b=w.reduce((k,q)=>k+q,0)+w[V];return b>M?`插入后表格总宽 ${Math.round(b*10)/10}mm 超过打印范围宽度 ${M}mm,请先缩小列宽`:null}function se(w,V){const M=f.value;if(!M)return;z.visible=!1;const b=n.element.options,k=b.tableRows,q=b.tableColWidths;let X=null;switch(w){case"insert-row-above":gt(k,M.r1,"above");break;case"insert-row-below":gt(k,M.r2,"below");break;case"delete-row":X=co(k,M.r1);break;case"insert-col-left":X=te(q,M.c1),X||ht(k,q,M.c1,"left");break;case"insert-col-right":X=te(q,M.c2),X||ht(k,q,M.c2,"right");break;case"delete-col":X=uo(k,q,M.c1);break;case"merge":Dt(k,M);break;case"split":Tt(k,M);break;case"set-row-type":X=et(k,M.r1,V);break}if(X){alert(X);return}r.setTableSelection(null),J(),r.recordHistory()}const re=e.computed(()=>n.designMode&&!!n.isSelected&&!n.element.options.locked&&s.value.length>=1),ae=e.computed(()=>Array.from({length:s.value.length},(w,V)=>V+1));function _(w){return s.value.slice(0,w).reduce((V,M)=>V+M,0)}const g=e.ref(null);let d=0,p=0;function E(w,V){re.value&&(g.value=w,d=V.clientX,p=s.value[w-1],document.addEventListener("mousemove",N),document.addEventListener("mouseup",P))}function N(w){if(g.value===null)return;const V=n.scale||1,M=(w.clientX-d)/(V*Re),b=g.value-1,k=n.element.options.tableColWidths;k[b]=fo(k,b,p+M,r.maxTableWidth.value),J()}function P(){document.removeEventListener("mousemove",N),document.removeEventListener("mouseup",P),g.value!==null&&(g.value=null,J(),r.recordHistory())}return e.onUnmounted(()=>{document.removeEventListener("mousemove",N),document.removeEventListener("mouseup",P)}),(w,V)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["print-table",{"design-mode":t.designMode}]),onContextmenu:V[0]||(V[0]=e.withModifiers(()=>{},["prevent"]))},[e.createElementVNode("table",{ref_key:"tableRef",ref:h,style:e.normalizeStyle({fontSize:c.value+"pt",color:u.value})},[e.createElementVNode("colgroup",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,(M,b)=>(e.openBlock(),e.createElementBlock("col",{key:b,style:e.normalizeStyle({width:M+"mm"})},null,4))),128))]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,(M,b)=>(e.openBlock(),e.createElementBlock("tr",{key:M.id,style:e.normalizeStyle({height:M.height+"mm"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(M.cells,(k,q)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:k.id},[k.merged?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("td",{key:0,rowspan:k.rowspan||1,colspan:k.colspan||1,class:e.normalizeClass(H(b,q)),style:e.normalizeStyle(G(M,k)),onMousedown:e.withModifiers(X=>S(b,q,X),["left"]),onMouseenter:X=>x(b,q),onDblclick:e.withModifiers(X=>D(b,q),["stop"]),onContextmenu:e.withModifiers(X=>m(b,q,X),["prevent","stop"])},[j(k)?(e.openBlock(),e.createBlock(pl,{key:0,"cell-type":k.cellType,value:I(M,k),"barcode-type":k.barcodeType,"qr-code-level":k.qrCodeLevel,"show-text":k.showBarcodeText,fit:k.fit,"max-width":k.maxWidth,"max-height":k.maxHeight},null,8,["cell-type","value","barcode-type","qr-code-level","show-text","fit","max-width","max-height"])):k.cellType==="image"?(e.openBlock(),e.createBlock(bl,{key:1,value:k.formatter||"",fit:k.fit,"max-width":k.maxWidth,"max-height":k.maxHeight,"design-mode":t.designMode,data:Y.value},null,8,["value","fit","max-width","max-height","design-mode","data"])):M.type==="data"?(e.openBlock(),e.createElementBlock("span",kl,e.toDisplayString(I(M,k)),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[e.createTextVNode(e.toDisplayString(I(M,k)),1)],64))],46,yl))],64))),128))],4))),128))])],4),re.value?(e.openBlock(),e.createElementBlock("div",El,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(ae.value,M=>(e.openBlock(),e.createElementBlock("div",{key:M,class:e.normalizeClass(["col-resize-handle",{dragging:g.value===M}]),role:"separator","aria-label":"列宽手柄"+M,style:e.normalizeStyle({left:_(M)+"mm"}),onMousedown:e.withModifiers(b=>E(M,b),["stop","prevent"])},null,46,wl))),128))])):e.createCommentVNode("",!0),t.designMode&&t.isSelected?(e.openBlock(),e.createElementBlock("div",Vl,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,(M,b)=>(e.openBlock(),e.createElementBlock("span",{key:M.id,class:"row-badge",style:e.normalizeStyle({top:B(b)+"mm",height:$(b)+"mm"})},e.toDisplayString(o[M.type]),5))),128))])):e.createCommentVNode("",!0),e.createVNode(sl,{visible:z.visible,x:z.x,y:z.y,"can-delete-row":i.value.length>1,"can-delete-col":s.value.length>1,"merge-disabled-reason":y.value,"can-split":F.value,"current-row-type":f.value?i.value[f.value.r1]?.type??null:null,"row-type-disabled-reason":K,onAction:se},null,8,["visible","x","y","can-delete-row","can-delete-col","merge-disabled-reason","can-split","current-row-type"])],34))}}),Sl=Q(Cl,[["__scopeId","data-v-980bb07d"]]),Et=e.defineComponent({__name:"LineElement",props:{element:{}},setup(t){const l=t,o=e.computed(()=>l.element.printElementType.type==="hline"),n=e.computed(()=>{const a=l.element.options,r=(a.borderWidth||.75)+"pt",i=a.borderStyle||"solid",s=a.borderColor||"#333";return o.value?{width:"100%",height:"0",borderTop:`${r} ${i} ${s}`,boxSizing:"border-box"}:{width:"0",height:"100%",borderLeft:`${r} ${i} ${s}`,boxSizing:"border-box"}});return(a,r)=>(e.openBlock(),e.createElementBlock("div",{class:"print-line",style:e.normalizeStyle(n.value)},null,4))}}),wt=e.defineComponent({__name:"ShapeElement",props:{element:{}},setup(t){const l=t,o=e.computed(()=>l.element.printElementType.type==="oval"),n=e.computed(()=>{const a=l.element.options;return{width:"100%",height:"100%",borderWidth:(a.borderWidth||1)+"pt",borderStyle:a.borderStyle||"solid",borderColor:a.borderColor||"#333",backgroundColor:a.backgroundColor||"transparent",borderRadius:o.value?"50%":"0",boxSizing:"border-box"}});return(a,r)=>(e.openBlock(),e.createElementBlock("div",{class:"print-shape",style:e.normalizeStyle(n.value)},null,4))}}),$l={class:"print-barcode",ref:"containerRef"},Ml=96/25.4,xl=e.defineComponent({__name:"BarcodeElement",props:{element:{},data:{},designMode:{type:Boolean}},setup(t){const l=t,o=e.ref(null);function n(){if(!o.value)return;const a=l.element.options,r=(l.designMode?a.testData||a.formatter:Oe(a,l.data))||"条码",i=!a.hideTitle,s=(a.fontSize||12)*(96/72),c=(a.height||40)*Ml,u=i?s+4:0,f=Math.max(8,c-u);try{lt(o.value,r,{format:a.barcodeType||"CODE128",width:a.barWidth?a.barWidth/2:1,height:f,displayValue:i,fontSize:s,margin:2})}catch{}}return e.onMounted(n),e.watch(()=>[l.element.options.formatter,l.element.options.testData,l.element.options.barcodeType,l.element.options.width,l.element.options.height,l.element.options.barWidth,l.element.options.hideTitle,l.element.options.fontSize],n),(a,r)=>(e.openBlock(),e.createElementBlock("div",$l,[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgRef",ref:o,preserveAspectRatio:"xMidYMid meet"},null,512))],512))}}),Bl=Q(xl,[["__scopeId","data-v-a71e7c44"]]),Dl={class:"print-qrcode"},Tl=["src"],zl=e.defineComponent({__name:"QrcodeElement",props:{element:{},data:{},designMode:{type:Boolean}},setup(t){const l=t,o=e.ref("");async function n(){const a=l.element.options,r=(l.designMode?a.testData||a.formatter:Oe(a,l.data))||"二维码",i=Math.min(a.width||80,a.height||80);try{o.value=await at.toDataURL(r,{width:i,margin:1,errorCorrectionLevel:String(a.qrCodeLevel??"M")})}catch{o.value=""}}return e.onMounted(n),e.watch(()=>[l.element.options.formatter,l.element.options.testData],n),(a,r)=>(e.openBlock(),e.createElementBlock("div",Dl,[o.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:o.value,alt:"qrcode"},null,8,Tl)):e.createCommentVNode("",!0)]))}}),Ll=Q(zl,[["__scopeId","data-v-90b31b7e"]]),Pl=["innerHTML"],Al=e.defineComponent({__name:"HtmlElement",props:{element:{},data:{},designMode:{type:Boolean}},setup(t){const l=t,o=e.computed(()=>{if(l.element.options.formatter){const n=l.data&&l.data.length>0?l.data[0]:{},a=$e(l.element.options.formatter,n??{});return a?oo.sanitize(a):""}return'<div style="background:#e0e0e0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:10pt;color:#999">HTML</div>'});return(n,a)=>(e.openBlock(),e.createElementBlock("div",{class:"print-html",innerHTML:o.value},null,8,Pl))}}),Il=Q(Al,[["__scopeId","data-v-f0a224c2"]]),Rl=e.defineComponent({__name:"PageNumberElement",props:{element:{},data:{},designMode:{type:Boolean}},setup(t){const l=t,o=e.computed(()=>{const a=l.element.options;return{fontSize:(a.fontSize||12)+"pt",fontWeight:a.fontWeight||"normal",fontFamily:a.fontFamily||"inherit",color:a.color||"#333",textAlign:a.textAlign||"left",lineHeight:a.lineHeight?a.lineHeight+"pt":"normal",letterSpacing:a.letterSpacing?a.letterSpacing+"pt":"normal"}}),n=e.computed(()=>l.designMode?l.element.options.title||"{pageIndex}/{totalPages}":l.element.options.title||"");return(a,r)=>(e.openBlock(),e.createElementBlock("div",{class:"page-number-element",style:e.normalizeStyle(o.value)},e.toDisplayString(n.value),5))}}),Hl=Q(Rl,[["__scopeId","data-v-c3750ca3"]]),Ul={key:0,class:"drag-preview"},Fl={key:1,class:"resize-handles"},Ol=["onMousedown"],Gl={key:2,class:"selected-indicator"},ql={class:"position-label"},Wl=e.defineComponent({__name:"BaseElement",props:{element:{},isSelected:{type:Boolean},designMode:{type:Boolean},printData:{},scale:{},allElements:{},snapToGrid:{type:Boolean},showTableGhostBorder:{type:Boolean},zone:{},adsorbHandler:{type:Function},clearAdsorbGuides:{type:Function}},emits:["select","update:element","drag-start","drag-stop","dblclick-element","dblclick-cell","contextmenu","clone-element"],setup(t,{emit:l}){const o=t,n=l,a=e.ref(null),r=e.inject(At,null),i=e.computed(()=>r?.value?r.value.has(o.element.id):o.isSelected??!1),s=e.inject(It,null),c=e.computed(()=>s?.value.has(o.element.id)??!1),u={text:e.markRaw(Qn),image:e.markRaw(nl),longText:e.markRaw(ll),table:e.markRaw(Sl),hline:e.markRaw(Et),vline:e.markRaw(Et),rect:e.markRaw(wt),oval:e.markRaw(wt),barcode:e.markRaw(Bl),qrcode:e.markRaw(Ll),html:e.markRaw(Il),pageNumber:e.markRaw(Hl)},f=e.computed(()=>u[o.element.printElementType.type]),v=e.computed(()=>o.element.printElementType.type==="table"?{showTableGhostBorder:o.showTableGhostBorder,scale:o.scale}:{}),h=e.computed(()=>{const D=o.element.options;return{position:"absolute",left:D.left+"mm",top:D.top+"mm",width:D.width+"mm",height:D.height+"mm",zIndex:D.zIndex||"auto"}}),L=e.computed(()=>{const D=o.element.options;return`x:${Math.round(D.left)} y:${Math.round(D.top)} ${Math.round(D.width)}×${Math.round(D.height)}mm`});let R=0,B=0;const $=e.reactive({disabled:!o.designMode||!!o.element.options.locked,getScale:()=>(o.scale||1)*ve(1),onDrag:D=>{const z=D.left-R,m=D.top-B;a.value&&(a.value.style.transform=`translate(${z}mm, ${m}mm)`)},onDragEnd:(D,z)=>{if(z.altKey){const F=JSON.parse(JSON.stringify(o.element));F.id=Se(),F.options.left=D.left,F.options.top=D.top,n("clone-element",F,{left:D.left,top:D.top}),a.value&&(a.value.style.transform="");return}const m=D.left-R,y=D.top-B;if(o.element.options.left=D.left,o.element.options.top=D.top,a.value&&(a.value.style.transform=""),o.element.options.groupId&&o.allElements)for(const F of o.allElements)F.id!==o.element.id&&F.options.groupId===o.element.options.groupId&&(F.options.left+=m,F.options.top+=y)},onStart:()=>{R=o.element.options.left,B=o.element.options.top,n("select",o.element.id,!1),n("drag-start")},onStop:()=>{o.clearAdsorbGuides?.(),n("drag-stop")},onAdsorb:D=>{let z=D.left,m=D.top;return o.snapToGrid&&(z=Math.round(D.left/5)*5,m=Math.round(D.top/5)*5),o.adsorbHandler?o.adsorbHandler({id:o.element.id,left:z,top:m,width:o.element.options.width,height:o.element.options.height}):{left:z,top:m,lines:[]}}}),{setup:A,cleanup:Y,isDragging:j}=Xn(a,$);e.watchEffect(()=>{$.disabled=!o.designMode||!!o.element.options.locked});const I=e.computed(()=>i.value&&!!o.designMode&&!o.element.options.locked&&o.element.printElementType.type!=="table"),{startResize:G,cleanup:H}=Zn({minWidth:3.5,minHeight:3.5,getScale:()=>(o.scale||1)*ve(1),getRect:()=>({left:o.element.options.left,top:o.element.options.top,width:o.element.options.width,height:o.element.options.height}),onResize:D=>{o.element.options.left=D.left,o.element.options.top=D.top,o.element.options.width=D.width,o.element.options.height=D.height},onStart:()=>{n("drag-start")},onStop:()=>{n("drag-stop")}});function T(D){o.designMode&&n("select",o.element.id,D.ctrlKey||D.metaKey)}function C(){o.designMode&&n("dblclick-element",o.element.id)}function S(D,z,m){o.designMode&&n("dblclick-cell",D,z,m)}e.onMounted(()=>{o.designMode&&A()});function x(){Y(),H(),o.clearAdsorbGuides?.()}return e.onUnmounted(()=>{x()}),(D,z)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"elRef",ref:a,class:e.normalizeClass(["print-element",{selected:i.value,previewed:c.value,"design-mode":t.designMode,locked:t.element.options.locked,hidden:t.element.options.visible===!1,"drag-ghost":e.unref(j),[`type-${t.element.printElementType.type}`]:!0,[`zone-${t.zone||"content"}`]:!0}]),style:e.normalizeStyle(h.value),onMousedown:e.withModifiers(T,["stop"]),onDblclick:e.withModifiers(C,["stop"]),onContextmenu:z[0]||(z[0]=e.withModifiers(m=>D.$emit("contextmenu",t.element.id,m),["prevent","stop"]))},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(f.value),e.mergeProps({element:t.element,data:t.printData,"design-mode":t.designMode,"is-selected":i.value},v.value,{onDblclickCell:S}),null,16,["element","data","design-mode","is-selected"])),e.unref(j)?(e.openBlock(),e.createElementBlock("div",Ul)):e.createCommentVNode("",!0),I.value?(e.openBlock(),e.createElementBlock("div",Fl,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(jn),m=>(e.openBlock(),e.createElementBlock("div",{key:m,class:e.normalizeClass(["resize-handle",`handle-${m}`]),onMousedown:e.withModifiers(y=>e.unref(G)(m,y),["stop"])},null,42,Ol))),128))])):e.createCommentVNode("",!0),i.value&&t.designMode?(e.openBlock(),e.createElementBlock("div",Gl,[e.createElementVNode("div",ql,e.toDisplayString(L.value),1)])):e.createCommentVNode("",!0)],38))}}),Ze=Q(Wl,[["__scopeId","data-v-64c495e7"]]);function Kl(t={}){const l=t.adsorbMin??1,o=t.adsorbLineMin??2,n=t.showAdsorbLine??!0,a=e.ref([]),r=e.ref({width:0,height:0}),i={left:"#3b82f6",center:"#10b981",right:"#f59e0b",top:"#3b82f6",middle:"#10b981",bottom:"#f59e0b"};function s(v){return v==="vCenter"?i.center:v==="hCenter"?i.middle:i[v]??i.left}function c(v,h,L){let R=v.left,B=v.top;const $=[],A={left:v.left,right:v.left+v.width,vCenter:v.left+v.width/2,top:v.top,bottom:v.top+v.height,hCenter:v.top+v.height/2};let Y=1/0;for(const I of h){if(I.id===v.id)continue;const G={left:I.left,right:I.left+I.width,vCenter:I.left+I.width/2,top:I.top,bottom:I.top+I.height,hCenter:I.top+I.height/2},H=[["left","left"],["left","vCenter"],["left","right"],["vCenter","left"],["vCenter","vCenter"],["vCenter","right"],["right","left"],["right","vCenter"],["right","right"]],T=[["top","top"],["top","hCenter"],["top","bottom"],["hCenter","top"],["hCenter","hCenter"],["hCenter","bottom"],["bottom","top"],["bottom","hCenter"],["bottom","bottom"]];for(const[C,S]of H){const x=Math.abs(A[C]-G[S]);x<=l&&x<Y&&(Y=x,R=v.left+(G[S]-A[C]))}for(const[C,S]of T){const x=Math.abs(A[C]-G[S]);x<=l&&x<Y&&(Y=x,B=v.top+(G[S]-A[C]))}}if(L){const I={left:R,right:R+v.width,vCenter:R+v.width/2,top:B,bottom:B+v.height,hCenter:B+v.height/2},G=["left","vCenter","right"];for(const T of L.vertical)for(const C of G){const S=Math.abs(I[C]-T);S<=l&&S<Y&&(Y=S,R=v.left+(T-I[C]))}const H=["top","hCenter","bottom"];for(const T of L.horizontal)for(const C of H){const S=Math.abs(I[C]-T);S<=l&&S<Y&&(Y=S,B=v.top+(T-I[C]))}}const j={left:R,right:R+v.width,vCenter:R+v.width/2,top:B,bottom:B+v.height,hCenter:B+v.height/2};if(n){const I=new Set;for(const G of h){if(G.id===v.id)continue;const H={left:G.left,right:G.left+G.width,vCenter:G.left+G.width/2,top:G.top,bottom:G.top+G.height,hCenter:G.top+G.height/2},T=[["left","left"],["left","vCenter"],["left","right"],["vCenter","left"],["vCenter","vCenter"],["vCenter","right"],["right","left"],["right","vCenter"],["right","right"]],C=[["top","top"],["top","hCenter"],["top","bottom"],["hCenter","top"],["hCenter","hCenter"],["hCenter","bottom"],["bottom","top"],["bottom","hCenter"],["bottom","bottom"]];for(const[S,x]of T)if(Math.abs(j[S]-H[x])<=o){const z=`v:${H[x]}`;I.has(z)||(I.add(z),$.push({type:"vertical",position:H[x],id:G.id,color:s(S)}))}for(const[S,x]of C)if(Math.abs(j[S]-H[x])<=o){const z=`h:${H[x]}`;I.has(z)||(I.add(z),$.push({type:"horizontal",position:H[x],id:G.id,color:s(S)}))}}}if(L){for(const I of L.vertical)$.some(G=>G.type==="vertical"&&G.position===I)||$.push({type:"vertical",position:I});for(const I of L.horizontal)$.some(G=>G.type==="horizontal"&&G.position===I)||$.push({type:"horizontal",position:I})}return{left:R,top:B,lines:$}}function u(v,h,L){a.value=v,r.value={width:h,height:L}}function f(){a.value=[]}return{check:c,renderLines:u,clearLines:f,guideLines:a,paperSize:r}}function Yl(t){const{check:l,renderLines:o,clearLines:n,guideLines:a,paperSize:r}=Kl(t.config??{adsorbMin:1,adsorbLineMin:2,showAdsorbLine:!0});function i(c){const u=t.getElements().filter(h=>h.id!==c.id).map(h=>({id:h.id,left:h.options.left,top:h.options.top,width:h.options.width,height:h.options.height})),f=l(c,u,t.getGuides?.()),v=t.getPaperSize();return o(f.lines,v.width,v.height),f}function s(){n()}return{requestAdsorb:i,clearGuides:s,guideLines:a,paperSize:r}}const Xl={key:0,class:"zone-label"},jl={key:0,class:"zone-height-tip"},Jl={key:0,class:"zone-label"},Zl={key:0,class:"zone-height-tip"},Ql=["onMousedown","onDblclick"],_l=e.defineComponent({__name:"CanvasPaper",props:{templateData:{},runtimeElements:{},designMode:{type:Boolean},printData:{},scale:{},showGrid:{type:Boolean},snapToGrid:{type:Boolean},showTableGhostBorder:{type:Boolean},guides:{}},emits:["select","drag-start","drag-stop","dblclick-element","dblclick-cell","contextmenu","zone-height-change","zone-height-commit","guide-move","guide-remove","clone-element"],setup(t,{expose:l,emit:o}){const n=t,a=o,r=e.ref(null),i=e.computed(()=>we(n.templateData).width),s=e.computed(()=>we(n.templateData).height),c=e.computed(()=>`${8/(n.scale||1)}px`),u=e.computed(()=>{const d=n.scale||1,p=ve(i.value)*d,E=ve(s.value)*d;return{width:p+"px",height:E+"px",position:"relative"}}),f=e.computed(()=>{const d=n.templateData.margins,p=n.templateData.header.height,E=n.templateData.footer.height,N=i.value-d.left-d.right;return{header:{left:d.left,top:d.top,width:N,height:p},content:{left:d.left,top:d.top+p,width:N,height:s.value-d.top-d.bottom-p-E},footer:{left:d.left,top:s.value-d.bottom-E,width:N,height:E}}});function v(d){return{position:"absolute",left:d.left+"mm",top:d.top+"mm",width:d.width+"mm",height:d.height+"mm"}}const h=e.computed(()=>{const d={header:[],footer:[],content:[]};for(const p of n.runtimeElements)p.zone==="header"?d.header.push(p):p.zone==="footer"?d.footer.push(p):d.content.push(p);return d}),L=e.computed(()=>h.value.header),R=e.computed(()=>h.value.footer),B=e.computed(()=>h.value.content);let $="content";const{requestAdsorb:A,clearGuides:Y,guideLines:j,paperSize:I}=Yl({getElements:()=>h.value[$],getPaperSize:()=>{const d=f.value[$];return{width:d.width,height:d.height}},getGuides:()=>{const d=[],p=[];for(const E of n.guides??[])E.type==="vertical"?d.push(E.position):p.push(E.position);return{vertical:d,horizontal:p}}});function G(d){$=n.runtimeElements.find(N=>N.id===d.id)?.zone||"content";const E=A(d);return(E.left!==d.left||E.top!==d.top)&&m(E.left+d.width/2,E.top+d.height/2),E}function H(d,p){const E=p.position,N=d.clientX,P=d.clientY,w=n.scale??1,V=25.4/96,M=k=>{const q=(p.type==="vertical"?k.clientX-N:k.clientY-P)/w*V,X=p.type==="vertical"?i.value:s.value,ue=Math.min(Math.max(E+q,0),X);a("guide-move",p.id,ue)},b=()=>{window.removeEventListener("mousemove",M),window.removeEventListener("mouseup",b)};window.addEventListener("mousemove",M),window.addEventListener("mouseup",b)}const T=e.computed(()=>({width:i.value+"mm",minHeight:s.value+"mm",background:n.templateData.pageBackground||"var(--pd-paper, #fff)",boxShadow:"var(--pd-shadow-paper, 0 1px 2px rgba(0,0,0,.12), 0 8px 24px rgba(0,0,0,.08))",overflow:"hidden",position:"relative",transform:n.scale?`scale(${n.scale})`:void 0,transformOrigin:"0 0"})),C=e.computed(()=>{const d=n.templateData.margins;return{padding:`${d.top}mm ${d.right}mm ${d.bottom}mm ${d.left}mm`,position:"relative",boxSizing:"border-box",minHeight:s.value+"mm"}}),S=e.computed(()=>({backgroundImage:`url("data:image/svg+xml,${encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M0 .5H20M.5 0V20" fill="none" stroke="rgba(0,0,0,0.08)" stroke-width="1" stroke-dasharray="4 4"/></svg>')}")`,backgroundSize:"5mm 5mm",backgroundPosition:"0 0"}));let x=0,D=null;const z=e.ref(null);function m(d,p){x+=1,z.value={left:d,top:p,key:x},D&&clearTimeout(D),D=setTimeout(()=>{z.value=null},300)}const y=e.computed(()=>{const d=n.templateData.watermark;return d?!d.mode||d.mode==="fixed"?!!d.content&&d.content.trim().length>0:!!d.binding:!1}),F=e.computed(()=>{const d=n.templateData.watermark||{},p=d.color||"#cccccc",E=d.opacity??.15,N=d.rotate??-30;let P=K(d);if(d.timestamp){const w=new Date,V=`${w.getFullYear()}-${String(w.getMonth()+1).padStart(2,"0")}-${String(w.getDate()).padStart(2,"0")} ${String(w.getHours()).padStart(2,"0")}:${String(w.getMinutes()).padStart(2,"0")}`;P=P?`${P} ${V}`:V}return{position:"absolute",top:"0",left:"0",width:"100%",height:"100%",pointerEvents:"none",zIndex:"0",overflow:"hidden",opacity:String(E),backgroundImage:J(P,p,N),backgroundRepeat:"repeat"}});function K(d){if(!d.mode||d.mode==="fixed")return d.content||"";if(d.binding){const p=n.printData?.[0];return p&&p[d.binding]!==void 0&&p[d.binding]!==null?String(p[d.binding]):d.testData||`[${d.binding}]`}return""}function J(d,p,E){const N=d.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">"),P=`<svg xmlns="http://www.w3.org/2000/svg" width="260" height="180">
|
|
2
|
-
<text x="130" y="90" font-size="16" fill="${
|
|
3
|
-
</svg>`;return`url("data:image/svg+xml,${encodeURIComponent(P)}")`}const te=e.ref(null);function se(d,p){_(),te.value={zone:d,startY:p.clientY,startH:n.templateData[d].height},window.addEventListener("mousemove",re),window.addEventListener("mouseup",ae)}function re(d){if(!te.value)return;const{zone:p,startY:E,startH:N}=te.value,w=(d.clientY-E)/(n.scale||1)*25.4/96,V=p==="header"?w:-w,M=Math.min(100,s.value-n.templateData.margins.top-n.templateData.margins.bottom-(p==="header"?n.templateData.footer.height:n.templateData.header.height)-10),b=Math.min(M,Math.max(0,Math.round((N+V)*10)/10));a("zone-height-change",p,b)}function ae(){if(!te.value)return;const d=te.value.zone;te.value=null,window.removeEventListener("mousemove",re),window.removeEventListener("mouseup",ae),a("zone-height-commit",d)}function _(){window.removeEventListener("mousemove",re),window.removeEventListener("mouseup",ae),te.value=null}e.onUnmounted(()=>{_(),D&&clearTimeout(D)});function g(d,p){a("select",d,p)}return l({contentRef:r}),(d,p)=>(e.openBlock(),e.createElementBlock("div",{class:"paper-wrapper",style:e.normalizeStyle(u.value)},[e.createElementVNode("div",{class:"hiprint-printPaper",style:e.normalizeStyle(T.value)},[e.createElementVNode("div",{class:"hiprint-printPaper-content",ref_key:"contentRef",ref:r,style:e.normalizeStyle(C.value)},[t.showGrid&&t.designMode?(e.openBlock(),e.createElementBlock("div",{key:0,class:"grid-bg",style:e.normalizeStyle(S.value)},null,4)):e.createCommentVNode("",!0),z.value?(e.openBlock(),e.createElementBlock("div",{key:z.value.key,class:"snap-indicator",style:e.normalizeStyle({left:z.value.left+"mm",top:z.value.top+"mm"})},null,4)):e.createCommentVNode("",!0),y.value?(e.openBlock(),e.createElementBlock("div",{key:2,class:"watermark-layer",style:e.normalizeStyle(F.value)},null,4)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["zone-layer zone-header",{"design-mode":t.designMode}]),style:e.normalizeStyle(v(f.value.header))},[t.designMode?(e.openBlock(),e.createElementBlock("span",Xl,"页眉")):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(L.value,E=>(e.openBlock(),e.createBlock(Ze,{key:E.id,element:E,"design-mode":t.designMode,"print-data":t.printData,scale:t.scale,"all-elements":L.value,"snap-to-grid":t.snapToGrid,"show-table-ghost-border":t.showTableGhostBorder,zone:"header","adsorb-handler":G,"clear-adsorb-guides":e.unref(Y),onSelect:g,onDragStart:p[0]||(p[0]=N=>d.$emit("drag-start")),onDragStop:p[1]||(p[1]=N=>d.$emit("drag-stop")),onDblclickElement:p[2]||(p[2]=N=>d.$emit("dblclick-element",N)),onDblclickCell:p[3]||(p[3]=(N,P,w)=>d.$emit("dblclick-cell",N,P,w)),onContextmenu:p[4]||(p[4]=(N,P)=>d.$emit("contextmenu",N,P)),onCloneElement:(N,P)=>d.$emit("clone-element",N,P)},null,8,["element","design-mode","print-data","scale","all-elements","snap-to-grid","show-table-ghost-border","clear-adsorb-guides","onCloneElement"]))),128)),t.designMode?(e.openBlock(),e.createElementBlock("div",{key:1,class:"zone-resize-handle handle-bottom",onMousedown:p[5]||(p[5]=e.withModifiers(E=>se("header",E),["prevent","stop"]))},[te.value?.zone==="header"?(e.openBlock(),e.createElementBlock("div",jl,e.toDisplayString(t.templateData.header.height.toFixed(1))+"mm ",1)):e.createCommentVNode("",!0)],32)):e.createCommentVNode("",!0)],6),e.createElementVNode("div",{class:e.normalizeClass(["zone-layer zone-content",{"design-mode":t.designMode}]),style:e.normalizeStyle(v(f.value.content))},[t.designMode&&t.templateData.firstPageOverlay.height>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:"zone-overlay",style:e.normalizeStyle({height:t.templateData.firstPageOverlay.height+"mm"})},[...p[17]||(p[17]=[e.createElementVNode("span",{class:"zone-label"},"首页叠加",-1)])],4)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(B.value,E=>(e.openBlock(),e.createBlock(Ze,{key:E.id,element:E,"design-mode":t.designMode,"print-data":t.printData,scale:t.scale,"all-elements":B.value,"snap-to-grid":t.snapToGrid,"show-table-ghost-border":t.showTableGhostBorder,zone:"content","adsorb-handler":G,"clear-adsorb-guides":e.unref(Y),onSelect:g,onDragStart:p[6]||(p[6]=N=>d.$emit("drag-start")),onDragStop:p[7]||(p[7]=N=>d.$emit("drag-stop")),onDblclickElement:p[8]||(p[8]=N=>d.$emit("dblclick-element",N)),onDblclickCell:p[9]||(p[9]=(N,P,w)=>d.$emit("dblclick-cell",N,P,w)),onContextmenu:p[10]||(p[10]=(N,P)=>d.$emit("contextmenu",N,P)),onCloneElement:(N,P)=>d.$emit("clone-element",N,P)},null,8,["element","design-mode","print-data","scale","all-elements","snap-to-grid","show-table-ghost-border","clear-adsorb-guides","onCloneElement"]))),128))],6),e.createElementVNode("div",{class:e.normalizeClass(["zone-layer zone-footer",{"design-mode":t.designMode}]),style:e.normalizeStyle(v(f.value.footer))},[t.designMode?(e.openBlock(),e.createElementBlock("span",Jl,"页脚")):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(R.value,E=>(e.openBlock(),e.createBlock(Ze,{key:E.id,element:E,"design-mode":t.designMode,"print-data":t.printData,scale:t.scale,"all-elements":R.value,"snap-to-grid":t.snapToGrid,"show-table-ghost-border":t.showTableGhostBorder,zone:"footer","adsorb-handler":G,"clear-adsorb-guides":e.unref(Y),onSelect:g,onDragStart:p[11]||(p[11]=N=>d.$emit("drag-start")),onDragStop:p[12]||(p[12]=N=>d.$emit("drag-stop")),onDblclickElement:p[13]||(p[13]=N=>d.$emit("dblclick-element",N)),onDblclickCell:p[14]||(p[14]=(N,P,w)=>d.$emit("dblclick-cell",N,P,w)),onContextmenu:p[15]||(p[15]=(N,P)=>d.$emit("contextmenu",N,P)),onCloneElement:(N,P)=>d.$emit("clone-element",N,P)},null,8,["element","design-mode","print-data","scale","all-elements","snap-to-grid","show-table-ghost-border","clear-adsorb-guides","onCloneElement"]))),128)),t.designMode?(e.openBlock(),e.createElementBlock("div",{key:1,class:"zone-resize-handle handle-top",onMousedown:p[16]||(p[16]=e.withModifiers(E=>se("footer",E),["prevent","stop"]))},[te.value?.zone==="footer"?(e.openBlock(),e.createElementBlock("div",Zl,e.toDisplayString(t.templateData.footer.height.toFixed(1))+"mm ",1)):e.createCommentVNode("",!0)],32)):e.createCommentVNode("",!0)],6),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(j),(E,N)=>(e.openBlock(),e.createElementBlock("div",{key:N,class:e.normalizeClass(["adsorb-guide",[`guide-${E.type}`]]),style:e.normalizeStyle(E.type==="vertical"?{left:E.position+"mm",top:"0",height:e.unref(I).height+"mm",borderLeftColor:E.color||"var(--pd-accent-secondary, #f56c6c)"}:{top:E.position+"mm",left:"0",width:e.unref(I).width+"mm",borderTopColor:E.color||"var(--pd-accent-secondary, #f56c6c)"})},null,6))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.guides,E=>(e.openBlock(),e.createElementBlock("div",{key:"mg-"+E.id,class:e.normalizeClass(["manual-guide",[`guide-${E.type}`]]),style:e.normalizeStyle(E.type==="vertical"?{left:E.position+"mm",top:"0",height:s.value+"mm","--guide-hit":c.value}:{top:E.position+"mm",left:"0",width:i.value+"mm","--guide-hit":c.value}),onMousedown:e.withModifiers(N=>H(N,E),["prevent","stop"]),onDblclick:e.withModifiers(N=>E.id&&a("guide-remove",E.id),["prevent","stop"])},null,46,Ql))),128))],4)],4)],4))}}),ea=Q(_l,[["__scopeId","data-v-a511ac20"]]),ta=e.defineComponent({__name:"Ruler",props:{orientation:{},viewportPx:{},originPx:{},paperLengthMM:{},scale:{},cursorPx:{}},emits:["add-guide","guide-dragging"],setup(t,{emit:l}){const o=t,n=l,a=e.computed(()=>o.orientation==="horizontal"),r=e.computed(()=>a.value?"vertical":"horizontal"),i=e.ref(null),s=e.ref(null),c=e.computed(()=>s.value??o.cursorPx??null),u=e.computed(()=>a.value?{width:o.viewportPx+"px",height:pe+"px"}:{width:pe+"px",height:o.viewportPx+"px"});let f=0;function v(){f||(f=requestAnimationFrame(()=>{f=0,h()}))}function h(){const T=i.value;if(!T)return;const C=T.getContext("2d");if(!C)return;const S=window.devicePixelRatio||1,x=Math.max(0,Math.round(o.viewportPx)),D=pe;T.width=(a.value?x:D)*S,T.height=(a.value?D:x)*S,C.setTransform(S,0,0,S,0,0);const z=getComputedStyle(T),m=z.getPropertyValue("--pd-ruler-bg").trim()||"#F8F9FC",y=z.getPropertyValue("--pd-ruler").trim()||"#9AA1AF",F=z.getPropertyValue("--pd-accent").trim()||"#165DFF";C.fillStyle=m,C.fillRect(0,0,a.value?x:D,a.value?D:x);const K=o.scale>0?o.scale:1,J=ve(1)*K;if(J<=0)return;const te=-o.originPx/J,se=(x-o.originPx)/J,re=qn(K),ae=Yn(te,se,re);L(C,ae,J,y,!0),L(C,ae,J,y,!1),R(C,0,F),R(C,o.paperLengthMM,F);const _=c.value;if(_!==null&&_>=0&&_<=x){if(C.strokeStyle=F,C.lineWidth=1.5,C.beginPath(),a.value){const g=Math.round(_)+.5;C.moveTo(g,0),C.lineTo(g,D)}else{const g=Math.round(_)+.5;C.moveTo(0,g),C.lineTo(D,g)}C.stroke()}}function L(T,C,S,x,D){T.strokeStyle=x,T.fillStyle=x,T.globalAlpha=D?.32:1,T.lineWidth=1,T.font="9px ui-monospace, Menlo, monospace",T.textBaseline="top";for(const z of C){if((z.mm<0||z.mm>o.paperLengthMM)!==D)continue;const y=Math.round(o.originPx+z.mm*S)+.5,F=z.major?8:4;T.beginPath(),a.value?(T.moveTo(y,0),T.lineTo(y,F)):(T.moveTo(0,y),T.lineTo(F,y)),T.stroke(),z.major&&z.label&&(a.value?T.fillText(z.label,y+2,11):(T.save(),T.translate(11,y+2),T.rotate(-Math.PI/2),T.fillText(z.label,0,0),T.restore()))}T.globalAlpha=1}function R(T,C,S){const x=ve(1)*(o.scale>0?o.scale:1),D=Math.round(o.originPx+C*x)+.5;D<=0||D>=o.viewportPx||(T.strokeStyle=S,T.globalAlpha=.55,T.lineWidth=1,T.beginPath(),a.value?(T.moveTo(D,0),T.lineTo(D,pe)):(T.moveTo(0,D),T.lineTo(pe,D)),T.stroke(),T.globalAlpha=1)}e.watch(()=>[o.viewportPx,o.originPx,o.paperLengthMM,o.scale,o.cursorPx,o.orientation],v),e.onMounted(v),e.onBeforeUnmount(()=>{f&&cancelAnimationFrame(f)});let B=!1;function $(T){const C=i.value;if(!C)return null;const S=C.getBoundingClientRect(),x=a.value?T.clientX-S.left:T.clientY-S.top;if(x<0||x>o.viewportPx)return null;const D=ve(1)*(o.scale>0?o.scale:1);return(x-o.originPx)/D}function A(T){B=!0,T.preventDefault(),window.addEventListener("mousemove",G),window.addEventListener("mouseup",H),I(T)}function Y(T){const C=i.value;if(!C)return;const S=C.getBoundingClientRect();s.value=a.value?T.clientX-S.left:T.clientY-S.top,v()}function j(){s.value=null,v()}function I(T){const C=$(T);n("guide-dragging",C)}function G(T){B&&I(T)}function H(T){if(!B)return;B=!1,window.removeEventListener("mousemove",G),window.removeEventListener("mouseup",H);const C=$(T);C!==null&&C>=0&&C<=o.paperLengthMM&&n("add-guide",r.value,C),n("guide-dragging",null)}return e.onBeforeUnmount(()=>{window.removeEventListener("mousemove",G),window.removeEventListener("mouseup",H)}),(T,C)=>(e.openBlock(),e.createElementBlock("canvas",{ref_key:"canvasRef",ref:i,class:e.normalizeClass(["pd-ruler",`is-${t.orientation}`]),style:e.normalizeStyle(u.value),onMousedown:A,onMousemove:Y,onMouseleave:j},null,38))}}),Vt=Q(ta,[["__scopeId","data-v-eec37db4"]]),oa={class:"canvas-scroll"},na={key:0,class:"overlay-layer"},la=["src"],He=96/25.4,aa=e.defineComponent({__name:"CanvasArea",props:{templateData:{},elements:{},scale:{},showGrid:{type:Boolean},snapToGrid:{type:Boolean},showTableGhostBorder:{type:Boolean},hasClipboard:{type:Boolean},guides:{},overlayVisible:{type:Boolean},screenshotUrl:{},overlayOpacity:{},selectedElementHasGroup:{type:Boolean},showRuler:{type:Boolean,default:!0}},emits:["select","drop-element","drop-field","drag-start","drag-stop","dblclick-element","dblclick-cell","zone-height-change","zone-height-commit","select-all","clear-selection","preview","commit-preview","paste","copy","cut","delete","move-layer","group","ungroup","coordinate","add-guide","guide-move","guide-remove","zoom","clone-element"],setup(t,{emit:l}){const o=t,n=l;function a(g,d){n("select",g,d)}const r=e.ref(null),i=e.computed(()=>we(o.templateData).width),s=e.computed(()=>we(o.templateData).height),c=e.reactive({originX:0,originY:0,viewW:0,viewH:0,paperScale:1}),u=e.reactive({x:null,y:null}),f=e.reactive({x:0,y:0}),v=e.computed(()=>({transform:`translate(${f.x}px, ${f.y}px)`}));function h(){const g=r.value,d=g?.querySelector(".hiprint-printPaper");if(!g||!d)return;const p=g.getBoundingClientRect(),E=d.getBoundingClientRect(),N=o.scale||1,P=E.width/ve(i.value);c.paperScale=Math.abs(P-N)<.002?N:P,c.originX=E.left-p.left-pe,c.originY=E.top-p.top-pe,c.viewW=g.clientWidth-pe,c.viewH=g.clientHeight-pe}function L(){f.x=r.value?.scrollLeft??0,f.y=r.value?.scrollTop??0,h()}let R=null,B=0;function $(){cancelAnimationFrame(B);const g=performance.now()+220,d=()=>{h(),performance.now()<g&&(B=requestAnimationFrame(d))};B=requestAnimationFrame(d)}const A=e.ref(null);function Y(g,d){A.value=d===null?null:{type:g,mm:d}}const j=e.computed(()=>{const g=A.value,d=r.value?.querySelector(".hiprint-printPaper");if(!g||!d)return{};const p=d.getBoundingClientRect(),E=p.width/ve(i.value),N=ve(g.mm)*(E>0?E:o.scale||1);return g.type==="vertical"?{left:p.left+N+"px",top:p.top+"px",height:p.height+"px"}:{left:p.left+"px",top:p.top+N+"px",width:p.width+"px"}});function I(g){const d=r.value?.querySelector(".hiprint-printPaper");if(!d)return;const p=d.getBoundingClientRect(),E=o.scale||1,N=Ie((g.clientX-p.left)/E),P=Ie((g.clientY-p.top)/E);if(!(N<0||P<0))return{x:N,y:P}}function G(g){const d=I(g),p=g.dataTransfer?.getData("fieldData");if(p)try{const N=JSON.parse(p);n("drop-field",N,d);return}catch{}const E=g.dataTransfer?.getData("elementType");E&&n("drop-element",E,d)}const H=e.reactive({visible:!1,x:0,y:0,w:0,h:0});let T={x:0,y:0};function C(g){return!g||!(g instanceof HTMLElement)?!1:!!(g===r.value||g.classList.contains("canvas-scroll")||g.classList.contains("hiprint-printPaper")||g.classList.contains("hiprint-printPaper-content")||g.classList.contains("zone-layer")||g.classList.contains("grid-bg")||g.classList.contains("watermark-layer"))}function S(g){const d=r.value,p=d?.querySelector(".hiprint-printPaper");if(!d||!p)return;const E=d.getBoundingClientRect();u.x=g.clientX-E.left-pe,u.y=g.clientY-E.top-pe;const N=p.getBoundingClientRect(),P=o.scale||1,w=Ie((g.clientX-N.left)/P),V=Ie((g.clientY-N.top)/P);if(w<0||V<0){n("coordinate",null);return}n("coordinate",{x:w,y:V})}function x(){n("coordinate",null),u.x=null,u.y=null}function D(g){if(!(g.ctrlKey||g.metaKey))return;g.preventDefault();const d=o.scale||1,p=Math.round(d*100),E=$o(p,g.deltaY>0?-1:1);if(E===p)return;const N=E/100,P=r.value;let w=null;if(P){const V=P.getBoundingClientRect(),M=getComputedStyle(P),b=parseFloat(M.paddingLeft)||0,k=parseFloat(M.paddingTop)||0;w={x:P.scrollLeft+(g.clientX-V.left)-b,y:P.scrollTop+(g.clientY-V.top)-k,ratio:N/d,mouseX:g.clientX-V.left,mouseY:g.clientY-V.top}}if(n("zoom",E-p),P&&w){const V=w;e.nextTick(()=>{const M=getComputedStyle(P),b=parseFloat(M.paddingLeft)||0,k=parseFloat(M.paddingTop)||0;P.scrollLeft=V.x*V.ratio-V.mouseX+b,P.scrollTop=V.y*V.ratio-V.mouseY+k})}}function z(g){g.button!==2&&C(g.target)&&(n("clear-selection"),T={x:g.clientX,y:g.clientY},H.visible=!0,H.x=g.clientX,H.y=g.clientY,H.w=0,H.h=0,window.addEventListener("mousemove",y),window.addEventListener("mouseup",F))}function m(){if(H.w<3||H.h<3)return[];const g=r.value?.querySelector(".hiprint-printPaper");if(!g)return[];const d=g.getBoundingClientRect(),p=o.scale||1,E=H.x<T.x,N=[];for(const P of o.elements){if(P.options.visible===!1||P.options.locked)continue;const w=d.left+P.options.left*He*p,V=d.top+P.options.top*He*p,M=w+P.options.width*He*p,b=V+P.options.height*He*p,k=w<H.x+H.w&&M>H.x&&V<H.y+H.h&&b>H.y,q=w>=H.x&&M<=H.x+H.w&&V>=H.y&&b<=H.y+H.h;(E?q:k)&&N.push(P.id)}return N}function y(g){const d=g.clientX-T.x,p=g.clientY-T.y;H.x=d>=0?T.x:g.clientX,H.y=p>=0?T.y:g.clientY,H.w=Math.abs(d),H.h=Math.abs(p),n("preview",m())}function F(){window.removeEventListener("mousemove",y),window.removeEventListener("mouseup",F);const g=m();n("preview",g),g.length>0?n("commit-preview"):n("clear-selection"),n("preview",[]),H.visible=!1}const K=e.reactive({visible:!1,x:0,y:0,targetId:null});function J(g,d){if(!d&&!C(g.target))return;const p=r.value?.getBoundingClientRect();p&&(K.x=g.clientX-p.left,K.y=g.clientY-p.top,K.targetId=d??null,K.visible=!0,window.removeEventListener("mousedown",te),setTimeout(()=>{window.addEventListener("mousedown",te,{once:!0})},0))}function te(){K.visible=!1,window.removeEventListener("mousedown",te)}function se(){K.visible=!1,o.hasClipboard&&n("paste")}function re(){K.visible=!1,n("select-all")}function ae(){K.visible=!1,n("clear-selection")}function _(g,d){K.visible=!1,g==="copy"?n("copy"):g==="cut"?n("cut"):g==="paste"?n("paste"):g==="delete"?n("delete"):g==="move-layer"?n("move-layer",d):g==="group"?n("group"):g==="ungroup"&&o.selectedElementHasGroup&&n("ungroup")}return e.onMounted(()=>{e.nextTick(h),r.value&&typeof ResizeObserver<"u"&&(R=new ResizeObserver(h),R.observe(r.value))}),e.watch(()=>o.scale,$),e.watch([i,s],()=>e.nextTick(h)),e.onBeforeUnmount(()=>{window.removeEventListener("mousemove",y),window.removeEventListener("mouseup",F),R?.disconnect(),cancelAnimationFrame(B)}),(g,d)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootRef",ref:r,class:"canvas-area",onDragover:d[24]||(d[24]=e.withModifiers(()=>{},["prevent"])),onDrop:G,onMousedown:z,onMousemove:S,onMouseleave:x,onWheel:D,onScroll:L,onContextmenu:e.withModifiers(J,["prevent"])},[e.createElementVNode("div",oa,[e.createVNode(ea,{"template-data":t.templateData,"runtime-elements":t.elements,"design-mode":!0,"print-data":[],scale:t.scale,"show-grid":t.showGrid,"snap-to-grid":t.snapToGrid,"show-table-ghost-border":t.showTableGhostBorder,guides:t.guides,onSelect:a,onGuideMove:d[0]||(d[0]=(p,E)=>g.$emit("guide-move",p,E)),onGuideRemove:d[1]||(d[1]=p=>g.$emit("guide-remove",p)),onDragStart:d[2]||(d[2]=p=>g.$emit("drag-start")),onDragStop:d[3]||(d[3]=p=>g.$emit("drag-stop")),onDblclickElement:d[4]||(d[4]=p=>g.$emit("dblclick-element",p)),onDblclickCell:d[5]||(d[5]=(p,E,N)=>g.$emit("dblclick-cell",p,E,N)),onContextmenu:d[6]||(d[6]=(p,E)=>J(E,p)),onZoneHeightChange:d[7]||(d[7]=(p,E)=>g.$emit("zone-height-change",p,E)),onZoneHeightCommit:d[8]||(d[8]=p=>g.$emit("zone-height-commit",p)),onCloneElement:d[9]||(d[9]=(p,E)=>g.$emit("clone-element",p,E))},null,8,["template-data","runtime-elements","scale","show-grid","snap-to-grid","show-table-ghost-border","guides"]),t.overlayVisible&&t.screenshotUrl?(e.openBlock(),e.createElementBlock("div",na,[e.createElementVNode("img",{src:t.screenshotUrl,class:"overlay-image",style:e.normalizeStyle({opacity:t.overlayOpacity??.5})},null,12,la)])):e.createCommentVNode("",!0)]),t.showRuler?(e.openBlock(),e.createElementBlock("div",{key:0,class:"ruler-overlay",style:e.normalizeStyle(v.value)},[d[25]||(d[25]=e.createElementVNode("div",{class:"ruler-corner"},null,-1)),e.createVNode(Vt,{orientation:"horizontal","viewport-px":c.viewW,"origin-px":c.originX,"paper-length-m-m":i.value,scale:c.paperScale,"cursor-px":u.x,onAddGuide:d[10]||(d[10]=(p,E)=>n("add-guide",p,E)),onGuideDragging:d[11]||(d[11]=p=>Y("vertical",p))},null,8,["viewport-px","origin-px","paper-length-m-m","scale","cursor-px"]),e.createVNode(Vt,{orientation:"vertical","viewport-px":c.viewH,"origin-px":c.originY,"paper-length-m-m":s.value,scale:c.paperScale,"cursor-px":u.y,onAddGuide:d[12]||(d[12]=(p,E)=>n("add-guide",p,E)),onGuideDragging:d[13]||(d[13]=p=>Y("horizontal",p))},null,8,["viewport-px","origin-px","paper-length-m-m","scale","cursor-px"])],4)):e.createCommentVNode("",!0),A.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["ruler-guide-preview",`guide-${A.value.type}`]),style:e.normalizeStyle(j.value)},null,6)):e.createCommentVNode("",!0),H.visible?(e.openBlock(),e.createElementBlock("div",{key:2,class:"marquee-selection",style:e.normalizeStyle({left:H.x+"px",top:H.y+"px",width:H.w+"px",height:H.h+"px"})},null,4)):e.createCommentVNode("",!0),K.visible?(e.openBlock(),e.createElementBlock("div",{key:3,class:"context-menu",style:e.normalizeStyle({left:K.x+"px",top:K.y+"px"})},[K.targetId?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",{class:"context-menu-item",onClick:d[14]||(d[14]=p=>_("copy"))},"复制"),e.createElementVNode("div",{class:"context-menu-item",onClick:d[15]||(d[15]=p=>_("cut"))},"剪切"),e.createElementVNode("div",{class:e.normalizeClass(["context-menu-item",{disabled:!t.hasClipboard}]),onClick:d[16]||(d[16]=p=>_("paste"))},"粘贴",2),e.createElementVNode("div",{class:"context-menu-item",onClick:d[17]||(d[17]=p=>_("delete"))},"删除"),d[26]||(d[26]=e.createElementVNode("div",{class:"context-menu-sep"},null,-1)),e.createElementVNode("div",{class:"context-menu-item",onClick:d[18]||(d[18]=p=>_("move-layer","top"))},"置顶"),e.createElementVNode("div",{class:"context-menu-item",onClick:d[19]||(d[19]=p=>_("move-layer","up"))},"上移"),e.createElementVNode("div",{class:"context-menu-item",onClick:d[20]||(d[20]=p=>_("move-layer","down"))},"下移"),e.createElementVNode("div",{class:"context-menu-item",onClick:d[21]||(d[21]=p=>_("move-layer","bottom"))},"置底"),d[27]||(d[27]=e.createElementVNode("div",{class:"context-menu-sep"},null,-1)),e.createElementVNode("div",{class:"context-menu-item",onClick:d[22]||(d[22]=p=>_("group"))},"编组 Ctrl+G"),e.createElementVNode("div",{class:e.normalizeClass(["context-menu-item",{disabled:!t.selectedElementHasGroup}]),onClick:d[23]||(d[23]=p=>_("ungroup"))},"取消编组 Ctrl+Shift+G",2)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",{class:e.normalizeClass(["context-menu-item",{disabled:!t.hasClipboard}]),onClick:se},"粘贴",2),e.createElementVNode("div",{class:"context-menu-item",onClick:re},"全选"),e.createElementVNode("div",{class:"context-menu-item",onClick:ae},"取消选择")],64))],4)):e.createCommentVNode("",!0)],544))}}),ia=Q(aa,[["__scopeId","data-v-b9af7f23"]]),ra=[{group:"position-size",groupLabel:"位置与尺寸",items:[{key:"ps-left",keywords:["X","横坐标","left","位置"]},{key:"ps-top",keywords:["Y","纵坐标","top","位置"]},{key:"ps-width",keywords:["W","宽度","width","尺寸"]},{key:"ps-height",keywords:["H","高度","height","尺寸"]}]},{group:"appearance",groupLabel:"外观",items:[{key:"ap-font-size",keywords:["字体大小","fontsize","字号"]},{key:"ap-font-weight",keywords:["字体粗细","粗体","bold"]},{key:"ap-align",keywords:["对齐","align"]},{key:"ap-vertical-align",keywords:["垂直对齐","verticalalign","顶对齐","底对齐"]},{key:"ap-color",keywords:["颜色","color"]},{key:"ap-bg-color",keywords:["背景色","background"]},{key:"ap-line-height",keywords:["行高","lineheight"]},{key:"ap-letter-spacing",keywords:["字间距","letterspacing"]}]},{group:"content",groupLabel:"内容",items:[{key:"ct-title",keywords:["内容","文本","title"]},{key:"ct-formatter",keywords:["格式化","表达式","formatter"]},{key:"ct-table-mode",keywords:["数据模式","静态布局","动态数据"]},{key:"ct-table-source",keywords:["数据源","列表字段"]},{key:"ct-table-font",keywords:["默认字号","默认颜色","默认内边距"]},{key:"ct-table-cols",keywords:["列宽","表格列"]}]},{group:"border-bg",groupLabel:"边框与背景",items:[{key:"bb-border-width",keywords:["边框宽度","border"]},{key:"bb-border-color",keywords:["边框颜色"]},{key:"bb-bg-color",keywords:["背景色","background"]}]},{group:"binding",groupLabel:"字段绑定",items:[{key:"bd-formatter",keywords:["格式化","表达式","formatter","fx","字段","绑定","field"]},{key:"bd-content",keywords:["内容","表达式","文本","变量"]}]},{group:"pagination",groupLabel:"分页",items:[{key:"pg-enabled",keywords:["分页","pagination","启用分页"]},{key:"pg-pageable",keywords:["参与分页","pageable"]},{key:"pg-keep-with-next",keywords:["同页","keepWithNext"]}]},{group:"advanced",groupLabel:"高级",items:[{key:"ad-locked",keywords:["锁定","lock"]},{key:"ad-fixed",keywords:["每页重复","repeat"]},{key:"ad-z-index",keywords:["层级","zindex"]},{key:"ad-delete",keywords:["删除"]}]}];function sa(t,l){const o=t.trim().toLowerCase();return o?l.some(n=>n.toLowerCase().includes(o)):!0}function da(t){const l=[],o=new Set;for(const n of ra){const a=n.items.filter(r=>sa(t,[...r.keywords,n.groupLabel]));if(a.length>0){l.push(n.group);for(const r of a)o.add(r.key)}}return{groups:l,itemKeys:o}}const ca={class:"property-search"},ua=e.defineComponent({__name:"PropertySearch",emits:["search"],setup(t,{emit:l}){const o=e.ref(""),n=l;function a(){n("search",o.value)}return(r,i)=>(e.openBlock(),e.createElementBlock("div",ca,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":i[0]||(i[0]=s=>o.value=s),class:"pd-input",type:"search",placeholder:"搜索属性...","aria-label":"搜索属性",onInput:a},null,544),[[e.vModelText,o.value]])]))}}),ma=Q(ua,[["__scopeId","data-v-10ab6c84"]]),pa={class:"group-icon"},fa={class:"group-title"},va={class:"expand-icon"},ga={class:"group-content"},ha=e.defineComponent({__name:"PropertyGroup",props:{title:{},icon:{},defaultExpanded:{type:Boolean},groupKey:{}},setup(t){const l=t,o=e.ref(l.defaultExpanded??!0),a={Document:"≡",Brush:"◧",Setting:"⚙"}[l.icon]||"•";function r(){o.value=!o.value,i()}function i(){const c=`property-group-${l.groupKey}`;try{localStorage.setItem(c,String(o.value))}catch{}}function s(){const c=`property-group-${l.groupKey}`;try{const u=localStorage.getItem(c);u!==null&&(o.value=u==="true")}catch{}}return e.onMounted(()=>{s()}),(c,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["property-group",{"is-expanded":o.value}])},[e.createElementVNode("div",{class:"group-header",onClick:r},[e.createElementVNode("span",pa,e.toDisplayString(e.unref(a)),1),e.createElementVNode("span",fa,e.toDisplayString(t.title),1),e.createElementVNode("span",va,e.toDisplayString(o.value?"▾":"▸"),1)]),e.withDirectives(e.createElementVNode("div",ga,[e.renderSlot(c.$slots,"default",{},void 0,!0)],512),[[e.vShow,o.value]])],2))}}),ye=Q(ha,[["__scopeId","data-v-2ba57031"]]),ba={class:"pd-stepper"},ya=["disabled"],ka=["value","placeholder","min","max","step"],Ea=["disabled"],wa=e.defineComponent({__name:"StepperInput",props:{modelValue:{},min:{},max:{},step:{default:1},placeholder:{}},emits:["update:modelValue"],setup(t,{emit:l}){const o=t,n=l,a=e.computed(()=>{const B=String(o.step),$=B.indexOf(".");return $===-1?0:B.length-$-1});function r(B){return Number.isFinite(B)?Number(B.toFixed(a.value)):0}const i=e.computed(()=>{const B=o.modelValue;if(!(B==null||!Number.isFinite(B)))return r(B)}),s=e.ref(i.value===void 0?"":String(i.value));e.watch(i,B=>{s.value=B===void 0?"":String(B)});const c=e.computed(()=>i.value!==void 0?i.value:o.min!==void 0?o.min:0),u=e.computed(()=>o.min!==void 0&&c.value<=o.min),f=e.computed(()=>o.max!==void 0&&c.value>=o.max);function v(B){let $=r(B);return o.min!==void 0&&$<o.min&&($=o.min),o.max!==void 0&&$>o.max&&($=o.max),$}function h(B){if(B<0&&u.value||B>0&&f.value)return;const $=v(c.value+B*o.step);s.value=String($),n("update:modelValue",$)}function L(B){s.value=B.target.value}function R(){const B=s.value.trim();if(B===""){i.value!==void 0&&(s.value=String(i.value));return}const $=Number(B);if(!Number.isFinite($)){s.value=i.value===void 0?"":String(i.value);return}const A=v($);s.value=String(A),A!==i.value&&n("update:modelValue",A)}return(B,$)=>(e.openBlock(),e.createElementBlock("div",ba,[e.createElementVNode("button",{type:"button",class:"pd-step-btn pd-step-minus",disabled:u.value,title:"减小","aria-label":"减小",onClick:$[0]||($[0]=A=>h(-1))},"−",8,ya),e.createElementVNode("input",{type:"number",class:"pd-input pd-step-input",value:s.value,placeholder:t.placeholder,min:t.min,max:t.max,step:t.step,onInput:L,onChange:R,onBlur:R,onKeydown:$[1]||($[1]=e.withKeys(e.withModifiers(A=>A.target.blur(),["prevent"]),["enter"]))},null,40,ka),e.createElementVNode("button",{type:"button",class:"pd-step-btn pd-step-plus",disabled:f.value,title:"增大","aria-label":"增大",onClick:$[2]||($[2]=A=>h(1))},"+",8,Ea)]))}}),le=Q(wa,[["__scopeId","data-v-9722a7cf"]]),Va={class:"position-grid"},Na={class:"pd-field"},Ca={class:"pd-field"},Sa={class:"pd-field"},$a={class:"pd-field"},Ma=e.defineComponent({__name:"PositionSizeGroup",props:{element:{},matchedKeys:{},searching:{type:Boolean}},setup(t){const l=t;function o(n){return l.searching?l.matchedKeys?.has(n)??!0:!0}return(n,a)=>(e.openBlock(),e.createBlock(ye,{title:"位置与尺寸",icon:"Location","default-expanded":"","group-key":"position-size"},{default:e.withCtx(()=>[e.createElementVNode("form",{class:"pd-form",onSubmit:a[4]||(a[4]=e.withModifiers(()=>{},["prevent"]))},[e.createElementVNode("div",Va,[e.withDirectives(e.createElementVNode("div",Na,[a[5]||(a[5]=e.createElementVNode("span",{class:"pd-label"},"X",-1)),e.createVNode(le,{modelValue:t.element.options.left,"onUpdate:modelValue":a[0]||(a[0]=r=>t.element.options.left=r),min:0},null,8,["modelValue"])],512),[[e.vShow,o("ps-left")]]),e.withDirectives(e.createElementVNode("div",Ca,[a[6]||(a[6]=e.createElementVNode("span",{class:"pd-label"},"Y",-1)),e.createVNode(le,{modelValue:t.element.options.top,"onUpdate:modelValue":a[1]||(a[1]=r=>t.element.options.top=r),min:0},null,8,["modelValue"])],512),[[e.vShow,o("ps-top")]]),e.withDirectives(e.createElementVNode("div",Sa,[a[7]||(a[7]=e.createElementVNode("span",{class:"pd-label"},"W",-1)),e.createVNode(le,{modelValue:t.element.options.width,"onUpdate:modelValue":a[2]||(a[2]=r=>t.element.options.width=r),min:4},null,8,["modelValue"])],512),[[e.vShow,o("ps-width")]]),e.withDirectives(e.createElementVNode("div",$a,[a[8]||(a[8]=e.createElementVNode("span",{class:"pd-label"},"H",-1)),e.createVNode(le,{modelValue:t.element.options.height,"onUpdate:modelValue":a[3]||(a[3]=r=>t.element.options.height=r),min:4},null,8,["modelValue"])],512),[[e.vShow,o("ps-height")]])])],32)]),_:1}))}}),xa=Q(Ma,[["__scopeId","data-v-572d7719"]]),Ba=["#000000","#333333","#666666","#999999","#cccccc","#ffffff","#e53935","#fb8c00","#1e88e5","#43a047","#8d6e63","#00acc1"],Da=["aria-expanded","title"],Ta={class:"picker-preview"},za={class:"preset-color-grid"},La=["title","aria-label","onClick"],Pa=e.defineComponent({__name:"PresetColorPicker",props:{modelValue:{}},emits:["update:modelValue"],setup(t,{emit:l}){const o=t,n=l,a=e.ref(!1),r=e.ref(),i=e.ref(),s=e.ref(),c=e.ref({}),u=e.ref(0),f=e.ref(0),v=e.ref(0),h=e.ref("#000000"),L=e.ref(!1),R=e.computed({get:()=>o.modelValue||"#000000",set:g=>n("update:modelValue",g)}),B=e.computed(()=>te(re(u.value,f.value,v.value))),$=e.computed({get:()=>Math.round(u.value),set:g=>I(ae(g),f.value,v.value)});e.watch(R,j,{immediate:!0});function A(g){h.value=g.toUpperCase(),j(g),n("update:modelValue",g)}function Y(g){const p=g.target.value.trim();K(p)&&(j(p),n("update:modelValue",J(p)))}function j(g){const d=K(g);if(!d)return;const p=se(d.r,d.g,d.b);u.value=p.h,f.value=p.s,v.value=p.v,h.value=J(g).toUpperCase()}function I(g,d,p){u.value=ae(g),f.value=_(d),v.value=_(p),h.value=B.value.toUpperCase(),n("update:modelValue",B.value)}function G(g){g.currentTarget.setPointerCapture(g.pointerId),L.value=!0,C(g)}function H(g){L.value&&C(g)}function T(g){L.value=!1;const d=g.currentTarget;d.hasPointerCapture(g.pointerId)&&d.releasePointerCapture(g.pointerId)}function C(g){const d=s.value;if(!d)return;const p=d.getBoundingClientRect(),E=_((g.clientX-p.left)/p.width),N=_(1-(g.clientY-p.top)/p.height);I(u.value,E,N)}function S(g){const d=g.shiftKey?.1:.02;let p=!0;g.key==="ArrowLeft"?I(u.value,f.value-d,v.value):g.key==="ArrowRight"?I(u.value,f.value+d,v.value):g.key==="ArrowUp"?I(u.value,f.value,v.value+d):g.key==="ArrowDown"?I(u.value,f.value,v.value-d):p=!1,p&&g.preventDefault()}function x(){a.value?z():D()}async function D(){const g=r.value;if(!g)return;j(R.value),a.value=!0,await e.nextTick();const d=g.getBoundingClientRect(),p=190,E=i.value?.offsetHeight??216,N=8,P=Math.min(d.left,window.innerWidth-p-N),w=d.bottom+6,V=w+E>window.innerHeight-N?Math.max(N,d.top-E-6):w;c.value={left:`${Math.max(N,P)}px`,top:`${V}px`}}function z(){a.value=!1}function m(g){const d=g.target;r.value?.contains(d)||i.value?.contains(d)||z()}function y(){a.value&&z()}function F(g){g.key==="Escape"&&a.value&&z()}function K(g){const d=/^#?([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(g.trim());if(!d)return null;const p=d[1],E=p.length===3?p.split("").map(N=>N+N).join(""):p;return{r:Number.parseInt(E.slice(0,2),16),g:Number.parseInt(E.slice(2,4),16),b:Number.parseInt(E.slice(4,6),16)}}function J(g){const d=K(g);return d?te(d):"#000000"}function te({r:g,g:d,b:p}){return`#${[g,d,p].map(E=>Math.round(_(E/255)*255).toString(16).padStart(2,"0")).join("")}`}function se(g,d,p){const E=g/255,N=d/255,P=p/255,w=Math.max(E,N,P),V=Math.min(E,N,P),M=w-V;let b=0;return M!==0&&(w===E?b=(N-P)/M%6:w===N?b=(P-E)/M+2:b=(E-N)/M+4,b*=60,b<0&&(b+=360)),{h:b,s:w===0?0:M/w,v:w}}function re(g,d,p){const E=p*d,N=(g%360+360)%360/60,P=E*(1-Math.abs(N%2-1)),[w,V,M]=N<1?[E,P,0]:N<2?[P,E,0]:N<3?[0,E,P]:N<4?[0,P,E]:N<5?[P,0,E]:[E,0,P],b=p-E;return{r:(w+b)*255,g:(V+b)*255,b:(M+b)*255}}function ae(g){return((Number.isFinite(g)?g:0)%360+360)%360}function _(g){return Math.min(1,Math.max(0,Number.isFinite(g)?g:0))}return e.onMounted(()=>{document.addEventListener("pointerdown",m,!0),window.addEventListener("scroll",y,!0),window.addEventListener("resize",y),document.addEventListener("keydown",F)}),e.onBeforeUnmount(()=>{document.removeEventListener("pointerdown",m,!0),window.removeEventListener("scroll",y,!0),window.removeEventListener("resize",y),document.removeEventListener("keydown",F)}),(g,d)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("button",{ref_key:"triggerRef",ref:r,type:"button",class:"preset-color-trigger","aria-expanded":a.value,"aria-haspopup":"dialog",title:t.modelValue||"自动",onClick:x},[e.createElementVNode("span",{class:"preset-color-swatch",style:e.normalizeStyle({background:R.value})},null,4)],8,Da),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[a.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"panelRef",ref:i,class:"preset-color-panel",role:"dialog","aria-label":"颜色选择",style:e.normalizeStyle(c.value),onPointerdown:d[2]||(d[2]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("div",Ta,[e.createElementVNode("span",{class:"picker-current",style:e.normalizeStyle({background:B.value})},null,4),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":d[0]||(d[0]=p=>h.value=p),class:"picker-hex",type:"text",maxlength:"7",spellcheck:"false","aria-label":"颜色值",onInput:Y},null,544),[[e.vModelText,h.value]])]),e.createElementVNode("div",{ref_key:"areaRef",ref:s,class:"picker-area",style:e.normalizeStyle({"--picker-hue":`${Math.round(u.value)}deg`}),"aria-label":"自定义颜色",tabindex:"0",onPointerdown:G,onPointermove:H,onPointerup:T,onPointercancel:T,onKeydown:S},[e.createElementVNode("span",{class:"picker-handle",style:e.normalizeStyle({left:`${f.value*100}%`,top:`${(1-v.value)*100}%`,background:B.value})},null,4)],36),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":d[1]||(d[1]=p=>$.value=p),class:"picker-hue",type:"range",min:"0",max:"360",step:"1","aria-label":"色相"},null,512),[[e.vModelText,$.value,void 0,{number:!0}]]),d[3]||(d[3]=e.createElementVNode("div",{class:"picker-heading"},"常用颜色",-1)),e.createElementVNode("div",za,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(Ba),p=>(e.openBlock(),e.createElementBlock("button",{key:p,type:"button",class:e.normalizeClass(["preset-color-item",{active:p.toLowerCase()===B.value.toLowerCase()}]),style:e.normalizeStyle({background:p}),title:p,"aria-label":p,onClick:E=>A(p)},null,14,La))),128))])],36)):e.createCommentVNode("",!0)]))],64))}}),be=Q(Pa,[["__scopeId","data-v-db3c3d71"]]),Aa={class:"pd-field"},Ia={class:"pd-field"},Ra={class:"pd-field"},Ha={class:"pd-radio-group",role:"radiogroup"},Ua={class:"pd-radio"},Fa={class:"pd-radio"},Oa={class:"pd-radio"},Ga={class:"pd-field"},qa={class:"pd-radio-group",role:"radiogroup"},Wa={class:"pd-radio"},Ka={class:"pd-radio"},Ya={class:"pd-radio"},Xa={class:"color-row"},ja={class:"pd-field"},Ja={class:"pd-field"},Za={class:"pd-field"},Qa={class:"pd-field"},_a={key:1,class:"pd-empty"},ei=e.defineComponent({__name:"AppearanceGroup",props:{element:{},isTextType:{type:Boolean},matchedKeys:{},searching:{type:Boolean}},setup(t){const l=t;function o(a){return l.searching?l.matchedKeys?.has(a)??!0:!0}const n=e.computed(()=>l.element.printElementType.type==="table");return(a,r)=>(e.openBlock(),e.createBlock(ye,{title:"外观",icon:"Brush","default-expanded":"","group-key":"appearance"},{default:e.withCtx(()=>[e.createElementVNode("form",{class:"pd-form",onSubmit:r[12]||(r[12]=e.withModifiers(()=>{},["prevent"]))},[t.isTextType?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.withDirectives(e.createElementVNode("div",Aa,[r[13]||(r[13]=e.createElementVNode("span",{class:"pd-label"},"字体大小",-1)),e.createVNode(le,{modelValue:t.element.options.fontSize,"onUpdate:modelValue":r[0]||(r[0]=i=>t.element.options.fontSize=i),min:8,max:72},null,8,["modelValue"])],512),[[e.vShow,o("ap-font-size")]]),e.withDirectives(e.createElementVNode("div",Ia,[r[15]||(r[15]=e.createElementVNode("span",{class:"pd-label"},"字体粗细",-1)),e.withDirectives(e.createElementVNode("select",{class:"pd-select","onUpdate:modelValue":r[1]||(r[1]=i=>t.element.options.fontWeight=i),style:{width:"100%"}},[...r[14]||(r[14]=[e.createElementVNode("option",{value:"normal"},"正常",-1),e.createElementVNode("option",{value:"bold"},"粗体",-1),e.createElementVNode("option",{value:"bolder"},"更粗",-1),e.createElementVNode("option",{value:"lighter"},"细体",-1)])],512),[[e.vModelSelect,t.element.options.fontWeight]])],512),[[e.vShow,o("ap-font-weight")]]),e.withDirectives(e.createElementVNode("div",Ra,[r[19]||(r[19]=e.createElementVNode("span",{class:"pd-label"},"对齐",-1)),e.createElementVNode("div",Ha,[e.createElementVNode("label",Ua,[e.withDirectives(e.createElementVNode("input",{type:"radio","onUpdate:modelValue":r[2]||(r[2]=i=>t.element.options.textAlign=i),value:"left"},null,512),[[e.vModelRadio,t.element.options.textAlign]]),r[16]||(r[16]=e.createElementVNode("span",null,"左",-1))]),e.createElementVNode("label",Fa,[e.withDirectives(e.createElementVNode("input",{type:"radio","onUpdate:modelValue":r[3]||(r[3]=i=>t.element.options.textAlign=i),value:"center"},null,512),[[e.vModelRadio,t.element.options.textAlign]]),r[17]||(r[17]=e.createElementVNode("span",null,"中",-1))]),e.createElementVNode("label",Oa,[e.withDirectives(e.createElementVNode("input",{type:"radio","onUpdate:modelValue":r[4]||(r[4]=i=>t.element.options.textAlign=i),value:"right"},null,512),[[e.vModelRadio,t.element.options.textAlign]]),r[18]||(r[18]=e.createElementVNode("span",null,"右",-1))])])],512),[[e.vShow,o("ap-align")]]),e.withDirectives(e.createElementVNode("div",Ga,[r[23]||(r[23]=e.createElementVNode("span",{class:"pd-label"},"垂直对齐",-1)),e.createElementVNode("div",qa,[e.createElementVNode("label",Wa,[e.withDirectives(e.createElementVNode("input",{type:"radio","onUpdate:modelValue":r[5]||(r[5]=i=>t.element.options.verticalAlign=i),value:"top"},null,512),[[e.vModelRadio,t.element.options.verticalAlign]]),r[20]||(r[20]=e.createElementVNode("span",null,"顶",-1))]),e.createElementVNode("label",Ka,[e.withDirectives(e.createElementVNode("input",{type:"radio","onUpdate:modelValue":r[6]||(r[6]=i=>t.element.options.verticalAlign=i),value:"middle"},null,512),[[e.vModelRadio,t.element.options.verticalAlign]]),r[21]||(r[21]=e.createElementVNode("span",null,"中",-1))]),e.createElementVNode("label",Ya,[e.withDirectives(e.createElementVNode("input",{type:"radio","onUpdate:modelValue":r[7]||(r[7]=i=>t.element.options.verticalAlign=i),value:"bottom"},null,512),[[e.vModelRadio,t.element.options.verticalAlign]]),r[22]||(r[22]=e.createElementVNode("span",null,"底",-1))])])],512),[[e.vShow,o("ap-vertical-align")]]),e.createElementVNode("div",Xa,[e.withDirectives(e.createElementVNode("div",ja,[r[24]||(r[24]=e.createElementVNode("span",{class:"pd-label"},"颜色",-1)),e.createVNode(be,{modelValue:t.element.options.color,"onUpdate:modelValue":r[8]||(r[8]=i=>t.element.options.color=i)},null,8,["modelValue"])],512),[[e.vShow,o("ap-color")]]),e.withDirectives(e.createElementVNode("div",Ja,[r[25]||(r[25]=e.createElementVNode("span",{class:"pd-label"},"背景色",-1)),e.createVNode(be,{modelValue:t.element.options.backgroundColor,"onUpdate:modelValue":r[9]||(r[9]=i=>t.element.options.backgroundColor=i)},null,8,["modelValue"])],512),[[e.vShow,o("ap-bg-color")]])]),e.withDirectives(e.createElementVNode("div",Za,[r[26]||(r[26]=e.createElementVNode("span",{class:"pd-label"},"行高",-1)),e.createVNode(le,{modelValue:t.element.options.lineHeight,"onUpdate:modelValue":r[10]||(r[10]=i=>t.element.options.lineHeight=i),min:0,max:100},null,8,["modelValue"])],512),[[e.vShow,o("ap-line-height")]]),e.withDirectives(e.createElementVNode("div",Qa,[r[27]||(r[27]=e.createElementVNode("span",{class:"pd-label"},"字间距",-1)),e.createVNode(le,{modelValue:t.element.options.letterSpacing,"onUpdate:modelValue":r[11]||(r[11]=i=>t.element.options.letterSpacing=i),min:0,max:20,step:.5},null,8,["modelValue"])],512),[[e.vShow,o("ap-letter-spacing")]])],64)):e.createCommentVNode("",!0),!t.isTextType&&!n.value?(e.openBlock(),e.createElementBlock("p",_a,"当前元素不支持外观设置")):e.createCommentVNode("",!0)],32)]),_:1}))}}),ti=Q(ei,[["__scopeId","data-v-2b604a48"]]),oi={class:"pd-dialog pd-dialog-large",role:"dialog","aria-modal":"true","aria-labelledby":"expression-editor-title"},ni={class:"pd-dialog-header"},li={class:"expression-editor"},ai={class:"ee-nav"},ii={class:"ee-nav-tabs"},ri={class:"ee-content"},si={class:"ee-content-search"},di=["placeholder"],ci={class:"ee-content-list"},ui={class:"ee-field-group-icon"},mi=["onDblclick"],pi={class:"ee-field-info"},fi={class:"ee-item-label"},vi={class:"ee-item-key"},gi={key:0,class:"pd-empty"},hi=["onDblclick"],bi={class:"ee-field-info"},yi={class:"ee-item-label"},ki={class:"ee-item-key"},Ei={class:"ee-func-group"},wi=["onDblclick"],Vi={class:"ee-field-info"},Ni={class:"ee-item-label"},Ci={class:"ee-item-key"},Si={class:"ee-func-group"},$i=["onDblclick"],Mi={class:"ee-field-info"},xi={class:"ee-item-label"},Bi={class:"ee-item-key"},Di={class:"ee-editor"},Ti={class:"ee-editor-section"},zi={class:"ee-editor-section"},Li={class:"pd-dialog-footer"},Pi=e.defineComponent({__name:"ExpressionEditor",props:{modelValue:{type:Boolean},expression:{},fields:{}},emits:["update:modelValue","update:expression"],setup(t,{emit:l}){const o=t,n=l,a=e.computed({get:()=>o.modelValue,set:C=>n("update:modelValue",C)}),r=e.ref("field"),i=e.computed(()=>{switch(r.value){case"field":return"搜索字段...";case"variable":return"搜索变量...";case"function":return"搜索函数...";default:return"搜索..."}}),s=e.ref(""),c=e.computed(()=>Ut(Ht(o.fields??[]),s.value));e.watch(a,C=>{C&&($.value=o.expression||"")});function u(C){const{insideParens:S}=h();H(S?C.fieldKey:`{${C.fieldKey}}`)}function f(C){const{insideParens:S}=h();H(S?C.template.replace(/^\{|\}$/g,""):C.template)}function v(C){const{insideBlock:S}=h(),x=S?C.template:`{${C.template}}`,D=x.indexOf("(")+1;H(x,D)}function h(){const S=A.value?.selectionStart??$.value.length,x=$.value.substring(0,S);let D=!1;const z=x.lastIndexOf("{");z!==-1&&!x.slice(z+1).includes("}")&&(D=!0);let m=!1;const y=x.lastIndexOf("(");return y!==-1&&!x.slice(y+1).includes(")")&&(m=!0),{insideBlock:D,insideParens:m}}const L=e.computed(()=>{if(!s.value.trim())return I;const C=s.value.trim().toLowerCase();return I.filter(S=>S.label.toLowerCase().includes(C)||S.name.toLowerCase().includes(C))}),R=e.computed(()=>{if(!s.value.trim())return Y;const C=s.value.trim().toLowerCase();return Y.filter(S=>S.label.toLowerCase().includes(C)||S.name.toLowerCase().includes(C))}),B=e.computed(()=>{if(!s.value.trim())return j;const C=s.value.trim().toLowerCase();return j.filter(S=>S.label.toLowerCase().includes(C)||S.name.toLowerCase().includes(C))}),$=e.ref(o.expression||""),A=e.ref(null);e.watch(()=>o.expression,C=>{$.value=C||""});const Y=[{name:"SUM",label:"求和",template:"SUM()"},{name:"AVG",label:"平均值",template:"AVG()"},{name:"COUNT",label:"计数",template:"COUNT()"},{name:"MIN",label:"最小值",template:"MIN()"},{name:"MAX",label:"最大值",template:"MAX()"}],j=[{name:"MONEY",label:"金额格式化",template:"MONEY()"},{name:"DATE",label:"日期格式化",template:"DATE()"},{name:"UPPER",label:"大写金额",template:"UPPER()"},{name:"IF",label:"条件判断",template:"IF()"}],I=[{name:"pageIndex",label:"当前页码",template:"{pageIndex}"},{name:"totalPages",label:"总页数",template:"{totalPages}"},{name:"printDate",label:"打印日期",template:"{printDate}"},{name:"printTime",label:"打印时间",template:"{printTime}"}],G=e.computed(()=>{if(!$.value.trim())return"(输入表达式后预览)";try{const C={...fe,pageIndex:1,totalPages:1,printDate:new Date().toISOString().split("T")[0],printTime:Date.now()},S=$e($.value,C);return S==null?"(无法计算)":String(S)}catch{return"(表达式错误)"}});function H(C,S=C.length){const x=A.value;if(!x){$.value+=C;return}const D=x.selectionStart,z=x.selectionEnd,m=$.value.substring(0,D),y=$.value.substring(z);$.value=m+C+y;const F=D+S;e.nextTick(()=>{x.focus(),x.selectionStart=x.selectionEnd=F})}function T(){n("update:expression",$.value),a.value=!1}return(C,S)=>a.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"pd-dialog-overlay",onKeydown:S[7]||(S[7]=e.withKeys(x=>a.value=!1,["esc"]))},[e.createElementVNode("section",oi,[e.createElementVNode("header",ni,[S[8]||(S[8]=e.createElementVNode("strong",{id:"expression-editor-title"},"编辑表达式",-1)),e.createElementVNode("button",{type:"button",class:"pd-close","aria-label":"关闭",onClick:S[0]||(S[0]=x=>a.value=!1)},"×")]),e.createElementVNode("div",li,[e.createElementVNode("div",ai,[S[9]||(S[9]=e.createElementVNode("div",{class:"ee-nav-title"},"类型",-1)),e.createElementVNode("div",ii,[e.createElementVNode("div",{class:e.normalizeClass(["ee-nav-tab",{active:r.value==="field"}]),onClick:S[1]||(S[1]=x=>r.value="field")}," 📁 字段 ",2),e.createElementVNode("div",{class:e.normalizeClass(["ee-nav-tab",{active:r.value==="variable"}]),onClick:S[2]||(S[2]=x=>r.value="variable")}," 🔧 变量 ",2),e.createElementVNode("div",{class:e.normalizeClass(["ee-nav-tab",{active:r.value==="function"}]),onClick:S[3]||(S[3]=x=>r.value="function")}," ⚡ 函数 ",2)])]),e.createElementVNode("div",ri,[e.createElementVNode("div",si,[e.withDirectives(e.createElementVNode("input",{class:"pd-input","onUpdate:modelValue":S[4]||(S[4]=x=>s.value=x),placeholder:i.value},null,8,di),[[e.vModelText,s.value]])]),e.createElementVNode("div",ci,[r.value==="field"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,x=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:x.key||"_top"},[x.key?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["ee-field-group",{"is-list":x.isList}])},[e.createElementVNode("span",ui,e.toDisplayString(x.isList?"📋":"📁"),1),e.createElementVNode("span",null,e.toDisplayString(x.label),1)],2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(x.fields,D=>(e.openBlock(),e.createElementBlock("div",{key:D.fieldKey,class:"ee-list-item ee-field-item",style:e.normalizeStyle({paddingLeft:x.key?"22px":"10px"}),onDblclick:z=>u(D)},[e.createElementVNode("div",pi,[e.createElementVNode("span",fi,e.toDisplayString(D.fieldLabel),1),e.createElementVNode("span",vi,e.toDisplayString(D.fieldKey),1)])],44,mi))),128))],64))),128)),c.value.length===0?(e.openBlock(),e.createElementBlock("p",gi,"暂无字段")):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),r.value==="variable"?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(L.value,x=>(e.openBlock(),e.createElementBlock("div",{key:x.name,class:"ee-list-item",onDblclick:D=>f(x)},[e.createElementVNode("div",bi,[e.createElementVNode("span",yi,e.toDisplayString(x.label),1),e.createElementVNode("span",ki,e.toDisplayString(x.template),1)])],40,hi))),128)):e.createCommentVNode("",!0),r.value==="function"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createElementVNode("div",Ei,[S[10]||(S[10]=e.createElementVNode("div",{class:"ee-func-group-title"},"聚合函数",-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(R.value,x=>(e.openBlock(),e.createElementBlock("div",{key:x.name,class:"ee-list-item",onDblclick:D=>v(x)},[e.createElementVNode("div",Vi,[e.createElementVNode("span",Ni,e.toDisplayString(x.label),1),e.createElementVNode("span",Ci,e.toDisplayString(x.name)+"()",1)])],40,wi))),128))]),e.createElementVNode("div",Si,[S[11]||(S[11]=e.createElementVNode("div",{class:"ee-func-group-title"},"格式化函数",-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(B.value,x=>(e.openBlock(),e.createElementBlock("div",{key:x.name,class:"ee-list-item",onDblclick:D=>v(x)},[e.createElementVNode("div",Mi,[e.createElementVNode("span",xi,e.toDisplayString(x.label),1),e.createElementVNode("span",Bi,e.toDisplayString(x.name)+"()",1)])],40,$i))),128))])],64)):e.createCommentVNode("",!0)])]),e.createElementVNode("div",Di,[e.createElementVNode("div",Ti,[S[12]||(S[12]=e.createElementVNode("div",{class:"ee-editor-title"},"表达式编辑",-1)),e.withDirectives(e.createElementVNode("textarea",{ref_key:"textareaRef",ref:A,"onUpdate:modelValue":S[5]||(S[5]=x=>$.value=x),class:"ee-textarea",rows:"6",placeholder:"双击左侧字段/变量/函数插入,或直接输入静态内容"},null,512),[[e.vModelText,$.value]])]),e.createElementVNode("div",zi,[S[13]||(S[13]=e.createElementVNode("div",{class:"ee-editor-title"},"预览结果",-1)),e.createElementVNode("div",{class:e.normalizeClass(["ee-preview",{"ee-preview-error":G.value==="(表达式错误)"}])},e.toDisplayString(G.value),3)]),S[14]||(S[14]=e.createStaticVNode('<div class="ee-help-section" data-v-86008c29><div class="ee-help-title" data-v-86008c29>帮助信息</div><div class="ee-help-grid" data-v-86008c29><div class="ee-help-card ee-help-field" data-v-86008c29><div class="ee-help-card-title" data-v-86008c29>输入方式</div><div class="ee-help-card-content" data-v-86008c29> 双击左侧字段、变量、函数即可插入到表达式输入框中<br data-v-86008c29> 静态数据直接输入即可,如:供应商名称<br data-v-86008c29> 动态解析字段、变量、函数必须用 {} 包裹<br data-v-86008c29> 示例:{SUM(supplier.name)}<br data-v-86008c29> 注意:只能嵌套一层 </div></div><div class="ee-help-card ee-help-function" data-v-86008c29><div class="ee-help-card-title" data-v-86008c29>函数使用</div><div class="ee-help-card-content" data-v-86008c29> SUM(字段) - 求和<br data-v-86008c29> AVG(字段) - 平均值<br data-v-86008c29> COUNT(字段) - 计数<br data-v-86008c29> IF(条件, 真值, 假值) - 条件判断 </div></div><div class="ee-help-card ee-help-variable" data-v-86008c29><div class="ee-help-card-title" data-v-86008c29>系统变量</div><div class="ee-help-card-content" data-v-86008c29> {pageIndex} - 当前页码<br data-v-86008c29> {totalPages} - 总页数<br data-v-86008c29> {printDate} - 打印日期 </div></div><div class="ee-help-card ee-help-conditional" data-v-86008c29><div class="ee-help-card-title" data-v-86008c29>示例</div><div class="ee-help-card-content" data-v-86008c29> 静态文本:供应商名称<br data-v-86008c29> 动态字段:{supplier.name}<br data-v-86008c29> 函数调用:{SUM(amount)}<br data-v-86008c29> 条件判断:{IF(amount>1000, "大单", "小单")} </div></div></div></div>',1))])]),e.createElementVNode("footer",Li,[e.createElementVNode("button",{type:"button",class:"pd-button",onClick:S[6]||(S[6]=x=>a.value=!1)},"取消"),e.createElementVNode("button",{type:"button",class:"pd-button primary",onClick:T},"确定")])])],32)):e.createCommentVNode("",!0)}}),mt=Q(Pi,[["__scopeId","data-v-86008c29"]]),Ai={class:"pd-field"},Ii={class:"pd-label"},Ri=["value","placeholder"],Hi=e.defineComponent({__name:"BindingControl",props:{descriptor:{},modelValue:{},fields:{}},emits:["update:modelValue"],setup(t,{emit:l}){const o=l,n=e.ref(!1);function a(){n.value=!0}return(r,i)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",Ai,[e.createElementVNode("span",Ii,e.toDisplayString(t.descriptor.label),1),e.createElementVNode("input",{value:t.modelValue,class:"pd-input",placeholder:t.descriptor.placeholder||"输入内容,支持 {字段} 表达式",onInput:i[0]||(i[0]=s=>o("update:modelValue",s.target.value)),onDblclick:a},null,40,Ri)]),e.createVNode(mt,{modelValue:n.value,"onUpdate:modelValue":i[1]||(i[1]=s=>n.value=s),fields:t.fields,expression:t.modelValue,"onUpdate:expression":i[2]||(i[2]=s=>o("update:modelValue",s))},null,8,["modelValue","fields","expression"])],64))}}),Ui=Q(Hi,[["__scopeId","data-v-135d160a"]]),Fi={class:"pd-field"},Oi=["value"],Gi=["value"],qi={class:"pd-field"},Wi={class:"pd-field"},Ki={class:"pd-field"},Yi={class:"pd-field"},Xi={style:{width:"60px"}},ji=e.defineComponent({__name:"TableSettingsGroup",props:{element:{},fields:{}},setup(t){const l=t,o=e.inject(Be,null),n=e.computed(()=>l.fields.filter(i=>i.fieldType==="list").map(i=>({label:i.fieldLabel,value:i.fieldKey})));function a(i){l.element.options.dataSource=i||void 0,o?.recordHistory()}function r(i,s){if(s===void 0)return;const c=l.element.options.tableColWidths,u=o?.maxTableWidth.value??1/0,f=c.reduce((v,h,L)=>L===i?v:v+h,0);if(f+s>u){const v=Math.max(5,Math.round((u-f)*10)/10);alert(`表格总宽不能超过打印范围宽度 ${u}mm,列${i+1} 已调整为 ${v}mm`),c[i]=v}else c[i]=s;Fe(l.element.options),o?.recordHistory()}return(i,s)=>(e.openBlock(),e.createBlock(ye,{title:"表格设置",icon:"Grid","default-expanded":"","group-key":"table-settings"},{default:e.withCtx(()=>[e.createElementVNode("form",{class:"pd-form",onSubmit:s[4]||(s[4]=e.withModifiers(()=>{},["prevent"]))},[e.createElementVNode("div",Fi,[s[5]||(s[5]=e.createElementVNode("span",{class:"pd-label"},"列表数据源字段",-1)),e.createElementVNode("select",{value:t.element.options.dataSource,class:"pd-select",style:{width:"100%"},onChange:s[0]||(s[0]=c=>a(c.target.value))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,c=>(e.openBlock(),e.createElementBlock("option",{key:c.value,value:c.value},e.toDisplayString(c.label),9,Gi))),128))],40,Oi)]),e.createElementVNode("div",qi,[s[6]||(s[6]=e.createElementVNode("span",{class:"pd-label"},"默认字号 (pt)",-1)),e.createVNode(le,{modelValue:t.element.options.tableDefaultFontSize,"onUpdate:modelValue":s[1]||(s[1]=c=>t.element.options.tableDefaultFontSize=c),min:5,max:72,placeholder:"默认"},null,8,["modelValue"])]),e.createElementVNode("div",Wi,[s[7]||(s[7]=e.createElementVNode("span",{class:"pd-label"},"默认文字颜色",-1)),e.createVNode(be,{modelValue:t.element.options.tableDefaultColor,"onUpdate:modelValue":s[2]||(s[2]=c=>t.element.options.tableDefaultColor=c)},null,8,["modelValue"])]),e.createElementVNode("div",Ki,[s[8]||(s[8]=e.createElementVNode("span",{class:"pd-label"},"默认内边距 (mm)",-1)),e.createVNode(le,{modelValue:t.element.options.tableDefaultPadding,"onUpdate:modelValue":s[3]||(s[3]=c=>t.element.options.tableDefaultPadding=c),min:0,max:10,step:.5,placeholder:"默认"},null,8,["modelValue"])]),e.createElementVNode("div",Yi,[s[9]||(s[9]=e.createElementVNode("span",{class:"pd-label"},"列宽 (mm)",-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.element.options.tableColWidths,(c,u)=>(e.openBlock(),e.createElementBlock("div",{key:u,class:"col-width-row"},[e.createElementVNode("span",Xi,"列"+e.toDisplayString(u+1),1),e.createVNode(le,{"model-value":c,min:5,max:200,"onUpdate:modelValue":f=>r(u,f)},null,8,["model-value","onUpdate:modelValue"])]))),128))])],32)]),_:1}))}}),Ji=Q(ji,[["__scopeId","data-v-2860c993"]]),Zi={class:"border-row"},Qi={class:"pd-field"},_i={class:"pd-field"},er={class:"pd-field"},tr=e.defineComponent({__name:"BorderBgGroup",props:{element:{},matchedKeys:{},searching:{type:Boolean}},setup(t){const l=t;function o(n){return l.searching?l.matchedKeys?.has(n)??!0:!0}return(n,a)=>(e.openBlock(),e.createBlock(ye,{title:"边框与背景",icon:"Picture","default-expanded":"","group-key":"border-bg"},{default:e.withCtx(()=>[e.createElementVNode("form",{class:"pd-form",onSubmit:a[3]||(a[3]=e.withModifiers(()=>{},["prevent"]))},[e.createElementVNode("div",Zi,[e.withDirectives(e.createElementVNode("div",Qi,[a[4]||(a[4]=e.createElementVNode("span",{class:"pd-label"},"边框宽度",-1)),e.createVNode(le,{modelValue:t.element.options.borderWidth,"onUpdate:modelValue":a[0]||(a[0]=r=>t.element.options.borderWidth=r),min:0,max:20,step:.25},null,8,["modelValue"])],512),[[e.vShow,o("bb-border-width")]]),e.withDirectives(e.createElementVNode("div",_i,[a[5]||(a[5]=e.createElementVNode("span",{class:"pd-label"},"边框颜色",-1)),e.createVNode(be,{modelValue:t.element.options.borderColor,"onUpdate:modelValue":a[1]||(a[1]=r=>t.element.options.borderColor=r)},null,8,["modelValue"])],512),[[e.vShow,o("bb-border-color")]])]),e.withDirectives(e.createElementVNode("div",er,[a[6]||(a[6]=e.createElementVNode("span",{class:"pd-label"},"背景色",-1)),e.createVNode(be,{modelValue:t.element.options.backgroundColor,"onUpdate:modelValue":a[2]||(a[2]=r=>t.element.options.backgroundColor=r)},null,8,["modelValue"])],512),[[e.vShow,o("bb-bg-color")]])],32)]),_:1}))}}),or=Q(tr,[["__scopeId","data-v-84aa55dc"]]),nr={class:"advanced-row"},lr={class:"pd-field"},ar={class:"pd-field"},ir={class:"pd-field"},rr={class:"pd-field"},sr=e.defineComponent({__name:"AdvancedGroup",props:{element:{},matchedKeys:{},searching:{type:Boolean}},emits:["delete-element"],setup(t){const l=t;function o(n){return l.searching?l.matchedKeys?.has(n)??!0:!0}return(n,a)=>(e.openBlock(),e.createBlock(ye,{title:"高级设置",icon:"Setting","group-key":"advanced"},{default:e.withCtx(()=>[e.createElementVNode("form",{class:"pd-form",onSubmit:a[4]||(a[4]=e.withModifiers(()=>{},["prevent"]))},[e.createElementVNode("div",nr,[e.withDirectives(e.createElementVNode("div",lr,[a[5]||(a[5]=e.createElementVNode("span",{class:"pd-label"},"锁定",-1)),e.withDirectives(e.createElementVNode("input",{type:"checkbox",class:"pd-switch","onUpdate:modelValue":a[0]||(a[0]=r=>t.element.options.locked=r)},null,512),[[e.vModelCheckbox,t.element.options.locked]])],512),[[e.vShow,o("ad-locked")]]),e.withDirectives(e.createElementVNode("div",ar,[a[6]||(a[6]=e.createElementVNode("span",{class:"pd-label"},"每页重复",-1)),e.withDirectives(e.createElementVNode("input",{type:"checkbox",class:"pd-switch","onUpdate:modelValue":a[1]||(a[1]=r=>t.element.options.fixed=r)},null,512),[[e.vModelCheckbox,t.element.options.fixed]])],512),[[e.vShow,o("ad-fixed")]])]),e.withDirectives(e.createElementVNode("div",ir,[a[7]||(a[7]=e.createElementVNode("span",{class:"pd-label"},"层级",-1)),e.createVNode(le,{modelValue:t.element.options.zIndex,"onUpdate:modelValue":a[2]||(a[2]=r=>t.element.options.zIndex=r),min:0,max:999},null,8,["modelValue"])],512),[[e.vShow,o("ad-z-index")]]),e.withDirectives(e.createElementVNode("div",rr,[e.createElementVNode("button",{type:"button",class:"pd-button danger",onClick:a[3]||(a[3]=r=>n.$emit("delete-element"))}," 删除元素 ")],512),[[e.vShow,o("ad-delete")]])],32)]),_:1}))}}),dr=Q(sr,[["__scopeId","data-v-84bf7a55"]]),cr={key:0,class:"pd-field"},ur=["checked"],mr={class:"pd-field"},pr=["checked"],fr={class:"pd-field"},vr=["checked"],Nt=e.defineComponent({__name:"PaginationGroup",props:{element:{},matchedKeys:{},searching:{type:Boolean}},setup(t){const l=t,o=e.computed(()=>l.element.printElementType.type==="table"),n=e.computed({get:()=>l.element.options.tablePagination?.enabled??!0,set:()=>{}});function a(f){l.element.options.tablePagination={enabled:f}}const r=e.computed({get:()=>l.element.options.pagination?.pageable??!0,set:()=>{}}),i=e.computed({get:()=>l.element.options.pagination?.keepWithNext??!1,set:()=>{}});function s(f){l.element.options.pagination={pageable:f,keepWithNext:i.value}}function c(f){l.element.options.pagination={pageable:r.value,keepWithNext:f}}function u(f){return l.searching?l.matchedKeys?.has(f)??!0:!0}return(f,v)=>(e.openBlock(),e.createBlock(ye,{title:"分页配置",icon:"Document","group-key":"pagination"},{default:e.withCtx(()=>[e.createElementVNode("form",{class:"pd-form",onSubmit:v[3]||(v[3]=e.withModifiers(()=>{},["prevent"]))},[o.value?e.withDirectives((e.openBlock(),e.createElementBlock("div",cr,[v[4]||(v[4]=e.createElementVNode("span",{class:"pd-label"},"启用分页",-1)),e.createElementVNode("input",{type:"checkbox",class:"pd-switch",checked:n.value,onChange:v[0]||(v[0]=h=>a(h.target.checked))},null,40,ur)],512)),[[e.vShow,u("pg-enabled")]]):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.withDirectives(e.createElementVNode("div",mr,[v[5]||(v[5]=e.createElementVNode("span",{class:"pd-label"},"参与分页",-1)),e.createElementVNode("input",{type:"checkbox",class:"pd-switch",checked:r.value,onChange:v[1]||(v[1]=h=>s(h.target.checked))},null,40,pr)],512),[[e.vShow,u("pg-pageable")]]),e.withDirectives(e.createElementVNode("div",fr,[v[6]||(v[6]=e.createElementVNode("span",{class:"pd-label"},"与下元素同页",-1)),e.createElementVNode("input",{type:"checkbox",class:"pd-switch",checked:i.value,onChange:v[2]||(v[2]=h=>c(h.target.checked))},null,40,vr)],512),[[e.vShow,u("pg-keep-with-next")]])],64))],32)]),_:1}))}}),gr={class:"image-content-upload"},hr=["disabled"],br=e.defineComponent({__name:"ImageContentUpload",props:{disabled:{type:Boolean}},emits:["success"],setup(t,{emit:l}){const o=t,n=l,a=e.ref(!1),r=e.inject(ut,e.computed(()=>{})),i=e.computed(()=>o.disabled||a.value||!r.value);async function s(c){const u=c.target,f=u.files?.[0];if(f){if(!f.type.startsWith("image/")){alert("仅支持上传图片文件"),u.value="";return}if(!r.value){alert("图片上传能力未配置"),u.value="";return}a.value=!0;try{const v=await r.value(f);v?n("success",v):alert("图片上传失败")}catch(v){alert(v instanceof Error?v.message:"图片上传失败")}finally{a.value=!1,u.value=""}}}return(c,u)=>(e.openBlock(),e.createElementBlock("div",gr,[e.createElementVNode("label",{class:e.normalizeClass(["pd-button small upload-label",{disabled:i.value}])},[u[0]||(u[0]=e.createElementVNode("svg",{class:"pd-icon",viewBox:"0 0 24 24","aria-hidden":"true"},[e.createElementVNode("path",{fill:"currentColor",d:"M12 3l4 4h-3v7h-2V7H8zm-7 12h14v5H5Z"})],-1)),e.createTextVNode(" "+e.toDisplayString(a.value?"上传中...":"上传图片")+" ",1),e.createElementVNode("input",{class:"visually-hidden",type:"file",accept:"image/*",disabled:i.value,onChange:s},null,40,hr)],2),u[1]||(u[1]=e.createElementVNode("p",{class:"upload-tip"},"支持 jpg/png/gif/bmp/webp/svg 等图片,上传后填入相对路径",-1))]))}}),yr=Q(br,[["__scopeId","data-v-b730e8e6"]]),kr={class:"pd-field"},Er=["value"],wr={class:"pd-field"},Vr={key:0,class:"pd-field"},Nr=["checked"],Cr=e.defineComponent({__name:"TableRowGroup",props:{element:{},selection:{}},setup(t){const l=t,o=e.inject(Be),n=e.computed(()=>l.element.options.tableRows[l.selection.r1]);function a(s){const c=et(l.element.options.tableRows,l.selection.r1,s);if(c){alert(c);return}o.recordHistory()}function r(s){s!==void 0&&(n.value.height=s,Fe(l.element.options),o.recordHistory())}function i(s){n.value.repeatOnPage=s,o.recordHistory()}return(s,c)=>(e.openBlock(),e.createBlock(ye,{title:"行属性",icon:"Grid","default-expanded":"","group-key":"table-row"},{default:e.withCtx(()=>[e.createElementVNode("form",{class:"pd-form",onSubmit:c[2]||(c[2]=e.withModifiers(()=>{},["prevent"]))},[e.createElementVNode("div",kr,[c[4]||(c[4]=e.createElementVNode("span",{class:"pd-label"},"行类型",-1)),e.createElementVNode("select",{value:n.value.type,class:"pd-select",style:{width:"100%"},onChange:c[0]||(c[0]=u=>a(u.target.value))},[...c[3]||(c[3]=[e.createElementVNode("option",{value:"header"},"标题行",-1),e.createElementVNode("option",{value:"data"},"数据行",-1),e.createElementVNode("option",{value:"subtotal"},"小计行(每页小计)",-1),e.createElementVNode("option",{value:"summary"},"汇总行",-1)])],40,Er)]),e.createElementVNode("div",wr,[c[5]||(c[5]=e.createElementVNode("span",{class:"pd-label"},"行高 (mm)",-1)),e.createVNode(le,{"model-value":n.value.height,min:3,max:100,step:.5,"onUpdate:modelValue":r},null,8,["model-value"])]),n.value.type==="header"?(e.openBlock(),e.createElementBlock("div",Vr,[c[6]||(c[6]=e.createElementVNode("span",{class:"pd-label"},"每页顶部重复",-1)),e.createElementVNode("input",{checked:n.value.repeatOnPage??!1,type:"checkbox",class:"pd-switch",onInput:c[1]||(c[1]=u=>i(!!u.target.checked))},null,40,Nr)])):e.createCommentVNode("",!0)],32)]),_:1}))}}),Sr={class:"pd-field"},$r={class:"pd-radio-group",role:"radiogroup"},Mr={class:"pd-radio"},xr=["checked"],Br={class:"pd-radio"},Dr=["checked"],Tr={class:"pd-radio"},zr=["checked"],Lr={class:"pd-radio"},Pr=["checked"],Ar={key:0,class:"pd-field"},Ir=["value"],Rr={key:1,class:"pd-field"},Hr=["checked"],Ur={key:2,class:"pd-field"},Fr=["value"],Or={key:3,class:"pd-field"},Gr=["value"],qr={key:4,class:"pd-field"},Wr={key:5,class:"pd-field"},Kr={class:"pd-field"},Yr=["value"],Xr={class:"pd-field"},jr={class:"pd-radio-group",role:"radiogroup"},Jr={class:"pd-radio"},Zr=["checked"],Qr={class:"pd-radio"},_r=["checked"],es={class:"pd-radio"},ts=["checked"],os={class:"pd-field"},ns={class:"pd-radio-group",role:"radiogroup"},ls={class:"pd-radio"},as=["checked"],is={class:"pd-radio"},rs=["checked"],ss={class:"pd-radio"},ds=["checked"],cs={class:"cell-style-grid"},us={class:"pd-field"},ms=["value"],ps={class:"pd-field"},fs={class:"pd-field"},vs=["checked"],gs={class:"pd-field"},hs={class:"pd-field"},bs={class:"border-style-row"},ys={style:{width:"112px","flex-shrink":"0"}},ks={class:"pd-button-group border-presets"},Es={class:"pd-checkbox-group"},ws={class:"pd-checkbox"},Vs={class:"pd-checkbox"},Ns={class:"pd-checkbox"},Cs={class:"pd-checkbox"},Ss={class:"pd-field"},$s={class:"pd-field"},Ms=["checked"],xs={class:"merge-btns"},Bs=["disabled","title"],Ds=["disabled"],Ts=e.defineComponent({__name:"TableCellGroup",props:{element:{},selection:{},fields:{}},setup(t,{expose:l}){const o=t,n=e.inject(Be),a=e.computed(()=>o.element.options.tableRows),r=e.computed(()=>{const z=st(a.value,o.selection.r1,o.selection.c1);return a.value[z.r].cells[z.c]}),i=e.ref(!1),s=e.ref(""),c=e.computed(()=>r.value.cellType==="barcode"),u=e.computed(()=>r.value.cellType==="qrcode"),f=e.computed(()=>r.value.cellType==="image");function v(z){$(m=>{m.align=z})}function h(z){$(m=>{m.valign=z})}function L(z){$(m=>{m.cellType=z==="text"?void 0:z,z!=="barcode"&&(m.barcodeType=void 0,m.showBarcodeText=void 0),z!=="qrcode"&&(m.qrCodeLevel=void 0)})}function R(){s.value=r.value.formatter||"",i.value=!0}function B(z){$(m=>{m.formatter=z||void 0})}function $(z){const m=o.selection;for(let y=m.r1;y<=m.r2;y++)for(let F=m.c1;F<=m.c2;F++){const K=a.value[y].cells[F];K.merged||z(K)}n.recordHistory()}const A=e.ref("solid"),Y=e.ref(.75),j=e.ref("#333333"),I=e.ref([]);function G(){return{width:Y.value,style:A.value,color:j.value}}function H(z){mo(a.value,o.selection,z,G()),n.recordHistory()}function T(z){const m=z.target,y=new Set(I.value);m.checked?y.add(m.value):y.delete(m.value),I.value=[...y];const F=G();$(K=>{const J={...K.borders??{}};for(const te of["top","right","bottom","left"])y.has(te)?J[te]={...F}:delete J[te];K.borders=J})}const C=e.computed(()=>Bt(a.value,o.selection)),S=e.computed(()=>{const z=o.selection;for(let m=z.r1;m<=z.r2;m++)for(let y=z.c1;y<=z.c2;y++){const F=a.value[m].cells[y];if(!F.merged&&((F.rowspan??1)>1||(F.colspan??1)>1))return!0}return!1});function x(){Dt(a.value,o.selection),n.recordHistory()}function D(){Tt(a.value,o.selection),n.recordHistory()}return l({openFormatterEditor:R}),(z,m)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(ye,{title:"单元格",icon:"Menu","default-expanded":"","group-key":"table-cell"},{default:e.withCtx(()=>[e.createElementVNode("form",{class:"pd-form",onSubmit:m[39]||(m[39]=e.withModifiers(()=>{},["prevent"]))},[e.createElementVNode("div",Sr,[m[45]||(m[45]=e.createElementVNode("span",{class:"pd-label"},"单元格类型",-1)),e.createElementVNode("div",$r,[e.createElementVNode("label",Mr,[e.createElementVNode("input",{type:"radio",value:"text",checked:(r.value.cellType||"text")==="text",onChange:m[0]||(m[0]=y=>L(y.target.value))},null,40,xr),m[41]||(m[41]=e.createElementVNode("span",null,"文本",-1))]),e.createElementVNode("label",Br,[e.createElementVNode("input",{type:"radio",value:"barcode",checked:r.value.cellType==="barcode",onChange:m[1]||(m[1]=y=>L(y.target.value))},null,40,Dr),m[42]||(m[42]=e.createElementVNode("span",null,"条形码",-1))]),e.createElementVNode("label",Tr,[e.createElementVNode("input",{type:"radio",value:"qrcode",checked:r.value.cellType==="qrcode",onChange:m[2]||(m[2]=y=>L(y.target.value))},null,40,zr),m[43]||(m[43]=e.createElementVNode("span",null,"二维码",-1))]),e.createElementVNode("label",Lr,[e.createElementVNode("input",{type:"radio",value:"image",checked:r.value.cellType==="image",onChange:m[3]||(m[3]=y=>L(y.target.value))},null,40,Pr),m[44]||(m[44]=e.createElementVNode("span",null,"图片",-1))])])]),c.value?(e.openBlock(),e.createElementBlock("div",Ar,[m[47]||(m[47]=e.createElementVNode("span",{class:"pd-label"},"码制",-1)),e.createElementVNode("select",{value:r.value.barcodeType||"CODE128",class:"pd-select",onChange:m[4]||(m[4]=y=>$(F=>{F.barcodeType=y.target.value||void 0}))},[...m[46]||(m[46]=[e.createElementVNode("option",{value:"CODE128"},"CODE128(通用)",-1),e.createElementVNode("option",{value:"EAN13"},"EAN13(商品码)",-1),e.createElementVNode("option",{value:"EAN8"},"EAN8",-1),e.createElementVNode("option",{value:"UPC"},"UPC",-1),e.createElementVNode("option",{value:"CODE39"},"CODE39",-1),e.createElementVNode("option",{value:"ITF14"},"ITF14",-1)])],40,Ir)])):e.createCommentVNode("",!0),c.value?(e.openBlock(),e.createElementBlock("div",Rr,[m[48]||(m[48]=e.createElementVNode("span",{class:"pd-label"},"显示文本",-1)),e.createElementVNode("input",{checked:r.value.showBarcodeText!==!1,type:"checkbox",class:"pd-switch",onInput:m[5]||(m[5]=y=>$(F=>{F.showBarcodeText=!!y.target.checked}))},null,40,Hr)])):e.createCommentVNode("",!0),u.value?(e.openBlock(),e.createElementBlock("div",Ur,[m[50]||(m[50]=e.createElementVNode("span",{class:"pd-label"},"纠错级别",-1)),e.createElementVNode("select",{value:r.value.qrCodeLevel||"M",class:"pd-select",onChange:m[6]||(m[6]=y=>$(F=>{F.qrCodeLevel=y.target.value||void 0}))},[...m[49]||(m[49]=[e.createElementVNode("option",{value:"L"},"L(最低,容量大)",-1),e.createElementVNode("option",{value:"M"},"M(推荐)",-1),e.createElementVNode("option",{value:"Q"},"Q",-1),e.createElementVNode("option",{value:"H"},"H(最高)",-1)])],40,Fr)])):e.createCommentVNode("",!0),c.value||u.value||f.value?(e.openBlock(),e.createElementBlock("div",Or,[m[52]||(m[52]=e.createElementVNode("span",{class:"pd-label"},"缩放模式",-1)),e.createElementVNode("select",{value:r.value.fit||"contain",class:"pd-select",onChange:m[7]||(m[7]=y=>$(F=>{F.fit=y.target.value}))},[...m[51]||(m[51]=[e.createElementVNode("option",{value:"contain"},"包含(保持比例)",-1),e.createElementVNode("option",{value:"cover"},"覆盖(保持比例)",-1),e.createElementVNode("option",{value:"fill"},"拉伸填满",-1),e.createElementVNode("option",{value:"none"},"原始尺寸",-1),e.createElementVNode("option",{value:"scale-down"},"缩小(保持比例)",-1)])],40,Gr)])):e.createCommentVNode("",!0),c.value||u.value||f.value?(e.openBlock(),e.createElementBlock("div",qr,[m[53]||(m[53]=e.createElementVNode("span",{class:"pd-label"},"最大宽度 (mm)",-1)),e.createVNode(le,{"model-value":r.value.maxWidth,min:1,max:200,placeholder:"默认","onUpdate:modelValue":m[8]||(m[8]=y=>$(F=>{F.maxWidth=y??void 0}))},null,8,["model-value"])])):e.createCommentVNode("",!0),c.value||u.value||f.value?(e.openBlock(),e.createElementBlock("div",Wr,[m[54]||(m[54]=e.createElementVNode("span",{class:"pd-label"},"最大高度 (mm)",-1)),e.createVNode(le,{"model-value":r.value.maxHeight,min:1,max:200,placeholder:"默认","onUpdate:modelValue":m[9]||(m[9]=y=>$(F=>{F.maxHeight=y??void 0}))},null,8,["model-value"])])):e.createCommentVNode("",!0),e.createElementVNode("div",Kr,[m[55]||(m[55]=e.createElementVNode("span",{class:"pd-label"},"内容",-1)),e.createElementVNode("input",{value:r.value.formatter||"",class:"pd-input",placeholder:"输入内容,支持 {字段} 表达式",onInput:m[10]||(m[10]=y=>$(F=>{F.formatter=y.target.value||void 0})),onDblclick:R},null,40,Yr)]),e.createElementVNode("div",Xr,[m[59]||(m[59]=e.createElementVNode("span",{class:"pd-label"},"水平对齐",-1)),e.createElementVNode("div",jr,[e.createElementVNode("label",Jr,[e.createElementVNode("input",{type:"radio",value:"left",checked:r.value.align==="left",onChange:m[11]||(m[11]=y=>v(y.target.value))},null,40,Zr),m[56]||(m[56]=e.createElementVNode("span",null,"左",-1))]),e.createElementVNode("label",Qr,[e.createElementVNode("input",{type:"radio",value:"center",checked:r.value.align==="center",onChange:m[12]||(m[12]=y=>v(y.target.value))},null,40,_r),m[57]||(m[57]=e.createElementVNode("span",null,"中",-1))]),e.createElementVNode("label",es,[e.createElementVNode("input",{type:"radio",value:"right",checked:r.value.align==="right",onChange:m[13]||(m[13]=y=>v(y.target.value))},null,40,ts),m[58]||(m[58]=e.createElementVNode("span",null,"右",-1))])])]),e.createElementVNode("div",os,[m[63]||(m[63]=e.createElementVNode("span",{class:"pd-label"},"垂直对齐",-1)),e.createElementVNode("div",ns,[e.createElementVNode("label",ls,[e.createElementVNode("input",{type:"radio",value:"top",checked:r.value.valign==="top",onChange:m[14]||(m[14]=y=>h(y.target.value))},null,40,as),m[60]||(m[60]=e.createElementVNode("span",null,"上",-1))]),e.createElementVNode("label",is,[e.createElementVNode("input",{type:"radio",value:"middle",checked:r.value.valign==="middle",onChange:m[15]||(m[15]=y=>h(y.target.value))},null,40,rs),m[61]||(m[61]=e.createElementVNode("span",null,"中",-1))]),e.createElementVNode("label",ss,[e.createElementVNode("input",{type:"radio",value:"bottom",checked:r.value.valign==="bottom",onChange:m[16]||(m[16]=y=>h(y.target.value))},null,40,ds),m[62]||(m[62]=e.createElementVNode("span",null,"下",-1))])])]),e.createElementVNode("div",cs,[e.createElementVNode("div",us,[m[65]||(m[65]=e.createElementVNode("span",{class:"pd-label"},"字体",-1)),e.createElementVNode("select",{value:r.value.fontFamily,class:"pd-select",placeholder:"继承默认",onChange:m[17]||(m[17]=y=>$(F=>{F.fontFamily=y.target.value||void 0}))},[...m[64]||(m[64]=[e.createElementVNode("option",{value:"SimSun"},"宋体",-1),e.createElementVNode("option",{value:"SimHei"},"黑体",-1),e.createElementVNode("option",{value:"Microsoft YaHei"},"微软雅黑",-1),e.createElementVNode("option",{value:"KaiTi"},"楷体",-1),e.createElementVNode("option",{value:"FangSong"},"仿宋",-1),e.createElementVNode("option",{value:"Arial"},"Arial",-1)])],40,ms)]),e.createElementVNode("div",ps,[m[66]||(m[66]=e.createElementVNode("span",{class:"pd-label"},"字号 (pt)",-1)),e.createVNode(le,{"model-value":r.value.fontSize,min:5,max:72,placeholder:"默认","onUpdate:modelValue":m[18]||(m[18]=y=>$(F=>{F.fontSize=y??void 0}))},null,8,["model-value"])]),e.createElementVNode("div",fs,[m[67]||(m[67]=e.createElementVNode("span",{class:"pd-label"},"加粗",-1)),e.createElementVNode("input",{checked:r.value.fontWeight==="bold",type:"checkbox",class:"pd-switch",onInput:m[19]||(m[19]=y=>$(F=>{F.fontWeight=y.target.checked?"bold":void 0}))},null,40,vs)]),e.createElementVNode("div",gs,[m[68]||(m[68]=e.createElementVNode("span",{class:"pd-label"},"文字颜色",-1)),e.createVNode(be,{"model-value":r.value.color,"onUpdate:modelValue":m[20]||(m[20]=y=>$(F=>{F.color=y}))},null,8,["model-value"])]),e.createElementVNode("div",hs,[m[69]||(m[69]=e.createElementVNode("span",{class:"pd-label"},"背景色",-1)),e.createVNode(be,{"model-value":r.value.backgroundColor,"onUpdate:modelValue":m[21]||(m[21]=y=>$(F=>{F.backgroundColor=y}))},null,8,["model-value"])])]),m[77]||(m[77]=e.createElementVNode("h3",{class:"pd-divider"},"边框",-1)),e.createElementVNode("div",bs,[e.withDirectives(e.createElementVNode("select",{class:"pd-select","onUpdate:modelValue":m[22]||(m[22]=y=>A.value=y),style:{width:"90px"}},[...m[70]||(m[70]=[e.createElementVNode("option",{value:"solid"},"实线",-1),e.createElementVNode("option",{value:"dashed"},"虚线",-1),e.createElementVNode("option",{value:"dotted"},"点线",-1),e.createElementVNode("option",{value:"double"},"双线",-1)])],512),[[e.vModelSelect,A.value]]),e.createElementVNode("div",ys,[e.createVNode(le,{modelValue:Y.value,"onUpdate:modelValue":m[23]||(m[23]=y=>Y.value=y),min:.25,max:5,step:.25},null,8,["modelValue"])]),e.createVNode(be,{modelValue:j.value,"onUpdate:modelValue":m[24]||(m[24]=y=>j.value=y)},null,8,["modelValue"])]),e.createElementVNode("div",ks,[e.createElementVNode("button",{type:"button",class:"pd-button small",onClick:m[25]||(m[25]=y=>H("all"))},"全部"),e.createElementVNode("button",{type:"button",class:"pd-button small",onClick:m[26]||(m[26]=y=>H("outer"))},"外侧"),e.createElementVNode("button",{type:"button",class:"pd-button small",onClick:m[27]||(m[27]=y=>H("inner"))},"内部"),e.createElementVNode("button",{type:"button",class:"pd-button small",onClick:m[28]||(m[28]=y=>H("none"))},"无")]),e.createElementVNode("div",Es,[e.createElementVNode("label",ws,[e.withDirectives(e.createElementVNode("input",{type:"checkbox","onUpdate:modelValue":m[29]||(m[29]=y=>I.value=y),value:"top",onChange:m[30]||(m[30]=y=>T(y))},null,544),[[e.vModelCheckbox,I.value]]),m[71]||(m[71]=e.createElementVNode("span",null,"上",-1))]),e.createElementVNode("label",Vs,[e.withDirectives(e.createElementVNode("input",{type:"checkbox","onUpdate:modelValue":m[31]||(m[31]=y=>I.value=y),value:"right",onChange:m[32]||(m[32]=y=>T(y))},null,544),[[e.vModelCheckbox,I.value]]),m[72]||(m[72]=e.createElementVNode("span",null,"右",-1))]),e.createElementVNode("label",Ns,[e.withDirectives(e.createElementVNode("input",{type:"checkbox","onUpdate:modelValue":m[33]||(m[33]=y=>I.value=y),value:"bottom",onChange:m[34]||(m[34]=y=>T(y))},null,544),[[e.vModelCheckbox,I.value]]),m[73]||(m[73]=e.createElementVNode("span",null,"下",-1))]),e.createElementVNode("label",Cs,[e.withDirectives(e.createElementVNode("input",{type:"checkbox","onUpdate:modelValue":m[35]||(m[35]=y=>I.value=y),value:"left",onChange:m[36]||(m[36]=y=>T(y))},null,544),[[e.vModelCheckbox,I.value]]),m[74]||(m[74]=e.createElementVNode("span",null,"左",-1))])]),e.createElementVNode("div",Ss,[m[75]||(m[75]=e.createElementVNode("span",{class:"pd-label"},"内边距 (mm)",-1)),e.createVNode(le,{"model-value":r.value.padding,min:0,max:10,step:.5,placeholder:"默认","onUpdate:modelValue":m[37]||(m[37]=y=>$(F=>{F.padding=y??void 0}))},null,8,["model-value"])]),e.createElementVNode("div",$s,[m[76]||(m[76]=e.createElementVNode("span",{class:"pd-label"},"自动换行",-1)),e.createElementVNode("input",{checked:r.value.wordWrap??!0,type:"checkbox",class:"pd-switch",onInput:m[38]||(m[38]=y=>$(F=>{F.wordWrap=!!y.target.checked}))},null,40,Ms)]),e.createElementVNode("div",xs,[e.createElementVNode("button",{type:"button",class:"pd-button small",disabled:!!C.value,title:C.value||"",onClick:x}," 合并单元格 ",8,Bs),e.createElementVNode("button",{type:"button",class:"pd-button small",disabled:!S.value,onClick:D},"拆分单元格",8,Ds)])],32)]),_:1}),e.createVNode(mt,{modelValue:i.value,"onUpdate:modelValue":m[40]||(m[40]=y=>i.value=y),fields:t.fields,expression:s.value,"onUpdate:expression":B},null,8,["modelValue","fields","expression"])],64))}}),zs=Q(Ts,[["__scopeId","data-v-e9669bd2"]]),Ls={text:[{targetPath:"options.formatter",label:"内容",dataSource:"main"}],longText:[{targetPath:"options.formatter",label:"内容",dataSource:"main"},{targetPath:"options.styler",label:"样式",dataSource:"main"}],barcode:[{targetPath:"options.formatter",label:"内容",dataSource:"main"}],qrcode:[{targetPath:"options.formatter",label:"内容",dataSource:"main"}],image:[{targetPath:"options.src",label:"内容",dataSource:"main",placeholder:"输入图片路径,支持 /docfiles/... 相对路径、绝对 URL 或 {字段} 表达式"}],table:[]};function Ft(t,l,o,n){return t==="data"?[{targetPath:`options.tableRows[${l}].cells[${o}].formatter`,label:"内容",dataSource:"list",listField:n,placeholder:"{name}"}]:t==="subtotal"?[{targetPath:`options.tableRows[${l}].cells[${o}].formatter`,label:"内容",dataSource:"subtotal",placeholder:"{MONEY(SUM(amount))}"}]:t==="summary"?[{targetPath:`options.tableRows[${l}].cells[${o}].formatter`,label:"内容",dataSource:"summary",placeholder:"{MONEY(SUM(amount))}"}]:[{targetPath:`options.tableRows[${l}].cells[${o}].formatter`,label:"内容",dataSource:"main",placeholder:"合计: {order.total}"}]}function Ps(t){const l=t.printElementType.type,o=Ls[l]??[],n=[];if(l==="table"){const a=t.options.dataSource;for(const[r,i]of(t.options.tableRows??[]).entries())for(const[s,c]of i.cells.entries())c.merged||n.push(...Ft(i.type,r,s,a))}return[...o,...n]}const As={key:0,class:"prop-collapsed"},Is={class:"prop-head"},Rs={class:"pd-tabs prop-tabs"},Hs={class:"pd-tab-bar",role:"tablist"},Us={class:"pd-tab-pane",role:"tabpanel"},Fs={class:"property-content"},Os={key:1,class:"pd-empty"},Gs={class:"pd-tab-pane",role:"tabpanel"},qs={class:"pd-field"},Ws=["value"],Ks=["value"],Ys={key:0,class:"pd-field"},Xs={class:"custom-size-grid"},js={class:"pd-field"},Js={class:"pd-radio-group",role:"radiogroup"},Zs={class:"pd-radio"},Qs=["checked"],_s={class:"pd-radio"},ed=["checked"],td={class:"pd-field"},od={class:"page-bg-row"},nd={class:"margin-grid"},ld={class:"pd-field"},ad={class:"pd-field"},id={class:"pd-field"},rd={class:"pd-field"},sd={class:"pd-field"},dd={class:"pd-field"},cd={class:"pd-field"},ud=e.defineComponent({__name:"PropertyPanel",props:{element:{},templateData:{},fields:{},activeTab:{},tableSelection:{},recordHistory:{type:Function},collapsed:{type:Boolean}},emits:["delete-element","update:templateData","update:activeTab","toggle-collapse"],setup(t,{emit:l}){const o=t,n=l,a=tt,r=e.ref(""),i=e.computed(()=>o.element?["text","longText"].includes(o.element.printElementType.type):!1),s=e.computed(()=>o.element?o.element.printElementType.type==="image":!1),c=e.computed(()=>!o.element||o.element.printElementType.type!=="table"?!1:!!o.tableSelection&&o.tableSelection.elementId===o.element.id),u=e.computed(()=>o.element?o.element.printElementType.type==="table":!1),f=e.computed(()=>da(r.value)),v=e.computed(()=>f.value.groups),h=e.computed(()=>f.value.itemKeys),L=e.computed(()=>!!r.value.trim()),R=e.computed(()=>{if(!o.element)return[];if(o.element.printElementType.type==="table"&&o.tableSelection){const{r1:b,c1:k}=o.tableSelection,q=o.element.options.tableRows;if(q&&q[b]){const X=q[b],ue=o.element.options.fields?.[0]?.dataSource;return Ft(X.type,b,k,ue)}}return Ps(o.element)});function B(b){return b.split(".").flatMap(k=>{const q=k.match(/^([^\[]+)((?:\[\d+\])*)$/);if(!q)return[k];const X=q[1],ue=[...q[2].matchAll(/\[(\d+)\]/g)].map(ce=>Number(ce[1]));return[X,...ue]})}function $(b){return o.element?B(b).reduce((X,ue)=>X==null?"":X[ue],o.element)??"":""}function A(b,k){if(!o.element)return;const q=B(b),X=q.pop(),ue=q.reduce((ce,ke)=>((ce[ke]===void 0||ce[ke]===null)&&(ce[ke]={}),ce[ke]),o.element);ue[X]=k||void 0,o.recordHistory?.()}function Y(b){r.value=b}function j(b){o.element&&A("options.src",b)}const I=e.computed(()=>o.templateData?.paperSize||"A4"),G=e.computed(()=>o.templateData?.orientation||"portrait"),H=e.computed({get:()=>o.templateData?.pageBackground||"#ffffff",set:b=>se(b)}),T=e.computed(()=>o.templateData?.margins.top??10),C=e.computed(()=>o.templateData?.margins.bottom??10),S=e.computed(()=>o.templateData?.margins.left??10),x=e.computed(()=>o.templateData?.margins.right??10),D=e.computed(()=>o.templateData?.header.height??10),z=e.computed(()=>o.templateData?.footer.height??10),m=e.computed(()=>o.templateData?.firstPageOverlay.height??0),y=e.computed(()=>o.templateData?.customWidth??210),F=e.computed(()=>o.templateData?.customHeight??297);function K(b){o.templateData&&n("update:templateData",{...o.templateData,...b})}function J(b){if(b==="CUSTOM"){K({paperSize:"CUSTOM"});return}a[b]&&K({paperSize:b})}function te(b){K({orientation:String(b)})}function se(b){const k=b&&b.toLowerCase()!=="#ffffff"&&b.toLowerCase()!=="#fff"?b:void 0;K(k===void 0?{pageBackground:void 0}:{pageBackground:k})}function re(){K({pageBackground:void 0})}function ae(b){b!==void 0&&K({customWidth:b})}function _(b){b!==void 0&&K({customHeight:b})}function g(b){b!==void 0&&K({margins:{...o.templateData.margins,top:b}})}function d(b){b!==void 0&&K({margins:{...o.templateData.margins,bottom:b}})}function p(b){b!==void 0&&K({margins:{...o.templateData.margins,left:b}})}function E(b){b!==void 0&&K({margins:{...o.templateData.margins,right:b}})}function N(b){b!==void 0&&K({header:{...o.templateData.header,height:b}})}function P(b){b!==void 0&&K({footer:{...o.templateData.footer,height:b}})}function w(b){b!==void 0&&K({firstPageOverlay:{...o.templateData.firstPageOverlay,height:b}})}const V=e.computed(()=>o.activeTab||"page");function M(b){n("update:activeTab",b),n("toggle-collapse")}return(b,k)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["property-panel",{collapsed:t.collapsed}])},[t.collapsed?(e.openBlock(),e.createElementBlock("div",As,[e.createElementVNode("button",{class:"pc-btn",title:"展开属性台",onClick:k[0]||(k[0]=q=>M(V.value))},"«"),e.createElementVNode("button",{class:e.normalizeClass(["pc-btn",{on:V.value==="element"}]),title:"元素属性",onClick:k[1]||(k[1]=q=>M("element"))},"▦",2),e.createElementVNode("button",{class:e.normalizeClass(["pc-btn",{on:V.value==="page"}]),title:"页面属性",onClick:k[2]||(k[2]=q=>M("page"))},"▤",2)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",Is,[k[12]||(k[12]=e.createElementVNode("span",{class:"prop-title"},"属性台",-1)),e.createElementVNode("button",{class:"collapse-btn",title:"收起属性台",onClick:k[3]||(k[3]=q=>b.$emit("toggle-collapse"))},"»")]),e.createElementVNode("div",Rs,[e.createElementVNode("div",Hs,[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["pd-tab",{active:(t.activeTab||"page")==="element"}]),onClick:k[4]||(k[4]=q=>b.$emit("update:activeTab","element"))},"元素属性",2),e.createElementVNode("button",{type:"button",class:e.normalizeClass(["pd-tab",{active:(t.activeTab||"page")==="page"}]),onClick:k[5]||(k[5]=q=>b.$emit("update:activeTab","page"))},"页面属性",2)]),e.withDirectives(e.createElementVNode("div",Us,[t.element?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(ma,{onSearch:Y}),e.createElementVNode("div",Fs,[v.value.includes("position-size")&&!c.value?(e.openBlock(),e.createBlock(xa,{key:0,element:t.element,"matched-keys":h.value,searching:L.value},null,8,["element","matched-keys","searching"])):e.createCommentVNode("",!0),v.value.includes("appearance")?(e.openBlock(),e.createBlock(ti,{key:1,element:t.element,"is-text-type":i.value,"matched-keys":h.value,searching:L.value},null,8,["element","is-text-type","matched-keys","searching"])):e.createCommentVNode("",!0),v.value.includes("binding")?(e.openBlock(),e.createBlock(ye,{key:2,title:"内容",icon:"Document","default-expanded":"","group-key":"binding"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(R.value,q=>(e.openBlock(),e.createBlock(Ui,{key:q.targetPath,descriptor:q,fields:t.fields,"model-value":$(q.targetPath),"onUpdate:modelValue":X=>A(q.targetPath,X)},null,8,["descriptor","fields","model-value","onUpdate:modelValue"]))),128)),s.value?(e.openBlock(),e.createBlock(yr,{key:0,onSuccess:j})):e.createCommentVNode("",!0)]),_:1})):e.createCommentVNode("",!0),u.value&&t.tableSelection&&t.tableSelection.elementId===t.element.id?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[e.createVNode(Cr,{element:t.element,selection:t.tableSelection},null,8,["element","selection"]),e.createVNode(zs,{element:t.element,selection:t.tableSelection,fields:t.fields},null,8,["element","selection","fields"])],64)):e.createCommentVNode("",!0),u.value&&v.value.includes("content")?(e.openBlock(),e.createBlock(Ji,{key:4,element:t.element,fields:t.fields},null,8,["element","fields"])):e.createCommentVNode("",!0),v.value.includes("border-bg")?(e.openBlock(),e.createBlock(or,{key:5,element:t.element,"matched-keys":h.value,searching:L.value},null,8,["element","matched-keys","searching"])):e.createCommentVNode("",!0),v.value.includes("pagination")&&u.value?(e.openBlock(),e.createBlock(Nt,{key:6,element:t.element,"matched-keys":h.value,searching:L.value},null,8,["element","matched-keys","searching"])):e.createCommentVNode("",!0),v.value.includes("pagination")&&!u.value?(e.openBlock(),e.createBlock(Nt,{key:7,element:t.element,"matched-keys":h.value,searching:L.value},null,8,["element","matched-keys","searching"])):e.createCommentVNode("",!0),v.value.includes("advanced")?(e.openBlock(),e.createBlock(dr,{key:8,element:t.element,"matched-keys":h.value,searching:L.value,onDeleteElement:k[6]||(k[6]=q=>b.$emit("delete-element"))},null,8,["element","matched-keys","searching"])):e.createCommentVNode("",!0)])],64)):(e.openBlock(),e.createElementBlock("p",Os,"请在画布中选择一个元素"))],512),[[e.vShow,(t.activeTab||"page")==="element"]]),e.withDirectives(e.createElementVNode("div",Gs,[e.createElementVNode("form",{class:"pd-form",onSubmit:k[11]||(k[11]=e.withModifiers(()=>{},["prevent"]))},[k[28]||(k[28]=e.createElementVNode("h3",{class:"pd-divider"},"纸张设置",-1)),e.createElementVNode("div",qs,[k[14]||(k[14]=e.createElementVNode("span",{class:"pd-label"},"纸张尺寸",-1)),e.createElementVNode("select",{value:I.value,class:"pd-select",onChange:k[7]||(k[7]=q=>J(q.target.value)),style:{width:"100%"}},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(a),(q,X)=>(e.openBlock(),e.createElementBlock("option",{key:X,value:X},e.toDisplayString(X),9,Ks))),128)),k[13]||(k[13]=e.createElementVNode("option",{value:"CUSTOM"},"自定义",-1))],40,Ws)]),I.value==="CUSTOM"?(e.openBlock(),e.createElementBlock("div",Ys,[k[16]||(k[16]=e.createElementVNode("span",{class:"pd-label"},"自定义宽高 (mm)",-1)),e.createElementVNode("div",Xs,[e.createVNode(le,{"model-value":y.value,min:25,max:2e3,"onUpdate:modelValue":ae},null,8,["model-value"]),k[15]||(k[15]=e.createElementVNode("span",{class:"custom-size-x"},"×",-1)),e.createVNode(le,{"model-value":F.value,min:25,max:2e3,"onUpdate:modelValue":_},null,8,["model-value"])])])):e.createCommentVNode("",!0),e.createElementVNode("div",js,[k[19]||(k[19]=e.createElementVNode("span",{class:"pd-label"},"方向",-1)),e.createElementVNode("div",Js,[e.createElementVNode("label",Zs,[e.createElementVNode("input",{type:"radio",value:"portrait",checked:G.value==="portrait",onChange:k[8]||(k[8]=q=>te(q.target.value))},null,40,Qs),k[17]||(k[17]=e.createElementVNode("span",null,"纵向",-1))]),e.createElementVNode("label",_s,[e.createElementVNode("input",{type:"radio",value:"landscape",checked:G.value==="landscape",onChange:k[9]||(k[9]=q=>te(q.target.value))},null,40,ed),k[18]||(k[18]=e.createElementVNode("span",null,"横向",-1))])])]),e.createElementVNode("div",td,[k[20]||(k[20]=e.createElementVNode("span",{class:"pd-label"},"页面背景色",-1)),e.createElementVNode("div",od,[e.createVNode(be,{modelValue:H.value,"onUpdate:modelValue":k[10]||(k[10]=q=>H.value=q),class:"page-bg-picker"},null,8,["modelValue"]),e.createElementVNode("button",{type:"button",class:"pd-reset",title:"恢复为默认白色",onClick:re},"默认")])]),k[29]||(k[29]=e.createElementVNode("h3",{class:"pd-divider"},"页边距 (mm)",-1)),e.createElementVNode("div",nd,[e.createElementVNode("div",ld,[k[21]||(k[21]=e.createElementVNode("span",{class:"pd-label"},"上",-1)),e.createVNode(le,{"model-value":T.value,min:0,max:50,"onUpdate:modelValue":g},null,8,["model-value"])]),e.createElementVNode("div",ad,[k[22]||(k[22]=e.createElementVNode("span",{class:"pd-label"},"下",-1)),e.createVNode(le,{"model-value":C.value,min:0,max:50,"onUpdate:modelValue":d},null,8,["model-value"])]),e.createElementVNode("div",id,[k[23]||(k[23]=e.createElementVNode("span",{class:"pd-label"},"左",-1)),e.createVNode(le,{"model-value":S.value,min:0,max:50,"onUpdate:modelValue":p},null,8,["model-value"])]),e.createElementVNode("div",rd,[k[24]||(k[24]=e.createElementVNode("span",{class:"pd-label"},"右",-1)),e.createVNode(le,{"model-value":x.value,min:0,max:50,"onUpdate:modelValue":E},null,8,["model-value"])])]),k[30]||(k[30]=e.createElementVNode("h3",{class:"pd-divider"},"三区高度 (mm)",-1)),e.createElementVNode("div",sd,[k[25]||(k[25]=e.createElementVNode("span",{class:"pd-label"},"页眉高度",-1)),e.createVNode(le,{"model-value":D.value,min:0,max:100,step:.1,"onUpdate:modelValue":N},null,8,["model-value"])]),e.createElementVNode("div",dd,[k[26]||(k[26]=e.createElementVNode("span",{class:"pd-label"},"页脚高度",-1)),e.createVNode(le,{"model-value":z.value,min:0,max:100,step:.1,"onUpdate:modelValue":P},null,8,["model-value"])]),e.createElementVNode("div",cd,[k[27]||(k[27]=e.createElementVNode("span",{class:"pd-label"},"首页叠加高度",-1)),e.createVNode(le,{"model-value":m.value,min:0,max:200,"onUpdate:modelValue":w},null,8,["model-value"])])],32)],512),[[e.vShow,(t.activeTab||"page")==="page"]])])],64))],2))}}),md=Q(ud,[["__scopeId","data-v-93072c2b"]]),pd={class:"status-bar"},fd={key:0,class:"status-item coord"},vd={class:"status-item"},gd={class:"status-item"},hd={class:"status-item status-paper"},bd=e.defineComponent({__name:"StatusBar",props:{coordinate:{},scale:{},elementCount:{},selectedCount:{},paper:{},dirty:{type:Boolean}},setup(t){return(l,o)=>(e.openBlock(),e.createElementBlock("div",pd,[t.coordinate?(e.openBlock(),e.createElementBlock("span",fd," x:"+e.toDisplayString(t.coordinate.x.toFixed(1))+" y:"+e.toDisplayString(t.coordinate.y.toFixed(1))+"mm ",1)):e.createCommentVNode("",!0),e.createElementVNode("span",vd,"缩放 "+e.toDisplayString(t.scale)+"%",1),e.createElementVNode("span",gd,"元素 "+e.toDisplayString(t.elementCount)+e.toDisplayString(t.selectedCount?` (选中 ${t.selectedCount})`:""),1),e.createElementVNode("span",{class:e.normalizeClass(["status-dirty",{on:t.dirty}])},[o[0]||(o[0]=e.createElementVNode("span",{class:"dirty-dot"},null,-1)),e.createTextVNode(e.toDisplayString(t.dirty?"未保存":"已保存"),1)],2),e.createElementVNode("span",hd,e.toDisplayString(t.paper),1)]))}}),yd=Q(bd,[["__scopeId","data-v-eb34e9a7"]]),kd={id:"getting-started",title:"快速入门",content:`
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),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:`
|
|
4
4
|
<h2>界面布局</h2>
|
|
5
5
|
<p>打印模板设计器采用三栏布局:</p>
|
|
6
6
|
<ul>
|
|
@@ -336,6 +336,26 @@
|
|
|
336
336
|
<p><strong>注意</strong>:如果存在选中的单元格,右侧面板将显示单元格属性而非表格属性。</p>
|
|
337
337
|
</blockquote>
|
|
338
338
|
`},Nd={id:"changelog",title:"更新记录",content:`
|
|
339
|
+
<h2>v1.2.1 <small>2026-09-11</small></h2>
|
|
340
|
+
|
|
341
|
+
<h3>变更</h3>
|
|
342
|
+
<ul>
|
|
343
|
+
<li>工具栏编辑区/层级区/视图区图标按钮统一使用 data-tip 自定义悬浮提示,补齐「网格」「吸附」缺失提示;提升提示层级,不再被画布顶部标尺遮挡。</li>
|
|
344
|
+
<li>优化「适应窗口」:以视口中心为锚点一步缩放到位(与 Ctrl+滚轮同一缩放换算管线),缩放平滑过渡;允许低于交互缩放下限(最小可至 5%),超大纸张也能整版容纳,纸张在画布视口内水平垂直居中。</li>
|
|
345
|
+
<li>新增 <code>showHelp</code> 配置:控制帮助入口(帮助按钮与帮助弹框)显示,默认开启,传入 <code>false</code> 即可隐藏。</li>
|
|
346
|
+
</ul>
|
|
347
|
+
|
|
348
|
+
<h3>修复</h3>
|
|
349
|
+
<ul>
|
|
350
|
+
<li>工具栏悬浮提示气泡被画布顶部固定标尺遮挡无法显示。</li>
|
|
351
|
+
<li>「适应窗口」后超大纸张仍残留滚动条、纸张未在画布视口居中(垂直偏上)。</li>
|
|
352
|
+
</ul>
|
|
353
|
+
|
|
354
|
+
<h3>文档</h3>
|
|
355
|
+
<ul>
|
|
356
|
+
<li>新增打印设计工作台布局线框图文档(<code>docs/中文/打印设计工作台-布局线框图.md</code>),标注各区域名称、功能与对应组件文件。</li>
|
|
357
|
+
</ul>
|
|
358
|
+
|
|
339
359
|
<h2>v1.2.0 <small>2026-09-10</small></h2>
|
|
340
360
|
|
|
341
361
|
<h3>新增</h3>
|
|
@@ -404,5 +424,5 @@
|
|
|
404
424
|
<blockquote>
|
|
405
425
|
<p>完整更新记录请查阅仓库 <code>docs/中文/CHANGELOG.md</code> 与 <code>docs/en/CHANGELOG.en.md</code>。</p>
|
|
406
426
|
</blockquote>
|
|
407
|
-
`},Cd=[kd,Ed,wd,Vd,Nd],Sd={class:"help-modal"},$d={class:"help-modal-header"},Md={class:"help-modal-body"},xd={class:"help-modal-sidebar"},Bd=["onClick"],Dd={class:"help-modal-content"},Td=["innerHTML"],Qe="worm-print-help-tab",zd=e.defineComponent({__name:"HelpModal",props:{visible:{type:Boolean},initialTab:{default:"getting-started"}},emits:["close","update:tab"],setup(t,{emit:l}){const o=t,n=l,a=Cd,r=e.ref(o.initialTab);e.onMounted(()=>{const u=localStorage.getItem(Qe);u&&a.some(f=>f.id===u)&&(r.value=u)}),e.watch(()=>o.visible,u=>{if(u){const f=localStorage.getItem(Qe);f&&a.some(v=>v.id===f)&&(r.value=f)}});function i(u){r.value=u,localStorage.setItem(Qe,u),n("update:tab",u)}const s=e.computed(()=>a.find(f=>f.id===r.value)?.content||"");function c(u){u.key==="Escape"&&o.visible&&n("close")}return e.onMounted(()=>{document.addEventListener("keydown",c)}),e.onUnmounted(()=>{document.removeEventListener("keydown",c)}),(u,f)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"help-modal"},{default:e.withCtx(()=>[t.visible?(e.openBlock(),e.createElementBlock("div",{key:0,class:"help-modal-overlay",onClick:f[1]||(f[1]=e.withModifiers(v=>u.$emit("close"),["self"]))},[e.createElementVNode("div",Sd,[e.createElementVNode("div",$d,[f[2]||(f[2]=e.createElementVNode("div",{class:"help-modal-title-wrap"},[e.createElementVNode("h2",{class:"help-modal-title"},"帮助文档"),e.createElementVNode("span",{class:"help-modal-project"},"worm-vue3-print")],-1)),e.createElementVNode("button",{class:"help-modal-close",title:"关闭",onClick:f[0]||(f[0]=v=>u.$emit("close"))}," × ")]),e.createElementVNode("div",Md,[e.createElementVNode("div",xd,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(a),v=>(e.openBlock(),e.createElementBlock("button",{key:v.id,class:e.normalizeClass(["help-tab",{active:r.value===v.id}]),onClick:h=>i(v.id)},e.toDisplayString(v.title),11,Bd))),128))]),e.createElementVNode("div",Dd,[e.createElementVNode("div",{class:"help-content",innerHTML:s.value},null,8,Td)])])])])):e.createCommentVNode("",!0)]),_:1})]))}}),Ld=Q(zd,[["__scopeId","data-v-31115934"]]),Ct="print-studio:left",St="print-studio:right";function $t(t,l){try{const o=localStorage.getItem(t);return o===null?l:o==="1"}catch{return l}}function Pd(){const t=e.ref($t(Ct,!1)),l=e.ref($t(St,!1)),o=e.ref(!1);e.watch(t,i=>{try{localStorage.setItem(Ct,i?"1":"0")}catch{}},{flush:"sync"}),e.watch(l,i=>{try{localStorage.setItem(St,i?"1":"0")}catch{}},{flush:"sync"});function n(){t.value=!t.value}function a(){l.value=!l.value}function r(){o.value=!1}return{leftCollapsed:t,rightCollapsed:l,toggleLeft:n,toggleRight:a,dirty:o,markSaved:r}}const Ad={class:"designer-container"},Id={class:"designer-body"},Rd=e.defineComponent({__name:"PrintDesigner",props:{initialTemplate:{},initialElements:{},fields:{},isEdit:{type:Boolean},requestScreenshot:{type:Function},uploadImage:{type:Function},loadDefaultTemplate:{type:Function}},emits:["preview","save"],setup(t,{expose:l,emit:o}){const n=t,a=o,r=e.ref(!1),{leftCollapsed:i,rightCollapsed:s,toggleLeft:c,toggleRight:u,dirty:f,markSaved:v}=Pd(),{scale:h,showRuler:L,showGrid:R,snapToGrid:B,showTableGhostBorder:$,templateData:A,elements:Y,fields:j,selectedIds:I,selectedElement:G,select:H,clearSelection:T,selectAll:C,previewIds:S,setPreview:x,commitPreview:D,hasClipboard:z,copy:m,paste:y,cutSelected:F,canUndo:K,canRedo:J,undo:te,redo:se,alignSelected:re,groupSelected:ae,ungroupSelected:_,deleteSelected:g,dragStart:d,dragStop:p,addElement:E,addFieldElement:N,moveLayer:P,updateTemplateData:w,fitToWindow:V,getTemplateJson:M,loadTemplate:b,tableSelection:k,setTableSelection:q,recordHistory:X}=Fo({initialTemplate:n.initialTemplate,initialElements:n.initialElements,initialFields:n.fields});e.watch([Y,A],()=>{f.value=!0},{deep:!0});const{guides:ue,addGuide:ce,moveGuide:ke,removeGuide:qe}=Go(A,X),De=e.computed(()=>{const U=A.value,{width:O}=we(U);return O-U.margins.left-U.margins.right});e.provide(Be,{tableSelection:k,setTableSelection:q,recordHistory:X,maxTableWidth:De}),e.provide(At,I),e.provide(It,S),e.provide(ut,e.computed(()=>n.uploadImage)),e.watch(G,U=>{(!U||U.printElementType.type!=="table")&&q(null)});const Te=e.ref(null),Ve=e.ref(!1),Ce=e.ref(""),We=e.ref(.5);async function Ke(){if(Ve.value){Ve.value=!1;return}const U=M();if(!U){alert("模板数据为空");return}if(!n.requestScreenshot){alert("截图服务未配置");return}try{const O=await n.requestScreenshot({templateJson:U,printData:fe});Ce.value&&URL.revokeObjectURL(Ce.value),Ce.value=URL.createObjectURL(O),Ve.value=!0}catch{alert("截图生成失败")}}const ze=e.ref(null);function Ye(U){ze.value=U}const W=e.computed(()=>{const U=A.value,O=we(U),ne=U.orientation==="landscape"?"横向":"纵向";return`${U.paperSize} ${ne} ${Math.round(O.width)}×${Math.round(O.height)}mm`});function ee(){const U=Te.value?.$el;U&&V(U.clientWidth,U.clientHeight)}function Z(U){h.value=ct(h.value+U)}function oe(U){const O=U.target.tagName;O==="INPUT"||O==="TEXTAREA"||O==="SELECT"||(U.ctrlKey||U.metaKey)&&U.key==="0"&&(U.preventDefault(),ee())}e.onMounted(()=>document.addEventListener("keydown",oe)),e.onUnmounted(()=>document.removeEventListener("keydown",oe));function ge(U){const O=A.value.header.height,ne=A.value.footer.height;w(U),U.header.height<O&&Ee("header"),U.footer.height<ne&&Ee("footer")}function ie(U,O){A.value={...A.value,[U]:{...A.value[U],height:O}}}function he(U){w({...A.value}),Ee(U)}function Ee(U){const O=Ge(A.value)[U];Y.value.some(me=>me.zone===U&&(me.options.top+me.options.height>O.height||me.options.left+me.options.width>O.width))&&alert(`${U==="header"?"页眉":"页脚"}高度已小于区域内元素,请手动调整元素位置`)}function Wt(){const U=A.value.firstPageOverlay,O={options:{left:0,top:0,width:50,height:10,title:"首页叠加"},printElementType:{type:"text",title:"首页叠加"}};A.value={...A.value,firstPageOverlay:{...U,elements:[...U.elements,O]}}}const pt=H;function Kt(U){const O=Y.value.find(ne=>ne.id===U);O&&(O.options.visible=O.options.visible===!1)}function Yt(U){const O=Y.value.find(ne=>ne.id===U);O&&(O.options.locked=!O.options.locked)}const Me=e.ref("page");e.watch(G,U=>{Me.value=U?"element":"page"});const Xt={text:"formatter",longText:"formatter",barcode:"formatter",qrcode:"formatter",image:"src"},xe=e.ref(!1),Le=e.ref(null),Xe=e.ref("");function jt(U){const O=Y.value.find(me=>me.id===U);if(!O||(H(U,!1),Me.value="element",O.options.locked))return;const ne=Xt[O.printElementType.type];ne&&(Le.value={kind:"element",element:O,field:ne},Xe.value=O.options[ne]||"",xe.value=!0)}function Jt(U,O,ne){const me=Y.value.find(to=>to.id===U);if(!me||(H(U,!1),Me.value="element",me.options.locked))return;const ft=me.options.tableRows??[],vt=st(ft,O,ne),je=ft[vt.r]?.cells[vt.c];je&&(Le.value={kind:"cell",cell:je},Xe.value=je.formatter||"",xe.value=!0)}function Zt(U){const O=Le.value;O?.kind==="element"?O.element.options[O.field]=U||void 0:O?.kind==="cell"&&(O.cell.formatter=U||void 0),X(),xe.value=!1,Le.value=null}function Qt(U,O){Y.value.push(U),H(U.id,!1),X()}e.watch(()=>n.initialTemplate,U=>{U&&b(U,n.initialElements)}),e.watch(()=>n.initialElements,U=>{U&&!n.initialTemplate&&(A.value={...A.value,elements:U.map(O=>({...O,options:{...O.options},printElementType:{...O.printElementType}}))})}),e.watch(()=>n.fields,U=>{j.value=U||[]}),l({getTemplateJson:M});async function _t(){if(n.loadDefaultTemplate&&confirm("将覆盖当前画布内容,是否继续?"))try{const U=await n.loadDefaultTemplate();if(!U){alert("未获取到默认布局");return}b(U),alert("默认布局已加载")}catch{alert("加载默认布局失败")}}function eo(){a("save",JSON.stringify(M())),v()}return(U,O)=>(e.openBlock(),e.createElementBlock("div",Ad,[e.createVNode(cn,{"is-edit":t.isEdit,"can-undo":e.unref(K),"can-redo":e.unref(J),"has-multi-selection":e.unref(I).size>=2,"has-selection":e.unref(I).size>=1,"show-ruler":e.unref(L),"show-grid":e.unref(R),"snap-to-grid":e.unref(B),"show-table-ghost-border":e.unref($),"selected-element-has-group":!!e.unref(G)?.options.groupId,"overlay-visible":Ve.value,"show-load-default":!!t.loadDefaultTemplate,scale:e.unref(h),"onUpdate:scale":O[0]||(O[0]=ne=>e.isRef(h)?h.value=ne:null),onPreview:O[1]||(O[1]=ne=>U.$emit("preview")),onSave:eo,onLoadDefault:_t,onUndo:e.unref(te),onRedo:e.unref(se),onAlign:O[2]||(O[2]=ne=>e.unref(re)(ne)),onMoveLayer:e.unref(P),onToggleRuler:O[3]||(O[3]=ne=>L.value=!e.unref(L)),onToggleGrid:O[4]||(O[4]=ne=>R.value=!e.unref(R)),onToggleSnap:O[5]||(O[5]=ne=>B.value=!e.unref(B)),onToggleTableGhostBorder:O[6]||(O[6]=ne=>$.value=!e.unref($)),onToggleOverlay:Ke,onGroup:e.unref(ae),onUngroup:e.unref(_),onAddOverlayElement:Wt,onFitWindow:ee,onZoom:Z,onHelp:O[7]||(O[7]=ne=>r.value=!0)},null,8,["is-edit","can-undo","can-redo","has-multi-selection","has-selection","show-ruler","show-grid","snap-to-grid","show-table-ghost-border","selected-element-has-group","overlay-visible","show-load-default","scale","onUndo","onRedo","onMoveLayer","onGroup","onUngroup"]),e.createElementVNode("div",Id,[e.createVNode(Gn,{fields:e.unref(j),elements:e.unref(Y),"selected-ids":e.unref(I),collapsed:e.unref(i),onSelect:e.unref(pt),onMoveLayer:e.unref(P),onToggleVisible:Kt,onToggleLocked:Yt,onToggleCollapse:e.unref(c)},null,8,["fields","elements","selected-ids","collapsed","onSelect","onMoveLayer","onToggleCollapse"]),e.createVNode(ia,{ref_key:"canvasAreaRef",ref:Te,"template-data":e.unref(A),elements:e.unref(Y),scale:e.unref(h)/100,"show-ruler":e.unref(L),"show-grid":e.unref(R),"snap-to-grid":e.unref(B),"show-table-ghost-border":e.unref($),"has-clipboard":e.unref(z),guides:e.unref(ue),"overlay-visible":Ve.value,"screenshot-url":Ce.value,"overlay-opacity":We.value,"selected-element-has-group":!!e.unref(G)?.options.groupId,onSelect:e.unref(pt),onDropElement:e.unref(E),onDropField:e.unref(N),onDragStart:e.unref(d),onDragStop:e.unref(p),onDblclickElement:jt,onDblclickCell:Jt,onZoneHeightChange:ie,onZoneHeightCommit:he,onSelectAll:e.unref(C),onClearSelection:e.unref(T),onPreview:e.unref(x),onCommitPreview:e.unref(D),onPaste:e.unref(y),onCopy:e.unref(m),onCut:e.unref(F),onDelete:e.unref(g),onMoveLayer:e.unref(P),onCoordinate:Ye,onGroup:e.unref(ae),onUngroup:e.unref(_),onAddGuide:e.unref(ce),onGuideMove:e.unref(ke),onGuideRemove:e.unref(qe),onZoom:Z,onCloneElement:Qt},null,8,["template-data","elements","scale","show-ruler","show-grid","snap-to-grid","show-table-ghost-border","has-clipboard","guides","overlay-visible","screenshot-url","overlay-opacity","selected-element-has-group","onSelect","onDropElement","onDropField","onDragStart","onDragStop","onSelectAll","onClearSelection","onPreview","onCommitPreview","onPaste","onCopy","onCut","onDelete","onMoveLayer","onGroup","onUngroup","onAddGuide","onGuideMove","onGuideRemove"]),e.createVNode(md,{element:e.unref(G),"template-data":e.unref(A),fields:e.unref(j),"table-selection":e.unref(k),"record-history":e.unref(X),collapsed:e.unref(s),"active-tab":Me.value,"onUpdate:activeTab":O[8]||(O[8]=ne=>Me.value=ne),onDeleteElement:e.unref(g),"onUpdate:templateData":ge,onToggleCollapse:e.unref(u)},null,8,["element","template-data","fields","table-selection","record-history","collapsed","active-tab","onDeleteElement","onToggleCollapse"])]),e.createVNode(yd,{coordinate:ze.value,scale:e.unref(h),"element-count":e.unref(Y).length,"selected-count":e.unref(I).size,paper:W.value,dirty:e.unref(f)},null,8,["coordinate","scale","element-count","selected-count","paper","dirty"]),e.createVNode(mt,{modelValue:xe.value,"onUpdate:modelValue":O[9]||(O[9]=ne=>xe.value=ne),fields:e.unref(j),expression:Xe.value,"onUpdate:expression":Zt},null,8,["modelValue","fields","expression"]),e.createVNode(Ld,{visible:r.value,onClose:O[10]||(O[10]=ne=>r.value=!1)},null,8,["visible"])]))}}),Hd=Q(Rd,[["__scopeId","data-v-34bc20b3"]]),_e=3.7795275591,Ue=3e3;async function Ot(t,l,o,n){const a=de.bindData(t,l,o),r=await Ud(a,n),i=de.paginate(a,r);return{html:de.generateHtml(a,i,l,{codeRenderer:n}),pageCount:i.length,pageLayouts:i}}async function Ud(t,l){const o=de.getPaperDimensions(t),n=de.generateHtml(t,[],void 0,{isMeasurementPass:!0,codeRenderer:l}),a=document.createElement("iframe");a.setAttribute("aria-hidden","true"),a.style.cssText=`position:fixed;left:-10000px;top:0;width:${o.width}mm;height:${o.height}mm;border:0;visibility:hidden;pointer-events:none;`,document.body.appendChild(a);try{const r=a.contentWindow,i=a.contentDocument;if(!r||!i)throw new Error("无法创建测量 iframe");i.open(),i.write(n),i.close(),await Fd(r);const s=Gd(i),c=new Map,u=new Map(t.elements.map(f=>[f.id,f]));for(const f of s){const h=u.get(f.id)?.options?._repeatHeaderCount??0;c.set(f.id,{id:f.id,measuredHeight:f.height,measuredRowHeights:f.rowHeights,repeatHeaderHeight:f.rowHeights&&h>0?f.rowHeights.slice(0,h).reduce((L,R)=>L+R,0):0})}return c}finally{a.remove()}}function Fd(t){return new Promise(l=>{let o=!1;const n=()=>{o||(o=!0,l())},a=setTimeout(n,Ue),r=async()=>{try{const i=t.document.fonts;i?.ready&&await Promise.race([i.ready,Mt(Ue)]),await Promise.race([Od(t.document),Mt(Ue)])}catch{}finally{clearTimeout(a),n()}};t.document.readyState==="complete"?r():(t.addEventListener("load",()=>{r()},{once:!0}),setTimeout(n,Ue))})}function Mt(t){return new Promise((l,o)=>setTimeout(()=>o(new Error("timeout")),t))}function Od(t){const l=Array.from(t.images??[]);return Promise.all(l.map(o=>o.complete?Promise.resolve():new Promise(n=>{o.addEventListener("load",()=>n(),{once:!0}),o.addEventListener("error",()=>n(),{once:!0})}))).then(()=>{})}function Gd(t){const l=[],o=t.querySelectorAll("[data-measure-id]");for(const n of o){const a=n,r=a.getAttribute("data-measure-id");if(!r)continue;const i=a.offsetHeight,s=a.querySelector("table.print-table");if(s){const c=[],u=s.querySelectorAll("tbody > tr[data-row-index]");for(const f of u)c.push(f.offsetHeight/_e);l.push({id:r,height:i/_e,rowHeights:c})}else l.push({id:r,height:i/_e})}return l}const Gt="http://www.w3.org/2000/svg";function qd(t,l){const o=document.createElementNS(Gt,"svg");return lt(o,t,{format:l.barcodeType||"CODE128",width:Math.max(1,(l.barWidth??2)/2),height:30,displayValue:l.showText!==!1,fontSize:l.fontSize??10,margin:0,marginBottom:2}),o.outerHTML}function Wd(t,l){const o=(l.qrCodeLevel??"M").toUpperCase(),a=at.create(t,{errorCorrectionLevel:["L","M","Q","H"].includes(o)?o:"M"}).modules,r=a.size,i=4,s=4*i,c=r*i+s*2;let u="";for(let f=0;f<r;f++)for(let v=0;v<r;v++)a.get(v,f)&&(u+=`<rect x="${s+v*i}" y="${s+f*i}" width="${i}" height="${i}" fill="#000"/>`);return`<svg xmlns="${Gt}" viewBox="0 0 ${c} ${c}" width="${c}" height="${c}" shape-rendering="crispEdges">${u}</svg>`}const qt={render(t,l,o={}){if(!t)throw new Error("empty barcode value");return l==="qrcode"?Wd(t,o):qd(t,o)}},Kd={class:"print-html-preview"},Yd={key:0,class:"print-html-preview-error"},Xd={key:1,class:"print-html-preview-loading"},jd=e.defineComponent({__name:"PrintHtmlPreview",props:{templateJson:{},printData:{},baseUrl:{}},emits:["rendered","error"],setup(t,{expose:l,emit:o}){const n=t,a=o,r=e.ref(),i=e.ref(!1),s=e.ref("");let c=0;async function u(){if(!n.templateJson){s.value="",i.value=!1;return}const v=++c;i.value=!0,s.value="";try{const{html:h,pageCount:L}=await Ot(n.templateJson,n.printData,n.baseUrl,qt);if(v!==c)return;const R=r.value?.contentWindow?.document;R&&(R.open(),R.write(h),R.close()),a("rendered",L)}catch(h){if(v!==c)return;s.value=h instanceof Error?h.message:"未知错误",a("error",s.value)}finally{v===c&&(i.value=!1)}}function f(){const v=r.value?.contentWindow;v&&(v.focus(),v.print())}return e.watch(()=>[n.templateJson,n.printData,n.baseUrl],()=>{u()},{immediate:!0,deep:!0}),e.onBeforeUnmount(()=>{c++}),l({print:f,rerender:u}),(v,h)=>(e.openBlock(),e.createElementBlock("div",Kd,[s.value?(e.openBlock(),e.createElementBlock("div",Yd,[e.createElementVNode("span",null,"预览渲染失败:"+e.toDisplayString(s.value),1)])):i.value?(e.openBlock(),e.createElementBlock("div",Xd,"预览渲染中…")):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("iframe",{ref_key:"iframeRef",ref:r,class:"print-html-preview-iframe",title:"打印预览"},null,512),[[e.vShow,!i.value&&!s.value]])]))}}),Jd=Q(jd,[["__scopeId","data-v-1841dcea"]]);exports.DEFAULT_DEMO_DATA=fe;exports.PrintDesigner=Hd;exports.PrintHtmlPreview=Jd;exports.UPLOAD_IMAGE_KEY=ut;exports.browserCodeRenderer=qt;exports.createDefaultTemplate=Rt;exports.getDemoData=go;exports.renderHtmlPages=Ot;exports.toRuntimePool=nt;
|
|
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;
|
|
408
428
|
//# sourceMappingURL=index.cjs.map
|