antd-mobile 5.25.0 → 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.
- package/2x/bundle/antd-mobile.cjs.development.js +188 -121
- package/2x/bundle/antd-mobile.cjs.js +8 -8
- package/2x/bundle/antd-mobile.es.development.js +188 -121
- package/2x/bundle/antd-mobile.es.js +3936 -3910
- package/2x/bundle/antd-mobile.umd.development.js +188 -121
- package/2x/bundle/antd-mobile.umd.js +8 -8
- package/2x/bundle/css-vars-patch.css +399 -0
- package/2x/bundle/style.css +29 -5
- package/2x/cjs/components/calendar/calendar.js +9 -1
- package/2x/cjs/components/floating-bubble/floating-bubble.d.ts +8 -0
- package/2x/cjs/components/floating-bubble/floating-bubble.js +25 -5
- package/2x/cjs/components/form/form.d.ts +1 -1
- package/2x/cjs/components/image-uploader/image-uploader.css +16 -1
- package/2x/cjs/components/image-uploader/image-uploader.d.ts +4 -1
- package/2x/cjs/components/image-uploader/image-uploader.js +46 -9
- package/2x/cjs/components/image-uploader/preview-item.d.ts +2 -1
- package/2x/cjs/components/image-uploader/preview-item.js +5 -7
- package/2x/cjs/components/mask/mask.d.ts +1 -1
- package/2x/cjs/components/mask/mask.js +6 -2
- package/2x/cjs/components/notice-bar/notice-bar.css +13 -4
- package/2x/cjs/components/notice-bar/notice-bar.d.ts +10 -8
- package/2x/cjs/components/notice-bar/notice-bar.js +5 -2
- package/2x/cjs/components/stepper/stepper.d.ts +2 -0
- package/2x/cjs/components/stepper/stepper.js +55 -32
- package/2x/cjs/components/water-mark/water-mark.d.ts +1 -1
- package/2x/cjs/components/water-mark/water-mark.js +5 -1
- package/2x/es/components/calendar/calendar.js +9 -1
- package/2x/es/components/floating-bubble/floating-bubble.d.ts +8 -0
- package/2x/es/components/floating-bubble/floating-bubble.js +26 -6
- package/2x/es/components/form/form.d.ts +1 -1
- package/2x/es/components/image-uploader/image-uploader.css +16 -1
- package/2x/es/components/image-uploader/image-uploader.d.ts +4 -1
- package/2x/es/components/image-uploader/image-uploader.js +48 -11
- package/2x/es/components/image-uploader/preview-item.d.ts +2 -1
- package/2x/es/components/image-uploader/preview-item.js +6 -8
- package/2x/es/components/mask/mask.d.ts +1 -1
- package/2x/es/components/mask/mask.js +6 -2
- package/2x/es/components/notice-bar/notice-bar.css +13 -4
- package/2x/es/components/notice-bar/notice-bar.d.ts +10 -8
- package/2x/es/components/notice-bar/notice-bar.js +5 -2
- package/2x/es/components/stepper/stepper.d.ts +2 -0
- package/2x/es/components/stepper/stepper.js +55 -32
- package/2x/es/components/water-mark/water-mark.d.ts +1 -1
- package/2x/es/components/water-mark/water-mark.js +5 -1
- package/2x/package.json +9 -9
- package/bundle/antd-mobile.cjs.development.js +188 -121
- package/bundle/antd-mobile.cjs.js +8 -8
- package/bundle/antd-mobile.compatible.umd.js +1 -1
- package/bundle/antd-mobile.es.development.js +188 -121
- package/bundle/antd-mobile.es.js +3936 -3910
- package/bundle/antd-mobile.umd.development.js +188 -121
- package/bundle/antd-mobile.umd.js +8 -8
- package/bundle/css-vars-patch.css +312 -0
- package/bundle/style.css +1 -1
- package/cjs/components/calendar/calendar.js +9 -1
- package/cjs/components/floating-bubble/floating-bubble.d.ts +8 -0
- package/cjs/components/floating-bubble/floating-bubble.js +25 -5
- package/cjs/components/form/form.d.ts +1 -1
- package/cjs/components/image-uploader/image-uploader.css +15 -1
- package/cjs/components/image-uploader/image-uploader.d.ts +4 -1
- package/cjs/components/image-uploader/image-uploader.js +46 -9
- package/cjs/components/image-uploader/preview-item.d.ts +2 -1
- package/cjs/components/image-uploader/preview-item.js +5 -7
- package/cjs/components/mask/mask.d.ts +1 -1
- package/cjs/components/mask/mask.js +6 -2
- package/cjs/components/notice-bar/notice-bar.css +11 -4
- package/cjs/components/notice-bar/notice-bar.d.ts +10 -8
- package/cjs/components/notice-bar/notice-bar.js +5 -2
- package/cjs/components/stepper/stepper.d.ts +2 -0
- package/cjs/components/stepper/stepper.js +55 -32
- package/cjs/components/water-mark/water-mark.d.ts +1 -1
- package/cjs/components/water-mark/water-mark.js +5 -1
- package/es/components/calendar/calendar.js +9 -1
- package/es/components/floating-bubble/floating-bubble.d.ts +8 -0
- package/es/components/floating-bubble/floating-bubble.js +26 -6
- package/es/components/form/form.d.ts +1 -1
- package/es/components/image-uploader/image-uploader.css +15 -1
- package/es/components/image-uploader/image-uploader.d.ts +4 -1
- package/es/components/image-uploader/image-uploader.js +48 -11
- package/es/components/image-uploader/preview-item.d.ts +2 -1
- package/es/components/image-uploader/preview-item.js +6 -8
- package/es/components/mask/mask.d.ts +1 -1
- package/es/components/mask/mask.js +6 -2
- package/es/components/notice-bar/notice-bar.css +11 -4
- package/es/components/notice-bar/notice-bar.d.ts +10 -8
- package/es/components/notice-bar/notice-bar.js +5 -2
- package/es/components/stepper/stepper.d.ts +2 -0
- package/es/components/stepper/stepper.js +55 -32
- package/es/components/water-mark/water-mark.d.ts +1 -1
- package/es/components/water-mark/water-mark.js +5 -1
- package/package.json +9 -9
- package/umd/antd-mobile.js +1 -1
- package/2x/cjs/components/image/test/image.test.d.ts +0 -1
- package/2x/cjs/components/image/test/image.test.js +0 -73
- package/2x/es/components/image/test/image.test.d.ts +0 -1
- package/2x/es/components/image/test/image.test.js +0 -70
- package/cjs/components/image/test/image.test.d.ts +0 -1
- package/cjs/components/image/test/image.test.js +0 -73
- package/es/components/image/test/image.test.d.ts +0 -1
- 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
|
-
});
|