antd-mobile 5.32.2 → 5.32.4
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 +4 -2
- package/2x/bundle/antd-mobile.cjs.js +2 -2
- package/2x/bundle/antd-mobile.es.development.js +4 -2
- package/2x/bundle/antd-mobile.es.js +4 -2
- package/2x/bundle/antd-mobile.umd.development.js +4 -2
- package/2x/bundle/antd-mobile.umd.js +2 -2
- package/2x/bundle/style.css +7 -1
- package/2x/cjs/components/center-popup/center-popup.js +3 -1
- package/2x/cjs/components/result-page/result-page.css +1 -0
- package/2x/cjs/components/toast/toast.css +1 -0
- package/2x/cjs/components/water-mark/water-mark.js +2 -1
- package/2x/cjs/global/global.css +5 -1
- package/2x/cjs/global/theme-dark.css +1 -0
- package/2x/es/components/center-popup/center-popup.js +3 -1
- package/2x/es/components/result-page/result-page.css +1 -0
- package/2x/es/components/toast/toast.css +1 -0
- package/2x/es/components/water-mark/water-mark.js +2 -1
- package/2x/es/global/global.css +5 -1
- package/2x/es/global/theme-dark.css +1 -0
- package/2x/package.json +1 -1
- package/bundle/antd-mobile.cjs.development.js +4 -2
- package/bundle/antd-mobile.cjs.js +2 -2
- package/bundle/antd-mobile.compatible.umd.js +1 -1
- package/bundle/antd-mobile.es.development.js +4 -2
- package/bundle/antd-mobile.es.js +4 -2
- package/bundle/antd-mobile.umd.development.js +4 -2
- package/bundle/antd-mobile.umd.js +2 -2
- package/bundle/style.css +1 -1
- package/cjs/components/center-popup/center-popup.js +3 -1
- package/cjs/components/result-page/result-page.css +1 -0
- package/cjs/components/toast/toast.css +1 -0
- package/cjs/components/water-mark/water-mark.js +2 -1
- package/cjs/global/global.css +4 -1
- package/cjs/global/theme-dark.css +1 -0
- package/es/components/center-popup/center-popup.js +3 -1
- package/es/components/result-page/result-page.css +1 -0
- package/es/components/toast/toast.css +1 -0
- package/es/components/water-mark/water-mark.js +2 -1
- package/es/global/global.css +4 -1
- package/es/global/theme-dark.css +1 -0
- package/package.json +1 -1
- package/umd/antd-mobile.js +1 -1
package/2x/bundle/style.css
CHANGED
|
@@ -51,6 +51,7 @@ html[data-prefers-color-scheme=dark] {
|
|
|
51
51
|
--adm-color-border: #2b2b2b;
|
|
52
52
|
--adm-color-box: #0a0a0a;
|
|
53
53
|
--adm-color-background: #1a1a1a;
|
|
54
|
+
--adm-color-background-body: var(--adm-color-background);
|
|
54
55
|
--adm-border-color: var(--adm-color-border);
|
|
55
56
|
}
|
|
56
57
|
|
|
@@ -58,11 +59,14 @@ html[data-prefers-color-scheme=dark] {
|
|
|
58
59
|
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
|
59
60
|
}
|
|
60
61
|
|
|
62
|
+
html {
|
|
63
|
+
background-color: var(--adm-color-background-body);
|
|
64
|
+
}
|
|
65
|
+
|
|
61
66
|
body {
|
|
62
67
|
color: var(--adm-color-text);
|
|
63
68
|
font-size: var(--adm-font-size-main);
|
|
64
69
|
font-family: var(--adm-font-family);
|
|
65
|
-
background-color: var(--adm-color-background);
|
|
66
70
|
}
|
|
67
71
|
|
|
68
72
|
a,
|
|
@@ -3750,6 +3754,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
|
|
|
3750
3754
|
justify-content: center;
|
|
3751
3755
|
background-color: var(--adm-color-box);
|
|
3752
3756
|
z-index: 3;
|
|
3757
|
+
box-sizing: border-box;
|
|
3753
3758
|
}
|
|
3754
3759
|
|
|
3755
3760
|
.adm-result-page-footer-btn {
|
|
@@ -4812,6 +4817,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
|
|
|
4812
4817
|
font-size: var(--adm-font-size-7);
|
|
4813
4818
|
line-height: 1.5;
|
|
4814
4819
|
box-sizing: border-box;
|
|
4820
|
+
text-align: initial;
|
|
4815
4821
|
}
|
|
4816
4822
|
|
|
4817
4823
|
.adm-toast-mask .adm-toast-main-text {
|
|
@@ -87,7 +87,9 @@ const CenterPopup = p => {
|
|
|
87
87
|
role: props.role,
|
|
88
88
|
"aria-label": props['aria-label']
|
|
89
89
|
}, _react.default.createElement(_web.animated.div, {
|
|
90
|
-
style: style,
|
|
90
|
+
style: Object.assign(Object.assign({}, style), {
|
|
91
|
+
pointerEvents: style.opacity.to(v => v === 1 ? 'unset' : 'none')
|
|
92
|
+
}),
|
|
91
93
|
ref: ref
|
|
92
94
|
}, props.showCloseButton && _react.default.createElement("a", {
|
|
93
95
|
className: (0, _classnames.default)(`${classPrefix}-close`, 'adm-plain-anchor'),
|
|
@@ -86,7 +86,8 @@ const WaterMark = p => {
|
|
|
86
86
|
style: {
|
|
87
87
|
zIndex,
|
|
88
88
|
backgroundSize: `${gapX + width}px`,
|
|
89
|
-
|
|
89
|
+
// Not give `url` if its empty. Which will cause 404 error.
|
|
90
|
+
backgroundImage: base64Url === '' ? undefined : `url('${base64Url}')`
|
|
90
91
|
}
|
|
91
92
|
}));
|
|
92
93
|
};
|
package/2x/cjs/global/global.css
CHANGED
|
@@ -53,6 +53,7 @@ html[data-prefers-color-scheme='dark'] {
|
|
|
53
53
|
--adm-color-border: #2b2b2b;
|
|
54
54
|
--adm-color-box: #0a0a0a;
|
|
55
55
|
--adm-color-background: #1a1a1a;
|
|
56
|
+
--adm-color-background-body: var(--adm-color-background);
|
|
56
57
|
--adm-border-color: var(--adm-color-border);
|
|
57
58
|
}
|
|
58
59
|
|
|
@@ -60,11 +61,14 @@ html[data-prefers-color-scheme='dark'] {
|
|
|
60
61
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
61
62
|
}
|
|
62
63
|
|
|
64
|
+
html {
|
|
65
|
+
background-color: var(--adm-color-background-body);
|
|
66
|
+
}
|
|
67
|
+
|
|
63
68
|
body {
|
|
64
69
|
color: var(--adm-color-text);
|
|
65
70
|
font-size: var(--adm-font-size-main);
|
|
66
71
|
font-family: var(--adm-font-family);
|
|
67
|
-
background-color: var(--adm-color-background);
|
|
68
72
|
}
|
|
69
73
|
|
|
70
74
|
a,
|
|
@@ -78,7 +78,9 @@ export const CenterPopup = p => {
|
|
|
78
78
|
role: props.role,
|
|
79
79
|
"aria-label": props['aria-label']
|
|
80
80
|
}, React.createElement(animated.div, {
|
|
81
|
-
style: style,
|
|
81
|
+
style: Object.assign(Object.assign({}, style), {
|
|
82
|
+
pointerEvents: style.opacity.to(v => v === 1 ? 'unset' : 'none')
|
|
83
|
+
}),
|
|
82
84
|
ref: ref
|
|
83
85
|
}, props.showCloseButton && React.createElement("a", {
|
|
84
86
|
className: classNames(`${classPrefix}-close`, 'adm-plain-anchor'),
|
|
@@ -77,7 +77,8 @@ export const WaterMark = p => {
|
|
|
77
77
|
style: {
|
|
78
78
|
zIndex,
|
|
79
79
|
backgroundSize: `${gapX + width}px`,
|
|
80
|
-
|
|
80
|
+
// Not give `url` if its empty. Which will cause 404 error.
|
|
81
|
+
backgroundImage: base64Url === '' ? undefined : `url('${base64Url}')`
|
|
81
82
|
}
|
|
82
83
|
}));
|
|
83
84
|
};
|
package/2x/es/global/global.css
CHANGED
|
@@ -53,6 +53,7 @@ html[data-prefers-color-scheme='dark'] {
|
|
|
53
53
|
--adm-color-border: #2b2b2b;
|
|
54
54
|
--adm-color-box: #0a0a0a;
|
|
55
55
|
--adm-color-background: #1a1a1a;
|
|
56
|
+
--adm-color-background-body: var(--adm-color-background);
|
|
56
57
|
--adm-border-color: var(--adm-color-border);
|
|
57
58
|
}
|
|
58
59
|
|
|
@@ -60,11 +61,14 @@ html[data-prefers-color-scheme='dark'] {
|
|
|
60
61
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
61
62
|
}
|
|
62
63
|
|
|
64
|
+
html {
|
|
65
|
+
background-color: var(--adm-color-background-body);
|
|
66
|
+
}
|
|
67
|
+
|
|
63
68
|
body {
|
|
64
69
|
color: var(--adm-color-text);
|
|
65
70
|
font-size: var(--adm-font-size-main);
|
|
66
71
|
font-family: var(--adm-font-family);
|
|
67
|
-
background-color: var(--adm-color-background);
|
|
68
72
|
}
|
|
69
73
|
|
|
70
74
|
a,
|
package/2x/package.json
CHANGED
|
@@ -12484,7 +12484,9 @@ const CenterPopup$1 = (p) => {
|
|
|
12484
12484
|
role: props.role,
|
|
12485
12485
|
"aria-label": props["aria-label"]
|
|
12486
12486
|
}, React__default.default.createElement(animated.div, {
|
|
12487
|
-
style,
|
|
12487
|
+
style: Object.assign(Object.assign({}, style), {
|
|
12488
|
+
pointerEvents: style.opacity.to((v) => v === 1 ? "unset" : "none")
|
|
12489
|
+
}),
|
|
12488
12490
|
ref
|
|
12489
12491
|
}, props.showCloseButton && React__default.default.createElement("a", {
|
|
12490
12492
|
className: classNames(`${classPrefix$Z}-close`, "adm-plain-anchor"),
|
|
@@ -26343,7 +26345,7 @@ const WaterMark$1 = (p) => {
|
|
|
26343
26345
|
style: {
|
|
26344
26346
|
zIndex,
|
|
26345
26347
|
backgroundSize: `${gapX + width}px`,
|
|
26346
|
-
backgroundImage: `url('${base64Url}')`
|
|
26348
|
+
backgroundImage: base64Url === "" ? void 0 : `url('${base64Url}')`
|
|
26347
26349
|
}
|
|
26348
26350
|
}));
|
|
26349
26351
|
};
|