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