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

package/es/WorkerFlow/Nodes/Condition.js

@@ -1,10 +1,10 @@
-import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
 import React, { useContext } from 'react';
 import AddNode from './Add';
 import Render from './Render';
 import { NodeTypes } from './Constants';
 import WFC from '../OperatorContext';
 import TitleElement from './TitleElement';
+import IconFont from '../../IconFont';
 
 function CoverLine(_ref) {
   var _ref$first = _ref.first,
@@ -68,7 +68,7 @@ function BranchNode(_ref2) {
     title: owner
   }, owner) : /*#__PURE__*/React.createElement("span", {
     className: "placeholder"
-  }, "\u8BF7\u8BBE\u7F6E\u6761\u4EF6"), /*#__PURE__*/React.createElement(_IconFont, {
+  }, "\u8BF7\u8BBE\u7F6E\u6761\u4EF6"), /*#__PURE__*/React.createElement(IconFont, {
     type: "icon-S_Arrow_SmallRight"
   })))), /*#__PURE__*/React.createElement(AddNode, {
     node: node

package/es/WorkerFlow/Nodes/Handle.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 HandleNode(_ref) {
   var parentNode = _ref.parentNode,
@@ -44,7 +44,7 @@ function HandleNode(_ref) {
     title: owner
   }, owner) : /*#__PURE__*/React.createElement("span", {
     className: "placeholder"
-  }, "\u8BF7\u9009\u62E9\u529E\u7406\u4EBA"), /*#__PURE__*/React.createElement(_IconFont, {
+  }, "\u8BF7\u9009\u62E9\u529E\u7406\u4EBA"), /*#__PURE__*/React.createElement(IconFont, {
     type: "icon-S_Arrow_SmallRight"
   })));
 }

package/es/WorkerFlow/Nodes/Notifier.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 NotifierNode(_ref) {
   var parentNode = _ref.parentNode,
@@ -44,7 +44,7 @@ function NotifierNode(_ref) {
     title: owner
   }, owner) : /*#__PURE__*/React.createElement("span", {
     className: "placeholder"
-  }, "\u8BF7\u9009\u62E9\u6284\u9001\u4EBA"), /*#__PURE__*/React.createElement(_IconFont, {
+  }, "\u8BF7\u9009\u62E9\u6284\u9001\u4EBA"), /*#__PURE__*/React.createElement(IconFont, {
     type: "icon-S_Arrow_SmallRight"
   })));
 }

package/es/WorkerFlow/Nodes/TitleElement.js

@@ -1,5 +1,6 @@
-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 _nextTick from "@cloud-app-dev/utils/es/nextTick";
+import _useFocusWithin from "ahooks/es/useFocusWithin";
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -13,8 +14,9 @@ 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, useContext } from 'react';
+import React, { useState, useEffect, useRef, useContext } from 'react';
 import WFC from '../OperatorContext';
