@arco-design/mobile-react 2.38.4 → 2.39.1

package/esm/slider/index.js

@@ -7,75 +7,67 @@ import Thumb from './thumb';
 import Marks from './marks';
 var Slider = /*#__PURE__*/forwardRef(function (_, ref) {
   var _useContext = useContext(GlobalContext),
-      _useContext$prefixCls = _useContext.prefixCls,
-      prefixCls = _useContext$prefixCls === void 0 ? '' : _useContext$prefixCls,
-      useRtl = _useContext.useRtl;
-
+    _useContext$prefixCls = _useContext.prefixCls,
+    prefixCls = _useContext$prefixCls === void 0 ? '' : _useContext$prefixCls,
+    useRtl = _useContext.useRtl;
   var _useContext2 = useContext(SliderContext),
-      className = _useContext2.className,
-      style = _useContext2.style,
-      disabled = _useContext2.disabled,
-      min = _useContext2.min,
-      max = _useContext2.max,
-      type = _useContext2.type,
-      showTooltip = _useContext2.showTooltip,
-      showMarks = _useContext2.showMarks;
-
+    className = _useContext2.className,
+    style = _useContext2.style,
+    disabled = _useContext2.disabled,
+    min = _useContext2.min,
+    max = _useContext2.max,
+    type = _useContext2.type,
+    showTooltip = _useContext2.showTooltip,
+    showMarks = _useContext2.showMarks;
   var domRef = useRef(null);
-  var lineRef = useRef(null); // 拖动滑块的 index 为当前的 isTouching
+  var lineRef = useRef(null);
+  // 拖动滑块的 index 为当前的 isTouching
   // @en The index of the slider is the current isTouching
-
   var _useState = useState(-1),
-      commonIsTouching = _useState[0],
-      setCommonIsTouching = _useState[1];
-
+    commonIsTouching = _useState[0],
+    setCommonIsTouching = _useState[1];
   var isHorizontal = /^horizontal/g.test(type);
   useImperativeHandle(ref, function () {
     return {
       dom: domRef.current
     };
   });
-
   var _useSliderInit = useSliderInit({
-    commonIsTouching: commonIsTouching
-  }),
-      firstRender = _useSliderInit.firstRender,
-      valueGroup = _useSliderInit.valueGroup,
-      setValueGroup = _useSliderInit.setValueGroup,
-      runTimeConfig = _useSliderInit.runTimeConfig,
-      isMultiThumb = _useSliderInit.isMultiThumb; // 最长线 div 位置
-
+      commonIsTouching: commonIsTouching
+    }),
+    firstRender = _useSliderInit.firstRender,
+    valueGroup = _useSliderInit.valueGroup,
+    setValueGroup = _useSliderInit.setValueGroup,
+    runTimeConfig = _useSliderInit.runTimeConfig,
+    isMultiThumb = _useSliderInit.isMultiThumb;
 
+  // 最长线 div 位置
   var getLinePosition = useCallback(function () {
     var _lineRef$current$getB, _lineRef$current;
-
     var _ref = (_lineRef$current$getB = (_lineRef$current = lineRef.current) == null ? void 0 : _lineRef$current.getBoundingClientRect()) != null ? _lineRef$current$getB : {
-      width: 0,
-      left: 0,
-      top: 0,
-      height: 0
-    },
-        width = _ref.width,
-        left = _ref.left,
-        top = _ref.top,
-        height = _ref.height;
-
+        width: 0,
+        left: 0,
+        top: 0,
+        height: 0
+      },
+      width = _ref.width,
+      left = _ref.left,
+      top = _ref.top,
+      height = _ref.height;
     var leftValue = useRtl ? left + width : left;
     return {
       length: isHorizontal ? width : height,
       start: isHorizontal ? leftValue : top
     };
   }, [isHorizontal, firstRender]);
-
   var _useSliderStyle = useSliderStyle({
-    getLinePosition: getLinePosition,
-    commonIsTouching: commonIsTouching,
-    valueGroup: valueGroup
-  }),
-      heightStyle = _useSliderStyle.heightStyle,
-      transitionClass = _useSliderStyle.transitionClass,
-      activeLineStyle = _useSliderStyle.activeLineStyle;
-
+      getLinePosition: getLinePosition,
+      commonIsTouching: commonIsTouching,
+      valueGroup: valueGroup
+    }),
+    heightStyle = _useSliderStyle.heightStyle,
+    transitionClass = _useSliderStyle.transitionClass,
+    activeLineStyle = _useSliderStyle.activeLineStyle;
   useSliderEvents({
     lineRef: lineRef,
     valueGroup: valueGroup,
@@ -83,36 +75,31 @@ var Slider = /*#__PURE__*/forwardRef(function (_, ref) {
     getLinePosition: getLinePosition,
     setCommonIsTouching: setCommonIsTouching
   });
-
   var _useSliderIcon = useSliderIcon({
-    valueGroup: valueGroup
-  }),
-      renderPrefixLabel = _useSliderIcon.renderPrefixLabel,
-      renderSuffixLabel = _useSliderIcon.renderSuffixLabel;
+      valueGroup: valueGroup
+    }),
+    renderPrefixLabel = _useSliderIcon.renderPrefixLabel,
+    renderSuffixLabel = _useSliderIcon.renderSuffixLabel;
+
   /**
    * 为了减少 dom 元素计算，只改变激活 line 的样式，让对应的 thumb 附着在两边，所以需要实时调整 className
    * @en In order to reduce the calculation of dom elements, only the style of the active line is changed, so that the corresponding thumb is attached to both sides, so the className needs to be adjusted in real time
    */
