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

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

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),g=require("./vuedraggable.umd-7kGAL5Qy.cjs"),m=require("./index-Dv7gCSaY.cjs"),_=require("./icon.vue_vue_type_script_setup_true_lang-DJbUD5AQ.cjs"),h={key:0,class:"pl-4"},x=e.defineComponent({name:"EOptionItem",__name:"optionItem",props:{modelValue:{}},emits:["update:modelValue"],setup(s,{emit:p}){const v=s,r=m.pluginManager.getComponent("input"),c=e.inject("tree",!1),o=p,u=m.useVModel(v,"modelValue",o);function i(n){const a={label:"",value:""};n.children?n.children.push(a):n.children=[a]}function d(n){u.value=u.value.filter((a,V)=>V!==n)}return(n,a)=>{const V=e.resolveComponent("EOptionItem");return e.openBlock(),e.createBlock(e.unref(g.draggable),{modelValue:e.unref(u),"onUpdate:modelValue":a[0]||(a[0]=l=>e.isRef(u)?u.value=l:null),"item-key":"id","component-data":{type:"transition-group"},group:"option-list",handle:".handle",animation:200},{item:e.withCtx(({element:l,index:f})=>[e.createElementVNode("div",null,[e.createElementVNode("div",{class:e.normalizeClass([e.unref(c)?"grid-cols-[16px_auto_auto_16px_16px]":"grid-cols-[16px_auto_auto_16px]","option-item text-16px grid text-$epic-text-secondary gap-2 items-center mb-2"])},[e.createVNode(e.unref(_._sfc_main),{class:"mr-2 cursor-move handle",name:"icon--epic--drag"}),e.createVNode(e.unref(r),{modelValue:l.label,"onUpdate:modelValue":t=>l.label=t,value:l.label,"onUpdate:value":t=>l.label=t,placeholder:"label"},null,8,["modelValue","onUpdate:modelValue","value","onUpdate:value"]),e.createVNode(e.unref(r),{modelValue:l.value,"onUpdate:modelValue":t=>l.value=t,value:l.value,"onUpdate:value":t=>l.value=t,placeholder:"value"},null,8,["modelValue","onUpdate:modelValue","value","onUpdate:value"]),e.unref(c)?(e.openBlock(),e.createBlock(e.unref(_._sfc_main),{key:0,class:"cursor-pointer text-lg!",name:"icon--epic--add-rounded",onClick:t=>i(l)},null,8,["onClick"])):e.createCommentVNode("",!0),e.createVNode(e.unref(_._sfc_main),{class:"hover:text-red cursor-pointer",name:"icon--epic--delete-outline-rounded",onClick:t=>d(f)},null,8,["onClick"])],2),l.children?(e.openBlock(),e.createElementBlock("div",h,[e.createVNode(V,{modelValue:l.children,"onUpdate:modelValue":t=>l.children=t},null,8,["modelValue","onUpdate:modelValue"])])):e.createCommentVNode("",!0)])]),_:1},8,["modelValue"])}}}),k={class:""},C={class:"py-4 my-2 text-center text-gray-400 bg-white"},b=e.defineComponent({__name:"index",props:{tree:{type:Boolean},modelValue:{}},emits:["update:modelValue"],setup(s,{emit:p}){const v=m.pluginManager.getComponent("button"),r=s,c=p,o=m.useVModel(r,"modelValue",c);e.provide("tree",r.tree);function u(){const i=e.reactive({label:"",value:""});o.value=[...o.value,i]}return(i,d)=>{var n;return e.openBlock(),e.createElementBlock("div",k,[e.withDirectives(e.createElementVNode("div",C,"暂无选项",512),[[e.vShow,!((n=e.unref(o))!=null&&n.length)]]),e.createVNode(x,{modelValue:e.unref(o),"onUpdate:modelValue":d[0]||(d[0]=a=>e.isRef(o)?o.value=a:null)},null,8,["modelValue"]),e.createVNode(e.unref(v),{onClick:u},{default:e.withCtx(()=>d[1]||(d[1]=[e.createTextVNode("添加选项")])),_:1,__:[1]})])}}});exports.default=b;