antd-mobile 5.32.0 → 5.32.1

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/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/center-popup/center-popup.js

@@ -12,6 +12,7 @@ import { ShouldRender } from '../../utils/should-render';
 import { useLockScroll } from '../../utils/use-lock-scroll';
 import { CloseOutline } from 'antd-mobile-icons';
 import { defaultPopupBaseProps } from '../popup/popup-base-props';
+const classPrefix = 'adm-center-popup';
 const defaultProps = Object.assign(Object.assign({}, defaultPopupBaseProps), {
   getContainer: null
 });
@@ -48,11 +49,11 @@ export const CenterPopup = p => {
   useLockScroll(ref, props.disableBodyScroll && active);
   const maskVisible = useInnerVisible(active && props.visible);
   const body = React.createElement("div", {
-    className: classNames('adm-center-popup-body', props.bodyClassName),
+    className: classNames(`${classPrefix}-body`, props.bodyClassName),
     style: props.bodyStyle
   }, props.children);
   const node = withStopPropagation(props.stopPropagation, withNativeProps(props, React.createElement("div", {
-    className: 'adm-center-popup',
+    className: classPrefix,
     style: {
       display: active ? undefined : 'none',
       pointerEvents: active ? undefined : 'none'
@@ -69,18 +70,18 @@ export const CenterPopup = p => {
       }
     },
     style: props.maskStyle,
-    className: classNames('adm-center-popup-mask', props.maskClassName),
+    className: classNames(`${classPrefix}-mask`, props.maskClassName),
     disableBodyScroll: false,
     stopPropagation: props.stopPropagation
   }), React.createElement("div", {
-    className: 'adm-center-popup-wrap',
+    className: `${classPrefix}-wrap`,
     role: props.role,
     "aria-label": props['aria-label']
   }, React.createElement(animated.div, {
     style: style,
     ref: ref
   }, props.showCloseButton && React.createElement("a", {
-    className: classNames('adm-center-popup-close', 'adm-plain-anchor'),
+    className: classNames(`${classPrefix}-close`, 'adm-plain-anchor'),
     onClick: () => {
       var _a;
       (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);

package/es/components/collapse/collapse.js

@@ -78,7 +78,6 @@ const CollapsePanelContent = props => {
   }, React.createElement(List.Item, null, shouldRender && props.children)));
 };
 export const Collapse = props => {
-  var _a;
   const panels = [];
   traverseReactNode(props.children, child => {
     if (!isValidElement(child)) return;
@@ -86,18 +85,34 @@ export const Collapse = props => {
     if (typeof key !== 'string') return;
     panels.push(child);
   });
-  const [activeKey, setActiveKey] = usePropsValue(props.accordion ? {
-    value: props.activeKey === undefined ? undefined : props.activeKey === null ? [] : [props.activeKey],
-    defaultValue: props.defaultActiveKey === undefined || props.defaultActiveKey === null ? [] : [props.defaultActiveKey],
-    onChange: v => {
-      var _a, _b;
-      (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, (_b = v[0]) !== null && _b !== void 0 ? _b : null);
+  const handlePropsValue = () => {
+    var _a;
+    if (!props.accordion) {
+      return {
+        value: props.activeKey,
+        defaultValue: (_a = props.defaultActiveKey) !== null && _a !== void 0 ? _a : [],
+        onChange: props.onChange
+      };
     }
-  } : {
-    value: props.activeKey,
-    defaultValue: (_a = props.defaultActiveKey) !== null && _a !== void 0 ? _a : [],
-    onChange: props.onChange
-  });
+    const initValue = {
+      value: [],
+      defaultValue: [],
+      onChange: v => {
+        var _a, _b;
+        (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, (_b = v[0]) !== null && _b !== void 0 ? _b : null);
+      }
+    };
+    if (props.activeKey === undefined) {
+      initValue.value = undefined;
+    } else if (props.activeKey !== null) {
+      initValue.value = [props.activeKey];
+    }
+    if (![null, undefined].includes(props.defaultActiveKey)) {
+      initValue.defaultValue = [props.defaultActiveKey];
+    }
+    return initValue;
+  };
+  const [activeKey, setActiveKey] = usePropsValue(handlePropsValue());
   const activeKeyList = activeKey === null ? [] : Array.isArray(activeKey) ? activeKey : [activeKey];
   return withNativeProps(props, React.createElement("div", {
     className: classPrefix

package/es/components/ellipsis/ellipsis.js

@@ -118,18 +118,18 @@ export const Ellipsis = p => {
   useIsomorphicLayoutEffect(() => {
     calcEllipsised();
   }, [props.content, props.direction, props.rows, props.expandText, props.collapseText]);
-  const expandActionElement = exceeded && props.expandText ? withStopPropagation(props.stopPropagationForActionButtons, React.createElement("a", {
+  const expandActionElement = !!props.expandText && withStopPropagation(props.stopPropagationForActionButtons, React.createElement("a", {
     ref: expandElRef,
     onClick: () => {
       setExpanded(true);
     }
-  }, props.expandText)) : null;
-  const collapseActionElement = exceeded && props.collapseText ? withStopPropagation(props.stopPropagationForActionButtons, React.createElement("a", {
+  }, props.expandText));
+  const collapseActionElement = !!props.collapseText && withStopPropagation(props.stopPropagationForActionButtons, React.createElement("a", {
     ref: collapseElRef,
     onClick: () => {
       setExpanded(false);
     }
-  }, props.collapseText)) : null;
+  }, props.collapseText));
   const renderContent = () => {
     if (!exceeded) return props.content;
     if (expanded) return React.createElement(React.Fragment, null, props.content, collapseActionElement);

package/es/components/error-block/create-error-block.js

@@ -15,7 +15,7 @@ export function createErrorBlock(imageRecord) {
       locale
     } = useConfig();
     const contentPack = locale.ErrorBlock[props.status];
-    const des = 'description' in props ? props.description : contentPack.description;
+    const desc = 'description' in props ? props.description : contentPack.description;
     const title = 'title' in props ? props.title : contentPack.title;
     const image = (_a = props.image) !== null && _a !== void 0 ? _a : imageRecord[props.status];
     const imageNode = typeof image === 'string' ? React.createElement("img", {
@@ -30,11 +30,11 @@ export function createErrorBlock(imageRecord) {
       className: `${classPrefix}-image`
     }, imageNode), React.createElement("div", {
       className: `${classPrefix}-description`
-    }, title && React.createElement("div", {
+    }, ![undefined, null].includes(title) && React.createElement("div", {
       className: `${classPrefix}-description-title`
-    }, title), des && React.createElement("div", {
+    }, title), ![undefined, null].includes(desc) && React.createElement("div", {
       className: `${classPrefix}-description-subtitle`
-    }, des)), props.children && React.createElement("div", {
+    }, desc)), props.children && React.createElement("div", {
       className: `${classPrefix}-content`
     }, props.children)));
   };

package/es/components/error-block/error-block.css

@@ -18,7 +18,7 @@
 }
 .adm-error-block-description {
   font-size: var(--adm-font-size-4);
-  color: #999;
+  color: var(--adm-color-weak);
   line-height: 1.4;
   margin-top: 12px;
 }

package/es/components/floating-panel/floating-panel.js

@@ -7,6 +7,7 @@ import { nearest } from '../../utils/nearest';
 import { mergeProps } from '../../utils/with-default-props';
 import { useLockScroll } from '../../utils/use-lock-scroll';
 import { useMemoizedFn } from 'ahooks';
+const classPrefix = 'adm-floating-panel';
 const defaultProps = {
   handleDraggingOfContent: true
 };
@@ -65,7 +66,7 @@ export const FloatingPanel = forwardRef((p, ref) => {
     const {
       event
     } = state;
-    if (event.cancelable) {
+    if (event.cancelable && supportsPassive) {
       event.preventDefault();
     }
     event.stopPropagation();
@@ -89,7 +90,7 @@ export const FloatingPanel = forwardRef((p, ref) => {
     target: elementRef,
     eventOptions: supportsPassive ? {
       passive: false
-    } : false
+    } : undefined
   });
   useImperativeHandle(ref, () => ({
     setHeight: (height, options) => {
@@ -102,23 +103,23 @@ export const FloatingPanel = forwardRef((p, ref) => {
   useLockScroll(elementRef, true);
   return withNativeProps(props, React.createElement(animated.div, {
     ref: elementRef,
-    className: 'adm-floating-panel',
+    className: classPrefix,
     style: {
       height: Math.round(maxHeight),
       translateY: y.to(y => `calc(100% + (${Math.round(y)}px))`)
     }
   }, React.createElement("div", {
-    className: 'adm-floating-panel-mask',
+    className: `${classPrefix}-mask`,
     style: {
       display: pulling ? 'block' : 'none'
     }
   }), React.createElement("div", {
-    className: 'adm-floating-panel-header',
+    className: `${classPrefix}-header`,
     ref: headerRef
   }, React.createElement("div", {
-    className: 'adm-floating-panel-bar'
+    className: `${classPrefix}-bar`
   })), React.createElement("div", {
-    className: 'adm-floating-panel-content',
+    className: `${classPrefix}-content`,
     ref: contentRef
   }, props.children)));
 });

package/es/components/form/form-item.d.ts

@@ -2,8 +2,8 @@ import React, { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { FormInstance } from 'rc-field-form';
 import type { FieldProps } from 'rc-field-form/lib/Field';
-import { ListItemProps } from '../list';
 import type { FormLayout } from './index';
+import { ListItemProps } from '../list';
 declare type RenderChildren<Values = any> = (form: FormInstance<Values>) => React.ReactNode;
 declare type ChildrenType<Values = any> = RenderChildren<Values> | React.ReactNode;
 declare type RcFieldProps = Omit<FieldProps, 'children'>;

package/es/components/form/form-item.js

@@ -20,7 +20,6 @@ const MemoInput = React.memo(({
 const FormItemLayout = props => {
   var _a;
   const {
-    className,
     style,
     extra,
     label,
@@ -62,7 +61,7 @@ const FormItemLayout = props => {
         return null;
     }
   })();
-  const labelElement = label ? React.createElement("label", {
+  const labelElement = !!label && React.createElement("label", {
     className: `${classPrefix}-label`,
     htmlFor: htmlFor
   }, label, requiredMark, help && React.createElement(Popover, {
@@ -74,21 +73,21 @@ const FormItemLayout = props => {
     onClick: e => {
       e.preventDefault();
     }
-  }, React.createElement(QuestionCircleOutline, null)))) : null;
-  const description = props.description || hasFeedback ? React.createElement(React.Fragment, null, props.description, hasFeedback && React.createElement(React.Fragment, null, props.errors.map((error, index) => React.createElement("div", {
+  }, React.createElement(QuestionCircleOutline, null))));
+  const description = (!!props.description || hasFeedback) && React.createElement(React.Fragment, null, props.description, hasFeedback && React.createElement(React.Fragment, null, props.errors.map((error, index) => React.createElement("div", {
     key: `error-${index}`,
     className: `${classPrefix}-feedback-error`
   }, error)), props.warnings.map((warning, index) => React.createElement("div", {
     key: `warning-${index}`,
     className: `${classPrefix}-feedback-warning`
-  }, warning)))) : null;
+  }, warning))));
   return withNativeProps(props, React.createElement(List.Item, {
     style: style,
     title: layout === 'vertical' && labelElement,
     prefix: layout === 'horizontal' && labelElement,
     extra: extra,
     description: description,
-    className: classNames(classPrefix, className, `${classPrefix}-${layout}`, {
+    className: classNames(classPrefix, `${classPrefix}-${layout}`, {
       [`${classPrefix}-hidden`]: hidden,
       [`${classPrefix}-has-error`]: props.errors.length
     }),
@@ -105,7 +104,6 @@ const FormItemLayout = props => {
 export const FormItem = props => {
   const {
       // 样式相关
-      className,
       style,
       // FormItem 相关
       label,
@@ -132,7 +130,7 @@ export const FormItem = props => {
       clickable,
       arrow
     } = props,
-    fieldProps = __rest(props, ["className", "style", "label", "help", "extra", "hasFeedback", "name", "required", "noStyle", "hidden", "layout", "childElementPosition", "description", "disabled", "rules", "children", "messageVariables", "trigger", "validateTrigger", "onClick", "shouldUpdate", "dependencies", "clickable", "arrow"]);
+    fieldProps = __rest(props, ["style", "label", "help", "extra", "hasFeedback", "name", "required", "noStyle", "hidden", "layout", "childElementPosition", "description", "disabled", "rules", "children", "messageVariables", "trigger", "validateTrigger", "onClick", "shouldUpdate", "dependencies", "clickable", "arrow"]);
   const {
     name: formName
   } = useContext(FormContext);
@@ -180,7 +178,6 @@ export const FormItem = props => {
       return subWarnings;
     }, curWarnings);
     return withNativeProps(props, React.createElement(FormItemLayout, {
-      className: className,
       style: style,
       label: label,
       extra: extra,

package/es/components/form/form.css

@@ -23,5 +23,5 @@
 }
 .adm-form-list-operation {
   text-align: center;
-  color: #1677ff;
+  color: var(--adm-color-primary);
 }

package/es/components/form/index.css

@@ -23,7 +23,7 @@
 }
 .adm-form-list-operation {
   text-align: center;
-  color: #1677ff;
+  color: var(--adm-color-primary);
 }
 .adm-form-item + .adm-form-item {
   border-top: none;

package/es/components/image-uploader/image-uploader.css

@@ -76,7 +76,7 @@
   display: block;
 }
 .adm-image-uploader-upload-button-wrap .adm-image-uploader-upload-button-icon {
-  color: #999999;
+  color: var(--adm-color-weak);
   font-size: 32px;
 }
 .adm-image-uploader-upload-button-wrap .adm-image-uploader-input {

package/es/components/input/input.d.ts

@@ -4,13 +4,10 @@ declare type NativeInputProps = React.DetailedHTMLProps<React.InputHTMLAttribute
 declare type AriaProps = {
     role?: string;
 };
-export declare type InputProps = Pick<NativeInputProps, 'maxLength' | 'minLength' | 'autoComplete' | 'autoFocus' | 'pattern' | 'inputMode' | 'type' | 'name' | 'onFocus' | 'onBlur' | 'autoCapitalize' | 'autoCorrect' | 'onKeyDown' | 'onKeyUp' | 'onCompositionStart' | 'onCompositionEnd' | 'onClick' | 'step' | 'id'> & {
+export declare type InputProps = Pick<NativeInputProps, 'maxLength' | 'minLength' | 'autoComplete' | 'autoFocus' | 'pattern' | 'inputMode' | 'type' | 'name' | 'onFocus' | 'onBlur' | 'autoCapitalize' | 'autoCorrect' | 'onKeyDown' | 'onKeyUp' | 'onCompositionStart' | 'onCompositionEnd' | 'onClick' | 'step' | 'id' | 'placeholder' | 'readOnly' | 'disabled'> & {
     value?: string;
     defaultValue?: string;
     onChange?: (val: string) => void;
-    placeholder?: string;
-    disabled?: boolean;
-    readOnly?: boolean;
     clearable?: boolean;
     onlyShowClearWhenFocus?: boolean;
     onClear?: () => void;
@@ -25,13 +22,10 @@ export declare type InputRef = {
     blur: () => void;
     nativeElement: HTMLInputElement | null;
 };
-export declare const Input: React.ForwardRefExoticComponent<Pick<NativeInputProps, "pattern" | "id" | "onClick" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "onKeyDown" | "onKeyUp" | "type" | "step" | "autoFocus" | "autoCapitalize" | "autoCorrect" | "inputMode" | "name" | "autoComplete" | "maxLength" | "minLength"> & {
+export declare const Input: React.ForwardRefExoticComponent<Pick<NativeInputProps, "pattern" | "id" | "onClick" | "disabled" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "onKeyDown" | "onKeyUp" | "type" | "step" | "autoFocus" | "placeholder" | "autoCapitalize" | "autoCorrect" | "inputMode" | "name" | "readOnly" | "autoComplete" | "maxLength" | "minLength"> & {
     value?: string | undefined;
     defaultValue?: string | undefined;
     onChange?: ((val: string) => void) | undefined;
-    placeholder?: string | undefined;
-    disabled?: boolean | undefined;
-    readOnly?: boolean | undefined;
     clearable?: boolean | undefined;
     onlyShowClearWhenFocus?: boolean | undefined;
     onClear?: (() => void) | undefined;