antd-mobile 5.25.1 → 5.26.0

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 (98) hide show
  1. package/2x/bundle/antd-mobile.cjs.development.js +188 -121
  2. package/2x/bundle/antd-mobile.cjs.js +8 -8
  3. package/2x/bundle/antd-mobile.es.development.js +188 -121
  4. package/2x/bundle/antd-mobile.es.js +3936 -3910
  5. package/2x/bundle/antd-mobile.umd.development.js +188 -121
  6. package/2x/bundle/antd-mobile.umd.js +8 -8
  7. package/2x/bundle/style.css +29 -5
  8. package/2x/cjs/components/calendar/calendar.js +9 -1
  9. package/2x/cjs/components/floating-bubble/floating-bubble.d.ts +8 -0
  10. package/2x/cjs/components/floating-bubble/floating-bubble.js +25 -5
  11. package/2x/cjs/components/form/form.d.ts +1 -1
  12. package/2x/cjs/components/image-uploader/image-uploader.css +16 -1
  13. package/2x/cjs/components/image-uploader/image-uploader.d.ts +4 -1
  14. package/2x/cjs/components/image-uploader/image-uploader.js +46 -9
  15. package/2x/cjs/components/image-uploader/preview-item.d.ts +2 -1
  16. package/2x/cjs/components/image-uploader/preview-item.js +5 -7
  17. package/2x/cjs/components/mask/mask.d.ts +1 -1
  18. package/2x/cjs/components/mask/mask.js +6 -2
  19. package/2x/cjs/components/notice-bar/notice-bar.css +13 -4
  20. package/2x/cjs/components/notice-bar/notice-bar.d.ts +10 -8
  21. package/2x/cjs/components/notice-bar/notice-bar.js +5 -2
  22. package/2x/cjs/components/stepper/stepper.d.ts +2 -0
  23. package/2x/cjs/components/stepper/stepper.js +55 -32
  24. package/2x/cjs/components/water-mark/water-mark.d.ts +1 -1
  25. package/2x/cjs/components/water-mark/water-mark.js +5 -1
  26. package/2x/es/components/calendar/calendar.js +9 -1
  27. package/2x/es/components/floating-bubble/floating-bubble.d.ts +8 -0
  28. package/2x/es/components/floating-bubble/floating-bubble.js +26 -6
  29. package/2x/es/components/form/form.d.ts +1 -1
  30. package/2x/es/components/image-uploader/image-uploader.css +16 -1
  31. package/2x/es/components/image-uploader/image-uploader.d.ts +4 -1
  32. package/2x/es/components/image-uploader/image-uploader.js +48 -11
  33. package/2x/es/components/image-uploader/preview-item.d.ts +2 -1
  34. package/2x/es/components/image-uploader/preview-item.js +6 -8
  35. package/2x/es/components/mask/mask.d.ts +1 -1
  36. package/2x/es/components/mask/mask.js +6 -2
  37. package/2x/es/components/notice-bar/notice-bar.css +13 -4
  38. package/2x/es/components/notice-bar/notice-bar.d.ts +10 -8
  39. package/2x/es/components/notice-bar/notice-bar.js +5 -2
  40. package/2x/es/components/stepper/stepper.d.ts +2 -0
  41. package/2x/es/components/stepper/stepper.js +55 -32
  42. package/2x/es/components/water-mark/water-mark.d.ts +1 -1
  43. package/2x/es/components/water-mark/water-mark.js +5 -1
  44. package/2x/package.json +9 -9
  45. package/bundle/antd-mobile.cjs.development.js +188 -121
  46. package/bundle/antd-mobile.cjs.js +8 -8
  47. package/bundle/antd-mobile.compatible.umd.js +1 -1
  48. package/bundle/antd-mobile.es.development.js +188 -121
  49. package/bundle/antd-mobile.es.js +3936 -3910
  50. package/bundle/antd-mobile.umd.development.js +188 -121
  51. package/bundle/antd-mobile.umd.js +8 -8
  52. package/bundle/style.css +1 -1
  53. package/cjs/components/calendar/calendar.js +9 -1
  54. package/cjs/components/floating-bubble/floating-bubble.d.ts +8 -0
  55. package/cjs/components/floating-bubble/floating-bubble.js +25 -5
  56. package/cjs/components/form/form.d.ts +1 -1
  57. package/cjs/components/image-uploader/image-uploader.css +15 -1
  58. package/cjs/components/image-uploader/image-uploader.d.ts +4 -1
  59. package/cjs/components/image-uploader/image-uploader.js +46 -9
  60. package/cjs/components/image-uploader/preview-item.d.ts +2 -1
  61. package/cjs/components/image-uploader/preview-item.js +5 -7
  62. package/cjs/components/mask/mask.d.ts +1 -1
  63. package/cjs/components/mask/mask.js +6 -2
  64. package/cjs/components/notice-bar/notice-bar.css +11 -4
  65. package/cjs/components/notice-bar/notice-bar.d.ts +10 -8
  66. package/cjs/components/notice-bar/notice-bar.js +5 -2
  67. package/cjs/components/stepper/stepper.d.ts +2 -0
  68. package/cjs/components/stepper/stepper.js +55 -32
  69. package/cjs/components/water-mark/water-mark.d.ts +1 -1
  70. package/cjs/components/water-mark/water-mark.js +5 -1
  71. package/es/components/calendar/calendar.js +9 -1
  72. package/es/components/floating-bubble/floating-bubble.d.ts +8 -0
  73. package/es/components/floating-bubble/floating-bubble.js +26 -6
  74. package/es/components/form/form.d.ts +1 -1
  75. package/es/components/image-uploader/image-uploader.css +15 -1
  76. package/es/components/image-uploader/image-uploader.d.ts +4 -1
  77. package/es/components/image-uploader/image-uploader.js +48 -11
  78. package/es/components/image-uploader/preview-item.d.ts +2 -1
  79. package/es/components/image-uploader/preview-item.js +6 -8
  80. package/es/components/mask/mask.d.ts +1 -1
  81. package/es/components/mask/mask.js +6 -2
  82. package/es/components/notice-bar/notice-bar.css +11 -4
  83. package/es/components/notice-bar/notice-bar.d.ts +10 -8
  84. package/es/components/notice-bar/notice-bar.js +5 -2
  85. package/es/components/stepper/stepper.d.ts +2 -0
  86. package/es/components/stepper/stepper.js +55 -32
  87. package/es/components/water-mark/water-mark.d.ts +1 -1
  88. package/es/components/water-mark/water-mark.js +5 -1
  89. package/package.json +9 -9
  90. package/umd/antd-mobile.js +1 -1
  91. package/2x/cjs/components/image/test/image.test.d.ts +0 -1
  92. package/2x/cjs/components/image/test/image.test.js +0 -73
  93. package/2x/es/components/image/test/image.test.d.ts +0 -1
  94. package/2x/es/components/image/test/image.test.js +0 -70
  95. package/cjs/components/image/test/image.test.d.ts +0 -1
  96. package/cjs/components/image/test/image.test.js +0 -73
  97. package/es/components/image/test/image.test.d.ts +0 -1
  98. package/es/components/image/test/image.test.js +0 -70
