@cloud-app-dev/vidc 1.0.50 → 2.0.0-alpha.10

package/es/UserSelect/index.js

@@ -1,7 +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";
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
@@ -26,8 +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 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 useChangeEffect from '../useChangeEffect';
+import useHttp from '../useHttp';
+import ListExt from '../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) {
@@ -114,13 +117,11 @@ function UserSelect(_ref, ref) {
       })
     };
   }, [state.selectUsers, state.selectIds]);
-
-  _useChangeEffect(function () {
+  useChangeEffect(function () {
     return onChange && onChange(state.selectUsers.filter(function (v) {
       return state.selectIds.includes(v.id);
     }));
   }, [state.selectUsers, state.selectIds]);
-
   var renderList1 = useMemo(function () {
     return userList.filter(function (v) {
       return !state.keyword1 || v.realName.includes(state.keyword1);
@@ -145,7 +146,7 @@ function UserSelect(_ref, ref) {
       });
     },
     selectedKeys: [selectId]
-  }), /*#__PURE__*/React.createElement(List, {
+  }), /*#__PURE__*/React.createElement(ListExt, {
     onChecked: onUserChecked1,
     list: renderList1,
     key: userList.length,
@@ -163,11 +164,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 +185,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/VList/index.css

@@ -0,0 +1,4 @@
+.bc-simple-list-layout {
+  width: 100%;
+  height: 100%;
+}

package/es/VList/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import './index.less';
+interface SimpleListProps<T> {
+    data?: Array<T>;
+    rowHeight?: number;
+    className?: string;
+    rowRenderer?({ key, index, style }: {
+        key: string;
+        index: number;
+        style: React.CSSProperties;
+    }): JSX.Element;
+    renderItem?(item: T, index: number): JSX.Element;
+    forwardRef?: React.ForwardedRef<any>;
+}
+declare const ListView: React.ForwardRefExoticComponent<SimpleListProps<any> & React.RefAttributes<any>>;
+export default ListView;

package/es/VList/index.js

@@ -0,0 +1,56 @@
+import React, { useImperativeHandle, useMemo, useRef } from 'react';
+import List from 'react-virtualized/dist/es/List';
+import AutoSizer from 'react-virtualized/dist/es/AutoSizer';
+import { renderRowItem } from './utils';
+import "./index.css";
+
+function VList(_ref) {
+  var className = _ref.className,
+      rowRenderer = _ref.rowRenderer,
+      rowHeight = _ref.rowHeight,
+      data = _ref.data,
+      renderItem = _ref.renderItem,
+      forwardRef = _ref.forwardRef;
+  var listRef = useRef(null);
+
+  var forceUpdateGrid = function forceUpdateGrid() {
+    var _a;
+
+    (_a = listRef.current) === null || _a === void 0 ? void 0 : _a.forceUpdateGrid();
+  };
+
+  useImperativeHandle(forwardRef, function () {
+    return {
+      forceUpdateGrid: forceUpdateGrid
+    };
+  });
+  var render = useMemo(function () {
+    return renderRowItem(rowRenderer, renderItem, data);
+  }, [rowRenderer, renderItem, data]);
+  return /*#__PURE__*/React.createElement(AutoSizer, {
+    className: "bc-simple-list-layout ".concat(className)
+  }, function (_ref2) {
+    var width = _ref2.width,
+        height = _ref2.height;
+    return /*#__PURE__*/React.createElement(List, {
+      width: width,
+      height: height,
+      rowCount: data.length,
+      rowHeight: rowHeight,
+      rowRenderer: render,
+      ref: listRef
+    });
+  });
+}
+
+VList.defaultProps = {
+  className: '',
+  rowHeight: 30,
+  data: []
+};
+var ListView = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(VList, Object.assign({}, props, {
+    forwardRef: ref
+  }));
+});
+export default ListView;

package/es/VList/utils.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export declare function renderRowItem(rowRenderer?: ({ key, index, style }: {
+    key: string;
+    index: number;
+    style: React.CSSProperties;
+}) => JSX.Element, renderItem?: (item: any, index: number) => JSX.Element, data?: any[]): ({ key, index, style }: {
+    key: string;
+    index: number;
+    style: React.CSSProperties;
+}) => JSX.Element;

package/es/VList/utils.js

@@ -0,0 +1,17 @@
+import React from 'react';
+export function renderRowItem(rowRenderer, renderItem, data) {
+  if (rowRenderer) {
+    return rowRenderer;
+  }
+
+  return function (_ref) {
+    var key = _ref.key,
+        index = _ref.index,
+        style = _ref.style;
+    var item = data[index];
+    return /*#__PURE__*/React.createElement("div", {
+      key: key,
+      style: style
+    }, renderItem(item, index));
+  };
+}

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 ContentBox from '../../ContentBox';
+import IconFont from '../../IconFont';
 import RefModal from '../../RefModal';
 
 function ConditionForm(_ref) {
@@ -129,7 +129,7 @@ function ConditionForm(_ref) {
       });
     }
   }, [state.field, state.value, formItem, options]);
