snowy-designer
Version:
基于Epic-Designer-Pro版本的设计器,可视化开发页面表单
2 lines (1 loc) • 3 kB
JavaScript
;const e=require("vue");;/* empty css */require("radix-vue");require("clsx");require("tailwind-merge");require("lucide-vue-next");require("../../../ui-kit/base-ui/src/shadch-ui/button/index.cjs");const f=require("@vueuse/core");require("../../../ui-kit/base-ui/src/shadch-ui/toast/index.cjs");const v=require("../../../ui-kit/base-ui/src/components/node/node.vue.cjs"),V=require("../../../utils/src/common/data.cjs");require("../../../hooks/src/store/index.cjs");require("lodash");require("../../../utils/src/manager/pluginManager.cjs");require("monaco-editor");require("../../../utils/src/request/index.cjs");require("vuedraggable");const o=require("ant-design-vue"),g={class:"mb-2 w-full"},x={class:"w-390px flex items-center"},q=e.defineComponent({__name:"actionItem",props:{fieldOptions:{},modelValue:{},triggerOptions:{}},emits:["update:modelValue","delete"],setup(i,{emit:s}){const u=i,l=s,c=e.inject("designer"),t=f.useVModel(u,"modelValue",l),a=e.computed(()=>c.state.selectedNode),d=e.computed(()=>V.findSchemas([a.value],r=>r.id&&r.id===t.value.componentId,!0));function p(){l("delete")}return(m,r)=>(e.openBlock(),e.createElementBlock("div",g,[e.createVNode(e.unref(o.Space),null,{default:e.withCtx(()=>[e.createVNode(e.unref(o.Select),{value:e.unref(t).trigger,"onUpdate:value":r[0]||(r[0]=n=>e.unref(t).trigger=n),class:"w-150px",options:u.triggerOptions,placeholder:"选择动作"},null,8,["value","options"]),e.createElementVNode("div",x,[e.createVNode(e.unref(o.Select),{value:e.unref(t).componentId,"onUpdate:value":r[1]||(r[1]=n=>e.unref(t).componentId=n),style:e.normalizeStyle({width:e.unref(t).trigger==="setValue"&&e.unref(t).componentId?"210px":"100%"}),options:u.fieldOptions,placeholder:"选择字段",onChange:r[2]||(r[2]=n=>e.unref(t).value=void 0)},null,8,["value","style","options"]),e.unref(t).trigger==="setValue"&&e.unref(t).componentId?(e.openBlock(),e.createBlock(e.unref(v),{key:e.unref(t).componentId,modelValue:e.unref(t).value,"onUpdate:modelValue":r[3]||(r[3]=n=>e.unref(t).value=n),class:"w-240px ml-2","component-schema":{...d.value,noFormItem:!0,componentProps:{...d.value.componentProps,defaultValue:void 0,disabled:void 0,hidden:void 0}}},null,8,["modelValue","component-schema"])):e.createCommentVNode("",!0),e.unref(t).trigger!=="setValue"?(e.openBlock(),e.createBlock(e.unref(o.Checkbox),{key:1,checked:e.unref(t).reverseExecute,"onUpdate:checked":r[4]||(r[4]=n=>e.unref(t).reverseExecute=n),class:"w-120px ml-2"},{default:e.withCtx(()=>r[5]||(r[5]=[e.createTextVNode(" 反向执行 ")])),_:1},8,["checked"])):e.createCommentVNode("",!0)]),e.createElementVNode("div",{class:"w-28px h-28px border-1px flex cursor-pointer items-center justify-center rounded-full border-solid border-red-300 bg-red-100 text-red-400 hover:bg-red-400 hover:text-white",onClick:p},r[6]||(r[6]=[e.createElementVNode("span",{class:"icon--epic icon--epic--delete-outline-rounded"},null,-1)]))]),_:1})]))}});module.exports=q;