antd-mobile 5.17.1 → 5.17.2

package/bundle/antd-mobile.cjs.js

@@ -10451,7 +10451,7 @@ const Wheel = React$1.memo((props) => {
   ahooks.useIsomorphicLayoutEffect(() => {
     if (draggingRef.current)
       return;
-    if (!value)
+    if (value === null)
       return;
     const targetIndex = column.findIndex((item) => item.value === value);
     if (targetIndex < 0)
@@ -13867,7 +13867,7 @@ const FloatingBubble = (p2) => {
     ref: buttonRef
   }), props.children)));
 };
-var floatingPanel = /* @__PURE__ */ (() => ".adm-floating-panel {\n  --border-radius: 8px;\n  --header-height: 28px;\n  --z-index: var(--adm-floating-panel-z-index, 900);\n  border-top-left-radius: var(--border-radius);\n  border-top-right-radius: var(--border-radius);\n  background: var(--adm-color-white);\n  position: fixed;\n  z-index: var(--z-index);\n  bottom: 0;\n  left: 0;\n  width: 100vw;\n  display: flex;\n  flex-direction: column;\n  touch-action: none;\n}\n.adm-floating-panel-mask {\n  display: block;\n  width: 100%;\n  height: 100vh;\n  position: absolute;\n  left: 0;\n  top: -100vh;\n  background: transparent;\n}\n.adm-floating-panel::after {\n  content: '';\n  display: block;\n  position: absolute;\n  bottom: -100vh;\n  height: 100vh;\n  width: 100vw;\n  background: var(--adm-color-white);\n}\n.adm-floating-panel .adm-floating-panel-header {\n  flex: none;\n  height: var(--header-height);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: -webkit-grab;\n  cursor: grab;\n  -webkit-user-select: none;\n          user-select: none;\n  background-color: var(--adm-color-background);\n}\n.adm-floating-panel .adm-floating-panel-header .adm-floating-panel-bar {\n  height: 3px;\n  width: 20px;\n  border-radius: 10px;\n  background: var(--adm-color-light);\n}\n.adm-floating-panel .adm-floating-panel-content {\n  flex: 1;\n  overflow-y: scroll;\n}\n")();
+var floatingPanel = /* @__PURE__ */ (() => ".adm-floating-panel {\n  --border-radius: 8px;\n  --header-height: 28px;\n  --z-index: var(--adm-floating-panel-z-index, 900);\n  position: fixed;\n  z-index: var(--z-index);\n  bottom: 0;\n  left: 0;\n  width: 100vw;\n  display: flex;\n  flex-direction: column;\n  touch-action: none;\n}\n.adm-floating-panel-mask {\n  display: block;\n  width: 100%;\n  height: 100vh;\n  position: absolute;\n  left: 0;\n  top: -100vh;\n  background: transparent;\n}\n.adm-floating-panel::after {\n  content: '';\n  display: block;\n  position: absolute;\n  bottom: -100vh;\n  height: 100vh;\n  width: 100vw;\n  background: var(--adm-color-background);\n}\n.adm-floating-panel .adm-floating-panel-header {\n  flex: none;\n  height: var(--header-height);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: -webkit-grab;\n  cursor: grab;\n  -webkit-user-select: none;\n          user-select: none;\n  background-color: var(--adm-color-background);\n  border-top-left-radius: var(--border-radius);\n  border-top-right-radius: var(--border-radius);\n}\n.adm-floating-panel .adm-floating-panel-header .adm-floating-panel-bar {\n  height: 3px;\n  width: 20px;\n  border-radius: 10px;\n  background: var(--adm-color-light);\n}\n.adm-floating-panel .adm-floating-panel-content {\n  flex: 1;\n  overflow-y: scroll;\n  background: var(--adm-color-background);\n}\n")();
 function nearest(arr, target) {
   return arr.reduce((pre, cur) => {
     return Math.abs(pre - target) < Math.abs(cur - target) ? pre : cur;
@@ -18403,6 +18403,7 @@ const TextArea = React$1.forwardRef((p2, ref) => {
     const textArea2 = nativeTextAreaRef.current;
     if (!textArea2)
       return;
+    textArea2.style.height = "auto";
     let height = textArea2.scrollHeight;
     if (typeof autoSize === "object") {
       const computedStyle = window.getComputedStyle(textArea2);

package/bundle/antd-mobile.es.js

@@ -10441,7 +10441,7 @@ const Wheel = memo((props) => {
   useIsomorphicLayoutEffect(() => {
     if (draggingRef.current)
       return;
-    if (!value)
+    if (value === null)
       return;
     const targetIndex = column.findIndex((item) => item.value === value);
     if (targetIndex < 0)
@@ -13857,7 +13857,7 @@ const FloatingBubble = (p2) => {
     ref: buttonRef
   }), props.children)));
 };
-var floatingPanel = /* @__PURE__ */ (() => ".adm-floating-panel {\n  --border-radius: 8px;\n  --header-height: 28px;\n  --z-index: var(--adm-floating-panel-z-index, 900);\n  border-top-left-radius: var(--border-radius);\n  border-top-right-radius: var(--border-radius);\n  background: var(--adm-color-white);\n  position: fixed;\n  z-index: var(--z-index);\n  bottom: 0;\n  left: 0;\n  width: 100vw;\n  display: flex;\n  flex-direction: column;\n  touch-action: none;\n}\n.adm-floating-panel-mask {\n  display: block;\n  width: 100%;\n  height: 100vh;\n  position: absolute;\n  left: 0;\n  top: -100vh;\n  background: transparent;\n}\n.adm-floating-panel::after {\n  content: '';\n  display: block;\n  position: absolute;\n  bottom: -100vh;\n  height: 100vh;\n  width: 100vw;\n  background: var(--adm-color-white);\n}\n.adm-floating-panel .adm-floating-panel-header {\n  flex: none;\n  height: var(--header-height);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: -webkit-grab;\n  cursor: grab;\n  -webkit-user-select: none;\n          user-select: none;\n  background-color: var(--adm-color-background);\n}\n.adm-floating-panel .adm-floating-panel-header .adm-floating-panel-bar {\n  height: 3px;\n  width: 20px;\n  border-radius: 10px;\n  background: var(--adm-color-light);\n}\n.adm-floating-panel .adm-floating-panel-content {\n  flex: 1;\n  overflow-y: scroll;\n}\n")();
+var floatingPanel = /* @__PURE__ */ (() => ".adm-floating-panel {\n  --border-radius: 8px;\n  --header-height: 28px;\n  --z-index: var(--adm-floating-panel-z-index, 900);\n  position: fixed;\n  z-index: var(--z-index);\n  bottom: 0;\n  left: 0;\n  width: 100vw;\n  display: flex;\n  flex-direction: column;\n  touch-action: none;\n}\n.adm-floating-panel-mask {\n  display: block;\n  width: 100%;\n  height: 100vh;\n  position: absolute;\n  left: 0;\n  top: -100vh;\n  background: transparent;\n}\n.adm-floating-panel::after {\n  content: '';\n  display: block;\n  position: absolute;\n  bottom: -100vh;\n  height: 100vh;\n  width: 100vw;\n  background: var(--adm-color-background);\n}\n.adm-floating-panel .adm-floating-panel-header {\n  flex: none;\n  height: var(--header-height);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: -webkit-grab;\n  cursor: grab;\n  -webkit-user-select: none;\n          user-select: none;\n  background-color: var(--adm-color-background);\n  border-top-left-radius: var(--border-radius);\n  border-top-right-radius: var(--border-radius);\n}\n.adm-floating-panel .adm-floating-panel-header .adm-floating-panel-bar {\n  height: 3px;\n  width: 20px;\n  border-radius: 10px;\n  background: var(--adm-color-light);\n}\n.adm-floating-panel .adm-floating-panel-content {\n  flex: 1;\n  overflow-y: scroll;\n  background: var(--adm-color-background);\n}\n")();
 function nearest(arr, target) {
   return arr.reduce((pre, cur) => {
     return Math.abs(pre - target) < Math.abs(cur - target) ? pre : cur;
@@ -18393,6 +18393,7 @@ const TextArea = forwardRef((p2, ref) => {
     const textArea2 = nativeTextAreaRef.current;
     if (!textArea2)
       return;
+    textArea2.style.height = "auto";
     let height = textArea2.scrollHeight;
     if (typeof autoSize === "object") {
       const computedStyle = window.getComputedStyle(textArea2);

package/bundle/style.css

@@ -1560,9 +1560,6 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   --border-radius: 8px;
   --header-height: 28px;
   --z-index: var(--adm-floating-panel-z-index, 900);
-  border-top-left-radius: var(--border-radius);
-  border-top-right-radius: var(--border-radius);
-  background: var(--adm-color-white);
   position: fixed;
   z-index: var(--z-index);
   bottom: 0;
@@ -1588,7 +1585,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   bottom: -100vh;
   height: 100vh;
   width: 100vw;
-  background: var(--adm-color-white);
+  background: var(--adm-color-background);
 }
 .adm-floating-panel .adm-floating-panel-header {
   flex: none;
@@ -1601,6 +1598,8 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   -webkit-user-select: none;
           user-select: none;
   background-color: var(--adm-color-background);
+  border-top-left-radius: var(--border-radius);
+  border-top-right-radius: var(--border-radius);
 }
 .adm-floating-panel .adm-floating-panel-header .adm-floating-panel-bar {
   height: 3px;
@@ -1611,6 +1610,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
 .adm-floating-panel .adm-floating-panel-content {
   flex: 1;
   overflow-y: scroll;
+  background: var(--adm-color-background);
 }
 .adm-form {
   --border-inner: solid 1px var(--adm-color-border);

package/cjs/components/floating-panel/floating-panel.css

@@ -2,9 +2,6 @@
   --border-radius: 8px;
   --header-height: 28px;
   --z-index: var(--adm-floating-panel-z-index, 900);
-  border-top-left-radius: var(--border-radius);
-  border-top-right-radius: var(--border-radius);
-  background: var(--adm-color-white);
   position: fixed;
   z-index: var(--z-index);
   bottom: 0;
@@ -30,7 +27,7 @@
   bottom: -100vh;
   height: 100vh;
   width: 100vw;
-  background: var(--adm-color-white);
+  background: var(--adm-color-background);
 }
 .adm-floating-panel .adm-floating-panel-header {
   flex: none;
@@ -43,6 +40,8 @@
   -webkit-user-select: none;
           user-select: none;
   background-color: var(--adm-color-background);
+  border-top-left-radius: var(--border-radius);
+  border-top-right-radius: var(--border-radius);
 }
 .adm-floating-panel .adm-floating-panel-header .adm-floating-panel-bar {
   height: 3px;
@@ -53,4 +52,5 @@
 .adm-floating-panel .adm-floating-panel-content {
   flex: 1;
   overflow-y: scroll;
+  background: var(--adm-color-background);
 }

package/cjs/components/picker-view/wheel.js

@@ -62,7 +62,7 @@ const Wheel = (0, _react.memo)(props => {
   });
   (0, _ahooks.useIsomorphicLayoutEffect)(() => {
     if (draggingRef.current) return;
-    if (!value) return;
+    if (value === null) return;
     const targetIndex = column.findIndex(item => item.value === value);
     if (targetIndex < 0) return;
     const finalPosition = targetIndex * -itemHeight.current;

package/cjs/components/text-area/text-area.js

@@ -68,6 +68,7 @@ const TextArea = (0, _react.forwardRef)((p, ref) => {
     if (!autoSize) return;
     const textArea = nativeTextAreaRef.current;
     if (!textArea) return;
+    textArea.style.height = 'auto';
     let height = textArea.scrollHeight;
 
     if (typeof autoSize === 'object') {

package/es/components/floating-panel/floating-panel.css

@@ -2,9 +2,6 @@
   --border-radius: 8px;
   --header-height: 28px;
   --z-index: var(--adm-floating-panel-z-index, 900);
-  border-top-left-radius: var(--border-radius);
-  border-top-right-radius: var(--border-radius);
-  background: var(--adm-color-white);
   position: fixed;
   z-index: var(--z-index);
   bottom: 0;
@@ -30,7 +27,7 @@
   bottom: -100vh;
   height: 100vh;
   width: 100vw;
-  background: var(--adm-color-white);
+  background: var(--adm-color-background);
 }
 .adm-floating-panel .adm-floating-panel-header {
   flex: none;
@@ -43,6 +40,8 @@
   -webkit-user-select: none;
           user-select: none;
   background-color: var(--adm-color-background);
+  border-top-left-radius: var(--border-radius);
+  border-top-right-radius: var(--border-radius);
 }
 .adm-floating-panel .adm-floating-panel-header .adm-floating-panel-bar {
   height: 3px;
@@ -53,4 +52,5 @@
 .adm-floating-panel .adm-floating-panel-content {
   flex: 1;
   overflow-y: scroll;
+  background: var(--adm-color-background);
 }

package/es/components/picker-view/wheel.js

@@ -40,7 +40,7 @@ export const Wheel = memo(props => {
   });
   useIsomorphicLayoutEffect(() => {
     if (draggingRef.current) return;
-    if (!value) return;
+    if (value === null) return;
     const targetIndex = column.findIndex(item => item.value === value);
     if (targetIndex < 0) return;
     const finalPosition = targetIndex * -itemHeight.current;

package/es/components/text-area/text-area.js

@@ -51,6 +51,7 @@ export const TextArea = forwardRef((p, ref) => {
     if (!autoSize) return;
     const textArea = nativeTextAreaRef.current;
     if (!textArea) return;
+    textArea.style.height = 'auto';
     let height = textArea.scrollHeight;
 
     if (typeof autoSize === 'object') {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "antd-mobile",
-  "version": "5.17.1",
+  "version": "5.17.2",
   "dependencies": {
     "@floating-ui/dom": "^0.5.2",
     "@react-spring/web": "^9.4.5",