epic-designer-gold/dist/index-CIJApqUt.cjs

基于vue3的设计器,可视化开发页面表单

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),B=require("./vuedraggable.umd-CxOWsXm8.cjs"),o=require("./pluginManager-C8aQylGX.cjs"),M=require("./index-DN7FXwXR.cjs"),_=require("./icon.vue_vue_type_script_setup_true_lang-DJbUD5AQ.cjs"),C=require("./index-BoL2PSBk.cjs"),E={class:"epic-component-view flex flex-col"},I={class:"epic-search-box px-10px py-6px"},q={class:"flex flex-1 overflow-auto"},j={class:"box-border h-full flex-1 overflow-auto"},L=["onClick"],U=["title"],P=e.defineComponent({__name:"index",setup(T){const{t:r}=C.useLocale(),x=o.pluginManager.getComponent("input"),V=o.pluginManager.getComponent("Collapse"),y=o.pluginManager.getComponent("CollapseItem"),u=e.inject("pageSchema"),d=e.inject("designer"),k=e.inject("revoke"),S=e.inject("designerProps"),p=o.pluginManager.getComponentSchemaGroups(),c=e.ref(""),N={title:r("all"),list:[]},s=M.useStorage("epic-component-view-keys",[]),b=e.computed(()=>p.value.map(n=>({...n,list:n.list.filter(l=>{var t;return(t=l.label)==null?void 0:t.includes(c.value)})})).filter(n=>n.list.length>0));e.computed(()=>(C.api.get("saas-locale")||"zh-CN")==="zh-CN");const m=e.ref(N);e.computed(()=>{let n=m.value.list;if(m.value.title===r("all")){const l=p.value.map(t=>t.list);n=[].concat(...l)}return n.filter(l=>{var t;return((t=l.label)==null?void 0:t.includes(c.value))&&(!S.value.formMode||l.type!=="form")})});function w(n){var g,h,v;const l=o.findSchemaInfoById(u.schemas,((g=d.state.checkedNode)==null?void 0:g.id)??"root");if(!l)return!1;let{list:t,schema:a,index:i}=l;a.children&&!((v=(h=o.pluginManager.getComponentConfingByType(a.type))==null?void 0:h.editConstraints)!=null&&v.childImmovable)&&(t=a.children,i=a.children.length-1);const f=o.generateNewSchema(n);t.splice(i+1,0,f),d.setCheckedNode(f),k.push(u.schemas,"插入组件")}return(n,l)=>(e.openBlock(),e.createElementBlock("div",E,[e.createElementVNode("div",I,[e.createVNode(e.unref(x),{placeholder:e.unref(r)("searchComponent"),modelValue:c.value,"onUpdate:modelValue":l[0]||(l[0]=t=>c.value=t),clearable:"",allowClear:"",value:c.value,"onUpdate:value":l[1]||(l[1]=t=>c.value=t)},{prefix:e.withCtx(()=>[e.createVNode(e.unref(_._sfc_main),{class:"text-$epic-text-helper",name:"icon--epic--search-rounded"})]),_:1},8,["placeholder","modelValue","value"])]),e.createElementVNode("div",q,[e.createElementVNode("div",j,[e.createVNode(e.unref(V),{class:"ep-collapse","default-expand-all":!e.unref(s).length,modelValue:e.unref(s),"onUpdate:modelValue":l[2]||(l[2]=t=>e.isRef(s)?s.value=t:null)},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,t=>(e.openBlock(),e.createBlock(e.unref(y),{class:"ep-collapse-item",name:t.title,title:t.title},{default:e.withCtx(()=>[e.createVNode(e.unref(B.draggable),e.mergeProps({modelValue:t.list,"onUpdate:modelValue":a=>t.list=a},{ref_for:!0},{group:{name:"edit-draggable",pull:"clone",put:!1},sort:!1,animation:180,ghostClass:"moving"},{clone:e.unref(o.generateNewSchema),"item-key":"id",class:"grid grid-cols-[auto_auto] gap-2"}),{item:e.withCtx(({element:a})=>[e.createElementVNode("div",{class:"epic-componet-item flex items-center truncate",onClick:i=>w(a)},[e.createVNode(e.unref(_._sfc_main),{name:e.unref(o.pluginManager).getComponentConfingByType(a.type).icon??""},null,8,["name"]),e.createElementVNode("div",{title:a.label,class:"epic-componet-label w-0 flex-1 truncate"},e.toDisplayString(a.label),9,U)],8,L)]),_:1},16,["modelValue","onUpdate:modelValue","clone"])]),_:2},1032,["name","title"]))),256))]),_:1},8,["default-expand-all","modelValue"])])])]))}});exports.default=P;