epic-designer
Version:
基于vue3的设计器,可视化开发页面表单
2 lines (1 loc) • 2.77 kB
JavaScript
;const e=require("vue");;/* empty css */;/* empty css */;/* empty css */;/* empty css */require("vue-draggable-plus");require("../../../../../git/epic/epic-designer/node_modules/.pnpm/jsep@1.4.0/node_modules/jsep/dist/jsep.cjs");require("@vueuse/core");require("../../../../../hooks/src/store/index.cjs");const s=require("../../../../../manager/src/pluginManager.cjs"),M=require("./src/EActionEditorItem.vue.cjs"),C=e.defineComponent({__name:"index",props:{eventList:{default:()=>[],type:Array},modelValue:{default:()=>({}),type:Object}},emits:["update:modelValue"],setup(f,{emit:g}){const i=f,y=g,V=s.pluginManager.component.get("epActionModal"),E=s.pluginManager.component.get("Collapse"),q=s.pluginManager.component.get("CollapseItem"),p=e.ref(null);let v=0;const a=e.computed({get(){return i.modelValue},set(n){y("update:modelValue",n)}}),u=e.ref([]),c=e.computed(()=>i.eventList.filter(n=>n.events.length)),m=e.computed(()=>i.eventList.flatMap(n=>n.events)),r=e.ref({});m.value.forEach(n=>{r.value[n.type]=e.computed({get(){var t;return((t=a.value)==null?void 0:t[n.type])??[]},set(t){t&&t.length>0?a.value[n.type]=t.map(l=>e.toRaw(l)):delete a.value[n.type]}})}),e.watch(()=>c.value,n=>{n.length>0&&(u.value=n.filter(t=>{for(let l=0;l<t.events.length;l++){const d=t.events[l].type;if(r.value[d].length>0)return!0}return!1}).map(t=>t.title))},{immediate:!0});let o="";function h(n){var t;(t=p.value)==null||t.handleOpen(),o=n}function k(n,t,l){var d;(d=p.value)==null||d.handleOpenEdit(l),v=n,o=t}function x(n){r.value[o][v]=n,a.value[o]=[...r.value[o]??[]]}function A(n){a.value={...a.value,[o]:[...r.value[o]||[],n]}}return(n,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(E),{modelValue:u.value,"onUpdate:modelValue":t[1]||(t[1]=l=>u.value=l),"active-key":u.value,"onUpdate:activeKey":t[2]||(t[2]=l=>u.value=l),"expanded-names":u.value,"onUpdate:expandedNames":t[3]||(t[3]=l=>u.value=l)},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,l=>(e.openBlock(),e.createBlock(e.unref(q),{key:l.title,title:l.title,header:l.title,name:l.title},{default:e.withCtx(()=>[e.createVNode(M,{modelValue:a.value,"onUpdate:modelValue":t[0]||(t[0]=d=>a.value=d),"item-events":l.events,"all-events":m.value,events:r.value,onAdd:h,onEdit:k},null,8,["modelValue","item-events","all-events","events"])]),_:2},1032,["title","header","name"]))),128))]),_:1},8,["modelValue","active-key","expanded-names"]),e.createVNode(e.unref(V),{ref_key:"epActionModalRef",ref:p,onAdd:A,onEdit:x},null,512)],64))}});module.exports=C;