epic-designer
Version:
基于vue3的设计器,可视化开发页面表单
2 lines (1 loc) • 2.45 kB
JavaScript
"use strict";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 a=require("../../../../../manager/src/pluginManager.cjs"),k=require("../../../../../utils/src/common/string.cjs");require("../../../../../git/epic/epic-designer/node_modules/.pnpm/jsep@1.4.0/node_modules/jsep/dist/jsep.cjs");const x=require("@vueuse/core");require("../../../../../hooks/src/store/index.cjs");;/* empty css */const _=e.defineComponent({__name:"index",props:{modelValue:{default:()=>[],type:Array}},emits:["update:modelValue"],setup(i,{emit:c}){const d=i,p=c,s=a.pluginManager.component.get("button"),m=a.pluginManager.component.get("number"),n=x.useVModel(d,"modelValue",p);function g(){const o={id:k.getUUID(),props:{span:12},type:"col",children:[]};n.value=[...n.value,o]}function v(o){n.value=n.value.filter((r,t)=>t!==o)}return(o,r)=>(e.openBlock(),e.createElementBlock("div",null,[e.createVNode(e.unref(f.VueDraggable),{modelValue:e.unref(n),"onUpdate:modelValue":r[0]||(r[0]=t=>e.isRef(n)?n.value=t:null),"item-key":"id","component-data":{type:"transition-group"},class:"edit-col-range",animation:200,gorup:{name:"edit-col-range"},handle:".handle"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(n),(t,V)=>(e.openBlock(),e.createElementBlock("div",{key:t.id,class:"EColEditor-item text-16px text-$ep-text-secondary mb-2 grid grid-cols-[16px_auto_auto_16px] items-center gap-2"},[e.createVNode(e.unref(u),{class:"handle mr-2 cursor-move",name:"icon--epic--drag"}),e.createVNode(e.unref(m),{value:t.props.span,"onUpdate:value":l=>t.props.span=l,modelValue:t.props.span,"onUpdate:modelValue":l=>t.props.span=l,style:{width:"100%"},min:1,max:24},null,8,["value","onUpdate:value","modelValue","onUpdate:modelValue"]),e.unref(n).length>1?(e.openBlock(),e.createBlock(e.unref(u),{key:0,class:"hover:text-$ep-destructive cursor-pointer",name:"icon--epic--delete-outline-rounded",onClick:l=>v(V)},null,8,["onClick"])):e.createCommentVNode("",!0)]))),128))]),_:1},8,["modelValue"]),e.createVNode(e.unref(s),{onClick:g},{default:e.withCtx(()=>[...r[1]||(r[1]=[e.createTextVNode(" 添加列 ",-1)])]),_:1})]))}});module.exports=_;