@arco-design/mobile-react 2.31.3 → 2.31.4

package/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/stepper/hooks/useInputEvent.js

@@ -5,6 +5,7 @@ export default function useInputEvent(params) {
       max = params.max,
       digits = params.digits,
       actualInputValue = params.actualInputValue,
+      innerValue = params.innerValue,
       allowEmpty = params.allowEmpty,
       updateValue = params.updateValue,
       onBlur = params.onBlur,
@@ -44,8 +45,8 @@ export default function useInputEvent(params) {
   };
 
   useUpdateEffect(function () {
-    onChange && onChange(actualInputValue);
-  }, [actualInputValue]);
+    onChange && onChange(innerValue);
+  }, [innerValue]);
   return {
     handleInput: handleInput,
     handleBlur: handleBlur

package/esm/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/esm/stepper/hooks/useValue.js

@@ -33,6 +33,7 @@ export default function useValue(params) {
   return {
     updateValue: updateValue,
     actualInputValue: actualInputValue,
-    showValue: showValue
+    showValue: showValue,
+    innerValue: innerValue
   };
 }

package/esm/stepper/index.js

@@ -57,7 +57,8 @@ var Stepper = /*#__PURE__*/forwardRef(function (props, ref) {
   }),
       updateValue = _useValue.updateValue,
       actualInputValue = _useValue.actualInputValue,
-      showValue = _useValue.showValue; // 按钮点击的相关逻辑
+      showValue = _useValue.showValue,
+      innerValue = _useValue.innerValue; // 按钮点击的相关逻辑
   // @en The logic is that handle button click
 
 
@@ -87,6 +88,7 @@ var Stepper = /*#__PURE__*/forwardRef(function (props, ref) {
     digits: digits,
     actualInputValue: actualInputValue,
     allowEmpty: allowEmpty,
+    innerValue: innerValue,
     updateValue: updateValue,
     onBlur: onBlur,
     onChange: onChange,

package/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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);

package/esm/tabs/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/esm/tag/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/esm/textarea/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/esm/toast/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/esm/transition/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/esm/uploader/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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@arco-design/mobile-react",
-    "version": "2.31.3",
+    "version": "2.31.4",
     "description": "",
     "main": "cjs/index.js",
     "module": "esm/index.js",
@@ -15,7 +15,7 @@
     "author": "taoyiyue@bytedance.com",
     "license": "ISC",
     "dependencies": {
-        "@arco-design/mobile-utils": "2.18.3",
+        "@arco-design/mobile-utils": "2.18.4",
         "@arco-design/transformable": "^1.0.0",
         "@babel/runtime": "^7",
         "lodash.throttle": "^4.1.1",
@@ -47,5 +47,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "6eab3e99e70f5fed7994acbf3d8bb01800310635"
+    "gitHead": "587e4ae933c35aee9e089eeb10b47b588d2a5f48"
 }

package/style/css/public.css

@@ -319,7 +319,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);
@@ -335,7 +335,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/tokens/mixin/index.less

@@ -156,7 +156,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);
@@ -183,7 +183,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/action-sheet/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/avatar/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/badge/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/button/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/carousel/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/cell/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);