antd-mobile 5.24.0 → 5.24.2

package/es/components/input/input.js

@@ -28,65 +28,49 @@ export const Input = forwardRef((p, ref) => {
     },
     focus: () => {
       var _a;
-
       (_a = nativeInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     },
     blur: () => {
       var _a;
-
       (_a = nativeInputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
     },
-
     get nativeElement() {
       return nativeInputRef.current;
     }
-
   }));
-
   const handleKeydown = e => {
     var _a;
-
     if (props.onEnterPress && (e.code === 'Enter' || e.keyCode === 13)) {
       props.onEnterPress(e);
     }
-
     (_a = props.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(props, e);
   };
-
   useIsomorphicLayoutEffect(() => {
     var _a;
-
     if (!props.enterKeyHint) return;
     (_a = nativeInputRef.current) === null || _a === void 0 ? void 0 : _a.setAttribute('enterkeyhint', props.enterKeyHint);
     return () => {
       var _a;
-
       (_a = nativeInputRef.current) === null || _a === void 0 ? void 0 : _a.removeAttribute('enterkeyhint');
     };
   }, [props.enterKeyHint]);
-
   function checkValue() {
     let nextValue = value;
-
     if (props.type === 'number') {
       nextValue = nextValue && bound(parseFloat(nextValue), props.min, props.max).toString();
     }
-
     if (nextValue !== value) {
       setValue(nextValue);
     }
   }
-
   const shouldShowClear = (() => {
     if (!props.clearable || !value || props.readOnly) return false;
-
     if (props.onlyShowClearWhenFocus) {
       return hasFocus;
     } else {
       return true;
     }
   })();
-
   return withNativeProps(props, React.createElement("div", {
     className: classNames(`${classPrefix}`, props.disabled && `${classPrefix}-disabled`)
   }, React.createElement("input", {
@@ -98,13 +82,11 @@ export const Input = forwardRef((p, ref) => {
     },
     onFocus: e => {
       var _a;
-
       setHasFocus(true);
       (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e);
     },
     onBlur: e => {
       var _a;
-
       setHasFocus(false);
       checkValue();
       (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e);
@@ -129,13 +111,11 @@ export const Input = forwardRef((p, ref) => {
     onKeyUp: props.onKeyUp,
     onCompositionStart: e => {
       var _a;
-
       compositionStartRef.current = true;
       (_a = props.onCompositionStart) === null || _a === void 0 ? void 0 : _a.call(props, e);
     },
     onCompositionEnd: e => {
       var _a;
-
       compositionStartRef.current = false;
       (_a = props.onCompositionEnd) === null || _a === void 0 ? void 0 : _a.call(props, e);
     },
@@ -152,10 +132,9 @@ export const Input = forwardRef((p, ref) => {
     },
     onClick: () => {
       var _a, _b;
-
       setValue('');
-      (_a = props.onClear) === null || _a === void 0 ? void 0 : _a.call(props); // https://github.com/ant-design/ant-design-mobile/issues/5212
-
+      (_a = props.onClear) === null || _a === void 0 ? void 0 : _a.call(props);
+      // https://github.com/ant-design/ant-design-mobile/issues/5212
       if (isIOS() && compositionStartRef.current) {
         compositionStartRef.current = false;
         (_b = nativeInputRef.current) === null || _b === void 0 ? void 0 : _b.blur();

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

@@ -14,7 +14,6 @@ export const JumboTab = () => {
 };
 export const JumboTabs = props => {
   var _a;
-
   const tabListContainerRef = useRef(null);
   const rootRef = useRef(null);
   const keyToIndexRecord = {};
@@ -24,11 +23,9 @@ export const JumboTabs = props => {
     if (!React.isValidElement(child)) return;
     const key = child.key;
     if (typeof key !== 'string') return;
-
     if (index === 0) {
       firstActiveKey = key;
     }
-
     const length = panes.push(child);
     keyToIndexRecord[key] = length - 1;
   });
@@ -37,7 +34,6 @@ export const JumboTabs = props => {
     defaultValue: (_a = props.defaultActiveKey) !== null && _a !== void 0 ? _a : firstActiveKey,
     onChange: v => {
       var _a;
-
       if (v === null) return;
       (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, v);
     }
@@ -69,11 +65,9 @@ export const JumboTabs = props => {
         key
       } = pane;
       if (pane.props.disabled) return;
-
       if (key === undefined || key === null) {
         return;
       }
-
       setActiveKey(key.toString());
     },
     className: classNames(`${classPrefix}-tab`, {
@@ -88,7 +82,6 @@ export const JumboTabs = props => {
     if (pane.props.children === undefined) {
       return null;
     }
-
     const active = pane.key === activeKey;
     return React.createElement(ShouldRender, {
       key: pane.key,

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

@@ -6,7 +6,6 @@ import { isNodeWithContent } from '../../utils/is-node-with-content';
 const classPrefix = `adm-list-item`;
 export const ListItem = props => {
   var _a;
-
   const clickable = (_a = props.clickable) !== null && _a !== void 0 ? _a : !!props.onClick;
   const arrow = props.arrow === undefined ? clickable : props.arrow;
   const content = React.createElement("div", {

package/es/components/list/list.js

@@ -13,7 +13,6 @@ export const List = forwardRef((p, ref) => {
     get nativeElement() {
       return nativeElementRef.current;
     }
-
   }));
   return withNativeProps(props, React.createElement("div", {
     className: classNames(classPrefix, `${classPrefix}-${props.mode}`),

package/es/components/mask/mask.js

@@ -33,7 +33,6 @@ export const Mask = p => {
   useLockScroll(ref, props.visible && props.disableBodyScroll);
   const background = useMemo(() => {
     var _a;
-
     const opacity = (_a = opacityRecord[props.opacity]) !== null && _a !== void 0 ? _a : props.opacity;
     const rgb = props.color === 'white' ? '255, 255, 255' : '0, 0, 0';
     return `rgba(${rgb}, ${opacity})`;
@@ -56,10 +55,8 @@ export const Mask = p => {
     },
     onRest: () => {
       var _a, _b;
-
       if (unmountedRef.current) return;
       setActive(props.visible);
-
       if (props.visible) {
         (_a = props.afterShow) === null || _a === void 0 ? void 0 : _a.call(props);
       } else {
@@ -77,7 +74,6 @@ export const Mask = p => {
     }),
     onClick: e => {
       var _a;
-
       if (e.target === e.currentTarget) {
         (_a = props.onMaskClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
       }

package/es/components/modal/alert.js

@@ -17,7 +17,6 @@ export function alert(p) {
       onAction: props.onConfirm,
       onClose: () => {
         var _a;
-
         (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
         resolve();
       }

package/es/components/modal/confirm.js

@@ -19,7 +19,6 @@ export function confirm(p) {
       closeOnAction: true,
       onClose: () => {
         var _a;
-
         (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
         resolve(false);
       },
@@ -29,7 +28,6 @@ export function confirm(p) {
         primary: true,
         onClick: () => __awaiter(this, void 0, void 0, function* () {
           var _a;
-
           yield (_a = props.onConfirm) === null || _a === void 0 ? void 0 : _a.call(props);
           resolve(true);
         })
@@ -38,7 +36,6 @@ export function confirm(p) {
         text: props.cancelText,
         onClick: () => __awaiter(this, void 0, void 0, function* () {
           var _b;
-
           yield (_b = props.onCancel) === null || _b === void 0 ? void 0 : _b.call(props);
           resolve(false);
         })

package/es/components/modal/modal.js

@@ -37,9 +37,7 @@ export const Modal = p => {
       action: action,
       onAction: () => __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);
         }
@@ -66,7 +64,6 @@ export const Modal = p => {
     forceRender: props.forceRender
   }, element);
 };
-
 function cls(name = '') {
   return 'adm-modal' + (name && '-') + name;
 }

package/es/components/modal/show.js

@@ -6,7 +6,6 @@ export function show(props) {
   const handler = renderImperatively(React.createElement(Modal, Object.assign({}, props, {
     afterClose: () => {
       var _a;
-
       closeFnSet.delete(handler.close);
       (_a = props.afterClose) === null || _a === void 0 ? void 0 : _a.call(props);
     }

package/es/components/nav-bar/nav-bar.d.ts

@@ -1,7 +1,7 @@
 import React, { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type NavBarProps = {
-    back?: string | null;
+    back?: ReactNode;
     backArrow?: boolean | ReactNode;
     left?: ReactNode;
     right?: ReactNode;

package/es/components/nav-bar/nav-bar.js

@@ -5,7 +5,6 @@ import { withNativeProps } from '../../utils/native-props';
 import { mergeProps } from '../../utils/with-default-props';
 const classPrefix = `adm-nav-bar`;
 const defaultProps = {
-  back: '',
   backArrow: true
 };
 export const NavBar = p => {

package/es/components/notice-bar/notice-bar.js

@@ -21,36 +21,30 @@ export const NoticeBar = memo(p => {
   const speed = props.speed;
   const delayLockRef = useRef(true);
   const animatingRef = useRef(false);
-
   function start() {
     if (delayLockRef.current) return;
     const container = containerRef.current;
     const text = textRef.current;
     if (!container || !text) return;
-
     if (container.offsetWidth >= text.offsetWidth) {
       animatingRef.current = false;
       text.style.removeProperty('transition-duration');
       text.style.removeProperty('transform');
       return;
     }
-
     if (animatingRef.current) return;
     const initial = !text.style.transform;
     text.style.transitionDuration = '0s';
-
     if (initial) {
       text.style.transform = 'translateX(0)';
     } else {
       text.style.transform = `translateX(${container.offsetWidth}px)`;
     }
-
     const distance = initial ? text.offsetWidth : container.offsetWidth + text.offsetWidth;
     animatingRef.current = true;
     text.style.transitionDuration = `${Math.round(distance / speed)}s`;
     text.style.transform = `translateX(-${text.offsetWidth}px)`;
   }
-
   useTimeout(() => {
     delayLockRef.current = false;
     start();
@@ -86,7 +80,6 @@ export const NoticeBar = memo(p => {
     className: `${classPrefix}-close`,
     onClick: () => {
       var _a;
-
       setVisible(false);
       (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
     }

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

@@ -4,7 +4,7 @@
   flex: 1;
 }
 .adm-number-keyboard-main.adm-number-keyboard-main-confirmed-style .adm-number-keyboard-key-sign {
-  background-color: var(--adm-color-white);
+  background-color: var(--adm-color-background);
 }
 .adm-number-keyboard-popup.adm-popup {
   width: 100%;

package/es/components/number-keyboard/number-keyboard.js

@@ -36,66 +36,52 @@ export const NumberKeyboard = p => {
     const keyList = randomOrder ? shuffle(defaultKeys) : defaultKeys;
     const customKeys = Array.isArray(customKey) ? customKey : [customKey];
     keyList.push('0');
-
     if (confirmText) {
       if (customKeys.length === 2) {
         keyList.splice(9, 0, customKeys.pop());
       }
-
       keyList.push(customKeys[0] || '');
     } else {
       keyList.splice(9, 0, customKeys[0] || '');
       keyList.push(customKeys[1] || 'BACKSPACE');
     }
-
     return keyList;
   }, [customKey, confirmText, randomOrder, randomOrder && visible]);
   const timeoutRef = useRef(-1);
   const intervalRef = useRef(-1);
   const onDelete = useMemoizedFn(() => {
     var _a;
-
     (_a = props.onDelete) === null || _a === void 0 ? void 0 : _a.call(props);
   });
-
   const onBackspacePressStart = () => {
     timeoutRef.current = window.setTimeout(() => {
       onDelete();
       intervalRef.current = window.setInterval(onDelete, 150);
     }, 700);
   };
-
   const onBackspacePressEnd = () => {
     clearTimeout(timeoutRef.current);
     clearInterval(intervalRef.current);
   };
-
   const onKeyPress = (e, key) => {
     var _a, _b;
-
     e.preventDefault();
-
     switch (key) {
       case 'BACKSPACE':
         onDelete === null || onDelete === void 0 ? void 0 : onDelete();
         break;
-
       case 'OK':
         (_a = props.onConfirm) === null || _a === void 0 ? void 0 : _a.call(props);
-
         if (props.closeOnConfirm) {
           (_b = props.onClose) === null || _b === void 0 ? void 0 : _b.call(props);
         }
-
         break;
-
       default:
         // onInput should't be called when customKey doesn't exist
         if (key !== '') onInput === null || onInput === void 0 ? void 0 : onInput(key);
         break;
     }
   };
-
   const renderHeader = () => {
     if (!showCloseButton && !title) return null;
     return React.createElement("div", {
@@ -108,14 +94,12 @@ export const NumberKeyboard = p => {
       className: `${classPrefix}-header-close-button`,
       onClick: () => {
         var _a;
-
         (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
       },
       role: 'button',
       title: 'CLOSE'
     }, React.createElement(DownOutline, null)));
   };
-
   const renderKey = (key, index) => {
     const isNumberKey = /^\d$/.test(key);
     const className = classNames(`${classPrefix}-key`, {
@@ -137,14 +121,12 @@ export const NumberKeyboard = p => {
       },
       onTouchEnd: e => {
         onKeyPress(e, key);
-
         if (key === 'BACKSPACE') {
           onBackspacePressEnd();
         }
       }
     }, ariaProps), key === 'BACKSPACE' ? React.createElement(TextDeletionOutline, null) : key);
   };
-
   return React.createElement(Popup, {
     visible: visible,
     getContainer: getContainer,

package/es/components/page-indicator/page-indicator.js

@@ -10,7 +10,6 @@ const defaultProps = {
 export const PageIndicator = memo(p => {
   const props = mergeProps(defaultProps, p);
   const dots = [];
-
   for (let i = 0; i < props.total; i++) {
     dots.push(React.createElement("div", {
       key: i,
@@ -19,7 +18,6 @@ export const PageIndicator = memo(p => {
       })
     }));
   }
-
   return withNativeProps(props, React.createElement("div", {
     className: classNames(classPrefix, `${classPrefix}-${props.direction}`, `${classPrefix}-color-${props.color}`)
   }, dots));

package/es/components/passcode-input/passcode-input.css

@@ -65,7 +65,7 @@
   content: '';
   width: var(--dot-size);
   height: var(--dot-size);
-  border-radius: 50%;
+  border-radius: 100%;
   background: var(--adm-color-text);
 }
 .adm-passcode-input-cell-caret::after {

package/es/components/passcode-input/passcode-input.js

@@ -15,8 +15,8 @@ const defaultProps = {
   caret: true
 };
 export const PasscodeInput = forwardRef((p, ref) => {
-  const props = mergeProps(defaultProps, p); // 防止 length 值不合法
-
+  const props = mergeProps(defaultProps, p);
+  // 防止 length 值不合法
   const cellLength = props.length > 0 && props.length < Infinity ? Math.floor(props.length) : defaultProps.length;
   const {
     locale
@@ -27,28 +27,22 @@ export const PasscodeInput = forwardRef((p, ref) => {
   const nativeInputRef = useRef(null);
   useEffect(() => {
     var _a;
-
     if (value.length >= cellLength) {
       (_a = props.onFill) === null || _a === void 0 ? void 0 : _a.call(props, value);
     }
   }, [value, cellLength]);
-
   const onFocus = () => {
     var _a, _b;
-
     if (!props.keyboard) {
       (_a = nativeInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     }
-
     setFocused(true);
     (_b = props.onFocus) === null || _b === void 0 ? void 0 : _b.call(props);
   };
-
   useEffect(() => {
     if (!focused) return;
     const timeout = window.setTimeout(() => {
       var _a;
-
       (_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView({
         block: 'center',
         inline: 'center',
@@ -59,35 +53,27 @@ export const PasscodeInput = forwardRef((p, ref) => {
       window.clearTimeout(timeout);
     };
   }, [focused]);
-
   const onBlur = () => {
     var _a;
-
     setFocused(false);
     (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props);
   };
-
   useImperativeHandle(ref, () => ({
     focus: () => {
       var _a;
-
       return (_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     },
     blur: () => {
       var _a, _b;
-
       (_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.blur();
       (_b = nativeInputRef.current) === null || _b === void 0 ? void 0 : _b.blur();
     }
   }));
-
   const renderCells = () => {
     const cells = [];
     const chars = value.split('');
     const caretIndex = chars.length; // 光标位置index等于当前文字长度
-
     const focusedIndex = bound(chars.length, 0, cellLength - 1);
-
     for (let i = 0; i < cellLength; i++) {
       cells.push(React.createElement("div", {
         className: classNames(`${classPrefix}-cell`, {
@@ -98,10 +84,8 @@ export const PasscodeInput = forwardRef((p, ref) => {
         key: i
       }, chars[i] && props.plain ? chars[i] : ''));
     }
-
     return cells;
   };
-
   const cls = classNames(classPrefix, {
     [`${classPrefix}-focused`]: focused,
     [`${classPrefix}-error`]: props.error,
@@ -140,7 +124,6 @@ export const PasscodeInput = forwardRef((p, ref) => {
     },
     onClose: () => {
       var _a;
-
       (_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.blur();
     }
   }));

package/es/components/picker/picker.css

@@ -44,6 +44,7 @@
 .adm-picker-body {
   flex: 1;
   width: 100%;
+  height: 100%;
 }
 .adm-picker-body > .adm-picker-view {
   --height: 100%;

package/es/components/picker/picker.js

@@ -20,7 +20,6 @@ const defaultProps = {
 };
 export const Picker = memo(forwardRef((p, ref) => {
   var _a;
-
   const {
     locale
   } = useConfig();
@@ -33,7 +32,6 @@ export const Picker = memo(forwardRef((p, ref) => {
     defaultValue: false,
     onChange: v => {
       var _a;
-
       if (v === false) {
         (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
       }
@@ -54,7 +52,6 @@ export const Picker = memo(forwardRef((p, ref) => {
   const [value, setValue] = usePropsValue(Object.assign(Object.assign({}, props), {
     onChange: val => {
       var _a;
-
       const extend = generateColumnsExtend(props.columns, val);
       (_a = props.onConfirm) === null || _a === void 0 ? void 0 : _a.call(props, val, extend);
     }
@@ -73,9 +70,7 @@ export const Picker = memo(forwardRef((p, ref) => {
   }, [value]);
   const onChange = useMemoizedFn((val, ext) => {
     var _a;
-
     setInnerValue(val);
-
     if (visible) {
       (_a = props.onSelect) === null || _a === void 0 ? void 0 : _a.call(props, val, ext);
     }
@@ -89,7 +84,6 @@ export const Picker = memo(forwardRef((p, ref) => {
     className: `${classPrefix}-header-button`,
     onClick: () => {
       var _a;
-
       (_a = props.onCancel) === null || _a === void 0 ? void 0 : _a.call(props);
       setVisible(false);
     }
@@ -122,7 +116,6 @@ export const Picker = memo(forwardRef((p, ref) => {
     position: 'bottom',
     onMaskClick: () => {
       var _a;
-
       if (!props.closeOnMaskClick) return;
       (_a = props.onCancel) === null || _a === void 0 ? void 0 : _a.call(props);
       setVisible(false);

package/es/components/picker/prompt.js

@@ -12,26 +12,22 @@ export function prompt(props) {
         visible: visible,
         onConfirm: (val, extend) => {
           var _a;
-
           (_a = props.onConfirm) === null || _a === void 0 ? void 0 : _a.call(props, val, extend);
           resolve(val);
         },
         onClose: () => {
           var _a;
-
           (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
           setVisible(false);
           resolve(null);
         },
         afterClose: () => {
           var _a;
-
           (_a = props.afterClose) === null || _a === void 0 ? void 0 : _a.call(props);
           unmount();
         }
       }));
     };
-
     const unmount = renderToBody(React.createElement(Wrapper, null));
   });
 }

package/es/components/picker-view/columns-extend.js

@@ -11,7 +11,6 @@ export function generateColumnsExtend(rawColumns, val) {
   const items = withCache(() => {
     return val.map((v, index) => {
       var _a;
-
       const column = columns()[index];
       if (!column) return null;
       return (_a = column.find(item => item.value === v)) !== null && _a !== void 0 ? _a : null;
@@ -21,11 +20,9 @@ export function generateColumnsExtend(rawColumns, val) {
     get columns() {
       return columns();
     },
-
     get items() {
       return items();
     }
-
   };
   return extend;
 }

package/es/components/picker-view/picker-view.css

@@ -63,6 +63,7 @@
   display: flex;
   flex-direction: column;
   position: relative;
+  top: calc(var(--item-height) * -1);
   z-index: 0;
   padding-bottom: 1px;
 }