doui-react 1.0.0

package/es/form/type/index.d.ts

@@ -0,0 +1,134 @@
+import { FunctionReturn } from "../../api";
+import { ButtonProps } from "../../button";
+import { FormContext, FormItemContext, FormItemProps, FormListContext } from "..";
+import { FormProps as AntdFormProps } from 'antd/lib/form/Form';
+import { FormInstance as AntdFormInstance } from 'antd/lib/form/hooks/useForm';
+import { InputFocusOptions } from 'antd/lib/input/Input';
+import { ValidateOptions } from 'rc-field-form/es/interface';
+import { StoreValue } from 'rc-field-form/lib/interface';
+import { ReactNode } from 'react';
+import { registerMethods } from '../component/constant';
+export * from './form-item';
+export * from './form-list';
+export type RegisterMethodType = keyof typeof registerMethods;
+export type FormValues = Record<string, StoreValue>;
+export interface FormInstance extends AntdFormInstance {
+    /**
+     * @description 设置表单的值
+     * @style { minWidth: 350 }
+     * @replaceAll (name: string, value: StoreValue): void;
+     *             (params: FormValues): void;
+     */
+    setValue(name: string, value: StoreValue): void;
+    setValue(params?: FormValues): void;
+    /**
+     * @description 获取表单的值，不传入 name 则返回所有值
+     */
+    getValue(name?: string): StoreValue;
+    /**
+     * @description 设置上下文
+     * @replaceAll (name: string, value: StoreValue): void;
+     *             (params: FormValues): void;
+     */
+    setContext(name: string, value: StoreValue): void;
+    setContext(params?: FormValues): void;
+    getContext(name?: string): FormContext;
+    /**
+     * @description 设置表单的错误信息
+     * @replaceAll (name: string, message: string): void;
+     *             (params: Record<string, string>): void;
+     */
+    setError(name: string, message?: string): Promise<void>;
+    setError(params?: Record<string, string>): Promise<void>;
+    /**
+     * @description 获取表单的错误信息
+     */
+    getError(name?: string): any;
+    /**
+     * @description 重置表单的错误信息
+     */
+    resetError(name?: string | string[]): void;
+    /**
+     * @description 校验表单，返回校验结果
+     */
+    validate(name?: string | string[], options?: ValidateOptions): Promise<boolean>;
+    /**
+     * @description 提交表单，返回表单值
+     */
+    submit(): Promise<FormValues>;
+    /**
+     * @description 重置表单
+     */
+    reset(name?: string | string[]): void;
+    /**
+     * @description 聚焦表单项
+     */
+    focus(name: string, option?: InputFocusOptions): void;
+    /**
+     * FormItem 相关方法
+     */
+    setItems(items: FormItemContext[]): void;
+    getItems(): FormItemContext[];
+    getItems(name: string): FormItemContext | undefined;
+    update(): void;
+    getName(): string;
+    /**
+     * 获取 FormList，不传入 name 则返回所有 FormList
+     */
+    getFormList(): FormListContext[];
+    getFormList(name: string): FormListContext | undefined;
+    __INTERNAL__: any;
+    registerMethod(name: RegisterMethodType, fn: Function): void;
+    callMethod(name: RegisterMethodType, ...args: any): FunctionReturn<any>;
+}
+export interface FormProps extends AntdFormProps {
+    children?: ReactNode;
+    items?: FormItemProps[];
+    loading?: boolean;
+    form?: FormInstance;
+    context?: Record<string, any>;
+    footer?: ReactNode;
+    /**
+     * @description 表单初始值
+     */
+    initialValues?: FormValues | ((context?: FormContext) => FunctionReturn<FormValues>);
+    /**
+     * @description 该方法可以初始化其他额外数据，可通过 `useFormContext()` 获取
+     */
+    initialContext?: FormValues | ((props?: any) => FunctionReturn<FormValues>);
+    /**
+     * @description label 宽度
+     */
+    labelWidth?: number | string;
+    /**
+     * @description formItem 底部间距
+     * @default 24px
+     */
+    formItemMarginBottom?: number | string;
+    /**
+     * 是否在首次渲染时校验表单
+     */
+    validateOnMount?: boolean;
+    /**
+     * 是否在首次渲染时，聚焦第一个输入框
+     */
+    focusFirstOnMount?: boolean | string;
+    /**
+     * @description 校验失败，返回错误信息
+     */
+    onValidateFailed?(error: Record<string, string>): void;
+    onValidate?(valid: boolean, form: FormInstance): boolean | void;
+    onMount?(params: CommonParams): void;
+    debug?: boolean;
+}
+export interface CommonParams {
+    form: FormInstance;
+    items: FormItemContext[];
+}
+export interface SubmitButtonProps extends Omit<ButtonProps, 'onClick'>, Pick<FormProps, 'onValidate'> {
+    disableOnValidateFailure?: boolean;
+    /**
+     * @description 点击事件
+     */
+    onClick(value: FormValues, form: FormInstance): FunctionReturn<void>;
+}