-
-
   var thumbConfig = useMemo(function () {
     if (isMultiThumb) {
       var classNames = ['is-end', 'is-start'];
       return Array(2).fill('').map(function (_, index) {
         var childClassName = classNames[index];
-
         if (valueGroup[index] > valueGroup[1 - index]) {
           childClassName = classNames[0];
         } else if (valueGroup[index] < valueGroup[1 - index]) {
           childClassName = classNames[1];
         }
-
         return {
           className: childClassName
         };
       });
     }
-
     return [{
       className: 'is-end'
     }];
@@ -160,21 +147,19 @@ var Slider = /*#__PURE__*/forwardRef(function (_, ref) {
 });
 var SliderWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
   var _useContext3 = useContext(GlobalContext),
-      _useContext3$prefixCl = _useContext3.prefixCls,
-      prefixCls = _useContext3$prefixCl === void 0 ? '' : _useContext3$prefixCl;
-
+    _useContext3$prefixCl = _useContext3.prefixCls,
+    prefixCls = _useContext3$prefixCl === void 0 ? '' : _useContext3$prefixCl;
   var defaultProps = useContext(SliderContext);
-
   var newProps = _extends({}, defaultProps, {
     renderThumb: baseRenderThumb(prefixCls)
   }, props);
-
   return /*#__PURE__*/React.createElement(SliderContext.Provider, {
     value: newProps
   }, /*#__PURE__*/React.createElement(Slider, {
     ref: ref
   }));
 });
+
 /**
  * 滑动型输入器，展示当前值和可选范围。
  * @en Slide input component, displays the current value and optional range.
@@ -184,5 +169,4 @@ var SliderWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
  * @type_en Data Entry
  * @displayName Slider
  */
-
 export default componentWrapper(SliderWrapper, 'Slider');

package/esm/slider/marks.js

@@ -3,29 +3,24 @@ import React, { useContext, useCallback } from 'react';
 import { cls } from '@arco-design/mobile-utils';
 import { GlobalContext } from '../context-provider';
 import { SliderContext } from './hooks';
