@cloud-app-dev/vidc 1.0.46 → 1.0.50

package/.umirc.ts

@@ -2,7 +2,7 @@ import { defineConfig } from 'dumi';
 import path from 'path';
 
 const token =
-  'eyJhbGciOiJIUzI1NiJ9.eyJvcmdhbml6YXRpb25JZCI6IjEwMDEwMTAwMDQ0NiIsImV4dCI6MTYzODA3ODM3NjE0NSwidWlkIjoiMTAxMDAwMDAwMjQ5IiwidmFsaWRTdGF0ZSI6MTA0NDA2LCJyb2xlSWQiOlsxMDAwMDAxMTAzODddLCJ2YWxpZFRpbWUiOm51bGwsIm9wdENlbnRlcklkIjoiMTAwMTAwMDAwMjMzIiwidXNlclR5cGUiOjEwMDcwMiwiaWF0IjoxNjM3ODE5MTc2MTQ1fQ.x9o6vi8T5YW7P05AkeQh1Sse8sp6tGs7zxUWgB_rxtk';
+  'eyJhbGciOiJIUzI1NiJ9.eyJvcmdhbml6YXRpb25JZCI6IjEwMDEwMTAwMDQ0NiIsImV4dCI6MTYzODY4NzgyNzEwNywidWlkIjoiMTAxMDAwMDAwMjQ5IiwidmFsaWRTdGF0ZSI6MTA0NDA2LCJyb2xlSWQiOlsxMDAwMDAxMTAzODddLCJ2YWxpZFRpbWUiOm51bGwsIm9wdENlbnRlcklkIjoiMTAwMTAwMDAwMjMzIiwidXNlclR5cGUiOjEwMDcwMiwiaWF0IjoxNjM4NDI4NjI3MTA3fQ.eEvUc9_eGBdUi2QCMDNjOYgTzTKwiLX-7DEQ_O9kjhs';
 
 export default defineConfig({
   title: '云应用-业务组件库',

package/README.md

@@ -25,3 +25,7 @@ Build library via `father-build`,
 ```bash
 $ npm run build
 ```
+
+### Changlog
+
+- 1.0.48 修复工作流 bug

package/es/Api/index.d.ts

@@ -3,7 +3,7 @@ import { UserInfo } from '@cloud-app-dev/basic-components/es/Store/app';
 import { BzTreeItemType, PostItemType } from '../core';
 declare class Api {
     getOrgs(): Promise<OrgItemType[]>;
-    getUsers(organizationId: string, params?: any): Promise<UserInfo[]>;
+    getUsers(organizationId: string, params?: any, filterUserIds?: string[]): Promise<UserInfo[]>;
     getPosts(orgId: string): Promise<PostItemType[]>;
     getDeviceBzTree(): Promise<BzTreeItemType[]>;
     getCustomDeviceGroup(): Promise<BzTreeItemType[]>;

package/es/Api/index.js

@@ -50,6 +50,10 @@ var Api = /*#__PURE__*/function () {
     key: "getUsers",
     value: function getUsers(organizationId) {
       var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      var filterUserIds = arguments.length > 2 ? arguments[2] : undefined;
+
+      var _a, _b;
+
       return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
         var res;
         return regeneratorRuntime.wrap(function _callee2$(_context2) {
@@ -73,7 +77,9 @@ var Api = /*#__PURE__*/function () {
 
               case 2:
                 res = _context2.sent;
-                return _context2.abrupt("return", res.data.list);
+                return _context2.abrupt("return", !filterUserIds ? (_a = res.data) === null || _a === void 0 ? void 0 : _a.list : (((_b = res.data) === null || _b === void 0 ? void 0 : _b.list) || []).filter(function (v) {
+                  return !filterUserIds.includes(v.id);
+                }));
 
               case 4:
               case "end":

package/es/AppLayout/Header/ModifyPassword/index.js

@@ -88,7 +88,7 @@ function ModifyPassword(_ref) {
               case 14:
                 _context.prev = 14;
                 _context.t0 = _context["catch"](1);
-                console.log(_context.t0);
+                console.error(_context.t0);
 
                 try {
                   msg = (_a = _context.t0 === null || _context.t0 === void 0 ? void 0 : _context.t0.data) === null || _a === void 0 ? void 0 : _a.message;

package/es/AppLayout/Header/ModifyUserAvatar/index.css

@@ -19,3 +19,7 @@
   display: flex;
   align-items: flex-end;
 }
+.lm-c-modify-user-avatar-box .lm-upload-content {
+  width: 100%;
+  height: 100%;
+}

package/es/AppLayout/Header/ModifyUserAvatar/index.js

@@ -1,6 +1,5 @@
 import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
 import _ImageView from "@cloud-app-dev/basic-components/es/ImageView";
-import _CBox from "@cloud-app-dev/basic-components/es/CBox";
 import _ContentBox from "@cloud-app-dev/basic-components/es/ContentBox";
 import _Drawer from "@cloud-app-dev/basic-components/es/Drawer";
 import "antd/lib/message/style";
@@ -82,11 +81,11 @@ function ModifyUserAvatar(_ref) {
     className: "user-avatar-upload"
   }, /*#__PURE__*/React.createElement(FormUpload, {
     customUpload: uploadImg
-  }, userAvatarUrl ? /*#__PURE__*/React.createElement(_CBox, {
+  }, userAvatarUrl ? /*#__PURE__*/React.createElement("div", {
     className: "lm-upload-content"
   }, /*#__PURE__*/React.createElement(_ImageView, {
     src: userAvatarUrl
-  })) : /*#__PURE__*/React.createElement(_CBox, {
+  })) : /*#__PURE__*/React.createElement("div", {
     className: "lm-upload-content lm-c-normol-box"
   }, /*#__PURE__*/React.createElement(_IconFont, {
     type: "icon-L_Bar_AddImg"

package/es/AutoExit/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export interface IAutoExitProps {
-    children: React.ReactNode;
+    children?: React.ReactNode;
 }
 declare function AutoExit({ children }: IAutoExitProps): JSX.Element;
 export default AutoExit;

package/es/List/index.css

@@ -1,3 +1,9 @@
 .vidc-list-component {
   margin-left: -1px;
 }
+.vidc-list-component .lm-c-base-list-layout .list-item .item-info .anticon {
+  color: var(--icon);
+}
+.vidc-list-component .lm-c-base-list-layout .list-item:hover .item-info .anticon {
+  color: inherit;
+}

package/es/OrgTree/index.js

@@ -1,6 +1,5 @@
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
-import _CBox from "@cloud-app-dev/basic-components/es/CBox";
 import _Tree from "@cloud-app-dev/basic-components/es/Tree";
 import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
 import _Store from "@cloud-app-dev/basic-components/es/Store";
@@ -133,7 +132,7 @@ var OrgTree = /*#__PURE__*/function (_React$Component) {
           props = _objectWithoutProperties(_this$props3, _excluded);
 
       var expandedKeys = this.state.expandedKeys;
-      return /*#__PURE__*/React.createElement(_CBox, {
+      return /*#__PURE__*/React.createElement("div", {
         className: "lm-organization-tree ".concat(className)
       }, title ? /*#__PURE__*/React.createElement(TreeTitle, {
         title: title,

package/es/OrgUserTree/index.js

@@ -1,6 +1,5 @@
 import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
 import _Tree from "@cloud-app-dev/basic-components/es/Tree";
-import _CBox from "@cloud-app-dev/basic-components/es/CBox";
 import _treeHelper from "@cloud-app-dev/utils/es/treeHelper";
 import _useHttp2 from "@cloud-app-dev/basic-components/es/useHttp";
 
@@ -87,7 +86,7 @@ function OrgUserTree(_a) {
       onDefailtSelect(treeData[0].id);
     }
   }, [treeData]);
-  return /*#__PURE__*/React.createElement(_CBox, {
+  return /*#__PURE__*/React.createElement("div", {
     className: "bc-org-user-tree-layout ".concat(className)
   }, title ? /*#__PURE__*/React.createElement(TreeTitle, {
     title: title,

package/es/PlaceTree/index.js

@@ -1,6 +1,5 @@
 import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
 import _Tree from "@cloud-app-dev/basic-components/es/Tree";
-import _CBox from "@cloud-app-dev/basic-components/es/CBox";
 import _Store from "@cloud-app-dev/basic-components/es/Store";
 import _treeHelper from "@cloud-app-dev/utils/es/treeHelper";
 
@@ -124,7 +123,7 @@ function PlaceTree(params) {
       });
     });
   }, [keyword]);
-  return /*#__PURE__*/React.createElement(_CBox, {
+  return /*#__PURE__*/React.createElement("div", {
     className: "lm-c-place-tree ".concat(className)
   }, /*#__PURE__*/React.createElement(TreeTitle, {
     title: title,

package/es/RefDrawer/index.d.ts

@@ -7,9 +7,9 @@ export interface IUseDrawerHookState {
     width?: number | string;
     className?: string;
 }
-export interface IDrawerMethodsProps {
+export interface IRefDrawerMethodsProps {
     open: (options: IUseDrawerHookState) => void;
     close: () => void;
 }
-declare const _default: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<IDrawerMethodsProps>>;
+declare const _default: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<IRefDrawerMethodsProps>>;
 export default _default;

package/es/RefModal/index.d.ts

@@ -7,9 +7,9 @@ export interface IUseModalHookState {
     width?: number | string;
     className?: string;
 }
-export interface IModalMethodsProps {
+export interface IRefModalMethodsProps {
     open: (options: IUseModalHookState) => void;
     close: () => void;
 }
-declare const _default: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<IModalMethodsProps>>;
+declare const _default: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<IRefModalMethodsProps>>;
 export default _default;

package/es/TreeMode/index.css

@@ -29,3 +29,10 @@
   display: inline-flex;
   justify-content: space-between;
 }
+.bc-type-tree-layout .cloudapp-tree-title > span .anticon {
+  font-size: 16px;
+  color: var(--icon);
+  padding-right: 6px;
+  position: relative;
+  top: 1px;
+}

package/es/TreeMode/index.d.ts

@@ -11,12 +11,13 @@ interface IBsTreeProps extends BaseTreeProps {
     onDefailtSelect?: (id?: string) => void;
     mode?: 'Bz' | 'Custom' | 'Place' | 'Org';
 }
-declare function TreeMode({ title, className, renderHeader, inputPlaceholder, treeNodeProps, onDefailtSelect, mode, ...props }: IBsTreeProps): JSX.Element;
+declare function TreeMode({ title, className, renderHeader, inputPlaceholder, treeNodeProps, onDefailtSelect, mode, showIcon, ...props }: IBsTreeProps): JSX.Element;
 declare namespace TreeMode {
     var defaultProps: {
         mode: string;
         className: string;
         treeNodeProps: {};
+        showIcon: boolean;
     };
 }
 export default TreeMode;

package/es/TreeMode/index.js

@@ -1,6 +1,5 @@
 import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
 import _Tree from "@cloud-app-dev/basic-components/es/Tree";
-import _CBox from "@cloud-app-dev/basic-components/es/CBox";
 import _treeHelper from "@cloud-app-dev/utils/es/treeHelper";
 import _useHttp2 from "@cloud-app-dev/basic-components/es/useHttp";
 
@@ -40,7 +39,8 @@ function TreeMode(_a) {
       treeNodeProps = _a.treeNodeProps,
       onDefailtSelect = _a.onDefailtSelect,
       mode = _a.mode,
-      props = __rest(_a, ["title", "className", "renderHeader", "inputPlaceholder", "treeNodeProps", "onDefailtSelect", "mode"]);
+      showIcon = _a.showIcon,
+      props = __rest(_a, ["title", "className", "renderHeader", "inputPlaceholder", "treeNodeProps", "onDefailtSelect", "mode", "showIcon"]);
 
   var _useState = useState({
     keyword: undefined,
@@ -152,7 +152,7 @@ function TreeMode(_a) {
       onDefailtSelect(id);
     }
   }, [treeData, treeKey]);
-  return /*#__PURE__*/React.createElement(_CBox, {
+  return /*#__PURE__*/React.createElement("div", {
     className: "bc-type-tree-layout ".concat(className)
   }, /*#__PURE__*/React.createElement(TreeTitle, {
     title: title,
@@ -168,6 +168,7 @@ function TreeMode(_a) {
   }), renderHeader && renderHeader(), list.length > 0 && /*#__PURE__*/React.createElement(_Tree, Object.assign({}, props, {
     treeData: treeData,
     key: state.focusKey,
+    showIcon: showIcon,
     onExpand: function onExpand(keys) {
       return setState(function (old) {
         return Object.assign(Object.assign({}, old), {
@@ -185,7 +186,7 @@ function TreeMode(_a) {
     },
     icon: function icon(node) {
       return /*#__PURE__*/React.createElement(_IconFont, {
-        type: "".concat(treeData.length > 0 && node.id === treeData[0].id ? 'icon-S_Bar_Home' : mode === 'Place' && node.level > 4 ? 'icon-S_Place_Place' : 'icon-S_Photo_ListTree')
+        type: "".concat(treeData.length === 1 && node.id === treeData[0].id ? 'icon-S_Bar_Home' : mode === 'Place' ? node.level > 4 ? 'icon-S_Place_Place' : 'icon-S_Bar_Add' : 'icon-S_Photo_ListTree')
       });
     }
   })));
@@ -194,6 +195,7 @@ function TreeMode(_a) {
 TreeMode.defaultProps = {
   mode: 'Bz',
   className: '',
-  treeNodeProps: {}
+  treeNodeProps: {},
+  showIcon: true
 };
 export default TreeMode;

package/es/UserSelect/demo.js

@@ -1,7 +1,7 @@
 import "antd/lib/config-provider/style";
 import _ConfigProvider from "antd/lib/config-provider";
 import React from 'react';
-import OrgTree from './index';
+import UserSelect from './index';
 
 function App() {
   return /*#__PURE__*/React.createElement(_ConfigProvider, {
@@ -12,8 +12,9 @@ function App() {
       width: 1000,
       height: 600
     }
-  }, /*#__PURE__*/React.createElement(OrgTree, {
-    selectUsers: []
+  }, /*#__PURE__*/React.createElement(UserSelect, {
+    selectUsers: [],
+    filterUserIds: ['101003000142']
   })));
 }
 

package/es/UserSelect/index.d.ts

@@ -5,6 +5,10 @@ interface IUserSelectProps {
     selectUsers: UserInfo[];
     onChange?: (users: UserInfo[]) => void;
     className?: string;
+    /**
+     * @description 过滤不需要的用户
+     */
+    filterUserIds?: string[];
     /**
      * @description  getUser其他参数
      */

package/es/UserSelect/index.js

@@ -1,3 +1,4 @@
+import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
 import _useChangeEffect from "@cloud-app-dev/basic-components/es/useChangeEffect";
 import _treeHelper from "@cloud-app-dev/utils/es/treeHelper";
 import _useHttp2 from "@cloud-app-dev/basic-components/es/useHttp";
@@ -34,6 +35,7 @@ function UserSelect(_ref, ref) {
       onChange = _ref.onChange,
       _ref$className = _ref.className,
       className = _ref$className === void 0 ? '' : _ref$className,
+      filterUserIds = _ref.filterUserIds,
       userParams = _ref.userParams;
 
   var _useState = useState({
@@ -67,7 +69,7 @@ function UserSelect(_ref, ref) {
         _ = _ref3[0],
         id = _ref3[1];
 
-    return id ? api.getUsers(id, userParams) : Promise.resolve();
+    return id ? api.getUsers(id, userParams, filterUserIds) : Promise.resolve();
   }),
       _useHttp3$data = _useHttp3.data,
       userList = _useHttp3$data === void 0 ? [] : _useHttp3$data;
@@ -159,7 +161,12 @@ function UserSelect(_ref, ref) {
         });
       });
     },
-    keywords: state.keyword1
+    keywords: state.keyword1,
+    whatIcon: function whatIcon() {
+      return /*#__PURE__*/React.createElement(_IconFont, {
+        type: "icon-S_AID_username"
+      });
+    }
   }), /*#__PURE__*/React.createElement(List, {
     list: renderList2,
     itemKey: "id",
@@ -175,7 +182,12 @@ function UserSelect(_ref, ref) {
       });
     },
     keywords: state.keyword2,
-    onChecked: onUserChecked2
+    onChecked: onUserChecked2,
+    whatIcon: function whatIcon() {
+      return /*#__PURE__*/React.createElement(_IconFont, {
+        type: "icon-S_AID_username"
+      });
+    }
   }));
 }
 

package/es/WorkerFlow/Demo.js

@@ -2,6 +2,7 @@ import "antd/lib/config-provider/style";
 import _ConfigProvider from "antd/lib/config-provider";
 import React from 'react';
 import WorkerFlow from './index';
+import data from './data.json';
 var form = [{
   label: '处理意见',
   auth: 1,
@@ -45,8 +46,11 @@ var App = function App() {
     }
   }, /*#__PURE__*/React.createElement(WorkerFlow, {
     form: form,
+    data: data.data,
+    readOnly: false,
     onChange: console.log,
-    hasTools: true
+    hasTools: true,
+    errorIds: ['UserTask_2222', 'SequenceFlow_6666']
   })));
 };
 

package/es/WorkerFlow/Form/Condition.js

@@ -4,7 +4,6 @@ import "antd/lib/button/style";
 import _Button from "antd/lib/button";
 import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
 import _ContentBox from "@cloud-app-dev/basic-components/es/ContentBox";
-import _useChangeEffect from "@cloud-app-dev/basic-components/es/useChangeEffect";
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -18,20 +17,23 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-import React, { useCallback, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import RefModal from '../../RefModal';
 
 function ConditionForm(_ref) {
   var form = _ref.form,
       item = _ref.item,
       onChange = _ref.onChange,
-      useConditionFields = _ref.useConditionFields;
+      _ref$useConditionFiel = _ref.useConditionFields,
+      useConditionFields = _ref$useConditionFiel === void 0 ? [] : _ref$useConditionFiel;
 
   var _a, _b;
 
+  console.log(item, useConditionFields);
+
   var _useState = useState({
-    field: ((_a = item === null || item === void 0 ? void 0 : item.conditionList[0]) === null || _a === void 0 ? void 0 : _a.field) || '',
-    value: ((_b = item === null || item === void 0 ? void 0 : item.conditionList[0]) === null || _b === void 0 ? void 0 : _b.value) || ''
+    field: (item === null || item === void 0 ? void 0 : item.conditionList) ? (_a = item.conditionList[0]) === null || _a === void 0 ? void 0 : _a.field : '',
+    value: (item === null || item === void 0 ? void 0 : item.conditionList) ? (_b = item === null || item === void 0 ? void 0 : item.conditionList[0]) === null || _b === void 0 ? void 0 : _b.value : ''
   }),
       _useState2 = _slicedToArray(_useState, 2),
       state = _useState2[0],
@@ -103,8 +105,7 @@ function ConditionForm(_ref) {
       };
     });
   }, []);
-
-  _useChangeEffect(function () {
+  useEffect(function () {
     if (state.field !== undefined && state.value !== undefined && formItem) {
       var conditionList = [{
         field: state.field,
@@ -128,7 +129,6 @@ function ConditionForm(_ref) {
       });
     }
   }, [state.field, state.value, formItem, options]);
-
   return /*#__PURE__*/React.createElement(_ContentBox.InfoBox, {
     title: "\u8BBE\u7F6E\u6761\u4EF6",
     contentStyle: {

package/es/WorkerFlow/Form/GroupSelect.js

@@ -108,8 +108,11 @@ function GroupSelect(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: "user-select-component group-select-component"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "user-select-tools"
-  }, /*#__PURE__*/React.createElement(_Button, {
+    className: "user-select-tools",
+    style: {
+      justifyContent: 'space-between'
+    }
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Button, {
     icon: /*#__PURE__*/React.createElement(_IconFont, {
       type: "icon-S_Edit_Draw"
     }),
@@ -117,7 +120,19 @@ function GroupSelect(_ref) {
     onClick: userModify
   }, state.userList.length === 0 ? '选择岗位' : '修改岗位'), /*#__PURE__*/React.createElement("span", {
     className: "placeholder"
-  }, "\u4E0D\u80FD\u8D85\u8FC720\u4EBA")), /*#__PURE__*/React.createElement("div", {
+  }, "\u4E0D\u80FD\u8D85\u8FC720\u4EBA")), state.userList.length > 1 && /*#__PURE__*/React.createElement("span", {
+    style: {
+      cursor: 'pointer',
+      color: 'var(--primary)'
+    },
+    onClick: function onClick() {
+      return setState(function (old) {
+        return Object.assign(Object.assign({}, old), {
+          userList: []
+        });
+      });
+    }
+  }, "\u6E05\u7A7A")), /*#__PURE__*/React.createElement("div", {
     className: "user-list-wrapper"
   }, renderList.map(function (v) {
     return /*#__PURE__*/React.createElement("div", {

package/es/WorkerFlow/Form/LevelGroupSelect.js

@@ -25,8 +25,11 @@ import React, { useCallback, useMemo, useRef, useState, useEffect } from 'react'
 import _ from 'lodash';
 import chroma from 'chroma-js';
 import GroupSelectModalContent from './GroupSelectModalContent';
-import { formatRenderGroup } from './utils';
+import { formatRenderGroup, ToUpperNumberString } from './utils';
 import RefModal from '../../RefModal';
+var levelDict = Array.from(new Array(30)).map(function (_, i) {
+  return i + 1;
+});
 
 function LevelGroupSelect(_ref) {
   var _this = this;
@@ -115,8 +118,15 @@ function LevelGroupSelect(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: "user-select-component group-select-component level-group-select-component"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "user-select-tools"
-  }, /*#__PURE__*/React.createElement("span", null, "\u6307\u5B9A\u5C97\u4F4D\uFF08\u540C\u65F6\u662F\u4E3B\u7BA1\uFF09", /*#__PURE__*/React.createElement(_IconFont, {
+    className: "user-select-tools",
+    style: {
+      justifyContent: 'space-between'
+    }
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+    style: {
+      paddingRight: 10
+    }
+  }, "\u6307\u5B9A\u5C97\u4F4D\uFF08\u540C\u65F6\u662F\u4E3B\u7BA1\uFF09", /*#__PURE__*/React.createElement(_IconFont, {
     type: "icon-Warning"
   })), /*#__PURE__*/React.createElement(_Button, {
     icon: /*#__PURE__*/React.createElement(_IconFont, {
@@ -124,7 +134,19 @@ function LevelGroupSelect(_ref) {
     }),
     type: "primary",
     onClick: userModify
-  }, state.userList.length === 0 ? '选择岗位' : '修改岗位')), /*#__PURE__*/React.createElement("div", {
+  }, state.userList.length === 0 ? '选择岗位' : '修改岗位')), state.userList.length > 1 && /*#__PURE__*/React.createElement("span", {
+    style: {
+      cursor: 'pointer',
+      color: 'var(--primary)'
+    },
+    onClick: function onClick() {
+      return setState(function (old) {
+        return Object.assign(Object.assign({}, old), {
+          userList: []
+        });
+      });
+    }
+  }, "\u6E05\u7A7A")), /*#__PURE__*/React.createElement("div", {
     className: "user-list-wrapper"
   }, renderList.map(function (v) {
     return /*#__PURE__*/React.createElement("div", {
@@ -169,13 +191,13 @@ function LevelGroupSelect(_ref) {
         });
       });
     }
-  }, /*#__PURE__*/React.createElement(_Select.Option, {
-    value: 1
-  }, "\u7B2C\u4E00\u7EA7\u4E3B\u7BA1"), /*#__PURE__*/React.createElement(_Select.Option, {
-    value: 2
-  }, "\u7B2C\u4E8C\u7EA7\u4E3B\u7BA1"), /*#__PURE__*/React.createElement(_Select.Option, {
-    value: 3
-  }, "\u7B2C\u4E09\u7EA7\u4E3B\u7BA1"))), /*#__PURE__*/React.createElement(RefModal, {
+  }, levelDict.map(function (v) {
+    return /*#__PURE__*/React.createElement(_Select.Option, {
+      value: v
+    }, "\u7B2C", ToUpperNumberString("".concat(v)), "\u7EA7\u4E3B\u7BA1");
+  }), /*#__PURE__*/React.createElement(_Select.Option, {
+    value: 99
+  }, "\u6700\u9AD8\u5C42\u7EA7\u4E3B\u7BA1"))), /*#__PURE__*/React.createElement(RefModal, {
     ref: modalRef
   }));
 }

package/es/WorkerFlow/Form/UserAndGroupSelect.js

@@ -128,7 +128,7 @@ function UserAndGroupSelect(_ref) {
     className: "select-title"
   }, "\u9009\u62E9\u8303\u56F4"), /*#__PURE__*/React.createElement("div", {
     className: "user-select-tools"
-  }, /*#__PURE__*/React.createElement(_Select, {
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Select, {
     value: state.type,
     style: {
       width: 100,
@@ -145,11 +145,29 @@ function UserAndGroupSelect(_ref) {
     }),
     type: "primary",
     onClick: userModify
-  }, state.userList.length === 0 ? '添加人员' : '修改人员'), /*#__PURE__*/React.createElement("span", {
+  }, state.userList.length === 0 ? '添加' : '修改', state.type === 'groupId' ? '岗位' : '人员')), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      justifyContent: 'space-between',
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement("span", {
     className: "placeholder"
-  }, "\u4E0D\u80FD\u8D85\u8FC720\u4E2A")), /*#__PURE__*/React.createElement("div", {
+  }, "\u4E0D\u80FD\u8D85\u8FC720\u4E2A"), state.userList.length > 1 && /*#__PURE__*/React.createElement("span", {
+    style: {
+      cursor: 'pointer',
+      color: 'var(--primary)'
+    },
+    onClick: function onClick() {
+      return setState(function (old) {
+        return Object.assign(Object.assign({}, old), {
+          userList: []
+        });
+      });
+    }
+  }, "\u6E05\u7A7A"))), /*#__PURE__*/React.createElement("div", {
     className: "user-list-wrapper"
-  }, state.type === 'userId' ? state.userList.map(function (v) {
+  }, state.type === 'userId' ? renderList.map(function (v) {
     return /*#__PURE__*/React.createElement(_Tag, {
       closable: true,
       key: v.value,

package/es/WorkerFlow/Form/UserSelect.js

@@ -104,8 +104,11 @@ function UserSelect(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: "user-select-component"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "user-select-tools"
-  }, /*#__PURE__*/React.createElement(_Button, {
+    className: "user-select-tools",
+    style: {
+      justifyContent: 'space-between'
+    }
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Button, {
     icon: /*#__PURE__*/React.createElement(_IconFont, {
       type: "icon-S_Edit_Draw"
     }),
@@ -113,7 +116,19 @@ function UserSelect(_ref) {
     onClick: userModify
   }, state.userList.length === 0 ? '添加人员' : '修改人员'), /*#__PURE__*/React.createElement("span", {
     className: "placeholder"
-  }, "\u4E0D\u80FD\u8D85\u8FC720\u4EBA")), /*#__PURE__*/React.createElement("div", {
+  }, "\u4E0D\u80FD\u8D85\u8FC720\u4EBA")), state.userList.length > 1 && /*#__PURE__*/React.createElement("span", {
+    style: {
+      cursor: 'pointer',
+      color: 'var(--primary)'
+    },
+    onClick: function onClick() {
+      return setState(function (old) {
+        return Object.assign(Object.assign({}, old), {
+          userList: []
+        });
+      });
+    }
+  }, "\u6E05\u7A7A")), /*#__PURE__*/React.createElement("div", {
     className: "user-list-wrapper"
   }, state.userList.map(function (v) {
     return /*#__PURE__*/React.createElement(_Tag, {

package/es/WorkerFlow/Form/UserSet.js

@@ -170,15 +170,10 @@ function UserSelectType2(_ref3) {
       _onChange3 = _ref3.onChange,
       type = _ref3.type,
       emptyUsers = _ref3.emptyUsers;
-  var userList = useMemo(function () {
-    return users.filter(function (v) {
-      return v.key === 'userId';
-    });
-  }, [users]);
   return /*#__PURE__*/React.createElement("div", {
     className: "user-select-type1"
   }, /*#__PURE__*/React.createElement(UserAndGroupSelect, {
-    userList: userList,
+    userList: users,
     onChange: function onChange(users) {
       return _onChange3(_defineProperty({}, type, users));
     }

package/es/WorkerFlow/Form/utils.d.ts

@@ -1,2 +1,3 @@
 import { NodeUserType } from '../interface';
 export declare function formatRenderGroup(list?: NodeUserType[]): [string, NodeUserType[]][];
+export declare function ToUpperNumberString(n: string): string;

package/es/WorkerFlow/Form/utils.js

@@ -23,4 +23,25 @@ export function formatRenderGroup() {
   }
 
   return arr;
+}
+var upperNumbers = '十一二三四五六七八九';
+export function ToUpperNumberString(n) {
+  var arr = (n + '').split('');
+  var strs = arr.map(function (v) {
+    return upperNumbers.charAt(+v);
+  }).join('');
+
+  if (strs === '一十') {
+    return '十';
+  }
+
+  if (strs.length === 2 && strs.charAt(0) === '一') {
+    return strs.replace('一', '十');
+  }
+
+  if (strs.length === 2 && strs.charAt(0) !== '一' && !strs.includes('十')) {
+    return strs.charAt(0) + '十' + strs.charAt(1);
+  }
+
+  return strs;
 }

package/es/WorkerFlow/Nodes/Approver.js

@@ -13,7 +13,8 @@ function ApproverNode(_ref) {
 
   var _useContext = useContext(WFC),
       onDeleteNode = _useContext.onDeleteNode,
-      onSelectNode = _useContext.onSelectNode; // TODO: 这里读取props数据
+      onSelectNode = _useContext.onSelectNode,
+      updateNode = _useContext.updateNode; // TODO: 这里读取props数据
 
 
   var TitleEl = /*#__PURE__*/React.createElement(TitleElement, {
@@ -24,7 +25,8 @@ function ApproverNode(_ref) {
     placeholder: nodeName,
     nodeName: nodeName,
     onTitleChange: function onTitleChange(val) {
-      return node.nodeName = val;
+      node.nodeName = val;
+      updateNode();
     }
   });
   return /*#__PURE__*/React.createElement(NodeWrap, {

package/es/WorkerFlow/Nodes/Condition.js

@@ -27,10 +27,11 @@ function BranchNode(_ref2) {
       last = _ref2.last,
       sortLeft = _ref2.sortLeft,
       owner = _ref2.owner,
-      nodeName = _ref2.nodeName,
       delBranch = _ref2.delBranch,
       sortRight = _ref2.sortRight,
       onBranchClick = _ref2.onBranchClick,
+      updateNode = _ref2.updateNode,
+      errorIds = _ref2.errorIds,
       node = _ref2.node,
       id = _ref2.id;
   return /*#__PURE__*/React.createElement("div", {
@@ -38,7 +39,7 @@ function BranchNode(_ref2) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "condition-node-box"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "auto-judge",
+    className: "auto-judge ".concat(node.error || errorIds.includes(id) ? 'error' : ''),
     id: id
   }, !first && /*#__PURE__*/React.createElement("div", {
     className: "sort-left",
@@ -47,11 +48,12 @@ function BranchNode(_ref2) {
     className: "title-wrapper"
   }, /*#__PURE__*/React.createElement(TitleElement, {
     placeholder: "\u8BF7\u8F93\u5165\u6761\u4EF6\u540D\u79F0",
-    onTitleChange: function onTitleChange(v) {
-      return node.nodeName = v;
-    },
     delNode: delBranch,
-    nodeName: node.nodeName
+    nodeName: node.nodeName,
+    onTitleChange: function onTitleChange(v) {
+      node.nodeName = v;
+      updateNode();
+    }
   })), !last && /*#__PURE__*/React.createElement("div", {
     className: "sort-right",
     onClick: sortRight
@@ -84,7 +86,10 @@ function ConditionNode(_ref3) {
       onInsertNode = _useContext.onInsertNode,
       onDeleteNode = _useContext.onDeleteNode,
       onSelectNode = _useContext.onSelectNode,
-      readOnly = _useContext.readOnly;
+      readOnly = _useContext.readOnly,
+      updateNode = _useContext.updateNode,
+      _useContext$errorIds = _useContext.errorIds,
+      errorIds = _useContext$errorIds === void 0 ? [] : _useContext$errorIds;
 
   if (!Array.isArray(branches) || branches.length === 0) {
     return null;
@@ -107,10 +112,10 @@ function ConditionNode(_ref3) {
       className: "col-box",
       key: index.toString()
     }, /*#__PURE__*/React.createElement(BranchNode, Object.assign({}, item, {
-      nodeName: item.nodeName,
       priorityLevel: item.priorityLevel,
       owner: item.owner,
       first: index === 0,
+      updateNode: updateNode,
       onBranchClick: function onBranchClick() {
         return onSelectNode(node, parentNode, index);
       },
@@ -118,7 +123,8 @@ function ConditionNode(_ref3) {
         return branches.length === 2 ? onDeleteNode(parentNode, node) : onDeleteNode(parentNode, node, NodeTypes.BRANCH, index);
       },
       last: index === branches.length - 1,
-      node: item
+      node: item,
+      errorIds: errorIds
     })), item.childNode && /*#__PURE__*/React.createElement(Render, {
       parentNode: item,
       config: item.childNode

package/es/WorkerFlow/Nodes/Constants.js

@@ -91,7 +91,7 @@ export var NodeTemplates = (_NodeTemplates = {}, _defineProperty(_NodeTemplates,
 }), _defineProperty(_NodeTemplates, OptionTypes.CONDITION, function () {
   return {
     id: createId('ExclusiveGateway'),
-    nodeName: '路由',
+    nodeName: '条件分支',
     type: OptionTypes.CONDITION,
     childNode: null,
     conditionNodes: [],

package/es/WorkerFlow/Nodes/Handle.js

@@ -13,7 +13,8 @@ function HandleNode(_ref) {
 
   var _useContext = useContext(WFC),
       onDeleteNode = _useContext.onDeleteNode,
-      onSelectNode = _useContext.onSelectNode;
+      onSelectNode = _useContext.onSelectNode,
+      updateNode = _useContext.updateNode;
 
   var TitleEl = /*#__PURE__*/React.createElement(TitleElement, {
     icon: "icon-yewu",
@@ -23,7 +24,8 @@ function HandleNode(_ref) {
     placeholder: nodeName,
     nodeName: nodeName,
     onTitleChange: function onTitleChange(val) {
-      return node.nodeName = val;
+      node.nodeName = val;
+      updateNode();
     }
   });
   return /*#__PURE__*/React.createElement(NodeWrap, {

package/es/WorkerFlow/Nodes/Notifier.js

@@ -13,7 +13,8 @@ function NotifierNode(_ref) {
 
   var _useContext = useContext(WFC),
       onDeleteNode = _useContext.onDeleteNode,
-      onSelectNode = _useContext.onSelectNode;
+      onSelectNode = _useContext.onSelectNode,
+      updateNode = _useContext.updateNode;
 
   var TitleEl = /*#__PURE__*/React.createElement(TitleElement, {
     icon: "icon-biaoqian",
@@ -23,7 +24,8 @@ function NotifierNode(_ref) {
     placeholder: nodeName,
     nodeName: nodeName,
     onTitleChange: function onTitleChange(val) {
-      return node.nodeName = val;
+      node.nodeName = val;
+      updateNode();
     }
   });
   return /*#__PURE__*/React.createElement(NodeWrap, {

package/es/WorkerFlow/Nodes/TitleElement.js

@@ -13,7 +13,8 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-import React, { useState, useEffect, useRef, useCallback } from 'react';
+import React, { useState, useEffect, useRef, useCallback, useContext } from 'react';
+import WFC from '../OperatorContext';
 
 function TitleElement(_ref) {
   var nodeName = _ref.nodeName,
@@ -22,6 +23,9 @@ function TitleElement(_ref) {
       icon = _ref.icon,
       delNode = _ref.delNode;
 
+  var _useContext = useContext(WFC),
+      readOnly = _useContext.readOnly;
+
   var _useState = useState(nodeName),
       _useState2 = _slicedToArray(_useState, 2),
       title = _useState2[0],
@@ -41,19 +45,19 @@ function TitleElement(_ref) {
     }
   }, [title, placeholder]);
   useEffect(function () {
-    return editable && input.current.focus();
+    return !readOnly && editable && input.current.focus();
   }, [editable]);
 
   _useChangeEffect(function () {
-    onTitleChange && onTitleChange(title);
-  }, [title]);
+    !readOnly && !editable && onTitleChange && onTitleChange(title);
+  }, [title, editable]);
 
   return /*#__PURE__*/React.createElement(React.Fragment, null, icon && /*#__PURE__*/React.createElement(_IconFont, {
     type: icon,
     style: {
       paddingRight: 4
     }
-  }), editable ? /*#__PURE__*/React.createElement("input", {
+  }), !readOnly && editable ? /*#__PURE__*/React.createElement("input", {
     ref: input,
     type: "text",
     className: "cloudapp-input editable-title-input",
@@ -70,8 +74,11 @@ function TitleElement(_ref) {
     className: "editable-title",
     onClick: function onClick() {
       return setEditable(true);
-    }
-  }, title), /*#__PURE__*/React.createElement(_IconFont, {
+    },
+    style: readOnly ? {
+      borderColor: 'transparent'
+    } : undefined
+  }, title), !readOnly && /*#__PURE__*/React.createElement(_IconFont, {
     className: "worker-flow-node-del",
     type: "icon-MarkNo",
     onClick: delNode,

package/es/WorkerFlow/Nodes/Wrap.js

@@ -1,6 +1,7 @@
-import React from 'react';
+import React, { useContext } from 'react';
 import { NodeTypes } from './Constants';
 import AddNode from './Add';
+import WFC from '../OperatorContext';
 
 function NodeWrap(_ref) {
   var type = _ref.type,
@@ -10,10 +11,15 @@ function NodeWrap(_ref) {
       children = _ref.children,
       titleStyle = _ref.titleStyle,
       id = _ref.id;
+
+  var _useContext = useContext(WFC),
+      _useContext$errorIds = _useContext.errorIds,
+      errorIds = _useContext$errorIds === void 0 ? [] : _useContext$errorIds;
+
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     className: "node-wrap"
   }, /*#__PURE__*/React.createElement("div", {
-    className: 'node-wrap-box ' + (type === NodeTypes.START ? 'start-node' : ''),
+    className: "node-wrap-box ".concat(type === NodeTypes.START ? 'start-node' : '', " ").concat(node.error || errorIds.includes(node.id) ? 'error' : ''),
     id: id
   }, /*#__PURE__*/React.createElement("div", {
     className: "title",

package/es/WorkerFlow/index.css

@@ -234,7 +234,7 @@
 }
 .worker-flow-design .auto-judge.error:after {
   border: 1px solid #f25643;
-  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 5px 0 rgba(238, 55, 55, 0.5);
 }
 .worker-flow-design .auto-judge .title-wrapper {
   font-size: 12px;
@@ -488,7 +488,7 @@
 }
 .node-wrap-box.error:after {
   border: 1px solid #f25643;
-  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 5px 0 rgba(238, 55, 55, 0.5);
 }
 .node-wrap-box .title {
   position: relative;
@@ -677,6 +677,10 @@
 .user-list-wrapper {
   padding: 10px 0;
 }
+.user-select-tools {
+  display: flex;
+  align-items: center;
+}
 .user-select-tools .cloudapp-btn {
   margin-right: 20px;
 }

package/es/WorkerFlow/index.d.ts

@@ -4,6 +4,7 @@ import './index.less';
 interface IWorkFlowProps {
     data?: WorkerFlowRequest;
     form?: WorkerFlowFormType[];
+    errorIds?: string[];
     onChange?: (data: SubmitData) => void;
     readOnly?: boolean;
     hasTools?: boolean;

package/es/WorkerFlow/index.js

@@ -53,7 +53,8 @@ function WorkerFlow(_ref, ref) {
       form = _ref$form === void 0 ? [] : _ref$form,
       onChange = _ref.onChange,
       readOnly = _ref.readOnly,
-      hasTools = _ref.hasTools;
+      hasTools = _ref.hasTools,
+      errorIds = _ref.errorIds;
 
   var _useState = useState(cloneDeep((_data === null || _data === void 0 ? void 0 : _data.nodeConfig) || cloneDeep(TemplateConfig1))),
       _useState2 = _slicedToArray(_useState, 2),
@@ -123,7 +124,7 @@ function WorkerFlow(_ref, ref) {
       return;
     }
 
-    var title = "\u662F\u5426\u5220\u9664\u8282\u70B9\"".concat(type === NodeTypes.BRANCH ? node.conditionNodes[index].nodeName : node.nodeName, "\"\uFF1F");
+    var title = "\u662F\u5426\u5220\u9664\"".concat(type === NodeTypes.BRANCH ? node.conditionNodes[index].nodeName : node.nodeName, "\"\u8282\u70B9\uFF1F");
     var options = {
       title: title,
       okText: '确定',
@@ -185,13 +186,14 @@ function WorkerFlow(_ref, ref) {
         node.conditionNodes[index].expression = data.expression;
         node.conditionNodes[index].owner = data.owner;
       } else {
+        var userArr = data.nodeUserList.map(function (v) {
+          return v.name;
+        });
         node.nodeUserList = data.nodeUserList || [];
         node.form = data.form || [];
         node.userType = data.userType;
         node.usersHandType = data.usersHandType;
-        node.owner = data.userType === 4 ? '直属主管' : data.nodeUserList.map(function (v) {
-          return v.name;
-        }).join('，');
+        node.owner = data.userType === 4 ? '直属主管' : userArr.join('，');
         node.emptyUserList = data.emptyUserList;
         node.chargeLevel = data.chargeLevel;
       }
@@ -205,9 +207,12 @@ function WorkerFlow(_ref, ref) {
     }).includes(node.type)) {
       var nodeName = node.type === 4 ? node.conditionNodes[index].nodeName : node.nodeName;
       var FormContent = FormMap[node.type];
-      var useConditionFields = node.type === 4 ? _toConsumableArray(node.conditionNodes.map(function (v) {
+      var fiels = node.type === 4 ? _toConsumableArray(node.conditionNodes.map(function (v) {
         return v.id !== node.conditionNodes[index].id ? v.conditionList : [];
       })).flat() : [];
+      var useConditionFields = fiels.filter(function (v) {
+        return !!v;
+      });
       var nodeItem = node.type === 4 ? node.conditionNodes[index] : node;
       var from = nodeItem.form ? form.map(function (v) {
         return nodeItem.form.find(function (v2) {
@@ -260,7 +265,9 @@ function WorkerFlow(_ref, ref) {
   }, [config]);
 
   _useChangeEffect(function () {
-    onChange && onChange(getConfig());
+    if (onChange) {
+      onChange(getConfig());
+    }
   }, [config]);
 
   useImperativeHandle(ref, function () {
@@ -276,7 +283,8 @@ function WorkerFlow(_ref, ref) {
       onInsertNode: onInsertNode,
       onDeleteNode: onDeleteNode,
       onSelectNode: onSelectNode,
-      readOnly: readOnly
+      readOnly: readOnly,
+      errorIds: errorIds
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: "worker-flow-container"

package/es/WorkerFlow/interface.d.ts

@@ -49,6 +49,7 @@ export type NodeItem = {
 
 export interface WorkerFlowContext {
   config: NodeItem;
+  errorIds?: string[];
   form: WorkerFlowFormType[];
   onInsertNode: (type: NodeType, node: NodeItem) => void;
   onDeleteNode: (parentNode: NodeItem, node: NodeItem, type?: NodeType, index?: number) => void;

package/es/WorkerFlow/utils.js

@@ -168,8 +168,7 @@ export function getUserFormKeys(data) {
   var arr = [];
 
   var fn = function fn(node) {
-    if (node.bpmnType == 'sequenceFlow') {
-      console.log(node.conditionList);
+    if (node.bpmnType == 'sequenceFlow' && node.conditionList) {
       arr.push.apply(arr, _toConsumableArray(node.conditionList));
     }
 

package/package.json

@@ -2,7 +2,7 @@
   "private": false,
   "name": "@cloud-app-dev/vidc",
   "description": "Video Image Data Componennts",
-  "version": "1.0.46",
+  "version": "1.0.50",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -37,8 +37,8 @@
     "rc-queue-anim": "^2.0.0"
   },
   "devDependencies": {
-    "@cloud-app-dev/utils": "^2.0.1",
-    "@cloud-app-dev/basic-components": "^1.0.56",
+    "@cloud-app-dev/utils": "^2.0.2",
+    "@cloud-app-dev/basic-components": "^1.0.62",
     "@types/chroma-js": "^2.1.3",
     "@types/lodash": "^4.14.172",
     "@umijs/test": "^3.0.5",