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

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"
   })));
 }

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,6 +1,3 @@
-import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
-import _useChangeEffect from "@cloud-app-dev/basic-components/es/useChangeEffect";
-
 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."); }
@@ -15,6 +12,8 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import React, { useState, useEffect, useRef, useCallback, useContext } from 'react';
 import WFC from '../OperatorContext';
+import IconFont from '../../IconFont';
+import useChangeEffect from '../../useChangeEffect';
 
 function TitleElement(_ref) {
   var nodeName = _ref.nodeName,
@@ -47,12 +46,10 @@ function TitleElement(_ref) {
   useEffect(function () {
     return !readOnly && editable && input.current.focus();
   }, [editable]);
-
-  _useChangeEffect(function () {
+  useChangeEffect(function () {
     !readOnly && !editable && onTitleChange && onTitleChange(title);
   }, [title, editable]);
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, icon && /*#__PURE__*/React.createElement(_IconFont, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, icon && /*#__PURE__*/React.createElement(IconFont, {
     type: icon,
     style: {
       paddingRight: 4
@@ -78,7 +75,7 @@ function TitleElement(_ref) {
     style: readOnly ? {
       borderColor: 'transparent'
     } : undefined
-  }, title), !readOnly && /*#__PURE__*/React.createElement(_IconFont, {
+  }, title), !readOnly && /*#__PURE__*/React.createElement(IconFont, {
     className: "worker-flow-node-del",
     type: "icon-MarkNo",
     onClick: delNode,

package/es/WorkerFlow/index.js

@@ -1,4 +1,3 @@
-import _useChangeEffect from "@cloud-app-dev/basic-components/es/useChangeEffect";
 import "antd/lib/modal/style";
 import _Modal from "antd/lib/modal";
 
@@ -39,6 +38,7 @@ import Tools from './Tools';
 import WFC from './OperatorContext';
 import { filterNoticeNode, getJAVATaskData, getUserFormKeys } from './utils';
 import RefDrawer from '../RefDrawer';
+import useChangeEffect from '../useChangeEffect';
 import "./index.css";
 var FormMap = {
   1: ApproverForm,
@@ -291,14 +291,13 @@ function WorkerFlow(_ref, ref) {
    * @description onChange传递数据
    */
 
-  _useChangeEffect(function () {
+  useChangeEffect(function () {
     return onChange && onChange(getConfig());
   }, [config]);
   /**
    * @description ref传递数据
    */
 
-
   useImperativeHandle(ref, function () {
     return {
       getConfig: getConfig

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,49 @@
 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 CheckGroupFixed } from './CheckGroupFixed';
 export { default as Config } from './Config';
 export { default as ConfigContext } from './ConfigContext';
+export { default as ContentBox } from './ContentBox';
 export { default as DeviceIcon } from './DeviceIcon';
 export { default as DeviceList } from './DeviceList';
 export { default as DeviceSelect } from './DeviceSelect';
+export { default as Dict } from './Dict';
+export { default as Drag } from './Drag';
+export { default as Drawer } from './Drawer';
 export { default as DynamicDeviceList } from './DynamicDeviceList';
+export { default as DynamicList } from './DynamicList';
+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 ListExt } from './ListExt';
+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 ScrollList } from './ScrollList';
 export { default as Service } from './Service';
+export { default as TableLayout } from './TableLayout';
+export { default as ThemeAntd } from './ThemeAntd';
+export { default as Tree } from './Tree';
 export { default as TreeMode } from './TreeMode';
 export { default as TreeTitle } from './TreeTitle';
+export { default as useChangeEffect } from './useChangeEffect';
+export { default as useDrawer } from './useDrawer';
+export { default as useHistory } from './useHistory';
+export { default as useHttp } from './useHttp';
+export { default as useModal } from './useModal';
 export { default as UserSelect } from './UserSelect';
+export { default as VList } from './VList';
 export { default as WorkerFlow } from './WorkerFlow';

package/es/index.js

@@ -1,19 +1,49 @@
 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 CheckGroupFixed } from './CheckGroupFixed';
 export { default as Config } from './Config';
 export { default as ConfigContext } from './ConfigContext';
+export { default as ContentBox } from './ContentBox';
 export { default as DeviceIcon } from './DeviceIcon';
 export { default as DeviceList } from './DeviceList';
 export { default as DeviceSelect } from './DeviceSelect';
+export { default as Dict } from './Dict';
+export { default as Drag } from './Drag';
+export { default as Drawer } from './Drawer';
 export { default as DynamicDeviceList } from './DynamicDeviceList';
+export { default as DynamicList } from './DynamicList';
+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 ListExt } from './ListExt';
+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 ScrollList } from './ScrollList';
 export { default as Service } from './Service';
+export { default as TableLayout } from './TableLayout';
+export { default as ThemeAntd } from './ThemeAntd';
+export { default as Tree } from './Tree';
 export { default as TreeMode } from './TreeMode';
 export { default as TreeTitle } from './TreeTitle';
+export { default as useChangeEffect } from './useChangeEffect';
+export { default as useDrawer } from './useDrawer';
+export { default as useHistory } from './useHistory';
+export { default as useHttp } from './useHttp';
+export { default as useModal } from './useModal';
 export { default as UserSelect } from './UserSelect';
+export { default as VList } from './VList';
 export { default as WorkerFlow } from './WorkerFlow';

package/es/useChangeEffect/index.d.ts

@@ -0,0 +1,3 @@
+declare type HookFunctionHandle = () => (() => void) | undefined | null | void;
+declare function useChangeEffect(fn: HookFunctionHandle, deps: Array<any>): void;
+export default useChangeEffect;

package/es/useChangeEffect/index.js

@@ -0,0 +1,32 @@
+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."); }
+
+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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+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 { useEffect, useRef } from 'react';
+
+function useChangeEffect(fn, deps) {
+  var statusRef = useRef(false);
+  useEffect(function () {
+    if (!statusRef.current) {
+      return null;
+    }
+
+    var destory = fn();
+    return function () {
+      destory && destory();
+    };
+  }, _toConsumableArray(deps));
+  useEffect(function () {
+    statusRef.current = true;
+  }, []);
+}
+
+export default useChangeEffect;

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(): {
+    open: (options: IUseDrawerHookState) => void;
+    close: () => void;
+};
+export default useDrawer;

package/es/useDrawer/index.js

@@ -0,0 +1,90 @@
+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 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: "cloudapp",
+      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/useHistory/index.d.ts

@@ -0,0 +1,3 @@
+import './index.less';
+declare function useHistory(): any;
+export default useHistory;

package/es/useHistory/index.js

@@ -0,0 +1,14 @@
+import { useMemo } from 'react';
+import { useHistory as useNativeHistory } from 'react-router-dom';
+import "./index.css";
+var _global = window;
+
+function useHistory() {
+  var naticeHistory = useNativeHistory();
+  var history = useMemo(function () {
+    return _global.BasicHistory || naticeHistory;
+  }, [naticeHistory]);
+  return history;
+}
+
+export default useHistory;

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(): {
+    open: (options: IUseModalHookState) => void;
+    close: () => void;
+};
+export default useModal;