@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.61 kB
JavaScript
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@javaguns/utils"),q=require("../../utils/injection-key.js"),u=require("../../utils/api.js"),R=require("./approver/flowApproverGroup.vue.js"),B=require("../common/flowDrawerContent.vue.js"),c=require("../common/flowSelect.vue.js"),G=require("../common/flowTable.vue.js"),S=e.defineComponent({name:"flow-subflow-drawer"}),K=e.defineComponent({...S,props:{node:{default:()=>({})}},setup(g,{expose:w}){const b=i.pluginManager.getComponent("Tabs"),f=i.pluginManager.getComponent("TabPane"),y=i.pluginManager.getComponent("Form"),M=i.pluginManager.getComponent("FormItem"),o=g,{appContext:N}=e.getCurrentInstance(),v=N.app.config.globalProperties.$flowUI,_=e.ref(),s=e.ref(),n=e.ref(1),F=e.ref([]),V=e.inject(q.ModelKey,e.ref({})),p=e.ref([]),r=e.ref([]),C=e.ref([8,9,10,13,21]),I=e.ref([{title:"父表单字段",dataIndex:"parentFieldName",key:"parentFieldName",span:11},{title:"子表单字段",dataIndex:"childFieldName",key:"childFieldName",span:11},{title:"操作",dataIndex:"action",key:"action",span:2}]),h=async l=>{if(l.add){let t=o.node.parentToChildFields.indexOf(l);t!==-1&&o.node.parentToChildFields.splice(t,1)}else await u.delFormField({fieldId:l.fieldId}),m()},x=()=>{o.node.parentToChildFields.push({childFieldModel:null,childFieldName:null,parentFieldModel:null,parentFieldName:null,add:!0})},m=async()=>{var t,a;const l=o.node.attr.parentModelId;if(l){const d=await u.getFormFieldList({modelId:l,classify:2});if(p.value=[],p.value=(t=d.data)==null?void 0:t.data,r.value.length==0){const T=await u.getFormFieldList({modelId:V.value.modelId,classify:2});r.value=[],r.value=(a=T.data)==null?void 0:a.data}}},U=async()=>{try{let l=null;return v=="element-plus"||v=="arco-design"?l=await s.value.validate():l=await s.value.validateFields(),console.log("Success:",l),!0}catch(l){return console.log("Failed:",l),!1}},k=async()=>{var a;const l=await U(),t=await((a=_.value)==null?void 0:a.valid());return l&&t};return e.onMounted(async()=>{var t;const l=await u.getModelList({});F.value=(t=l==null?void 0:l.data)==null?void 0:t.data,await m()}),w({valid:k}),(l,t)=>(e.openBlock(),e.createBlock(e.unref(b),{class:"demo-tabs",modelValue:n.value,"onUpdate:modelValue":t[2]||(t[2]=a=>n.value=a),activeKey:n.value,"onUpdate:activeKey":t[3]||(t[3]=a=>n.value=a),animated:""},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.unref(f),{label:"发起人设置",title:"发起人设置",name:1,key:1,tab:"发起人设置",forceRender:""},{default:e.withCtx(()=>[e.createVNode(B.default,{name:"子流程选择"},{default:e.withCtx(()=>[e.createVNode(e.unref(y),{ref_key:"formRef",ref:s,model:o.node.attr,class:"flow-drawer-approver-group"},{default:e.withCtx(()=>[e.createVNode(e.unref(M),{"hide-label":!0,name:"parentModelId",prop:"parentModelId",field:"parentModelId",rules:[{required:!0,message:"不能为空"}]},{default:e.withCtx(()=>[e.createVNode(c.default,{modelValue:o.node.attr.parentModelId,"onUpdate:modelValue":t[0]||(t[0]=a=>o.node.attr.parentModelId=a),label:o.node.attr.parentModelName,"onUpdate:label":t[1]||(t[1]=a=>o.node.attr.parentModelName=a),"label-name":"modelName","value-name":"modelId",mode:"simple",datas:F.value,onChange:m},null,8,["modelValue","label","datas"])]),_:1})]),_:1},8,["model"])]),_:1}),e.createVNode(R.default,{ref_key:"approverGroup",ref:_,node:o.node,title:"发起人",multiple:!1,approverTypes:C.value},null,8,["node","approverTypes"])]),_:1})),(e.openBlock(),e.createBlock(e.unref(f),{label:"数据设置",title:"数据设置",name:2,key:2,tab:"数据设置",forceRender:""},{default:e.withCtx(()=>[e.createVNode(G.default,{columns:I.value,datas:o.node.parentToChildFields,onAdd:x,onRemove:h},{parentFieldName:e.withCtx(({record:a})=>[e.createVNode(c.default,{modelValue:a.parentFieldModel,"onUpdate:modelValue":d=>a.parentFieldModel=d,label:a.parentModelName,"onUpdate:label":d=>a.parentModelName=d,"label-name":"fieldName","value-name":"fieldModel",mode:"simple",datas:r.value},null,8,["modelValue","onUpdate:modelValue","label","onUpdate:label","datas"])]),childFieldName:e.withCtx(({record:a})=>[e.createVNode(c.default,{modelValue:a.childFieldModel,"onUpdate:modelValue":d=>a.childFieldModel=d,label:a.childFieldName,"onUpdate:label":d=>a.childFieldName=d,"label-name":"fieldName","value-name":"fieldModel",mode:"simple",datas:p.value},null,8,["modelValue","onUpdate:modelValue","label","onUpdate:label","datas"])]),_:1},8,["columns","datas"])]),_:1}))]),_:1},8,["modelValue","activeKey"]))}});exports.default=K;