@cloud-app-dev/vidc 1.0.42 → 1.0.46
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.fatherrc.js +3 -0
- package/.umirc.ts +4 -1
- package/es/Api/index.d.ts +1 -1
- package/es/Api/index.js +3 -2
- package/es/AppLayout/AppHorizontalMenu/index.js +4 -3
- package/es/AppLayout/AppInlineMenu/index.js +4 -3
- package/es/AppLayout/AppLogo/index.js +2 -2
- package/es/AppLayout/FunctionPreview/index.js +5 -4
- package/es/AppLayout/Header/NotifyAlarm.js +13 -7
- package/es/AppLayout/Header/Tools.js +2 -2
- package/es/AppLayout/Header/UserAction.js +2 -2
- package/es/AppLayout/service/index.js +5 -5
- package/es/AppLayout/utils.js +4 -3
- package/es/DagInitialRequest/utils.js +7 -8
- package/es/InitialRequest/index.js +2 -2
- package/es/InitialRequest/utils.js +8 -9
- package/es/OrgUserTree/index.js +2 -2
- package/es/PlaceTree/index.js +2 -2
- package/es/TreeMode/demo.js +3 -1
- package/es/TreeMode/index.css +0 -5
- package/es/TreeMode/index.js +2 -2
- package/es/TreeTitle/index.css +1 -0
- package/es/UserSelect/demo.d.ts +2 -0
- package/es/UserSelect/demo.js +20 -0
- package/es/UserSelect/index.d.ts +4 -0
- package/es/UserSelect/index.js +26 -12
- package/es/WorkerFlow/Demo.js +2 -1
- package/es/WorkerFlow/Form/Approver.js +2 -2
- package/es/WorkerFlow/Form/Condition.js +4 -1
- package/es/WorkerFlow/Form/FormAuth.js +1 -1
- package/es/WorkerFlow/Form/GroupSelectModalContent.js +25 -13
- package/es/WorkerFlow/Form/Handle.js +2 -2
- package/es/WorkerFlow/Form/Notifier.js +2 -1
- package/es/WorkerFlow/Form/UserAndGroupSelect.js +41 -2
- package/es/WorkerFlow/Form/UserSelectModalContent.js +12 -2
- package/es/WorkerFlow/Form/UserSet.d.ts +3 -2
- package/es/WorkerFlow/Form/UserSet.js +8 -5
- package/es/WorkerFlow/Form/UsersHandleType.js +3 -1
- package/es/WorkerFlow/Nodes/Condition.js +7 -10
- package/es/WorkerFlow/Nodes/TitleElement.js +1 -1
- package/es/WorkerFlow/index.css +12 -2
- package/es/WorkerFlow/interface.d.ts +2 -1
- package/es/WorkerFlow/utils.d.ts +3 -2
- package/es/WorkerFlow/utils.js +12 -4
- package/es/utils.js +2 -2
- package/package.json +2 -2
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import "antd/lib/config-provider/style";
|
|
2
|
+
import _ConfigProvider from "antd/lib/config-provider";
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import OrgTree from './index';
|
|
5
|
+
|
|
6
|
+
function App() {
|
|
7
|
+
return /*#__PURE__*/React.createElement(_ConfigProvider, {
|
|
8
|
+
prefixCls: "cloudapp"
|
|
9
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
10
|
+
style: {
|
|
11
|
+
padding: 20,
|
|
12
|
+
width: 1000,
|
|
13
|
+
height: 600
|
|
14
|
+
}
|
|
15
|
+
}, /*#__PURE__*/React.createElement(OrgTree, {
|
|
16
|
+
selectUsers: []
|
|
17
|
+
})));
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
export default App;
|
package/es/UserSelect/index.d.ts
CHANGED
|
@@ -5,6 +5,10 @@ interface IUserSelectProps {
|
|
|
5
5
|
selectUsers: UserInfo[];
|
|
6
6
|
onChange?: (users: UserInfo[]) => void;
|
|
7
7
|
className?: string;
|
|
8
|
+
/**
|
|
9
|
+
* @description getUser其他参数
|
|
10
|
+
*/
|
|
11
|
+
userParams?: any;
|
|
8
12
|
}
|
|
9
13
|
declare const _default: React.ForwardRefExoticComponent<IUserSelectProps & React.RefAttributes<any>>;
|
|
10
14
|
export default _default;
|
package/es/UserSelect/index.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import _useChangeEffect from "@cloud-app-dev/basic-components/es/useChangeEffect";
|
|
2
|
+
import _treeHelper from "@cloud-app-dev/utils/es/treeHelper";
|
|
2
3
|
import _useHttp2 from "@cloud-app-dev/basic-components/es/useHttp";
|
|
3
4
|
|
|
4
5
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
@@ -23,8 +24,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
|
23
24
|
|
|
24
25
|
import React, { useCallback, useMemo, useState, useImperativeHandle } from 'react';
|
|
25
26
|
import api from '../Api';
|
|
26
|
-
import
|
|
27
|
-
import { treeHelper } from '@cloud-app-dev/utils';
|
|
27
|
+
import TreeMode from '../TreeMode';
|
|
28
28
|
import List from '../List';
|
|
29
29
|
import { uniq, intersectionWith, uniqBy, differenceWith } from 'lodash';
|
|
30
30
|
import "./index.css";
|
|
@@ -33,7 +33,8 @@ function UserSelect(_ref, ref) {
|
|
|
33
33
|
var selectUsers = _ref.selectUsers,
|
|
34
34
|
onChange = _ref.onChange,
|
|
35
35
|
_ref$className = _ref.className,
|
|
36
|
-
className = _ref$className === void 0 ? '' : _ref$className
|
|
36
|
+
className = _ref$className === void 0 ? '' : _ref$className,
|
|
37
|
+
userParams = _ref.userParams;
|
|
37
38
|
|
|
38
39
|
var _useState = useState({
|
|
39
40
|
keyword1: '',
|
|
@@ -55,18 +56,18 @@ function UserSelect(_ref, ref) {
|
|
|
55
56
|
orgList = _useHttp$data === void 0 ? [] : _useHttp$data;
|
|
56
57
|
|
|
57
58
|
var treeData = useMemo(function () {
|
|
58
|
-
return
|
|
59
|
+
return _treeHelper.computTreeList(orgList);
|
|
59
60
|
}, [orgList]);
|
|
60
61
|
var selectId = useMemo(function () {
|
|
61
62
|
return state.orgId ? state.orgId : treeData[0] ? treeData[0].id : undefined;
|
|
62
63
|
}, [treeData, state.orgId]);
|
|
63
64
|
|
|
64
|
-
var _useHttp3 = _useHttp2(['QueryUserList', selectId], function (_ref2) {
|
|
65
|
+
var _useHttp3 = _useHttp2(['QueryUserList', selectId, userParams], function (_ref2) {
|
|
65
66
|
var _ref3 = _slicedToArray(_ref2, 2),
|
|
66
67
|
_ = _ref3[0],
|
|
67
68
|
id = _ref3[1];
|
|
68
69
|
|
|
69
|
-
return id ? api.getUsers(id) : Promise.resolve();
|
|
70
|
+
return id ? api.getUsers(id, userParams) : Promise.resolve();
|
|
70
71
|
}),
|
|
71
72
|
_useHttp3$data = _useHttp3.data,
|
|
72
73
|
userList = _useHttp3$data === void 0 ? [] : _useHttp3$data;
|
|
@@ -118,9 +119,22 @@ function UserSelect(_ref, ref) {
|
|
|
118
119
|
}));
|
|
119
120
|
}, [state.selectUsers, state.selectIds]);
|
|
120
121
|
|
|
122
|
+
var renderList1 = useMemo(function () {
|
|
123
|
+
return userList.filter(function (v) {
|
|
124
|
+
return !state.keyword1 || v.realName.includes(state.keyword1);
|
|
125
|
+
});
|
|
126
|
+
}, [userList, state.keyword1]);
|
|
127
|
+
var renderList2 = useMemo(function () {
|
|
128
|
+
return state.selectUsers.filter(function (v) {
|
|
129
|
+
return !state.keyword2 || v.realName.includes(state.keyword2);
|
|
130
|
+
});
|
|
131
|
+
}, [state.selectUsers, state.keyword2]);
|
|
121
132
|
return /*#__PURE__*/React.createElement("div", {
|
|
122
133
|
className: "user-select-modal-content ".concat(className)
|
|
123
|
-
}, /*#__PURE__*/React.createElement(
|
|
134
|
+
}, /*#__PURE__*/React.createElement(TreeMode, {
|
|
135
|
+
mode: "Org",
|
|
136
|
+
title: "\u7EC4\u7EC7\u673A\u6784",
|
|
137
|
+
inputPlaceholder: "\u8BF7\u8F93\u5165\u540D\u79F0",
|
|
124
138
|
onSelect: function onSelect(ids) {
|
|
125
139
|
return setState(function (old) {
|
|
126
140
|
return Object.assign(Object.assign({}, old), {
|
|
@@ -128,16 +142,16 @@ function UserSelect(_ref, ref) {
|
|
|
128
142
|
});
|
|
129
143
|
});
|
|
130
144
|
},
|
|
131
|
-
|
|
145
|
+
selectedKeys: [selectId]
|
|
132
146
|
}), /*#__PURE__*/React.createElement(List, {
|
|
133
147
|
onChecked: onUserChecked1,
|
|
134
|
-
list:
|
|
148
|
+
list: renderList1,
|
|
135
149
|
key: userList.length,
|
|
136
150
|
checkedKeys: list1CheckedKeys,
|
|
137
151
|
itemKey: "id",
|
|
138
152
|
itemNameKey: "realName",
|
|
139
153
|
className: "user-source-list",
|
|
140
|
-
title: "\u4EBA\u5458",
|
|
154
|
+
title: "\u4EBA\u5458\u5217\u8868",
|
|
141
155
|
onKeywordChange: function onKeywordChange(v) {
|
|
142
156
|
return setState(function (old) {
|
|
143
157
|
return Object.assign(Object.assign({}, old), {
|
|
@@ -147,12 +161,12 @@ function UserSelect(_ref, ref) {
|
|
|
147
161
|
},
|
|
148
162
|
keywords: state.keyword1
|
|
149
163
|
}), /*#__PURE__*/React.createElement(List, {
|
|
150
|
-
list:
|
|
164
|
+
list: renderList2,
|
|
151
165
|
itemKey: "id",
|
|
152
166
|
itemNameKey: "realName",
|
|
153
167
|
checkedKeys: state.selectIds,
|
|
154
168
|
className: "user-select-list",
|
|
155
|
-
title: "\u5DF2\
|
|
169
|
+
title: "\u5DF2\u9009\u62E9\u4EBA\u5458",
|
|
156
170
|
onKeywordChange: function onKeywordChange(v) {
|
|
157
171
|
return setState(function (old) {
|
|
158
172
|
return Object.assign(Object.assign({}, old), {
|
package/es/WorkerFlow/Demo.js
CHANGED
|
@@ -14,8 +14,8 @@ function ApproverForm(_ref) {
|
|
|
14
14
|
return (_a = getParentNodeById(config, item.id)) === null || _a === void 0 ? void 0 : _a.bpmnType;
|
|
15
15
|
}, [config, item.id]);
|
|
16
16
|
var includeUserTypes = useMemo(function () {
|
|
17
|
-
return parentNodeType === 'startEvent'
|
|
18
|
-
}, []);
|
|
17
|
+
return parentNodeType === 'startEvent' ? [1, 3] : parentNodeType === 'sequenceFlow' ? [1, 3, 4, 5] : [1, 2, 3, 4, 5];
|
|
18
|
+
}, [parentNodeType]);
|
|
19
19
|
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(UserSet, {
|
|
20
20
|
chargeLevel: item.chargeLevel,
|
|
21
21
|
userType: item.userType,
|
|
@@ -56,6 +56,9 @@ function ConditionForm(_ref) {
|
|
|
56
56
|
}, [formItem.name, useConditionFields]);
|
|
57
57
|
var addCondition = useCallback(function () {
|
|
58
58
|
var modal = modalRef.current;
|
|
59
|
+
var allowForm = form.filter(function (v) {
|
|
60
|
+
return v.widgetType === 'SINGLE_SELECTION' && v.required;
|
|
61
|
+
});
|
|
59
62
|
|
|
60
63
|
var onOk = function onOk() {
|
|
61
64
|
var _a, _b;
|
|
@@ -83,7 +86,7 @@ function ConditionForm(_ref) {
|
|
|
83
86
|
var options = {
|
|
84
87
|
content: /*#__PURE__*/React.createElement(ModalContent, {
|
|
85
88
|
ref: cRef,
|
|
86
|
-
form:
|
|
89
|
+
form: allowForm,
|
|
87
90
|
value: state.field
|
|
88
91
|
}),
|
|
89
92
|
width: 340,
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import _treeHelper from "@cloud-app-dev/utils/es/treeHelper";
|
|
1
2
|
import _useHttp2 from "@cloud-app-dev/basic-components/es/useHttp";
|
|
2
3
|
|
|
3
4
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
@@ -23,9 +24,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
|
23
24
|
import React, { useCallback, useMemo, useState, useImperativeHandle } from 'react';
|
|
24
25
|
import api from '../../Api';
|
|
25
26
|
import TreeMode from '../../TreeMode';
|
|
26
|
-
import List from '../../List';
|
|
27
27
|
import { uniq, intersectionWith } from 'lodash';
|
|
28
|
-
import { treeHelper } from '@cloud-app-dev/utils';
|
|
29
28
|
import { formatRenderGroup } from './utils';
|
|
30
29
|
import GroupList from './GroupList';
|
|
31
30
|
|
|
@@ -52,7 +51,7 @@ function GroupSelectModalContent(_ref, ref) {
|
|
|
52
51
|
orgList = _useHttp$data === void 0 ? [] : _useHttp$data;
|
|
53
52
|
|
|
54
53
|
var treeData = useMemo(function () {
|
|
55
|
-
return
|
|
54
|
+
return _treeHelper.computTreeList(orgList);
|
|
56
55
|
}, [orgList]);
|
|
57
56
|
var selectId = useMemo(function () {
|
|
58
57
|
return state.orgId ? state.orgId : treeData[0] ? treeData[0].id : undefined;
|
|
@@ -112,9 +111,26 @@ function GroupSelectModalContent(_ref, ref) {
|
|
|
112
111
|
})
|
|
113
112
|
};
|
|
114
113
|
}, [state.selectUsers, state.selectIds]);
|
|
114
|
+
var nodeUserList = useMemo(function () {
|
|
115
|
+
return formatRenderGroup(groupList.filter(function (v) {
|
|
116
|
+
return !state.keyword1 || v.postName.includes(state.keyword1);
|
|
117
|
+
}).map(function (v) {
|
|
118
|
+
var orgItem = orgList.find(function (v2) {
|
|
119
|
+
return v2.id === v.orgId;
|
|
120
|
+
});
|
|
121
|
+
return {
|
|
122
|
+
name: v.postName,
|
|
123
|
+
value: v.id,
|
|
124
|
+
key: 'groupId',
|
|
125
|
+
groupName: orgItem === null || orgItem === void 0 ? void 0 : orgItem.organizationName
|
|
126
|
+
};
|
|
127
|
+
}));
|
|
128
|
+
}, [groupList, orgList, state.keyword1]);
|
|
115
129
|
var renderList = useMemo(function () {
|
|
116
|
-
return formatRenderGroup(state.selectUsers)
|
|
117
|
-
|
|
130
|
+
return formatRenderGroup(state.selectUsers.filter(function (v) {
|
|
131
|
+
return !state.keyword2 || v.name.includes(state.keyword2);
|
|
132
|
+
}));
|
|
133
|
+
}, [state.selectUsers, state.keyword2]);
|
|
118
134
|
return /*#__PURE__*/React.createElement("div", {
|
|
119
135
|
className: "user-select-modal-content"
|
|
120
136
|
}, /*#__PURE__*/React.createElement(TreeMode, {
|
|
@@ -129,14 +145,9 @@ function GroupSelectModalContent(_ref, ref) {
|
|
|
129
145
|
});
|
|
130
146
|
},
|
|
131
147
|
selectedKeys: [selectId]
|
|
132
|
-
}), /*#__PURE__*/React.createElement(
|
|
133
|
-
|
|
134
|
-
list: groupList,
|
|
135
|
-
key: groupList.length,
|
|
148
|
+
}), /*#__PURE__*/React.createElement(GroupList, {
|
|
149
|
+
list: nodeUserList,
|
|
136
150
|
checkedKeys: list1CheckedKeys,
|
|
137
|
-
itemKey: "id",
|
|
138
|
-
itemNameKey: "postName",
|
|
139
|
-
title: "\u5C97\u4F4D",
|
|
140
151
|
onKeywordChange: function onKeywordChange(v) {
|
|
141
152
|
return setState(function (old) {
|
|
142
153
|
return Object.assign(Object.assign({}, old), {
|
|
@@ -144,7 +155,8 @@ function GroupSelectModalContent(_ref, ref) {
|
|
|
144
155
|
});
|
|
145
156
|
});
|
|
146
157
|
},
|
|
147
|
-
keywords: state.keyword1
|
|
158
|
+
keywords: state.keyword1,
|
|
159
|
+
onChecked: onUserChecked1
|
|
148
160
|
}), /*#__PURE__*/React.createElement(GroupList, {
|
|
149
161
|
list: renderList,
|
|
150
162
|
checkedKeys: state.selectIds,
|
|
@@ -14,8 +14,8 @@ function HandleForm(_ref) {
|
|
|
14
14
|
return (_a = getParentNodeById(config, item.id)) === null || _a === void 0 ? void 0 : _a.bpmnType;
|
|
15
15
|
}, [config, item.id]);
|
|
16
16
|
var includeUserTypes = useMemo(function () {
|
|
17
|
-
return parentNodeType === 'startEvent'
|
|
18
|
-
}, []);
|
|
17
|
+
return parentNodeType === 'startEvent' ? [1, 3] : parentNodeType === 'sequenceFlow' ? [1, 3, 4, 5] : [1, 2, 3, 4, 5];
|
|
18
|
+
}, [parentNodeType]);
|
|
19
19
|
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(UserSet, {
|
|
20
20
|
chargeLevel: item.chargeLevel,
|
|
21
21
|
userType: item.userType,
|
|
@@ -27,6 +27,7 @@ import chroma from 'chroma-js';
|
|
|
27
27
|
import UserSelectModalContent from './UserSelectModalContent';
|
|
28
28
|
import GroupSelectModalContent from './GroupSelectModalContent';
|
|
29
29
|
import RefModal from '../../RefModal';
|
|
30
|
+
import { formatRenderGroup } from './utils';
|
|
30
31
|
|
|
31
32
|
function UserAndGroupSelect(_ref) {
|
|
32
33
|
var _this = this;
|
|
@@ -97,6 +98,9 @@ function UserAndGroupSelect(_ref) {
|
|
|
97
98
|
}
|
|
98
99
|
});
|
|
99
100
|
}, [state.userList, state.type]);
|
|
101
|
+
var renderList = useMemo(function () {
|
|
102
|
+
return state.type === 'groupId' ? formatRenderGroup(state.userList) : state.userList;
|
|
103
|
+
}, [state.userList, state.type]);
|
|
100
104
|
useEffect(function () {
|
|
101
105
|
return onChange(state.userList);
|
|
102
106
|
}, [state.userList]);
|
|
@@ -108,6 +112,16 @@ function UserAndGroupSelect(_ref) {
|
|
|
108
112
|
});
|
|
109
113
|
});
|
|
110
114
|
}, []);
|
|
115
|
+
var onCloseTag = useCallback(function (id) {
|
|
116
|
+
var list = state.userList.filter(function (v) {
|
|
117
|
+
return v.value !== id;
|
|
118
|
+
});
|
|
119
|
+
setState(function (old) {
|
|
120
|
+
return Object.assign(Object.assign({}, old), {
|
|
121
|
+
userList: list
|
|
122
|
+
});
|
|
123
|
+
});
|
|
124
|
+
}, [state.userList]);
|
|
111
125
|
return /*#__PURE__*/React.createElement("div", {
|
|
112
126
|
className: "user-select-component user-and-group-select-component"
|
|
113
127
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -135,12 +149,37 @@ function UserAndGroupSelect(_ref) {
|
|
|
135
149
|
className: "placeholder"
|
|
136
150
|
}, "\u4E0D\u80FD\u8D85\u8FC720\u4E2A")), /*#__PURE__*/React.createElement("div", {
|
|
137
151
|
className: "user-list-wrapper"
|
|
138
|
-
}, state.userList.map(function (v) {
|
|
152
|
+
}, state.type === 'userId' ? state.userList.map(function (v) {
|
|
139
153
|
return /*#__PURE__*/React.createElement(_Tag, {
|
|
140
154
|
closable: true,
|
|
141
155
|
key: v.value,
|
|
142
|
-
color: color
|
|
156
|
+
color: color,
|
|
157
|
+
onClose: function onClose() {
|
|
158
|
+
return onCloseTag(v.value);
|
|
159
|
+
}
|
|
143
160
|
}, v.name);
|
|
161
|
+
}) : renderList.map(function (v) {
|
|
162
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
163
|
+
key: v[0],
|
|
164
|
+
style: {
|
|
165
|
+
marginBottom: 12,
|
|
166
|
+
fontSize: 'var(--fs)'
|
|
167
|
+
}
|
|
168
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
169
|
+
style: {
|
|
170
|
+
paddingBottom: 5,
|
|
171
|
+
fontWeight: 'bold'
|
|
172
|
+
}
|
|
173
|
+
}, v[0]), v[1].map(function (item) {
|
|
174
|
+
return /*#__PURE__*/React.createElement(_Tag, {
|
|
175
|
+
closable: true,
|
|
176
|
+
key: item.value,
|
|
177
|
+
color: color,
|
|
178
|
+
onClose: function onClose() {
|
|
179
|
+
return onCloseTag(item.value);
|
|
180
|
+
}
|
|
181
|
+
}, item.name);
|
|
182
|
+
}));
|
|
144
183
|
})), /*#__PURE__*/React.createElement(RefModal, {
|
|
145
184
|
ref: modalRef
|
|
146
185
|
}));
|
|
@@ -98,6 +98,16 @@ var UserSelectModalContent = /*#__PURE__*/forwardRef(function UserSelectModalCon
|
|
|
98
98
|
})
|
|
99
99
|
};
|
|
100
100
|
}, [state.selectUsers, state.selectIds]);
|
|
101
|
+
var renderList1 = useMemo(function () {
|
|
102
|
+
return userList.filter(function (v) {
|
|
103
|
+
return !state.keyword1 || v.realName.includes(state.keyword1);
|
|
104
|
+
});
|
|
105
|
+
}, [state.keyword1, userList]);
|
|
106
|
+
var renderList2 = useMemo(function () {
|
|
107
|
+
return state.selectUsers.filter(function (v) {
|
|
108
|
+
return !state.keyword2 || v.name.includes(state.keyword2);
|
|
109
|
+
});
|
|
110
|
+
}, [state.keyword2, state.selectUsers]);
|
|
101
111
|
return /*#__PURE__*/React.createElement("div", {
|
|
102
112
|
className: "user-select-modal-content"
|
|
103
113
|
}, /*#__PURE__*/React.createElement(TreeMode, {
|
|
@@ -121,7 +131,7 @@ var UserSelectModalContent = /*#__PURE__*/forwardRef(function UserSelectModalCon
|
|
|
121
131
|
mode: "Org"
|
|
122
132
|
}), /*#__PURE__*/React.createElement(List, {
|
|
123
133
|
onChecked: onUserChecked1,
|
|
124
|
-
list:
|
|
134
|
+
list: renderList1,
|
|
125
135
|
key: userList.length,
|
|
126
136
|
checkedKeys: list1CheckedKeys,
|
|
127
137
|
itemKey: "id",
|
|
@@ -137,7 +147,7 @@ var UserSelectModalContent = /*#__PURE__*/forwardRef(function UserSelectModalCon
|
|
|
137
147
|
},
|
|
138
148
|
keywords: state.keyword1
|
|
139
149
|
}), /*#__PURE__*/React.createElement(List, {
|
|
140
|
-
list:
|
|
150
|
+
list: renderList2,
|
|
141
151
|
itemKey: "value",
|
|
142
152
|
itemNameKey: "name",
|
|
143
153
|
checkedKeys: state.selectIds,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { MutipleUserHandleType, NodeUserType, UserSetType } from '../interface';
|
|
1
|
+
import { MutipleUserHandleType, NodeType, NodeUserType, UserSetType } from '../interface';
|
|
2
2
|
interface IUserSetProps {
|
|
3
3
|
userType?: UserSetType;
|
|
4
4
|
nodeUserList?: NodeUserType[];
|
|
@@ -7,6 +7,7 @@ interface IUserSetProps {
|
|
|
7
7
|
onChange: (data: any) => void;
|
|
8
8
|
includeUserTypes?: UserSetType[];
|
|
9
9
|
chargeLevel?: 1 | 2 | 3;
|
|
10
|
+
nodeType?: NodeType;
|
|
10
11
|
}
|
|
11
|
-
declare function UserSet({ userType, nodeUserList, usersHandType, onChange, emptyUsers, includeUserTypes, chargeLevel }: IUserSetProps): JSX.Element;
|
|
12
|
+
declare function UserSet({ userType, nodeType, nodeUserList, usersHandType, onChange, emptyUsers, includeUserTypes, chargeLevel }: IUserSetProps): JSX.Element;
|
|
12
13
|
export default UserSet;
|
|
@@ -38,10 +38,11 @@ function UserSet(_ref) {
|
|
|
38
38
|
|
|
39
39
|
var _ref$userType = _ref.userType,
|
|
40
40
|
userType = _ref$userType === void 0 ? 1 : _ref$userType,
|
|
41
|
+
nodeType = _ref.nodeType,
|
|
41
42
|
_ref$nodeUserList = _ref.nodeUserList,
|
|
42
43
|
nodeUserList = _ref$nodeUserList === void 0 ? [] : _ref$nodeUserList,
|
|
43
44
|
_ref$usersHandType = _ref.usersHandType,
|
|
44
|
-
usersHandType = _ref$usersHandType === void 0 ?
|
|
45
|
+
usersHandType = _ref$usersHandType === void 0 ? 2 : _ref$usersHandType,
|
|
45
46
|
onChange = _ref.onChange,
|
|
46
47
|
emptyUsers = _ref.emptyUsers,
|
|
47
48
|
includeUserTypes = _ref.includeUserTypes,
|
|
@@ -114,7 +115,8 @@ function UserSet(_ref) {
|
|
|
114
115
|
usersHandType: state.usersHandType,
|
|
115
116
|
onChange: function onChange(options) {
|
|
116
117
|
return stateChange(options);
|
|
117
|
-
}
|
|
118
|
+
},
|
|
119
|
+
nodeType: nodeType
|
|
118
120
|
})));
|
|
119
121
|
}
|
|
120
122
|
/**
|
|
@@ -127,7 +129,8 @@ function UserSelectType1(_ref2) {
|
|
|
127
129
|
usersHandType = _ref2.usersHandType,
|
|
128
130
|
_onChange = _ref2.onChange,
|
|
129
131
|
type = _ref2.type,
|
|
130
|
-
emptyUsers = _ref2.emptyUsers
|
|
132
|
+
emptyUsers = _ref2.emptyUsers,
|
|
133
|
+
nodeType = _ref2.nodeType;
|
|
131
134
|
var userList = useMemo(function () {
|
|
132
135
|
return users.filter(function (v) {
|
|
133
136
|
return v.key === 'userId';
|
|
@@ -140,7 +143,7 @@ function UserSelectType1(_ref2) {
|
|
|
140
143
|
onChange: function onChange(users) {
|
|
141
144
|
return _onChange(_defineProperty({}, type, users));
|
|
142
145
|
}
|
|
143
|
-
}), /*#__PURE__*/React.createElement(UsersHandleType, {
|
|
146
|
+
}), nodeType !== 2 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(UsersHandleType, {
|
|
144
147
|
usersHandType: usersHandType,
|
|
145
148
|
onChange: function onChange(value) {
|
|
146
149
|
return _onChange({
|
|
@@ -154,7 +157,7 @@ function UserSelectType1(_ref2) {
|
|
|
154
157
|
emptyUsers: users
|
|
155
158
|
});
|
|
156
159
|
}
|
|
157
|
-
}));
|
|
160
|
+
})));
|
|
158
161
|
}
|
|
159
162
|
/**
|
|
160
163
|
* @desc 自选人员
|
|
@@ -7,7 +7,9 @@ function UsersHandleType(_ref) {
|
|
|
7
7
|
var usersHandType = _ref.usersHandType,
|
|
8
8
|
_onChange = _ref.onChange;
|
|
9
9
|
var options = useMemo(function () {
|
|
10
|
-
return Object.values(UserHandleTypeOptions)
|
|
10
|
+
return Object.values(UserHandleTypeOptions).sort(function (a, b) {
|
|
11
|
+
return b.value - a.value;
|
|
12
|
+
});
|
|
11
13
|
}, []);
|
|
12
14
|
return /*#__PURE__*/React.createElement("div", {
|
|
13
15
|
className: "users-handle-type-content"
|
|
@@ -4,6 +4,7 @@ import AddNode from './Add';
|
|
|
4
4
|
import Render from './Render';
|
|
5
5
|
import { NodeTypes } from './Constants';
|
|
6
6
|
import WFC from '../OperatorContext';
|
|
7
|
+
import TitleElement from './TitleElement';
|
|
7
8
|
|
|
8
9
|
function CoverLine(_ref) {
|
|
9
10
|
var _ref$first = _ref.first,
|
|
@@ -44,17 +45,13 @@ function BranchNode(_ref2) {
|
|
|
44
45
|
onClick: sortLeft
|
|
45
46
|
}), /*#__PURE__*/React.createElement("div", {
|
|
46
47
|
className: "title-wrapper"
|
|
47
|
-
}, /*#__PURE__*/React.createElement(
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
type: "icon-MarkNo",
|
|
52
|
-
style: {
|
|
53
|
-
color: '#333',
|
|
54
|
-
right: 5,
|
|
55
|
-
top: 5
|
|
48
|
+
}, /*#__PURE__*/React.createElement(TitleElement, {
|
|
49
|
+
placeholder: "\u8BF7\u8F93\u5165\u6761\u4EF6\u540D\u79F0",
|
|
50
|
+
onTitleChange: function onTitleChange(v) {
|
|
51
|
+
return node.nodeName = v;
|
|
56
52
|
},
|
|
57
|
-
|
|
53
|
+
delNode: delBranch,
|
|
54
|
+
nodeName: node.nodeName
|
|
58
55
|
})), !last && /*#__PURE__*/React.createElement("div", {
|
|
59
56
|
className: "sort-right",
|
|
60
57
|
onClick: sortRight
|
|
@@ -48,7 +48,7 @@ function TitleElement(_ref) {
|
|
|
48
48
|
onTitleChange && onTitleChange(title);
|
|
49
49
|
}, [title]);
|
|
50
50
|
|
|
51
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_IconFont, {
|
|
51
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, icon && /*#__PURE__*/React.createElement(_IconFont, {
|
|
52
52
|
type: icon,
|
|
53
53
|
style: {
|
|
54
54
|
paddingRight: 4
|
package/es/WorkerFlow/index.css
CHANGED
|
@@ -246,10 +246,18 @@
|
|
|
246
246
|
}
|
|
247
247
|
.worker-flow-design .auto-judge .title-wrapper .editable-title {
|
|
248
248
|
display: inline-block;
|
|
249
|
-
max-width: 120px;
|
|
250
249
|
overflow: hidden;
|
|
251
250
|
white-space: nowrap;
|
|
252
251
|
text-overflow: ellipsis;
|
|
252
|
+
margin-right: 10px;
|
|
253
|
+
height: 20px;
|
|
254
|
+
}
|
|
255
|
+
.worker-flow-design .auto-judge .title-wrapper .editable-title-input {
|
|
256
|
+
margin-right: 10px;
|
|
257
|
+
height: 20px;
|
|
258
|
+
}
|
|
259
|
+
.worker-flow-design .auto-judge .title-wrapper .anticon {
|
|
260
|
+
color: #333;
|
|
253
261
|
}
|
|
254
262
|
.worker-flow-design .auto-judge .content {
|
|
255
263
|
font-size: 14px;
|
|
@@ -400,7 +408,9 @@
|
|
|
400
408
|
top: 30px;
|
|
401
409
|
z-index: 1;
|
|
402
410
|
}
|
|
403
|
-
.auto-judge:hover .editable-title
|
|
411
|
+
.auto-judge:hover .editable-title {
|
|
412
|
+
border-bottom: 1px dashed #15bc83;
|
|
413
|
+
}
|
|
404
414
|
.node-wrap-box:hover .editable-title {
|
|
405
415
|
border-bottom: 1px dashed #fff;
|
|
406
416
|
}
|
|
@@ -15,6 +15,7 @@ export type NodeUserType = {
|
|
|
15
15
|
export type WorkerFlowFormType = {
|
|
16
16
|
name: string;
|
|
17
17
|
label: string;
|
|
18
|
+
widgetType: 'SINGLE_TEXT' | 'MULTIPLE_TEXT' | 'SINGLE_SELECTION' | 'MULTIPLE_SELECTION' | 'IMAGE';
|
|
18
19
|
type: string;
|
|
19
20
|
value: string;
|
|
20
21
|
auth?: FormAuthType;
|
|
@@ -84,7 +85,7 @@ export type SubmitFlowItemType = {
|
|
|
84
85
|
export type SubmitData = {
|
|
85
86
|
config: WorkerFlowRequest;
|
|
86
87
|
bpmnBlob: Blob;
|
|
87
|
-
useFormKeys:
|
|
88
|
+
useFormKeys: ConditionItemType[];
|
|
88
89
|
taskList: SubmitFlowItemType[];
|
|
89
90
|
};
|
|
90
91
|
|
package/es/WorkerFlow/utils.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { NodeItem, SubmitFlowItemType } from './interface';
|
|
1
|
+
import { ConditionItemType, NodeItem, SubmitFlowItemType } from './interface';
|
|
2
2
|
export declare function getJAVATaskData(data: NodeItem): SubmitFlowItemType[];
|
|
3
3
|
export declare function getNextTaskId(node: NodeItem): string | undefined;
|
|
4
4
|
export declare function getNextNode(node: NodeItem): NodeItem | undefined;
|
|
5
5
|
export declare function filterNoticeNode(data: NodeItem): NodeItem;
|
|
6
|
-
export declare function getUserFormKeys(data: NodeItem):
|
|
6
|
+
export declare function getUserFormKeys(data: NodeItem): ConditionItemType[];
|
|
7
|
+
export declare function getFirstUserTask(data: NodeItem): NodeItem | undefined;
|
package/es/WorkerFlow/utils.js
CHANGED
|
@@ -13,6 +13,8 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
|
13
13
|
import _ from 'lodash';
|
|
14
14
|
import { getNodeById } from './XML/utils';
|
|
15
15
|
export function getJAVATaskData(data) {
|
|
16
|
+
var _a;
|
|
17
|
+
|
|
16
18
|
var arr = [];
|
|
17
19
|
|
|
18
20
|
var fn = function fn(node, _nextNode) {
|
|
@@ -100,7 +102,7 @@ export function getJAVATaskData(data) {
|
|
|
100
102
|
} // 修正最后一个节点的nextid
|
|
101
103
|
|
|
102
104
|
|
|
103
|
-
var lastNextId = arr[arr.length - 1].nextTaskId;
|
|
105
|
+
var lastNextId = (_a = arr[arr.length - 1]) === null || _a === void 0 ? void 0 : _a.nextTaskId;
|
|
104
106
|
|
|
105
107
|
if (lastNextId) {
|
|
106
108
|
var lastNode = getNodeById(data, lastNextId);
|
|
@@ -167,9 +169,8 @@ export function getUserFormKeys(data) {
|
|
|
167
169
|
|
|
168
170
|
var fn = function fn(node) {
|
|
169
171
|
if (node.bpmnType == 'sequenceFlow') {
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
})));
|
|
172
|
+
console.log(node.conditionList);
|
|
173
|
+
arr.push.apply(arr, _toConsumableArray(node.conditionList));
|
|
173
174
|
}
|
|
174
175
|
|
|
175
176
|
if (node.conditionNodes) {
|
|
@@ -187,4 +188,11 @@ export function getUserFormKeys(data) {
|
|
|
187
188
|
return arr.filter(function (v) {
|
|
188
189
|
return !!v;
|
|
189
190
|
});
|
|
191
|
+
}
|
|
192
|
+
export function getFirstUserTask(data) {
|
|
193
|
+
if (data.bpmnType === 'startEvent') {
|
|
194
|
+
return data.childNode;
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
return undefined;
|
|
190
198
|
}
|
package/es/utils.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import _cache from "@cloud-app-dev/utils/es/cache";
|
|
2
2
|
export var getHeader = function getHeader() {
|
|
3
3
|
return {
|
|
4
|
-
Authorization:
|
|
4
|
+
Authorization: _cache.getCache('token', 'session')
|
|
5
5
|
};
|
|
6
6
|
};
|
|
7
7
|
/**
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"private": false,
|
|
3
3
|
"name": "@cloud-app-dev/vidc",
|
|
4
4
|
"description": "Video Image Data Componennts",
|
|
5
|
-
"version": "1.0.
|
|
5
|
+
"version": "1.0.46",
|
|
6
6
|
"scripts": {
|
|
7
7
|
"start": "dumi dev",
|
|
8
8
|
"docs:build": "dumi build",
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
40
|
"@cloud-app-dev/utils": "^2.0.1",
|
|
41
|
-
"@cloud-app-dev/basic-components": "^1.0.
|
|
41
|
+
"@cloud-app-dev/basic-components": "^1.0.56",
|
|
42
42
|
"@types/chroma-js": "^2.1.3",
|
|
43
43
|
"@types/lodash": "^4.14.172",
|
|
44
44
|
"@umijs/test": "^3.0.5",
|