antd-mobile 5.32.3 → 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.
Files changed (38) hide show
  1. package/2x/bundle/antd-mobile.cjs.development.js +4 -2
  2. package/2x/bundle/antd-mobile.cjs.js +2 -2
  3. package/2x/bundle/antd-mobile.es.development.js +4 -2
  4. package/2x/bundle/antd-mobile.es.js +4 -2
  5. package/2x/bundle/antd-mobile.umd.development.js +4 -2
  6. package/2x/bundle/antd-mobile.umd.js +2 -2
  7. package/2x/bundle/style.css +2 -1
  8. package/2x/cjs/components/center-popup/center-popup.js +3 -1
  9. package/2x/cjs/components/result-page/result-page.css +1 -0
  10. package/2x/cjs/components/water-mark/water-mark.js +2 -1
  11. package/2x/cjs/global/global.css +1 -1
  12. package/2x/cjs/global/theme-dark.css +1 -0
  13. package/2x/es/components/center-popup/center-popup.js +3 -1
  14. package/2x/es/components/result-page/result-page.css +1 -0
  15. package/2x/es/components/water-mark/water-mark.js +2 -1
  16. package/2x/es/global/global.css +1 -1
  17. package/2x/es/global/theme-dark.css +1 -0
  18. package/2x/package.json +1 -1
  19. package/bundle/antd-mobile.cjs.development.js +4 -2
  20. package/bundle/antd-mobile.cjs.js +2 -2
  21. package/bundle/antd-mobile.compatible.umd.js +1 -1
  22. package/bundle/antd-mobile.es.development.js +4 -2
  23. package/bundle/antd-mobile.es.js +4 -2
  24. package/bundle/antd-mobile.umd.development.js +4 -2
  25. package/bundle/antd-mobile.umd.js +2 -2
  26. package/bundle/style.css +1 -1
  27. package/cjs/components/center-popup/center-popup.js +3 -1
  28. package/cjs/components/result-page/result-page.css +1 -0
  29. package/cjs/components/water-mark/water-mark.js +2 -1
  30. package/cjs/global/global.css +1 -1
  31. package/cjs/global/theme-dark.css +1 -0
  32. package/es/components/center-popup/center-popup.js +3 -1
  33. package/es/components/result-page/result-page.css +1 -0
  34. package/es/components/water-mark/water-mark.js +2 -1
  35. package/es/global/global.css +1 -1
  36. package/es/global/theme-dark.css +1 -0
  37. package/package.json +1 -1
  38. package/umd/antd-mobile.js +1 -1
@@ -51,12 +51,12 @@ 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
 
57
58
  :root {
58
59
  -webkit-tap-highlight-color: rgba(0,0,0,0);
59
- --adm-color-background-body: var(--adm-color-background);
60
60
  }
61
61
 
62
62
  html {
@@ -3754,6 +3754,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
3754
3754
  justify-content: center;
3755
3755
  background-color: var(--adm-color-box);
3756
3756
  z-index: 3;
3757
+ box-sizing: border-box;
3757
3758
  }
3758
3759
 
3759
3760
  .adm-result-page-footer-btn {
@@ -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'),
@@ -113,6 +113,7 @@
113
113
  justify-content: center;
114
114
  background-color: var(--adm-color-box);
115
115
  z-index: 3;
116
+ box-sizing: border-box;
116
117
  }
117
118
 
118
119
  .adm-result-page-footer-btn {
@@ -86,7 +86,8 @@ const WaterMark = p => {
86
86
  style: {
87
87
  zIndex,
88
88
  backgroundSize: `${gapX + width}px`,
89
- backgroundImage: `url('${base64Url}')`
89
+ // Not give `url` if its empty. Which will cause 404 error.
90
+ backgroundImage: base64Url === '' ? undefined : `url('${base64Url}')`
90
91
  }
91
92
  }));
92
93
  };
@@ -53,12 +53,12 @@ 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
 
59
60
  :root {
60
61
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
61
- --adm-color-background-body: var(--adm-color-background);
62
62
  }
63
63
 
64
64
  html {
@@ -13,5 +13,6 @@ html[data-prefers-color-scheme='dark'] {
13
13
  --adm-color-border: #2b2b2b;
14
14
  --adm-color-box: #0a0a0a;
15
15
  --adm-color-background: #1a1a1a;
16
+ --adm-color-background-body: var(--adm-color-background);
16
17
  --adm-border-color: var(--adm-color-border);
17
18
  }
@@ -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'),
@@ -113,6 +113,7 @@
113
113
  justify-content: center;
114
114
  background-color: var(--adm-color-box);
115
115
  z-index: 3;
116
+ box-sizing: border-box;
116
117
  }
117
118
 
118
119
  .adm-result-page-footer-btn {
@@ -77,7 +77,8 @@ export const WaterMark = p => {
77
77
  style: {
78
78
  zIndex,
79
79
  backgroundSize: `${gapX + width}px`,
80
- backgroundImage: `url('${base64Url}')`
80
+ // Not give `url` if its empty. Which will cause 404 error.
81
+ backgroundImage: base64Url === '' ? undefined : `url('${base64Url}')`
81
82
  }
82
83
  }));
83
84
  };
@@ -53,12 +53,12 @@ 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
 
59
60
  :root {
60
61
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
61
- --adm-color-background-body: var(--adm-color-background);
62
62
  }
63
63
 
64
64
  html {
@@ -13,5 +13,6 @@ html[data-prefers-color-scheme='dark'] {
13
13
  --adm-color-border: #2b2b2b;
14
14
  --adm-color-box: #0a0a0a;
15
15
  --adm-color-background: #1a1a1a;
16
+ --adm-color-background-body: var(--adm-color-background);
16
17
  --adm-border-color: var(--adm-color-border);
17
18
  }
package/2x/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "antd-mobile",
3
- "version": "5.32.3",
3
+ "version": "5.32.4",
4
4
  "dependencies": {
5
5
  "@floating-ui/dom": "^1.4.2",
6
6
  "@rc-component/mini-decimal": "^1.1.0",
@@ -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
  };