antd-mobile 5.32.0 → 5.32.2

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/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.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/tree-select.css

@@ -17,7 +17,7 @@
 }
 .adm-tree-select-column:nth-child(2),
 .adm-tree-select-multiple-column:nth-child(2) {
-  background-color: #fafafa;
+  background-color: var(--adm-color-box);
 }
 .adm-tree-select-item,
 .adm-tree-select-multiple-item {

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/global/global.css

@@ -16,12 +16,16 @@
   --adm-color-success: #00b578;
   --adm-color-warning: #ff8f1f;
   --adm-color-danger: #ff3141;
+  --adm-color-yellow: #ff9f18;
+  --adm-color-orange: #ff6430;
+  --adm-color-wathet: #e7f1ff;
   --adm-color-text: #333333;
   --adm-color-text-secondary: #666666;
   --adm-color-weak: #999999;
   --adm-color-light: #cccccc;
   --adm-color-border: #eeeeee;
   --adm-color-background: #ffffff;
+  --adm-color-highlight: var(--adm-color-danger);
   --adm-color-white: #ffffff;
   --adm-color-box: #f5f5f5;
   --adm-color-text-light-solid: var(--adm-color-white);
@@ -38,6 +42,9 @@ html[data-prefers-color-scheme='dark'] {
   --adm-color-success: #34b368;
   --adm-color-warning: #ffa930;
   --adm-color-danger: #ff4a58;
+  --adm-color-yellow: #ffa930;
+  --adm-color-orange: #e65a2b;
+  --adm-color-wathet: #0d2543;
   --adm-color-text: #e6e6e6;
   --adm-color-text-secondary: #b3b3b3;
   --adm-color-weak: #808080;
@@ -54,6 +61,7 @@ body {
   color: var(--adm-color-text);
   font-size: var(--adm-font-size-main);
   font-family: var(--adm-font-family);
+  background-color: var(--adm-color-background);
 }
 a,
 button {

package/cjs/global/theme-dark.css

@@ -3,6 +3,9 @@ html[data-prefers-color-scheme='dark'] {
   --adm-color-success: #34b368;
   --adm-color-warning: #ffa930;
   --adm-color-danger: #ff4a58;
+  --adm-color-yellow: #ffa930;
+  --adm-color-orange: #e65a2b;
+  --adm-color-wathet: #0d2543;
   --adm-color-text: #e6e6e6;
   --adm-color-text-secondary: #b3b3b3;
   --adm-color-weak: #808080;

package/cjs/global/theme-default.css

@@ -16,12 +16,16 @@
   --adm-color-success: #00b578;
   --adm-color-warning: #ff8f1f;
   --adm-color-danger: #ff3141;
+  --adm-color-yellow: #ff9f18;
+  --adm-color-orange: #ff6430;
+  --adm-color-wathet: #e7f1ff;
   --adm-color-text: #333333;
   --adm-color-text-secondary: #666666;
   --adm-color-weak: #999999;
   --adm-color-light: #cccccc;
   --adm-color-border: #eeeeee;
   --adm-color-background: #ffffff;
+  --adm-color-highlight: var(--adm-color-danger);
   --adm-color-white: #ffffff;
   --adm-color-box: #f5f5f5;
   --adm-color-text-light-solid: var(--adm-color-white);

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;

package/cjs/locales/fa-IR.js

@@ -15,7 +15,7 @@ const faIR = (0, _mergeLocale.mergeLocale)(_base.base, {
   },
   Calendar: {
     markItems: ['شنبه', 'یک‌شنبه', 'دو‌شنبه', 'سه‌شنبه', 'چهار‌شنبه', 'پنج‌نشبه', 'جمعه'],
-    renderYearAndMonth: (year, month) => `${year}/${month}`
+    yearAndMonth: '${year}/${month}'
   },
   Cascader: {
     placeholder: 'انتخاب کنید'

package/cjs/locales/fr-FR.d.ts

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

package/cjs/locales/fr-FR.js

@@ -16,7 +16,7 @@ const frFR = (0, _mergeLocale.mergeLocale)(_base.base, {
   },
   Calendar: {
     markItems: ['un', 'deux', 'trois', 'quatre', 'cinq', 'six', 'sept'],
-    renderYearAndMonth: (year, month) => `${year}Année ${month}Mois`
+    yearAndMonth: '${year}Année ${month}Mois'
   },
   Cascader: {
     placeholder: 'Veuillez sélectionner'

package/cjs/locales/id-ID.d.ts

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

package/cjs/locales/id-ID.js

@@ -16,7 +16,7 @@ const idID = (0, _mergeLocale.mergeLocale)(_base.base, {
   },
   Calendar: {
     markItems: ['Senin', 'Selasa', 'Rabu', 'Kamis', 'Jumat', 'Sabtu', 'Minggu'],
-    renderYearAndMonth: (year, month) => `${year} Tahun ${month} Bulan`
+    yearAndMonth: '${year} Tahun ${month} Bulan'
   },
   Cascader: {
     placeholder: 'Silahkan Pilih'

package/cjs/locales/it-IT.d.ts

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

package/cjs/locales/it-IT.js

@@ -17,7 +17,7 @@ const itIT = (0, _mergeLocale.mergeLocale)(_base.base, {
   },
   Calendar: {
     markItems: ['lun', 'mar', 'mer', 'gio', 'ven', 'sab', 'dom'],
-    renderYearAndMonth: (year, month) => `${month}/${year}`
+    yearAndMonth: '${month}/${year}'
   },
   Cascader: {
     placeholder: 'Si prega di selezionare'

package/cjs/locales/ja-JP.d.ts

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

package/cjs/locales/ja-JP.js

@@ -16,7 +16,7 @@ const jaJP = (0, _mergeLocale.mergeLocale)(_base.base, {
   },
   Calendar: {
     markItems: ['月', '火', '水', '木', '金', '土', '日'],
-    renderYearAndMonth: (year, month) => ` ${year}年${month}月`
+    yearAndMonth: '${year}年${month}月'
   },
   Cascader: {
     placeholder: '選択下さい'

package/cjs/locales/kk-KZ.d.ts

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

package/cjs/locales/kk-KZ.js

@@ -16,7 +16,7 @@ const kkKZ = (0, _mergeLocale.mergeLocale)(_base.base, {
   },
   Calendar: {
     markItems: ['Дү', 'Се', 'Сә', 'Бе', 'Жұ', 'Се', 'Же'],
-    renderYearAndMonth: (year, month) => `${year}жыл${month}-ші ай`
+    yearAndMonth: '${year}жыл${month}-ші ай'
   },
   Cascader: {
     placeholder: 'Таңдаңыз'

package/cjs/locales/ko-KR.d.ts

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

package/cjs/locales/ko-KR.js

@@ -17,7 +17,7 @@ const koKR = (0, _mergeLocale.mergeLocale)(_base.base, {
   },
   Calendar: {
     markItems: ['월', '화', '수', '목', '금', '토', '일'],
-    renderYearAndMonth: (year, month) => `${year}년 ${month}월`
+    yearAndMonth: '${year}년 ${month}월'
   },
   Cascader: {
     placeholder: '선택됨'

package/cjs/locales/nb-NO.d.ts

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

package/cjs/locales/nb-NO.js

@@ -17,7 +17,7 @@ const nbNO = (0, _mergeLocale.mergeLocale)(_base.base, {
   },
   Calendar: {
     markItems: ['Man', 'Tir', 'Ons', 'Tor', 'Fre', 'Lør', 'Søn'],
-    renderYearAndMonth: (year, month) => `${month}.${year}`
+    yearAndMonth: '${month}.${year}'
   },
   Cascader: {
     placeholder: 'Velg'

package/cjs/locales/nl-NL.d.ts

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

package/cjs/locales/nl-NL.js

@@ -17,7 +17,7 @@ const nlNL = (0, _mergeLocale.mergeLocale)(_base.base, {
   },
   Calendar: {
     markItems: ['Ma', 'Di', 'Wo', 'Do', 'Vr', 'Za', 'Zo'],
-    renderYearAndMonth: (year, month) => `${month}-${year}`
+    yearAndMonth: '${month}-${year}'
   },
   Cascader: {
     placeholder: 'Selecteren'

package/cjs/locales/ru-RU.d.ts

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

package/cjs/locales/ru-RU.js

@@ -17,7 +17,7 @@ const ruRU = (0, _mergeLocale.mergeLocale)(_base.base, {
   },
   Calendar: {
     markItems: ['Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб', 'Вс'],
-    renderYearAndMonth: (year, month) => `${year}/${month}`
+    yearAndMonth: '${year}/${month}'
   },
   Cascader: {
     placeholder: 'Выбор'

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

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

package/cjs/locales/zh-CN.js

@@ -17,7 +17,7 @@ const zhCN = (0, _mergeLocale.mergeLocale)(_base.base, {
   },
   Calendar: {
     markItems: ['一', '二', '三', '四', '五', '六', '日'],
-    renderYearAndMonth: (year, month) => `${year}年${month}月`
+    yearAndMonth: '${year}年${month}月'
   },
   Cascader: {
     placeholder: '请选择'

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

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

package/cjs/locales/zh-HK.js

@@ -17,7 +17,7 @@ const zhHK = (0, _mergeLocale.mergeLocale)(_base.base, {
   },
   Calendar: {
     markItems: ['一', '二', '三', '四', '五', '六', '日'],
-    renderYearAndMonth: (year, month) => `${year}年${month}月`
+    yearAndMonth: '${year}年${month}月'
   },
   Cascader: {
     placeholder: '請選擇'

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

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

package/cjs/locales/zh-TW.js

@@ -17,7 +17,7 @@ const zhTW = (0, _mergeLocale.mergeLocale)(_base.base, {
   },
   Calendar: {
     markItems: ['一', '二', '三', '四', '五', '六', '日'],
-    renderYearAndMonth: (year, month) => `${year}年${month}月`
+    yearAndMonth: '${year}年${month}月'
   },
   Cascader: {
     placeholder: '請選擇'

package/cjs/utils/replace-message.d.ts

@@ -0,0 +1 @@
+export declare function replaceMessage(template: string, kv: Record<string, string>): string;

package/cjs/utils/replace-message.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.replaceMessage = replaceMessage;
+// 移植自 field-form https://github.com/react-component/field-form/blob/master/src/utils/validateUtil.ts#L21
+function replaceMessage(template, kv) {
+  return template.replace(/\$\{\w+\}/g, str => {
+    const key = str.slice(2, -1);
+    return kv[key];
+  });
+}

package/cjs/utils/use-lock-scroll.js

@@ -41,14 +41,18 @@ function useLockScroll(rootRef, shouldLock) {
       offsetHeight,
       scrollTop
     } = el;
+    const {
+      height
+    } = el.getBoundingClientRect();
     let status = '11';
     if (scrollTop === 0) {
       status = offsetHeight >= scrollHeight ? '00' : '01';
-    } else if (scrollTop + offsetHeight >= scrollHeight) {
+    } else if (scrollHeight <= Math.round(height + scrollTop)) {
       status = '10';
     }
     if (status !== '11' && touch.isVertical() && !(parseInt(status, 2) & parseInt(direction, 2))) {
-      if (event.cancelable) {
+      if (event.cancelable && _supportsPassive.supportsPassive) {
+        // https://github.com/ant-design/ant-design-mobile/issues/6282
         event.preventDefault();
       }
     }

package/es/components/action-sheet/action-sheet.css

@@ -27,7 +27,7 @@
   padding: 16px;
 }
 .adm-action-sheet-button-item:active {
-  background-color: #eeeeee;
+  background-color: var(--adm-color-border);
 }
 .adm-action-sheet-button-item-disabled {
   cursor: not-allowed;

package/es/components/badge/badge.css

@@ -10,7 +10,7 @@
   background-color: var(--color);
   --right: 0;
   --top: 0;
-  --color: var(--adm-badge-color, #ff411c);
+  --color: var(--adm-badge-color, var(--adm-color-highlight));
 }
 .adm-badge-content {
   color: var(--adm-color-text-light-solid);

package/es/components/button/button.css

@@ -34,8 +34,8 @@
   transform: translate(calc(var(--border-width) * -1), calc(var(--border-width) * -1));
   width: 100%;
   height: 100%;
-  background-color: #000;
-  border: var(--border-width) var(--border-style) #000;
+  background-color: var(--adm-color-text-dark-solid);
+  border: var(--border-width) var(--border-style) var(--adm-color-text-dark-solid);
   border-radius: var(--border-radius);
   opacity: 0;
   content: ' ';

package/es/components/calendar/calendar.js

@@ -9,6 +9,7 @@ import { useConfig } from '../config-provider';
 import isoWeek from 'dayjs/plugin/isoWeek';
 import { useUpdateEffect } from 'ahooks';
 import { usePropsValue } from '../../utils/use-props-value';
+import { replaceMessage } from '../../utils/replace-message';
 import { convertValueToRange, convertPageToDayjs } from './convert';
 dayjs.extend(isoWeek);
 const classPrefix = 'adm-calendar';
@@ -97,7 +98,10 @@ export const Calendar = forwardRef((p, ref) => {
     }
   }, props.prevMonthButton), React.createElement("div", {
     className: `${classPrefix}-title`
-  }, locale.Calendar.renderYearAndMonth(current.year(), current.month() + 1)), React.createElement("a", {
+  }, replaceMessage(locale.Calendar.yearAndMonth, {
+    year: current.year().toString(),
+    month: (current.month() + 1).toString()
+  })), React.createElement("a", {
     className: classNames(`${classPrefix}-arrow-button`, `${classPrefix}-arrow-button-right`, `${classPrefix}-arrow-button-right-month`),
     onClick: () => {
       handlePageChange('add', 1, 'month');

package/es/components/cascader/cascader.d.ts

@@ -28,8 +28,8 @@ export declare type CascaderProps = {
 } & Pick<PopupProps, 'getContainer' | 'afterShow' | 'afterClose' | 'onClick' | 'stopPropagation' | 'destroyOnClose' | 'forceRender'> & NativeProps;
 export declare const Cascader: React.ForwardRefExoticComponent<{
     options: CascaderOption[];
-    value?: string[] | undefined;
-    defaultValue?: string[] | undefined;
+    value?: import("../check-list").CheckListValue[] | undefined;
+    defaultValue?: import("../check-list").CheckListValue[] | undefined;
     placeholder?: string | undefined;
     onSelect?: ((value: CascaderValue[], extend: CascaderValueExtend) => void) | undefined;
     onConfirm?: ((value: CascaderValue[], extend: CascaderValueExtend) => void) | undefined;