doui-react 1.0.0

package/lib/grid/component/pagination.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Pagination = Pagination;
+exports.usePagination = usePagination;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _stack = require("../../stack");
+var _antd = require("antd");
+var _react = require("react");
+var _style = _interopRequireDefault(require("../style"));
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _excluded = ["justify", "className", "style"];
+function usePagination(_ref) {
+  var _ref$data = _ref.data,
+    data = _ref$data === void 0 ? [] : _ref$data,
+    _ref$rows = _ref.rows,
+    rows = _ref$rows === void 0 ? Infinity : _ref$rows,
+    column = _ref.column,
+    pagination = _ref.pagination;
+  var _useState = (0, _react.useState)(1),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    current = _useState2[0],
+    setCurrent = _useState2[1];
+  var pageSize = column * rows;
+  var totalPages = Math.ceil(data.length / pageSize);
+  var showData = data.slice((current - 1) * pageSize, current * pageSize);
+  (0, _react.useEffect)(function () {
+    if (current > totalPages) {
+      setCurrent(totalPages);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [totalPages]);
+  (0, _react.useEffect)(function () {
+    return setCurrent(1);
+  }, [data]);
+  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, pagination), {}, {
+    showData: showData,
+    pageSize: pageSize,
+    current: current,
+    total: data.length,
+    onChange: setCurrent
+  });
+}
+function Pagination(_ref2) {
+  var _ref2$justify = _ref2.justify,
+    justify = _ref2$justify === void 0 ? 'right' : _ref2$justify,
+    className = _ref2.className,
+    style = _ref2.style,
+    props = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+  return (0, _jsxRuntime.jsx)(_stack.HStack, {
+    css: _style.default.pagination,
+    className: className,
+    style: style,
+    justify: justify,
+    children: (0, _jsxRuntime.jsx)(_antd.Pagination, (0, _objectSpread2.default)({}, props))
+  });
+}

package/lib/grid/component/utils.d.ts

@@ -0,0 +1,2 @@
+import { ColumnItem } from "..";
+export declare function getColumnConfig(columns: ColumnItem[], width: number): ColumnItem;

package/lib/grid/component/utils.js

@@ -0,0 +1,14 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getColumnConfig = getColumnConfig;
+var _lodash = _interopRequireDefault(require("lodash"));
+function getColumnConfig(columns, width) {
+  var matchConfig = _lodash.default.findLast(columns, function (config) {
+    return width >= (config.breakPoint || 0);
+  });
+  return matchConfig || _lodash.default.last(columns);
+}

package/lib/grid/index.d.ts

@@ -0,0 +1,2 @@
+export * from './component';
+export * from './type';

package/lib/grid/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _component = require("./component");
+Object.keys(_component).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _component[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _component[key];
+    }
+  });
+});
+var _type = require("./type");
+Object.keys(_type).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _type[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _type[key];
+    }
+  });
+});

package/lib/grid/style/index.d.ts

@@ -0,0 +1,11 @@
+import { ColumnItem, GridProps } from "..";
+import type { SerializedStyles } from '@emotion/utils';
+interface WrapperProps {
+    columns: ColumnItem[];
+    gap: GridProps['gap'];
+}
+declare const style: {
+    wrapper: (props: WrapperProps) => SerializedStyles;
+    pagination: SerializedStyles;
+};
+export default style;