+import IconFont from '../../IconFont';
 
 function TitleElement(_ref) {
   var nodeName = _ref.nodeName,
@@ -26,59 +28,91 @@ function TitleElement(_ref) {
   var _useContext = useContext(WFC),
       readOnly = _useContext.readOnly;
 
-  var _useState = useState(nodeName),
-      _useState2 = _slicedToArray(_useState, 2),
-      title = _useState2[0],
-      setTitle = _useState2[1];
+  var ref = useRef(null);
 
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      editable = _useState4[0],
-      setEditable = _useState4[1];
+  var _useState = useState({
+    title: nodeName,
+    editable: false
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
+  var setTitle = function setTitle(title) {
+    return setState(function (old) {
+      return Object.assign(Object.assign({}, old), {
+        title: title
+      });
+    });
+  };
+
+  var setEditable = function setEditable(editable) {
+    return setState(function (old) {
+      return Object.assign(Object.assign({}, old), {
+        editable: editable
+      });
+    });
+  };
+
+  var isFocus = _useFocusWithin(ref);
 
-  var input = useRef(null);
-  var onBlur = useCallback(function () {
-    setEditable(false);
+  useEffect(function () {
+    if (isFocus && !readOnly && state.editable) {
+      _nextTick(function () {
+        var _a;
 
-    if (!title) {
-      setTitle(placeholder);
+        return (_a = ref.current) === null || _a === void 0 ? void 0 : _a.select();
+      });
     }
-  }, [title, placeholder]);
-  useEffect(function () {
-    return !readOnly && editable && input.current.focus();
-  }, [editable]);
+  }, [readOnly, isFocus, state.editable]);
+
+  _useUpdateEffect(function () {
+    return !readOnly && !state.editable && onTitleChange && onTitleChange(state.title);
+  }, [state.title, state.editable]);
+
+  _useUpdateEffect(function () {
+    var _a;
+
+    return (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
+  }, [state.editable]);
 
-  _useChangeEffect(function () {
-    !readOnly && !editable && onTitleChange && onTitleChange(title);
-  }, [title, editable]);
+  _useUpdateEffect(function () {
+    return !state.title && !isFocus && setTitle(placeholder);
+  }, [isFocus, state.title, placeholder]);
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, icon && /*#__PURE__*/React.createElement(_IconFont, {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "node-title-ele",
+    tabIndex: 1000
+  }, icon && /*#__PURE__*/React.createElement(IconFont, {
     type: icon,
     style: {
       paddingRight: 4
     }
-  }), !readOnly && editable ? /*#__PURE__*/React.createElement("input", {
-    ref: input,
+  }), /*#__PURE__*/React.createElement("input", {
+    ref: ref,
     type: "text",
+    style: {
+      display: !readOnly && state.editable ? 'inline-block' : 'none'
+    },
     className: "cloudapp-input editable-title-input",
-    onBlur: onBlur,
     onChange: function onChange(e) {
       return setTitle(e.target.value);
     },
-    onFocus: function onFocus(e) {
-      return e.currentTarget.select();
+    onBlur: function onBlur() {
+      return setEditable(false);
     },
-    value: title,
+    value: state.title,
     placeholder: placeholder
-  }) : /*#__PURE__*/React.createElement("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     className: "editable-title",
+    style: {
+      display: !(!readOnly && state.editable) ? 'inline-block' : 'none',
+      borderColor: readOnly ? 'transparent' : undefined
+    },
     onClick: function onClick() {
       return setEditable(true);
-    },
-    style: readOnly ? {
-      borderColor: 'transparent'
-    } : undefined
-  }, title), !readOnly && /*#__PURE__*/React.createElement(_IconFont, {
+    }
+  }, state.title), !readOnly && /*#__PURE__*/React.createElement(IconFont, {
     className: "worker-flow-node-del",
     type: "icon-MarkNo",
     onClick: delNode,

package/es/WorkerFlow/index.css

@@ -241,6 +241,9 @@
   color: #15bc83;
   text-align: left;
   line-height: 16px;
+  width: 100%;
+}
+.worker-flow-design .auto-judge .title-wrapper .node-title-ele {
   display: flex;
   justify-content: space-between;
 }
@@ -492,8 +495,6 @@
 }
 .node-wrap-box .title {
   position: relative;
-  display: flex;
-  align-items: center;
   padding-left: 10px;
   padding-right: 40px;
   width: 100%;
@@ -501,10 +502,15 @@
   line-height: 30px;
   font-size: 12px;
   color: #fff;
-  text-align: left;
   background: #576a95;
   border-radius: 4px 4px 0 0;
 }
+.node-wrap-box .title .node-title-ele {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+}
 .node-wrap-box .title .iconfont {
   font-size: 12px;
   margin-right: 5px;

package/es/WorkerFlow/index.js

@@ -1,4 +1,4 @@
-import _useChangeEffect from "@cloud-app-dev/basic-components/es/useChangeEffect";
+import _useUpdateEffect from "ahooks/es/useUpdateEffect";
 import "antd/lib/modal/style";
 import _Modal from "antd/lib/modal";
 
@@ -32,7 +32,7 @@ import ApproverForm from './Form/Approver';
 import ConditionForm from './Form/Condition';
 import NotifierForm from './Form/Notifier';
 import { TemplateConfig1 } from './template';
-import { cloneDeep } from 'lodash';
+import cloneDeep from 'lodash-es/cloneDeep';
 import EndNode from './Nodes/End';
 import Render from './Nodes/Render';
 import Tools from './Tools';
@@ -291,7 +291,7 @@ function WorkerFlow(_ref, ref) {
    * @description onChange传递数据
    */
 
-  _useChangeEffect(function () {
+  _useUpdateEffect(function () {
     return onChange && onChange(getConfig());
   }, [config]);
   /**

package/es/WorkerFlow/utils.js

@@ -10,7 +10,7 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-import _ from 'lodash';
+import cloneDeep from 'lodash-es/cloneDeep';
 import { getNodeById } from './XML/utils';
 export function getJAVATaskData(data) {
   var _a;
@@ -137,7 +137,7 @@ export function getNextNode(node) {
   }
 }
 export function filterNoticeNode(data) {
-  var newData = _.cloneDeep(data);
+  var newData = cloneDeep(data);
 
   var fn = function fn(node) {
     var _a; // 过滤抄送节点

package/es/core.d.ts

@@ -45,6 +45,18 @@ export type BzTreeItemType = {
   treeId: string;
 };
 
+export interface OrgItemType {
+  createTime: string;
+  id: string;
+  orgSort: number;
+  parentId: string;
+  type: string;
+  name: string;
+  organizationName: string;
+  organizationDescription: string;
+  organizationSort: number;
+}
+
 export interface DeviceItemType {
   ability: any;
   accessType: null;
@@ -120,3 +132,18 @@ export interface DeviceItemType {
   tags: string;
   villageLocationType: string;
 }
+
+export type PlaceItemType = {
+  areaCode: string;
+  areaName: string;
+  center: string;
+  hasDevice: boolean;
+  id: string;
+  level: number;
+  name: string;
+  parentCode: string;
+  placeId: string;
+  pcodes?: Array<string>;
+  provinceId: string;
+  placeInfoUrl?: string;
+};

package/es/index.d.ts

@@ -1,19 +1,42 @@
 export { default as Api } from './Api';
 export { default as AppContext } from './AppContext';
+export { default as AppRedirect } from './AppRedirect';
+export { default as AppRoute } from './AppRoute';
+export { default as Auth } from './Auth';
 export { default as AutoExit } from './AutoExit';
+export { default as Box } from './Box';
+export { default as CheckGroupFixed } from './CheckGroupFixed';
 export { default as Config } from './Config';
 export { default as ConfigContext } from './ConfigContext';
 export { default as DeviceIcon } from './DeviceIcon';
-export { default as DeviceList } from './DeviceList';
 export { default as DeviceSelect } from './DeviceSelect';
-export { default as DynamicDeviceList } from './DynamicDeviceList';
+export { default as Dict } from './Dict';
+export { default as Drag } from './Drag';
+export { default as Drawer } from './Drawer';
+export { default as FullScreen } from './FullScreen';
+export { default as HightLevel } from './HightLevel';
+export { default as IconFont } from './IconFont';
+export { default as ImageView } from './ImageView';
 export { default as InitialConfig } from './InitialConfig';
 export { default as InitialRequest } from './InitialRequest';
+export { default as Input } from './Input';
+export { default as LabelValue } from './LabelValue';
 export { default as List } from './List';
+export { default as LoaderApp } from './LoaderApp';
+export { default as LoaderScript } from './LoaderScript';
+export { default as Modal } from './Modal';
+export { default as Picture } from './Picture';
+export { default as Progress } from './Progress';
 export { default as RefDrawer } from './RefDrawer';
 export { default as RefModal } from './RefModal';
 export { default as Service } from './Service';
-export { default as TreeMode } from './TreeMode';
-export { default as TreeTitle } from './TreeTitle';
+export { default as TableLayout } from './TableLayout';
+export { default as ThemeAntd } from './ThemeAntd';
+export { default as Title } from './Title';
+export { default as Tree } from './Tree';
+export { default as useDrawer } from './useDrawer';
+export { default as useHttp } from './useHttp';
+export { default as useModal } from './useModal';
+export { default as useNavigate } from './useNavigate';
 export { default as UserSelect } from './UserSelect';
 export { default as WorkerFlow } from './WorkerFlow';

package/es/index.js

@@ -1,19 +1,42 @@
 export { default as Api } from './Api';
 export { default as AppContext } from './AppContext';
+export { default as AppRedirect } from './AppRedirect';
+export { default as AppRoute } from './AppRoute';
+export { default as Auth } from './Auth';
 export { default as AutoExit } from './AutoExit';
+export { default as Box } from './Box';
+export { default as CheckGroupFixed } from './CheckGroupFixed';
 export { default as Config } from './Config';
 export { default as ConfigContext } from './ConfigContext';
 export { default as DeviceIcon } from './DeviceIcon';
-export { default as DeviceList } from './DeviceList';
 export { default as DeviceSelect } from './DeviceSelect';
-export { default as DynamicDeviceList } from './DynamicDeviceList';
+export { default as Dict } from './Dict';
+export { default as Drag } from './Drag';
+export { default as Drawer } from './Drawer';
+export { default as FullScreen } from './FullScreen';
+export { default as HightLevel } from './HightLevel';
+export { default as IconFont } from './IconFont';
+export { default as ImageView } from './ImageView';
 export { default as InitialConfig } from './InitialConfig';
 export { default as InitialRequest } from './InitialRequest';
+export { default as Input } from './Input';
+export { default as LabelValue } from './LabelValue';
 export { default as List } from './List';
+export { default as LoaderApp } from './LoaderApp';
+export { default as LoaderScript } from './LoaderScript';
+export { default as Modal } from './Modal';
+export { default as Picture } from './Picture';
+export { default as Progress } from './Progress';
 export { default as RefDrawer } from './RefDrawer';
 export { default as RefModal } from './RefModal';
 export { default as Service } from './Service';
-export { default as TreeMode } from './TreeMode';
-export { default as TreeTitle } from './TreeTitle';
+export { default as TableLayout } from './TableLayout';
+export { default as ThemeAntd } from './ThemeAntd';
+export { default as Title } from './Title';
+export { default as Tree } from './Tree';
+export { default as useDrawer } from './useDrawer';
+export { default as useHttp } from './useHttp';
+export { default as useModal } from './useModal';
+export { default as useNavigate } from './useNavigate';
 export { default as UserSelect } from './UserSelect';
 export { default as WorkerFlow } from './WorkerFlow';

package/es/useDrawer/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface IUseDrawerHookState {
+    content?: React.ReactNode;
+    visible?: boolean;
+    title?: React.ReactNode;
+    onOk?: () => void;
+    width?: number | string;
+    className?: string;
+}
+declare function useDrawer(prefixCls?: string): {
+    open: (options: IUseDrawerHookState) => void;
+    close: () => void;
+};
+export default useDrawer;

package/es/useDrawer/index.js

@@ -0,0 +1,91 @@
+import "antd/lib/config-provider/style";
+import _ConfigProvider from "antd/lib/config-provider";
+
+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."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import React, { useContext, useEffect, useMemo, useState } from 'react';
+import ReactDOM from 'react-dom';
+import Drawer from '../Drawer';
+import CC from '../ConfigContext';
+
+function useDrawer() {
+  var prefixCls = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'cloudapp';
+  var context = useContext(CC);
+  var root = useMemo(function () {
+    return (context === null || context === void 0 ? void 0 : context.root) || document.body;
+  }, [context === null || context === void 0 ? void 0 : context.root]);
+  var div = useMemo(function () {
+    return document.createElement('div');
+  }, []);
+
+  var _useState = useState({
+    content: null,
+    visible: false,
+    title: '',
+    onOk: undefined,
+    width: undefined,
+    className: undefined
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
+  useEffect(function () {
+    root.appendChild(div);
+    return function () {
+      root.removeChild(div);
+      ReactDOM.unmountComponentAtNode(div);
+      div.remove();
+    };
+  }, []);
+  useEffect(function () {
+    ReactDOM.render( /*#__PURE__*/React.createElement(_ConfigProvider, {
+      prefixCls: prefixCls,
+      getPopupContainer: function getPopupContainer() {
+        return root;
+      }
+    }, /*#__PURE__*/React.createElement(Drawer, {
+      visible: state.visible,
+      onOk: state.onOk,
+      onClose: close,
+      destroyOnClose: true,
+      title: state.title,
+      width: state.width,
+      className: state.className,
+      getContainer: false
+    }, state.content)), div);
+  }, [state.content, state.visible, state.title, state.onOk, state.width, state.className]);
+
+  var open = function open(options) {
+    setState(function (old) {
+      return Object.assign(Object.assign(Object.assign({}, old), options), {
+        visible: true
+      });
+    });
+  };
+
+  var close = function close() {
+    setState(function (old) {
+      return Object.assign(Object.assign({}, old), {
+        visible: false
+      });
+    });
+  };
+
+  return {
+    open: open,
+    close: close
+  };
+}
+
+export default useDrawer;

package/es/useHttp/index.d.ts

@@ -0,0 +1,8 @@
+export interface IHttpHookPromiseResult<T> {
+    update: () => void;
+    data: T;
+    error: any;
+    loadding: boolean;
+}
+declare function useHttp<T, K>(key: T, fetcher: (key: T) => Promise<any>): IHttpHookPromiseResult<K>;
+export default useHttp;

package/es/useHttp/index.js

@@ -0,0 +1,78 @@
+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."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+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 { useCallback, useEffect, useMemo, useState } from 'react';
+var cacheMemory = {};
+
+function useHttp(key, fetcher) {
+  var cacheKey = useMemo(function () {
+    return Array.isArray(key) ? key.map(function (v) {
+      return _typeof(v) === 'object' ? JSON.stringify(v) : v;
+    }).join('-') : JSON.stringify(key);
+  }, [key]);
+
+  var _useState = useState({
+    data: cacheMemory[cacheKey],
+    error: undefined,
+    loadding: true,
+    httpKey: Date.now()
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1]; // eslint-disable-next-line react-hooks/exhaustive-deps
+
+
+  var promiseFetcher = useMemo(function () {
+    return fetcher(key);
+  }, [cacheKey, state.httpKey]);
+  var update = useCallback(function () {
+    delete cacheMemory[cacheKey];
+    setState(function (old) {
+      return Object.assign(Object.assign({}, old), {
+        httpKey: Date.now()
+      });
+    });
+  }, [cacheKey]);
+  useEffect(function () {
+    setState(function (old) {
+      return old.loadding ? old : Object.assign(Object.assign({}, old), {
+        loadding: true
+      });
+    });
+    promiseFetcher.then(function (res) {
+      cacheMemory[cacheKey] = res;
+      setState(function (old) {
+        return Object.assign(Object.assign({}, old), {
+          data: res,
+          loadding: false
+        });
+      });
+    }).catch(function (e) {
+      setState(function (old) {
+        return Object.assign(Object.assign({}, old), {
+          error: e,
+          loadding: false
+        });
+      });
+    }); // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [promiseFetcher, cacheKey]);
+  return {
+    update: update,
+    data: state.data,
+    error: state.error,
+    loadding: state.loadding
+  };
+}
+
+export default useHttp;

package/es/useModal/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface IUseModalHookState {
+    content?: React.ReactNode;
+    visible?: boolean;
+    title?: React.ReactNode;
+    onOk?: () => void;
+    width?: number | string;
+    className?: string;
+}
+declare function useModal(prefixCls?: string): {
+    open: (options: IUseModalHookState) => void;
+    close: () => void;
+};
+export default useModal;