epic-designer
Version:
基于vue3的设计器,可视化开发页面表单
2 lines (1 loc) • 1.14 kB
JavaScript
;const e=require("vue");;/* empty css */require("vuedraggable");const p=require("@vueuse/core");require("../../../../../hooks/src/store/index.cjs");const m=require("../../../../../utils/src/manager/pluginManager.cjs"),_=require("./optionItem.vue.cjs"),v={class:""},V={class:"my-2 bg-white py-4 text-center text-gray-400"},g=e.defineComponent({__name:"index",props:{modelValue:{},tree:{type:Boolean}},emits:["update:modelValue"],setup(l,{emit:i}){const o=l,s=i,a=m.pluginManager.getComponent("button"),t=p.useVModel(o,"modelValue",s);e.provide("tree",o.tree);function c(){const r=e.reactive({label:"",value:""});t.value=[...t.value,r]}return(r,n)=>{var u;return e.openBlock(),e.createElementBlock("div",v,[e.withDirectives(e.createElementVNode("div",V," 暂无选项 ",512),[[e.vShow,!((u=e.unref(t))!=null&&u.length)]]),e.createVNode(_,{modelValue:e.unref(t),"onUpdate:modelValue":n[0]||(n[0]=d=>e.isRef(t)?t.value=d:null)},null,8,["modelValue"]),e.createVNode(e.unref(a),{onClick:c},{default:e.withCtx(()=>n[1]||(n[1]=[e.createTextVNode(" 添加选项 ")])),_:1})])}}});module.exports=g;