antd-mobile 5.0.0-rc.3 → 5.0.0-rc.7

package/cjs/components/picker-view/picker-view.js

@@ -50,36 +50,46 @@ var PickerView = /*#__PURE__*/(0, _react.memo)(function (p) {
 
     if (props.value === innerValue) return;
     setInnerValue(props.value);
-  }, [props.value]); // Reset `innerValue` after 1s in case user does not update `value` when `onChange` is called
-
-  (0, _ahooks.useDebounceEffect)(function () {
-    if (props.value !== undefined && props.value !== innerValue) {
-      setInnerValue(props.value);
-    }
-  }, [props.value, innerValue], {
-    wait: 1000,
-    leading: false,
-    trailing: true
-  });
+  }, [props.value]);
+  (0, _react.useEffect)(function () {
+    if (props.value === innerValue) return;
+    var timeout = window.setTimeout(function () {
+      if (props.value !== undefined && props.value !== innerValue) {
+        setInnerValue(props.value);
+      }
+    }, 1000);
+    return function () {
+      window.clearTimeout(timeout);
+    };
+  }, [props.value, innerValue]);
   var columns = (0, _useColumns.useColumns)(props.columns, innerValue);
   var generateValueExtend = (0, _usePickerValueExtend.usePickerValueExtend)(columns);
+  var handleSelect = (0, _react.useCallback)(function (val, index) {
+    setInnerValue(function (prev) {
+      var next = [].concat(prev);
+      next[index] = val;
+      return next;
+    });
+  }, []);
   return (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement("div", {
     className: "" + classPrefix
   }, columns.map(function (column, index) {
     return /*#__PURE__*/_react["default"].createElement(_column.Column, {
       key: index,
+      index: index,
       column: column,
       value: innerValue[index],
-      onSelect: function onSelect(val) {
-        var nextInnerValue = [].concat(innerValue);
-        nextInnerValue[index] = val;
-        setInnerValue(nextInnerValue);
-      }
+      onSelect: handleSelect
     });
   }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-mask " + classPrefix + "-mask-top"
+    className: classPrefix + "-mask"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: classPrefix + "-mask-top"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: classPrefix + "-mask-middle"
   }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-mask " + classPrefix + "-mask-bottom"
-  })));
+    className: classPrefix + "-mask-bottom"
+  }))));
 });
-exports.PickerView = PickerView;
+exports.PickerView = PickerView;
+PickerView.displayName = 'PickerView';

package/cjs/components/progress-bar/progress-bar.css