package/lib/grid/style/index.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _api = require("../../api");
+var _react = require("@emotion/react");
+var _lodash = _interopRequireDefault(require("lodash"));
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+function mediaStyle(breakPoint, style) {
+  if (!breakPoint) {
+    return style;
+  }
+  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    @media (min-width: ", "px) {\n      ", "\n    }\n  "])), breakPoint, style);
+}
+function getBreakPointStyle(columns) {
+  return _lodash.default.map(columns, function (_ref) {
+    var breakPoint = _ref.breakPoint,
+      column = _ref.column;
+    var style = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n      grid-template-columns: repeat(", ", minmax(0, 1fr));\n    "])), column);
+    return mediaStyle(breakPoint, style);
+  });
+}
+var style = {
+  wrapper: function wrapper(props) {
+    return (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n    display: grid;\n    grid-gap: ", ";\n    ", "\n  "])), (0, _api.transformValueToGap)(props.gap), getBreakPointStyle(props.columns));
+  },
+  pagination: (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n    margin-top: 15px;\n  "])))
+};
+var _default = exports.default = style;

package/lib/grid/type/index.d.ts

@@ -0,0 +1,67 @@
+import { BaseComponentProps } from "../../api";
+import { ReactNode } from 'react';
+import { PaginationProps } from '../component/pagination';
+export interface GridProps extends BaseComponentProps {
+    /**
+     * @description 数据
+     */
+    data?: any[];
+    /**
+     * @description 每一项渲染函数
+     */
+    children(item: any, index: number): ReactNode;
+    /**
+     * @description 列数, 支持响应式布局
+     * @default 5
+     * @link ColumnItem: #column-item
+     */
+    column?: number | string | ColumnItem[];
+    /**
+     * @description 间距，如果是数组，第一个为水平间距，第二个为垂直间距
+     * @default 16
+     */
+    gap?: number | [number, number];
+    /**
+     * @description 最多显示的行数，如果设置后，会显示分页器
+     */
+    rows?: number;
+    /**
+     * @description 分页配置
+     * @replaceAll 同 Antd Pagination 组件一致
+     * @link Antd Pagination: https://4x-ant-design.antgroup.com/components/pagination-cn/#API
+     */
+    pagination?: PaginationProps;
+    /**
+     * @description 空数据时显示的文本
+     * @default No data
+     */
+    emptyText?: ReactNode;
+    /**
+     * @description 列数变化的回调
+     */
+    onSize?(size: Size): void;
+}
+export interface ColumnItem {
+    /**
+     * @description 响应尺寸
+     */
+    breakPoint?: number;
+    /**
+     * @description 列数
+     */
+    column: number | string;
+}
+export interface Size extends ColumnItem {
+    /**
+     * @description 宽度
+     */
+    width: number;
+    /**
+     * @description 高度
+     */
+    height: number;
+    /**
+     * @description 列数
+     */
+    column: number;
+}

package/lib/grid/type/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/highlight-text/component/index.d.ts

@@ -0,0 +1,2 @@
+import { HighlightTextProps } from '../type';
+export declare function HighlightText(props: HighlightTextProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/lib/highlight-text/component/index.js

@@ -0,0 +1,78 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HighlightText = HighlightText;
+var _toArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toArray"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _api = require("../../api");
+var _text = require("../../text");
+var _lodash = _interopRequireDefault(require("lodash"));
+var _react = require("react");
+var _style = _interopRequireDefault(require("../style"));
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _excluded = ["highlight", "tooltip", "text", "highlightClassName", "highlightStyle"];
+function escapeRegExp(str) {
+  return str.replace(/[.*+\-?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
+}
+function HighlightText(props) {
+  var highlight = props.highlight,
+    tooltip = props.tooltip,
+    text = props.text,
+    highlightClassName = props.highlightClassName,
+    highlightStyle = props.highlightStyle,
+    restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var commonProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, restProps), {}, {
+    tooltip: tooltip !== null && tooltip !== void 0 ? tooltip : text,
+    className: (0, _api.combineClassName)('highlight-text', props)
+  });
+  var slices = (0, _react.useMemo)(function () {
+    if (!highlight) {
+      return [];
+    }
+    var reg = new RegExp(escapeRegExp(highlight), 'gi');
+    var originText = "".concat(text);
+    var highlightLength = highlight.length;
+    var _originText$split = originText.split(reg),
+      _originText$split2 = (0, _toArray2.default)(_originText$split),
+      first = _originText$split2[0],
+      others = _originText$split2.slice(1);
+    var s = [{
+      highlight: false,
+      text: first
+    }];
+    var i = first.length;
+    others.forEach(function (o) {
+      s.push({
+        highlight: true,
+        text: originText.slice(i, i + highlightLength)
+      });
+      s.push({
+        highlight: false,
+        text: o
+      });
+      i += highlightLength + o.length;
+    });
+    return s;
+  }, [text, highlight]);
+  if (!highlight) {
+    return (0, _jsxRuntime.jsx)(_text.Text, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, commonProps), {}, {
+      children: text
+    }));
+  }
+  return (0, _jsxRuntime.jsx)(_text.Text, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, commonProps), {}, {
+    children: _lodash.default.map(slices, function (slice, index) {
+      return slice.highlight ? (0, _jsxRuntime.jsx)("span", {
+        css: _style.default.wrapper,
+        className: (0, _api.combineClassName)('highlight', highlightClassName),
+        style: highlightStyle,
+        children: slice.text
+      }, index) : (0, _jsxRuntime.jsx)("span", {
+        children: slice.text
+      }, index);
+    })
+  }));
+}

