ai-form-designer/dist/index-elRge9S8.cjs

vue3+adv的设计器,可视化开发页面表单

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),b=require("./vuedraggable.umd-7kGAL5Qy.cjs"),a=require("./index-Dv7gCSaY.cjs"),_=require("./icon.vue_vue_type_script_setup_true_lang-DJbUD5AQ.cjs"),N={class:"epic-component-view flex flex-col"},w={class:"epic-search-box px-10px py-6px"},E={class:"flex flex-1 overflow-auto"},B={class:"epic-tabs-box"},M=["title","onClick"],j={class:"h-full flex-1 overflow-auto py-2 box-border"},I=["onClick"],L={class:"epic-componet-label flex-1 w-0 truncate"},q={class:"text-center pt-42px text-gray-400"},P=e.defineComponent({__name:"index",setup(T){const x=a.pluginManager.getComponent("input"),u=e.inject("pageSchema"),d=e.inject("designer"),k=e.inject("revoke"),y=e.inject("designerProps"),p=a.pluginManager.getComponentSchemaGroups(),c=e.ref(""),m={title:"全部",list:[]},i=e.ref(m),C=e.computed(()=>[m,...p.value]),s=e.computed(()=>{let o=i.value.list;if(i.value.title==="全部"){const n=p.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))&&(!y.value.formMode||n.type!=="form")})});function S(o){i.value=o}function V(o){var h,v,f;const n=a.findSchemaInfoById(u.schemas,((h=d.state.checkedNode)==null?void 0:h.id)??"root");if(!n)return!1;let{list:t,schema:l,index:r}=n;l.children&&!((f=(v=a.pluginManager.getComponentConfingByType(l.type))==null?void 0:v.editConstraints)!=null&&f.childImmovable)&&(t=l.children,r=l.children.length-1);const g=a.generateNewSchema(o);t.splice(r+1,0,g),d.setCheckedNode(g),k.push(u.schemas,"插入组件")}return(o,n)=>(e.openBlock(),e.createElementBlock("div",N,[e.createElementVNode("div",w,[e.createVNode(e.unref(x),{placeholder:"搜索组件",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(_._sfc_main),{class:"text-$epic-text-helper",name:"icon--epic--search-rounded"})]),_:1},8,["modelValue","value"])]),e.createElementVNode("div",E,[e.createElementVNode("div",B,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(C.value,(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["epic-tab cursor-pointer truncate",{checked:i.value.title===t.title}]),key:l,title:t.title,onClick:r=>S(t)},e.toDisplayString(t.title),11,M))),128))]),e.createElementVNode("div",j,[e.createVNode(e.unref(b.draggable),e.mergeProps({modelValue:s.value,"onUpdate:modelValue":n[2]||(n[2]=t=>s.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=>V(t)},[e.createVNode(e.unref(_._sfc_main),{name:e.unref(a.pluginManager).getComponentConfingByType(t.type).icon??""},null,8,["name"]),e.createElementVNode("div",L,e.toDisplayString(t.label),1)],8,I)]),_:1},16,["modelValue","clone"]),e.withDirectives(e.createElementVNode("div",q,"没有查询到的组件",512),[[e.vShow,!s.value.length]])])])]))}});exports.default=P;