antd-mobile 5.0.0-beta.9 → 5.0.0-rc.3

package/2x/es/components/cascader-view/use-cascader-value-extend.js

@@ -0,0 +1,52 @@
+function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate 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; }
+
+import { useMemo } from 'react';
+import memoize from 'lodash/memoize';
+export function useCascaderValueExtend(options) {
+  var generateItems = useMemo(function () {
+    return memoize(function (val) {
+      var ret = [];
+      var currentOptions = options;
+
+      var _loop = function _loop() {
+        var v = _step.value;
+        var target = currentOptions.find(function (option) {
+          return option.value === v;
+        });
+
+        if (!target) {
+          return "break";
+        }
+
+        ret.push(target);
+        if (!target.children) return "break";
+        currentOptions = target.children;
+      };
+
+      for (var _iterator = _createForOfIteratorHelperLoose(val), _step; !(_step = _iterator()).done;) {
+        var _ret = _loop();
+
+        if (_ret === "break") break;
+      }
+
+      return ret;
+    }, function (val) {
+      return JSON.stringify(val);
+    });
+  }, [options]);
+
+  function generateValueExtend(val) {
+    return {
+      get items() {
+        return generateItems(val);
+      }
+
+    };
+  }
+
+  return generateValueExtend;
+}

package/2x/es/components/check-list/check-list-item.d.ts

@@ -1,7 +1,8 @@
 import { FC } from 'react';
 import { ListItemProps } from '../list';
 import { NativeProps } from '../../utils/native-props';
-export declare type CheckListItemProps = Pick<ListItemProps, 'title' | 'children' | 'description' | 'prefix' | 'onClick'> & {
+export declare type CheckListItemProps = Pick<ListItemProps, 'title' | 'children' | 'description' | 'prefix' | 'disabled' | 'onClick' | 'style'> & {
     value: string;
-} & NativeProps<'--prefix-width' | '--align-items'>;
+    readOnly?: boolean;
+} & NativeProps;
 export declare const CheckListItem: FC<CheckListItemProps>;

package/2x/es/components/check-list/check-list-item.js

@@ -3,8 +3,11 @@ import List from '../list';
 import { withNativeProps } from '../../utils/native-props';
 import { CheckListContext } from './context';
 import { devWarning } from '../../utils/dev-log';