package/lib/highlight-text/index.d.ts

@@ -0,0 +1,2 @@
+export * from './component';
+export * from './type';

package/lib/highlight-text/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _component = require("./component");
+Object.keys(_component).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _component[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _component[key];
+    }
+  });
+});
+var _type = require("./type");
+Object.keys(_type).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _type[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _type[key];
+    }
+  });
+});

package/lib/highlight-text/style/index.d.ts

@@ -0,0 +1,4 @@
+declare const style: {
+    wrapper: import("@emotion/react").SerializedStyles;
+};
+export default style;

package/lib/highlight-text/style/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = require("@emotion/react");
+var _templateObject;
+var style = {
+  wrapper: (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    color: red;\n  "])))
+};
+var _default = exports.default = style;

package/lib/highlight-text/type/index.d.ts

@@ -0,0 +1,18 @@
+import { BaseComponentProps } from "../../api";
+import { TextProps } from "../../text";
+import { CSSProperties } from 'react';
+export interface HighlightTextProps extends TextProps, BaseComponentProps {
+    /**
+     * @description 文本内容
+     */
+    text: string;
+    /**
+     * @description 高亮文本
+     */
+    highlight?: string;
+    /**
+     * @description 高亮文本类名
+     */
+    highlightClassName?: string;
+    highlightStyle?: CSSProperties;
+}

package/lib/highlight-text/type/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/hooks/hook/common.d.ts

@@ -0,0 +1 @@
+export declare function useHideBodyScroll(enable?: boolean): void;

package/lib/hooks/hook/common.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useHideBodyScroll = useHideBodyScroll;
+var _api = require("../../api");
+var _react = require("react");
+function useHideBodyScroll() {
+  var enable = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  (0, _react.useEffect)(function () {
+    if (!enable) return;
+    (0, _api.hideBodyScroll)();
+    return function () {
+      return (0, _api.hideBodyScroll)(false);
+    };
+  }, [enable]);
+}

package/lib/hooks/hook/index.d.ts

@@ -0,0 +1,7 @@
+export * from './common';
+export * from './use-debounce';
+export * from './use-deep';
+export * from './use-fetch';
+export * from './use-list-operation';
+export * from './use-loading';
+export * from './use-window-resize';

package/lib/hooks/hook/index.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _common = require("./common");
+Object.keys(_common).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _common[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _common[key];
+    }
+  });
+});
+var _useDebounce = require("./use-debounce");
+Object.keys(_useDebounce).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useDebounce[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useDebounce[key];
+    }
+  });
+});
+var _useDeep = require("./use-deep");
+Object.keys(_useDeep).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useDeep[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useDeep[key];
+    }
+  });
+});
+var _useFetch = require("./use-fetch");
+Object.keys(_useFetch).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useFetch[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useFetch[key];
+    }
+  });
+});
+var _useListOperation = require("./use-list-operation");
+Object.keys(_useListOperation).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useListOperation[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useListOperation[key];
+    }
+  });
+});
+var _useLoading = require("./use-loading");
+Object.keys(_useLoading).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useLoading[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useLoading[key];
+    }
+  });
+});
+var _useWindowResize = require("./use-window-resize");
+Object.keys(_useWindowResize).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useWindowResize[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useWindowResize[key];
+    }
+  });
+});

package/lib/hooks/hook/use-debounce.d.ts

@@ -0,0 +1,4 @@
+import { CallOptions, useDebounce as useRawDebounceState } from 'use-debounce';
+export declare function useDebounce<T extends (...args: any) => ReturnType<T>>(fn: T, wait?: number, options?: CallOptions): import("use-debounce").DebouncedState<T>;
+export declare function useDebounceState<T>(value: T, wait?: number, options?: Parameters<typeof useRawDebounceState>[2]): T;
+export declare function useThrottle<T extends (...args: any) => ReturnType<T>>(fn: T, wait?: number, options?: CallOptions): import("use-debounce").DebouncedState<T>;