-
 function Marks(_ref) {
   var runTimeConfig = _ref.runTimeConfig,
-      _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
-      _ref$style = _ref.style,
-      style = _ref$style === void 0 ? {} : _ref$style;
-
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style;
   var _useContext = useContext(GlobalContext),
-      _useContext$prefixCls = _useContext.prefixCls,
-      prefixCls = _useContext$prefixCls === void 0 ? '' : _useContext$prefixCls,
-      useRtl = _useContext.useRtl;
-
+    _useContext$prefixCls = _useContext.prefixCls,
+    prefixCls = _useContext$prefixCls === void 0 ? '' : _useContext$prefixCls,
+    useRtl = _useContext.useRtl;
   var _useContext2 = useContext(SliderContext),
-      type = _useContext2.type,
-      showMarks = _useContext2.showMarks,
-      max = _useContext2.max,
-      min = _useContext2.min;
-
+    type = _useContext2.type,
+    showMarks = _useContext2.showMarks,
+    max = _useContext2.max,
+    min = _useContext2.min;
   var isHorizontal = /^horizontal/g.test(type);
   var genMarkStyle = useCallback(function (value) {
     var _ref2;
-
     var leftStyle = useRtl ? 'right' : 'left';
     return _ref2 = {}, _ref2[isHorizontal ? leftStyle : 'bottom'] = (value - min) / (max - min) * 100 + "%", _ref2;
   }, [isHorizontal, min, max]);
@@ -33,8 +28,8 @@ function Marks(_ref) {
     className: prefixCls + "-slider-marks"
   }, runTimeConfig.map(function (_ref3) {
     var value = _ref3.value,
-        label = _ref3.label,
-        activated = _ref3.activated;
+      label = _ref3.label,
+      activated = _ref3.activated;
     return /*#__PURE__*/React.createElement("div", {
       key: value,
       className: cls(prefixCls + "-slider-marks-item", {
@@ -46,5 +41,4 @@ function Marks(_ref) {
     }, label));
   }));
 }
-
 export default Marks;

package/esm/slider/popover.js

@@ -3,13 +3,11 @@ import Transition from '../transition';
 import { GlobalContext } from '../context-provider';
 export function Popover(_ref) {
   var visible = _ref.visible,
-      content = _ref.content,
-      children = _ref.children;
-
+    content = _ref.content,
+    children = _ref.children;
   var _useContext = useContext(GlobalContext),
-      _useContext$prefixCls = _useContext.prefixCls,
-      prefixCls = _useContext$prefixCls === void 0 ? '' : _useContext$prefixCls;
-
+    _useContext$prefixCls = _useContext.prefixCls,
+    prefixCls = _useContext$prefixCls === void 0 ? '' : _useContext$prefixCls;
   var domRef = useRef(null);
   return /*#__PURE__*/React.createElement("div", {
     className: prefixCls + "-slider-popover-wrapper"

package/esm/slider/thumb.js

@@ -2,25 +2,21 @@ import React, { useMemo, useContext } from 'react';
 import { Popover } from './popover';
 import { SliderContext } from './hooks';
 import { GlobalContext } from '../context-provider';
-
 function Thumb(_ref) {
   var _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
-      value = _ref.value,
-      style = _ref.style,
-      isTouching = _ref.isTouching,
-      idx = _ref.idx;
-
+    className = _ref$className === void 0 ? '' : _ref$className,
+    value = _ref.value,
+    style = _ref.style,
+    isTouching = _ref.isTouching,
+    idx = _ref.idx;
   var _useContext = useContext(GlobalContext),
-      _useContext$prefixCls = _useContext.prefixCls,
-      prefixCls = _useContext$prefixCls === void 0 ? '' : _useContext$prefixCls;
-
+    _useContext$prefixCls = _useContext.prefixCls,
+    prefixCls = _useContext$prefixCls === void 0 ? '' : _useContext$prefixCls;
   var _useContext2 = useContext(SliderContext),
-      showTooltip = _useContext2.showTooltip,
-      renderThumb = _useContext2.renderThumb,
-      formatTooltip = _useContext2.formatTooltip,
-      renderThumbPopover = _useContext2.renderThumbPopover;
-
+    showTooltip = _useContext2.showTooltip,
+    renderThumb = _useContext2.renderThumb,
+    formatTooltip = _useContext2.formatTooltip,
+    renderThumbPopover = _useContext2.renderThumbPopover;
   var isHidden = showTooltip === 'never';
   var renderValue = useMemo(function () {
     return formatTooltip(value);
@@ -45,5 +41,4 @@ function Thumb(_ref) {
     style: style
   }, isHidden ? thumbEl : popoverEl);
 }
-
 export default Thumb;

package/esm/stepper/hooks/useButtonClick.js

@@ -1,60 +1,51 @@
 import { useEffect, useState } from 'react';
-
 function correctCalculation(leftNumber, rightNumber, operator) {
   var magnification = 1e17;
   var left = leftNumber * magnification;
   var right = rightNumber * magnification;
   return operator === '-' ? (left - right) / magnification : (left + right) / magnification;
 }
-
 export default function useButtonClick(params) {
   var actualInputValue = params.actualInputValue,
-      min = params.min,
-      max = params.max,
-      step = params.step,
-      disabled = params.disabled,
-      equalLimitDisabled = params.equalLimitDisabled,
-      updateValue = params.updateValue,
-      onAddButtonClick = params.onAddButtonClick,
-      onMinusButtonClick = params.onMinusButtonClick;
+    min = params.min,
+    max = params.max,
+    step = params.step,
+    disabled = params.disabled,
+    equalLimitDisabled = params.equalLimitDisabled,
+    updateValue = params.updateValue,
+    onAddButtonClick = params.onAddButtonClick,
+    onMinusButtonClick = params.onMinusButtonClick;
   var minusDisable = actualInputValue <= min || disabled;
-
   var _useState = useState(minusDisable),
-      minusButtonDisable = _useState[0],
-      setMinusButtonDisable = _useState[1];
-
+    minusButtonDisable = _useState[0],
+    setMinusButtonDisable = _useState[1];
   var addDisable = actualInputValue >= max || disabled;
-
   var _useState2 = useState(addDisable),
-      addButtonDisable = _useState2[0],
-      setAddButtonDisable = _useState2[1];
-
+    addButtonDisable = _useState2[0],
+    setAddButtonDisable = _useState2[1];
   var handleMinusButtonClick = function handleMinusButtonClick(e) {
     if (minusButtonDisable) {
       return;
     }
-
     updateValue(function (oldValue) {
       var result = correctCalculation(oldValue, step, '-');
       return result < min ? equalLimitDisabled ? oldValue : min : result;
     });
     onMinusButtonClick && onMinusButtonClick(e);
   };
-
   var handleAddButtonClick = function handleAddButtonClick(e) {
     if (addButtonDisable) {
       return;
     }
-
     updateValue(function (oldValue) {
       var result = correctCalculation(Number(oldValue), step, '+');
       return result > max ? equalLimitDisabled ? oldValue : max : result;
     });
     onAddButtonClick && onAddButtonClick(e);
-  }; // 当前值改变时，更新按钮状态
-  // Changes button status when value changed
-
+  };
 
+  // 当前值改变时，更新按钮状态
+  // Changes button status when value changed
   useEffect(function () {
     setMinusButtonDisable(minusDisable);
     setAddButtonDisable(addDisable);

package/esm/stepper/hooks/useInputEvent.js

@@ -1,22 +1,20 @@
 import { useUpdateEffect } from '../../_helpers';
 export default function useInputEvent(params) {
   var defaultValue = params.defaultValue,
-      min = params.min,
-      max = params.max,
-      digits = params.digits,
-      actualInputValue = params.actualInputValue,
-      innerValue = params.innerValue,
-      allowEmpty = params.allowEmpty,
-      updateValue = params.updateValue,
-      onBlur = params.onBlur,
-      onChange = params.onChange,
-      onInput = params.onInput;
-
+    min = params.min,
+    max = params.max,
+    digits = params.digits,
+    actualInputValue = params.actualInputValue,
+    innerValue = params.innerValue,
+    allowEmpty = params.allowEmpty,
+    updateValue = params.updateValue,
+    onBlur = params.onBlur,
+    onChange = params.onChange,
+    onInput = params.onInput;
   var handleInput = function handleInput(e) {
     var targetValue = e.target.value;
     var numberValue = Number(targetValue);
     var pointIndex = targetValue.indexOf('.');
-
     if (digits > 0 && pointIndex !== -1) {
       var decimalLength = targetValue.slice(pointIndex + 1).length;
       updateValue(decimalLength > digits ? actualInputValue : numberValue);
@@ -25,14 +23,11 @@ export default function useInputEvent(params) {
     } else {
       updateValue(numberValue);
     }
-
     onInput && onInput(e);
   };
-
   var handleBlur = function handleBlur(e) {
     var targetValue = e.target.value;
     var numberValue = Number(targetValue);
-
     if (allowEmpty && targetValue === '') {
       updateValue(Number.MIN_VALUE);
     } else if (!allowEmpty && targetValue === '') {
@@ -40,10 +35,8 @@ export default function useInputEvent(params) {
     } else {
       updateValue(Math.max(min, Math.min(max, numberValue)));
     }
-
     onBlur && onBlur(e);
   };
-
   useUpdateEffect(function () {
     onChange && onChange(innerValue);
   }, [innerValue]);

package/esm/stepper/hooks/useValue.js

@@ -2,19 +2,16 @@ import { useState } from 'react';
 import { Promise as ES6Promise } from 'es6-promise';
 export default function useValue(params) {
   var defaultValue = params.defaultValue,
-      formatter = params.formatter,
-      max = params.max,
-      min = params.min,
-      value = params.value,
-      digits = params.digits;
-
+    formatter = params.formatter,
+    max = params.max,
+    min = params.min,
+    value = params.value,
+    digits = params.digits;
   var _useState = useState(defaultValue),
-      innerValue = _useState[0],
-      setInnerValue = _useState[1];
-
+    innerValue = _useState[0],
+    setInnerValue = _useState[1];
   var updateValue = function updateValue(updater) {
     var tempValue = typeof updater === 'function' ? updater(innerValue) : updater;
-
     if (formatter) {
       new ES6Promise(function (resolve) {
         resolve(formatter(Number(tempValue)));
@@ -26,10 +23,10 @@ export default function useValue(params) {
       setInnerValue(tempValue);
     }
   };
+  var actualInputValue = value !== undefined ? value : innerValue;
 
-  var actualInputValue = value !== undefined ? value : innerValue; // 将actualInputValue等于Number.MIN_VALUE的情况视为空值
+  // 将actualInputValue等于Number.MIN_VALUE的情况视为空值
   // @en If actualInputValue equal Number.MIN_VALUE, actualInputValue equal ''
-
   var showValue = actualInputValue === Number.MIN_VALUE ? '' : digits > 0 ? parseFloat(String(actualInputValue)).toFixed(digits) : actualInputValue;
   return {
     updateValue: updateValue,