antd-mobile 5.31.0 → 5.32.0

package/2x/bundle/style.css

@@ -2996,6 +2996,8 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
 }
 
 .adm-notice-bar .adm-notice-bar-right {
+  display: flex;
+  align-items: center;
   flex-shrink: 0;
   margin-left: 24px;
 }
@@ -4695,6 +4697,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
   --disabled-color: var(--adm-color-weak);
   --text-align: left;
   --count-text-align: right;
+  position: relative;
   width: 100%;
   max-width: 100%;
   max-height: 100%;

package/2x/cjs/components/calendar/convert.js

@@ -8,12 +8,7 @@ exports.convertValueToRange = convertValueToRange;
 var _dayjs = _interopRequireDefault(require("dayjs"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function convertValueToRange(selectionMode, value) {
-  if (selectionMode === undefined) {
-    return null;
-  }
-  if (value === null) {
-    return null;
-  }
+  if (selectionMode === undefined || value === null) return null;
   if (Array.isArray(value)) {
     return value;
   }

package/2x/cjs/components/capsule-tabs/capsule-tabs.js

@@ -18,9 +18,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 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-capsule-tabs`;
-const CapsuleTab = () => {
-  return null;
-};
+const CapsuleTab = () => null;
 exports.CapsuleTab = CapsuleTab;
 const CapsuleTabs = props => {
   var _a;
@@ -30,7 +28,7 @@ const CapsuleTabs = 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/2x/cjs/components/cascader/cascader.d.ts

@@ -21,6 +21,7 @@ export declare type CascaderProps = {
     title?: ReactNode;
     confirmText?: ReactNode;
     cancelText?: ReactNode;
+    loading?: boolean;
     children?: (items: (CascaderOption | null)[], actions: CascaderActions) => ReactNode;
     onTabsChange?: (index: number) => void;
     activeIcon?: ReactNode;
@@ -38,6 +39,7 @@ export declare const Cascader: React.ForwardRefExoticComponent<{
     title?: ReactNode;
     confirmText?: ReactNode;
     cancelText?: ReactNode;
+    loading?: boolean | undefined;
     children?: ((items: (CascaderOption | null)[], actions: CascaderActions) => ReactNode) | undefined;
     onTabsChange?: ((index: number) => void) | undefined;
     activeIcon?: ReactNode;

package/2x/cjs/components/cascader/index.d.ts

@@ -15,6 +15,7 @@ declare const _default: import("react").ForwardRefExoticComponent<{
     title?: import("react").ReactNode;
     confirmText?: import("react").ReactNode;
     cancelText?: import("react").ReactNode;
+    loading?: boolean | undefined;
     children?: ((items: (import("../cascader-view").CascaderOption | null)[], actions: import("./cascader").CascaderActions) => import("react").ReactNode) | undefined;
     onTabsChange?: ((index: number) => void) | undefined;
     activeIcon?: import("react").ReactNode;

package/2x/cjs/components/checkbox/checkbox.d.ts

@@ -12,6 +12,7 @@ export declare type CheckboxProps = {
     id?: string;
     icon?: (checked: boolean, indeterminate: boolean) => React.ReactNode;
     children?: React.ReactNode;
+    onClick?: (event: React.MouseEvent<HTMLLabelElement, MouseEvent>) => void;
 } & NativeProps<'--icon-size' | '--font-size' | '--gap'>;
 export declare type CheckboxRef = {
     check: () => void;
@@ -29,6 +30,7 @@ export declare const Checkbox: React.ForwardRefExoticComponent<{
     id?: string | undefined;
     icon?: ((checked: boolean, indeterminate: boolean) => React.ReactNode) | undefined;
     children?: React.ReactNode;
+    onClick?: ((event: React.MouseEvent<HTMLLabelElement, MouseEvent>) => void) | undefined;
 } & {
     className?: string | undefined;
     style?: (React.CSSProperties & Partial<Record<"--font-size" | "--icon-size" | "--gap", string>>) | undefined;

package/2x/cjs/components/checkbox/checkbox.js

@@ -78,6 +78,7 @@ const Checkbox = (0, _react.forwardRef)((p, ref) => {
     }, props.indeterminate ? _react.default.createElement(_indeterminateIcon.IndeterminateIcon, null) : 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 && !props.indeterminate,
       [`${classPrefix}-indeterminate`]: props.indeterminate,

package/2x/cjs/components/checkbox/index.d.ts

@@ -12,6 +12,7 @@ declare const _default: import("react").ForwardRefExoticComponent<{
     id?: string | undefined;
     icon?: ((checked: boolean, indeterminate: boolean) => import("react").ReactNode) | undefined;
     children?: import("react").ReactNode;
+    onClick?: ((event: import("react").MouseEvent<HTMLLabelElement, MouseEvent>) => void) | undefined;
 } & {
     className?: string | undefined;
     style?: (import("react").CSSProperties & Partial<Record<"--font-size" | "--icon-size" | "--gap", string>>) | undefined;

package/2x/cjs/components/collapse/collapse.js

@@ -91,7 +91,7 @@ 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);

package/2x/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/2x/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/2x/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/2x/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/2x/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/2x/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/2x/cjs/components/form/form-subscribe.js

@@ -15,7 +15,7 @@ const FormSubscribe = props => {
   const form = (0, _react.useContext)(_rcFieldForm.FieldContext);
   const value = form.getFieldsValue(props.to);
   // Memo to avoid useless render
-  const childNode = _react.default.useMemo(() => props.children(value, form), [JSON.stringify(value)]);
+  const childNode = _react.default.useMemo(() => props.children(value, form), [JSON.stringify(value), props.children]);
   return _react.default.createElement(_react.default.Fragment, null, childNode, props.to.map(namePath => _react.default.createElement(Watcher, {
     key: namePath.toString(),
     form: form,

package/2x/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/2x/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/2x/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/2x/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,

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

@@ -67,6 +67,8 @@
 }
 
 .adm-notice-bar .adm-notice-bar-right {
+  display: flex;
+  align-items: center;
   flex-shrink: 0;
   margin-left: 24px;
 }

package/2x/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/2x/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/2x/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/2x/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/2x/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/2x/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/2x/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/2x/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/2x/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/2x/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/2x/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/2x/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, {