@@ -1 +0,0 @@
1
- export {};
@@ -1,73 +0,0 @@
1
- "use strict";
2
-
3
- var _react = _interopRequireDefault(require("react"));
4
- var _testing = require("testing");
5
- var _index = _interopRequireDefault(require("../index"));
6
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
7
- const classPrefix = `adm-image`;
8
- const demoSrc = 'https://images.unsplash.com/photo-1567945716310-4745a6b7844b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=300&q=60';
9
- describe('Image', () => {
10
- test('onContainerClick can work', () => {
11
- const onContainerClick = jest.fn();
12
- const {
13
- getByTestId
14
- } = (0, _testing.render)(_react.default.createElement(_index.default, {
15
- src: demoSrc,
16
- onContainerClick: onContainerClick,
17
- "data-testid": 'img'
18
- }));
19
- _testing.fireEvent.click(getByTestId('img'));
20
- expect(onContainerClick).toBeCalledTimes(1);
21
- });
22
- test('load successfully', () => {
23
- (0, _testing.render)(_react.default.createElement(_index.default, {
24
- src: demoSrc
25
- }));
26
- const img = document.querySelectorAll(`.${classPrefix}-img`)[0];
27
- _testing.fireEvent.load(img);
28
- expect(img).toHaveAttribute('src', demoSrc);
29
- });
30
- test('load failed', () => {
31
- (0, _testing.render)(_react.default.createElement(_index.default, {
32
- src: '404'
33
- }));
34
- const img = document.querySelectorAll(`.${classPrefix}-img`)[0];
35
- _testing.fireEvent.error(img);
36
- expect(img).not.toBeInTheDocument();
37
- expect(document.querySelectorAll(`.${classPrefix}-tip`)[0]).toBeInTheDocument();
38
- });
39
- test('lazy load should be work', () => {
40
- // mock useInViewport
41
- // https://github.com/alibaba/hooks/blob/master/packages/hooks/src/useInViewport/__tests__/index.test.ts
42
- const mockIntersectionObserver = jest.fn().mockReturnValue({
43
- observe: () => null,
44
- disconnect: () => null
45
- });
46
- window.IntersectionObserver = mockIntersectionObserver;
47
- (0, _testing.render)(_react.default.createElement(_index.default, {
48
- src: demoSrc,
49
- lazy: true
50
- }));
51
- const img = document.querySelectorAll(`.${classPrefix}-img`)[0];
52
- expect(img).not.toHaveAttribute('src');
53
- const calls = mockIntersectionObserver.mock.calls;
54
- const [onChange] = calls[calls.length - 1];
55
- (0, _testing.act)(() => {
56
- onChange([{
57
- isIntersecting: true
58
- }]);
59
- });
60
- expect(img).toHaveAttribute('src', demoSrc);
61
- });
62
- test('renders with width and height', () => {
63
- const {
64
- getByTestId
65
- } = (0, _testing.render)(_react.default.createElement(_index.default, {
66
- src: demoSrc,
67
- width: 100,
68
- height: 100,
69
- "data-testid": 'image'
70
- }));
71
- expect(getByTestId('image')).toHaveStyle('--width: 100px;--height: 100px');
72
- });
73
- });
@@ -1 +0,0 @@
1
- export {};
@@ -1,70 +0,0 @@
1
- import React from 'react';
2
- import { fireEvent, render, act } from 'testing';
3
- import Image from '../index';
4
- const classPrefix = `adm-image`;
5
- const demoSrc = 'https://images.unsplash.com/photo-1567945716310-4745a6b7844b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=300&q=60';
6
- describe('Image', () => {
7
- test('onContainerClick can work', () => {
8
- const onContainerClick = jest.fn();
9
- const {
10
- getByTestId
11
- } = render(React.createElement(Image, {
12
- src: demoSrc,
13
- onContainerClick: onContainerClick,
14
- "data-testid": 'img'
15
- }));
16
- fireEvent.click(getByTestId('img'));
17
- expect(onContainerClick).toBeCalledTimes(1);
18
- });
19
- test('load successfully', () => {
20
- render(React.createElement(Image, {
21
- src: demoSrc
22
- }));
23
- const img = document.querySelectorAll(`.${classPrefix}-img`)[0];
24
- fireEvent.load(img);
25
- expect(img).toHaveAttribute('src', demoSrc);
26
- });
27
- test('load failed', () => {
28
- render(React.createElement(Image, {
29
- src: '404'
30
- }));
31
- const img = document.querySelectorAll(`.${classPrefix}-img`)[0];
32
- fireEvent.error(img);
33
- expect(img).not.toBeInTheDocument();
34
- expect(document.querySelectorAll(`.${classPrefix}-tip`)[0]).toBeInTheDocument();
35
- });
36
- test('lazy load should be work', () => {
37
- // mock useInViewport
38
- // https://github.com/alibaba/hooks/blob/master/packages/hooks/src/useInViewport/__tests__/index.test.ts
39
- const mockIntersectionObserver = jest.fn().mockReturnValue({
40
- observe: () => null,
41
- disconnect: () => null
42
- });
43
- window.IntersectionObserver = mockIntersectionObserver;
44
- render(React.createElement(Image, {
45
- src: demoSrc,
46
- lazy: true
47
- }));
48
- const img = document.querySelectorAll(`.${classPrefix}-img`)[0];
49
- expect(img).not.toHaveAttribute('src');
50
- const calls = mockIntersectionObserver.mock.calls;
51
- const [onChange] = calls[calls.length - 1];
52
- act(() => {
53
- onChange([{
54
- isIntersecting: true
55
- }]);
56
- });
57
- expect(img).toHaveAttribute('src', demoSrc);
58
- });
59
- test('renders with width and height', () => {
60
- const {
61
- getByTestId
62
- } = render(React.createElement(Image, {
63
- src: demoSrc,
64
- width: 100,
65
- height: 100,
66
- "data-testid": 'image'
67
- }));
68
- expect(getByTestId('image')).toHaveStyle('--width: 100px;--height: 100px');
69
- });
70
- });
@@ -1 +0,0 @@
1
- export {};
@@ -1,73 +0,0 @@
1
- "use strict";
2
-
3
- var _react = _interopRequireDefault(require("react"));
4
- var _testing = require("testing");
5
- var _index = _interopRequireDefault(require("../index"));
6
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
7
- const classPrefix = `adm-image`;
8
- const demoSrc = 'https://images.unsplash.com/photo-1567945716310-4745a6b7844b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=300&q=60';
9
- describe('Image', () => {
10
- test('onContainerClick can work', () => {
11
- const onContainerClick = jest.fn();
12
- const {
13
- getByTestId
14
- } = (0, _testing.render)(_react.default.createElement(_index.default, {
15
- src: demoSrc,
16
- onContainerClick: onContainerClick,
17
- "data-testid": 'img'
18
- }));
19
- _testing.fireEvent.click(getByTestId('img'));
20
- expect(onContainerClick).toBeCalledTimes(1);
21
- });
22
- test('load successfully', () => {
23
- (0, _testing.render)(_react.default.createElement(_index.default, {
24
- src: demoSrc
25
- }));
26
- const img = document.querySelectorAll(`.${classPrefix}-img`)[0];
27
- _testing.fireEvent.load(img);
28
- expect(img).toHaveAttribute('src', demoSrc);
29
- });
30
- test('load failed', () => {
31
- (0, _testing.render)(_react.default.createElement(_index.default, {
32
- src: '404'
33
- }));
34
- const img = document.querySelectorAll(`.${classPrefix}-img`)[0];
35
- _testing.fireEvent.error(img);
36
- expect(img).not.toBeInTheDocument();
37
- expect(document.querySelectorAll(`.${classPrefix}-tip`)[0]).toBeInTheDocument();
38
- });
39
- test('lazy load should be work', () => {
40
- // mock useInViewport
41
- // https://github.com/alibaba/hooks/blob/master/packages/hooks/src/useInViewport/__tests__/index.test.ts
42
- const mockIntersectionObserver = jest.fn().mockReturnValue({
43
- observe: () => null,
44
- disconnect: () => null
45
- });
46
- window.IntersectionObserver = mockIntersectionObserver;
47
- (0, _testing.render)(_react.default.createElement(_index.default, {
48
- src: demoSrc,
49
- lazy: true
50
- }));
51
- const img = document.querySelectorAll(`.${classPrefix}-img`)[0];
52
- expect(img).not.toHaveAttribute('src');
53
- const calls = mockIntersectionObserver.mock.calls;
54
- const [onChange] = calls[calls.length - 1];
55
- (0, _testing.act)(() => {
56
- onChange([{
57
- isIntersecting: true
58
- }]);
59
- });
60
- expect(img).toHaveAttribute('src', demoSrc);
61
- });
62
- test('renders with width and height', () => {
63
- const {
64
- getByTestId
65
- } = (0, _testing.render)(_react.default.createElement(_index.default, {
66
- src: demoSrc,
67
- width: 100,
68
- height: 100,
69
- "data-testid": 'image'
70
- }));
71
- expect(getByTestId('image')).toHaveStyle('--width: 100px;--height: 100px');
72
- });
73
- });
@@ -1 +0,0 @@
1
- export {};
@@ -1,70 +0,0 @@
1
- import React from 'react';
2
- import { fireEvent, render, act } from 'testing';
3
- import Image from '../index';
4
- const classPrefix = `adm-image`;
5
- const demoSrc = 'https://images.unsplash.com/photo-1567945716310-4745a6b7844b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=300&q=60';
6
- describe('Image', () => {
7
- test('onContainerClick can work', () => {
8
- const onContainerClick = jest.fn();
9
- const {
10
- getByTestId
11
- } = render(React.createElement(Image, {
12
- src: demoSrc,
13
- onContainerClick: onContainerClick,
14
- "data-testid": 'img'
15
- }));
16
- fireEvent.click(getByTestId('img'));
17
- expect(onContainerClick).toBeCalledTimes(1);
18
- });
19
- test('load successfully', () => {
20
- render(React.createElement(Image, {
21
- src: demoSrc
22
- }));
23
- const img = document.querySelectorAll(`.${classPrefix}-img`)[0];
24
- fireEvent.load(img);
25
- expect(img).toHaveAttribute('src', demoSrc);
26
- });
27
- test('load failed', () => {
28
- render(React.createElement(Image, {
29
- src: '404'
30
- }));
31
- const img = document.querySelectorAll(`.${classPrefix}-img`)[0];
32
- fireEvent.error(img);
33
- expect(img).not.toBeInTheDocument();
34
- expect(document.querySelectorAll(`.${classPrefix}-tip`)[0]).toBeInTheDocument();
35
- });
36
- test('lazy load should be work', () => {
37
- // mock useInViewport
38
- // https://github.com/alibaba/hooks/blob/master/packages/hooks/src/useInViewport/__tests__/index.test.ts
39
- const mockIntersectionObserver = jest.fn().mockReturnValue({
40
- observe: () => null,
41
- disconnect: () => null
42
- });
43
- window.IntersectionObserver = mockIntersectionObserver;
44
- render(React.createElement(Image, {
45
- src: demoSrc,
46
- lazy: true
47
- }));
48
- const img = document.querySelectorAll(`.${classPrefix}-img`)[0];
49
- expect(img).not.toHaveAttribute('src');
50
- const calls = mockIntersectionObserver.mock.calls;
51
- const [onChange] = calls[calls.length - 1];
52
- act(() => {
53
- onChange([{
54
- isIntersecting: true
55
- }]);
56
- });
57
- expect(img).toHaveAttribute('src', demoSrc);
58
- });
59
- test('renders with width and height', () => {
60
- const {
61
- getByTestId
62
- } = render(React.createElement(Image, {
63
- src: demoSrc,
64
- width: 100,
65
- height: 100,
66
- "data-testid": 'image'
67
- }));
68
- expect(getByTestId('image')).toHaveStyle('--width: 100px;--height: 100px');
69
- });
70
- });