package/es/form/type/index.js

@@ -0,0 +1,3 @@
+export * from "./form-item";
+export * from "./form-list";
+export {};

package/es/grid/component/index.d.ts

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

package/es/grid/component/index.js

@@ -0,0 +1,76 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["column", "gap", "onSize"],
+  _excluded2 = ["showData"],
+  _excluded3 = ["data", "emptyText", "children", "pagination", "rows"];
+import { combineClassName, getClassName } from "../../api";
+import { Empty } from "../../empty";
+import { VStack } from "../../stack";
+import _ from 'lodash';
+import { useEffect } from 'react';
+import { useWindowSize } from 'react-use';
+import style from "../style";
+import { Pagination, usePagination } from "./pagination";
+import { getColumnConfig } from "./utils";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+function useGrid(_ref) {
+  var _ref$column = _ref.column,
+    column = _ref$column === void 0 ? 5 : _ref$column,
+    _ref$gap = _ref.gap,
+    gap = _ref$gap === void 0 ? 16 : _ref$gap,
+    onSize = _ref.onSize,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var size = useWindowSize();
+  var columns = _.isArray(column) ? column : [{
+    column: column
+  }];
+  var css = style.wrapper({
+    columns: columns,
+    gap: gap
+  });
+  var config = getColumnConfig(columns, size.width);
+  var currentColumn = +config.column;
+  var _usePagination = usePagination(_objectSpread(_objectSpread({}, restProps), {}, {
+      column: currentColumn
+    })),
+    showData = _usePagination.showData,
+    pagination = _objectWithoutProperties(_usePagination, _excluded2);
+  useEffect(function () {
+    onSize === null || onSize === void 0 || onSize(_objectSpread(_objectSpread(_objectSpread({}, size), config), {}, {
+      column: currentColumn
+    }));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [currentColumn]);
+  return _objectSpread(_objectSpread({
+    css: css
+  }, restProps), {}, {
+    className: combineClassName('grid', restProps),
+    data: showData,
+    pagination: pagination
+  });
+}
+export function Grid(props) {
+  var _useGrid = useGrid(props),
+    data = _useGrid.data,
+    emptyText = _useGrid.emptyText,
+    children = _useGrid.children,
+    pagination = _useGrid.pagination,
+    rows = _useGrid.rows,
+    params = _objectWithoutProperties(_useGrid, _excluded3);
+  if (_.isEmpty(data)) {
+    return _jsx(Empty, {
+      description: emptyText
+    });
+  }
+  return _jsxs(VStack, {
+    className: getClassName('grid-container'),
+    children: [_jsx("div", _objectSpread(_objectSpread({}, params), {}, {
+      children: _.map(data, function (item, index) {
+        return _jsx("div", {
+          className: getClassName('grid-item'),
+          children: children(item, index)
+        }, index);
+      })
+    })), rows && _jsx(Pagination, _objectSpread({}, pagination))]
+  });
+}

package/es/grid/component/pagination.d.ts

@@ -0,0 +1,50 @@
+/// <reference types="react" />
+/// <reference types="rc-pagination" />
+import { GridProps } from "..";
+import { HStackProps } from "../../stack";
+import { TablePaginationConfig } from 'antd';
+interface PaginationParams extends GridProps {
+    column: number;
+}
+export declare function usePagination({ data, rows, column, pagination }: PaginationParams): {
+    showData: any[];
+    pageSize: number;
+    current: number;
+    total: number;
+    onChange: import("react").Dispatch<import("react").SetStateAction<number>>;
+    position?: ("topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "topCenter" | "bottomCenter")[] | undefined;
+    showQuickJumper?: boolean | {
+        goButton?: import("react").ReactNode;
+    } | undefined;
+    size?: "small" | "default" | undefined;
+    responsive?: boolean | undefined;
+    role?: string | undefined;
+    totalBoundaryShowSizeChanger?: number | undefined;
+    onShowSizeChange?: ((current: number, size: number) => void) | undefined;
+    itemRender?: ((page: number, type: "page" | "next" | "prev" | "jump-prev" | "jump-next", element: import("react").ReactNode) => import("react").ReactNode) | undefined;
+    showTotal?: ((total: number, range: [number, number]) => import("react").ReactNode) | undefined;
+    className?: string | undefined;
+    selectPrefixCls?: string | undefined;
+    prefixCls?: string | undefined;
+    pageSizeOptions?: string[] | number[] | undefined;
+    defaultCurrent?: number | undefined;
+    defaultPageSize?: number | undefined;
+    hideOnSinglePage?: boolean | undefined;
+    showSizeChanger?: boolean | undefined;
+    showLessItems?: boolean | undefined;
+    showPrevNextJumpers?: boolean | undefined;
+    showTitle?: boolean | undefined;
+    simple?: boolean | undefined;
+    disabled?: boolean | undefined;
+    locale?: import("rc-pagination").PaginationLocale | undefined;
+    style?: import("react").CSSProperties | undefined;
+    selectComponentClass?: import("react").ComponentType<{}> | undefined;
+    prevIcon?: import("react").ReactNode | import("react").ComponentType<{}>;
+    nextIcon?: import("react").ReactNode | import("react").ComponentType<{}>;
+    jumpPrevIcon?: import("react").ReactNode | import("react").ComponentType<{}>;
+    jumpNextIcon?: import("react").ReactNode | import("react").ComponentType<{}>;
+    justify?: "center" | "left" | "right" | "between" | undefined;
+};
+export type PaginationProps = TablePaginationConfig & Pick<HStackProps, 'justify'>;
+export declare function Pagination({ justify, className, style, ...props }: PaginationProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/es/grid/component/pagination.js

@@ -0,0 +1,54 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+var _excluded = ["justify", "className", "style"];
+import { HStack } from "../../stack";
+import { Pagination as AntdPagination } from 'antd';
+import { useEffect, useState } from 'react';
+import styles from "../style";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+export 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 = useState(1),
+    _useState2 = _slicedToArray(_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);
+  useEffect(function () {
+    if (current > totalPages) {
+      setCurrent(totalPages);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [totalPages]);
+  useEffect(function () {
+    return setCurrent(1);
+  }, [data]);
+  return _objectSpread(_objectSpread({}, pagination), {}, {
+    showData: showData,
+    pageSize: pageSize,
+    current: current,
+    total: data.length,
+    onChange: setCurrent
+  });
+}
+export function Pagination(_ref2) {
+  var _ref2$justify = _ref2.justify,
+    justify = _ref2$justify === void 0 ? 'right' : _ref2$justify,
+    className = _ref2.className,
+    style = _ref2.style,
+    props = _objectWithoutProperties(_ref2, _excluded);
+  return _jsx(HStack, {
+    css: styles.pagination,
+    className: className,
+    style: style,
+    justify: justify,
+    children: _jsx(AntdPagination, _objectSpread({}, props))
+  });
+}

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

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

package/es/grid/component/utils.js

@@ -0,0 +1,7 @@
+import _ from 'lodash';
+export function getColumnConfig(columns, width) {
+  var matchConfig = _.findLast(columns, function (config) {
+    return width >= (config.breakPoint || 0);
+  });
+  return matchConfig || _.last(columns);
+}

package/es/grid/index.d.ts

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

package/es/grid/index.js

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

package/es/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/es/grid/style/index.js

@@ -0,0 +1,26 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+import { transformValueToGap } from "../../api";
+import { css } from '@emotion/react';
+import _ from 'lodash';
+function mediaStyle(breakPoint, style) {
+  if (!breakPoint) {
+    return style;
+  }
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    @media (min-width: ", "px) {\n      ", "\n    }\n  "])), breakPoint, style);
+}
+function getBreakPointStyle(columns) {
+  return _.map(columns, function (_ref) {
+    var breakPoint = _ref.breakPoint,
+      column = _ref.column;
+    var style = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      grid-template-columns: repeat(", ", minmax(0, 1fr));\n    "])), column);
+    return mediaStyle(breakPoint, style);
+  });
+}
+var style = {
+  wrapper: function wrapper(props) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    display: grid;\n    grid-gap: ", ";\n    ", "\n  "])), transformValueToGap(props.gap), getBreakPointStyle(props.columns));
+  },
+  pagination: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    margin-top: 15px;\n  "])))
+};
+export default style;

package/es/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/es/grid/type/index.js

@@ -0,0 +1 @@
+export {};

package/es/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/es/highlight-text/component/index.js

@@ -0,0 +1,71 @@
+import _toArray from "@babel/runtime/helpers/esm/toArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["highlight", "tooltip", "text", "highlightClassName", "highlightStyle"];
+import { combineClassName } from "../../api";
+import { Text } from "../../text";
+import _ from 'lodash';
+import { useMemo } from 'react';
+import style from "../style";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+function escapeRegExp(str) {
+  return str.replace(/[.*+\-?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
+}
+export function HighlightText(props) {
+  var highlight = props.highlight,
+    tooltip = props.tooltip,
+    text = props.text,
+    highlightClassName = props.highlightClassName,
+    highlightStyle = props.highlightStyle,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var commonProps = _objectSpread(_objectSpread({}, restProps), {}, {
+    tooltip: tooltip !== null && tooltip !== void 0 ? tooltip : text,
+    className: combineClassName('highlight-text', props)
+  });
+  var slices = 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 = _toArray(_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 _jsx(Text, _objectSpread(_objectSpread({}, commonProps), {}, {
+      children: text
+    }));
+  }
+  return _jsx(Text, _objectSpread(_objectSpread({}, commonProps), {}, {
+    children: _.map(slices, function (slice, index) {
+      return slice.highlight ? _jsx("span", {
+        css: style.wrapper,
+        className: combineClassName('highlight', highlightClassName),
+        style: highlightStyle,
+        children: slice.text
+      }, index) : _jsx("span", {
+        children: slice.text
+      }, index);
+    })
+  }));
+}

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

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

package/es/highlight-text/index.js

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

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

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

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

@@ -0,0 +1,7 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import { css } from '@emotion/react';
+var style = {
+  wrapper: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    color: red;\n  "])))
+};
+export default style;

package/es/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/es/highlight-text/type/index.js

@@ -0,0 +1 @@
+export {};

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

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

package/es/hooks/hook/common.js

@@ -0,0 +1,12 @@
+import { hideBodyScroll } from "../../api";
+import { useEffect } from 'react';
+export function useHideBodyScroll() {
+  var enable = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  useEffect(function () {
+    if (!enable) return;
+    hideBodyScroll();
+    return function () {
+      return hideBodyScroll(false);
+    };
+  }, [enable]);
+}

package/es/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/es/hooks/hook/index.js

@@ -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/es/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/es/hooks/hook/use-debounce.js

@@ -0,0 +1,23 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { useDebouncedCallback, useDebounce as useRawDebounceState, useThrottledCallback } from 'use-debounce';
+var defaultOptions = {
+  leading: true,
+  trailing: true
+};
+export 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 = _objectSpread(_objectSpread({}, defaultOptions), options);
+  return useDebouncedCallback(fn, wait, mergedOptions);
+}
+export function useDebounceState(value) {
+  var wait = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 300;
+  var options = arguments.length > 2 ? arguments[2] : undefined;
+  return useRawDebounceState(value, wait, options)[0];
+}
+export 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 = _objectSpread(_objectSpread({}, defaultOptions), options);
+  return useThrottledCallback(fn, wait, mergedOptions);
+}

package/es/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 {};