antd-mobile 5.24.0 → 5.24.2

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

@@ -20,25 +20,23 @@ const Dropdown = forwardRef((p, ref) => {
     onChange: props.onChange
   });
   const navRef = useRef(null);
-  const contentRef = useRef(null); // 点击外部区域，关闭
-
+  const contentRef = useRef(null);
+  // 点击外部区域，关闭
   useClickAway(() => {
     if (!props.closeOnClickAway) return;
     setValue(null);
-  }, [navRef, contentRef]); // 计算 navs 的 top 值
-
+  }, [navRef, contentRef]);
+  // 计算 navs 的 top 值
   const [top, setTop] = useState();
   const containerRef = useRef(null);
   useEffect(() => {
     const container = containerRef.current;
     if (!container) return;
-
     if (value) {
       const rect = container.getBoundingClientRect();
       setTop(rect.bottom);
     }
   }, [value]);
-
   const changeActive = key => {
     if (value === key) {
       setValue(null);
@@ -46,7 +44,6 @@ const Dropdown = forwardRef((p, ref) => {
       setValue(key);
     }
   };
-
   let popupForceRender = false;
   const items = [];
   const navs = React.Children.map(props.children, child => {

package/2x/es/components/dropdown/item.js

@@ -4,10 +4,8 @@ import { withNativeProps } from '../../utils/native-props';
 import { useShouldRender } from '../../utils/should-render';
 import { DownFill } from 'antd-mobile-icons';
 const classPrefix = `adm-dropdown-item`;
-
 const Item = props => {
   var _a;
-
   const cls = classNames(classPrefix, {
     [`${classPrefix}-active`]: props.active,
     [`${classPrefix}-highlight`]: (_a = props.highlight) !== null && _a !== void 0 ? _a : props.active
@@ -25,7 +23,6 @@ const Item = props => {
     })
   }, props.arrow === undefined ? React.createElement(DownFill, null) : props.arrow))));
 };
