@ant-design/pro-components 2.8.10 → 3.0.0-beta.2

package/es/utils/components/LabelIconTip/style.js

@@ -0,0 +1,43 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { useStyle as useAntdStyle } from "../../../provider";
+var genProStyle = function genProStyle(token) {
+  return _defineProperty({}, token.componentCls, {
+    display: 'inline-flex',
+    alignItems: 'center',
+    maxWidth: '100%',
+    '&-icon': {
+      display: 'block',
+      marginInlineStart: '4px',
+      cursor: 'pointer',
+      '&:hover': {
+        color: token.colorPrimary
+      }
+    },
+    '&-title': {
+      display: 'inline-flex',
+      flex: '1'
+    },
+    '&-subtitle ': {
+      marginInlineStart: 8,
+      color: token.colorTextSecondary,
+      fontWeight: 'normal',
+      fontSize: token.fontSize,
+      whiteSpace: 'nowrap'
+    },
+    '&-title-ellipsis': {
+      overflow: 'hidden',
+      whiteSpace: 'nowrap',
+      textOverflow: 'ellipsis',
+      wordBreak: 'keep-all'
+    }
+  });
+};
+export function useStyle(prefixCls) {
+  return useAntdStyle('LabelIconTip', function (token) {
+    var proToken = _objectSpread(_objectSpread({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
+    });
+    return [genProStyle(proToken)];
+  });
+}

package/es/utils/components/ProFormContext/index.d.ts

@@ -0,0 +1,41 @@
+import type { FormInstance } from 'antd';
+import type { NamePath } from 'antd/lib/form/interface';
+import React from 'react';
+export type ProFormInstanceType<T> = {
+    /**
+     * 获取被 ProForm 格式化后的所有数据
+     * @param nameList boolean
+     * @returns T
+     *
+     * @example  getFieldsFormatValue() ->返回所有数据
+     * @example  getFieldsFormatValue(true) ->返回所有数据，即使没有被 form 托管的
+     */
+    getFieldsFormatValue?: (nameList?: true, omitNil?: boolean) => T;
+    /**
+     * 获取被 ProForm 格式化后的单个数据
+     * @param nameList (string|number)[]
+     * @returns T
+     *
+     * @example {a:{b:value}} -> getFieldFormatValue(['a', 'b']) -> value
+     */
+    getFieldFormatValue?: (nameList?: NamePath) => T;
+    /**
+     * 获取被 ProForm 格式化后的单个数据, 包含他的 name
+     * @param nameList (string|number)[]
+     * @returns T
+     *
+     * @example {a:{b:value}}->getFieldFormatValueObject(['a','b'])->{a:{b:value}}
+     */
+    getFieldFormatValueObject?: (nameList?: NamePath) => T;
+    /**
+     *验字段后返回格式化之后的所有数据
+     * @param nameList (string|number)[]
+     * @returns T
+     *
+     * @example validateFieldsReturnFormatValue -> {a:{b:value}}
+     */
+    validateFieldsReturnFormatValue?: (nameList?: NamePath[]) => Promise<T>;
+};
+export declare const ProFormContext: React.Context<ProFormInstanceType<any> & {
+    formRef?: React.MutableRefObject<FormInstance<any>> | undefined;
+}>;

package/es/utils/components/ProFormContext/index.js

@@ -0,0 +1,2 @@
+import React from 'react';
+export var ProFormContext = /*#__PURE__*/React.createContext({});

package/es/utils/conversionMomentValue/index.d.ts

@@ -0,0 +1,45 @@
+import type { NamePath } from 'antd/lib/form/interface';
+import dayjs from 'dayjs';
+import type { ProFieldValueType } from '../typing';
+type DateFormatter = (string & {}) | 'number' | 'string' | ((value: dayjs.Dayjs, valueType: string) => string | number) | false;
+export declare const dateFormatterMap: {
+    time: string;
+    timeRange: string;
+    date: string;
+    dateWeek: string;
+    dateMonth: string;
+    dateQuarter: string;
+    dateYear: string;
+    dateRange: string;
+    dateTime: string;
+    dateTimeRange: string;
+};
+/**
+ * 判断是否是一个的简单的 object
+ * @param  {{constructor:any}} o
+ * @returns boolean
+ */
+export declare function isPlainObject(o: {
+    constructor: any;
+}): boolean;
+/**
+ * 根据不同的格式转化 dayjs
+ * @param  {dayjs.Dayjs} value
+ * @param  {string|((value:dayjs.Dayjs} dateFormatter
+ * @param  {string} valueType
+ */
+export declare const convertMoment: (value: dayjs.Dayjs, dateFormatter: DateFormatter, valueType: string) => string | number | dayjs.Dayjs;
+/**
+ * 这里主要是来转化一下数据 将 dayjs 转化为 string 将 all 默认删除
+ * @param  {T} value
+ * @param  {DateFormatter} dateFormatter
+ * @param  {Record<string} valueTypeMap
+ * @param  {ProFieldValueType;dateFormat:string;}|any>} |{valueType
+ * @param  {boolean} omitNil?
+ * @param  {NamePath} parentKey?
+ */
+export declare const conversionMomentValue: <T extends {} = any>(value: T, dateFormatter: DateFormatter, valueTypeMap: Record<string, {
+    valueType: ProFieldValueType;
+    dateFormat: string;
+} | any>, omitNil?: boolean, parentKey?: NamePath) => T;
+export {};

package/es/utils/conversionMomentValue/index.js

@@ -0,0 +1,148 @@
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import dayjs from 'dayjs';
+import quarterOfYear from 'dayjs/plugin/quarterOfYear';
+import { get } from 'rc-util';
+import { isNil } from "../isNil";
+dayjs.extend(quarterOfYear);
+export var dateFormatterMap = {
+  time: 'HH:mm:ss',
+  timeRange: 'HH:mm:ss',
+  date: 'YYYY-MM-DD',
+  dateWeek: 'YYYY-wo',
+  dateMonth: 'YYYY-MM',
+  dateQuarter: 'YYYY-[Q]Q',
+  dateYear: 'YYYY',
+  dateRange: 'YYYY-MM-DD',
+  dateTime: 'YYYY-MM-DD HH:mm:ss',
+  dateTimeRange: 'YYYY-MM-DD HH:mm:ss'
+};
+/**
+ * 判断是不是一个 object
+ * @param  {any} o
+ * @returns boolean
+ */
+function isObject(o) {
+  return Object.prototype.toString.call(o) === '[object Object]';
+}
+/**
+ * 判断是否是一个的简单的 object
+ * @param  {{constructor:any}} o
+ * @returns boolean
+ */
+export function isPlainObject(o) {
+  if (isObject(o) === false) return false;
+
+  // If has modified constructor
+  var ctor = o.constructor;
+  if (ctor === undefined) return true;
+
+  // If has modified prototype
+  var prot = ctor.prototype;
+  if (isObject(prot) === false) return false;
+
+  // If constructor does not have an Object-specific method
+  if (prot.hasOwnProperty('isPrototypeOf') === false) {
+    return false;
+  }
+
+  // Most likely a plain Object
+  return true;
+}
+
+/**
+ *  一个比较hack的moment判断工具
+ * @param  {any} value
+ * @returns boolean
+ */
+var isMoment = function isMoment(value) {
+  return !!(value !== null && value !== void 0 && value._isAMomentObject);
+};
+
+/**
+ * 根据不同的格式转化 dayjs
+ * @param  {dayjs.Dayjs} value
+ * @param  {string|((value:dayjs.Dayjs} dateFormatter
+ * @param  {string} valueType
+ */
+export var convertMoment = function convertMoment(value, dateFormatter, valueType) {
+  if (!dateFormatter) {
+    return value;
+  }
+  if (dayjs.isDayjs(value) || isMoment(value)) {
+    if (dateFormatter === 'number') {
+      return value.valueOf();
+    }
+    if (dateFormatter === 'string') {
+      return value.format(dateFormatterMap[valueType] || 'YYYY-MM-DD HH:mm:ss');
+    }
+    if (typeof dateFormatter === 'string' && dateFormatter !== 'string') {
+      return value.format(dateFormatter);
+    }
+    if (typeof dateFormatter === 'function') {
+      return dateFormatter(value, valueType);
+    }
+  }
+  return value;
+};
+
+/**
+ * 这里主要是来转化一下数据 将 dayjs 转化为 string 将 all 默认删除
+ * @param  {T} value
+ * @param  {DateFormatter} dateFormatter
+ * @param  {Record<string} valueTypeMap
+ * @param  {ProFieldValueType;dateFormat:string;}|any>} |{valueType
+ * @param  {boolean} omitNil?
+ * @param  {NamePath} parentKey?
+ */
+export var conversionMomentValue = function conversionMomentValue(value, dateFormatter, valueTypeMap, omitNil, parentKey) {
+  var tmpValue = {};
+  if (typeof window === 'undefined') return value;
+  // 如果 value 是 string | null | Blob类型 其中之一，直接返回
+  // 形如 {key: [File, File]} 的表单字段当进行第二次递归时会导致其直接越过 typeof value !== 'object' 这一判断 https://github.com/ant-design/pro-components/issues/2071
+  if (_typeof(value) !== 'object' || isNil(value) || value instanceof Blob || Array.isArray(value)) {
+    return value;
+  }
+  Object.keys(value).forEach(function (valueKey) {
+    var namePath = parentKey ? [parentKey, valueKey].flat(1) : [valueKey];
+    var valueFormatMap = get(valueTypeMap, namePath) || 'text';
+    var valueType = 'text';
+    var dateFormat;
+    if (typeof valueFormatMap === 'string') {
+      valueType = valueFormatMap;
+    } else if (valueFormatMap) {
+      valueType = valueFormatMap.valueType;
+      dateFormat = valueFormatMap.dateFormat;
+    }
+    var itemValue = value[valueKey];
+    if (isNil(itemValue) && omitNil) {
+      return;
+    }
+    // 如果 omitNil 为 true，也过滤掉空字符串
+    if (omitNil && itemValue === '') {
+      return;
+    }
+    // 处理嵌套的情况
+    if (isPlainObject(itemValue) &&
+    // 不是数组
+    !Array.isArray(itemValue) &&
+    // 不是 dayjs
+    !dayjs.isDayjs(itemValue) &&
+    // 不是 moment
+    !isMoment(itemValue)) {
+      tmpValue[valueKey] = conversionMomentValue(itemValue, dateFormatter, valueTypeMap, omitNil, namePath);
+      return;
+    }
+    // 处理 FormList 的 value
+    if (Array.isArray(itemValue)) {
+      tmpValue[valueKey] = itemValue.map(function (arrayValue, index) {
+        if (dayjs.isDayjs(arrayValue) || isMoment(arrayValue)) {
+          return convertMoment(arrayValue, dateFormat || dateFormatter, valueType);
+        }
+        return conversionMomentValue(arrayValue, dateFormatter, valueTypeMap, omitNil, [valueKey, "".concat(index)].flat(1));
+      });
+      return;
+    }
+    tmpValue[valueKey] = convertMoment(itemValue, dateFormat || (dateFormatter === 'string' ? dateFormatterMap[valueType] : dateFormatter), valueType);
+  });
+  return tmpValue;
+};

package/es/utils/dateArrayFormatter/index.d.ts

@@ -0,0 +1,12 @@
+type FormatType = ((dayjs: any) => string) | string;
+/**
+ * 格式化区域日期,如果是一个数组，会返回 start ~ end
+ * @param  {any} value
+ * @param  {FormatType | FormatType[]} format
+ * returns string
+ */
+export declare const dateArrayFormatter: (value: any[], format: FormatType | {
+    format: string;
+    type?: "mask" | undefined;
+} | FormatType[]) => string;
+export {};

package/es/utils/dateArrayFormatter/index.js

@@ -0,0 +1,45 @@
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import dayjs from 'dayjs';
+/**
+ * 通过 format 来格式化日期，因为支持了function 所以需要单独的方法来处理
+ * @param  {any} endText
+ * @param  {FormatType} format
+ * @return string
+ */
+var formatString = function formatString(endText, format) {
+  if (typeof format === 'function') {
+    return format(dayjs(endText));
+  }
+  return dayjs(endText).format(format);
+};
+/**
+ * 格式化区域日期,如果是一个数组，会返回 start ~ end
+ * @param  {any} value
+ * @param  {FormatType | FormatType[]} format
+ * returns string
+ */
+export var dateArrayFormatter = function dateArrayFormatter(value, format) {
+  var _ref = Array.isArray(value) ? value : [],
+    _ref2 = _slicedToArray(_ref, 2),
+    startText = _ref2[0],
+    endText = _ref2[1];
+  var formatFirst;
+  var formatEnd;
+  if (Array.isArray(format)) {
+    formatFirst = format[0];
+    formatEnd = format[1];
+  } else if (_typeof(format) === 'object' && format.type === 'mask') {
+    formatFirst = format.format;
+    formatEnd = format.format;
+  } else {
+    formatFirst = format;
+    formatEnd = format;
+  }
+
+  // activePickerIndex for https://github.com/ant-design/ant-design/issues/22158
+  var parsedStartText = startText ? formatString(startText, formatFirst) : '';
+  var parsedEndText = endText ? formatString(endText, formatEnd) : '';
+  var valueStr = parsedStartText && parsedEndText ? "".concat(parsedStartText, " ~ ").concat(parsedEndText) : '';
+  return valueStr;
+};

package/es/utils/genCopyable/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+/**
+ * 生成 Copyable 或 Ellipsis 的 dom
+ *
+ * @param dom
+ * @param item
+ * @param text
+ */
+export declare const genCopyable: (dom: React.ReactNode, item: any, text: string) => string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;

package/es/utils/genCopyable/index.js

@@ -0,0 +1,59 @@
+import { Typography } from 'antd';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var isNeedTranText = function isNeedTranText(item) {
+  var _item$valueType;
+  if (item !== null && item !== void 0 && (_item$valueType = item.valueType) !== null && _item$valueType !== void 0 && _item$valueType.toString().startsWith('date')) {
+    return true;
+  }
+  if ((item === null || item === void 0 ? void 0 : item.valueType) === 'select' || item !== null && item !== void 0 && item.valueEnum) {
+    return true;
+  }
+  return false;
+};
+var getEllipsis = function getEllipsis(item) {
+  var _item$ellipsis;
+  if (((_item$ellipsis = item.ellipsis) === null || _item$ellipsis === void 0 ? void 0 : _item$ellipsis.showTitle) === false) {
+    return false;
+  }
+  return item.ellipsis;
+};
+
+/**
+ * 生成 Copyable 或 Ellipsis 的 dom
+ *
+ * @param dom
+ * @param item
+ * @param text
+ */
+export var genCopyable = function genCopyable(dom, item, text) {
+  if (item.copyable || item.ellipsis) {
+    var copyable = item.copyable && text ? {
+      text: text,
+      tooltips: ['', '']
+    } : undefined;
+
+    /** 有些 valueType 需要设置copy的为string */
+    var needTranText = isNeedTranText(item);
+    var ellipsis = getEllipsis(item) && text ? {
+      tooltip:
+      // 支持一下 tooltip 的关闭
+      (item === null || item === void 0 ? void 0 : item.tooltip) !== false && needTranText ? /*#__PURE__*/_jsx("div", {
+        className: "pro-table-tooltip-text",
+        children: dom
+      }) : text
+    } : false;
+    return /*#__PURE__*/_jsx(Typography.Text, {
+      style: {
+        width: '100%',
+        margin: 0,
+        padding: 0
+      },
+      title: "",
+      copyable: copyable,
+      ellipsis: ellipsis,
+      children: dom
+    });
+  }
+  return dom;
+};

package/es/utils/getFieldPropsOrFormItemProps/index.d.ts

@@ -0,0 +1,11 @@
+import type { FormInstance } from 'antd';
+/**
+ * 因为 fieldProps 支持了 function 所以新增了这个方法
+ *
+ * @param fieldProps
+ * @param form
+ */
+export declare const getFieldPropsOrFormItemProps: (fieldProps: any, form?: FormInstance<any> | null, extraProps?: any) => Record<string, any> & {
+    onChange: any;
+    colSize: number;
+};

package/es/utils/getFieldPropsOrFormItemProps/index.js

@@ -0,0 +1,14 @@
+import { runFunction } from "../runFunction";
+
+/**
+ * 因为 fieldProps 支持了 function 所以新增了这个方法
+ *
+ * @param fieldProps
+ * @param form
+ */
+export var getFieldPropsOrFormItemProps = function getFieldPropsOrFormItemProps(fieldProps, form, extraProps) {
+  if (form === undefined) {
+    return fieldProps;
+  }
+  return runFunction(fieldProps, form, extraProps);
+};

package/es/utils/hooks/useDebounceFn/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 一个去抖的 hook，传入一个 function，返回一个去抖后的 function
+ * @param  {(...args:T) => Promise<any>} fn
+ * @param  {number} wait?
+ */
+export declare function useDebounceFn<T extends any[], U = any>(fn: (...args: T) => Promise<any>, wait?: number): {
+    run: (...args: any) => Promise<U | undefined>;
+    cancel: () => void;
+};

package/es/utils/hooks/useDebounceFn/index.js

@@ -0,0 +1,69 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import { useCallback, useEffect, useRef } from 'react';
+import { useRefFunction } from "../useRefFunction";
+/**
+ * 一个去抖的 hook，传入一个 function，返回一个去抖后的 function
+ * @param  {(...args:T) => Promise<any>} fn
+ * @param  {number} wait?
+ */
+export function useDebounceFn(fn, wait) {
+  var callback = useRefFunction(fn);
+  var timer = useRef();
+  var cancel = useCallback(function () {
+    if (timer.current) {
+      clearTimeout(timer.current);
+      timer.current = null;
+    }
+  }, []);
+  var run = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+    var _len,
+      args,
+      _key,
+      _args2 = arguments;
+    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          for (_len = _args2.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = _args2[_key];
+          }
+          if (!(wait === 0 || wait === undefined)) {
+            _context2.next = 3;
+            break;
+          }
+          return _context2.abrupt("return", callback.apply(void 0, args));
+        case 3:
+          cancel();
+          return _context2.abrupt("return", new Promise(function (resolve) {
+            timer.current = setTimeout( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+              return _regeneratorRuntime().wrap(function _callee$(_context) {
+                while (1) switch (_context.prev = _context.next) {
+                  case 0:
+                    _context.t0 = resolve;
+                    _context.next = 3;
+                    return callback.apply(void 0, args);
+                  case 3:
+                    _context.t1 = _context.sent;
+                    (0, _context.t0)(_context.t1);
+                    return _context.abrupt("return");
+                  case 6:
+                  case "end":
+                    return _context.stop();
+                }
+              }, _callee);
+            })), wait);
+          }));
+        case 5:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  })), [callback, cancel, wait]);
+  useEffect(function () {
+    return cancel;
+  }, [cancel]);
+  return {
+    run: run,
+    cancel: cancel
+  };
+}

