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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/2x/bundle/antd-mobile.cjs.development.js +16 -13
  2. package/2x/bundle/antd-mobile.cjs.js +1 -1
  3. package/2x/bundle/antd-mobile.es.development.js +16 -13
  4. package/2x/bundle/antd-mobile.es.js +44 -42
  5. package/2x/bundle/antd-mobile.umd.development.js +16 -13
  6. package/2x/bundle/antd-mobile.umd.js +1 -1
  7. package/2x/cjs/components/image-viewer/image-viewer.d.ts +3 -0
  8. package/2x/cjs/components/image-viewer/image-viewer.js +14 -12
  9. package/2x/cjs/components/virtual-input/virtual-input.js +2 -1
  10. package/2x/es/components/image-viewer/image-viewer.d.ts +3 -0
  11. package/2x/es/components/image-viewer/image-viewer.js +14 -12
  12. package/2x/es/components/virtual-input/virtual-input.js +2 -1
  13. package/2x/package.json +1 -1
  14. package/bundle/antd-mobile.cjs.development.js +16 -13
  15. package/bundle/antd-mobile.cjs.js +1 -1
  16. package/bundle/antd-mobile.compatible.umd.js +1 -1
  17. package/bundle/antd-mobile.es.development.js +16 -13
  18. package/bundle/antd-mobile.es.js +44 -42
  19. package/bundle/antd-mobile.umd.development.js +16 -13
  20. package/bundle/antd-mobile.umd.js +1 -1
  21. package/cjs/components/image-viewer/image-viewer.css +1 -1
  22. package/cjs/components/image-viewer/image-viewer.d.ts +3 -0
  23. package/cjs/components/image-viewer/image-viewer.js +14 -12
  24. package/cjs/components/virtual-input/virtual-input.js +2 -1
  25. package/es/components/image-viewer/image-viewer.css +1 -1
  26. package/es/components/image-viewer/image-viewer.d.ts +3 -0
  27. package/es/components/image-viewer/image-viewer.js +14 -12
  28. package/es/components/virtual-input/virtual-input.js +2 -1
  29. package/package.json +1 -1
  30. package/umd/antd-mobile.js +1 -1
package/cjs/components/image-viewer/image-viewer.css CHANGED
@@ -3,7 +3,7 @@
3
3
  height: 100vh;
4
4
  touch-action: none;
5
5
  -webkit-user-select: none;
6
- user-select: none;
6
+ user-select: none;
7
7
  }
8
8
  .adm-image-viewer-footer {
9
9
  position: absolute;
package/cjs/components/image-viewer/image-viewer.d.ts CHANGED
@@ -18,6 +18,9 @@ export declare type ImageViewerProps = {
18
18
  mask?: string;
19
19
  body?: string;
20
20
  };
21
+ mask?: {
22
+ onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
23
+ };
21
24
  };
22
25
  export declare const ImageViewer: FC<ImageViewerProps>;
23
26
  export declare type MultiImageViewerRef = SlidesRef;
package/cjs/components/image-viewer/image-viewer.js CHANGED
@@ -22,17 +22,18 @@ const defaultProps = {
22
22
  visible: false
23
23
  };
