@jecloud/plugin/es/workflow/workflow-operation/src/operation-user.js

JECloud 插件库

import{createTextVNode as e,createVNode as l}from"vue";import{defineComponent as s}from"vue";import{useWorkflowOperationUser as r}from"./hooks/use-workflow-operation-user";import{Tree as t,Button as o,Radio as u}from"@jecloud/ui";export default s({name:"WorkflowOperationUser",inheritAttrs:!1,props:{showSequentialConfig:Boolean,multiple:Boolean,selectAll:Boolean,sequential:String,userDisabled:Boolean,draggable:{type:Boolean,default:!0},result:{type:Array,default:function(){return[]}},users:{type:Array,default:function(){return[]}}},emits:["update:sequential","update:result","changeSequential"],setup:function(s,a){var i=r({props:s,context:a}),n=i.userConfig,c=i.$userTree,d=i.treeStore,f=i.$userResult,v=i.result,p=i.sequential,m=i.selectUser,b=i.moveUser;return function(){var r;return l("div",{class:"je-workflow-operation-user"},[l("div",{class:"task-user-selector"},[l(t,{ref:c,store:d,class:"task-user-selector-tree",allowDeselect:!1,onCellClick:m},null),l("div",{class:"task-user-selector-buttons"},[l(o,{icon:"fal fa-chevron-double-right",disabled:!s.multiple||!s.userDisabled,onClick:function(){return b("moveTreeUsers")}},null),l(o,{icon:"fal fa-chevron-right",disabled:!s.userDisabled,onClick:function(){return b("moveTreeUser")}},null),l(o,{icon:"fal fa-chevron-double-left",disabled:!s.userDisabled,onClick:function(){return b("moveSelectUsers")}},null),l(o,{icon:"fal fa-chevron-left",disabled:!s.userDisabled,onClick:function(){return b("moveSelectUser")}},null)]),l("div",{class:"task-user-selector-users "+(s.userDisabled?"":"task-user-selector-users-disabled")},[l("div",{class:"users-wrapper",ref:f},[v.value.map((function(e){var r;return l("div",{class:{"users-item":!0,"is--active":e.id===(null===(r=n.activeUser)||void 0===r?void 0:r.id)},"data-id":e.id,key:e.id,onClick:function(){n.activeUser=e}},[l("i",{class:"user-icon fal fa-user-alt"},null),e.text,l("i",{class:"close-icon fal fa-times",style:"display:"+(s.userDisabled?"":"none"),onClick:function(){n.activeUser=e,b("moveSelectUser")}},null)])}))]),l("div",{class:"users-info"},[e("选择（"),null!==(r=v.value.length)&&void 0!==r?r:0,e("）人")]),s.showSequentialConfig?l("div",{class:"users-countersign"},[l(u.Group,{justify:"center",disabled:!s.userDisabled||!0,value:p.value,"onUpdate:value":function(e){return p.value=e},options:[{value:"0",label:"并序执行"},{value:"1",label:"顺序执行"}]},null)]):null])])])}}});