@arco-design/mobile-react 2.31.2 → 2.31.4

package/umd/image-preview/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/umd/index-bar/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/umd/input/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/umd/keyboard/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/umd/load-more/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/umd/loading/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/umd/masking/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/umd/nav-bar/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/umd/notice-bar/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/umd/notify/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/umd/pagination/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/umd/picker/index.js

@@ -129,7 +129,7 @@
       (0, _mobileUtils.nextTick)(function () {
         setLinkArgs(getCurrentValueData());
       });
-    }, []);
+    }, [value]);
 
     function hidePicker(scene) {
       setLinkVisible(false);

package/umd/picker/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/umd/picker-view/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/umd/popover/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/umd/popover/style/css/menu.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/umd/popup/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/umd/popup-swiper/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/umd/progress/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/umd/pull-refresh/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/umd/radio/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/umd/rate/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/umd/search-bar/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/umd/skeleton/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/umd/slider/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/umd/stepper/hooks/useInputEvent.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { StepperProps } from '../type';
 export default function useInputEvent(params: Required<Pick<StepperProps, 'defaultValue' | 'min' | 'max' | 'digits' | 'allowEmpty'>> & Pick<StepperProps, 'onBlur' | 'onChange' | 'onInput'> & {
     actualInputValue: number;
+    innerValue: number;
     updateValue: (updater: number | ((oldValue: number) => number)) => void;
 }): {
     handleInput: (e: React.FocusEvent<HTMLInputElement>) => void;

package/umd/stepper/hooks/useInputEvent.js

@@ -22,6 +22,7 @@
         max = params.max,
         digits = params.digits,
         actualInputValue = params.actualInputValue,
+        innerValue = params.innerValue,
         allowEmpty = params.allowEmpty,
         updateValue = params.updateValue,
         onBlur = params.onBlur,
@@ -61,8 +62,8 @@
     };
 
     (0, _helpers.useUpdateEffect)(function () {
-      onChange && onChange(actualInputValue);
-    }, [actualInputValue]);
+      onChange && onChange(innerValue);
+    }, [innerValue]);
     return {
       handleInput: handleInput,
       handleBlur: handleBlur

package/umd/stepper/hooks/useValue.d.ts

@@ -3,4 +3,5 @@ export default function useValue(params: Required<Pick<StepperProps, 'defaultVal
     updateValue: (updater: number | ((oldValue: number) => number)) => void;
     actualInputValue: number;
     showValue: string | number;
+    innerValue: number;
 };

package/umd/stepper/hooks/useValue.js

@@ -50,7 +50,8 @@
     return {
       updateValue: updateValue,
       actualInputValue: actualInputValue,
-      showValue: showValue
+      showValue: showValue,
+      innerValue: innerValue
     };
   }
 });

package/umd/stepper/index.js

@@ -84,7 +84,8 @@
     }),
         updateValue = _useValue.updateValue,
         actualInputValue = _useValue.actualInputValue,
-        showValue = _useValue.showValue; // 按钮点击的相关逻辑
+        showValue = _useValue.showValue,
+        innerValue = _useValue.innerValue; // 按钮点击的相关逻辑
     // @en The logic is that handle button click
 
 
@@ -114,6 +115,7 @@
       digits: digits,
       actualInputValue: actualInputValue,
       allowEmpty: allowEmpty,
+      innerValue: innerValue,
       updateValue: updateValue,
       onBlur: onBlur,
       onChange: onChange,

package/umd/stepper/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/umd/steps/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/umd/sticky/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/umd/swipe-action/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/umd/swipe-load/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/umd/switch/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/umd/tab-bar/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);