package/es/utils/hooks/useDebounceValue/index.d.ts

@@ -0,0 +1,9 @@
+import type { DependencyList } from 'react';
+/**
+ * 一个去抖的setState 减少更新的频率
+ * @param  {T} value
+ * @param  {number=100} delay
+ * @param  {DependencyList} deps?
+ * @returns T
+ */
+export declare function useDebounceValue<T>(value: T, delay?: number, deps?: DependencyList): T;

package/es/utils/hooks/useDebounceValue/index.js

@@ -0,0 +1,31 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { useEffect, useState } from 'react';
+import { useLatest } from "../useLatest";
+/**
+ * 一个去抖的setState 减少更新的频率
+ * @param  {T} value
+ * @param  {number=100} delay
+ * @param  {DependencyList} deps?
+ * @returns T
+ */
+export function useDebounceValue(value) {
+  var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 100;
+  var deps = arguments.length > 2 ? arguments[2] : undefined;
+  var _useState = useState(value),
+    _useState2 = _slicedToArray(_useState, 2),
+    debouncedValue = _useState2[0],
+    setDebouncedValue = _useState2[1];
+  var valueRef = useLatest(value);
+  useEffect(function () {
+    var handler = setTimeout(function () {
+      setDebouncedValue(valueRef.current);
+    }, delay);
+    return function () {
+      return clearTimeout(handler);
+    };
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  deps ? [delay].concat(_toConsumableArray(deps)) : undefined);
+  return debouncedValue;
+}

package/es/utils/hooks/useDeepCompareEffect/index.d.ts

@@ -0,0 +1,5 @@
+import type { DependencyList } from 'react';
+export declare const isDeepEqual: (a: any, b: any, ignoreKeys?: string[]) => boolean;
+export declare function useDeepCompareMemoize(value: any, ignoreKeys?: any): undefined;
+export declare function useDeepCompareEffect(effect: React.EffectCallback, dependencies: DependencyList, ignoreKeys?: string[]): void;
+export declare function useDeepCompareEffectDebounce(effect: React.EffectCallback, dependencies: DependencyList, ignoreKeys?: string[], waitTime?: number): void;

package/es/utils/hooks/useDeepCompareEffect/index.js

@@ -0,0 +1,38 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import { useEffect, useRef } from 'react';
+import { isDeepEqualReact } from "../../isDeepEqualReact";
+import { useDebounceFn } from "../useDebounceFn";
+export var isDeepEqual = function isDeepEqual(a, b, ignoreKeys) {
+  return isDeepEqualReact(a, b, ignoreKeys);
+};
+export function useDeepCompareMemoize(value, ignoreKeys) {
+  var ref = useRef();
+  // it can be done by using useMemo as well
+  // but useRef is rather cleaner and easier
+  if (!isDeepEqual(value, ref.current, ignoreKeys)) {
+    ref.current = value;
+  }
+  return ref.current;
+}
+export function useDeepCompareEffect(effect, dependencies, ignoreKeys) {
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  useEffect(effect, useDeepCompareMemoize(dependencies || [], ignoreKeys));
+}
+export function useDeepCompareEffectDebounce(effect, dependencies, ignoreKeys, waitTime) {
+  var effectDn = useDebounceFn( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          effect();
+        case 1:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })), waitTime || 16);
+  useEffect(function () {
+    effectDn.run();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, useDeepCompareMemoize(dependencies || [], ignoreKeys));
+}

