antd-mobile 5.31.1 → 5.32.1

package/cjs/components/collapse/collapse.js

@@ -88,26 +88,41 @@ const CollapsePanelContent = props => {
   }, _react.default.createElement(_list.default.Item, null, shouldRender && props.children)));
 };
 const Collapse = props => {
-  var _a;
   const panels = [];
   (0, _traverseReactNode.traverseReactNode)(props.children, child => {
-    if (!_react.default.isValidElement(child)) return;
+    if (!(0, _react.isValidElement)(child)) return;
     const key = child.key;
     if (typeof key !== 'string') return;
     panels.push(child);
   });
-  const [activeKey, setActiveKey] = (0, _usePropsValue.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] = (0, _usePropsValue.usePropsValue)(handlePropsValue());
   const activeKeyList = activeKey === null ? [] : Array.isArray(activeKey) ? activeKey : [activeKey];
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
     className: classPrefix

package/cjs/components/date-picker/date-picker-date-utils.js

@@ -75,67 +75,55 @@ function generateDatePickerColumns(selected, min, max, precision, renderLabel, f
     const lower = minYear;
     const upper = maxYear;
     const years = generateColumn(lower, upper, 'year');
-    ret.push(years.map(v => {
-      return {
-        label: renderLabel('year', v),
-        value: v.toString()
-      };
-    }));
+    ret.push(years.map(v => ({
+      label: renderLabel('year', v),
+      value: v.toString()
+    })));
   }
   if (rank >= precisionRankRecord.month) {
     const lower = isInMinYear ? minMonth : 1;
     const upper = isInMaxYear ? maxMonth : 12;
     const months = generateColumn(lower, upper, 'month');
-    ret.push(months.map(v => {
-      return {
-        label: renderLabel('month', v),
-        value: v.toString()
-      };
-    }));
+    ret.push(months.map(v => ({
+      label: renderLabel('month', v),
+      value: v.toString()
+    })));
   }
   if (rank >= precisionRankRecord.day) {
     const lower = isInMinMonth ? minDay : 1;
     const upper = isInMaxMonth ? maxDay : firstDayInSelectedMonth.daysInMonth();
     const days = generateColumn(lower, upper, 'day');
-    ret.push(days.map(v => {
-      return {
-        label: renderLabel('day', v),
-        value: v.toString()
-      };
-    }));
+    ret.push(days.map(v => ({
+      label: renderLabel('day', v),
+      value: v.toString()
+    })));
   }
   if (rank >= precisionRankRecord.hour) {
     const lower = isInMinDay ? minHour : 0;
     const upper = isInMaxDay ? maxHour : 23;
     const hours = generateColumn(lower, upper, 'hour');
-    ret.push(hours.map(v => {
-      return {
-        label: renderLabel('hour', v),
-        value: v.toString()
-      };
-    }));
+    ret.push(hours.map(v => ({
+      label: renderLabel('hour', v),
+      value: v.toString()
+    })));
   }
   if (rank >= precisionRankRecord.minute) {
     const lower = isInMinHour ? minMinute : 0;
     const upper = isInMaxHour ? maxMinute : 59;
     const minutes = generateColumn(lower, upper, 'minute');
-    ret.push(minutes.map(v => {
-      return {
-        label: renderLabel('minute', v),
-        value: v.toString()
-      };
-    }));
+    ret.push(minutes.map(v => ({
+      label: renderLabel('minute', v),
+      value: v.toString()
+    })));
   }
   if (rank >= precisionRankRecord.second) {
     const lower = isInMinMinute ? minSecond : 0;
     const upper = isInMaxMinute ? maxSecond : 59;
     const seconds = generateColumn(lower, upper, 'second');
-    ret.push(seconds.map(v => {
-      return {
-        label: renderLabel('second', v),
-        value: v.toString()
-      };
-    }));
+    ret.push(seconds.map(v => ({
+      label: renderLabel('second', v),
+      value: v.toString()
+    })));
   }
   // Till Now
   if (tillNow) {

package/cjs/components/date-picker/date-picker-week-utils.js

@@ -58,34 +58,28 @@ function generateDatePickerColumns(selected, min, max, precision, renderLabel, f
     const lower = minYear;
     const upper = maxYear;
     const years = generateColumn(lower, upper, 'year');
-    ret.push(years.map(v => {
-      return {
-        label: renderLabel('year', v),
-        value: v.toString()
-      };
-    }));
+    ret.push(years.map(v => ({
+      label: renderLabel('year', v),
+      value: v.toString()
+    })));
   }
   if (rank >= precisionRankRecord.week) {
     const lower = isInMinYear ? minWeek : 1;
     const upper = isInMaxYear ? maxWeek : selectedYearWeeks;
     const weeks = generateColumn(lower, upper, 'week');
-    ret.push(weeks.map(v => {
-      return {
-        label: renderLabel('week', v),
-        value: v.toString()
-      };
-    }));
+    ret.push(weeks.map(v => ({
+      label: renderLabel('week', v),
+      value: v.toString()
+    })));
   }
   if (rank >= precisionRankRecord['week-day']) {
     const lower = isInMinWeek ? minWeekday : 1;
     const upper = isInMaxWeek ? maxWeekday : 7;
     const weeks = generateColumn(lower, upper, 'week-day');
-    ret.push(weeks.map(v => {
-      return {
-        label: renderLabel('week-day', v),
-        value: v.toString()
-      };
-    }));
+    ret.push(weeks.map(v => ({
+      label: renderLabel('week-day', v),
+      value: v.toString()
+    })));
   }
   return ret;
 }

package/cjs/components/date-picker-view/date-picker-view.d.ts

@@ -2,15 +2,17 @@ import { FC, ReactNode } from 'react';
 import type { PickerViewProps } from '../picker-view';
 import { NativeProps } from '../../utils/native-props';
 import type { Precision, DatePickerFilter } from '../date-picker/date-picker-utils';
+import type { PickerDate } from '../date-picker/util';
 export declare type RenderLabel = (type: Precision | 'now', data: number) => ReactNode;
 export declare type DatePickerViewProps = Pick<PickerViewProps, 'style' | 'mouseWheel' | 'loading' | 'loadingContent'> & {
-    value?: Date;
-    defaultValue?: Date;
-    onChange?: (value: Date) => void;
-    min?: Date;
-    max?: Date;
+    value?: PickerDate;
+    defaultValue?: PickerDate;
+    onChange?: (value: PickerDate) => void;
+    min?: PickerDate;
+    max?: PickerDate;
     precision?: Precision;
     renderLabel?: RenderLabel;
     filter?: DatePickerFilter;
+    tillNow?: boolean;
 } & NativeProps;
 export declare const DatePickerView: FC<DatePickerViewProps>;

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

@@ -11,6 +11,7 @@ var _withDefaultProps = require("../../utils/with-default-props");
 var _usePropsValue = require("../../utils/use-props-value");
 var _datePickerUtils = require("../date-picker/date-picker-utils");
 var _useRenderLabel = _interopRequireDefault(require("./useRenderLabel"));
+var _util = require("../date-picker/util");
 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; }
