@cloud-app-dev/vidc 2.0.0-alpha.1 → 2.0.0-alpha.13

package/es/{TreeMode → Tree}/index.js

@@ -1,7 +1,4 @@
-import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
-import _Tree from "@cloud-app-dev/basic-components/es/Tree";
 import _treeHelper from "@cloud-app-dev/utils/es/treeHelper";
-import _useHttp2 from "@cloud-app-dev/basic-components/es/useHttp";
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
@@ -26,8 +23,11 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { __rest } from "tslib";
 import React, { useEffect, useMemo, useState } from 'react';
 import api from '../Api';
-import TreeTitle from '../TreeTitle';
+import Title from '../Title';
 import { getParentListById, getPlaceCodesWithParent } from '../utils';
+import IconFont from '../IconFont';
+import useHttp from '../useHttp';
+import Tree from './BaseTree';
 import "./index.css";
 var defaultList = [];
 
@@ -55,7 +55,7 @@ function TreeMode(_a) {
    */
 
 
-  var _useHttp = _useHttp2(['TreeMode', mode], function (_ref) {
+  var _useHttp = useHttp(['TreeMode', mode], function (_ref) {
     var _ref2 = _slicedToArray(_ref, 2),
         _ = _ref2[0],
         mode = _ref2[1];
@@ -147,14 +147,11 @@ function TreeMode(_a) {
 
   useEffect(function () {
     var id = treeData[0] ? treeData[0][treeKey] : undefined;
-
-    if (id && onDefailtSelect) {
-      onDefailtSelect(id);
-    }
+    id && onDefailtSelect && onDefailtSelect(id);
   }, [treeData, treeKey]);
   return /*#__PURE__*/React.createElement("div", {
     className: "bc-type-tree-layout ".concat(className)
-  }, /*#__PURE__*/React.createElement(TreeTitle, {
+  }, /*#__PURE__*/React.createElement(Title, {
     title: title,
     value: state.keyword,
     inputPlaceholder: inputPlaceholder,
@@ -165,7 +162,7 @@ function TreeMode(_a) {
         });
       });
     }
-  }), renderHeader && renderHeader(), list.length > 0 && /*#__PURE__*/React.createElement(_Tree, Object.assign({}, props, {
+  }), renderHeader && renderHeader(), list.length > 0 && /*#__PURE__*/React.createElement(Tree, Object.assign({}, props, {
     treeData: treeData,
     key: state.focusKey,
     showIcon: showIcon,
@@ -185,7 +182,7 @@ function TreeMode(_a) {
       key: treeKey
     },
     icon: function icon(node) {
-      return /*#__PURE__*/React.createElement(_IconFont, {
+      return /*#__PURE__*/React.createElement(IconFont, {
         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')
       });
     }

package/es/UserSelect/index.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import { UserInfo } from '@cloud-app-dev/basic-components/es/Store/app';
+import { UserInfoType } from '../AppContext/interface';
 import './index.less';
 interface IUserSelectProps {
-    selectUsers: UserInfo[];
-    onChange?: (users: UserInfo[]) => void;
+    selectUsers: UserInfoType[];
+    onChange?: (users: UserInfoType[]) => void;
     className?: string;
     /**
      * @description 过滤不需要的用户

package/es/UserSelect/index.js

@@ -1,7 +1,5 @@
-import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
-import _useChangeEffect from "@cloud-app-dev/basic-components/es/useChangeEffect";
+import _useUpdateEffect from "ahooks/es/useUpdateEffect";
 import _treeHelper from "@cloud-app-dev/utils/es/treeHelper";
-import _useHttp2 from "@cloud-app-dev/basic-components/es/useHttp";
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
@@ -25,9 +23,14 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import React, { useCallback, useMemo, useState, useImperativeHandle } from 'react';
 import api from '../Api';
-import TreeMode from '../TreeMode';
-import List from '../List';
-import { uniq, intersectionWith, uniqBy, differenceWith } from 'lodash';
+import TreeMode from '../Tree';
+import uniq from 'lodash-es/uniq';
+import intersectionWith from 'lodash-es/intersectionWith';
+import uniqBy from 'lodash-es/uniqBy';
+import differenceWith from 'lodash-es/differenceWith';
+import IconFont from '../IconFont';
+import useHttp from '../useHttp';
+import ListExt from '../List/ListExt';
 import "./index.css";
 
 function UserSelect(_ref, ref) {
@@ -51,7 +54,7 @@ function UserSelect(_ref, ref) {
       state = _useState2[0],
       setState = _useState2[1];
 
-  var _useHttp = _useHttp2('QueryOrgList', function () {
+  var _useHttp = useHttp('QueryOrgList', function () {
     return api.getOrgs();
   }),
       _useHttp$data = _useHttp.data,
@@ -64,15 +67,15 @@ function UserSelect(_ref, ref) {
     return state.orgId ? state.orgId : treeData[0] ? treeData[0].id : undefined;
   }, [treeData, state.orgId]);
 
-  var _useHttp3 = _useHttp2(['QueryUserList', selectId, userParams], function (_ref2) {
+  var _useHttp2 = useHttp(['QueryUserList', selectId, userParams], function (_ref2) {
     var _ref3 = _slicedToArray(_ref2, 2),
         _ = _ref3[0],
         id = _ref3[1];
 
     return id ? api.getUsers(id, userParams, filterUserIds) : Promise.resolve();
   }),
-      _useHttp3$data = _useHttp3.data,
-      userList = _useHttp3$data === void 0 ? [] : _useHttp3$data;
+      _useHttp2$data = _useHttp2.data,
+      userList = _useHttp2$data === void 0 ? [] : _useHttp2$data;
 
   var onUserChecked1 = useCallback(function (ids) {
     var items = userList.filter(function (v) {
@@ -115,7 +118,7 @@ function UserSelect(_ref, ref) {
     };
   }, [state.selectUsers, state.selectIds]);
 
-  _useChangeEffect(function () {
+  _useUpdateEffect(function () {
     return onChange && onChange(state.selectUsers.filter(function (v) {
       return state.selectIds.includes(v.id);
     }));
@@ -145,7 +148,7 @@ function UserSelect(_ref, ref) {
       });
     },
     selectedKeys: [selectId]
-  }), /*#__PURE__*/React.createElement(List, {
+  }), /*#__PURE__*/React.createElement(ListExt, {
     onChecked: onUserChecked1,
     list: renderList1,
     key: userList.length,
@@ -163,11 +166,11 @@ function UserSelect(_ref, ref) {
     },
     keywords: state.keyword1,
     whatIcon: function whatIcon() {
-      return /*#__PURE__*/React.createElement(_IconFont, {
+      return /*#__PURE__*/React.createElement(IconFont, {
         type: "icon-S_AID_username"
       });
     }
-  }), /*#__PURE__*/React.createElement(List, {
+  }), /*#__PURE__*/React.createElement(ListExt, {
     list: renderList2,
     itemKey: "id",
     itemNameKey: "realName",
@@ -184,7 +187,7 @@ function UserSelect(_ref, ref) {
     keywords: state.keyword2,
     onChecked: onUserChecked2,
     whatIcon: function whatIcon() {
-      return /*#__PURE__*/React.createElement(_IconFont, {
+      return /*#__PURE__*/React.createElement(IconFont, {
         type: "icon-S_AID_username"
       });
     }

package/es/WorkerFlow/Form/Condition.js

@@ -2,8 +2,6 @@ import "antd/lib/radio/style";
 import _Radio from "antd/lib/radio";
 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";
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -18,6 +16,8 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import Box from '../../Box';
+import IconFont from '../../IconFont';
 import RefModal from '../../RefModal';
 
 function ConditionForm(_ref) {
@@ -29,8 +29,6 @@ function ConditionForm(_ref) {
 
   var _a, _b;
 
-  console.log(item, useConditionFields);
-
   var _useState = useState({
     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 : ''
@@ -129,7 +127,7 @@ function ConditionForm(_ref) {
       });
     }
   }, [state.field, state.value, formItem, options]);
-  return /*#__PURE__*/React.createElement(_ContentBox.InfoBox, {
+  return /*#__PURE__*/React.createElement(Box.InfoBox, {
     title: "\u8BBE\u7F6E\u6761\u4EF6",
     contentStyle: {
       padding: 20
@@ -140,7 +138,7 @@ function ConditionForm(_ref) {
         color: 'var(--icon)',
         cursor: 'pointer'
       }
-    }, /*#__PURE__*/React.createElement(_IconFont, {
+    }, /*#__PURE__*/React.createElement(IconFont, {
       type: "icon-S_Edit_Draw",
       style: {
         paddingRight: 4
@@ -148,7 +146,7 @@ function ConditionForm(_ref) {
     }), "\u4FEE\u6539")
   }, !state.field ? /*#__PURE__*/React.createElement(_Button, {
     type: "primary",
-    icon: /*#__PURE__*/React.createElement(_IconFont, {
+    icon: /*#__PURE__*/React.createElement(IconFont, {
       type: "icon-S_Edit_PlusLine"
     }),
     onClick: addCondition
@@ -156,7 +154,7 @@ function ConditionForm(_ref) {
     style: {
       fontWeight: 600
     }
-  }, formItem.label, " ", /*#__PURE__*/React.createElement(_IconFont, {
+  }, formItem.label, " ", /*#__PURE__*/React.createElement(IconFont, {
     style: {
       paddingLeft: 10,
       cursor: 'pointer'

package/es/WorkerFlow/Form/EmptyUserSet.js

@@ -1,6 +1,5 @@
 import "antd/lib/tag/style";
 import _Tag from "antd/lib/tag";
-import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
 import "antd/lib/button/style";
 import _Button from "antd/lib/button";
 import "antd/lib/message/style";
@@ -20,10 +19,11 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { __awaiter } from "tslib";
 import React, { useCallback, useMemo, useRef, useState, useEffect } from 'react';
-import _ from 'lodash';
+import replace from 'lodash-es/replace';
 import chroma from 'chroma-js';
 import UserSelectModalContent from './UserSelectModalContent';
 import RefModal from '../../RefModal';
+import IconFont from '../../IconFont';
 
 function EmptyUserSet(_ref) {
   var _this = this;
@@ -43,9 +43,7 @@ function EmptyUserSet(_ref) {
   var cRef = useRef(null);
   var color = useMemo(function () {
     var c = getComputedStyle(document.querySelector(':root')).getPropertyValue('--primary');
-
-    var col = _.replace(c, ' ', '');
-
+    var col = replace(c, ' ', '');
     return chroma(col).alpha(0.5).hex('rgba');
   }, []);
   var userModify = useCallback(function () {
@@ -108,7 +106,7 @@ function EmptyUserSet(_ref) {
   }, "\u5BA1\u6279\u4EBA\u4E3A\u7A7A\u65F6"), /*#__PURE__*/React.createElement("div", {
     className: "user-select-tools"
   }, /*#__PURE__*/React.createElement("span", null, "\u81EA\u52A8\u8F6C\u4EA4\u7ED9"), /*#__PURE__*/React.createElement(_Button, {
-    icon: /*#__PURE__*/React.createElement(_IconFont, {
+    icon: /*#__PURE__*/React.createElement(IconFont, {
       type: "icon-S_Edit_Draw"
     }),
     type: "primary",

package/es/WorkerFlow/Form/FormAuth.js

@@ -2,7 +2,6 @@ import "antd/lib/radio/style";
 import _Radio from "antd/lib/radio";
 import "antd/lib/table/style";
 import _Table from "antd/lib/table";
-import _ContentBox from "@cloud-app-dev/basic-components/es/ContentBox";
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
@@ -25,7 +24,8 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import React, { useCallback, useEffect, useState } from 'react';
-import { cloneDeep } from 'lodash';
+import Box from '../../Box';
+import cloneDeep from 'lodash-es/cloneDeep';
 
 function FormAuth(_ref) {
   var form = _ref.form,
@@ -56,7 +56,7 @@ function FormAuth(_ref) {
       form: state.form
     });
   }, [state.form]);
-  return /*#__PURE__*/React.createElement(_ContentBox.InfoBox, {
+  return /*#__PURE__*/React.createElement(Box.InfoBox, {
     className: "user-form-auth-layout",
     title: "\u8868\u5355\u64CD\u4F5C\u6743\u9650"
   }, /*#__PURE__*/React.createElement(_Table, {

package/es/WorkerFlow/Form/GroupList.js

@@ -1,7 +1,7 @@
 import "antd/lib/checkbox/style";
 import _Checkbox from "antd/lib/checkbox";
 import React from 'react';
-import TreeTitle from '../../TreeTitle';
+import Title from '../../Title';
 
 function GroupList(_ref) {
   var list = _ref.list,
@@ -11,7 +11,7 @@ function GroupList(_ref) {
       title = _ref.title;
   return /*#__PURE__*/React.createElement("div", {
     className: "lm-c-check-list-wrapper vidc-list-component post-group-list"
-  }, /*#__PURE__*/React.createElement(TreeTitle, {
+  }, /*#__PURE__*/React.createElement(Title, {
     titleExt: false,
     title: title,
     inputPlaceholder: "\u8BF7\u8F93\u5165\u5C97\u4F4D\u540D\u79F0",

package/es/WorkerFlow/Form/GroupSelect.js

@@ -1,6 +1,5 @@
 import "antd/lib/tag/style";
 import _Tag from "antd/lib/tag";
-import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
 import "antd/lib/button/style";
 import _Button from "antd/lib/button";
 import "antd/lib/message/style";
@@ -20,9 +19,10 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { __awaiter } from "tslib";
 import React, { useCallback, useMemo, useRef, useState, useEffect } from 'react';
-import _ from 'lodash';
+import replace from 'lodash-es/replace';
 import chroma from 'chroma-js';
 import GroupSelectModalContent from './GroupSelectModalContent';
+import IconFont from '../../IconFont';
 import { formatRenderGroup } from './utils';
 import RefModal from '../../RefModal';
 
@@ -44,9 +44,7 @@ function GroupSelect(_ref) {
   var cRef = useRef(null);
   var color = useMemo(function () {
     var c = getComputedStyle(document.querySelector(':root')).getPropertyValue('--primary');
-
-    var col = _.replace(c, ' ', '');
-
+    var col = replace(c, ' ', '');
     return chroma(col).alpha(0.5).hex('rgba');
   }, []);
   var userModify = useCallback(function () {
@@ -113,7 +111,7 @@ function GroupSelect(_ref) {
       justifyContent: 'space-between'
     }
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Button, {
-    icon: /*#__PURE__*/React.createElement(_IconFont, {
+    icon: /*#__PURE__*/React.createElement(IconFont, {
       type: "icon-S_Edit_Draw"
     }),
     type: "primary",

package/es/WorkerFlow/Form/GroupSelectModalContent.js

@@ -1,5 +1,4 @@
 import _treeHelper from "@cloud-app-dev/utils/es/treeHelper";
-import _useHttp2 from "@cloud-app-dev/basic-components/es/useHttp";
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
@@ -23,8 +22,10 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import React, { useCallback, useMemo, useState, useImperativeHandle } from 'react';
 import api from '../../Api';
-import TreeMode from '../../TreeMode';
-import { uniq, intersectionWith } from 'lodash';
+import TreeMode from '../../Tree';
+import uniq from 'lodash-es/uniq';
+import intersectionWith from 'lodash-es/intersectionWith';
+import useHttp from '../../useHttp';
 import { formatRenderGroup } from './utils';
 import GroupList from './GroupList';
 
@@ -44,7 +45,7 @@ function GroupSelectModalContent(_ref, ref) {
       state = _useState2[0],
       setState = _useState2[1];
 
-  var _useHttp = _useHttp2('QueryOrgList', function () {
+  var _useHttp = useHttp('QueryOrgList', function () {
     return api.getOrgs();
   }),
       _useHttp$data = _useHttp.data,
@@ -57,15 +58,15 @@ function GroupSelectModalContent(_ref, ref) {
     return state.orgId ? state.orgId : treeData[0] ? treeData[0].id : undefined;
   }, [treeData, state.orgId]);
 
-  var _useHttp3 = _useHttp2(['GetPosts', selectId], function (_ref2) {
+  var _useHttp2 = useHttp(['GetPosts', selectId], function (_ref2) {
     var _ref3 = _slicedToArray(_ref2, 2),
         _ = _ref3[0],
         id = _ref3[1];
 
     return id ? api.getPosts(id) : Promise.resolve();
   }),
-      _useHttp3$data = _useHttp3.data,
-      groupList = _useHttp3$data === void 0 ? [] : _useHttp3$data;
+      _useHttp2$data = _useHttp2.data,
+      groupList = _useHttp2$data === void 0 ? [] : _useHttp2$data;
 
   var onUserChecked1 = useCallback(function (ids) {
     var items = groupList.filter(function (v) {

package/es/WorkerFlow/Form/LevelGroupSelect.js

@@ -4,7 +4,6 @@ import "antd/lib/tag/style";
 import _Tag from "antd/lib/tag";
 import "antd/lib/button/style";
 import _Button from "antd/lib/button";
-import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
 import "antd/lib/message/style";
 import _message from "antd/lib/message";
 
@@ -22,11 +21,12 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { __awaiter } from "tslib";
 import React, { useCallback, useMemo, useRef, useState, useEffect } from 'react';
-import _ from 'lodash';
+import replace from 'lodash-es/replace';
 import chroma from 'chroma-js';
 import GroupSelectModalContent from './GroupSelectModalContent';
 import { formatRenderGroup, ToUpperNumberString } from './utils';
 import RefModal from '../../RefModal';
+import IconFont from '../../IconFont';
 var levelDict = Array.from(new Array(30)).map(function (_, i) {
   return i + 1;
 });
@@ -51,9 +51,7 @@ function LevelGroupSelect(_ref) {
   var cRef = useRef(null);
   var color = useMemo(function () {
     var c = getComputedStyle(document.querySelector(':root')).getPropertyValue('--primary');
-
-    var col = _.replace(c, ' ', '');
-
+    var col = replace(c, ' ', '');
     return chroma(col).alpha(0.5).hex('rgba');
   }, []);
   var userModify = useCallback(function () {
@@ -126,10 +124,10 @@ function LevelGroupSelect(_ref) {
     style: {
       paddingRight: 10
     }
-  }, "\u6307\u5B9A\u5C97\u4F4D\uFF08\u540C\u65F6\u662F\u4E3B\u7BA1\uFF09", /*#__PURE__*/React.createElement(_IconFont, {
+  }, "\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, {
+    icon: /*#__PURE__*/React.createElement(IconFont, {
       type: "icon-S_Edit_Draw"
     }),
     type: "primary",

package/es/WorkerFlow/Form/UserAndGroupSelect.js

@@ -1,6 +1,5 @@
 import "antd/lib/tag/style";
 import _Tag from "antd/lib/tag";
-import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
 import "antd/lib/button/style";
 import _Button from "antd/lib/button";
 import "antd/lib/select/style";
@@ -22,12 +21,13 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { __awaiter } from "tslib";
 import React, { useCallback, useMemo, useRef, useState, useEffect } from 'react';
-import _ from 'lodash';
+import replace from 'lodash-es/replace';
 import chroma from 'chroma-js';
 import UserSelectModalContent from './UserSelectModalContent';
 import GroupSelectModalContent from './GroupSelectModalContent';
 import RefModal from '../../RefModal';
 import { formatRenderGroup } from './utils';
+import IconFont from '../../IconFont';
 
 function UserAndGroupSelect(_ref) {
   var _this = this;
@@ -52,9 +52,7 @@ function UserAndGroupSelect(_ref) {
   var cRef = useRef(null);
   var color = useMemo(function () {
     var c = getComputedStyle(document.querySelector(':root')).getPropertyValue('--primary');
-
-    var col = _.replace(c, ' ', '');
-
+    var col = replace(c, ' ', '');
     return chroma(col).alpha(0.5).hex('rgba');
   }, []);
   var userModify = useCallback(function () {
@@ -140,7 +138,7 @@ function UserAndGroupSelect(_ref) {
   }, "\u4EBA\u5458"), /*#__PURE__*/React.createElement(_Select.Option, {
     value: "groupId"
   }, "\u5C97\u4F4D")), /*#__PURE__*/React.createElement(_Button, {
-    icon: /*#__PURE__*/React.createElement(_IconFont, {
+    icon: /*#__PURE__*/React.createElement(IconFont, {
       type: "icon-S_Edit_Draw"
     }),
     type: "primary",

package/es/WorkerFlow/Form/UserSelect.js

@@ -1,6 +1,5 @@
 import "antd/lib/tag/style";
 import _Tag from "antd/lib/tag";
-import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
 import "antd/lib/button/style";
 import _Button from "antd/lib/button";
 import "antd/lib/message/style";
@@ -20,10 +19,11 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { __awaiter } from "tslib";
 import React, { useCallback, useMemo, useRef, useState, useEffect } from 'react';
-import _ from 'lodash';
+import replace from 'lodash-es/replace';
 import chroma from 'chroma-js';
 import UserSelectModalContent from './UserSelectModalContent';
 import RefModal from '../../RefModal';
+import IconFont from '../../IconFont';
 
 function UserSelect(_ref) {
   var _this = this;
@@ -43,9 +43,7 @@ function UserSelect(_ref) {
   var cRef = useRef(null);
   var color = useMemo(function () {
     var c = getComputedStyle(document.querySelector(':root')).getPropertyValue('--primary');
-
-    var col = _.replace(c, ' ', '');
-
+    var col = replace(c, ' ', '');
     return chroma(col).alpha(0.5).hex('rgba');
   }, []);
   var userModify = useCallback(function () {
@@ -109,7 +107,7 @@ function UserSelect(_ref) {
       justifyContent: 'space-between'
     }
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Button, {
-    icon: /*#__PURE__*/React.createElement(_IconFont, {
+    icon: /*#__PURE__*/React.createElement(IconFont, {
       type: "icon-S_Edit_Draw"
     }),
     type: "primary",

package/es/WorkerFlow/Form/UserSelectModalContent.js

@@ -1,5 +1,3 @@
-import _useHttp2 from "@cloud-app-dev/basic-components/es/useHttp";
-
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -22,9 +20,13 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import React, { useCallback, useMemo, useState, forwardRef, useImperativeHandle } from 'react';
 import api from '../../Api';
-import TreeMode from '../../TreeMode';
-import List from '../../List';
-import { uniq, intersectionWith, uniqBy, differenceWith } from 'lodash';
+import TreeMode from '../../Tree';
+import List from '../../List/ListExt';
+import uniq from 'lodash-es/uniq';
+import intersectionWith from 'lodash-es/intersectionWith';
+import uniqBy from 'lodash-es/uniqBy';
+import differenceWith from 'lodash-es/differenceWith';
+import useHttp from '../../useHttp';
 var UserSelectModalContent = /*#__PURE__*/forwardRef(function UserSelectModalContent(_ref, ref) {
   var selectUsers = _ref.selectUsers;
 
@@ -44,7 +46,7 @@ var UserSelectModalContent = /*#__PURE__*/forwardRef(function UserSelectModalCon
       state = _useState2[0],
       setState = _useState2[1];
 
-  var _useHttp = _useHttp2(['QueryUserList', state.orgId], function (_ref2) {
+  var _useHttp = useHttp(['QueryUserList', state.orgId], function (_ref2) {
     var _ref3 = _slicedToArray(_ref2, 2),
         _ = _ref3[0],
         id = _ref3[1];

package/es/WorkerFlow/Form/UserSet.js

@@ -1,6 +1,5 @@
 import "antd/lib/radio/style";
 import _Radio from "antd/lib/radio";
-import _ContentBox from "@cloud-app-dev/basic-components/es/ContentBox";
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
@@ -18,13 +17,14 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { UserSetOptions } from '../Nodes/Constants';
-import { cloneDeep } from 'lodash';
+import cloneDeep from 'lodash-es/cloneDeep';
 import UsersHandleType from './UsersHandleType';
 import UserSelect from './UserSelect';
 import UserAndGroupSelect from './UserAndGroupSelect';
 import GroupSelect from './GroupSelect';
 import EmptyUserSet from './EmptyUserSet';
 import LevelGroupSelect from './LevelGroupSelect';
+import Box from '../../Box';
 var contentMap = {
   1: UserSelectType1,
   2: UserSelectType2,
@@ -89,7 +89,7 @@ function UserSet(_ref) {
   useEffect(function () {
     return onChange(data);
   }, [data]);
-  return /*#__PURE__*/React.createElement(_ContentBox.InfoBox, {
+  return /*#__PURE__*/React.createElement(Box.InfoBox, {
     title: "\u8BBE\u7F6E\u4EBA\u5458"
   }, /*#__PURE__*/React.createElement("div", {
     className: "user-select-type-wrapper"

package/es/WorkerFlow/Nodes/Add.js

@@ -1,5 +1,3 @@
-import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -16,6 +14,7 @@ import React, { useState, useContext, useEffect, useRef, useCallback } from 'rea
 import AddNodeList from './AddOptionList';
 import WFC from '../OperatorContext';
 import QueueAnim from 'rc-queue-anim';
+import IconFont from '../../IconFont';
 
 function AddNode(_ref) {
   var node = _ref.node;
@@ -88,7 +87,7 @@ function AddNode(_ref) {
     onClick: function onClick() {
       return setShowPop(!showPop);
     }
-  }, /*#__PURE__*/React.createElement(_IconFont, {
+  }, /*#__PURE__*/React.createElement(IconFont, {
     type: "icon-S_Edit_PlusLine"
   })))) : /*#__PURE__*/React.createElement("div", {
     className: "add-node-btn"

package/es/WorkerFlow/Nodes/AddOption.js

@@ -1,5 +1,5 @@
-import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
 import React from 'react';
+import IconFont from '../../IconFont';
 
 function AddNodeOption(_ref) {
   var type = _ref.type,
@@ -12,7 +12,7 @@ function AddNodeOption(_ref) {
     onClick: onClick
   }, /*#__PURE__*/React.createElement("span", {
     className: "item-wrapper"
-  }, /*#__PURE__*/React.createElement(_IconFont, {
+  }, /*#__PURE__*/React.createElement(IconFont, {
     type: icon,
     style: {
       color: color

package/es/WorkerFlow/Nodes/Approver.js

@@ -1,8 +1,8 @@
-import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
 import React, { useContext } from 'react';
 import NodeWrap from './Wrap';
 import TitleElement from './TitleElement';
 import WFC from '../OperatorContext';
+import IconFont from '../../IconFont';
 
 function ApproverNode(_ref) {
   var parentNode = _ref.parentNode,
@@ -45,7 +45,7 @@ function ApproverNode(_ref) {
     title: owner
   }, owner) : /*#__PURE__*/React.createElement("span", {
     className: "placeholder"
-  }, "\u8BF7\u9009\u62E9\u5BA1\u6838\u4EBA"), /*#__PURE__*/React.createElement(_IconFont, {
+  }, "\u8BF7\u9009\u62E9\u5BA1\u6838\u4EBA"), /*#__PURE__*/React.createElement(IconFont, {
     type: "icon-S_Arrow_SmallRight"
   })));
 }