package/es/utils/hooks/useDeepCompareMemo/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+/**
+ * `useDeepCompareMemo` will only recompute the memoized value when one of the
+ * `deps` has changed.
+ *
+ * Usage note: only use this if `deps` are objects or arrays that contain
+ * objects. Otherwise you should just use React.useMemo.
+ *
+ */
+declare function useDeepCompareMemo<T>(factory: () => T, dependencies: React.DependencyList): T;
+export default useDeepCompareMemo;

package/es/utils/hooks/useDeepCompareMemo/index.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { useDeepCompareMemoize } from "../useDeepCompareEffect";
+
+/**
+ * `useDeepCompareMemo` will only recompute the memoized value when one of the
+ * `deps` has changed.
+ *
+ * Usage note: only use this if `deps` are objects or arrays that contain
+ * objects. Otherwise you should just use React.useMemo.
+ *
+ */
+function useDeepCompareMemo(factory, dependencies) {
+  return React.useMemo(factory, useDeepCompareMemoize(dependencies));
+}
+export default useDeepCompareMemo;

package/es/utils/hooks/useDocumentTitle/index.d.ts

@@ -0,0 +1,5 @@
+export declare function useDocumentTitle(titleInfo: {
+    title: string;
+    id: string;
+    pageName: string;
+}, appDefaultTitle: string | false): void;

package/es/utils/hooks/useDocumentTitle/index.js

@@ -0,0 +1,10 @@
+import { useEffect } from 'react';
+import { isBrowser } from "../../isBrowser";
+export function useDocumentTitle(titleInfo, appDefaultTitle) {
+  var titleText = typeof titleInfo.pageName === 'string' ? titleInfo.title : appDefaultTitle;
+  useEffect(function () {
+    if (isBrowser() && titleText) {
+      document.title = titleText;
+    }
+  }, [titleInfo.title, titleText]);
+}

package/es/utils/hooks/useFetchData/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export type ProRequestData<T, U = Record<string, any>> = (params: U, props: any) => Promise<T>;
+export declare function useFetchData<T, U = Record<string, any>>(props: {
+    proFieldKey?: React.Key;
+    params?: U;
+    request?: ProRequestData<T, U>;
+}): [T | undefined, boolean];