@@ -31,7 +32,12 @@ const DatePickerView = p => {
     defaultValue: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : null
   });
   const mergedRenderLabel = (0, _useRenderLabel.default)(renderLabel);
-  const pickerValue = (0, _react.useMemo)(() => (0, _datePickerUtils.convertDateToStringArray)(value, props.precision), [value, props.precision]);
+  const pickerValue = (0, _react.useMemo)(() => {
+    if (value === null || value === void 0 ? void 0 : value.tillNow) {
+      return [_util.TILL_NOW, null, null];
+    }
+    return (0, _datePickerUtils.convertDateToStringArray)(value, props.precision);
+  }, [value, props.precision]);
   const onChange = (0, _react.useCallback)(val => {
     var _a;
     const date = (0, _datePickerUtils.convertStringArrayToDate)(val, props.precision);
@@ -41,7 +47,7 @@ const DatePickerView = p => {
     }
   }, [props.onChange, props.precision]);
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement(_pickerView.default, {
-    columns: selected => (0, _datePickerUtils.generateDatePickerColumns)(selected, props.min, props.max, props.precision, mergedRenderLabel, props.filter),
+    columns: selected => (0, _datePickerUtils.generateDatePickerColumns)(selected, props.min, props.max, props.precision, mergedRenderLabel, props.filter, props.tillNow),
     loading: props.loading,
     loadingContent: props.loadingContent,
     value: pickerValue,

package/cjs/components/dropdown/dropdown.js

@@ -58,7 +58,7 @@ const Dropdown = (0, _react.forwardRef)((p, ref) => {
   let popupForceRender = false;
   const items = [];
   const navs = _react.default.Children.map(props.children, child => {
-    if (_react.default.isValidElement(child)) {
+    if ((0, _react.isValidElement)(child)) {
       const childProps = Object.assign(Object.assign({}, child.props), {
         onClick: () => {
           changeActive(child.key);

package/cjs/components/ellipsis/ellipsis.js

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

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

@@ -22,7 +22,7 @@ function createErrorBlock(imageRecord) {
       locale
     } = (0, _configProvider.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.default.createElement("img", {
@@ -37,11 +37,11 @@ function createErrorBlock(imageRecord) {
       className: `${classPrefix}-image`
     }, imageNode), _react.default.createElement("div", {
       className: `${classPrefix}-description`
-    }, title && _react.default.createElement("div", {
+    }, ![undefined, null].includes(title) && _react.default.createElement("div", {
       className: `${classPrefix}-description-title`
-    }, title), des && _react.default.createElement("div", {
+    }, title), ![undefined, null].includes(desc) && _react.default.createElement("div", {
       className: `${classPrefix}-description-subtitle`
-    }, des)), props.children && _react.default.createElement("div", {
+    }, desc)), props.children && _react.default.createElement("div", {
       className: `${classPrefix}-content`
     }, props.children)));
   };

package/cjs/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/cjs/components/floating-panel/floating-panel.js

@@ -15,6 +15,7 @@ var _useLockScroll = require("../../utils/use-lock-scroll");
 var _ahooks = require("ahooks");
 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-floating-panel';
 const defaultProps = {
   handleDraggingOfContent: true
 };
@@ -73,7 +74,7 @@ const FloatingPanel = (0, _react.forwardRef)((p, ref) => {
     const {
       event
     } = state;
-    if (event.cancelable) {
+    if (event.cancelable && _supportsPassive.supportsPassive) {
       event.preventDefault();
     }
     event.stopPropagation();
@@ -97,7 +98,7 @@ const FloatingPanel = (0, _react.forwardRef)((p, ref) => {
     target: elementRef,
     eventOptions: _supportsPassive.supportsPassive ? {
       passive: false
-    } : false
+    } : undefined
   });
   (0, _react.useImperativeHandle)(ref, () => ({
     setHeight: (height, options) => {
@@ -110,23 +111,23 @@ const FloatingPanel = (0, _react.forwardRef)((p, ref) => {
   (0, _useLockScroll.useLockScroll)(elementRef, true);
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement(_web.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.default.createElement("div", {
-    className: 'adm-floating-panel-mask',
+    className: `${classPrefix}-mask`,
     style: {
       display: pulling ? 'block' : 'none'
     }
   }), _react.default.createElement("div", {
-    className: 'adm-floating-panel-header',
+    className: `${classPrefix}-header`,
     ref: headerRef
   }, _react.default.createElement("div", {
-    className: 'adm-floating-panel-bar'
+    className: `${classPrefix}-bar`
   })), _react.default.createElement("div", {
-    className: 'adm-floating-panel-content',
+    className: `${classPrefix}-content`,
     ref: contentRef
   }, props.children)));
 });

package/cjs/components/footer/footer.js

@@ -42,30 +42,26 @@ const Footer = p => {
     className: (0, _classnames.default)(classPrefix)
   }, label && _react.default.createElement("div", {
     className: `${classPrefix}-label`
-  }, _react.default.createElement(_divider.default, null, label)), links && links.length > 0 && _react.default.createElement("div", {
+  }, _react.default.createElement(_divider.default, null, label)), !!(links === null || links === void 0 ? void 0 : links.length) && _react.default.createElement("div", {
     className: `${classPrefix}-links`
-  }, links.map((link, index) => {
-    return _react.default.createElement(_react.default.Fragment, {
-      key: index
-    }, _react.default.createElement("a", {
-      href: link.href,
-      rel: 'noopener noreferrer',
-      onClick: event => clickLinkItem(link, index, event)
-    }, link.text), index !== links.length - 1 && _react.default.createElement(_divider.default, {
-      direction: 'vertical'
-    }));
-  })), content && _react.default.createElement("div", {
+  }, links.map((link, index) => _react.default.createElement(_react.default.Fragment, {
+    key: index
+  }, _react.default.createElement("a", {
+    href: link.href,
+    rel: 'noopener noreferrer',
+    onClick: event => clickLinkItem(link, index, event)
+  }, link.text), index !== links.length - 1 && _react.default.createElement(_divider.default, {
+    direction: 'vertical'
+  })))), content && _react.default.createElement("div", {
     className: `${classPrefix}-content`
   }, content), chips && chips.length > 0 && _react.default.createElement("div", {
     className: `${classPrefix}-chips`
-  }, chips.map((chip, index) => {
-    return _react.default.createElement("div", {
-      key: index,
-      onClick: () => clickChipItem(chip, index),
-      className: (0, _classnames.default)(`${classPrefix}-chip`, {
-        [`${classPrefix}-chip-link`]: chip.type === 'link'
-      })
-    }, chip.text);
-  }))));
+  }, chips.map((chip, index) => _react.default.createElement("div", {
+    key: index,
+    onClick: () => clickChipItem(chip, index),
+    className: (0, _classnames.default)(`${classPrefix}-chip`, {
+      [`${classPrefix}-chip-link`]: chip.type === 'link'
+    })
+  }, chip.text)))));
 };
 exports.Footer = Footer;

package/cjs/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/cjs/components/form/form-item.js

@@ -29,7 +29,6 @@ const MemoInput = _react.default.memo(({
 const FormItemLayout = props => {
   var _a;
   const {
-    className,
     style,
     extra,
     label,
@@ -71,7 +70,7 @@ const FormItemLayout = props => {
         return null;
     }
   })();
-  const labelElement = label ? _react.default.createElement("label", {
+  const labelElement = !!label && _react.default.createElement("label", {
     className: `${classPrefix}-label`,
     htmlFor: htmlFor
   }, label, requiredMark, help && _react.default.createElement(_popover.default, {
@@ -83,21 +82,21 @@ const FormItemLayout = props => {
     onClick: e => {
       e.preventDefault();
     }
-  }, _react.default.createElement(_antdMobileIcons.QuestionCircleOutline, null)))) : null;
-  const description = props.description || hasFeedback ? _react.default.createElement(_react.default.Fragment, null, props.description, hasFeedback && _react.default.createElement(_react.default.Fragment, null, props.errors.map((error, index) => _react.default.createElement("div", {
+  }, _react.default.createElement(_antdMobileIcons.QuestionCircleOutline, null))));
+  const description = (!!props.description || hasFeedback) && _react.default.createElement(_react.default.Fragment, null, props.description, hasFeedback && _react.default.createElement(_react.default.Fragment, null, props.errors.map((error, index) => _react.default.createElement("div", {
     key: `error-${index}`,
     className: `${classPrefix}-feedback-error`
   }, error)), props.warnings.map((warning, index) => _react.default.createElement("div", {
     key: `warning-${index}`,
     className: `${classPrefix}-feedback-warning`
-  }, warning)))) : null;
+  }, warning))));
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement(_list.default.Item, {
     style: style,
     title: layout === 'vertical' && labelElement,
     prefix: layout === 'horizontal' && labelElement,
     extra: extra,
     description: description,
-    className: (0, _classnames.default)(classPrefix, className, `${classPrefix}-${layout}`, {
+    className: (0, _classnames.default)(classPrefix, `${classPrefix}-${layout}`, {
       [`${classPrefix}-hidden`]: hidden,
       [`${classPrefix}-has-error`]: props.errors.length
     }),
@@ -114,7 +113,6 @@ const FormItemLayout = props => {
 const FormItem = props => {
   const {
       // 样式相关
-      className,
       style,
       // FormItem 相关
       label,
@@ -141,7 +139,7 @@ const FormItem = props => {
       clickable,
       arrow
     } = props,
-    fieldProps = (0, _tslib.__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 = (0, _tslib.__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
   } = (0, _react.useContext)(_context.FormContext);
@@ -189,7 +187,6 @@ const FormItem = props => {
       return subWarnings;
     }, curWarnings);
     return (0, _nativeProps.withNativeProps)(props, _react.default.createElement(FormItemLayout, {
-      className: className,
       style: style,
       label: label,
       extra: extra,

package/cjs/components/form/form.css

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

package/cjs/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/cjs/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/cjs/components/image-uploader/image-uploader.js

@@ -104,9 +104,7 @@ const ImageUploader = p => {
       let files = [].slice.call(rawFiles);
       e.target.value = ''; // HACK: fix the same file doesn't trigger onChange
       if (props.beforeUpload) {
-        const postFiles = files.map(file => {
-          return processFile(file, files);
-        });
+        const postFiles = files.map(file => processFile(file, files));
         yield Promise.all(postFiles).then(filesList => {
           files = filesList.filter(Boolean);
         });

package/cjs/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;

package/cjs/components/input/input.js

@@ -66,7 +66,11 @@ const Input = (0, _react.forwardRef)((p, ref) => {
   function checkValue() {
     let nextValue = value;
     if (props.type === 'number') {
-      nextValue = nextValue && (0, _bound.bound)(parseFloat(nextValue), props.min, props.max).toString();
+      const boundValue = nextValue && (0, _bound.bound)(parseFloat(nextValue), props.min, props.max).toString();
+      // fix the display issue of numbers starting with 0
+      if (Number(nextValue) !== Number(boundValue)) {
+        nextValue = boundValue;
+      }
     }
     if (nextValue !== value) {
       setValue(nextValue);

package/cjs/components/jumbo-tabs/jumbo-tabs.js

@@ -30,7 +30,7 @@ const JumboTabs = props => {
   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/modal/modal.js

@@ -38,19 +38,17 @@ const Modal = p => {
     direction: 'vertical',
     block: true,
     className: (0, _classnames.default)(cls('footer'), props.actions.length === 0 && cls('footer-empty'))
-  }, props.actions.map((action, index) => {
-    return _react.default.createElement(_modalActionButton.ModalActionButton, {
-      key: action.key,
-      action: action,
-      onAction: () => (0, _tslib.__awaiter)(void 0, void 0, void 0, function* () {
-        var _a, _b, _c;
-        yield Promise.all([(_a = action.onClick) === null || _a === void 0 ? void 0 : _a.call(action), (_b = props.onAction) === null || _b === void 0 ? void 0 : _b.call(props, action, index)]);
-        if (props.closeOnAction) {
-          (_c = props.onClose) === null || _c === void 0 ? void 0 : _c.call(props);
-        }
-      })
-    });
-  })));
+  }, props.actions.map((action, index) => _react.default.createElement(_modalActionButton.ModalActionButton, {
+    key: action.key,
+    action: action,
+    onAction: () => (0, _tslib.__awaiter)(void 0, void 0, void 0, function* () {
+      var _a, _b, _c;
+      yield Promise.all([(_a = action.onClick) === null || _a === void 0 ? void 0 : _a.call(action), (_b = props.onAction) === null || _b === void 0 ? void 0 : _b.call(props, action, index)]);
+      if (props.closeOnAction) {
+        (_c = props.onClose) === null || _c === void 0 ? void 0 : _c.call(props);
+      }
+    })
+  }))));
   return _react.default.createElement(_centerPopup.default, {
     className: (0, _classnames.default)(cls(), props.className),
     style: props.style,