-
 export default Item;
 export const ItemChildrenWrap = props => {
   const {

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

@@ -10,6 +10,7 @@ const defaultProps = {
   direction: 'end',
   rows: 1,
   expandText: '',
+  content: '',
   collapseText: '',
   stopPropagationForActionButtons: [],
   onContentClick: () => {}
@@ -21,11 +22,9 @@ export const Ellipsis = p => {
   const [expanded, setExpanded] = useState(false);
   const [exceeded, setExceeded] = useState(false);
   const chars = useMemo(() => runes(props.content), [props.content]);
-
   function getSubString(start, end) {
     return chars.slice(start, end).join('');
   }
-
   function calcEllipsised() {
     const root = rootRef.current;
     if (!root) return;
@@ -51,14 +50,12 @@ export const Ellipsis = p => {
     const maxHeight = Math.floor(lineHeight * (props.rows + 0.5) + pxToNumber(originStyle.paddingTop) + pxToNumber(originStyle.paddingBottom));
     container.innerText = props.content;
     document.body.appendChild(container);
-
     if (container.offsetHeight <= maxHeight) {
       setExceeded(false);
     } else {
       setExceeded(true);
       const end = props.content.length;
       const actionText = expanded ? props.collapseText : props.expandText;
-
       function check(left, right) {
         if (right - left <= 1) {
           if (props.direction === 'end') {
@@ -71,15 +68,12 @@ export const Ellipsis = p => {
             };
           }
         }
-
         const middle = Math.round((left + right) / 2);
-
         if (props.direction === 'end') {
           container.innerText = getSubString(0, middle) + '...' + actionText;
         } else {
           container.innerText = actionText + '...' + getSubString(middle, end);
         }
-
         if (container.offsetHeight <= maxHeight) {
           if (props.direction === 'end') {
             return check(middle, right);
@@ -94,7 +88,6 @@ export const Ellipsis = p => {
           }
         }
       }
-
       function checkMiddle(leftPart, rightPart) {
         if (leftPart[1] - leftPart[0] <= 1 && rightPart[1] - rightPart[0] <= 1) {
           return {
@@ -102,26 +95,21 @@ export const Ellipsis = p => {
             tailing: '...' + getSubString(rightPart[1], end)
           };
         }
-
         const leftPartMiddle = Math.floor((leftPart[0] + leftPart[1]) / 2);
         const rightPartMiddle = Math.ceil((rightPart[0] + rightPart[1]) / 2);
         container.innerText = getSubString(0, leftPartMiddle) + '...' + actionText + '...' + getSubString(rightPartMiddle, end);
-
         if (container.offsetHeight <= maxHeight) {
           return checkMiddle([leftPartMiddle, leftPart[1]], [rightPart[0], rightPartMiddle]);
         } else {
           return checkMiddle([leftPart[0], leftPartMiddle], [rightPartMiddle, rightPart[1]]);
         }
       }
-
       const middle = Math.floor((0 + end) / 2);
       const ellipsised = props.direction === 'middle' ? checkMiddle([0, middle], [middle, end]) : check(0, end);
       setEllipsised(ellipsised);
     }
-
     document.body.removeChild(container);
   }
-
   useResizeEffect(calcEllipsised, rootRef);
   useIsomorphicLayoutEffect(() => {
     calcEllipsised();
@@ -136,19 +124,16 @@ export const Ellipsis = p => {
       setExpanded(false);
     }
   }, props.collapseText)) : null;
-
   const renderContent = () => {
     if (!exceeded) {
       return props.content;
     }
-
     if (expanded) {
       return React.createElement(React.Fragment, null, props.content, collapseActionElement);
     } else {
       return React.createElement(React.Fragment, null, ellipsised.leading, expandActionElement, ellipsised.tailing);
     }
   };
-
   return withNativeProps(props, React.createElement("div", {
     ref: rootRef,
     className: classPrefix,
@@ -159,7 +144,6 @@ export const Ellipsis = p => {
     }
   }, renderContent()));
 };
-
 function pxToNumber(value) {
   if (!value) return 0;
   const match = value.match(/^\d*(\.\d*)?/);

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

@@ -4,20 +4,17 @@ import { withNativeProps } from '../../utils/native-props';
 import { EmptyIcon } from './empty-icon';
 const classPrefix = `adm-empty`;
 /** @deprecated Empty has been deprecated and will be removed in the next major version. */
-
 export const Empty = props => {
   function renderImageNode() {
     const {
       image
     } = props;
-
     if (image === undefined) {
       return React.createElement(EmptyIcon, {
         className: `${classPrefix}-image`,
         style: props.imageStyle
       });
     }
-
     if (typeof image === 'string') {
       return React.createElement("img", {
         className: `${classPrefix}-image`,
@@ -26,10 +23,8 @@ export const Empty = props => {
         alt: 'empty'
       });
     }
-
     return image;
   }
-
   return withNativeProps(props, React.createElement("div", {
     className: classPrefix
   }, React.createElement("div", {

package/2x/es/components/error-block/create-error-block.js

@@ -10,7 +10,6 @@ const defaultProps = {
 export function createErrorBlock(imageRecord) {
   const ErrorBlock = p => {
     var _a;
-
     const props = mergeProps(defaultProps, p);
     const {
       locale
@@ -39,6 +38,5 @@ export function createErrorBlock(imageRecord) {
       className: `${classPrefix}-content`
     }, props.children)));
   };
-
   return ErrorBlock;
 }

package/2x/es/components/floating-bubble/floating-bubble.js

@@ -16,7 +16,6 @@ export const FloatingBubble = p => {
    * inside a component that renders frequently
    * to prevent an unintended restart
    */
-
   const [{
     x,
     y,
@@ -29,19 +28,16 @@ export const FloatingBubble = p => {
   const bind = useDrag(state => {
     let nextX = state.offset[0];
     let nextY = state.offset[1];
-
     if (state.last && props.magnetic) {
       const boundary = boundaryRef.current;
       const button = buttonRef.current;
       if (!boundary || !button) return;
       const boundaryRect = boundary.getBoundingClientRect();
       const buttonRect = button.getBoundingClientRect();
-
       if (props.magnetic === 'x') {
         const compensation = x.goal - x.get();
         const leftDistance = buttonRect.left + compensation - boundaryRect.left;
         const rightDistance = boundaryRect.right - (buttonRect.right + compensation);
-
         if (rightDistance <= leftDistance) {
           nextX += rightDistance;
         } else {
@@ -51,7 +47,6 @@ export const FloatingBubble = p => {
         const compensation = y.goal - y.get();
         const topDistance = buttonRect.top + compensation - boundaryRect.top;
         const bottomDistance = boundaryRect.bottom - (buttonRect.bottom + compensation);
-
         if (bottomDistance <= topDistance) {
           nextY += bottomDistance;
         } else {
@@ -59,12 +54,11 @@ export const FloatingBubble = p => {
         }
       }
     }
-
     api.start({
       x: nextX,
       y: nextY
-    }); // active status
-
+    });
+    // active status
     api.start({
       opacity: state.active ? 0.8 : 1
     });

package/2x/es/components/floating-panel/floating-panel.js

@@ -12,7 +12,6 @@ const defaultProps = {
 };
 export const FloatingPanel = forwardRef((p, ref) => {
   var _a, _b;
-
   const props = mergeProps(defaultProps, p);
   const {
     anchors
@@ -42,11 +41,9 @@ export const FloatingPanel = forwardRef((p, ref) => {
   }));
   useDrag(state => {
     const [, offsetY] = state.offset;
-
     if (state.first) {
       const target = state.event.target;
       const header = headerRef.current;
-
       if (header === target || (header === null || header === void 0 ? void 0 : header.contains(target))) {
         pullingRef.current = true;
       } else {
@@ -54,7 +51,6 @@ export const FloatingPanel = forwardRef((p, ref) => {
         const reachedTop = y.goal <= bounds.top;
         const content = contentRef.current;
         if (!content) return;
-
         if (reachedTop) {
           if (content.scrollTop <= 0 && state.direction[1] > 0) {
             pullingRef.current = true;
@@ -64,26 +60,21 @@ export const FloatingPanel = forwardRef((p, ref) => {
         }
       }
     }
-
     setPulling(pullingRef.current);
     if (!pullingRef.current) return;
     const {
       event
     } = state;
-
     if (event.cancelable) {
       event.preventDefault();
     }
-
     event.stopPropagation();
     let nextY = offsetY;
-
     if (state.last) {
       pullingRef.current = false;
       setPulling(false);
       nextY = nearest(possibles, offsetY);
     }
-
     api.start({
       y: nextY
     });

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

@@ -20,20 +20,17 @@ export const Footer = p => {
     onChipClick,
     onLinkClick
   } = props;
-
   const clickChipItem = (item, index) => {
     if ((chips === null || chips === void 0 ? void 0 : chips.length) && item.type === 'link') {
       onChipClick === null || onChipClick === void 0 ? void 0 : onChipClick(item, index);
     }
   };
-
   const clickLinkItem = (item, index, e) => {
     if (onLinkClick) {
       e.preventDefault();
       onLinkClick(item, index);
     }
   };
-
   return withNativeProps(props, React.createElement("div", {
     className: classNames(classPrefix)
   }, label && React.createElement("div", {

package/2x/es/components/form/form-array.js

@@ -12,14 +12,12 @@ export const FormArray = props => {
     }));
     const children = props.children(fields, operation).map((child, index) => {
       var _a;
-
       return React.createElement(List, {
         key: fields[index].key,
         mode: 'card',
         header: (_a = props.renderHeader) === null || _a === void 0 ? void 0 : _a.call(props, fields[index], operation)
       }, child);
     });
-
     if (props.renderAdd) {
       children.push(React.createElement(List, {
         key: 'add',
@@ -32,7 +30,6 @@ export const FormArray = props => {
         arrow: false
       }, props.renderAdd())));
     }
-
     return React.createElement(React.Fragment, null, children);
   });
 };

package/2x/es/components/form/form-item.js

@@ -17,10 +17,8 @@ const classPrefix = `adm-form-item`;
 const MemoInput = React.memo(({
   children
 }) => children, (prev, next) => prev.value === next.value && prev.update === next.update);
-
 const FormItemLayout = props => {
   var _a;
-
   const {
     className,
     style,
@@ -41,36 +39,29 @@ const FormItemLayout = props => {
   const hasFeedback = props.hasFeedback !== undefined ? props.hasFeedback : context.hasFeedback;
   const layout = props.layout || context.layout;
   const disabled = (_a = props.disabled) !== null && _a !== void 0 ? _a : context.disabled;
-
   const requiredMark = (() => {
     const {
       requiredMarkStyle
     } = context;
-
     switch (requiredMarkStyle) {
       case 'asterisk':
         return required && React.createElement("span", {
           className: `${classPrefix}-required-asterisk`
         }, "*");
-
       case 'text-required':
         return required && React.createElement("span", {
           className: `${classPrefix}-required-text`
         }, "(", locale.Form.required, ")");
-
       case 'text-optional':
         return !required && React.createElement("span", {
           className: `${classPrefix}-required-text`
         }, "(", locale.Form.optional, ")");
-
       case 'none':
         return null;
-
       default:
         return null;
     }
   })();
-
   const labelElement = label ? React.createElement("label", {
     className: `${classPrefix}-label`,
     htmlFor: htmlFor
@@ -111,39 +102,37 @@ const FormItemLayout = props => {
     className: classNames(`${classPrefix}-child-inner`)
   }, children))));
 };
-
 export const FormItem = props => {
   const {
-    // 样式相关
-    className,
-    style,
-    // FormItem 相关
-    label,
-    help,
-    extra,
-    hasFeedback,
-    name,
-    required,
-    noStyle,
-    hidden,
-    layout,
-    childElementPosition,
-    description,
-    // Field 相关
-    disabled,
-    rules,
-    children,
-    messageVariables,
-    trigger = 'onChange',
-    validateTrigger = trigger,
-    onClick,
-    shouldUpdate,
-    dependencies,
-    clickable,
-    arrow
-  } = props,
-        fieldProps = __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"]);
-
+      // 样式相关
+      className,
+      style,
+      // FormItem 相关
+      label,
+      help,
+      extra,
+      hasFeedback,
+      name,
+      required,
+      noStyle,
+      hidden,
+      layout,
+      childElementPosition,
+      description,
+      // Field 相关
+      disabled,
+      rules,
+      children,
+      messageVariables,
+      trigger = 'onChange',
+      validateTrigger = trigger,
+      onClick,
+      shouldUpdate,
+      dependencies,
+      clickable,
+      arrow
+    } = props,
+    fieldProps = __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"]);
   const {
     name: formName
   } = useContext(FormContext);
@@ -159,46 +148,35 @@ export const FormItem = props => {
     setSubMetas(prevSubMetas => {
       const nextSubMetas = Object.assign({}, prevSubMetas);
       const nameKey = namePath.join(NAME_SPLIT);
-
       if (subMeta.destroy) {
         delete nextSubMetas[nameKey];
       } else {
         nextSubMetas[nameKey] = subMeta;
       }
-
       return nextSubMetas;
     });
   }, [setSubMetas]);
-
   function renderLayout(baseChildren, fieldId, meta, isRequired) {
     var _a, _b;
-
     if (noStyle && !hidden) {
       return baseChildren;
     }
-
     const curErrors = (_a = meta === null || meta === void 0 ? void 0 : meta.errors) !== null && _a !== void 0 ? _a : [];
     const errors = Object.keys(subMetas).reduce((subErrors, key) => {
       var _a, _b;
-
       const errors = (_b = (_a = subMetas[key]) === null || _a === void 0 ? void 0 : _a.errors) !== null && _b !== void 0 ? _b : [];
-
       if (errors.length) {
         subErrors = [...subErrors, ...errors];
       }
-
       return subErrors;
     }, curErrors);
     const curWarnings = (_b = meta === null || meta === void 0 ? void 0 : meta.warnings) !== null && _b !== void 0 ? _b : [];
     const warnings = Object.keys(subMetas).reduce((subWarnings, key) => {
       var _a, _b;
-
       const warnings = (_b = (_a = subMetas[key]) === null || _a === void 0 ? void 0 : _a.warnings) !== null && _b !== void 0 ? _b : [];
-
       if (warnings.length) {
         subWarnings = [...subWarnings, ...warnings];
       }
-
       return subWarnings;
     }, curWarnings);
     return withNativeProps(props, React.createElement(FormItemLayout, {
@@ -224,29 +202,22 @@ export const FormItem = props => {
       value: onSubMetaChange
     }, baseChildren)));
   }
-
   const isRenderProps = typeof children === 'function';
-
   if (!name && !isRenderProps && !props.dependencies) {
     return renderLayout(children);
   }
-
   let Variables = {};
   Variables.label = typeof label === 'string' ? label : '';
-
   if (messageVariables) {
     Variables = Object.assign(Object.assign({}, Variables), messageVariables);
   }
-
   const notifyParentMetaChange = useContext(NoStyleItemContext);
-
   const onMetaChange = meta => {
     if (noStyle && notifyParentMetaChange) {
       const namePath = meta.name;
       notifyParentMetaChange(meta, namePath);
     }
   };
-
   return React.createElement(Field, Object.assign({}, fieldProps, {
     name: name,
     shouldUpdate: shouldUpdate,
@@ -261,11 +232,9 @@ export const FormItem = props => {
     const isRequired = required !== undefined ? required : rules && rules.some(rule => !!(rule && typeof rule === 'object' && rule.required));
     const nameList = toArray(name).length && meta ? meta.name : [];
     const fieldId = (nameList.length > 0 && formName ? [formName, ...nameList] : nameList).join('_');
-
     if (shouldUpdate && dependencies) {
       devWarning('Form.Item', "`shouldUpdate` and `dependencies` shouldn't be used together.");
     }
-
     if (isRenderProps) {
       if ((shouldUpdate || dependencies) && !name) {
         childNode = children(context);
@@ -273,49 +242,40 @@ export const FormItem = props => {
         if (!(shouldUpdate || dependencies)) {
           devWarning('Form.Item', '`children` of render props only work with `shouldUpdate` or `dependencies`.');
         }
-
         if (name) {
           devWarning('Form.Item', "Do not use `name` with `children` of render props since it's not a field.");
         }
-      } // not render props
-
+      }
+      // not render props
     } else if (dependencies && !name) {
       devWarning('Form.Item', 'Must set `name` or use render props when `dependencies` is set.');
     } else if (React.isValidElement(children)) {
       if (children.props.defaultValue) {
         devWarning('Form.Item', '`defaultValue` will not work on controlled Field. You should use `initialValues` of Form instead.');
       }
-
       const childProps = Object.assign(Object.assign({}, children.props), control);
-
       if (isSafeSetRefComponent(children)) {
         childProps.ref = instance => {
           const originRef = children.ref;
-
           if (originRef) {
             if (typeof originRef === 'function') {
               originRef(instance);
             }
-
             if ('current' in originRef) {
               originRef.current = instance;
             }
           }
-
           widgetRef.current = instance;
         };
       }
-
       if (!childProps.id) {
         childProps.id = fieldId;
-      } // We should keep user origin event handler
-
-
+      }
+      // We should keep user origin event handler
       const triggers = new Set([...toArray(trigger), ...toArray(mergedValidateTrigger)]);
       triggers.forEach(eventName => {
         childProps[eventName] = (...args) => {
           var _a, _b, _c;
-
           (_a = control[eventName]) === null || _a === void 0 ? void 0 : _a.call(control, ...args);
           (_c = (_b = children.props)[eventName]) === null || _c === void 0 ? void 0 : _c.call(_b, ...args);
         };
@@ -328,10 +288,8 @@ export const FormItem = props => {
       if (name) {
         devWarning('Form.Item', '`name` is only used for validate React element. If you are using Form.Item as layout display, please remove `name` instead.');
       }
-
       childNode = children;
     }
-
     return renderLayout(childNode, fieldId, meta, isRequired);
   });
 };