snowy-designer/dist/ui-kit/panel-ui/src/components/ETabPaneEditor/index.vue2.cjs

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

"use strict";const e=require("vue");;/* empty css                                   */const i=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");require("@vueuse/core");require("../../../../base-ui/src/shadch-ui/toast/index.cjs");const v=require("../../../../../utils/src/common/string.cjs");require("../../../../../hooks/src/store/index.cjs");require("lodash");const V=require("../../../../../utils/src/manager/pluginManager.cjs");require("monaco-editor");require("../../../../../utils/src/request/index.cjs");const _=require("vuedraggable"),q={class:"epic-propedit-item p-2"},h={key:0,class:"epic-option-del-btn flex items-center"},b=e.defineComponent({inheritAttrs:!1,__name:"index",props:{modelValue:{default:()=>[],type:Array}},emits:["update:modelValue"],setup(u,{emit:c}){const d=u,p=c,s=V.pluginManager.getComponent("input"),t=e.computed({get(){return d.modelValue},set(n){p("update:modelValue",n)}});function m(){const n=t.value.length+1,o={id:v.getUUID(),label:`标签${n}`,type:"tab-pane",children:[]};t.value.push(o)}function g(n){t.value.splice(n,1)}return(n,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",q,[e.createVNode(e.unref(_),{modelValue:t.value,"onUpdate:modelValue":o[0]||(o[0]=l=>t.value=l),"item-key":"id","component-data":{type:"transition-group"},group:"option-list",handle:".handle",animation:200},{item:e.withCtx(({element:l,index:a})=>[(e.openBlock(),e.createElementBlock("div",{key:a,class:"epic-tab-pane-editor-item my-2 grid grid-cols-[auto_auto_16px] items-center gap-2"},[e.createVNode(e.unref(i),{class:"handle cursor-move text-lg",name:"icon--epic--drag"}),e.createVNode(e.unref(s),{value:l.label,"onUpdate:value":r=>l.label=r,modelValue:l.label,"onUpdate:modelValue":r=>l.label=r},null,8,["value","onUpdate:value","modelValue","onUpdate:modelValue"]),t.value.length>1?(e.openBlock(),e.createElementBlock("div",h,[e.createVNode(e.unref(i),{class:"hover:text-red cursor-pointer text-lg",name:"icon--epic--delete-outline-rounded",onClick:r=>g(a)},null,8,["onClick"])])):e.createCommentVNode("",!0)]))]),_:1},8,["modelValue"])]),e.createElementVNode("div",{class:"epic-button ghost primary epic-option-add-btn",onClick:m}," 添加 ")],64))}});module.exports=b;