epic-designer
Version:
基于vue3的设计器,可视化开发页面表单
2 lines (1 loc) • 2.9 kB
JavaScript
;const e=require("vue"),f=require("vue-draggable-plus");;/* empty css */const u=require("../../../../base-ui/src/icon/icon.vue.cjs");;/* empty css */;/* empty css */const g=require("../../../../../manager/src/pluginManager.cjs");require("../../../../../git/epic/epic-designer/node_modules/.pnpm/jsep@1.4.0/node_modules/jsep/dist/jsep.cjs");const h=require("@vueuse/core");require("../../../../../hooks/src/store/index.cjs");;/* empty css */const k=require("./optionsEditorContext.cjs"),x={key:0,class:"pl-4"},q=e.defineComponent({name:"EOptionItem",__name:"optionItem",props:{modelValue:{}},emits:["update:modelValue"],setup(s,{emit:m}){const p=s,v=m,c=g.pluginManager.component.get("input"),d=e.inject(k.OPTIONS_EDITOR_TREE_KEY,!1),t=h.useVModel(p,"modelValue",v);function V(a){const o={label:"",value:""};a.children?a.children.push(o):a.children=[o]}function _(a){t.value=t.value.filter((o,r)=>r!==a)}return(a,o)=>{const r=e.resolveComponent("EOptionItem");return e.openBlock(),e.createBlock(e.unref(f.VueDraggable),{modelValue:e.unref(t),"onUpdate:modelValue":o[0]||(o[0]=l=>e.isRef(t)?t.value=l:null),"item-key":"id","component-data":{type:"transition-group"},group:"option-list",handle:".handle",animation:200},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(t),(l,i)=>(e.openBlock(),e.createElementBlock("div",{key:i},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(d)?"grid-cols-[16px_auto_auto_16px_16px]":"grid-cols-[16px_auto_auto_16px]","option-item text-16px text-$ep-text-secondary mb-2 grid items-center gap-2"])},[e.createVNode(e.unref(u),{class:"handle mr-2 cursor-move",name:"icon--epic--drag"}),e.createVNode(e.unref(c),{modelValue:l.label,"onUpdate:modelValue":n=>l.label=n,value:l.label,"onUpdate:value":n=>l.label=n,placeholder:"label"},null,8,["modelValue","onUpdate:modelValue","value","onUpdate:value"]),e.createVNode(e.unref(c),{modelValue:l.value,"onUpdate:modelValue":n=>l.value=n,value:l.value,"onUpdate:value":n=>l.value=n,placeholder:"value"},null,8,["modelValue","onUpdate:modelValue","value","onUpdate:value"]),e.unref(d)?(e.openBlock(),e.createBlock(e.unref(u),{key:0,class:"text-lg! cursor-pointer",name:"icon--epic--add-rounded",onClick:n=>V(l)},null,8,["onClick"])):e.createCommentVNode("",!0),e.createVNode(e.unref(u),{class:"hover:text-red cursor-pointer",name:"icon--epic--delete-outline-rounded",onClick:n=>_(i)},null,8,["onClick"])],2),l.children?(e.openBlock(),e.createElementBlock("div",x,[e.createVNode(r,{modelValue:l.children,"onUpdate:modelValue":n=>l.children=n},null,8,["modelValue","onUpdate:modelValue"])])):e.createCommentVNode("",!0)]))),128))]),_:1},8,["modelValue"])}}});module.exports=q;