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

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

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