antd-mobile 5.23.0 → 5.24.1

package/2x/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/2x/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/2x/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/2x/es/components/picker-view/picker-view.js

@@ -17,11 +17,10 @@ const defaultProps = {
 };
 export const PickerView = memo(p => {
   const props = mergeProps(defaultProps, p);
-  const [innerValue, setInnerValue] = useState(props.value === undefined ? props.defaultValue : props.value); // Sync `value` to `innerValue`
-
+  const [innerValue, setInnerValue] = useState(props.value === undefined ? props.defaultValue : props.value);
+  // Sync `value` to `innerValue`
   useEffect(() => {
     if (props.value === undefined) return; // Uncontrolled mode
-
     if (props.value === innerValue) return;
     setInnerValue(props.value);
   }, [props.value]);
@@ -40,7 +39,6 @@ export const PickerView = memo(p => {
   const columns = extend.columns;
   useDebounceEffect(() => {
     var _a;
-
     if (props.value === innerValue) return;
     (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, innerValue, extend);
   }, [innerValue], {

package/2x/es/components/picker-view/wheel.js

@@ -14,11 +14,9 @@ export const Wheel = memo(props => {
     column,
     renderLabel
   } = props;
-
   function onSelect(val) {
     props.onSelect(val, props.index);
   }
-
   const [{
     y
   }, api] = useSpring(() => ({
@@ -62,7 +60,6 @@ export const Wheel = memo(props => {
       }
     }
   }, [column, value]);
-
   function scrollSelect(index) {
     const finalPosition = index * -itemHeight.current;
     api.start({
@@ -72,12 +69,10 @@ export const Wheel = memo(props => {
     if (!item) return;
     onSelect(item.value);
   }
-
   const handleDrag = state => {
     draggingRef.current = true;
     const min = -((column.length - 1) * itemHeight.current);
     const max = 0;
-
     if (state.last) {
       draggingRef.current = false;
       const position = state.offset[1] + state.velocity[1] * state.direction[1] * 50;
@@ -90,7 +85,6 @@ export const Wheel = memo(props => {
       });
     }
   };
-
   useDrag(state => {
     state.event.stopPropagation();
     handleDrag(state);
@@ -116,12 +110,10 @@ export const Wheel = memo(props => {
     } : false
   });
   let selectedIndex = null;
-
   function renderAccessible() {
     if (selectedIndex === null) {
       return null;
     }
-
     const current = column[selectedIndex];
     const previousIndex = selectedIndex - 1;
     const nextIndex = selectedIndex + 1;
@@ -151,7 +143,6 @@ export const Wheel = memo(props => {
       "aria-label": !next ? '没有下一项' : `选择下一项：${next.label}`
     }, "-"));
   }
-
   return React.createElement("div", {
     className: `${classPrefix}-column`
   }, React.createElement("div", {
@@ -166,15 +157,12 @@ export const Wheel = memo(props => {
     "aria-hidden": true
   }, column.map((item, index) => {
     var _a;
-
     const selected = props.value === item.value;
     if (selected) selectedIndex = index;
-
     function handleClick() {
       draggingRef.current = false;
       scrollSelect(index);
     }
-
     return React.createElement("div", {
       key: (_a = item.key) !== null && _a !== void 0 ? _a : item.value,
       "data-selected": item.value === value,
@@ -192,11 +180,9 @@ export const Wheel = memo(props => {
   if (prev.onSelect !== next.onSelect) return false;
   if (prev.renderLabel !== next.renderLabel) return false;
   if (prev.mouseWheel !== next.mouseWheel) return false;
-
   if (!isEqual(prev.column, next.column)) {
     return false;
   }
-
   return true;
 });
 Wheel.displayName = 'Wheel';

package/2x/es/components/popover/normalize-placement.js

@@ -10,6 +10,5 @@ const record = {
 };
 export function normalizePlacement(placement) {
   var _a;
-
   return (_a = record[placement]) !== null && _a !== void 0 ? _a : placement;
 }

package/2x/es/components/popover/popover-menu.js

@@ -3,20 +3,17 @@ import classNames from 'classnames';
 import { Popover } from './popover';
 const classPrefix = `adm-popover-menu`;
 export const PopoverMenu = forwardRef((props, ref) => {
-  const innerRef = useRef(null); // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-
+  const innerRef = useRef(null);
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   useImperativeHandle(ref, () => innerRef.current, []);
   const onClick = useCallback(e => {
     var _a;
-
     const {
       onAction
     } = props;
-
     if (onAction) {
       onAction(e);
     }
-
     (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.hide();
   }, [props.onAction]);
   const overlay = useMemo(() => {
@@ -26,13 +23,11 @@ export const PopoverMenu = forwardRef((props, ref) => {
       className: `${classPrefix}-list-inner`
     }, props.actions.map((action, index) => {
       var _a;
-
       return React.createElement("a", {
         key: (_a = action.key) !== null && _a !== void 0 ? _a : index,
         className: classNames(`${classPrefix}-item`, 'adm-plain-anchor', action.disabled && `${classPrefix}-item-disabled`),
         onClick: () => {
           var _a;
-
           if (action.disabled) return;
           onClick(action);
           (_a = action.onClick) === null || _a === void 0 ? void 0 : _a.call(action);

package/2x/es/components/popover/popover.js

@@ -55,10 +55,8 @@ export const Popover = forwardRef((p, ref) => {
     className: `${classPrefix}-inner-content`
   }, props.content)))));
   const [targetElement, setTargetElement] = useState(null);
-
   function update() {
     var _a, _b, _c;
-
     return __awaiter(this, void 0, void 0, function* () {
       const target = (_b = (_a = targetRef.current) === null || _a === void 0 ? void 0 : _a.element) !== null && _b !== void 0 ? _b : null;
       const floating = floatingRef.current;
@@ -112,18 +110,15 @@ export const Popover = forwardRef((p, ref) => {
       arrowElement.style.setProperty('--arrow-icon-rotate', arrowRotate);
     });
   }
-
   useIsomorphicLayoutEffect(() => {
     update();
   });
   useEffect(() => {
     if (!targetElement) return;
     if (!props.trigger) return;
-
     function handleClick() {
       setVisible(v => !v);
     }
-
     targetElement.addEventListener('click', handleClick);
     return () => {
       targetElement.removeEventListener('click', handleClick);
@@ -139,11 +134,10 @@ export const Popover = forwardRef((p, ref) => {
   useClickAway(() => {
     if (!props.trigger) return;
     setVisible(false);
-  }, () => {
+  }, [() => {
     var _a;
-
     return (_a = targetRef.current) === null || _a === void 0 ? void 0 : _a.element;
-  });
+  }, floatingRef], ['click', 'touchmove']);
   const shouldRender = useShouldRender(visible, false, props.destroyOnHide);
   return React.createElement(React.Fragment, null, React.createElement(Wrapper, {
     ref: targetRef

package/2x/es/components/popover/wrapper.js

@@ -5,24 +5,19 @@ export class Wrapper extends React.Component {
     super(...arguments);
     this.element = null;
   }
-
   componentDidMount() {
     this.componentDidUpdate();
   }
-
   componentDidUpdate() {
     // eslint-disable-next-line
     const node = findDOMNode(this);
-
     if (node instanceof Element) {
       this.element = node;
     } else {
       this.element = null;
     }
   }
-
   render() {
     return React.Children.only(this.props.children);
   }
-
 }

package/2x/es/components/popup/popup.js

@@ -26,7 +26,7 @@ export const Popup = p => {
     }
   }, [props.visible]);
   const ref = useRef(null);
-  useLockScroll(ref, props.disableBodyScroll && active);
+  useLockScroll(ref, props.disableBodyScroll && active ? 'strict' : false);
   const unmountedRef = useUnmountedRef();
   const {
     percent
@@ -40,10 +40,8 @@ export const Popup = 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 {
@@ -64,9 +62,7 @@ export const Popup = p => {
     destroyOnClose: props.destroyOnClose,
     onMaskClick: e => {
       var _a, _b;
-
       (_a = props.onMaskClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
-
       if (props.closeOnMaskClick) {
         (_b = props.onClose) === null || _b === void 0 ? void 0 : _b.call(props);
       }
@@ -82,19 +78,15 @@ export const Popup = p => {
         if (props.position === 'bottom') {
           return `translate(0, ${v}%)`;
         }
-
         if (props.position === 'top') {
           return `translate(0, -${v}%)`;
         }
-
         if (props.position === 'left') {
           return `translate(-${v}%, 0)`;
         }
-
         if (props.position === 'right') {
           return `translate(${v}%, 0)`;
         }
-
         return 'none';
       })
     }),
@@ -103,7 +95,6 @@ export const Popup = p => {
     className: classNames(`${classPrefix}-close-icon`, 'adm-plain-anchor'),
     onClick: () => {
       var _a;
-
       (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
     }
   }, React.createElement(CloseOutline, null)), props.children))));

package/2x/es/components/progress-bar/progress-bar.js

@@ -14,19 +14,15 @@ export const ProgressBar = p => {
   const fillStyle = {
     width: `${props.percent}%`
   };
-
   const textElement = function () {
     if (props.text === true) {
       return `${props.percent}%`;
     }
-
     if (typeof props.text === 'function') {
       return props.text(props.percent);
     }
-
     return props.text;
   }();
-
   return withNativeProps(props, React.createElement("div", {
     className: classNames(classPrefix, props.rounded && `${classPrefix}-rounded`)
   }, React.createElement("div", {

package/2x/es/components/pull-to-refresh/pull-to-refresh.js

@@ -21,7 +21,6 @@ export const defaultProps = {
 };
 export const PullToRefresh = p => {
   var _a, _b;
-
   const {
     locale
   } = useConfig();
@@ -45,21 +44,18 @@ export const PullToRefresh = p => {
     }
   }));
   const elementRef = useRef(null);
-  const pullingRef = useRef(false); //防止下拉时抖动
-
+  const pullingRef = useRef(false);
+  //防止下拉时抖动
   useEffect(() => {
     var _a;
-
     (_a = elementRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('touchmove', () => {});
   }, []);
-
   function doRefresh() {
     return __awaiter(this, void 0, void 0, function* () {
       api.start({
         height: headHeight
       });
       setStatus('refreshing');
-
       try {
         yield props.onRefresh();
         setStatus('complete');
@@ -74,11 +70,9 @@ export const PullToRefresh = p => {
         });
         throw e;
       }
-
       if (props.completeDelay > 0) {
         yield sleep(props.completeDelay);
       }
-
       api.start({
         to: next => __awaiter(this, void 0, void 0, function* () {
           yield next({
@@ -89,16 +83,13 @@ export const PullToRefresh = p => {
       });
     });
   }
-
   useDrag(state => {
     if (status === 'refreshing' || status === 'complete') return;
     const {
       event
     } = state;
-
     if (state.last) {
       pullingRef.current = false;
-
       if (status === 'canRelease') {
         doRefresh();
       } else {
@@ -106,45 +97,33 @@ export const PullToRefresh = p => {
           height: 0
         });
       }
-
       return;
     }
-
     const [, y] = state.movement;
-
     if (state.first && y > 0) {
       const target = state.event.target;
       if (!target || !(target instanceof Element)) return;
       let scrollParent = getScrollParent(target);
-
       while (true) {
         if (!scrollParent) return;
         const scrollTop = getScrollTop(scrollParent);
-
         if (scrollTop > 0) {
           return;
         }
-
         if (scrollParent instanceof Window) {
           break;
         }
-
         scrollParent = getScrollParent(scrollParent.parentNode);
       }
-
       pullingRef.current = true;
-
       function getScrollTop(element) {
         return 'scrollTop' in element ? element.scrollTop : element.scrollY;
       }
     }
-
     if (!pullingRef.current) return;
-
     if (event.cancelable) {
       event.preventDefault();
     }
-
     event.stopPropagation();
     const height = Math.max(rubberbandIfOutOfBounds(y, 0, 0, headHeight * 5, 0.5), 0);
     api.start({
@@ -162,20 +141,16 @@ export const PullToRefresh = p => {
       passive: false
     } : false
   });
-
   const renderStatusText = () => {
     var _a;
-
     if (props.renderText) {
       return (_a = props.renderText) === null || _a === void 0 ? void 0 : _a.call(props, status);
     }
-
     if (status === 'pulling') return props.pullingText;
     if (status === 'canRelease') return props.canReleaseText;
     if (status === 'refreshing') return props.refreshingText;
     if (status === 'complete') return props.completeText;
   };
-
   return React.createElement(animated.div, {
     ref: elementRef,
     className: classPrefix

package/2x/es/components/radio/group.js

@@ -13,12 +13,12 @@ export const Group = p => {
     defaultValue: props.defaultValue,
     onChange: v => {
       var _a;
-
       if (v === null) return;
       (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, v);
     }
   });
-  return React.createElement(RadioGroupContext.Provider // TODO: 性能优化
+  return React.createElement(RadioGroupContext.Provider
+  // TODO: 性能优化
   , {
     // TODO: 性能优化
     value: {

package/2x/es/components/radio/radio.js

@@ -24,47 +24,37 @@ export const Radio = p => {
   const {
     value
   } = props;
-
   if (groupContext && value !== undefined) {
     if (isDev) {
       if (p.checked !== undefined) {
         devWarning('Radio', 'When used within `Radio.Group`, the `checked` prop of `Radio` will not work.');
       }
-
       if (p.defaultChecked !== undefined) {
         devWarning('Radio', 'When used within `Radio.Group`, the `defaultChecked` prop of `Radio` will not work.');
       }
     }
-
     checked = groupContext.value.includes(value);
-
     setChecked = innerChecked => {
       var _a;
-
       if (innerChecked) {
         groupContext.check(value);
       } else {
         groupContext.uncheck(value);
       }
-
       (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, innerChecked);
     };
-
     disabled = disabled || groupContext.disabled;
   }
-
   const renderIcon = () => {
     if (props.icon) {
       return React.createElement("div", {
         className: `${classPrefix}-custom-icon`
       }, props.icon(checked));
     }
-
     return React.createElement("div", {
       className: `${classPrefix}-icon`
     }, checked && React.createElement(CheckIcon, null));
   };
-
   return withNativeProps(props, React.createElement("label", {
     className: classNames(classPrefix, {
       [`${classPrefix}-checked`]: checked,

package/2x/es/components/rate/rate.js

@@ -20,7 +20,6 @@ export const Rate = p => {
   const [value, setValue] = usePropsValue(props);
   const containerRef = useRef(null);
   const starList = Array(props.count).fill(null);
-
   function renderStar(v, half) {
     return React.createElement("div", {
       className: classNames(`${classPrefix}-star`, {
@@ -33,7 +32,6 @@ export const Rate = p => {
       "aria-label": '' + v
     }, props.character);
   }
-
   const bind = useDrag(state => {
     if (props.readOnly) return;
     const {
@@ -46,14 +44,12 @@ export const Rate = p => {
     const rawValue = (clientX - rect.left) / rect.width * props.count;
     const ceiledValue = props.allowHalf ? Math.ceil(rawValue * 2) / 2 : Math.ceil(rawValue);
     const boundValue = bound(ceiledValue, 0, props.count);
-
     if (tap) {
       if (props.allowClear && boundValue === value) {
         setValue(0);
         return;
       }
     }
-
     setValue(boundValue);
   }, {
     axis: 'x',