@arco-design/mobile-react 2.31.3 → 2.31.5

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);
@@ -515,6 +515,7 @@
   display: -webkit-flex;
   display: flex;
   font-size:  0.28rem ;
+  width:  1.96rem ;
 }
 .arco-stepper.arco-square {
   border-width: 1PX;

package/esm/stepper/style/index.less

@@ -3,6 +3,7 @@
 .@{prefix}-stepper {
     display: flex;
     .use-var(font-size, stepper-font-size);
+    .use-var(width, stepper-width);
 
     &.@{prefix}-square {
         border-width: 1PX;

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.5",
     "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.5",
         "@arco-design/transformable": "^1.0.0",
         "@babel/runtime": "^7",
         "lodash.throttle": "^4.1.1",
@@ -47,5 +47,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "6eab3e99e70f5fed7994acbf3d8bb01800310635"
+    "gitHead": "8b2b5c2694e65be7a57a4f8d8d1af5db4601fda2"
 }

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/app/arcodesign/default/css-variables.less

@@ -963,6 +963,7 @@
     --index-bar-sidebar-toast-radius: ~`pxtorem(4)`;
     --index-bar-sidebar-toast-padding: 0 ~`pxtorem(8)`;
     --index-bar-sidebar-toast-font-size: ~`pxtorem(24)`;
+    --stepper-width: ~`pxtorem(98)`;
     --stepper-font-size: ~`pxtorem(14)`;
     --dark-stepper-square-border-color: var(--dark-lighter-line-color);
     --stepper-square-border-color: var(--lighter-line-color);

package/tokens/app/arcodesign/default/index.d.ts

@@ -962,6 +962,7 @@ export interface ArcodesignToken extends Record<string, string> {
     'index-bar-sidebar-toast-radius': string;
     'index-bar-sidebar-toast-padding': string;
     'index-bar-sidebar-toast-font-size': string;
+    'stepper-width': string;
     'stepper-font-size': string;
     'dark-stepper-square-border-color': string;
     'stepper-square-border-color': string;

package/tokens/app/arcodesign/default/index.js

@@ -974,6 +974,7 @@ var tokens = {
   "index-bar-sidebar-toast-radius": "0.08rem",
   "index-bar-sidebar-toast-padding": "0 0.16rem",
   "index-bar-sidebar-toast-font-size": "0.48rem",
+  "stepper-width": "1.96rem",
   "stepper-font-size": "0.28rem",
   "dark-stepper-square-border-color": "var(--dark-lighter-line-color)",
   "stepper-square-border-color": "var(--lighter-line-color)",

package/tokens/app/arcodesign/default/index.json

@@ -9411,6 +9411,18 @@
             "en": "Square border radius of Stepper"
         }
     },
+    "stepperWidth": {
+        "cssKey": "stepper-width",
+        "desc": "步进器整体宽度",
+        "override": "",
+        "value": "~`pxtorem(98)`",
+        "jsValue": "@getRem@98",
+        "staticValue": "1.96rem",
+        "localeDesc": {
+            "ch": "步进器整体宽度",
+            "en": "Width of Stepper"
+        }
+    },
     "stepsDescriptionColor": {
         "cssKey": "steps-description-color",
         "desc": "steps 步骤默认描述文字颜色",

package/tokens/app/arcodesign/default/index.less

@@ -962,6 +962,7 @@
 @index-bar-sidebar-toast-radius: ~`pxtorem(4)`;
 @index-bar-sidebar-toast-padding: 0 ~`pxtorem(8)`;
 @index-bar-sidebar-toast-font-size: ~`pxtorem(24)`;
+@stepper-width: ~`pxtorem(98)`;
 @stepper-font-size: ~`pxtorem(14)`;
 @dark-stepper-square-border-color: @dark-lighter-line-color;
 @stepper-square-border-color: @lighter-line-color;

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);