24
24
  const ImageViewer = p => {
25
- var _a, _b, _c;
25
+ var _a, _b, _c, _d;
26
26
  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
27
27
  const node = _react.default.createElement(_mask.default, {
28
28
  visible: props.visible,
29
+ afterClose: props === null || props === void 0 ? void 0 : props.afterClose,
30
+ className: (_a = props === null || props === void 0 ? void 0 : props.classNames) === null || _a === void 0 ? void 0 : _a.mask,
31
+ onMaskClick: (_b = props.mask) === null || _b === void 0 ? void 0 : _b.onClick,
29
32
  disableBodyScroll: false,
30
33
  opacity: 'thick',
31
- afterClose: props.afterClose,
32
- destroyOnClose: true,
33
- className: (_a = props === null || props === void 0 ? void 0 : props.classNames) === null || _a === void 0 ? void 0 : _a.mask
34
+ destroyOnClose: true
34
35
  }, _react.default.createElement("div", {
35
- className: (0, _classnames.default)(`${classPrefix}-content`, (_b = props === null || props === void 0 ? void 0 : props.classNames) === null || _b === void 0 ? void 0 : _b.body)
36
+ className: (0, _classnames.default)(`${classPrefix}-content`, (_c = props === null || props === void 0 ? void 0 : props.classNames) === null || _c === void 0 ? void 0 : _c.body)
36
37
  }, (props.image || typeof props.imageRender === 'function') && _react.default.createElement(_slide.Slide, {
37
38
  image: props.image,
38
39
  onTap: props.onClose,
@@ -40,7 +41,7 @@ const ImageViewer = p => {
40
41
  imageRender: props.imageRender
41
42
  })), props.image && _react.default.createElement("div", {
42
43
  className: `${classPrefix}-footer`
43
- }, (_c = props.renderFooter) === null || _c === void 0 ? void 0 : _c.call(props, props.image), _react.default.createElement(_safeArea.default, {
44
+ }, (_d = props.renderFooter) === null || _d === void 0 ? void 0 : _d.call(props, props.image), _react.default.createElement(_safeArea.default, {
44
45
  position: 'bottom'
45
46
  })));
46
47
  return (0, _renderToContainer.renderToContainer)(props.getContainer, node);
@@ -50,7 +51,7 @@ const multiDefaultProps = Object.assign(Object.assign({}, defaultProps), {
50
51
  defaultIndex: 0
51
52
  });
52
53
  const MultiImageViewer = (0, _react.forwardRef)((p, ref) => {
53
- var _a, _b, _c;
54
+ var _a, _b, _c, _d;
54
55
  const props = (0, _withDefaultProps.mergeProps)(multiDefaultProps, p);
55
56
  const [index, setIndex] = (0, _react.useState)(props.defaultIndex);
56
57
  const slidesRef = (0, _react.useRef)(null);
@@ -69,13 +70,14 @@ const MultiImageViewer = (0, _react.forwardRef)((p, ref) => {
69
70
  }, [props.onIndexChange, index]);
70
71
  const node = _react.default.createElement(_mask.default, {
71
72
  visible: props.visible,
73
+ afterClose: props === null || props === void 0 ? void 0 : props.afterClose,
74
+ className: (_a = props === null || props === void 0 ? void 0 : props.classNames) === null || _a === void 0 ? void 0 : _a.mask,
75
+ onMaskClick: (_b = props.mask) === null || _b === void 0 ? void 0 : _b.onClick,
72
76
  disableBodyScroll: false,
73
77
  opacity: 'thick',
74
- afterClose: props.afterClose,
75
- destroyOnClose: true,
76
- className: (_a = props === null || props === void 0 ? void 0 : props.classNames) === null || _a === void 0 ? void 0 : _a.mask
78
+ destroyOnClose: true
77
79
  }, _react.default.createElement("div", {
78
- className: (0, _classnames.default)(`${classPrefix}-content`, (_b = props === null || props === void 0 ? void 0 : props.classNames) === null || _b === void 0 ? void 0 : _b.body)
80
+ className: (0, _classnames.default)(`${classPrefix}-content`, (_c = props === null || props === void 0 ? void 0 : props.classNames) === null || _c === void 0 ? void 0 : _c.body)
79
81
  }, props.images && _react.default.createElement(_slides.Slides, {
80
82
  ref: slidesRef,
81
83
  defaultIndex: index,
@@ -86,7 +88,7 @@ const MultiImageViewer = (0, _react.forwardRef)((p, ref) => {
86
88
  imageRender: props.imageRender
87
89
  })), props.images && _react.default.createElement("div", {
88
90
  className: `${classPrefix}-footer`
89
- }, (_c = props.renderFooter) === null || _c === void 0 ? void 0 : _c.call(props, props.images[index], index), _react.default.createElement(_safeArea.default, {
91
+ }, (_d = props.renderFooter) === null || _d === void 0 ? void 0 : _d.call(props, props.images[index], index), _react.default.createElement(_safeArea.default, {
90
92
  position: 'bottom'
91
93
  })));
92
94
  return (0, _renderToContainer.renderToContainer)(props.getContainer, node);
package/cjs/components/virtual-input/virtual-input.js CHANGED
@@ -142,6 +142,7 @@ const VirtualInput = (0, _react.forwardRef)((props, ref) => {
142
142
  (_b = (_a = mergedProps.cursor) === null || _a === void 0 ? void 0 : _a.onMove) === null || _b === void 0 ? void 0 : _b.call(_a, value.length);
143
143
  }
144
144
  (_c = mergedProps.onClick) === null || _c === void 0 ? void 0 : _c.call(mergedProps, e);
145
+ setHasFocus(true);
145
146
  };
146
147
  // 点击单个字符时，根据点击位置置于字符前或后
147
148
  const changeCaretPosition = index => e => {
@@ -217,7 +218,7 @@ const VirtualInput = (0, _react.forwardRef)((props, ref) => {
217
218
  className: `${classPrefix}-content`,
218
219
  ref: contentRef,
219
220
  "aria-disabled": mergedProps.disabled,
220
- "aria-label": value || mergedProps.placeholder,
221
+ "aria-label": value ? undefined : mergedProps.placeholder,
221
222
  role: 'textbox',
222
223
  tabIndex: mergedProps.disabled ? undefined : 0,
223
224
  // note: 这里增加 onFocus 有两个目的：
package/es/components/image-viewer/image-viewer.css CHANGED
@@ -3,7 +3,7 @@
3
3
  height: 100vh;
4
4
  touch-action: none;
5
5
  -webkit-user-select: none;
6
- user-select: none;
6
+ user-select: none;
7
7
  }
8
8
  .adm-image-viewer-footer {
9
9
  position: absolute;
package/es/components/image-viewer/image-viewer.d.ts CHANGED
@@ -18,6 +18,9 @@ export declare type ImageViewerProps = {
18
18
  mask?: string;
19
19
  body?: string;
20
20
  };
21
+ mask?: {
22
+ onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
23
+ };
21
24
  };
22
25
  export declare const ImageViewer: FC<ImageViewerProps>;
23
26
  export declare type MultiImageViewerRef = SlidesRef;
package/es/components/image-viewer/image-viewer.js CHANGED
@@ -13,17 +13,18 @@ const defaultProps = {
13
13
  visible: false
14
14
  };
15
15
  export const ImageViewer = p => {
16
- var _a, _b, _c;
16
+ var _a, _b, _c, _d;
17
17
  const props = mergeProps(defaultProps, p);
18
18
  const node = React.createElement(Mask, {
19
19
  visible: props.visible,
20
+ afterClose: props === null || props === void 0 ? void 0 : props.afterClose,
21
+ className: (_a = props === null || props === void 0 ? void 0 : props.classNames) === null || _a === void 0 ? void 0 : _a.mask,
22
+ onMaskClick: (_b = props.mask) === null || _b === void 0 ? void 0 : _b.onClick,
20
23
  disableBodyScroll: false,
21
24
  opacity: 'thick',
22
- afterClose: props.afterClose,
23
- destroyOnClose: true,
24
- className: (_a = props === null || props === void 0 ? void 0 : props.classNames) === null || _a === void 0 ? void 0 : _a.mask
25
+ destroyOnClose: true
25
26
  }, React.createElement("div", {
26
- className: classNames(`${classPrefix}-content`, (_b = props === null || props === void 0 ? void 0 : props.classNames) === null || _b === void 0 ? void 0 : _b.body)
27
+ className: classNames(`${classPrefix}-content`, (_c = props === null || props === void 0 ? void 0 : props.classNames) === null || _c === void 0 ? void 0 : _c.body)
27
28
  }, (props.image || typeof props.imageRender === 'function') && React.createElement(Slide, {
28
29
  image: props.image,
29
30
  onTap: props.onClose,
@@ -31,7 +32,7 @@ export const ImageViewer = p => {
31
32
  imageRender: props.imageRender
32
33
  })), props.image && React.createElement("div", {
33
34
  className: `${classPrefix}-footer`
34
- }, (_c = props.renderFooter) === null || _c === void 0 ? void 0 : _c.call(props, props.image), React.createElement(SafeArea, {
35
+ }, (_d = props.renderFooter) === null || _d === void 0 ? void 0 : _d.call(props, props.image), React.createElement(SafeArea, {
35
36
  position: 'bottom'
36
37
  })));
37
38
  return renderToContainer(props.getContainer, node);
@@ -40,7 +41,7 @@ const multiDefaultProps = Object.assign(Object.assign({}, defaultProps), {
40
41
  defaultIndex: 0
41
42
  });
42
43
  export const MultiImageViewer = forwardRef((p, ref) => {
43
- var _a, _b, _c;
44
+ var _a, _b, _c, _d;
44
45
  const props = mergeProps(multiDefaultProps, p);
45
46
  const [index, setIndex] = useState(props.defaultIndex);
46
47
  const slidesRef = useRef(null);
@@ -59,13 +60,14 @@ export const MultiImageViewer = forwardRef((p, ref) => {
59
60
  }, [props.onIndexChange, index]);
60
61
  const node = React.createElement(Mask, {
61
62
  visible: props.visible,
63
+ afterClose: props === null || props === void 0 ? void 0 : props.afterClose,
64
+ className: (_a = props === null || props === void 0 ? void 0 : props.classNames) === null || _a === void 0 ? void 0 : _a.mask,
65
+ onMaskClick: (_b = props.mask) === null || _b === void 0 ? void 0 : _b.onClick,
62
66
  disableBodyScroll: false,
63
67
  opacity: 'thick',
64
- afterClose: props.afterClose,
65
- destroyOnClose: true,
66
- className: (_a = props === null || props === void 0 ? void 0 : props.classNames) === null || _a === void 0 ? void 0 : _a.mask
68
+ destroyOnClose: true
67
69
  }, React.createElement("div", {
68
- className: classNames(`${classPrefix}-content`, (_b = props === null || props === void 0 ? void 0 : props.classNames) === null || _b === void 0 ? void 0 : _b.body)
70
+ className: classNames(`${classPrefix}-content`, (_c = props === null || props === void 0 ? void 0 : props.classNames) === null || _c === void 0 ? void 0 : _c.body)
69
71
  }, props.images && React.createElement(Slides, {
70
72
  ref: slidesRef,
71
73
  defaultIndex: index,
@@ -76,7 +78,7 @@ export const MultiImageViewer = forwardRef((p, ref) => {
76
78
  imageRender: props.imageRender
77
79
  })), props.images && React.createElement("div", {
78
80
  className: `${classPrefix}-footer`
79
- }, (_c = props.renderFooter) === null || _c === void 0 ? void 0 : _c.call(props, props.images[index], index), React.createElement(SafeArea, {
81
+ }, (_d = props.renderFooter) === null || _d === void 0 ? void 0 : _d.call(props, props.images[index], index), React.createElement(SafeArea, {
80
82
  position: 'bottom'
81
83
  })));
82
84
  return renderToContainer(props.getContainer, node);
package/es/components/virtual-input/virtual-input.js CHANGED
@@ -133,6 +133,7 @@ export const VirtualInput = forwardRef((props, ref) => {
133
133
  (_b = (_a = mergedProps.cursor) === null || _a === void 0 ? void 0 : _a.onMove) === null || _b === void 0 ? void 0 : _b.call(_a, value.length);
134
134
  }
135
135
  (_c = mergedProps.onClick) === null || _c === void 0 ? void 0 : _c.call(mergedProps, e);
136
+ setHasFocus(true);
136
137
  };
137
138
  // 点击单个字符时，根据点击位置置于字符前或后
138
139
  const changeCaretPosition = index => e => {
@@ -208,7 +209,7 @@ export const VirtualInput = forwardRef((props, ref) => {
208
209
  className: `${classPrefix}-content`,
209
210
  ref: contentRef,
210
211
  "aria-disabled": mergedProps.disabled,
211
- "aria-label": value || mergedProps.placeholder,
212
+ "aria-label": value ? undefined : mergedProps.placeholder,
212
213
  role: 'textbox',
213
214
  tabIndex: mergedProps.disabled ? undefined : 0,
214
215
  // note: 这里增加 onFocus 有两个目的：
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "antd-mobile",
3
- "version": "5.42.0-alpha.1",
3
+ "version": "5.42.0-alpha.2",
4
4
  "homepage": "https://github.com/ant-design/ant-design-mobile#readme",
5
5
  "bugs": {
6
6
  "url": "https://github.com/ant-design/ant-design-mobile/issues"