-  return /*#__PURE__*/React.createElement(_ContentBox.InfoBox, {
+  return /*#__PURE__*/React.createElement(ContentBox.InfoBox, {
     title: "\u8BBE\u7F6E\u6761\u4EF6",
     contentStyle: {
       padding: 20
@@ -140,7 +140,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 +148,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 +156,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 ContentBox from '../../ContentBox';
+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(ContentBox.InfoBox, {
     className: "user-form-auth-layout",
     title: "\u8868\u5355\u64CD\u4F5C\u6743\u9650"
   }, /*#__PURE__*/React.createElement(_Table, {

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

@@ -5,6 +5,7 @@ interface IGroupListProps {
     checkedKeys: string[];
     keywords?: string;
     onChecked: (ids: string[]) => void;
+    title: string;
 }
-declare function GroupList({ list, onKeywordChange, onChecked, checkedKeys }: IGroupListProps): JSX.Element;
+declare function GroupList({ list, onKeywordChange, onChecked, checkedKeys, title }: IGroupListProps): JSX.Element;
 export default GroupList;

package/es/WorkerFlow/Form/GroupList.js

@@ -7,12 +7,13 @@ function GroupList(_ref) {
   var list = _ref.list,
       onKeywordChange = _ref.onKeywordChange,
       onChecked = _ref.onChecked,
-      checkedKeys = _ref.checkedKeys;
+      checkedKeys = _ref.checkedKeys,
+      title = _ref.title;
   return /*#__PURE__*/React.createElement("div", {
     className: "lm-c-check-list-wrapper vidc-list-component post-group-list"
   }, /*#__PURE__*/React.createElement(TreeTitle, {
     titleExt: false,
-    title: "\u5DF2\u6DFB\u52A0(".concat(list.length, ")\u4E2A"),
+    title: title,
     inputPlaceholder: "\u8BF7\u8F93\u5165\u5C97\u4F4D\u540D\u79F0",
     onChange: onKeywordChange
   }), /*#__PURE__*/React.createElement("div", {

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(); }
 
@@ -24,7 +23,9 @@ 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 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) {
@@ -156,7 +157,8 @@ function GroupSelectModalContent(_ref, ref) {
       });
     },
     keywords: state.keyword1,
-    onChecked: onUserChecked1
+    onChecked: onUserChecked1,
+    title: "\u5C97\u4F4D\u5217\u8868"
   }), /*#__PURE__*/React.createElement(GroupList, {
     list: renderList,
     checkedKeys: state.selectIds,
@@ -168,7 +170,8 @@ function GroupSelectModalContent(_ref, ref) {
       });
     },
     keywords: state.keyword2,
-    onChecked: onUserChecked2
+    onChecked: onUserChecked2,
+    title: "\u5DF2\u6DFB\u52A0\uFF08".concat(state.selectIds.length, "\uFF09")
   }));
 }
 

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."); }
@@ -23,8 +21,12 @@ 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 List from '../../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 ContentBox from '../../ContentBox';
 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(ContentBox.InfoBox, {
     title: "\u8BBE\u7F6E\u4EBA\u5458"
   }, /*#__PURE__*/React.createElement("div", {
     className: "user-select-type-wrapper"