package/lib/hooks/hook/use-debounce.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDebounce = useDebounce;
+exports.useDebounceState = useDebounceState;
+exports.useThrottle = useThrottle;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _useDebounce = require("use-debounce");
+var defaultOptions = {
+  leading: true,
+  trailing: true
+};
+function useDebounce(fn) {
+  var wait = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 300;
+  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var mergedOptions = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultOptions), options);
+  return (0, _useDebounce.useDebouncedCallback)(fn, wait, mergedOptions);
+}
+function useDebounceState(value) {
+  var wait = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 300;
+  var options = arguments.length > 2 ? arguments[2] : undefined;
+  return (0, _useDebounce.useDebounce)(value, wait, options)[0];
+}
+function useThrottle(fn) {
+  var wait = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 300;
+  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var mergedOptions = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultOptions), options);
+  return (0, _useDebounce.useThrottledCallback)(fn, wait, mergedOptions);
+}

package/lib/hooks/hook/use-deep.d.ts

@@ -0,0 +1,9 @@
+import { FunctionReturn } from "../../api";
+import React, { DependencyList, FunctionComponent, useState } from 'react';
+type UseSafeState = typeof useState;
+export declare const useSafeState: UseSafeState;
+export declare function useDeepEffect(effect: () => FunctionReturn<void>, deps?: DependencyList): void;
+export declare function useDeepMemo<T>(factory: () => T, deps?: DependencyList): T;
+export declare function useMemoFn<T extends (...args: any) => ReturnType<T>>(factory: T): T;
+export declare function deepMemo<T>(Component: FunctionComponent<T>, keys: Array<keyof T>): React.MemoExoticComponent<React.FunctionComponent<T>>;
+export {};

package/lib/hooks/hook/use-deep.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.deepMemo = deepMemo;
+exports.useDeepEffect = useDeepEffect;
+exports.useDeepMemo = useDeepMemo;
+exports.useMemoFn = useMemoFn;
+exports.useSafeState = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactFastCompare = _interopRequireDefault(require("react-fast-compare"));
+var _reactUse = require("react-use");
+var useSafeState = exports.useSafeState = function useSafeState(initialValue) {
+  var unMountedRef = (0, _react.useRef)(false);
+  var _useState = (0, _react.useState)(initialValue),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+  (0, _reactUse.useUnmount)(function () {
+    return unMountedRef.current = true;
+  });
+  var updateState = useMemoFn(function (newValue) {
+    if (unMountedRef.current || (0, _reactFastCompare.default)(state, newValue)) {
+      return;
+    }
+    setState(newValue);
+  });
+  return [state, updateState];
+};
+function useDeepEffect(effect) {
+  var deps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var prevDepsRef = (0, _react.useRef)();
+  (0, _react.useEffect)(function () {
+    if ((0, _reactFastCompare.default)(prevDepsRef.current, deps)) {
+      return;
+    }
+    effect();
+    prevDepsRef.current = deps;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, deps);
+}
+function useDeepMemo(factory) {
+  var deps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var prevDepsRef = (0, _react.useRef)();
+  var memoizedValueRef = (0, _react.useRef)();
+  if (!(0, _reactFastCompare.default)(prevDepsRef.current, deps)) {
+    memoizedValueRef.current = factory();
+    prevDepsRef.current = deps;
+  }
+  return memoizedValueRef.current;
+}
+function useMemoFn(factory) {
+  var fnRef = (0, _react.useRef)(factory);
+  fnRef.current = factory;
+  var memoizedFn = (0, _react.useRef)();
+  if (!memoizedFn.current) {
+    memoizedFn.current = function () {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      return fnRef.current.apply(this, args);
+    };
+  }
+  return memoizedFn.current;
+}
+function deepMemo(Component, keys) {
+  return /*#__PURE__*/_react.default.memo(Component, function (prevProps, nextProps) {
+    return keys.every(function (key) {
+      return (0, _reactFastCompare.default)(prevProps[key], nextProps[key]);
+    });
+  });
+}

package/lib/hooks/hook/use-fetch.d.ts

@@ -0,0 +1,8 @@
+import { UseFetchOptions, UseFetchResult, UseFetchState } from "..";
+export declare function useFetch(fn: UseFetchResult['fetcher'], dependencyList?: any, options?: UseFetchOptions): {
+    setState: (patch: Partial<UseFetchState> | ((prevState: UseFetchState) => Partial<UseFetchState>)) => void;
+    fetcher: (...args: any) => any;
+    loading?: boolean | undefined;
+    data?: any;
+    error?: any;
+};