antd-mobile 5.33.0 → 5.33.1

package/2x/README.md

@@ -16,7 +16,7 @@
   <span> · </span>
     <a href="https://discord.gg/jmNvw4WFYn">Discord</a>
   <span> · </span>
-    <a href="https://user-images.githubusercontent.com/22469543/197447477-1f10603d-90e9-43ea-a023-6538c5cf40e2.jpeg">钉钉</a>
+    <a href="https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*8gmTR49Nr8UAAAAAAAAAAAAADrJ8AQ/original">钉钉</a>
   </h4>
 </div>
 

package/2x/bundle/antd-mobile.cjs.development.js

@@ -9558,6 +9558,7 @@ const Popup$1 = (p) => {
   }), React__default.default.createElement(animated.div, {
     className: bodyCls,
     style: Object.assign(Object.assign({}, props.bodyStyle), {
+      pointerEvents: percent.to((v) => v === 0 ? "unset" : "none"),
       transform: percent.to((v) => {
         if (props.position === "bottom") {
           return `translate(0, ${v}%)`;
@@ -10793,8 +10794,9 @@ const CalendarPicker$1 = React$4.forwardRef((p, ref) => {
     closeOnMaskClick,
     onClose,
     onConfirm,
-    onMaskClick
-  } = props, calendarViewProps = __rest(props, ["visible", "confirmText", "popupClassName", "popupStyle", "popupBodyStyle", "forceRender", "closeOnMaskClick", "onClose", "onConfirm", "onMaskClick"]);
+    onMaskClick,
+    getContainer
+  } = props, calendarViewProps = __rest(props, ["visible", "confirmText", "popupClassName", "popupStyle", "popupBodyStyle", "forceRender", "closeOnMaskClick", "onClose", "onConfirm", "onMaskClick", "getContainer"]);
   const footer2 = React__default.default.createElement("div", {
     className: `${classPrefix$1c}-footer`
   }, React__default.default.createElement(Divider, null), React__default.default.createElement("div", {
@@ -10832,7 +10834,8 @@ const CalendarPicker$1 = React$4.forwardRef((p, ref) => {
       if (closeOnMaskClick) {
         onClose === null || onClose === void 0 ? void 0 : onClose();
       }
-    }
+    },
+    getContainer
   }, React__default.default.createElement(CalendarPickerView, Object.assign({
     ref: calendarRef
   }, calendarViewProps)), footer2)));
@@ -12581,20 +12584,24 @@ function memoize(func, resolver) {
 }
 memoize.Cache = MapCache;
 var memoize_1 = memoize;
-function useCascaderValueExtend(options) {
+function useCascaderValueExtend(options, fieldNames) {
+  const {
+    valueName,
+    childrenName
+  } = fieldNames;
   const generateItems = React$4.useMemo(() => {
     return memoize_1((val) => {
       const ret = [];
       let currentOptions = options;
       for (const v of val) {
-        const target = currentOptions.find((option) => option.value === v);
+        const target = currentOptions.find((option) => option[valueName] === v);
         if (!target) {
           break;
         }
         ret.push(target);
-        if (!target.children)
+        if (!target[childrenName])
           break;
-        currentOptions = target.children;
+        currentOptions = target[childrenName];
       }
       return ret;
     }, (val) => JSON.stringify(val));
@@ -12603,7 +12610,7 @@ function useCascaderValueExtend(options) {
     return memoize_1((val) => {
       const children = val.reduce((currentOptions, v) => {
         var _a;
-        return ((_a = currentOptions.find((option) => option.value === v)) === null || _a === void 0 ? void 0 : _a.children) || [];
+        return ((_a = currentOptions.find((option) => option[valueName] === v)) === null || _a === void 0 ? void 0 : _a[childrenName]) || [];
       }, options);
       return children.length === 0;
     }, (val) => JSON.stringify(val));
@@ -12683,8 +12690,11 @@ const CascaderView$1 = (p) => {
   const {
     locale
   } = useConfig();
-  const generateValueExtend = useCascaderValueExtend(props.options);
   const [labelName, valueName, childrenName, disabledName] = useFieldNames(props.fieldNames);
+  const generateValueExtend = useCascaderValueExtend(props.options, {
+    valueName,
+    childrenName
+  });
   const [value, setValue2] = usePropsValue(Object.assign(Object.assign({}, props), {
     onChange: (val) => {
       var _a;
@@ -12836,7 +12846,11 @@ const Cascader = React$4.forwardRef((p, ref) => {
       (_a2 = props.onConfirm) === null || _a2 === void 0 ? void 0 : _a2.call(props, val, generateValueExtend(val));
     }
   }));
-  const generateValueExtend = useCascaderValueExtend(props.options);
+  const [, valueName, childrenName] = useFieldNames(props.fieldNames);
+  const generateValueExtend = useCascaderValueExtend(props.options, {
+    valueName,
+    childrenName
+  });
   const [innerValue, setInnerValue] = React$4.useState(value);
   React$4.useEffect(() => {
     if (!visible) {
@@ -20997,13 +21011,11 @@ const defaultProps$B = {
   placement: "top",
   defaultVisible: false,
   stopPropagation: ["click"],
-  getContainer: () => document.body
+  getContainer: () => document.body,
+  mode: "light"
 };
 const Popover$1 = React$4.forwardRef((p, ref) => {
   const props = mergeProps(defaultProps$B, p);
-  const {
-    mode = "light"
-  } = props;
   const placement = normalizePlacement(props.placement);
   const [visible, setVisible] = usePropsValue({
     value: props.visible,
@@ -21019,7 +21031,9 @@ const Popover$1 = React$4.forwardRef((p, ref) => {
   const floatingRef = React$4.useRef(null);
   const arrowRef = React$4.useRef(null);
   const floating = withStopPropagation(props.stopPropagation, withNativeProps(props, React__default.default.createElement("div", {
-    className: classNames(classPrefix$N, `${classPrefix$N}-${mode}`, !visible && `${classPrefix$N}-hidden`),
+    className: classNames(classPrefix$N, `${classPrefix$N}-${props.mode}`, {
+      [`${classPrefix$N}-hidden`]: !visible
+    }),
     ref: floatingRef
   }, React__default.default.createElement("div", {
     className: `${classPrefix$N}-arrow`,
@@ -21155,7 +21169,9 @@ const PopoverMenu = React$4.forwardRef((props, ref) => {
       var _a;
       return React__default.default.createElement("a", {
         key: (_a = action.key) !== null && _a !== void 0 ? _a : index2,
-        className: classNames(`${classPrefix$M}-item`, "adm-plain-anchor", action.disabled && `${classPrefix$M}-item-disabled`),
+        className: classNames(`${classPrefix$M}-item`, "adm-plain-anchor", {
+          [`${classPrefix$M}-item-disabled`]: action.disabled
+        }),
         onClick: () => {
           var _a2;
           if (action.disabled)
@@ -21866,23 +21882,24 @@ const defaultProps$A = {
   visible: false
 };
 const ImageViewer$1 = (p) => {
-  var _a;
+  var _a, _b, _c;
   const props = mergeProps(defaultProps$A, p);
   const node = React__default.default.createElement(Mask, {
     visible: props.visible,
     disableBodyScroll: false,
     opacity: "thick",
     afterClose: props.afterClose,
-    destroyOnClose: true
+    destroyOnClose: true,
+    className: (_a = props === null || props === void 0 ? void 0 : props.classNames) === null || _a === void 0 ? void 0 : _a.mask
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$H}-content`
+    className: classNames(`${classPrefix$H}-content`, (_b = props === null || props === void 0 ? void 0 : props.classNames) === null || _b === void 0 ? void 0 : _b.body)
   }, props.image && React__default.default.createElement(Slide, {
     image: props.image,
     onTap: props.onClose,
     maxZoom: props.maxZoom
   })), props.image && React__default.default.createElement("div", {
     className: `${classPrefix$H}-footer`
-  }, (_a = props.renderFooter) === null || _a === void 0 ? void 0 : _a.call(props, props.image), React__default.default.createElement(SafeArea, {
+  }, (_c = props.renderFooter) === null || _c === void 0 ? void 0 : _c.call(props, props.image), React__default.default.createElement(SafeArea, {
     position: "bottom"
   })));
   return renderToContainer(props.getContainer, node);
@@ -21891,7 +21908,7 @@ const multiDefaultProps = Object.assign(Object.assign({}, defaultProps$A), {
   defaultIndex: 0
 });
 const MultiImageViewer = React$4.forwardRef((p, ref) => {
-  var _a;
+  var _a, _b, _c;
   const props = mergeProps(multiDefaultProps, p);
   const [index2, setIndex] = React$4.useState(props.defaultIndex);
   const slidesRef = React$4.useRef(null);
@@ -21914,9 +21931,10 @@ const MultiImageViewer = React$4.forwardRef((p, ref) => {
     disableBodyScroll: false,
     opacity: "thick",
     afterClose: props.afterClose,
-    destroyOnClose: true
+    destroyOnClose: true,
+    className: (_a = props === null || props === void 0 ? void 0 : props.classNames) === null || _a === void 0 ? void 0 : _a.mask
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$H}-content`
+    className: classNames(`${classPrefix$H}-content`, (_b = props === null || props === void 0 ? void 0 : props.classNames) === null || _b === void 0 ? void 0 : _b.body)
   }, props.images && React__default.default.createElement(Slides, {
     ref: slidesRef,
     defaultIndex: index2,
@@ -21926,7 +21944,7 @@ const MultiImageViewer = React$4.forwardRef((p, ref) => {
     maxZoom: props.maxZoom
   })), props.images && React__default.default.createElement("div", {
     className: `${classPrefix$H}-footer`
-  }, (_a = props.renderFooter) === null || _a === void 0 ? void 0 : _a.call(props, props.images[index2], index2), React__default.default.createElement(SafeArea, {
+  }, (_c = props.renderFooter) === null || _c === void 0 ? void 0 : _c.call(props, props.images[index2], index2), React__default.default.createElement(SafeArea, {
     position: "bottom"
   })));
   return renderToContainer(props.getContainer, node);
@@ -23182,7 +23200,7 @@ const NumberKeyboard$1 = (p) => {
       className: classNames(`${classPrefix$w}-header`, {
         [`${classPrefix$w}-header-with-title`]: !!title
       })
-    }, React__default.default.createElement("div", {
+    }, !!title && React__default.default.createElement("div", {
       className: `${classPrefix$w}-title`,
       "aria-label": title
     }, title), showCloseButton && React__default.default.createElement("span", {
@@ -23257,6 +23275,9 @@ const NumberKeyboard$1 = (p) => {
       onKeyPress(e2, "BACKSPACE");
       onBackspacePressEnd();
     },
+    onContextMenu: (e2) => {
+      e2.preventDefault();
+    },
     title: "BACKSPACE",
     role: "grid",
     tabIndex: -1
@@ -26813,9 +26834,14 @@ const VirtualInput$1 = React$4.forwardRef((p, ref) => {
     },
     visible: hasFocus,
     onClose: () => {
-      var _a, _b, _c;
-      (_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.blur();
-      (_c = (_b = keyboard.props).onClose) === null || _c === void 0 ? void 0 : _c.call(_b);
+      var _a, _b, _c, _d;
+      const activeElement = document.activeElement;
+      if (activeElement && ((_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.contains(activeElement))) {
+        activeElement.blur();
+      } else {
+        (_b = rootRef.current) === null || _b === void 0 ? void 0 : _b.blur();
+      }
+      (_d = (_c = keyboard.props).onClose) === null || _d === void 0 ? void 0 : _d.call(_c);
     },
     getContainer: null
   });