snowy-designer/dist/ui-kit/panel-ui/src/components/EOptionsEditor/optionItem.vue.cjs

基于Epic-Designer-Pro版本的设计器,可视化开发页面表单

"use strict";const e=require("vue");;/* empty css                                   */const o=require("../../../../base-ui/src/components/icon/icon.vue.cjs");require("radix-vue");require("clsx");require("tailwind-merge");require("lucide-vue-next");require("../../../../base-ui/src/shadch-ui/button/index.cjs");const g=require("@vueuse/core");require("../../../../base-ui/src/shadch-ui/toast/index.cjs");require("../../../../../hooks/src/store/index.cjs");require("lodash");const f=require("../../../../../utils/src/manager/pluginManager.cjs");require("monaco-editor");require("../../../../../utils/src/request/index.cjs");const q=require("vuedraggable"),x={key:0,class:"pl-4"},C=e.defineComponent({name:"EOptionItem",__name:"optionItem",props:{modelValue:{}},emits:["update:modelValue"],setup(s,{emit:p}){const v=s,d=p,c=f.pluginManager.getComponent("input"),i=e.inject("tree",!1),a=g.useVModel(v,"modelValue",d);function V(t){const u={label:null,value:null};t.children?t.children.push(u):t.children=[u]}function m(){d("update:modelValue",a.value)}function _(t){a.value=a.value.filter((u,r)=>r!==t)}return(t,u)=>{const r=e.resolveComponent("EOptionItem");return e.openBlock(),e.createBlock(e.unref(q),{modelValue:e.unref(a),"onUpdate:modelValue":u[0]||(u[0]=l=>e.isRef(a)?a.value=l:null),"item-key":"id","component-data":{type:"transition-group"},group:"option-list",handle:".handle",animation:200},{item:e.withCtx(({element:l,index:h})=>[e.createElementVNode("div",null,[e.createElementVNode("div",{class:e.normalizeClass([e.unref(i)?"grid-cols-[16px_auto_auto_16px_16px]":"grid-cols-[16px_auto_auto_16px]","option-item text-$epic-text-medium mb-2 grid items-center gap-2"])},[e.createVNode(e.unref(o),{class:"handle mr-2 cursor-move text-lg",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",onChange:m},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",onChange:m},null,8,["modelValue","onUpdate:modelValue","value","onUpdate:value"]),e.unref(i)?(e.openBlock(),e.createBlock(e.unref(o),{key:0,class:"cursor-pointer text-lg",name:"icon--epic--add-rounded",onClick:n=>V(l)},null,8,["onClick"])):e.createCommentVNode("",!0),e.createVNode(e.unref(o),{class:"hover:text-red cursor-pointer text-lg",name:"icon--epic--delete-outline-rounded",onClick:n=>_(h)},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)])]),_:1},8,["modelValue"])}}});module.exports=C;