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

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

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