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

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

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