antd-mobile 5.0.0-rc.24 → 5.0.0-rc.28

package/2x/cjs/components/input/input.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { NativeProps } from '../../utils/native-props';
 declare type NativeInputProps = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
-export declare type InputProps = Pick<NativeInputProps, 'maxLength' | 'minLength' | 'max' | 'min' | 'autoComplete' | 'pattern' | 'inputMode' | 'type' | 'onFocus' | 'onBlur' | 'autoCapitalize' | 'autoCorrect' | 'onKeyDown' | 'onKeyUp' | 'onCompositionStart' | 'onCompositionEnd'> & {
+export declare type InputProps = Pick<NativeInputProps, 'maxLength' | 'minLength' | 'autoComplete' | 'pattern' | 'inputMode' | 'type' | 'onFocus' | 'onBlur' | 'autoCapitalize' | 'autoCorrect' | 'onKeyDown' | 'onKeyUp' | 'onCompositionStart' | 'onCompositionEnd'> & {
     value?: string;
     defaultValue?: string;
     onChange?: (val: string) => void;
@@ -13,13 +13,15 @@ export declare type InputProps = Pick<NativeInputProps, 'maxLength' | 'minLength
     id?: string;
     onEnterPress?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
     enterKeyHint?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
+    min?: number;
+    max?: number;
 } & NativeProps<'--font-size' | '--color' | '--placeholder-color' | '--text-align'>;
 export declare type InputRef = {
     clear: () => void;
     focus: () => void;
     blur: () => void;
 };
-export declare const Input: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "pattern" | "max" | "min" | "type" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "onKeyDown" | "onKeyUp" | "autoCapitalize" | "autoCorrect" | "inputMode" | "autoComplete" | "maxLength" | "minLength"> & {
+export declare const Input: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "pattern" | "type" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "onKeyDown" | "onKeyUp" | "autoCapitalize" | "autoCorrect" | "inputMode" | "autoComplete" | "maxLength" | "minLength"> & {
     value?: string | undefined;
     defaultValue?: string | undefined;
     onChange?: ((val: string) => void) | undefined;
@@ -31,5 +33,7 @@ export declare const Input: React.ForwardRefExoticComponent<Pick<React.DetailedH
     id?: string | undefined;
     onEnterPress?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
     enterKeyHint?: "enter" | "search" | "done" | "go" | "next" | "previous" | "send" | undefined;
+    min?: number | undefined;
+    max?: number | undefined;
 } & NativeProps<"--color" | "--font-size" | "--placeholder-color" | "--text-align"> & React.RefAttributes<InputRef>>;
 export {};

package/2x/cjs/components/input/input.js

@@ -17,6 +17,10 @@ var _withDefaultProps = require("../../utils/with-default-props");
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _ahooks = require("ahooks");
+
+var _bound = require("../../utils/bound");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -58,7 +62,7 @@ const Input = (0, _react.forwardRef)((p, ref) => {
     (_a = props.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(props, e);
   };
 
-  (0, _react.useLayoutEffect)(() => {
+  (0, _ahooks.useIsomorphicLayoutEffect)(() => {
     var _a;
 
     if (!props.enterKeyHint) return;
@@ -69,6 +73,19 @@ const Input = (0, _react.forwardRef)((p, ref) => {
       (_a = nativeInputRef.current) === null || _a === void 0 ? void 0 : _a.removeAttribute('enterkeyhint');
     };
   }, [props.enterKeyHint]);
+
+  function checkValue() {
+    let nextValue = value;
+
+    if (props.type === 'number') {
+      nextValue = (0, _bound.bound)(parseFloat(nextValue), props.min, props.max).toString();
+    }
+
+    if (nextValue !== value) {
+      setValue(nextValue);
+    }
+  }
+
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
     className: (0, _classnames.default)(`${classPrefix}`, props.disabled && `${classPrefix}-disabled`)
   }, _react.default.createElement("input", {
@@ -88,6 +105,7 @@ const Input = (0, _react.forwardRef)((p, ref) => {
       var _a;
 
       setHasFocus(false);
+      checkValue();
       (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e);
     },
     id: props.id,
@@ -108,7 +126,7 @@ const Input = (0, _react.forwardRef)((p, ref) => {
     onKeyUp: props.onKeyUp,
     onCompositionStart: props.onCompositionStart,
     onCompositionEnd: props.onCompositionEnd
-  }), props.clearable && !!value && _react.default.createElement("div", {
+  }), props.clearable && !!value && !props.readOnly && _react.default.createElement("div", {
     className: `${classPrefix}-clear`,
     onMouseDown: e => {
       e.preventDefault();

package/2x/cjs/components/list/list.css

@@ -1,5 +1,5 @@
 .adm-list {
-  --header-font-size: 28px;
+  --header-font-size: 30px;
   --prefix-width: 'auto';
   --prefix-padding-right: 24px;
   --align-items: center;
@@ -15,9 +15,7 @@
 .adm-list-header {
   color: var(--adm-color-weak);
   font-size: var(--header-font-size);
-  padding-left: var(--padding-left);
-  padding-right: var(--padding-right);
-  margin: 32px 0 8px;
+  padding: 16px var(--padding-right) 16px var(--padding-left);
 }
 
 .adm-list-body {
@@ -43,6 +41,10 @@
   border-radius: 16px;
 }
 
+.adm-list-card .adm-list-header {
+  padding-left: 0;
+}
+
 .adm-list-item {
   display: block;
   padding-left: var(--padding-left);

package/2x/cjs/components/picker/picker.d.ts

@@ -10,6 +10,7 @@ export declare type PickerProps = {
     onConfirm?: (value: PickerValue[], extend: PickerValueExtend) => void;
     onCancel?: () => void;
     onClose?: () => void;
+    closeOnMaskClick?: boolean;
     visible?: boolean;
     title?: ReactNode;
     confirmText?: ReactNode;

package/2x/cjs/components/picker/picker.js

@@ -35,7 +35,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 const classPrefix = `adm-picker`;
 const defaultProps = {
-  defaultValue: []
+  defaultValue: [],
+  closeOnMaskClick: true
 };
 const Picker = (0, _react.memo)(p => {
   var _a;
@@ -114,6 +115,7 @@ const Picker = (0, _react.memo)(p => {
     onMaskClick: () => {
       var _a, _b;
 
+      if (!props.closeOnMaskClick) return;
       (_a = props.onCancel) === null || _a === void 0 ? void 0 : _a.call(props);
       (_b = props.onClose) === null || _b === void 0 ? void 0 : _b.call(props);
     },

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

@@ -19,6 +19,8 @@ var _bound = require("../../utils/bound");
 
 var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
 
+var _ahooks = require("ahooks");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -49,7 +51,7 @@ const Wheel = (0, _react.memo)(props => {
     }
   }));
   const draggingRef = (0, _react.useRef)(false);
-  (0, _react.useLayoutEffect)(() => {
+  (0, _ahooks.useIsomorphicLayoutEffect)(() => {
     if (draggingRef.current) return;
     if (!value) return;
     const targetIndex = column.findIndex(item => item.value === value);
@@ -60,7 +62,7 @@ const Wheel = (0, _react.memo)(props => {
       immediate: y.goal !== finalPosition
     });
   }, [value, column]);
-  (0, _react.useLayoutEffect)(() => {
+  (0, _ahooks.useIsomorphicLayoutEffect)(() => {
     if (column.length === 0) {
       if (value !== null) {
         onSelect(null);

package/2x/cjs/components/popover/index.d.ts

@@ -13,11 +13,9 @@ declare const _default: import("react").ForwardRefExoticComponent<{
     stopPropagation?: "click"[] | undefined;
     content: import("react").ReactNode;
 } & Pick<import("rc-tooltip/lib/Tooltip").TooltipProps, "visible" | "align" | "defaultVisible" | "onVisibleChange"> & import("../../utils/native-props").NativeProps<"--z-index"> & import("react").RefAttributes<import("./popover").PopoverRef>> & {
-    Menu: <T extends import("./popover-menu").Action = import("./popover-menu").Action>(props: Pick<import("./popover").PopoverProps, "children" | "style" | "visible" | "className" | "tabIndex" | "mode" | "align" | "getContainer" | "stopPropagation" | "trigger" | "defaultVisible" | "onVisibleChange" | "placement" | "destroyOnHide"> & {
-        actions: T[];
-        onAction?: ((text: T) => void) | undefined;
-    } & {
-        ref?: ((instance: import("./popover").PopoverRef | null) => void) | import("react").RefObject<import("./popover").PopoverRef> | null | undefined;
-    }) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
+    Menu: import("react").ForwardRefExoticComponent<Pick<import("./popover").PopoverProps, "children" | "style" | "visible" | "className" | "tabIndex" | "mode" | "align" | "getContainer" | "stopPropagation" | "defaultVisible" | "onVisibleChange" | "trigger" | "placement" | "destroyOnHide"> & {
+        actions: import("./popover-menu").Action[];
+        onAction?: ((item: import("./popover-menu").Action) => void) | undefined;
+    } & import("react").RefAttributes<import("./popover").PopoverRef>>;
 };
 export default _default;

package/2x/cjs/components/popover/popover-menu.d.ts

@@ -1,20 +1,17 @@
-import React, { ReactElement, Ref } from 'react';
+import React from 'react';
 import { PopoverProps, PopoverRef } from './popover';
 export declare type Action = {
     text: React.ReactNode;
     icon?: React.ReactNode;
     disabled?: boolean;
-    key?: string;
+    key?: string | number;
     onClick?: () => void;
-    [key: string]: any;
 };
-export declare type PopoverMenuProps<T> = Omit<PopoverProps, 'content'> & {
-    actions: T[];
-    onAction?: (text: T) => void;
+export declare type PopoverMenuProps = Omit<PopoverProps, 'content'> & {
+    actions: Action[];
+    onAction?: (item: Action) => void;
 };
-export declare const PopoverMenu: <T extends Action = Action>(props: Pick<PopoverProps, "children" | "style" | "visible" | "className" | "tabIndex" | "mode" | "align" | "getContainer" | "stopPropagation" | "trigger" | "defaultVisible" | "onVisibleChange" | "placement" | "destroyOnHide"> & {
-    actions: T[];
-    onAction?: ((text: T) => void) | undefined;
-} & {
-    ref?: ((instance: PopoverRef | null) => void) | React.RefObject<PopoverRef> | null | undefined;
-}) => ReactElement;
+export declare const PopoverMenu: React.ForwardRefExoticComponent<Pick<PopoverProps, "children" | "style" | "visible" | "className" | "tabIndex" | "mode" | "align" | "getContainer" | "stopPropagation" | "defaultVisible" | "onVisibleChange" | "trigger" | "placement" | "destroyOnHide"> & {
+    actions: Action[];
+    onAction?: ((item: Action) => void) | undefined;
+} & React.RefAttributes<PopoverRef>>;

package/2x/cjs/components/progress-bar/progress-bar.css

@@ -1,7 +1,7 @@
 .adm-progress-bar {
   --track-width: var(--adm-progress-bar-track-width, 6px);
   --track-color: var(--adm-progress-bar-track-color, #e5e5e5);
-  --fill-color: var(--adm-progress-bar-fill-color, #1677ff);
+  --fill-color: var(--adm-progress-bar-fill-color, var(--adm-color-primary));
 }
 
 .adm-progress-bar-trail {

package/2x/cjs/components/progress-circle/progress-circle.css

@@ -1,10 +1,10 @@
 /*进度圈*/
 
 .adm-progress-circle {
-  --track-width: 6px;
-  --size: 100px;
-  --track-color: #e5e5e5;
-  --fill-color: #1677ff;
+  --track-width: var(--adm-progress-circle-track-width, 6px);
+  --size: var(--adm-progress-circle-size, 100px);
+  --track-color: var(--adm-progress-circle-track-color, #e5e5e5);
+  --fill-color: var(--adm-progress-circle-fill-color, var(--adm-color-primary));
   --percent: 0;
   --pi: 3.14159265;
   --radius: calc(var(--size) / 2 - var(--track-width) / 2);

package/2x/cjs/components/progress-circle/progress-circle.js

@@ -17,8 +17,7 @@ const classPrefix = `adm-progress-circle`;
 
 const ProgressCircle = p => {
   const props = (0, _withDefaultProps.mergeProps)({
-    percent: 0,
-    strokeColor: '#1677FF'
+    percent: 0
   }, p);
   const style = {
     '--percent': props.percent.toString()

package/2x/cjs/components/pull-to-refresh/pull-to-refresh.js

@@ -59,7 +59,13 @@ const PullToRefresh = p => {
     }
   }));
   const elementRef = (0, _react2.useRef)(null);
-  const pullingRef = (0, _react2.useRef)(false);
+  const pullingRef = (0, _react2.useRef)(false); //防止下拉时抖动
+
+  (0, _react2.useEffect)(() => {
+    var _a;
+
+    (_a = elementRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('touchmove', () => {});
+  }, []);
 
   function doRefresh() {
     return (0, _tslib.__awaiter)(this, void 0, void 0, function* () {

package/2x/cjs/components/radio/radio.js

@@ -19,6 +19,10 @@ var _withDefaultProps = require("../../utils/with-default-props");
 
 var _checkIcon = require("../checkbox/check-icon");
 
+var _devLog = require("../../utils/dev-log");
+
+var _isDev = require("../../utils/is-dev");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -44,6 +48,16 @@ const Radio = p => {
   } = props;
 
   if (groupContext && value !== undefined) {
+    if (_isDev.isDev) {
+      if (p.checked !== undefined) {
+        (0, _devLog.devWarning)('Radio', 'When used within `Radio.Group`, the `checked` prop of `Radio` will not work.');
+      }
+
+      if (p.defaultChecked !== undefined) {
+        (0, _devLog.devWarning)('Radio', 'When used within `Radio.Group`, the `defaultChecked` prop of `Radio` will not work.');
+      }
+    }
+
     checked = groupContext.value.includes(value);
 
     setChecked = checked => {
@@ -74,12 +88,11 @@ const Radio = p => {
   };
 
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("label", {
-    className: (0, _classnames.default)(classPrefix, props.className, {
+    className: (0, _classnames.default)(classPrefix, {
       [`${classPrefix}-checked`]: checked,
       [`${classPrefix}-disabled`]: disabled,
       [`${classPrefix}-block`]: props.block
-    }),
-    style: props.style
+    })
   }, _react.default.createElement("input", {
     type: 'radio',
     checked: checked,

package/2x/cjs/components/rate/rate.css

@@ -1,6 +1,7 @@
 .adm-rate {
   --star-size: 48px;
   --active-color: #ffd21e;
+  --inactive-color: var(--adm-color-light);
   display: inline-flex;
 }
 
@@ -12,7 +13,7 @@
   padding: calc(var(--star-size) / 8);
   line-height: var(--star-size);
   font-size: var(--star-size);
-  color: var(--adm-color-light);
+  color: var(--inactive-color);
   text-align: center;
   overflow: hidden;
   cursor: pointer;

package/2x/cjs/components/rate/rate.d.ts

@@ -9,5 +9,5 @@ export declare type RateProps = {
     readOnly?: boolean;
     value?: number;
     onChange?: (value: number) => void;
-} & NativeProps<'--star-size' | '--active-color'>;
+} & NativeProps<'--star-size' | '--active-color' | '--inactive-color'>;
 export declare const Rate: FC<RateProps>;

package/2x/cjs/components/selector/selector.css

@@ -1,6 +1,12 @@
 .adm-selector {
-  --color: var(--adm-color-text);
+  --color: #f5f5f5;
   --checked-color: #e7f1ff;
+  --text-color: var(--adm-color-text);
+  --checked-text-color: var(--adm-color-primary);
+  --border: none;
+  --checked-border: none;
+  --border-radius: 4px;
+  --padding: 16px 32px;
   overflow: hidden;
   font-size: 30px;
   line-height: 1.4;
@@ -11,11 +17,12 @@
 }
 
 .adm-selector-item {
-  padding: 16px 32px;
+  padding: var(--padding);
   position: relative;
-  background-color: #f5f5f5;
-  border-radius: 4px;
-  color: #333;
+  background-color: var(--color);
+  border: var(--border);
+  border-radius: var(--border-radius);
+  color: var(--text-color);
   opacity: 1;
   cursor: pointer;
   display: inline-block;
@@ -31,8 +38,9 @@
 
 .adm-selector-item-active,
 .adm-selector-item-multiple-active {
-  color: var(--adm-color-primary);
+  color: var(--checked-text-color);
   background-color: var(--checked-color);
+  border: var(--checked-border);
 }
 
 .adm-selector-item .adm-selector-check-mark-wrapper {

package/2x/cjs/components/selector/selector.d.ts

@@ -16,5 +16,6 @@ export declare type SelectorProps<V> = {
     onChange?: (v: V[], extend: {
         items: SelectorOption<V>[];
     }) => void;
-} & NativeProps<'--checked-color'>;
+    showCheckMark?: boolean;
+} & NativeProps<'--color' | '--checked-color' | '--text-color' | '--checked-text-color' | '--border' | '--checked-border' | '--border-radius' | '--padding'>;
 export declare const Selector: <V extends string | number>(p: SelectorProps<V>) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>;

package/2x/cjs/components/selector/selector.js

@@ -28,7 +28,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const classPrefix = `adm-selector`;
 const defaultProps = {
   multiple: false,
-  defaultValue: []
+  defaultValue: [],
+  showCheckMark: true
 };
 
 const Selector = p => {
@@ -74,7 +75,7 @@ const Selector = p => {
       }
     }, option.label, option.description && _react.default.createElement("div", {
       className: `${classPrefix}-item-description`
-    }, option.description), active && _react.default.createElement("div", {
+    }, option.description), active && props.showCheckMark && _react.default.createElement("div", {
       className: `${classPrefix}-check-mark-wrapper`
     }, _react.default.createElement(_checkMark.CheckMark, null)));
   });

package/2x/cjs/components/slider/slider.css

@@ -18,6 +18,7 @@
 
 .adm-slider-fill {
   position: absolute;
+  z-index: 1;
   height: 8px;
   background-color: var(--fill-color);
 }
@@ -44,16 +45,11 @@
 }
 
 .adm-slider-thumb {
-  touch-action: none;
-  position: absolute;
   width: 44px;
   height: 44px;
+  margin: 10px;
   border-radius: 50%;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  background: #fff url('../../assets/slider-thumb.svg') no-repeat center center;
-  background-size: 20px 20px;
+  background: var(--adm-color-white);
   box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 6px -4px rgba(0, 0, 0, 0.25);
 }
 
@@ -61,9 +57,18 @@
   outline: none;
 }
 
+.adm-slider-thumb-icon {
+  width: 20px;
+  height: 20px;
+  margin: 12px;
+  user-select: none;
+}
+
 .adm-slider-thumb-container {
+  cursor: grab;
   touch-action: none;
   position: absolute;
+  z-index: 2;
   width: 64px;
   height: 64px;
   border-radius: 50%;

package/2x/cjs/components/slider/thumb-icon.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { NativeProps } from '../../utils/native-props';
+export declare const ThumbIcon: FC<NativeProps>;

package/2x/cjs/components/slider/thumb-icon.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ThumbIcon = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _nativeProps = require("../../utils/native-props");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const ThumbIcon = props => {
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("svg", {
+    viewBox: '0 0 20 20'
+  }, _react.default.createElement("g", {
+    stroke: 'none',
+    strokeWidth: '1',
+    fill: 'none',
+    fillRule: 'evenodd'
+  }, _react.default.createElement("g", {
+    transform: 'translate(-604.000000, -656.000000)',
+    fill: '#999999'
+  }, _react.default.createElement("g", {
+    transform: 'translate(592.000000, 644.000000)'
+  }, _react.default.createElement("g", {
+    transform: 'translate(12.000000, 12.000000)'
+  }, _react.default.createElement("polygon", {
+    points: '0 3.33333333 2.22222222 3.33333333 2.22222222 17.7777778 0 17.7777778'
+  }), _react.default.createElement("polygon", {
+    points: '17.7777778 3.33333333 20 3.33333333 20 17.7777778 17.7777778 17.7777778'
+  }), _react.default.createElement("path", {
+    d: 'M10.8888889,0 L9.11111111,0 C8.98888889,0 8.88888889,0.107142857 8.88888889,0.238095238 L8.88888889,19.7619048 C8.88888889,19.8928571 8.98888889,20 9.11111111,20 L10.8888889,20 C11.0111111,20 11.1111111,19.8928571 11.1111111,19.7619048 L11.1111111,0.238095238 C11.1111111,0.107142857 11.0111111,0 10.8888889,0 Z'
+  })))))));
+};
+
+exports.ThumbIcon = ThumbIcon;

package/2x/cjs/components/slider/thumb.js

@@ -9,6 +9,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _react2 = require("@use-gesture/react");
 
+var _thumbIcon = require("./thumb-icon");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -57,7 +59,9 @@ const Thumb = props => {
     style: currentPosition()
   }, bind()), _react.default.createElement("div", {
     className: `${classPrefix}-thumb`
-  }));
+  }, _react.default.createElement(_thumbIcon.ThumbIcon, {
+    className: `${classPrefix}-thumb-icon`
+  })));
 };
 
 var _default = Thumb;

package/2x/cjs/components/swiper/swiper.js

@@ -212,7 +212,7 @@ const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) =>
       swipeNext,
       swipePrev
     }));
-    (0, _react.useLayoutEffect)(() => {
+    (0, _ahooks.useIsomorphicLayoutEffect)(() => {
       const maxIndex = validChildren.length - 1;
 
       if (current > maxIndex) {

package/2x/cjs/components/tabs/tabs.js

@@ -163,17 +163,17 @@ const Tabs = p => {
     });
   }
 
-  (0, _react.useLayoutEffect)(() => {
-    animate(true);
+  (0, _ahooks.useIsomorphicLayoutEffect)(() => {
+    animate(!x.isAnimating);
   }, []);
   (0, _ahooks.useUpdateLayoutEffect)(() => {
     animate();
   }, [activeKey]);
   (0, _useResizeEffect.useResizeEffect)(() => {
-    animate(true);
+    animate(!x.isAnimating);
   }, tabListContainerRef);
   (0, _useMutationEffect.useMutationEffect)(() => {
-    animate(true);
+    animate(!x.isAnimating);
   }, tabListContainerRef, {
     subtree: true,
     childList: true,
@@ -197,7 +197,7 @@ const Tabs = p => {
     trailing: true,
     leading: true
   });
-  (0, _react.useLayoutEffect)(() => {
+  (0, _ahooks.useIsomorphicLayoutEffect)(() => {
     updateMask(true);
   }, []);
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {

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

@@ -13,6 +13,8 @@ var _usePropsValue = require("../../utils/use-props-value");
 
 var _withDefaultProps = require("../../utils/with-default-props");
 
+var _devLog = require("../../utils/dev-log");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -31,7 +33,14 @@ const TextArea = (0, _react.forwardRef)((p, ref) => {
     showCount,
     maxLength
   } = props;
-  const [value, setValue] = (0, _usePropsValue.usePropsValue)(props);
+  const [value, setValue] = (0, _usePropsValue.usePropsValue)(Object.assign(Object.assign({}, props), {
+    value: props.value === null ? '' : props.value
+  }));
+
+  if (props.value === null) {
+    (0, _devLog.devError)('TextArea', '`value` prop on `TextArea` should not be `null`. Consider using an empty string to clear the component.');
+  }
+
   const nativeTextAreaRef = (0, _react.useRef)(null);
   (0, _react.useImperativeHandle)(ref, () => ({
     clear: () => {
@@ -89,6 +98,7 @@ const TextArea = (0, _react.forwardRef)((p, ref) => {
     className: `${classPrefix}-element`,
     rows: props.rows,
     value: value,
+    placeholder: props.placeholder,
     onChange: e => {
       let v = e.target.value;
 

package/2x/cjs/components/virtual-input/virtual-input.js

@@ -17,6 +17,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _antdMobileIcons = require("antd-mobile-icons");
 
+var _ahooks = require("ahooks");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -47,7 +49,7 @@ const VirtualInput = (0, _react.forwardRef)((p, ref) => {
     content.scrollLeft = content.clientWidth;
   }
 
-  (0, _react.useLayoutEffect)(() => {
+  (0, _ahooks.useIsomorphicLayoutEffect)(() => {
     scrollToEnd();
   }, [value]);
   (0, _react.useEffect)(() => {

package/2x/cjs/utils/get-scroll-parent.js

@@ -12,7 +12,7 @@ const defaultRoot = _canUseDom.canUseDom ? window : undefined;
 
 function isElement(node) {
   const ELEMENT_NODE_TYPE = 1;
-  return node.tagName !== 'HTML' && node.tagName !== 'BODY' && node.nodeType === ELEMENT_NODE_TYPE;
+  return node.nodeType === ELEMENT_NODE_TYPE;
 } // https://github.com/youzan/vant/issues/3823
 
 

package/2x/cjs/utils/is-dev.js

@@ -4,5 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isDev = void 0;
-const isDev = process.env.NODE_ENV === 'development';
+const isDev = process.env.NODE_ENV === 'development' || process.env.NODE_ENV === 'test';
 exports.isDev = isDev;