2 lines
5.5 KiB
Java
2 lines
5.5 KiB
Java
import{d as E,w as D,ah as u,aC as h,as as w,aF as s,ag as K,k as n,r as R,e as k,u as q,q as S,aR as C,au as y}from"./vue-vendor-C7Zq48Yl.js";import{n as G,g as L}from"./freeTableGrid-BXWKfNhh.js";import{d as j}from"./index-BI6CMai0.js";import"./antd-vue-vendor-BPnV8VqP.js";import"./vxe-table-vendor-B88kchpX.js";const H=E({__name:"FreeTableCellEditModal",props:{open:{type:Boolean},elementId:{},row:{},col:{},schema:{}},emits:["update:open","save"],setup(b,{emit:F}){const N=[{label:"左对齐",value:"left"},{label:"居中",value:"center"},{label:"右对齐",value:"right"}],i=b,x=F,B=N,t=R({text:"",bindField:"",fontSize:12,color:"#111111",backgroundColor:"#ffffff",align:"left"}),U=k(()=>{var a;const e=(((a=i.schema)==null?void 0:a.elements)||[]).find(r=>r.id===i.elementId);return e&&e.type==="freeTable"?e:null}),z=k(()=>{var o,e;return((e=(o=i.schema.dataBinding)==null?void 0:o.params)!=null?e:[]).map(a=>({value:a.key,label:a.label?`${a.key}(${a.label})`:a.key}))});function I(o){var r,l;const e=String(o||"").trim();return e&&new Set(((l=(r=i.schema.dataBinding)==null?void 0:r.params)!=null?l:[]).map(m=>m.key)).has(e)?e:void 0}function M(o){var r,l;const e=String(o||"").trim();if(!e)return"";const a=((l=(r=i.schema.dataBinding)==null?void 0:r.params)!=null?l:[]).find(m=>m.key===e);return a!=null&&a.label&&String(a.label).trim()?String(a.label).trim():e}function O(o){t.bindField=o!=null?o:"";const e=String(o||"").trim();e&&(t.text=M(e))}const T=k(()=>{const o=Number(i.row||0)+1,e=Number(i.col||0)+1;return`编辑单元格(第 ${o} 行 · 第 ${e} 列)`});function V(){var p,g,_,v;const o=U.value;if(!o){t.text="",t.bindField="",t.fontSize=12,t.color="#111111",t.backgroundColor="#ffffff",t.align="left";return}const e=Math.max(1,Number(o.rowCount||1)),a=Math.max(1,Number(o.colCount||1)),r=G(e,a,o.cells||[]),l=L(r,i.row,i.col);t.text=String((p=l.text)!=null?p:"");const m=String((g=l.bindField)!=null?g:"").trim(),f=new Set(((v=(_=i.schema.dataBinding)==null?void 0:_.params)!=null?v:[]).map(c=>c.key));t.bindField=m&&f.has(m)?m:"",t.fontSize=Number(l.fontSize||12),t.color=String(l.color||"#111111"),t.backgroundColor=String(l.backgroundColor||"#ffffff");const d=l.align;t.align=d==="center"||d==="right"?d:"left"}D(()=>i.open,o=>{o&&V()});function P(o){x("update:open",o)}function $(){x("update:open",!1)}function A(){var l,m;const o=Number(t.fontSize),e=new Set(((m=(l=i.schema.dataBinding)==null?void 0:l.params)!=null?m:[]).map(f=>f.key)),a=String(t.bindField||"").trim(),r=a&&e.has(a)?a:"";x("save",{elementId:i.elementId,row:i.row,col:i.col,patch:{text:t.text,bindField:r,fontSize:Number.isFinite(o)?Math.min(72,Math.max(8,o)):12,color:String(t.color||"#111111").trim()||"#111111",backgroundColor:String(t.backgroundColor||"#ffffff").trim()||"#ffffff",align:t.align}})}return(o,e)=>{const a=u("a-textarea"),r=u("a-form-item"),l=u("a-col"),m=u("a-select"),f=u("a-input-number"),d=u("a-input"),p=u("a-space-compact"),g=u("a-row"),_=u("a-form"),v=u("a-modal");return w(),h(v,{open:b.open,title:T.value,width:"600px","wrap-class-name":"free-table-cell-edit-modal","body-style":{padding:"16px 32px 8px"},"destroy-on-close":"","ok-text":"确定","cancel-text":"取消",onOk:A,onCancel:$,"onUpdate:open":P},{default:s(()=>[b.open&&b.elementId?(w(),h(_,{key:0,layout:"vertical",class:"free-table-cell-edit-form"},{default:s(()=>[n(g,{gutter:[20,4]},{default:s(()=>[n(l,{span:24},{default:s(()=>[n(r,{label:"单元格文本",class:"form-item-tight"},{default:s(()=>[n(a,{value:t.text,"onUpdate:value":e[0]||(e[0]=c=>t.text=c),rows:2,maxlength:2e3,"show-count":"",placeholder:"静态文本;若选择绑定参数且预览有值,则优先显示参数值"},null,8,["value"])]),_:1})]),_:1}),n(l,{span:24},{default:s(()=>[n(r,{label:"绑定参数",class:"form-item-tight"},{default:s(()=>[n(m,{value:I(t.bindField),options:z.value,"allow-clear":"","show-search":"","option-filter-prop":"label",placeholder:"请先在左侧「参数」页维护",class:"control-full","onUpdate:value":O},null,8,["value","options"])]),_:1})]),_:1}),n(l,{xs:24,sm:12},{default:s(()=>[n(r,{label:"字号(px)",class:"form-item-tight"},{default:s(()=>[n(f,{value:t.fontSize,"onUpdate:value":e[1]||(e[1]=c=>t.fontSize=c),min:8,max:72,class:"control-full"},null,8,["value"])]),_:1})]),_:1}),n(l,{xs:24,sm:12},{default:s(()=>[n(r,{label:"文字对齐",class:"form-item-tight"},{default:s(()=>[n(m,{value:t.align,"onUpdate:value":e[2]||(e[2]=c=>t.align=c),options:q(B),class:"control-full"},null,8,["value","options"])]),_:1})]),_:1}),n(l,{xs:24,sm:12},{default:s(()=>[n(r,{label:"文字颜色",class:"form-item-tight"},{default:s(()=>[n(p,{block:"",class:"color-row"},{default:s(()=>[n(d,{value:t.color,"onUpdate:value":e[3]||(e[3]=c=>t.color=c),placeholder:"#111111",class:"color-input"},null,8,["value"]),S(y("input",{"onUpdate:modelValue":e[4]||(e[4]=c=>t.color=c),type:"color",class:"color-native",title:"取色","aria-label":"文字色取色"},null,512),[[C,t.color]])]),_:1})]),_:1})]),_:1}),n(l,{xs:24,sm:12},{default:s(()=>[n(r,{label:"背景色",class:"form-item-tight"},{default:s(()=>[n(p,{block:"",class:"color-row"},{default:s(()=>[n(d,{value:t.backgroundColor,"onUpdate:value":e[5]||(e[5]=c=>t.backgroundColor=c),placeholder:"#ffffff",class:"color-input"},null,8,["value"]),S(y("input",{"onUpdate:modelValue":e[6]||(e[6]=c=>t.backgroundColor=c),type:"color",class:"color-native",title:"取色","aria-label":"背景色取色"},null,512),[[C,t.backgroundColor]])]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})):K("",!0)]),_:1},8,["open","title"])}}}),Z=j(H,[["__scopeId","data-v-525e6835"]]);export{Z as default};
|