antd-mobile 5.23.0 → 5.24.1

package/es/components/swiper/swiper.js

@@ -24,8 +24,10 @@ const defaultProps = {
   stuckAtBoundary: true,
   rubberband: true
 };
+let currentUid;
 export const Swiper = forwardRef(staged((p, ref) => {
   const props = mergeProps(defaultProps, p);
+  const [uid] = useState({});
   const isVertical = props.direction === 'vertical';
   const slideRatio = props.slideSize / 100;
   const offsetRatio = props.trackOffset / 100;
@@ -36,12 +38,10 @@ export const Swiper = forwardRef(staged((p, ref) => {
     let count = 0;
     const validChildren = React.Children.map(props.children, child => {
       if (!React.isValidElement(child)) return null;
-
       if (child.type !== SwiperItem) {
         devWarning('Swiper', 'The children of `Swiper` must be `Swiper.Item` components.');
         return null;
       }
-
       count++;
       return child;
     });
@@ -50,48 +50,37 @@ export const Swiper = forwardRef(staged((p, ref) => {
       count
     };
   }, [props.children]);
-
   if (count === 0 || !validChildren) {
     devWarning('Swiper', '`Swiper` needs at least one child.');
     return null;
   }
-
   return () => {
     let loop = props.loop;
-
     if (slideRatio * (count - 1) < 1) {
       loop = false;
     }
-
     const trackRef = useRef(null);
-
     function getSlidePixels() {
       const track = trackRef.current;
       if (!track) return 0;
       const trackPixels = isVertical ? track.offsetHeight : track.offsetWidth;
       return trackPixels * props.slideSize / 100;
     }
-
     const [current, setCurrent] = useState(props.defaultIndex);
     useUpdateEffect(() => {
       var _a;
-
       (_a = props.onIndexChange) === null || _a === void 0 ? void 0 : _a.call(props, current);
     }, [current]);
     const [dragging, setDragging, draggingRef] = useRefState(false);
-
     function boundIndex(current) {
       let min = 0;
       let max = count - 1;
-
       if (props.stuckAtBoundary) {
         min += offsetRatio / slideRatio;
         max -= (1 - slideRatio - offsetRatio) / slideRatio;
       }
-
       return bound(current, min, max);
     }
-
     const [{
       position
     }, api] = useSpring(() => ({
@@ -114,17 +103,19 @@ export const Swiper = forwardRef(staged((p, ref) => {
       }
     }), [count]);
     const dragCancelRef = useRef(null);
-
     function forceCancelDrag() {
       var _a;
-
       (_a = dragCancelRef.current) === null || _a === void 0 ? void 0 : _a.call(dragCancelRef);
       draggingRef.current = false;
     }
-
     const bind = useDrag(state => {
       dragCancelRef.current = state.cancel;
       if (!state.intentional) return;
+      if (state.first && !currentUid) {
+        currentUid = uid;
+      }
+      if (currentUid !== uid) return;
+      currentUid = state.last ? undefined : uid;
       const slidePixels = getSlidePixels();
       if (!slidePixels) return;
       const paramIndex = isVertical ? 1 : 0;
@@ -132,7 +123,6 @@ export const Swiper = forwardRef(staged((p, ref) => {
       const direction = state.direction[paramIndex];
       const velocity = state.velocity[paramIndex];
       setDragging(true);
-
       if (!state.last) {
         api.start({
           position: offset * 100 / slidePixels,
@@ -174,7 +164,6 @@ export const Swiper = forwardRef(staged((p, ref) => {
         touch: true
       }
     });
-
     function swipeTo(index, immediate = false) {
       const roundedIndex = Math.round(index);
       const targetIndex = loop ? modulus(roundedIndex, count) : bound(roundedIndex, 0, count - 1);
@@ -184,15 +173,12 @@ export const Swiper = forwardRef(staged((p, ref) => {
         immediate
       });
     }
-
     function swipeNext() {
       swipeTo(Math.round(position.get() / 100) + 1);
     }
-
     function swipePrev() {
       swipeTo(Math.round(position.get() / 100) - 1);
     }
-
     useImperativeHandle(ref, () => ({
       swipeTo,
       swipeNext,
@@ -200,7 +186,6 @@ export const Swiper = forwardRef(staged((p, ref) => {
     }));
     useIsomorphicLayoutEffect(() => {
       const maxIndex = validChildren.length - 1;
-
       if (current > maxIndex) {
         swipeTo(maxIndex, true);
       }
@@ -218,7 +203,6 @@ export const Swiper = forwardRef(staged((p, ref) => {
         window.clearInterval(interval);
       };
     }, [autoplay, autoplayInterval, dragging, count]);
-
     function renderTrackInner() {
       if (loop) {
         return React.createElement("div", {
@@ -251,7 +235,6 @@ export const Swiper = forwardRef(staged((p, ref) => {
         }));
       }
     }
-
     const style = {
       '--slide-size': `${props.slideSize}%`,
       '--track-offset': `${props.trackOffset}%`
@@ -268,7 +251,6 @@ export const Swiper = forwardRef(staged((p, ref) => {
         if (draggingRef.current) {
           e.stopPropagation();
         }
-
         forceCancelDrag();
       }
     }, props.allowTouchMove ? bind() : {}), renderTrackInner()), props.indicator === undefined ? React.createElement("div", {
@@ -280,7 +262,6 @@ export const Swiper = forwardRef(staged((p, ref) => {
     }))) : props.indicator(count, current)));
   };
 }));
-
 function modulus(value, division) {
   const remainder = value % division;
   return remainder < 0 ? remainder + division : remainder;

package/es/components/switch/switch.js

@@ -23,18 +23,14 @@ export const Switch = p => {
     defaultValue: props.defaultChecked,
     onChange: props.onChange
   });
-
   function onClick() {
     return __awaiter(this, void 0, void 0, function* () {
       if (disabled || props.loading || changing) {
         return;
       }
-
       const nextChecked = !checked;
-
       if (props.beforeChange) {
         setChanging(true);
-
         try {
           yield props.beforeChange(nextChecked);
           setChanging(false);
@@ -43,12 +39,9 @@ export const Switch = p => {
           throw e;
         }
       }
-
       const result = setChecked(nextChecked);
-
       if (isPromise(result)) {
         setChanging(true);
-
         try {
           yield result;
           setChanging(false);
@@ -59,7 +52,6 @@ export const Switch = p => {
       }
     });
   }
-
   return withNativeProps(props, React.createElement("div", {
     onClick: onClick,
     className: classNames(classPrefix, {

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

@@ -7,7 +7,6 @@ import SafeArea from '../safe-area';
 import { usePropsValue } from '../../utils/use-props-value';
 import { traverseReactNode } from '../../utils/traverse-react-node';
 /* istanbul ignore next */
-
 export const TabBarItem = () => {
   return null;
 };
@@ -17,7 +16,6 @@ const defaultProps = {
 };
 export const TabBar = p => {
   var _a;
-
   const props = mergeProps(defaultProps, p);
   let firstActiveKey = null;
   const items = [];
@@ -25,11 +23,9 @@ export const TabBar = p => {
     if (!React.isValidElement(child)) return;
     const key = child.key;
     if (typeof key !== 'string') return;
-
     if (index === 0) {
       firstActiveKey = key;
     }
-
     items.push(child);
   });
   const [activeKey, setActiveKey] = usePropsValue({
@@ -37,7 +33,6 @@ export const TabBar = p => {
     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);
     }
@@ -48,7 +43,6 @@ export const TabBar = p => {
     className: `${classPrefix}-wrap`
   }, items.map(item => {
     const active = item.key === activeKey;
-
     function renderContent() {
       const iconElement = item.props.icon && React.createElement("div", {
         className: `${classPrefix}-item-icon`
@@ -56,7 +50,6 @@ export const TabBar = p => {
       const titleElement = item.props.title && React.createElement("div", {
         className: classNames(`${classPrefix}-item-title`, Boolean(iconElement) && `${classPrefix}-item-title-with-icon`)
       }, typeof item.props.title === 'function' ? item.props.title(active) : item.props.title);
-
       if (iconElement) {
         return React.createElement(React.Fragment, null, React.createElement(Badge, {
           content: item.props.badge,
@@ -68,10 +61,8 @@ export const TabBar = p => {
           className: `${classPrefix}-title-badge`
         }, titleElement);
       }
-
       return null;
     }
-
     return withNativeProps(item.props, React.createElement("div", {
       key: item.key,
       onClick: () => {

package/es/components/tabs/tabs.js

@@ -21,7 +21,6 @@ const defaultProps = {
 };
 export const Tabs = p => {
   var _a;
-
   const props = mergeProps(defaultProps, p);
   const tabListContainerRef = useRef(null);
   const activeLineRef = useRef(null);
@@ -32,11 +31,9 @@ export const Tabs = p => {
     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;
   });
@@ -45,7 +42,6 @@ export const Tabs = p => {
     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);
     }
@@ -80,12 +76,10 @@ export const Tabs = p => {
       clamp: true
     }
   }));
-
   function animate(immediate = false) {
     const container = tabListContainerRef.current;
     if (!container) return;
     const activeIndex = keyToIndexRecord[activeKey];
-
     if (activeIndex === undefined) {
       api.start({
         x: 0,
@@ -94,7 +88,6 @@ export const Tabs = p => {
       });
       return;
     }
-
     const activeLine = activeLineRef.current;
     if (!activeLine) return;
     const activeTabWrapper = container.children.item(activeIndex + 1);
@@ -109,7 +102,6 @@ export const Tabs = p => {
     const activeLineWidth = activeLine.offsetWidth;
     let x = 0;
     let width = 0;
-
     if (props.activeLineMode === 'auto') {
       x = activeTabLeft;
       width = activeTabWidth;
@@ -119,7 +111,6 @@ export const Tabs = p => {
     } else {
       x = activeTabLeft + (activeTabWidth - activeLineWidth) / 2;
     }
-
     api.start({
       x,
       width,
@@ -136,7 +127,6 @@ export const Tabs = p => {
       immediate
     });
   }
-
   useIsomorphicLayoutEffect(() => {
     animate(!x.isAnimating);
   }, []);
@@ -211,11 +201,9 @@ export const Tabs = p => {
         key
       } = pane;
       if (pane.props.disabled) return;
-
       if (key === undefined || key === null) {
         return;
       }
-
       setActiveKey(key.toString());
     },
     className: classNames(`${classPrefix}-tab`, {
@@ -226,7 +214,6 @@ export const Tabs = p => {
     if (pane.props.children === undefined) {
       return null;
     }
-
     const active = pane.key === activeKey;
     return React.createElement(ShouldRender, {
       key: pane.key,

package/es/components/tag/tag.js

@@ -17,7 +17,6 @@ const defaultProps = {
 };
 export const Tag = p => {
   var _a;
-
   const props = mergeProps(defaultProps, p);
   const color = (_a = colorRecord[props.color]) !== null && _a !== void 0 ? _a : props.color;
   const style = {

package/es/components/text-area/text-area.js

@@ -21,11 +21,9 @@ export const TextArea = forwardRef((p, ref) => {
   const [value, setValue] = usePropsValue(Object.assign(Object.assign({}, props), {
     value: props.value === null ? '' : props.value
   }));
-
   if (props.value === null) {
     devError('TextArea', '`value` prop on `TextArea` should not be `null`. Consider using an empty string to clear the component.');
   }
-
   const nativeTextAreaRef = useRef(null);
   useImperativeHandle(ref, () => ({
     clear: () => {
@@ -33,19 +31,15 @@ export const TextArea = forwardRef((p, ref) => {
     },
     focus: () => {
       var _a;
-
       (_a = nativeTextAreaRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     },
     blur: () => {
       var _a;
-
       (_a = nativeTextAreaRef.current) === null || _a === void 0 ? void 0 : _a.blur();
     },
-
     get nativeElement() {
       return nativeTextAreaRef.current;
     }
-
   }));
   useIsomorphicLayoutEffect(() => {
     if (!autoSize) return;
@@ -53,26 +47,21 @@ export const TextArea = forwardRef((p, ref) => {
     if (!textArea) return;
     textArea.style.height = 'auto';
     let height = textArea.scrollHeight;
-
     if (typeof autoSize === 'object') {
       const computedStyle = window.getComputedStyle(textArea);
       const lineHeight = parseFloat(computedStyle.lineHeight);
-
       if (autoSize.minRows) {
         height = Math.max(height, autoSize.minRows * lineHeight);
       }
-
       if (autoSize.maxRows) {
         height = Math.min(height, autoSize.maxRows * lineHeight);
       }
     }
-
     textArea.style.height = `${height}px`;
   }, [value, autoSize]);
   const compositingRef = useRef(false);
   let count;
   const valueLength = [...value].length;
-
   if (typeof showCount === 'function') {
     count = showCount(valueLength, maxLength);
   } else if (showCount) {
@@ -80,7 +69,6 @@ export const TextArea = forwardRef((p, ref) => {
       className: `${classPrefix}-count`
     }, maxLength === undefined ? valueLength : valueLength + '/' + maxLength);
   }
-
   return withNativeProps(props, React.createElement("div", {
     className: classPrefix
   }, React.createElement("textarea", {
@@ -91,30 +79,24 @@ export const TextArea = forwardRef((p, ref) => {
     placeholder: props.placeholder,
     onChange: e => {
       let v = e.target.value;
-
       if (maxLength && !compositingRef.current) {
         v = [...v].slice(0, maxLength).join('');
       }
-
       setValue(v);
     },
     id: props.id,
     onCompositionStart: e => {
       var _a;
-
       compositingRef.current = true;
       (_a = props.onCompositionStart) === null || _a === void 0 ? void 0 : _a.call(props, e);
     },
     onCompositionEnd: e => {
       var _a;
-
       compositingRef.current = false;
-
       if (maxLength) {
         const v = e.target.value;
         setValue([...v].slice(0, maxLength).join(''));
       }
-
       (_a = props.onCompositionEnd) === null || _a === void 0 ? void 0 : _a.call(props, e);
     },
     autoComplete: props.autoComplete,

package/es/components/toast/methods.js

@@ -9,9 +9,7 @@ const defaultProps = {
   position: 'center',
   maskClickable: true
 };
-
 const ToastInner = props => React.createElement(InternalToast, Object.assign({}, props));
-
 export function show(p) {
   const props = mergeProps(defaultProps, typeof p === 'string' ? {
     content: p
@@ -21,23 +19,19 @@ export function show(p) {
       currentHandler = null;
     }
   }));
-
   if (currentHandler) {
     currentHandler.replace(element);
   } else {
     currentHandler = renderImperatively(element);
   }
-
   if (currentTimeout) {
     window.clearTimeout(currentTimeout);
   }
-
   if (props.duration !== 0) {
     currentTimeout = window.setTimeout(() => {
       clear();
     }, props.duration);
   }
-
   return currentHandler;
 }
 export function clear() {
@@ -48,11 +42,9 @@ export function config(val) {
   if (val.duration !== undefined) {
     defaultProps.duration = val.duration;
   }
-
   if (val.position !== undefined) {
     defaultProps.position = val.position;
   }
-
   if (val.maskClickable !== undefined) {
     defaultProps.maskClickable = val.maskClickable;
   }

package/es/components/toast/toast.js

@@ -20,24 +20,20 @@ export const InternalToast = p => {
   } = props;
   const iconElement = useMemo(() => {
     if (icon === null || icon === undefined) return null;
-
     switch (icon) {
       case 'success':
         return React.createElement(CheckOutline, {
           className: `${classPrefix}-icon-success`
         });
-
       case 'fail':
         return React.createElement(CloseOutline, {
           className: `${classPrefix}-icon-fail`
         });
-
       case 'loading':
         return React.createElement(SpinLoading, {
           color: 'white',
           className: `${classPrefix}-loading`
         });
-
       default:
         return icon;
     }
@@ -46,10 +42,8 @@ export const InternalToast = p => {
     switch (position) {
       case 'top':
         return '20%';
-
       case 'bottom':
         return '80%';
-
       default:
         return '50%';
     }