FormOptions-6bfae01f.js
3.08 KB
var h=Object.defineProperty,G=Object.defineProperties;var P=Object.getOwnPropertyDescriptors;var I=Object.getOwnPropertySymbols;var U=Object.prototype.hasOwnProperty,B=Object.prototype.propertyIsEnumerable;var g=(o,e,t)=>e in o?h(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t,k=(o,e)=>{for(var t in e||(e={}))U.call(e,t)&&g(o,t,e[t]);if(I)for(var t of I(e))B.call(e,t)&&g(o,t,e[t]);return o},O=(o,e)=>G(o,P(e));import{d as D,r as V,H as E,a8 as C,_ as l,$ as i,F,ab as b,a0 as p,f as u,E as y}from"./vue-5a35c3f5.js";import{a as N}from"./useFormDesignState-032955db.js";import{c as $}from"./index-15077a33.js";import{m as w}from"./message-c4c6f446.js";import{I as A,_ as S}from"./index.js";import{a1 as T}from"./antd-6b087f69.js";const H=D({name:"FormOptions",components:{Input:T,Icon:A},setup(){var r;const o=V({}),{formConfig:e}=N(),t=((r=e.value.currentItem)==null?void 0:r.component)==="TreeSelect"?"treeData":"options",c=()=>{var s,a,f,_;(a=(s=e.value.currentItem)==null?void 0:s.componentProps)!=null&&a[t]||(e.value.currentItem.componentProps[t]=[]);const n=((_=(f=e.value.currentItem)==null?void 0:f.componentProps)==null?void 0:_[t].length)+1;e.value.currentItem.componentProps[t].push({label:`选项${n}`,value:""+n})},m=n=>{var s,a;$((a=(s=e.value.currentItem)==null?void 0:s.componentProps)==null?void 0:a[t],n)},v=()=>{var n,s;(s=(n=e.value.currentItem)==null?void 0:n.columns)==null||s.push({span:12,children:[]})},d=n=>{if(n===0)return w.warning("请至少保留一个栅格");$(e.value.currentItem.columns,n)};return O(k({},E(o)),{formConfig:e,addOptions:c,deleteOptions:m,key:t,deleteGridOptions:d,addGridOptions:v})}});const L={key:0},R={class:"options-box"},j=["onClick"],q={key:1},z={class:"options-box"},J=["onClick"];function K(o,e,t,c,m,v){const d=C("Input"),r=C("Icon");return l(),i("div",null,[["Grid"].includes(o.formConfig.currentItem.component)?(l(),i("div",L,[(l(!0),i(F,null,b(o.formConfig.currentItem.columns,(n,s)=>(l(),i("div",{key:s},[p("div",R,[u(d,{value:n.span,"onUpdate:value":a=>n.span=a,class:"options-value"},null,8,["value","onUpdate:value"]),p("a",{class:"options-delete",onClick:a=>o.deleteGridOptions(s)},[u(r,{icon:"ant-design:delete-outlined"})],8,j)])]))),128)),p("a",{onClick:e[0]||(e[0]=(...n)=>o.addGridOptions&&o.addGridOptions(...n))},[u(r,{icon:"ant-design:file-add-outlined"}),y(" 添加栅格 ")])])):(l(),i("div",q,[(l(!0),i(F,null,b(o.formConfig.currentItem.componentProps[o.key],(n,s)=>(l(),i("div",{key:s},[p("div",z,[u(d,{value:n.label,"onUpdate:value":a=>n.label=a},null,8,["value","onUpdate:value"]),u(d,{value:n.value,"onUpdate:value":a=>n.value=a,class:"options-value"},null,8,["value","onUpdate:value"]),p("a",{class:"options-delete",onClick:a=>o.deleteOptions(s)},[u(r,{icon:"ant-design:delete-outlined"})],8,J)])]))),128)),p("a",{onClick:e[1]||(e[1]=(...n)=>o.addOptions&&o.addOptions(...n))},[u(r,{icon:"ant-design:file-add-outlined"}),y(" 添加选项 ")])]))])}const ee=S(H,[["render",K],["__scopeId","data-v-58fab144"],["__file","E:/allcode/erp/test7901/order-erp-front/src/views/form-design/components/VFormDesign/components/FormOptions.vue"]]);export{ee as default};