snowy-designer
Version:
基于Epic-Designer-Pro版本的设计器,可视化开发页面表单
2 lines (1 loc) • 1.57 kB
JavaScript
;const e=require("vue");;/* empty css */require("radix-vue");require("clsx");require("tailwind-merge");require("lucide-vue-next");require("../../../../base-ui/src/shadch-ui/button/index.cjs");const p=require("@vueuse/core");require("../../../../base-ui/src/shadch-ui/toast/index.cjs");require("../../../../../hooks/src/store/index.cjs");require("lodash");require("../../../../../utils/src/manager/pluginManager.cjs");require("monaco-editor");require("../../../../../utils/src/request/index.cjs");require("vuedraggable");const v=require("./optionItem.vue.cjs"),_=require("../../../../base-ui/src/shadch-ui/button/Button.vue.cjs"),m={class:""},q=e.defineComponent({__name:"options",props:{modelValue:{},placeholder:{default:"暂无数据"}},emits:["update:modelValue"],setup(n,{emit:a}){const s=n,c=a,r=p.useVModel(s,"modelValue",c),u=e.ref([]);e.watch(()=>r.value,()=>{u.value=r.value??[]},{deep:!0,immediate:!0});function o(t){r.value=t}function d(){const t=e.reactive({label:"",value:""});u.value.push(t),o(u.value)}return(t,l)=>{var i;return e.openBlock(),e.createElementBlock("div",m,[e.withDirectives(e.createElementVNode("div",{class:"my-2 bg-white py-4 text-center text-gray-400"},e.toDisplayString(t.placeholder),513),[[e.vShow,!((i=e.unref(r))!=null&&i.length)&&t.placeholder]]),e.createVNode(v,{"model-value":u.value,"onUpdate:modelValue":o},null,8,["model-value"]),e.createVNode(e.unref(_),{size:"xs",onClick:d},{default:e.withCtx(()=>l[0]||(l[0]=[e.createTextVNode(" 新增选项 ")])),_:1})])}}});module.exports=q;