antd-mobile 5.31.1 → 5.32.1

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

@@ -1,6 +1,6 @@
 .adm-notice-bar {
   --background-color: #ababab;
-  --border-color: #999999;
+  --border-color: var(--adm-color-weak);
   --text-color: var(--adm-color-text-light-solid);
   --font-size: var(--adm-font-size-7);
   --icon-font-size: var(--adm-font-size-10);
@@ -34,7 +34,7 @@
 .adm-notice-bar.adm-notice-bar-info {
   --background-color: #d0e4ff;
   --border-color: #bcd8ff;
-  --text-color: #1677ff;
+  --text-color: var(--adm-color-primary);
 }
 .adm-notice-bar .adm-notice-bar-left {
   flex-shrink: 0;

package/cjs/components/number-keyboard/number-keyboard.css

@@ -73,9 +73,9 @@
   left: 50%;
   width: 100%;
   height: 100%;
-  background-color: #000;
+  background-color: var(--adm-color-text-dark-solid);
   border: inherit;
-  border-color: #000;
+  border-color: var(--adm-color-text-dark-solid);
   border-radius: inherit;
   transform: translate(-50%, -50%);
   opacity: 0;

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

@@ -78,17 +78,66 @@ const Wheel = (0, _react.memo)(props => {
     if (!item) return;
     onSelect(item.value);
   }
+  const handleGestureState = state => {
+    const {
+      direction: [, direction],
+      distance: [, distance],
+      velocity: [, velocity],
+      offset: [, offset],
+      last
+    } = state;
+    return {
+      direction,
+      distance,
+      velocity,
+      offset,
+      last
+    };
+  };
   const handleDrag = state => {
     draggingRef.current = true;
     const min = -((column.length - 1) * itemHeight.current);
     const max = 0;
-    if (state.last) {
+    const {
+      direction,
+      last,
+      velocity,
+      offset
+    } = handleGestureState(state);
+    if (last) {
+      draggingRef.current = false;
+      const position = offset + velocity * direction * 50;
+      const boundNum = (0, _bound.bound)(position, min, max);
+      const targetIndex = -Math.round(boundNum / itemHeight.current);
+      scrollSelect(targetIndex);
+    } else {
+      const position = offset;
+      api.start({
+        y: (0, _rubberband.rubberbandIfOutOfBounds)(position, min, max, itemHeight.current * 50, 0.2)
+      });
+    }
+  };
+  const handleWheel = state => {
+    draggingRef.current = true;
+    const min = -((column.length - 1) * itemHeight.current);
+    const max = 0;
+    const {
+      direction,
+      last,
+      velocity,
+      distance
+    } = handleGestureState(state);
+    const whellDir = -direction; // 取反
+    const scrollY = y.get();
+    if (last) {
       draggingRef.current = false;
-      const position = state.offset[1] + state.velocity[1] * state.direction[1] * 50;
-      const targetIndex = min < max ? -Math.round((0, _bound.bound)(position, min, max) / itemHeight.current) : 0;
+      const speed = velocity * whellDir * 50;
+      const position = scrollY + distance * whellDir + speed;
+      const boundNum = (0, _bound.bound)(position, min, max);
+      const targetIndex = -Math.round(boundNum / itemHeight.current);
       scrollSelect(targetIndex);
     } else {
-      const position = state.offset[1];
+      const position = scrollY + distance * whellDir;
       api.start({
         y: (0, _rubberband.rubberbandIfOutOfBounds)(position, min, max, itemHeight.current * 50, 0.2)
       });
@@ -108,15 +157,15 @@ const Wheel = (0, _react.memo)(props => {
   });
   (0, _react2.useWheel)(state => {
     state.event.stopPropagation();
-    handleDrag(state);
+    handleWheel(state);
   }, {
+    target: props.mouseWheel ? rootRef : undefined,
     axis: 'y',
     from: () => [0, y.get()],
     preventDefault: true,
-    target: props.mouseWheel ? rootRef : undefined,
     eventOptions: _supportsPassive.supportsPassive ? {
       passive: false
-    } : false
+    } : undefined
   });
   let selectedIndex = null;
   function renderAccessible() {
@@ -129,13 +178,13 @@ const Wheel = (0, _react.memo)(props => {
     const previous = column[previousIndex];
     const next = column[nextIndex];
     return _react.default.createElement("div", {
-      className: 'adm-picker-view-column-accessible'
+      className: `${classPrefix}-column-accessible`
     }, _react.default.createElement("div", {
-      className: 'adm-picker-view-column-accessible-current',
+      className: `${classPrefix}-column-accessible-current`,
       role: 'button',
       "aria-label": current ? `当前选择的是：${current.label}` : '当前未选择'
     }, "-"), _react.default.createElement("div", {
-      className: 'adm-picker-view-column-accessible-button',
+      className: `${classPrefix}-column-accessible-button`,
       onClick: () => {
         if (!previous) return;
         scrollSelect(previousIndex);
@@ -143,7 +192,7 @@ const Wheel = (0, _react.memo)(props => {
       role: previous ? 'button' : 'text',
       "aria-label": !previous ? '没有上一项' : `选择上一项：${previous.label}`
     }, "-"), _react.default.createElement("div", {
-      className: 'adm-picker-view-column-accessible-button',
+      className: `${classPrefix}-column-accessible-button`,
       onClick: () => {
         if (!next) return;
         scrollSelect(nextIndex);
@@ -189,9 +238,7 @@ const Wheel = (0, _react.memo)(props => {
   if (prev.onSelect !== next.onSelect) return false;
   if (prev.renderLabel !== next.renderLabel) return false;
   if (prev.mouseWheel !== next.mouseWheel) return false;
-  if (!(0, _isEqual.default)(prev.column, next.column)) {
-    return false;
-  }
+  if (!(0, _isEqual.default)(prev.column, next.column)) return false;
   return true;
 });
 exports.Wheel = Wheel;

package/cjs/components/popover/popover-menu.css

@@ -1,5 +1,5 @@
 .adm-popover-menu {
-  --border-color: #eeeeee;
+  --border-color: var(--adm-color-border);
 }
 .adm-popover-menu.adm-popover {
   --content-padding: 0;
@@ -47,6 +47,6 @@
   border-bottom: solid 1px var(--border-color);
 }
 .adm-popover.adm-popover-dark.adm-popover-menu {
-  --border-color: #333333;
+  --border-color: var(--adm-color-text);
   --background: rgba(0, 0, 0, 0.9);
 }

package/cjs/components/popover/popover.js

@@ -40,13 +40,11 @@ const Popover = (0, _react.forwardRef)((p, ref) => {
     defaultValue: props.defaultVisible,
     onChange: props.onVisibleChange
   });
-  (0, _react.useImperativeHandle)(ref, () => {
-    return {
-      show: () => setVisible(true),
-      hide: () => setVisible(false),
-      visible
-    };
-  }, [visible]);
+  (0, _react.useImperativeHandle)(ref, () => ({
+    show: () => setVisible(true),
+    hide: () => setVisible(false),
+    visible
+  }), [visible]);
   const targetRef = (0, _react.useRef)(null);
   const floatingRef = (0, _react.useRef)(null);
   const arrowRef = (0, _react.useRef)(null);

package/cjs/components/popup/popup.js

@@ -30,18 +30,18 @@ const defaultProps = Object.assign(Object.assign({}, _popupBaseProps.defaultPopu
 });
 const Popup = p => {
   const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const bodyCls = (0, _classnames.default)(`${classPrefix}-body`, props.bodyClassName, `${classPrefix}-body-position-${props.position}`);
   const {
     locale
   } = (0, _configProvider.useConfig)();
-  const bodyCls = (0, _classnames.default)(`${classPrefix}-body`, props.bodyClassName, `${classPrefix}-body-position-${props.position}`);
   const [active, setActive] = (0, _react.useState)(props.visible);
+  const ref = (0, _react.useRef)(null);
+  (0, _useLockScroll.useLockScroll)(ref, props.disableBodyScroll && active ? 'strict' : false);
   (0, _ahooks.useIsomorphicLayoutEffect)(() => {
     if (props.visible) {
       setActive(true);
     }
   }, [props.visible]);
-  const ref = (0, _react.useRef)(null);
-  (0, _useLockScroll.useLockScroll)(ref, props.disableBodyScroll && active ? 'strict' : false);
   const unmountedRef = (0, _ahooks.useUnmountedRef)();
   const {
     percent

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

@@ -21,7 +21,7 @@
   flex: none;
   width: calc(var(--text-width) + 8px);
   padding-left: 8px;
-  color: #999999;
+  color: var(--adm-color-weak);
 }
 .adm-progress-bar-rounded .adm-progress-bar-trail,
 .adm-progress-bar-rounded .adm-progress-bar-fill {

package/cjs/components/pull-to-refresh/pull-to-refresh.js

@@ -149,7 +149,7 @@ const PullToRefresh = p => {
     enabled: !props.disabled,
     eventOptions: _supportsPassive.supportsPassive ? {
       passive: false
-    } : false
+    } : undefined
   });
   const renderStatusText = () => {
     var _a;

package/cjs/components/radio/radio.d.ts

@@ -11,5 +11,6 @@ export declare type RadioProps = {
     id?: string;
     icon?: (checked: boolean) => React.ReactNode;
     children?: React.ReactNode;
+    onClick?: (event: React.MouseEvent<HTMLLabelElement, MouseEvent>) => void;
 } & NativeProps<'--icon-size' | '--font-size' | '--gap'>;
 export declare const Radio: FC<RadioProps>;

package/cjs/components/radio/radio.js

@@ -65,6 +65,7 @@ const Radio = p => {
     }, checked && _react.default.createElement(_checkIcon.CheckIcon, null));
   };
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("label", {
+    onClick: props.onClick,
     className: (0, _classnames.default)(classPrefix, {
       [`${classPrefix}-checked`]: checked,
       [`${classPrefix}-disabled`]: disabled,

package/cjs/components/rate/rate.d.ts

@@ -9,5 +9,5 @@ export declare type RateProps = {
     readOnly?: boolean;
     value?: number;
     onChange?: (value: number) => void;
-} & NativeProps<'--star-size' | '--active-color' | '--inactive-color'>;
+} & NativeProps<'--star-size' | '--active-color' | '--inactive-color' | '--inactive-color-half'>;
 export declare const Rate: FC<RateProps>;

package/cjs/components/rate/star.d.ts

@@ -1,2 +1,2 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 export declare const Star: FC;

package/cjs/components/result/result.js

@@ -37,8 +37,8 @@ const Result = p => {
     className: `${classPrefix}-icon`
   }, resultIcon), _react.default.createElement("div", {
     className: `${classPrefix}-title`
-  }, title), description ? _react.default.createElement("div", {
+  }, title), !!description && _react.default.createElement("div", {
     className: `${classPrefix}-description`
-  }, description) : null));
+  }, description)));
 };
 exports.Result = Result;

package/cjs/components/safe-area/safe-area.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type SafeAreaProps = {
     position: 'top' | 'bottom';

package/cjs/components/safe-area/safe-area.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SafeArea = void 0;
-var _nativeProps = require("../../utils/native-props");
 var _react = _interopRequireDefault(require("react"));
+var _nativeProps = require("../../utils/native-props");
 var _classnames = _interopRequireDefault(require("classnames"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const classPrefix = 'adm-safe-area';

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

@@ -1,5 +1,4 @@
-import { FC, ReactNode } from 'react';
-import React from 'react';
+import React, { FC, ReactNode } from 'react';
 import { BadgeProps } from '../badge';
 import { NativeProps } from '../../utils/native-props';
 export declare type SideBarItemProps = {

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SideBarItem = exports.SideBar = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _badge = _interopRequireDefault(require("../badge"));
 var _nativeProps = require("../../utils/native-props");
@@ -12,6 +12,8 @@ var _usePropsValue = require("../../utils/use-props-value");
 var _corner = require("./corner");
 var _traverseReactNode = require("../../utils/traverse-react-node");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const classPrefix = `adm-side-bar`;
 /* istanbul ignore next */
 const SideBarItem = () => {
@@ -23,7 +25,7 @@ const SideBar = props => {
   let firstActiveKey = null;
   const items = [];
   (0, _traverseReactNode.traverseReactNode)(props.children, (child, index) => {
-    if (!_react.default.isValidElement(child)) return;
+    if (!(0, _react.isValidElement)(child)) return;
     const key = child.key;
     if (typeof key !== 'string') return;
     if (index === 0) {

package/cjs/components/skeleton/skeleton.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type SkeletonProps = {
     animated?: boolean;

package/cjs/components/stepper/stepper.js

@@ -74,11 +74,7 @@ function InnerStepper(p, ref) {
   };
   const formatValue = value => {
     if (value === null) return '';
-    if (formatter) {
-      return formatter(value);
-    } else {
-      return fixedValue(value);
-    }
+    return formatter ? formatter(value) : fixedValue(value);
   };
   // ======================== Value & InputValue ========================
   const [mergedValue, setMergedValue] = (0, _useMergedState.default)(defaultValue, {

package/cjs/components/steps/steps.js

@@ -32,14 +32,14 @@ const Steps = p => {
     if (!_react.default.isValidElement(child)) {
       return child;
     }
-    const props = child.props;
-    let status = props.status || 'wait';
+    const childProps = child.props;
+    let status = childProps.status || 'wait';
     if (index < current) {
-      status = props.status || 'finish';
+      status = childProps.status || 'finish';
     } else if (index === current) {
-      status = props.status || 'process';
+      status = childProps.status || 'process';
     }
-    const icon = (_a = props.icon) !== null && _a !== void 0 ? _a : defaultIcon;
+    const icon = (_a = childProps.icon) !== null && _a !== void 0 ? _a : defaultIcon;
     return _react.default.cloneElement(child, {
       status,
       icon

package/cjs/components/swipe-action/swipe-action.d.ts

@@ -1,9 +1,10 @@
 import React, { ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { PropagationEvent } from '../../utils/with-stop-propagation';
+declare type SideType = 'left' | 'right';
 export declare type SwipeActionRef = {
     close: () => void;
-    show: (side?: 'left' | 'right') => void;
+    show: (side?: SideType) => void;
 };
 declare type ActionColor = 'light' | 'weak' | 'primary' | 'success' | 'warning' | 'danger';
 export declare type Action = {
@@ -20,7 +21,7 @@ export declare type SwipeActionProps = {
     closeOnAction?: boolean;
     children: ReactNode;
     stopPropagation?: PropagationEvent[];
-    onActionsReveal?: (side: 'left' | 'right') => void;
+    onActionsReveal?: (side: SideType) => void;
 } & NativeProps<'--background'>;
 export declare const SwipeAction: React.ForwardRefExoticComponent<{
     rightActions?: Action[] | undefined;
@@ -30,7 +31,7 @@ export declare const SwipeAction: React.ForwardRefExoticComponent<{
     closeOnAction?: boolean | undefined;
     children: ReactNode;
     stopPropagation?: "click"[] | undefined;
-    onActionsReveal?: ((side: 'left' | 'right') => void) | undefined;
+    onActionsReveal?: ((side: SideType) => void) | undefined;
 } & {
     className?: string | undefined;
     style?: (React.CSSProperties & Partial<Record<"--background", string>>) | undefined;

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

@@ -1,5 +1,4 @@
-import { FC, ReactNode } from 'react';
-import React from 'react';
+import React, { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { BadgeProps } from '../badge';
 export declare type TabBarItemProps = {

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TabBarItem = exports.TabBar = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _nativeProps = require("../../utils/native-props");
 var _withDefaultProps = require("../../utils/with-default-props");
@@ -13,6 +13,8 @@ var _safeArea = _interopRequireDefault(require("../safe-area"));
 var _usePropsValue = require("../../utils/use-props-value");
 var _traverseReactNode = require("../../utils/traverse-react-node");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /* istanbul ignore next */
 const TabBarItem = () => {
   return null;
@@ -28,7 +30,7 @@ const TabBar = p => {
   let firstActiveKey = null;
   const items = [];
   (0, _traverseReactNode.traverseReactNode)(props.children, (child, index) => {
-    if (!_react.default.isValidElement(child)) return;
+    if (!(0, _react.isValidElement)(child)) return;
     const key = child.key;
     if (typeof key !== 'string') return;
     if (index === 0) {

package/cjs/components/tabs/tabs.js

@@ -38,7 +38,7 @@ const Tabs = p => {
   let firstActiveKey = null;
   const panes = [];
   (0, _traverseReactNode.traverseReactNode)(props.children, (child, index) => {
-    if (!_react.default.isValidElement(child)) return;
+    if (!(0, _react.isValidElement)(child)) return;
     const key = child.key;
     if (typeof key !== 'string') return;
     if (index === 0) {

package/cjs/components/tag/tag.js

@@ -11,7 +11,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const classPrefix = `adm-tag`;
 const colorRecord = {
-  default: '#666666',
+  default: 'var(--adm-color-text-secondary, #666666)',
   primary: 'var(--adm-color-primary, #1677ff)',
   success: 'var(--adm-color-success, #00b578)',
   warning: 'var(--adm-color-warning, #ff8f1f)',

package/cjs/components/text-area/text-area.css

@@ -5,6 +5,7 @@
   --disabled-color: var(--adm-color-weak);
   --text-align: left;
   --count-text-align: right;
+  position: relative;
   width: 100%;
   max-width: 100%;
   max-height: 100%;

package/cjs/components/text-area/text-area.js

@@ -86,12 +86,21 @@ const TextArea = (0, _react.forwardRef)((p, ref) => {
       className: `${classPrefix}-count`
     }, maxLength === undefined ? valueLength : valueLength + '/' + maxLength);
   }
+  let rows = props.rows;
+  if (typeof autoSize === 'object') {
+    if (autoSize.maxRows && rows > autoSize.maxRows) {
+      rows = autoSize.maxRows;
+    }
+    if (autoSize.minRows && rows < autoSize.minRows) {
+      rows = autoSize.minRows;
+    }
+  }
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
     className: classPrefix
   }, _react.default.createElement("textarea", {
     ref: nativeTextAreaRef,
     className: `${classPrefix}-element`,
-    rows: props.rows,
+    rows: rows,
     value: value,
     placeholder: props.placeholder,
     onChange: e => {
@@ -128,7 +137,7 @@ const TextArea = (0, _react.forwardRef)((p, ref) => {
     ref: hiddenTextAreaRef,
     className: `${classPrefix}-element ${classPrefix}-element-hidden`,
     value: value,
-    rows: props.rows,
+    rows: rows,
     "aria-hidden": true,
     readOnly: true
   })));

package/cjs/components/toast/toast.css

@@ -4,13 +4,13 @@
   left: 0;
   width: 100%;
   height: 100%;
+  text-align: center;
 }
 .adm-toast-mask .adm-toast-main {
   display: inline-block;
   position: relative;
   top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
+  transform: translateY(-50%);
   width: auto;
   max-width: 204px;
   max-height: 70%;

package/cjs/components/tree-select/multiple.js

@@ -233,13 +233,9 @@ const Multiple = p => {
     }
     const isLeaf = deep === index + 1;
     if (isLeaf) {
-      return _react.default.createElement(_react.default.Fragment, null, renderSelectAllLeafItem(columnOptions, index), columnOptions.map(option => {
-        return renderLeafItem(option);
-      }));
+      return _react.default.createElement(_react.default.Fragment, null, renderSelectAllLeafItem(columnOptions, index), columnOptions.map(option => renderLeafItem(option)));
     }
-    return _react.default.createElement(_react.default.Fragment, null, renderSelectAllItem(columnOptions, index), columnOptions.map(option => {
-      return renderItem(option);
-    }));
+    return _react.default.createElement(_react.default.Fragment, null, renderSelectAllItem(columnOptions, index), columnOptions.map(option => renderItem(option)));
   };
   const renderColumns = () => {
     var _a;

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

@@ -115,7 +115,7 @@ const VirtualInput = (0, _react.forwardRef)((p, ref) => {
     },
     role: 'button',
     "aria-label": locale.Input.clear
-  }, _react.default.createElement(_antdMobileIcons.CloseCircleFill, null)), !value && _react.default.createElement("div", {
+  }, _react.default.createElement(_antdMobileIcons.CloseCircleFill, null)), [undefined, null, ''].includes(value) && _react.default.createElement("div", {
     className: `${classPrefix}-placeholder`
   }, props.placeholder), keyboardElement));
 });

package/cjs/components/water-mark/water-mark.js

@@ -18,7 +18,7 @@ const defaultProps = {
 const WaterMark = p => {
   const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
   const {
-    zIndex = 2000,
+    zIndex,
     gapX = 24,
     gapY = 48,
     width = 120,

package/cjs/locales/base.d.ts

@@ -8,7 +8,7 @@ export declare const base: {
     };
     Calendar: {
         markItems: string[];
-        renderYearAndMonth: (year: number, month: number) => string;
+        yearAndMonth: string;
     };
     Cascader: {
         placeholder: string;

package/cjs/locales/base.js

@@ -15,7 +15,7 @@ const base = {
   },
   Calendar: {
     markItems: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
-    renderYearAndMonth: (year, month) => `${year}/${month}`
+    yearAndMonth: '${year}/${month}'
   },
   Cascader: {
     placeholder: 'Selecting'

package/cjs/locales/da-DK.d.ts

@@ -8,7 +8,7 @@ declare const daDK: {
     };
     Calendar: {
         markItems: string[];
-        renderYearAndMonth: (year: number, month: number) => string;
+        yearAndMonth: string;
     };
     Cascader: {
         placeholder: string;

package/cjs/locales/da-DK.js

@@ -17,7 +17,7 @@ const daDK = (0, _mergeLocale.mergeLocale)(_base.base, {
   },
   Calendar: {
     markItems: ['ma', 'ti', 'on', 'to', 'fr', 'lø', 'sø'],
-    renderYearAndMonth: (year, month) => `${month}.${year}`
+    yearAndMonth: '${month}.${year}'
   },
   Cascader: {
     placeholder: 'Vælger'

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

@@ -8,7 +8,7 @@ declare const enUS: {
     };
     Calendar: {
         markItems: string[];
-        renderYearAndMonth: (year: number, month: number) => string;
+        yearAndMonth: string;
     };
     Cascader: {
         placeholder: string;

package/cjs/locales/es-ES.d.ts

@@ -8,7 +8,7 @@ declare const esES: {
     };
     Calendar: {
         markItems: string[];
-        renderYearAndMonth: (year: number, month: number) => string;
+        yearAndMonth: string;
     };
     Cascader: {
         placeholder: string;

package/cjs/locales/es-ES.js

@@ -16,7 +16,7 @@ const esES = (0, _mergeLocale.mergeLocale)(_base.base, {
   },
   Calendar: {
     markItems: ['Lun', 'Mar', 'Mie', 'Jue', 'Vie', 'Sab', 'Dom'],
-    renderYearAndMonth: (year, month) => `${year}/${month}`
+    yearAndMonth: '${year}/${month}'
   },
   Cascader: {
     placeholder: 'Seleccionando'

package/cjs/locales/fa-IR.d.ts

@@ -8,7 +8,7 @@ declare const faIR: {
     };
     Calendar: {
         markItems: string[];
-        renderYearAndMonth: (year: number, month: number) => string;
+        yearAndMonth: string;
     };
     Cascader: {
         placeholder: string;