-import { CheckOutlined } from '@ant-design/icons';
+import classNames from 'classnames';
+var classPrefix = "adm-check-list-item";
 export var CheckListItem = function CheckListItem(props) {
+  var _classNames;
+
   var context = useContext(CheckListContext);
 
   if (context === null) {
@@ -13,26 +16,31 @@ export var CheckListItem = function CheckListItem(props) {
   }
 
   var active = context.value.includes(props.value);
+  var readOnly = props.readOnly || context.readOnly;
   var extra = /*#__PURE__*/React.createElement("div", {
-    className: 'adm-check-list-item-extra'
-  }, active ? /*#__PURE__*/React.createElement(CheckOutlined, null) : null);
+    className: classPrefix + "-extra"
+  }, active ? context.activeIcon : null);
   return withNativeProps(props, /*#__PURE__*/React.createElement(List.Item, {
     title: props.title,
+    className: classNames((_classNames = {}, _classNames[classPrefix + "-readonly"] = readOnly, _classNames)),
     description: props.description,
     prefix: props.prefix,
-    onClick: function onClick() {
+    onClick: function onClick(e) {
       var _a;
 
+      if (readOnly) return;
+
       if (active) {
         context.uncheck(props.value);
       } else {
         context.check(props.value);
       }
 
-      (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props);
+      (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
     },
     arrow: false,
-    clickable: true,
-    extra: extra
+    clickable: !readOnly,
+    extra: extra,
+    disabled: props.disabled || context.disabled
   }, props.children));
 };

package/2x/es/components/check-list/check-list.css

@@ -1,4 +1,8 @@
 .adm-check-list-item-extra {
   font-size: 32px;
   color: var(--adm-color-primary);
+}
+
+.adm-check-list-item-readonly {
+  cursor: unset;
 }

package/2x/es/components/check-list/check-list.d.ts

@@ -1,10 +1,13 @@
-import { FC } from 'react';
+import { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { ListProps } from '../list';
-export declare type CheckListProps = Pick<ListProps, 'mode'> & {
+export declare type CheckListProps = Pick<ListProps, 'mode' | 'style'> & {
     defaultValue?: string[];
     value?: string[];
     onChange?: (val: string[]) => void;
     multiple?: boolean;
-} & NativeProps<'--prefix-width' | '--align-items'>;
+    activeIcon?: ReactNode;
+    disabled?: boolean;
+    readOnly?: boolean;
+} & NativeProps;
 export declare const CheckList: FC<CheckListProps>;

package/2x/es/components/check-list/check-list.js

@@ -3,17 +3,19 @@ import { withNativeProps } from '../../utils/native-props';
 import List from '../list';
 import { mergeProps } from '../../utils/with-default-props';
 import { CheckListContext } from './context';
-import { useNewControllableValue } from '../../utils/use-controllable-value';
+import { usePropsValue } from '../../utils/use-props-value';
+import { CheckOutline } from 'antd-mobile-icons';
 var defaultProps = {
   multiple: false,
-  defaultValue: []
+  defaultValue: [],
+  activeIcon: /*#__PURE__*/React.createElement(CheckOutline, null)
 };
 export var CheckList = function CheckList(p) {
   var props = mergeProps(defaultProps, p);
 
-  var _useNewControllableVa = useNewControllableValue(props),
-      value = _useNewControllableVa[0],
-      setValue = _useNewControllableVa[1];
+  var _usePropsValue = usePropsValue(props),
+      value = _usePropsValue[0],
+      setValue = _usePropsValue[1];
 
   function check(val) {
     if (props.multiple) {
@@ -29,13 +31,19 @@ export var CheckList = function CheckList(p) {
     }));
   }
 
-  return withNativeProps(props, /*#__PURE__*/React.createElement(CheckListContext.Provider, {
+  var activeIcon = props.activeIcon,
+      disabled = props.disabled,
+      readOnly = props.readOnly;
+  return /*#__PURE__*/React.createElement(CheckListContext.Provider, {
     value: {
       value: value,
       check: check,
-      uncheck: uncheck
+      uncheck: uncheck,
+      activeIcon: activeIcon,
+      disabled: disabled,
+      readOnly: readOnly
     }
-  }, /*#__PURE__*/React.createElement(List, {
+  }, withNativeProps(props, /*#__PURE__*/React.createElement(List, {
     mode: props.mode
   }, props.children)));
 };

package/2x/es/components/check-list/context.d.ts

@@ -1,6 +1,9 @@
-/// <reference types="react" />
+import { ReactNode } from 'react';
 export declare const CheckListContext: import("react").Context<{
     value: string[];
     check: (val: string) => void;
     uncheck: (val: string) => void;
+    activeIcon?: ReactNode;
+    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
 } | null>;

package/2x/es/components/checkbox/check-icon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { NativeProps } from '../../utils/native-props';
+export declare const CheckIcon: React.NamedExoticComponent<NativeProps<never>>;

package/2x/es/components/checkbox/check-icon.js

@@ -0,0 +1,19 @@
+import React, { memo } from 'react';
+import { withNativeProps } from '../../utils/native-props';
+export var CheckIcon = /*#__PURE__*/memo(function (props) {
+  return withNativeProps(props, /*#__PURE__*/React.createElement("svg", {
+    viewBox: '0 0 24 16'
+  }, /*#__PURE__*/React.createElement("g", {
+    stroke: 'none',
+    strokeWidth: '1',
+    fill: 'none',
+    fillRule: 'evenodd'
+  }, /*#__PURE__*/React.createElement("g", {
+    transform: 'translate(-35.000000, -40.000000)',
+    fill: 'currentColor'
+  }, /*#__PURE__*/React.createElement("g", {
+    transform: 'translate(24.000000, 26.000000)'
+  }, /*#__PURE__*/React.createElement("path", {
+    d: 'M18.8574375,25.9363304 L14.4138058,21.4926987 C13.8001225,20.8790154 12.8051453,20.8790154 12.1914621,21.4926987 C11.5777807,22.10638 11.5777807,23.1013541 12.1914621,23.7150354 C12.1914632,23.7150366 12.1914644,23.7150377 12.1914656,23.7150389 L17.4442507,28.9677909 C18.225314,29.7488091 19.4916285,29.7488141 20.2726979,28.9678021 L21.0808125,28.1597054 L21.0808125,28.1597054 L32.5627182,16.6759191 C33.176366,16.0621709 33.1763252,15.0671824 32.5626272,14.4534844 C31.948944,13.8398011 30.9539668,13.8398011 30.3402835,14.4534844 L18.8574375,25.9363304 L18.8574375,25.9363304 Z'
+  }))))));
+});

package/2x/es/components/checkbox/checkbox.css

@@ -1,5 +1,9 @@
 .adm-checkbox {
+  --icon-size: 44px;
+  --font-size: 34px;
+  --gap: 16px;
   display: inline-flex;
+  vertical-align: text-bottom;
   justify-content: flex-start;
   align-items: center;
   cursor: pointer;
@@ -12,20 +16,19 @@
 .adm-checkbox .adm-checkbox-icon {
   flex: none;
   border: 2px solid #ccc;
-  border-radius: 44px;
+  border-radius: var(--icon-size);
   box-sizing: border-box;
   display: flex;
   justify-content: center;
   align-items: center;
-  width: 44px;
-  height: 44px;
-  font-size: 24px;
-  color: transparent;
+  width: var(--icon-size);
+  height: var(--icon-size);
+  color: #ffffff;
 }
 
-.adm-checkbox .adm-checkbox-icon > span {
-  font-size: 24px;
-  display: block;
+.adm-checkbox .adm-checkbox-icon-checked {
+  width: 65%;
+  height: 65%;
 }
 
 .adm-checkbox.adm-checkbox-block {
@@ -33,7 +36,6 @@
 }
 
 .adm-checkbox.adm-checkbox-checked .adm-checkbox-icon {
-  color: #ffffff;
   border-color: var(--adm-color-primary);
   background-color: var(--adm-color-primary);
 }
@@ -46,42 +48,40 @@
   color: var(--adm-color-weak);
 }
 
-.adm-checkbox.adm-checkbox-disabled .adm-checkbox-icon {
+.adm-checkbox.adm-checkbox-disabled.adm-checkbox-indeterminate .adm-checkbox-icon {
+  color: #ccc;
+  border-color: #ccc;
   background-color: #ebedf0;
 }
 
 .adm-checkbox.adm-checkbox-disabled.adm-checkbox-checked .adm-checkbox-icon {
   color: #ccc;
+}
+
+.adm-checkbox.adm-checkbox-disabled .adm-checkbox-icon {
   border-color: #ccc;
   background-color: #ebedf0;
 }
 
 .adm-checkbox .adm-checkbox-custom-icon {
-  font-size: 34px;
-}
-
-.adm-checkbox .adm-checkbox-indeterminate-content {
-  display: none;
+  font-size: var(--icon-size);
 }
 
 .adm-checkbox.adm-checkbox-indeterminate .adm-checkbox-icon {
   border-color: var(--adm-color-primary);
   background-color: #ffffff;
-}
-
-.adm-checkbox.adm-checkbox-indeterminate .adm-checkbox-icon-checked {
-  display: none;
+  color: var(--adm-color-primary);
 }
 
 .adm-checkbox.adm-checkbox-indeterminate .adm-checkbox-indeterminate-checked {
-  width: 24px;
-  height: 24px;
-  border-radius: 12px;
-  background-color: var(--adm-color-primary);
+  width: 60%;
+  height: 60%;
+  border-radius: 100%;
+  background-color: currentColor;
 }
 
 .adm-checkbox-content {
   flex: none;
-  font-size: 34px;
-  padding-left: 16px;
+  font-size: var(--font-size);
+  padding-left: var(--gap);
 }

package/2x/es/components/checkbox/checkbox.d.ts

@@ -11,5 +11,5 @@ export declare type CheckboxProps = {
     block?: boolean;
     id?: string;
     icon?: (checked: boolean, indeterminate: boolean) => React.ReactNode;
-} & NativeProps;
+} & NativeProps<'--icon-size' | '--font-size' | '--gap'>;
 export declare const Checkbox: FC<CheckboxProps>;

package/2x/es/components/checkbox/checkbox.js

@@ -1,10 +1,11 @@
 import React, { useContext } from 'react';
 import { withNativeProps } from '../../utils/native-props';
 import classNames from 'classnames';
-import { CheckOutlined } from '@ant-design/icons';
 import { CheckboxGroupContext } from './group-context';
-import { useNewControllableValue } from '../../utils/use-controllable-value';
+import { usePropsValue } from '../../utils/use-props-value';
 import { mergeProps } from '../../utils/with-default-props';
+import { devWarning } from '../../utils/dev-log';
+import { CheckIcon } from './check-icon';
 var classPrefix = "adm-checkbox";
 var defaultProps = {
   defaultChecked: false,
@@ -13,21 +14,33 @@ var defaultProps = {
 export var Checkbox = function Checkbox(p) {
   var _classNames;
 
-  var props = mergeProps(defaultProps, p);
   var groupContext = useContext(CheckboxGroupContext);
+  var props = mergeProps(defaultProps, p);
 
-  var _useNewControllableVa = useNewControllableValue({
+  var _usePropsValue = usePropsValue({
     value: props.checked,
     defaultValue: props.defaultChecked,
     onChange: props.onChange
   }),
-      checked = _useNewControllableVa[0],
-      setChecked = _useNewControllableVa[1];
+      checked = _usePropsValue[0],
+      setChecked = _usePropsValue[1];
 
   var disabled = props.disabled;
+
+  var usageWarning = function usageWarning() {
+    if (p.checked !== undefined) {
+      devWarning('Checkbox', 'When used with `Checkbox.Group`, the `checked` prop of `Checkbox` will not work if `value` prop of `Checkbox` is not undefined.');
+    }
+
+    if (p.defaultChecked !== undefined) {
+      devWarning('Checkbox', 'When used with `Checkbox.Group`, the `defaultChecked` prop of `Checkbox` will not work if `value` prop of `Checkbox` is not undefined.');
+    }
+  };
+
   var value = props.value;
 
   if (groupContext && value !== undefined) {
+    usageWarning();
     checked = groupContext.value.includes(value);
 
     setChecked = function setChecked(checked) {
@@ -54,10 +67,10 @@ export var Checkbox = function Checkbox(p) {
 
     return /*#__PURE__*/React.createElement("div", {
       className: classPrefix + "-icon"
-    }, /*#__PURE__*/React.createElement(CheckOutlined, {
-      className: classPrefix + "-icon-checked"
-    }), /*#__PURE__*/React.createElement("div", {
+    }, props.indeterminate ? /*#__PURE__*/React.createElement("div", {
       className: classPrefix + "-indeterminate-checked"
+    }) : checked && /*#__PURE__*/React.createElement(CheckIcon, {
+      className: classPrefix + "-icon-checked"
     }));
   };
 

package/2x/es/components/checkbox/group.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { FC } from 'react';
 import { CheckboxValue } from '.';
 export interface CheckboxGroupProps {
     value?: CheckboxValue[];
@@ -6,4 +6,4 @@ export interface CheckboxGroupProps {
     defaultValue?: CheckboxValue[];
     disabled?: boolean;
 }
-export declare const Group: React.FC<CheckboxGroupProps>;
+export declare const Group: FC<CheckboxGroupProps>;

package/2x/es/components/checkbox/group.js

@@ -1,15 +1,17 @@
 import React from 'react';
-import { withDefaultProps } from '../../utils/with-default-props';
+import { mergeProps } from '../../utils/with-default-props';
 import { CheckboxGroupContext } from './group-context';
-import { useNewControllableValue } from '../../utils/use-controllable-value';
+import { usePropsValue } from '../../utils/use-props-value';
 var defaultProps = {
   disabled: false,
   defaultValue: []
 };
-export var Group = withDefaultProps(defaultProps)(function (props) {
-  var _useNewControllableVa = useNewControllableValue(props),
-      value = _useNewControllableVa[0],
-      setValue = _useNewControllableVa[1];
+export var Group = function Group(p) {
+  var props = mergeProps(defaultProps, p);
+
+  var _usePropsValue = usePropsValue(props),
+      value = _usePropsValue[0],
+      setValue = _usePropsValue[1];
 
   return /*#__PURE__*/React.createElement(CheckboxGroupContext.Provider // TODO: 性能优化
   , {
@@ -27,4 +29,4 @@ export var Group = withDefaultProps(defaultProps)(function (props) {
       }
     }
   }, props.children);
-});
+};

package/2x/es/components/collapse/collapse.d.ts

@@ -1,10 +1,12 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type CollapsePanelProps = {
     key: string;
-    title: string;
+    title: React.ReactNode;
     disabled?: boolean;
     forceRender?: boolean;
+    destroyOnClose?: boolean;
+    onClick?: (event: React.MouseEvent<Element, MouseEvent>) => void;
 } & NativeProps;
 export declare const CollapsePanel: FC<CollapsePanelProps>;
 declare type ValueProps<T> = {

package/2x/es/components/collapse/collapse.js

@@ -1,11 +1,12 @@
-import React, { useEffect, useRef } from 'react';
+import React, { useRef } from 'react';
 import { withNativeProps } from '../../utils/native-props';
 import List from '../list';
-import { RightOutlined } from '@ant-design/icons';
+import { RightOutline } from 'antd-mobile-icons';
 import classNames from 'classnames';
-import { useInitialized } from '../../utils/use-initialized';
 import { useSpring, animated } from '@react-spring/web';
-import { useNewControllableValue } from '../../utils/use-controllable-value';
+import { usePropsValue } from '../../utils/use-props-value';
+import { useMount, useUpdateLayoutEffect } from 'ahooks';
+import { useShouldRender } from '../../utils/use-should-render';
 var classPrefix = "adm-collapse";
 export var CollapsePanel = function CollapsePanel() {
   return null;
@@ -14,38 +15,60 @@ export var CollapsePanel = function CollapsePanel() {
 var CollapsePanelContent = function CollapsePanelContent(props) {
   var visible = props.visible;
   var innerRef = useRef(null);
-  var initialized = useInitialized(visible || props.forceRender);
+  var shouldRender = useShouldRender(visible, props.forceRender, props.destroyOnClose);
 
   var _useSpring = useSpring(function () {
     return {
       from: {
-        height: visible ? 'auto' : 0
+        height: 0
       }
     };
   }),
-      style = _useSpring[0],
+      height = _useSpring[0].height,
       api = _useSpring[1];
 
-  useEffect(function () {
+  useMount(function () {
+    if (!visible) return;
+    var inner = innerRef.current;
+    if (!inner) return;
+    api.start({
+      height: inner.offsetHeight,
+      immediate: true
+    });
+  });
+  useUpdateLayoutEffect(function () {
+    var inner = innerRef.current;
+    if (!inner) return;
+
     if (visible) {
-      var inner = innerRef.current;
-      if (!inner) return;
       api.start({
         height: inner.offsetHeight
       });
     } else {
+      api.start({
+        height: inner.offsetHeight,
+        immediate: true
+      });
       api.start({
         height: 0
       });
     }
   }, [visible]);
-  return initialized ? /*#__PURE__*/React.createElement(animated.div, {
+  return /*#__PURE__*/React.createElement(animated.div, {
     className: classPrefix + "-panel-content",
-    style: style
+    style: {
+      height: height.to(function (v) {
+        if (height.idle && visible) {
+          return 'auto';
+        } else {
+          return v;
+        }
+      })
+    }
   }, /*#__PURE__*/React.createElement("div", {
     className: classPrefix + "-panel-content-inner",
     ref: innerRef
-  }, /*#__PURE__*/React.createElement(List.Item, null, props.children))) : null;
+  }, /*#__PURE__*/React.createElement(List.Item, null, shouldRender && props.children)));
 };
 
 export var Collapse = function Collapse(props) {
@@ -59,7 +82,7 @@ export var Collapse = function Collapse(props) {
     panels.push(child);
   });
 
-  var _useNewControllableVa = useNewControllableValue(props.accordion ? {
+  var _usePropsValue = usePropsValue(props.accordion ? {
     value: props.activeKey === undefined ? undefined : props.activeKey === null ? [] : [props.activeKey],
     defaultValue: props.defaultActiveKey === undefined || props.defaultActiveKey === null ? [] : [props.defaultActiveKey],
     onChange: function onChange(v) {
@@ -72,8 +95,8 @@ export var Collapse = function Collapse(props) {
     defaultValue: (_a = props.defaultActiveKey) !== null && _a !== void 0 ? _a : [],
     onChange: props.onChange
   }),
-      activeKey = _useNewControllableVa[0],
-      setActiveKey = _useNewControllableVa[1];
+      activeKey = _usePropsValue[0],
+      setActiveKey = _usePropsValue[1];
 
   var activeKeyList = activeKey === null ? [] : Array.isArray(activeKey) ? activeKey : [activeKey];
   return withNativeProps(props, /*#__PURE__*/React.createElement("div", {
@@ -84,7 +107,9 @@ export var Collapse = function Collapse(props) {
     var key = panel.key;
     var active = activeKeyList.includes(key);
 
-    function handleClick() {
+    function handleClick(event) {
+      var _a, _b;
+
       if (props.accordion) {
         if (active) {
           setActiveKey([]);
@@ -100,6 +125,8 @@ export var Collapse = function Collapse(props) {
           setActiveKey([].concat(activeKeyList, [key]));
         }
       }
+
+      (_b = (_a = panel.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, event);
     }
 
     return /*#__PURE__*/React.createElement(React.Fragment, {
@@ -109,10 +136,11 @@ export var Collapse = function Collapse(props) {
       onClick: panel.props.disabled ? undefined : handleClick,
       arrow: /*#__PURE__*/React.createElement("div", {
         className: classNames(classPrefix + "-arrow", (_classNames2 = {}, _classNames2[classPrefix + "-arrow-active"] = active, _classNames2))
-      }, /*#__PURE__*/React.createElement(RightOutlined, null))
+      }, /*#__PURE__*/React.createElement(RightOutline, null))
     }, panel.props.title)), /*#__PURE__*/React.createElement(CollapsePanelContent, {
       visible: active,
-      forceRender: !!panel.props.forceRender
+      forceRender: !!panel.props.forceRender,
+      destroyOnClose: !!panel.props.destroyOnClose
     }, panel.props.children));
   }))));
 };

package/2x/es/components/config-provider/config-provider.d.ts

@@ -3,24 +3,12 @@ import { Locale } from '../../locales/base';
 declare type Config = {
     locale: Locale;
 };
-export declare const globalConfigRef: {
-    key: symbol | null;
-    current: {
-        locale: {
-            common: {
-                cancel: string;
-            };
-            Dialog: {
-                ok: string;
-            };
-        };
-    };
-};
-export declare type ConfigProviderProps = Config & {
-    global?: boolean;
+export declare const defaultConfigRef: {
+    current: Config;
 };
+export declare function setDefaultConfig(config: Config): void;
+export declare function getDefaultConfig(): Config;
+export declare type ConfigProviderProps = Config;
 export declare const ConfigProvider: FC<ConfigProviderProps>;
-export declare function useConfig(): Config & {
-    isFallback: boolean;
-};
+export declare function useConfig(): Config;
 export {};