antd-mobile 5.42.0-alpha.1 → 5.42.0-alpha.2

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

@@ -21886,17 +21886,18 @@ const defaultProps$z = {
   visible: false
 };
 const ImageViewer$1 = (p) => {
-  var _a, _b, _c;
+  var _a, _b, _c, _d;
   const props = mergeProps(defaultProps$z, p);
   const node = React__default.createElement(Mask, {
     visible: props.visible,
+    afterClose: props === null || props === void 0 ? void 0 : props.afterClose,
+    className: (_a = props === null || props === void 0 ? void 0 : props.classNames) === null || _a === void 0 ? void 0 : _a.mask,
+    onMaskClick: (_b = props.mask) === null || _b === void 0 ? void 0 : _b.onClick,
     disableBodyScroll: false,
     opacity: "thick",
-    afterClose: props.afterClose,
-    destroyOnClose: true,
-    className: (_a = props === null || props === void 0 ? void 0 : props.classNames) === null || _a === void 0 ? void 0 : _a.mask
+    destroyOnClose: true
   }, React__default.createElement("div", {
-    className: classNames(`${classPrefix$I}-content`, (_b = props === null || props === void 0 ? void 0 : props.classNames) === null || _b === void 0 ? void 0 : _b.body)
+    className: classNames(`${classPrefix$I}-content`, (_c = props === null || props === void 0 ? void 0 : props.classNames) === null || _c === void 0 ? void 0 : _c.body)
   }, (props.image || typeof props.imageRender === "function") && React__default.createElement(Slide, {
     image: props.image,
     onTap: props.onClose,
@@ -21904,7 +21905,7 @@ const ImageViewer$1 = (p) => {
     imageRender: props.imageRender
   })), props.image && React__default.createElement("div", {
     className: `${classPrefix$I}-footer`
-  }, (_c = props.renderFooter) === null || _c === void 0 ? void 0 : _c.call(props, props.image), React__default.createElement(SafeArea, {
+  }, (_d = props.renderFooter) === null || _d === void 0 ? void 0 : _d.call(props, props.image), React__default.createElement(SafeArea, {
     position: "bottom"
   })));
   return renderToContainer(props.getContainer, node);
@@ -21913,7 +21914,7 @@ const multiDefaultProps = Object.assign(Object.assign({}, defaultProps$z), {
   defaultIndex: 0
 });
 const MultiImageViewer = forwardRef((p, ref2) => {
-  var _a, _b, _c;
+  var _a, _b, _c, _d;
   const props = mergeProps(multiDefaultProps, p);
   const [index2, setIndex] = useState(props.defaultIndex);
   const slidesRef = useRef(null);
@@ -21933,13 +21934,14 @@ const MultiImageViewer = forwardRef((p, ref2) => {
   }, [props.onIndexChange, index2]);
   const node = React__default.createElement(Mask, {
     visible: props.visible,
+    afterClose: props === null || props === void 0 ? void 0 : props.afterClose,
+    className: (_a = props === null || props === void 0 ? void 0 : props.classNames) === null || _a === void 0 ? void 0 : _a.mask,
+    onMaskClick: (_b = props.mask) === null || _b === void 0 ? void 0 : _b.onClick,
     disableBodyScroll: false,
     opacity: "thick",
-    afterClose: props.afterClose,
-    destroyOnClose: true,
-    className: (_a = props === null || props === void 0 ? void 0 : props.classNames) === null || _a === void 0 ? void 0 : _a.mask
+    destroyOnClose: true
   }, React__default.createElement("div", {
-    className: classNames(`${classPrefix$I}-content`, (_b = props === null || props === void 0 ? void 0 : props.classNames) === null || _b === void 0 ? void 0 : _b.body)
+    className: classNames(`${classPrefix$I}-content`, (_c = props === null || props === void 0 ? void 0 : props.classNames) === null || _c === void 0 ? void 0 : _c.body)
   }, props.images && React__default.createElement(Slides, {
     ref: slidesRef,
     defaultIndex: index2,
@@ -21950,7 +21952,7 @@ const MultiImageViewer = forwardRef((p, ref2) => {
     imageRender: props.imageRender
   })), props.images && React__default.createElement("div", {
     className: `${classPrefix$I}-footer`
-  }, (_c = props.renderFooter) === null || _c === void 0 ? void 0 : _c.call(props, props.images[index2], index2), React__default.createElement(SafeArea, {
+  }, (_d = props.renderFooter) === null || _d === void 0 ? void 0 : _d.call(props, props.images[index2], index2), React__default.createElement(SafeArea, {
     position: "bottom"
   })));
   return renderToContainer(props.getContainer, node);
@@ -27719,6 +27721,7 @@ const VirtualInput = forwardRef((props, ref2) => {
       (_b = (_a = mergedProps.cursor) === null || _a === void 0 ? void 0 : _a.onMove) === null || _b === void 0 ? void 0 : _b.call(_a, value.length);
     }
     (_c = mergedProps.onClick) === null || _c === void 0 ? void 0 : _c.call(mergedProps, e2);
+    setHasFocus(true);
   };
   const changeCaretPosition = (index2) => (e2) => {
     var _a, _b, _c;
@@ -27792,7 +27795,7 @@ const VirtualInput = forwardRef((props, ref2) => {
     className: `${classPrefix$2}-content`,
     ref: contentRef,
     "aria-disabled": mergedProps.disabled,
-    "aria-label": value || mergedProps.placeholder,
+    "aria-label": value ? void 0 : mergedProps.placeholder,
     role: "textbox",
     tabIndex: mergedProps.disabled ? void 0 : 0,
     // note: 这里增加 onFocus 有两个目的：

package/2x/bundle/antd-mobile.es.js

@@ -15541,64 +15541,66 @@ const dy = "__SPLIT__", Ye = "adm-form-item", my = s.memo(({
   getContainer: null,
   visible: !1
 }, A0 = (t) => {
-  var e, n, r;
-  const i = G(M0, t), a = s.createElement(Vi, {
-    visible: i.visible,
+  var e, n, r, i;
+  const a = G(M0, t), o = s.createElement(Vi, {
+    visible: a.visible,
+    afterClose: a == null ? void 0 : a.afterClose,
+    className: (e = a == null ? void 0 : a.classNames) === null || e === void 0 ? void 0 : e.mask,
+    onMaskClick: (n = a.mask) === null || n === void 0 ? void 0 : n.onClick,
     disableBodyScroll: !1,
     opacity: "thick",
-    afterClose: i.afterClose,
-    destroyOnClose: !0,
-    className: (e = i == null ? void 0 : i.classNames) === null || e === void 0 ? void 0 : e.mask
+    destroyOnClose: !0
   }, s.createElement("div", {
-    className: Z(`${Qa}-content`, (n = i == null ? void 0 : i.classNames) === null || n === void 0 ? void 0 : n.body)
-  }, (i.image || typeof i.imageRender == "function") && s.createElement(P0, {
-    image: i.image,
-    onTap: i.onClose,
-    maxZoom: i.maxZoom,
-    imageRender: i.imageRender
-  })), i.image && s.createElement("div", {
+    className: Z(`${Qa}-content`, (r = a == null ? void 0 : a.classNames) === null || r === void 0 ? void 0 : r.body)
+  }, (a.image || typeof a.imageRender == "function") && s.createElement(P0, {
+    image: a.image,
+    onTap: a.onClose,
+    maxZoom: a.maxZoom,
+    imageRender: a.imageRender
+  })), a.image && s.createElement("div", {
     className: `${Qa}-footer`
-  }, (r = i.renderFooter) === null || r === void 0 ? void 0 : r.call(i, i.image), s.createElement(Wr, {
+  }, (i = a.renderFooter) === null || i === void 0 ? void 0 : i.call(a, a.image), s.createElement(Wr, {
     position: "bottom"
   })));
-  return Dr(i.getContainer, a);
+  return Dr(a.getContainer, o);
 }, ky = Object.assign(Object.assign({}, M0), {
   defaultIndex: 0
 }), T0 = Ee((t, e) => {
-  var n, r, i;
-  const a = G(ky, t), [o, l] = X(a.defaultIndex), c = W(null);
+  var n, r, i, a;
+  const o = G(ky, t), [l, c] = X(o.defaultIndex), u = W(null);
   _e(e, () => ({
-    swipeTo: (d, m) => {
-      var v;
-      l(d), (v = c.current) === null || v === void 0 || v.swipeTo(d, m);
+    swipeTo: (m, v) => {
+      var b;
+      c(m), (b = u.current) === null || b === void 0 || b.swipeTo(m, v);
     }
   }));
-  const u = Qe((d) => {
-    var m;
-    d !== o && (l(d), (m = a.onIndexChange) === null || m === void 0 || m.call(a, d));
-  }, [a.onIndexChange, o]), f = s.createElement(Vi, {
-    visible: a.visible,
+  const f = Qe((m) => {
+    var v;
+    m !== l && (c(m), (v = o.onIndexChange) === null || v === void 0 || v.call(o, m));
+  }, [o.onIndexChange, l]), d = s.createElement(Vi, {
+    visible: o.visible,
+    afterClose: o == null ? void 0 : o.afterClose,
+    className: (n = o == null ? void 0 : o.classNames) === null || n === void 0 ? void 0 : n.mask,
+    onMaskClick: (r = o.mask) === null || r === void 0 ? void 0 : r.onClick,
     disableBodyScroll: !1,
     opacity: "thick",
-    afterClose: a.afterClose,
-    destroyOnClose: !0,
-    className: (n = a == null ? void 0 : a.classNames) === null || n === void 0 ? void 0 : n.mask
+    destroyOnClose: !0
   }, s.createElement("div", {
-    className: Z(`${Qa}-content`, (r = a == null ? void 0 : a.classNames) === null || r === void 0 ? void 0 : r.body)
-  }, a.images && s.createElement(xy, {
-    ref: c,
-    defaultIndex: o,
-    onIndexChange: u,
-    images: a.images,
-    onTap: a.onClose,
-    maxZoom: a.maxZoom,
-    imageRender: a.imageRender
-  })), a.images && s.createElement("div", {
+    className: Z(`${Qa}-content`, (i = o == null ? void 0 : o.classNames) === null || i === void 0 ? void 0 : i.body)
+  }, o.images && s.createElement(xy, {
+    ref: u,
+    defaultIndex: l,
+    onIndexChange: f,
+    images: o.images,
+    onTap: o.onClose,
+    maxZoom: o.maxZoom,
+    imageRender: o.imageRender
+  })), o.images && s.createElement("div", {
     className: `${Qa}-footer`
-  }, (i = a.renderFooter) === null || i === void 0 ? void 0 : i.call(a, a.images[o], o), s.createElement(Wr, {
+  }, (a = o.renderFooter) === null || a === void 0 ? void 0 : a.call(o, o.images[l], l), s.createElement(Wr, {
     position: "bottom"
   })));
-  return Dr(a.getContainer, f);
+  return Dr(o.getContainer, d);
 }), Mr = /* @__PURE__ */ new Set();
 function _y(t) {
   Ec();
@@ -19799,7 +19801,7 @@ const At = "adm-virtual-input", D9 = {
     getContainer: null
   }), V = (S) => {
     var I, _, F;
-    d !== a.length && (m(a.length), (_ = (I = i.cursor) === null || I === void 0 ? void 0 : I.onMove) === null || _ === void 0 || _.call(I, a.length)), (F = i.onClick) === null || F === void 0 || F.call(i, S);
+    d !== a.length && (m(a.length), (_ = (I = i.cursor) === null || I === void 0 ? void 0 : I.onMove) === null || _ === void 0 || _.call(I, a.length)), (F = i.onClick) === null || F === void 0 || F.call(i, S), f(!0);
   }, A = (S) => (I) => {
     var _, F, L;
     if (i.disabled || !(!((_ = i.cursor) === null || _ === void 0) && _.movable))
@@ -19840,7 +19842,7 @@ const At = "adm-virtual-input", D9 = {
     className: `${At}-content`,
     ref: c,
     "aria-disabled": i.disabled,
-    "aria-label": a || i.placeholder,
+    "aria-label": a ? void 0 : i.placeholder,
     role: "textbox",
     tabIndex: i.disabled ? void 0 : 0,
     // note: 这里增加 onFocus 有两个目的：

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

@@ -21904,17 +21904,18 @@ Please add \`${key}Action\` when creating your handler.`);
     visible: false
   };
   const ImageViewer$1 = (p) => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     const props = mergeProps(defaultProps$z, p);
     const node = React$3.createElement(Mask, {
       visible: props.visible,
+      afterClose: props === null || props === void 0 ? void 0 : props.afterClose,
+      className: (_a = props === null || props === void 0 ? void 0 : props.classNames) === null || _a === void 0 ? void 0 : _a.mask,
+      onMaskClick: (_b = props.mask) === null || _b === void 0 ? void 0 : _b.onClick,
       disableBodyScroll: false,
       opacity: "thick",
-      afterClose: props.afterClose,
-      destroyOnClose: true,
-      className: (_a = props === null || props === void 0 ? void 0 : props.classNames) === null || _a === void 0 ? void 0 : _a.mask
+      destroyOnClose: true
     }, React$3.createElement("div", {
-      className: classNames(`${classPrefix$I}-content`, (_b = props === null || props === void 0 ? void 0 : props.classNames) === null || _b === void 0 ? void 0 : _b.body)
+      className: classNames(`${classPrefix$I}-content`, (_c = props === null || props === void 0 ? void 0 : props.classNames) === null || _c === void 0 ? void 0 : _c.body)
     }, (props.image || typeof props.imageRender === "function") && React$3.createElement(Slide, {
       image: props.image,
       onTap: props.onClose,
@@ -21922,7 +21923,7 @@ Please add \`${key}Action\` when creating your handler.`);
       imageRender: props.imageRender
     })), props.image && React$3.createElement("div", {
       className: `${classPrefix$I}-footer`
-    }, (_c = props.renderFooter) === null || _c === void 0 ? void 0 : _c.call(props, props.image), React$3.createElement(SafeArea, {
+    }, (_d = props.renderFooter) === null || _d === void 0 ? void 0 : _d.call(props, props.image), React$3.createElement(SafeArea, {
       position: "bottom"
     })));
     return renderToContainer(props.getContainer, node);
@@ -21931,7 +21932,7 @@ Please add \`${key}Action\` when creating your handler.`);
     defaultIndex: 0
   });
   const MultiImageViewer = React$3.forwardRef((p, ref2) => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     const props = mergeProps(multiDefaultProps, p);
     const [index2, setIndex] = React$3.useState(props.defaultIndex);
     const slidesRef = React$3.useRef(null);
@@ -21951,13 +21952,14 @@ Please add \`${key}Action\` when creating your handler.`);
     }, [props.onIndexChange, index2]);
     const node = React$3.createElement(Mask, {
       visible: props.visible,
+      afterClose: props === null || props === void 0 ? void 0 : props.afterClose,
+      className: (_a = props === null || props === void 0 ? void 0 : props.classNames) === null || _a === void 0 ? void 0 : _a.mask,
+      onMaskClick: (_b = props.mask) === null || _b === void 0 ? void 0 : _b.onClick,
       disableBodyScroll: false,
       opacity: "thick",
-      afterClose: props.afterClose,
-      destroyOnClose: true,
-      className: (_a = props === null || props === void 0 ? void 0 : props.classNames) === null || _a === void 0 ? void 0 : _a.mask
+      destroyOnClose: true
     }, React$3.createElement("div", {
-      className: classNames(`${classPrefix$I}-content`, (_b = props === null || props === void 0 ? void 0 : props.classNames) === null || _b === void 0 ? void 0 : _b.body)
+      className: classNames(`${classPrefix$I}-content`, (_c = props === null || props === void 0 ? void 0 : props.classNames) === null || _c === void 0 ? void 0 : _c.body)
     }, props.images && React$3.createElement(Slides, {
       ref: slidesRef,
       defaultIndex: index2,
@@ -21968,7 +21970,7 @@ Please add \`${key}Action\` when creating your handler.`);
       imageRender: props.imageRender
     })), props.images && React$3.createElement("div", {
       className: `${classPrefix$I}-footer`
-    }, (_c = props.renderFooter) === null || _c === void 0 ? void 0 : _c.call(props, props.images[index2], index2), React$3.createElement(SafeArea, {
+    }, (_d = props.renderFooter) === null || _d === void 0 ? void 0 : _d.call(props, props.images[index2], index2), React$3.createElement(SafeArea, {
       position: "bottom"
     })));
     return renderToContainer(props.getContainer, node);
@@ -27737,6 +27739,7 @@ Please add \`${key}Action\` when creating your handler.`);
         (_b = (_a = mergedProps.cursor) === null || _a === void 0 ? void 0 : _a.onMove) === null || _b === void 0 ? void 0 : _b.call(_a, value.length);
       }
       (_c = mergedProps.onClick) === null || _c === void 0 ? void 0 : _c.call(mergedProps, e2);
+      setHasFocus(true);
     };
     const changeCaretPosition = (index2) => (e2) => {
       var _a, _b, _c;
@@ -27810,7 +27813,7 @@ Please add \`${key}Action\` when creating your handler.`);
       className: `${classPrefix$2}-content`,
       ref: contentRef,
       "aria-disabled": mergedProps.disabled,
-      "aria-label": value || mergedProps.placeholder,
+      "aria-label": value ? void 0 : mergedProps.placeholder,
       role: "textbox",
       tabIndex: mergedProps.disabled ? void 0 : 0,
       // note: 这里增加 onFocus 有两个目的：