@arco-design/mobile-react 2.31.3 → 2.31.4

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

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

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

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

package/cjs/stepper/index.js

@@ -84,7 +84,8 @@ var Stepper = /*#__PURE__*/(0, _react.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
 
 
@@ -114,6 +115,7 @@ var Stepper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     digits: digits,
     actualInputValue: actualInputValue,
     allowEmpty: allowEmpty,
+    innerValue: innerValue,
     updateValue: updateValue,
     onBlur: onBlur,
     onChange: onChange,

package/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/dist/index.js

@@ -28630,6 +28630,7 @@
           max = params.max,
           digits = params.digits,
           actualInputValue = params.actualInputValue,
+          innerValue = params.innerValue,
           allowEmpty = params.allowEmpty,
           updateValue = params.updateValue,
           onBlur = params.onBlur,
@@ -28669,8 +28670,8 @@
       };
 
       useUpdateEffect(function () {
-        onChange && onChange(actualInputValue);
-      }, [actualInputValue]);
+        onChange && onChange(innerValue);
+      }, [innerValue]);
       return {
         handleInput: handleInput,
         handleBlur: handleBlur
@@ -28711,7 +28712,8 @@
       return {
         updateValue: updateValue,
         actualInputValue: actualInputValue,
-        showValue: showValue
+        showValue: showValue,
+        innerValue: innerValue
       };
     }
 
@@ -28766,7 +28768,8 @@
       }),
           updateValue = _o.updateValue,
           actualInputValue = _o.actualInputValue,
-          showValue = _o.showValue; // 按钮点击的相关逻辑
+          showValue = _o.showValue,
+          innerValue = _o.innerValue; // 按钮点击的相关逻辑
       // @en The logic is that handle button click
 
 
@@ -28796,6 +28799,7 @@
         digits: digits,
         actualInputValue: actualInputValue,
         allowEmpty: allowEmpty,
+        innerValue: innerValue,
         updateValue: updateValue,
         onBlur: onBlur,
         onChange: onChange,