@@ -1,9 +1,11 @@
 .adm-progress-bar {
   --track-width: var(--adm-progress-bar-track-width, 3px);
+  --track-color: var(--adm-progress-bar-track-color, #e5e5e5);
   --fill-color: var(--adm-progress-bar-fill-color, #1677ff);
 }
 .adm-progress-bar-trail {
-  background: #e5e5e5;
+  background: var(--track-color);
+  overflow: hidden;
   height: var(--track-width);
   border-radius: var(--track-width);
 }

package/cjs/components/progress-bar/progress-bar.d.ts

@@ -2,5 +2,5 @@ import { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type ProgressBarProps = {
     percent?: number;
-} & NativeProps<'--track-width' | '--fill-color'>;
+} & NativeProps<'--track-width' | '--track-color' | '--fill-color'>;
 export declare const ProgressBar: FC<ProgressBarProps>;

package/cjs/components/rate/rate.css

@@ -14,6 +14,7 @@
   text-align: center;
   overflow: hidden;
   cursor: pointer;
+  box-sizing: border-box;
 }
 .adm-rate-star-half {
   padding-right: 0;

package/cjs/components/search-bar/search-bar.css

@@ -26,6 +26,7 @@
   flex: auto;
   padding: 4px 8px 4px 4px;
   height: 28px;
+  box-sizing: border-box;
 }
 .adm-search-bar .adm-search-bar-input-box .adm-search-bar-input.adm-input-wrapper {
   --placeholder-color: var(---placeholder-color);
@@ -34,6 +35,9 @@
   font-size: 13px;
   line-height: 19px;
 }
+.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input.adm-search-bar-input-without-icon {
+  padding-left: 8px;
+}
 .adm-search-bar .adm-search-bar-suffix {
   flex: none;
   margin-left: 16px;

package/cjs/components/search-bar/search-bar.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { InputRef, InputProps } from '../input';
 import { NativeProps } from '../../utils/native-props';
 export declare type SearchBarRef = InputRef;
@@ -10,6 +10,7 @@ export declare type SearchBarProps = Pick<InputProps, 'onFocus' | 'onBlur' | 'on
     clearable?: boolean;
     showCancelButton?: boolean | ((focus: boolean, value: string) => boolean);
     cancelText?: string;
+    icon?: ReactNode;
     clearOnCancel?: boolean;
     onSearch?: (val: string) => void;
     onChange?: (val: string) => void;
@@ -23,6 +24,7 @@ export declare const SearchBar: React.ForwardRefExoticComponent<Pick<InputProps,
     clearable?: boolean | undefined;
     showCancelButton?: boolean | ((focus: boolean, value: string) => boolean) | undefined;
     cancelText?: string | undefined;
+    icon?: ReactNode;
     clearOnCancel?: boolean | undefined;
     onSearch?: ((val: string) => void) | undefined;
     onChange?: ((val: string) => void) | undefined;

package/cjs/components/search-bar/search-bar.js

@@ -32,10 +32,11 @@ var defaultProps = {
   clearable: true,
   showCancelButton: false,
   defaultValue: '',
-  clearOnCancel: true
+  clearOnCancel: true,
+  icon: /*#__PURE__*/_react["default"].createElement(_antdMobileIcons.SearchOutline, null)
 };
 var SearchBar = /*#__PURE__*/(0, _react.forwardRef)(function (p, ref) {
-  var _classNames;
+  var _classNames, _classNames2;
 
   var _useConfig = (0, _configProvider.useConfig)(),
       locale = _useConfig.locale;
@@ -108,11 +109,11 @@ var SearchBar = /*#__PURE__*/(0, _react.forwardRef)(function (p, ref) {
     className: (0, _classnames["default"])(classPrefix, (_classNames = {}, _classNames[classPrefix + "-active"] = hasFocus, _classNames))
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: classPrefix + "-input-box"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, props.icon && /*#__PURE__*/_react["default"].createElement("div", {
     className: classPrefix + "-input-box-icon"
-  }, /*#__PURE__*/_react["default"].createElement(_antdMobileIcons.SearchOutline, null)), /*#__PURE__*/_react["default"].createElement(_input["default"], {
+  }, props.icon), /*#__PURE__*/_react["default"].createElement(_input["default"], {
     ref: inputRef,
-    className: classPrefix + "-input",
+    className: (0, _classnames["default"])(classPrefix + "-input", (_classNames2 = {}, _classNames2[classPrefix + "-input-without-icon"] = !props.icon, _classNames2)),
     value: value,
     onChange: setValue,
     maxLength: props.maxLength,

package/cjs/components/side-bar/side-bar.css

@@ -4,6 +4,7 @@
   --item-border-radius: 8px;
   width: var(--width);
   height: var(--height);
+  box-sizing: border-box;
   font-size: 15px;
   overflow-y: auto;
   transform: translateZ(0);
@@ -13,6 +14,7 @@
   display: flex;
   align-items: center;
   min-height: 50px;
+  box-sizing: border-box;
   padding: 6px 22px;
   position: relative;
   cursor: pointer;

package/cjs/components/swipe-action/swipe-action.css

@@ -14,7 +14,8 @@
   display: flex;
   justify-content: center;
   align-items: stretch;
-  width: fit-content;
+  width: auto;
+  white-space: nowrap;
 }
 .adm-swipe-action-actions-right {
   left: 100%;

package/cjs/components/switch/switch.css

@@ -5,6 +5,9 @@
 }
 .adm-switch {
   --checked-color: var(--adm-color-primary);
+  --height: 30px;
+  --width: 50px;
+  --border-width: 2px;
   display: inline-block;
   vertical-align: middle;
   box-sizing: border-box;
@@ -19,23 +22,23 @@
   display: none;
 }
 .adm-switch-checkbox {
-  min-width: 51px;
-  height: 31px;
+  min-width: var(--width);
+  height: var(--height);
   box-sizing: border-box;
   border-radius: 31px;
   background: #e5e5e5;
   z-index: 0;
   overflow: hidden;
-  line-height: 31px;
+  line-height: var(--height);
 }
 .adm-switch-checkbox:before {
   content: ' ';
   position: absolute;
-  left: 2px;
-  top: 2px;
-  width: calc(100% - 2 * 2px);
-  height: 27px;
-  border-radius: 27px;
+  left: var(--border-width);
+  top: var(--border-width);
+  width: calc(100% - 2 * var(--border-width));
+  height: calc(var(--height) - 2 * var(--border-width));
+  border-radius: calc(var(--height) - 2 * var(--border-width));
   box-sizing: border-box;
   background: #fff;
   z-index: 1;
@@ -46,21 +49,21 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  width: 27px;
-  height: 27px;
-  border-radius: 27px;
+  width: calc(var(--height) - 2 * var(--border-width));
+  height: calc(var(--height) - 2 * var(--border-width));
+  border-radius: calc(var(--height) - 2 * var(--border-width));
   background: #fff;
   position: absolute;
   z-index: 2;
-  top: 2px;
-  left: 2px;
+  top: var(--border-width);
+  left: var(--border-width);
   transition: all 200ms;
   box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2), 0 2px 11.5px 0 rgba(0, 0, 0, 0.08), -1px 2px 2px 0 rgba(0, 0, 0, 0.1);
 }
 .adm-switch-inner {
   position: relative;
   z-index: 1;
-  margin: 0 10px 0 34px;
+  margin: 0 10px 0 calc(var(--height) - var(--border-width) + 5px);
   color: var(--adm-color-weak);
   transition: margin 200ms;
 }
@@ -71,10 +74,10 @@
   transform: scale(0);
 }
 .adm-switch.adm-switch-checked .adm-switch-handle {
-  left: calc(100% - (31px - 2px));
+  left: calc(100% - (var(--height) - var(--border-width)));
 }
 .adm-switch.adm-switch-checked .adm-switch-inner {
-  margin: 0 34px 0 10px;
+  margin: 0 calc(var(--height) - var(--border-width) + 5px) 0 10px;
   color: var(--adm-color-white);
 }
 .adm-switch.adm-switch-disabled {

package/cjs/components/switch/switch.d.ts

@@ -9,5 +9,5 @@ export declare type SwitchProps = {
     onChange?: (checked: boolean) => void;
     checkedText?: ReactNode;
     uncheckedText?: ReactNode;
-} & NativeProps<'--checked-color'>;
+} & NativeProps<'--checked-color' | '--width' | '--height' | '--border-width'>;
 export declare const Switch: FC<SwitchProps>;

package/cjs/components/toast/index.d.ts

@@ -1,8 +1,9 @@
 import './toast.less';
-import { clear, show } from './methods';
+import { clear, show, config } from './methods';
 export type { ToastShowProps } from './methods';
 declare const Toast: {
     show: typeof show;
     clear: typeof clear;
+    config: typeof config;
 };
 export default Toast;

package/cjs/components/toast/index.js

@@ -11,7 +11,8 @@ var _methods = require("./methods");
 
 var Toast = {
   show: _methods.show,
-  clear: _methods.clear
+  clear: _methods.clear,
+  config: _methods.config
 };
 var _default = Toast;
 exports["default"] = _default;

package/cjs/components/toast/methods.d.ts

@@ -2,3 +2,4 @@ import { ToastProps } from './toast';
 export declare type ToastShowProps = Omit<ToastProps, 'visible'>;
 export declare function show(p: ToastShowProps | string): void;
 export declare function clear(): void;
+export declare function config(val: Pick<ToastProps, 'duration' | 'position' | 'maskClickable'>): void;

package/cjs/components/toast/methods.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.clear = clear;
+exports.config = config;
 exports.show = show;
 
 var _react = _interopRequireWildcard(require("react"));
@@ -33,7 +34,9 @@ function unmount(container) {
 }
 
 var defaultProps = {
-  duration: 2000
+  duration: 2000,
+  position: 'center',
+  maskClickable: true
 };
 
 function show(p) {
@@ -95,4 +98,18 @@ function clear() {
     if (!container) break;
     unmount(container);
   }
+}
+
+function config(val) {
+  if (val.duration !== undefined) {
+    defaultProps.duration = val.duration;
+  }
+
+  if (val.position !== undefined) {
+    defaultProps.position = val.position;
+  }
+
+  if (val.maskClickable !== undefined) {
+    defaultProps.maskClickable = val.maskClickable;
+  }
 }

package/cjs/components/toast/toast.css

@@ -2,7 +2,7 @@
   position: absolute;
   top: 50%;
   left: 50%;
-  width: fit-content;
+  width: auto;
   min-width: 96px;
   max-width: 70%;
   max-height: 70%;
@@ -15,6 +15,7 @@
   pointer-events: all;
   font-size: 15px;
   line-height: 1.5;
+  box-sizing: border-box;
 }
 .adm-toast-mask .adm-toast-wrap-text {
   padding: 12px;

package/cjs/components/tree-select/tree-select.css

@@ -24,6 +24,7 @@
   display: flex;
   align-items: center;
   min-height: 50px;
+  box-sizing: border-box;
   padding: 6px 12px;
   position: relative;
 }

package/cjs/components/virtual-input/virtual-input.js

@@ -53,9 +53,7 @@ var VirtualInput = /*#__PURE__*/(0, _react.forwardRef)(function (p, ref) {
 
     var content = contentRef.current;
     if (!content) return;
-    content.scrollTo({
-      left: content.clientWidth
-    });
+    content.scrollLeft = content.clientWidth;
   }
 
   (0, _react.useLayoutEffect)(function () {
@@ -111,9 +109,10 @@ var VirtualInput = /*#__PURE__*/(0, _react.forwardRef)(function (p, ref) {
     className: classPrefix + "-caret"
   }))), props.clearable && !!value && hasFocus && /*#__PURE__*/_react["default"].createElement("div", {
     className: classPrefix + "-clear",
-    onClick: function onClick() {
+    onClick: function onClick(e) {
       var _a;
 
+      e.stopPropagation();
       setValue('');
       (_a = props.onClear) === null || _a === void 0 ? void 0 : _a.call(props);
     }

package/cjs/global/global.css

@@ -21,9 +21,6 @@ body {
   font-size: var(--adm-font-size-main);
   font-family: var(--adm-font-family);
 }
-* {
-  box-sizing: border-box;
-}
 a,
 button {
   cursor: pointer;

package/cjs/index.d.ts

@@ -4,6 +4,7 @@ export { default as ActionSheet } from './components/action-sheet';
 export { default as AutoCenter } from './components/auto-center';
 export { default as Badge } from './components/badge';
 export { default as Button } from './components/button';
+export { default as CapsuleTabs } from './components/capsule-tabs';
 export { default as Card } from './components/card';
 export { default as CascadePicker } from './components/cascade-picker';
 export { default as CascadePickerView } from './components/cascade-picker-view';
@@ -15,13 +16,13 @@ export { default as Collapse } from './components/collapse';
 export { default as ConfigProvider } from './components/config-provider';
 export { default as DatePicker } from './components/date-picker';
 export { default as DatePickerView } from './components/date-picker-view';
-export { default as DesenseText } from './components/desense-text';
 export { default as Dialog } from './components/dialog';
 export { default as Divider } from './components/divider';
 export { default as Dropdown } from './components/dropdown';
 export { default as Ellipsis } from './components/ellipsis';
 export { default as Empty } from './components/empty';
 export { default as ErrorBlock } from './components/error-block';
+export { default as FloatingBubble } from './components/floating-bubble';
 export { default as FloatingPanel } from './components/floating-panel';
 export { default as Form } from './components/form';
 export { default as Grid } from './components/grid';
@@ -31,11 +32,14 @@ export { default as ImageViewer } from './components/image-viewer';
 export { default as IndexBar } from './components/index-bar';
 export { default as InfiniteScroll } from './components/infinite-scroll';
 export { default as Input } from './components/input';
+export { default as JumboTabs } from './components/jumbo-tabs';
 export { default as List } from './components/list';
 export { default as Loading } from './components/loading';
 export { default as Mask } from './components/mask';
+export { default as Modal } from './components/modal';
 export { default as NavBar } from './components/nav-bar';
 export { default as NoticeBar } from './components/notice-bar';
+export { default as NumberKeyboard } from './components/number-keyboard';
 export { default as PageIndicator } from './components/page-indicator';
 export { default as Picker } from './components/picker';
 export { default as PickerView } from './components/picker-view';
@@ -48,9 +52,11 @@ export { default as Radio } from './components/radio';
 export { default as Rate } from './components/rate';
 export { default as Result } from './components/result';
 export { default as SafeArea } from './components/safe-area';
-export { default as SearchBar } from './components/search-bar';
+export { default as ScrollMask } from './components/scroll-mask';
 export { default as Search } from './components/search-bar';
+export { default as SearchBar } from './components/search-bar';
 export { default as Selector } from './components/selector';
+export { default as SideBar } from './components/side-bar';
 export { default as Slider } from './components/slider';
 export { default as Space } from './components/space';
 export { default as Stepper } from './components//stepper';
@@ -60,15 +66,10 @@ export { default as Swiper } from './components/swiper';
 export { default as Switch } from './components/switch';
 export { default as TabBar } from './components/tab-bar';
 export { default as Tabs } from './components/tabs';
-export { default as CapsuleTabs } from './components/capsule-tabs';
-export { default as JumboTabs } from './components/jumbo-tabs';
 export { default as Tag } from './components/tag';
 export { default as TextArea } from './components/text-area';
 export { default as Toast } from './components/toast';
 export { default as TreeSelect } from './components/tree-select';
 export { default as VirtualInput } from './components/virtual-input';
 export { default as WaterMark } from './components/water-mark';
-export { default as NumberKeyboard } from './components/number-keyboard';
-export { default as SideBar } from './components/side-bar';
-export { default as ScrollMask } from './components/scroll-mask';
-export { default as FloatingBubble } from './components/floating-bubble';
+export { default as PasscodeInput } from './components/passcode-input';

package/cjs/index.js

@@ -99,12 +99,6 @@ Object.defineProperty(exports, "DatePickerView", {
     return _datePickerView["default"];
   }
 });
-Object.defineProperty(exports, "DesenseText", {
-  enumerable: true,
-  get: function get() {
-    return _desenseText["default"];
-  }
-});
 Object.defineProperty(exports, "Dialog", {
   enumerable: true,
   get: function get() {
@@ -225,6 +219,12 @@ Object.defineProperty(exports, "Mask", {
     return _mask["default"];
   }
 });
+Object.defineProperty(exports, "Modal", {
+  enumerable: true,
+  get: function get() {
+    return _modal["default"];
+  }
+});
 Object.defineProperty(exports, "NavBar", {
   enumerable: true,
   get: function get() {
@@ -249,6 +249,12 @@ Object.defineProperty(exports, "PageIndicator", {
     return _pageIndicator["default"];
   }
 });
+Object.defineProperty(exports, "PasscodeInput", {
+  enumerable: true,
+  get: function get() {
+    return _passcodeInput["default"];
+  }
+});
 Object.defineProperty(exports, "Picker", {
   enumerable: true,
   get: function get() {
@@ -454,6 +460,8 @@ var _badge = _interopRequireDefault(require("./components/badge"));
 
 var _button = _interopRequireDefault(require("./components/button"));
 
+var _capsuleTabs = _interopRequireDefault(require("./components/capsule-tabs"));
+
 var _card = _interopRequireDefault(require("./components/card"));
 
 var _cascadePicker = _interopRequireDefault(require("./components/cascade-picker"));
@@ -474,8 +482,6 @@ var _datePicker = _interopRequireDefault(require("./components/date-picker"));
 
 var _datePickerView = _interopRequireDefault(require("./components/date-picker-view"));
 
-var _desenseText = _interopRequireDefault(require("./components/desense-text"));
-
 var _dialog = _interopRequireDefault(require("./components/dialog"));
 
 var _divider = _interopRequireDefault(require("./components/divider"));
@@ -488,6 +494,8 @@ var _empty = _interopRequireDefault(require("./components/empty"));
 
 var _errorBlock = _interopRequireDefault(require("./components/error-block"));
 
+var _floatingBubble = _interopRequireDefault(require("./components/floating-bubble"));
+
 var _floatingPanel = _interopRequireDefault(require("./components/floating-panel"));
 
 var _form = _interopRequireDefault(require("./components/form"));
@@ -506,16 +514,22 @@ var _infiniteScroll = _interopRequireDefault(require("./components/infinite-scro
 
 var _input = _interopRequireDefault(require("./components/input"));
 
+var _jumboTabs = _interopRequireDefault(require("./components/jumbo-tabs"));
+
 var _list = _interopRequireDefault(require("./components/list"));
 
 var _loading = _interopRequireDefault(require("./components/loading"));
 
 var _mask = _interopRequireDefault(require("./components/mask"));
 
+var _modal = _interopRequireDefault(require("./components/modal"));
+
 var _navBar = _interopRequireDefault(require("./components/nav-bar"));
 
 var _noticeBar = _interopRequireDefault(require("./components/notice-bar"));
 
+var _numberKeyboard = _interopRequireDefault(require("./components/number-keyboard"));
+
 var _pageIndicator = _interopRequireDefault(require("./components/page-indicator"));
 
 var _picker = _interopRequireDefault(require("./components/picker"));
@@ -540,10 +554,14 @@ var _result = _interopRequireDefault(require("./components/result"));
 
 var _safeArea = _interopRequireDefault(require("./components/safe-area"));
 
+var _scrollMask = _interopRequireDefault(require("./components/scroll-mask"));
+
 var _searchBar = _interopRequireDefault(require("./components/search-bar"));
 
 var _selector = _interopRequireDefault(require("./components/selector"));
 
+var _sideBar = _interopRequireDefault(require("./components/side-bar"));
+
 var _slider = _interopRequireDefault(require("./components/slider"));
 
 var _space = _interopRequireDefault(require("./components/space"));
@@ -562,10 +580,6 @@ var _tabBar = _interopRequireDefault(require("./components/tab-bar"));
 
 var _tabs = _interopRequireDefault(require("./components/tabs"));
 
-var _capsuleTabs = _interopRequireDefault(require("./components/capsule-tabs"));
-
-var _jumboTabs = _interopRequireDefault(require("./components/jumbo-tabs"));
-
 var _tag = _interopRequireDefault(require("./components/tag"));
 
 var _textArea = _interopRequireDefault(require("./components/text-area"));
@@ -578,13 +592,7 @@ var _virtualInput = _interopRequireDefault(require("./components/virtual-input")
 
 var _waterMark = _interopRequireDefault(require("./components/water-mark"));
 
-var _numberKeyboard = _interopRequireDefault(require("./components/number-keyboard"));
-
-var _sideBar = _interopRequireDefault(require("./components/side-bar"));
-
-var _scrollMask = _interopRequireDefault(require("./components/scroll-mask"));
-
-var _floatingBubble = _interopRequireDefault(require("./components/floating-bubble"));
+var _passcodeInput = _interopRequireDefault(require("./components/passcode-input"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 

package/cjs/locales/base.d.ts

@@ -33,5 +33,8 @@ export declare const base: {
     Mask: {
         name: string;
     };
+    Modal: {
+        ok: string;
+    };
 };
 export declare type Locale = typeof base;

package/cjs/locales/base.js

@@ -38,6 +38,9 @@ var base = {
   },
   Mask: {
     name: 'Mask'
+  },
+  Modal: {
+    ok: 'OK'
   }
 };
 exports.base = base;

package/cjs/locales/en-US.d.ts

@@ -33,5 +33,8 @@ declare const enUS: {
     Mask: {
         name: string;
     };
+    Modal: {
+        ok: string;
+    };
 };
 export default enUS;

package/cjs/locales/zh-CN.d.ts

@@ -33,5 +33,8 @@ declare const zhCN: {
     Mask: {
         name: string;
     };
+    Modal: {
+        ok: string;
+    };
 };
 export default zhCN;

package/cjs/locales/zh-CN.js

@@ -43,6 +43,9 @@ var zhCN = (0, _mergeLocale.mergeLocale)(_base.base, {
   },
   Mask: {
     name: '遮罩层'
+  },
+  Modal: {
+    ok: '我知道了'
   }
 });
 var _default = zhCN;