@javaguns/flow-ui
Version:
``` <template> <a-spin :spinning="loading"> <FlowDesigner ref="flowDesigner" top="50px"> </FlowDesigner> </a-spin> </template> <script lang="ts" setup> import { ref, provide, onMounted } from 'vue'; import { FlowDesigner, LoadingKey } from '@j
2 lines (1 loc) • 4.25 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),d=require("@javaguns/utils"),r=require("../../flow-selection/index.js"),B=l.defineComponent({__name:"flowComponent",props:{modelValue:{},comp:{default:"input"},options:{default:()=>[]},placeholder:{default:"数值"}},emits:["update:modelValue","update:label","update:code","change"],setup(c,{emit:f}){const k=d.pluginManager.getComponent("Input"),V=d.pluginManager.getComponent("Select"),y=d.pluginManager.getComponent("SelectOption"),i=d.pluginManager.getComponent("DatePicker"),g=d.pluginManager.getComponent("TimePicker"),u=c,a=l.ref(null),n=l.ref(null);l.watch(()=>u.modelValue,t=>{v(t)}),l.onMounted(()=>{v(u.modelValue)});const v=t=>{t&&t.length>0?["user","dept","role","pos"].includes(u.comp)?a.value=t:a.value=t[0]:a.value=null},m=f,p=()=>{if(a.value){let t=[a.value],o=[a.value];if(["user","dept","role","pos"].includes(u.comp)&&(t=a.value,o=n.value),["select","radio"].includes(u.comp)){const e=u.options.filter(s=>s.value==a.value);e&&(o=[],e.forEach(s=>o.push(s.label)))}m("update:modelValue",t),m("update:code",o),m("change",t)}};return(t,o)=>u.comp=="select"||u.comp=="radio"?(l.openBlock(),l.createBlock(l.unref(V),{key:0,modelValue:a.value,"onUpdate:modelValue":o[0]||(o[0]=e=>a.value=e),placeholder:u.placeholder,class:"w-fill",onChange:p},{default:l.withCtx(()=>[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(u.options,e=>(l.openBlock(),l.createBlock(l.unref(y),{key:e.value,label:e.label,value:e.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])):u.comp=="datetime"?(l.openBlock(),l.createBlock(l.unref(i),{key:1,value:a.value,"onUpdate:value":o[1]||(o[1]=e=>a.value=e),modelValue:a.value,"onUpdate:modelValue":o[2]||(o[2]=e=>a.value=e),type:"datetime","value-format":"yyyy-MM-dd HH:mm:ss",placeholder:u.placeholder,class:"w-fill",onChange:p},null,8,["value","modelValue","placeholder"])):u.comp=="user"?(l.openBlock(),l.createBlock(l.unref(r.FlowSelection),{key:2,ref:"flowSelection",type:"user",title:"请选择人员",styleType:"select",min:1,max:1,modelValue:a.value,"onUpdate:modelValue":o[3]||(o[3]=e=>a.value=e),label:n.value,"onUpdate:label":o[4]||(o[4]=e=>n.value=e),onChange:p},null,8,["modelValue","label"])):u.comp=="dept"?(l.openBlock(),l.createBlock(l.unref(r.FlowSelection),{key:3,ref:"flowSelection",type:"dept",title:"请选择部门",styleType:"select",min:1,max:1,modelValue:a.value,"onUpdate:modelValue":o[5]||(o[5]=e=>a.value=e),label:n.value,"onUpdate:label":o[6]||(o[6]=e=>n.value=e),onChange:p},null,8,["modelValue","label"])):u.comp=="role"?(l.openBlock(),l.createBlock(l.unref(r.FlowSelection),{key:4,ref:"flowSelection",type:"role",title:"请选择角色",styleType:"select",min:1,max:1,modelValue:a.value,"onUpdate:modelValue":o[7]||(o[7]=e=>a.value=e),label:n.value,"onUpdate:label":o[8]||(o[8]=e=>n.value=e),onChange:p},null,8,["modelValue","label"])):u.comp=="pos"?(l.openBlock(),l.createBlock(l.unref(r.FlowSelection),{key:5,ref:"flowSelection",type:"post",title:"请选择职位",styleType:"select",min:1,max:1,modelValue:a.value,"onUpdate:modelValue":o[9]||(o[9]=e=>a.value=e),label:n.value,"onUpdate:label":o[10]||(o[10]=e=>n.value=e),onChange:p},null,8,["modelValue","label"])):u.comp=="date"?(l.openBlock(),l.createBlock(l.unref(i),{key:6,value:a.value,"onUpdate:value":o[11]||(o[11]=e=>a.value=e),modelValue:a.value,"onUpdate:modelValue":o[12]||(o[12]=e=>a.value=e),type:"date","value-format":"yyyy-MM-dd",placeholder:u.placeholder,class:"w-fill",onChange:p},null,8,["value","modelValue","placeholder"])):u.comp=="time"?(l.openBlock(),l.createBlock(l.unref(g),{key:7,value:a.value,"onUpdate:value":o[13]||(o[13]=e=>a.value=e),modelValue:a.value,"onUpdate:modelValue":o[14]||(o[14]=e=>a.value=e),valueFormat:"HH:mm:ss",placeholder:u.placeholder,class:"w-fill",onChange:p},null,8,["value","modelValue","placeholder"])):(l.openBlock(),l.createBlock(l.unref(k),{key:8,value:a.value,"onUpdate:value":o[15]||(o[15]=e=>a.value=e),modelValue:a.value,"onUpdate:modelValue":o[16]||(o[16]=e=>a.value=e),placeholder:u.placeholder,class:"w-fill",onChange:p},null,8,["value","modelValue","placeholder"]))}});exports.default=B;