antd-mobile 5.16.0 → 5.17.1

package/es/components/tab-bar/tab-bar.css

@@ -11,6 +11,7 @@
   color: var(--adm-color-weak);
   white-space: nowrap;
   padding: 4px 8px;
+  width: -webkit-min-content;
   width: min-content;
   position: relative;
   cursor: pointer;

package/es/components/tabs/tabs.css

@@ -33,6 +33,7 @@
 .adm-tabs-tab {
   white-space: nowrap;
   padding: 8px 0 10px;
+  width: -webkit-min-content;
   width: min-content;
   margin: 0 auto;
   font-size: var(--title-font-size);

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

@@ -26,10 +26,15 @@
   background: transparent;
   border: 0;
   outline: none;
-  appearance: none;
+  -webkit-appearance: none;
+          appearance: none;
   min-height: 1.5em;
   text-align: var(--text-align);
 }
+.adm-text-area-element::-webkit-input-placeholder {
+  color: var(--placeholder-color);
+  font-family: inherit;
+}
 .adm-text-area-element::placeholder {
   color: var(--placeholder-color);
   font-family: inherit;

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

@@ -51,7 +51,6 @@ 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/es/global/global.css

@@ -80,6 +80,7 @@ div.adm-px-tester {
   position: fixed;
   right: -100vw;
   bottom: -100vh;
-  user-select: none;
+  -webkit-user-select: none;
+          user-select: none;
   pointer-events: none;
 }

package/es/utils/use-props-value.d.ts

@@ -4,5 +4,5 @@ declare type Options<T> = {
     defaultValue: T;
     onChange?: (v: T) => void;
 };
-export declare function usePropsValue<T>(options: Options<T>): readonly [T, (v: SetStateAction<T>) => void];
+export declare function usePropsValue<T>(options: Options<T>): readonly [T, (v: SetStateAction<T>, forceTrigger?: boolean) => void];
 export {};

package/es/utils/use-props-value.js

@@ -13,8 +13,10 @@ export function usePropsValue(options) {
     stateRef.current = value;
   }
 
-  const setState = useMemoizedFn(v => {
+  const setState = useMemoizedFn((v, forceTrigger = false) => {
+    // `forceTrigger` means trigger `onChange` even if `v` is the same as `stateRef.current`
     const nextValue = typeof v === 'function' ? v(stateRef.current) : v;
+    if (!forceTrigger && nextValue === stateRef.current) return;
     stateRef.current = nextValue;
     update();
     onChange === null || onChange === void 0 ? void 0 : onChange(nextValue);

package/es/utils/use-tab-list-scroll.js

@@ -33,7 +33,7 @@ export const useTabListScroll = (targetRef, activeIndex) => {
       from: {
         scrollLeft: containerScrollLeft
       },
-      immediate
+      immediate: immediate && !scrollLeft.isAnimating
     });
   }
 

package/package.json

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