@arco-design/mobile-react 2.38.4 → 2.39.1

package/cjs/skeleton/elements.js

@@ -1,55 +1,38 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.SkeletonTitle = exports.SkeletonParagraph = exports.SkeletonNode = exports.SkeletonGrid = exports.SkeletonAvatar = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _mobileUtils = require("@arco-design/mobile-utils");
-
 var _helpers = require("../_helpers");
-
 var _contextProvider = require("../context-provider");
-
 var _skeletonContext = require("./skeleton-context");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var calcOffset = function calcOffset(dom, useRtl) {
   if (!dom) {
     return 0;
   }
-
   if (useRtl) {
     return dom.offsetLeft - dom.offsetTop;
   }
-
   return dom.offsetLeft + dom.offsetTop;
 };
-
 function useOffset(dom, useRtl) {
   var _useState = (0, _react.useState)(),
-      offset = _useState[0],
-      setOffset = _useState[1];
-
+    offset = _useState[0],
+    setOffset = _useState[1];
   var calcLayout = function calcLayout() {
     var isList = Array.isArray(dom);
-
     if (!(isList ? dom.length > 0 : dom == null ? void 0 : dom.current)) {
       return;
     }
-
     setOffset(isList ? dom.map(function (item) {
       return calcOffset(item, useRtl);
     }) : calcOffset(dom.current, useRtl));
   };
-
   (0, _react.useEffect)(function () {
     (0, _mobileUtils.nextTick)(function () {
       calcLayout();
@@ -58,22 +41,18 @@ function useOffset(dom, useRtl) {
   (0, _helpers.useListenResize)(calcLayout);
   return offset;
 }
-
 var SkeletonNode = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      style = props.style,
-      children = props.children;
-
+    className = _props$className === void 0 ? '' : _props$className,
+    style = props.style,
+    children = props.children;
   var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
-      useRtl = _useContext.useRtl,
-      prefixCls = _useContext.prefixCls;
-
+    useRtl = _useContext.useRtl,
+    prefixCls = _useContext.prefixCls;
   var _useContext2 = (0, _react.useContext)(_skeletonContext.SkeletonContext),
-      backgroundColor = _useContext2.backgroundColor,
-      showAnimation = _useContext2.showAnimation,
-      animation = _useContext2.animation;
-
+    backgroundColor = _useContext2.backgroundColor,
+    showAnimation = _useContext2.showAnimation,
+    animation = _useContext2.animation;
   var domRef = (0, _react.useRef)(null);
   var isGradientAnimation = showAnimation && animation === 'gradient';
   var offset = useOffset(isGradientAnimation ? domRef : undefined, useRtl);
@@ -98,20 +77,17 @@ var SkeletonNode = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 exports.SkeletonNode = SkeletonNode;
 var SkeletonTitle = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$className2 = props.className,
-      className = _props$className2 === void 0 ? '' : _props$className2,
-      style = props.style,
-      _props$width = props.width,
-      width = _props$width === void 0 ? '40%' : _props$width;
-
+    className = _props$className2 === void 0 ? '' : _props$className2,
+    style = props.style,
+    _props$width = props.width,
+    width = _props$width === void 0 ? '40%' : _props$width;
   var _useContext3 = (0, _react.useContext)(_contextProvider.GlobalContext),
-      useRtl = _useContext3.useRtl,
-      prefixCls = _useContext3.prefixCls;
-
+    useRtl = _useContext3.useRtl,
+    prefixCls = _useContext3.prefixCls;
   var _useContext4 = (0, _react.useContext)(_skeletonContext.SkeletonContext),
-      backgroundColor = _useContext4.backgroundColor,
-      showAnimation = _useContext4.showAnimation,
-      animation = _useContext4.animation;
-
+    backgroundColor = _useContext4.backgroundColor,
+    showAnimation = _useContext4.showAnimation,
+    animation = _useContext4.animation;
   var domRef = (0, _react.useRef)(null);
   var isGradientAnimation = showAnimation && animation === 'gradient';
   var offset = useOffset(isGradientAnimation ? domRef : undefined, useRtl);
@@ -137,22 +113,19 @@ var SkeletonTitle = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 exports.SkeletonTitle = SkeletonTitle;
 var SkeletonParagraph = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$className3 = props.className,
-      className = _props$className3 === void 0 ? '' : _props$className3,
-      style = props.style,
-      _props$rows = props.rows,
-      rows = _props$rows === void 0 ? 3 : _props$rows,
-      _props$width2 = props.width,
-      width = _props$width2 === void 0 ? '60%' : _props$width2;
-
+    className = _props$className3 === void 0 ? '' : _props$className3,
+    style = props.style,
+    _props$rows = props.rows,
+    rows = _props$rows === void 0 ? 3 : _props$rows,
+    _props$width2 = props.width,
+    width = _props$width2 === void 0 ? '60%' : _props$width2;
   var _useContext5 = (0, _react.useContext)(_contextProvider.GlobalContext),
-      useRtl = _useContext5.useRtl,
-      prefixCls = _useContext5.prefixCls;
-
+    useRtl = _useContext5.useRtl,
+    prefixCls = _useContext5.prefixCls;
   var _useContext6 = (0, _react.useContext)(_skeletonContext.SkeletonContext),
-      backgroundColor = _useContext6.backgroundColor,
-      showAnimation = _useContext6.showAnimation,
-      animation = _useContext6.animation;
-
+    backgroundColor = _useContext6.backgroundColor,
+    showAnimation = _useContext6.showAnimation,
+    animation = _useContext6.animation;
   var domRef = (0, _react.useRef)(null);
   var lineDomRefs = (0, _react.useRef)([]);
   var isGradientAnimation = showAnimation && animation === 'gradient';
@@ -162,19 +135,15 @@ var SkeletonParagraph = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref
       dom: domRef.current
     };
   });
-
   var getWidth = function getWidth(idx) {
     if ((0, _mobileUtils.isArray)(width)) {
       return width[idx];
     }
-
     if (rows - 1 === idx) {
       return width;
     }
-
     return undefined;
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _mobileUtils.cls)(prefixCls + "-skeleton-paragraph", className),
     style: style,
@@ -203,18 +172,15 @@ var SkeletonParagraph = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref
 exports.SkeletonParagraph = SkeletonParagraph;
 var SkeletonAvatar = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$className4 = props.className,
-      className = _props$className4 === void 0 ? '' : _props$className4,
-      style = props.style;
-
+    className = _props$className4 === void 0 ? '' : _props$className4,
+    style = props.style;
   var _useContext7 = (0, _react.useContext)(_contextProvider.GlobalContext),
-      useRtl = _useContext7.useRtl,
-      prefixCls = _useContext7.prefixCls;
-
+    useRtl = _useContext7.useRtl,
+    prefixCls = _useContext7.prefixCls;
   var _useContext8 = (0, _react.useContext)(_skeletonContext.SkeletonContext),
-      backgroundColor = _useContext8.backgroundColor,
-      showAnimation = _useContext8.showAnimation,
-      animation = _useContext8.animation;
-
+    backgroundColor = _useContext8.backgroundColor,
+    showAnimation = _useContext8.showAnimation,
+    animation = _useContext8.animation;
   var domRef = (0, _react.useRef)(null);
   var isGradientAnimation = showAnimation && animation === 'gradient';
   var offset = useOffset(isGradientAnimation ? domRef : undefined, useRtl);
@@ -239,20 +205,17 @@ var SkeletonAvatar = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 exports.SkeletonAvatar = SkeletonAvatar;
 var SkeletonGrid = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$className5 = props.className,
-      className = _props$className5 === void 0 ? '' : _props$className5,
-      style = props.style,
-      _props$columns = props.columns,
-      columns = _props$columns === void 0 ? 4 : _props$columns;
-
+    className = _props$className5 === void 0 ? '' : _props$className5,
+    style = props.style,
+    _props$columns = props.columns,
+    columns = _props$columns === void 0 ? 4 : _props$columns;
   var _useContext9 = (0, _react.useContext)(_contextProvider.GlobalContext),
-      useRtl = _useContext9.useRtl,
-      prefixCls = _useContext9.prefixCls;
-
-  var _useContext10 = (0, _react.useContext)(_skeletonContext.SkeletonContext),
-      backgroundColor = _useContext10.backgroundColor,
-      showAnimation = _useContext10.showAnimation,
-      animation = _useContext10.animation;
-
+    useRtl = _useContext9.useRtl,
+    prefixCls = _useContext9.prefixCls;
+  var _useContext0 = (0, _react.useContext)(_skeletonContext.SkeletonContext),
+    backgroundColor = _useContext0.backgroundColor,
+    showAnimation = _useContext0.showAnimation,
+    animation = _useContext0.animation;
   var domRef = (0, _react.useRef)(null);
   var iconDomRefs = (0, _react.useRef)([]);
   var textDomRefs = (0, _react.useRef)([]);

package/cjs/skeleton/index.js

@@ -1,69 +1,52 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 var _exportNames = {};
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _mobileUtils = require("@arco-design/mobile-utils");
-
 var _contextProvider = require("../context-provider");
-
 var _elements = require("./elements");
-
 var _skeletonContext = require("./skeleton-context");
-
 var _type = require("./type");
-
 Object.keys(_type).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _type[key]) return;
   exports[key] = _type[key];
 });
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function getComponentProps(prop) {
   if (prop && typeof prop === 'object') {
     return prop;
   }
-
   return {};
 }
-
 var Skeleton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _cls;
-
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      style = props.style,
-      children = props.children,
-      _props$title = props.title,
-      title = _props$title === void 0 ? true : _props$title,
-      _props$paragraph = props.paragraph,
-      paragraph = _props$paragraph === void 0 ? true : _props$paragraph,
-      _props$avatar = props.avatar,
-      avatar = _props$avatar === void 0 ? false : _props$avatar,
-      grid = props.grid,
-      _props$showAnimation = props.showAnimation,
-      showAnimation = _props$showAnimation === void 0 ? true : _props$showAnimation,
-      _props$animation = props.animation,
-      animation = _props$animation === void 0 ? 'gradient' : _props$animation,
-      animationGradientColor = props.animationGradientColor,
-      backgroundColor = props.backgroundColor;
+    className = _props$className === void 0 ? '' : _props$className,
+    style = props.style,
+    children = props.children,
+    _props$title = props.title,
+    title = _props$title === void 0 ? true : _props$title,
+    _props$paragraph = props.paragraph,
+    paragraph = _props$paragraph === void 0 ? true : _props$paragraph,
+    _props$avatar = props.avatar,
+    avatar = _props$avatar === void 0 ? false : _props$avatar,
+    grid = props.grid,
+    _props$showAnimation = props.showAnimation,
+    showAnimation = _props$showAnimation === void 0 ? true : _props$showAnimation,
+    _props$animation = props.animation,
+    animation = _props$animation === void 0 ? 'gradient' : _props$animation,
+    animationGradientColor = props.animationGradientColor,
+    backgroundColor = props.backgroundColor;
   var domRef = (0, _react.useRef)(null);
-
   var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
-      prefixCls = _useContext.prefixCls;
-
+    prefixCls = _useContext.prefixCls;
   (0, _react.useImperativeHandle)(ref, function () {
     return {
       dom: domRef.current
@@ -90,6 +73,7 @@ var Skeleton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }
   }, content, children));
 });
+
 /**
  * 在内容加载过程中展示一组占位图形。
  * @en Display a set of placeholder graphics during content loading
@@ -98,7 +82,6 @@ var Skeleton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
  * @name 骨架屏
  * @name_en Skeleton
  */
-
 var _default = (0, _mobileUtils.componentWrapper)(Skeleton, {
   Node: _elements.SkeletonNode,
   Title: _elements.SkeletonTitle,
@@ -106,5 +89,4 @@ var _default = (0, _mobileUtils.componentWrapper)(Skeleton, {
   Avatar: _elements.SkeletonAvatar,
   Grid: _elements.SkeletonGrid
 });
-
 exports.default = _default;

package/cjs/skeleton/skeleton-context.js

@@ -1,15 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.SkeletonContext = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var SkeletonContext = /*#__PURE__*/_react.default.createContext({
   showAnimation: true,
   animation: 'gradient'
 });
-
 exports.SkeletonContext = SkeletonContext;

package/cjs/skeleton/style/css/index.js

@@ -1,7 +1,5 @@
 "use strict";
 
 require("../../../../style/css/public.css");
-
 require("../../../avatar/style/css");
-
 require("./index.css");

package/cjs/skeleton/style/index.js

@@ -1,7 +1,5 @@
 "use strict";
 
 require("../../../style/public.less");
-
 require("../../avatar/style");
-
 require("./index.less");

package/cjs/slider/hooks/index.js

@@ -6,49 +6,37 @@ var _exportNames = {
   SliderContext: true
 };
 exports.baseRenderThumb = exports.SliderContext = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _useSliderIcon = require("./useSliderIcon");
-
 Object.keys(_useSliderIcon).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _useSliderIcon[key]) return;
   exports[key] = _useSliderIcon[key];
 });
-
 var _useSliderInit = require("./useSliderInit");
-
 Object.keys(_useSliderInit).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _useSliderInit[key]) return;
   exports[key] = _useSliderInit[key];
 });
-
 var _useSliderStyle = require("./useSliderStyle");
-
 Object.keys(_useSliderStyle).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _useSliderStyle[key]) return;
   exports[key] = _useSliderStyle[key];
 });
-
 var _useSliderEvents = require("./useSliderEvents");
-
 Object.keys(_useSliderEvents).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _useSliderEvents[key]) return;
   exports[key] = _useSliderEvents[key];
 });
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var baseRenderThumb = function baseRenderThumb(prefixCls) {
   return function () {
     return /*#__PURE__*/_react.default.createElement("div", {
@@ -56,7 +44,6 @@ var baseRenderThumb = function baseRenderThumb(prefixCls) {
     });
   };
 };
-
 exports.baseRenderThumb = baseRenderThumb;
 // 因为子组件和 hooks 较多, 为了代码整洁和可读性，做了拆分。
 // 参数通过 context 共享

package/cjs/slider/hooks/useSliderEvents.js

@@ -2,47 +2,36 @@
 
 exports.__esModule = true;
 exports.useSliderEvents = void 0;
-
 var _react = require("react");
-
 var _ = require(".");
-
 var _contextProvider = require("../../context-provider");
-
 var IsTouchingStatus;
-
 (function (IsTouchingStatus) {
   IsTouchingStatus[IsTouchingStatus["Idle"] = 0] = "Idle";
   IsTouchingStatus[IsTouchingStatus["Start"] = 1] = "Start";
   IsTouchingStatus[IsTouchingStatus["Moving"] = 2] = "Moving";
 })(IsTouchingStatus || (IsTouchingStatus = {}));
-
 var useSliderEvents = function useSliderEvents(_ref) {
   var getLinePosition = _ref.getLinePosition,
-      lineRef = _ref.lineRef,
-      valueGroup = _ref.valueGroup,
-      setValueGroup = _ref.setValueGroup,
-      setCommonIsTouching = _ref.setCommonIsTouching;
-
+    lineRef = _ref.lineRef,
+    valueGroup = _ref.valueGroup,
+    setValueGroup = _ref.setValueGroup,
+    setCommonIsTouching = _ref.setCommonIsTouching;
   var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
-      useRtl = _useContext.useRtl;
-
+    useRtl = _useContext.useRtl;
   var _useContext2 = (0, _react.useContext)(_.SliderContext),
-      disabled = _useContext2.disabled,
-      step = _useContext2.step,
-      min = _useContext2.min,
-      max = _useContext2.max,
-      type = _useContext2.type,
-      draggableTrackOnly = _useContext2.draggableTrackOnly;
-
+    disabled = _useContext2.disabled,
+    step = _useContext2.step,
+    min = _useContext2.min,
+    max = _useContext2.max,
+    type = _useContext2.type,
+    draggableTrackOnly = _useContext2.draggableTrackOnly;
   var _useState = (0, _react.useState)(IsTouchingStatus.Idle),
-      isTouching = _useState[0],
-      setIsTouching = _useState[1];
-
+    isTouching = _useState[0],
+    setIsTouching = _useState[1];
   var _useState2 = (0, _react.useState)(0),
-      touchStartPosition = _useState2[0],
-      setTouchStartPosition = _useState2[1];
-
+    touchStartPosition = _useState2[0],
+    setTouchStartPosition = _useState2[1];
   var linePositionRef = (0, _react.useRef)({
     length: 0,
     start: 0
@@ -51,132 +40,112 @@ var useSliderEvents = function useSliderEvents(_ref) {
   var validateValue = (0, _react.useCallback)(function (value) {
     if (value >= min && value <= max) return value;
     return value <= (min + max) / 2 ? min : max;
-  }, [min, max]); // 通过位置获取值
-  // @en Get value by position
+  }, [min, max]);
 
+  // 通过位置获取值
+  // @en Get value by position
   var getValueFromPosition = (0, _react.useCallback)(function (touchPosition) {
     var _linePositionRef$curr = linePositionRef.current,
-        length = _linePositionRef$curr.length,
-        start = _linePositionRef$curr.start;
+      length = _linePositionRef$curr.length,
+      start = _linePositionRef$curr.start;
     if (length === 0) return 0;
     var rtlRatio = useRtl ? -1 : 1;
     var newWidth = isHorizontal ? (touchPosition - start) * rtlRatio : length - touchPosition + start;
-
     if (newWidth < 0) {
       newWidth = 0;
     } else if (newWidth > length) {
       newWidth = length;
     }
-
     var newRealTimeValue = validateValue(Math.round(newWidth / length * (max - min) / step) * step + min);
     return newRealTimeValue;
-  }, [isHorizontal, max, min, step]); // 设置不同的值，因为可以点击 line ，需要提前计算具体修改的是哪个值。
-  // @en Set different values. Because line can  be clicked, it needs to calculate which value to modify in advance.
+  }, [isHorizontal, max, min, step]);
 
+  // 设置不同的值，因为可以点击 line ，需要提前计算具体修改的是哪个值。
+  // @en Set different values. Because line can  be clicked, it needs to calculate which value to modify in advance.
   var setCommonValue = (0, _react.useMemo)(function () {
     var start = getValueFromPosition(touchStartPosition);
-
     if (!Array.isArray(valueGroup)) {
       if (isTouching) {
         setValueGroup(start);
         setCommonIsTouching(0);
         setIsTouching(IsTouchingStatus.Moving);
       }
-
       return function (realTimeValue) {
         setValueGroup(realTimeValue);
       };
     }
-
     var index = Math.abs(valueGroup[0] - start) < Math.abs(valueGroup[1] - start) ? 0 : 1;
-
     var handleValue = function handleValue(realTimeValue) {
       setValueGroup(function (passValueGroup) {
         if (typeof passValueGroup === 'number') {
           return [passValueGroup, realTimeValue];
         }
-
         var newValueGroup = [].concat(passValueGroup);
         newValueGroup[index] = realTimeValue;
         return newValueGroup;
       });
     };
-
     if (isTouching) {
       setCommonIsTouching(index);
       handleValue(start);
       setIsTouching(IsTouchingStatus.Moving);
     }
-
     return handleValue;
   }, [touchStartPosition, getValueFromPosition]);
   (0, _react.useEffect)(function () {
     var _lineRef$current;
-
     if (disabled) return;
-
     var handleTouchStart = function handleTouchStart(e) {
       if (draggableTrackOnly && e.target === lineRef.current) return;
       linePositionRef.current = getLinePosition();
       var _e$touches$ = e.touches[0],
-          clientX = _e$touches$.clientX,
-          clientY = _e$touches$.clientY;
+        clientX = _e$touches$.clientX,
+        clientY = _e$touches$.clientY;
       var touchPosition = isHorizontal ? clientX : clientY;
       setIsTouching(IsTouchingStatus.Start);
       setTouchStartPosition(touchPosition);
       e.stopPropagation();
       e.preventDefault();
     };
-
     (_lineRef$current = lineRef.current) == null ? void 0 : _lineRef$current.addEventListener('touchstart', handleTouchStart);
     return function () {
       var _lineRef$current2;
-
       !disabled && ((_lineRef$current2 = lineRef.current) == null ? void 0 : _lineRef$current2.removeEventListener('touchstart', handleTouchStart));
     };
   }, [disabled, isHorizontal, draggableTrackOnly]);
   (0, _react.useEffect)(function () {
     var _lineRef$current3;
-
     if (disabled) return;
-
     var handleTouchMove = function handleTouchMove(e) {
       if (isTouching === IsTouchingStatus.Moving) {
         var _e$touches$2 = e.touches[0],
-            clientX = _e$touches$2.clientX,
-            clientY = _e$touches$2.clientY;
+          clientX = _e$touches$2.clientX,
+          clientY = _e$touches$2.clientY;
         var touchPosition = isHorizontal ? clientX : clientY;
         setCommonValue(getValueFromPosition(touchPosition));
       }
-
       e.stopPropagation();
       e.cancelable && e.preventDefault();
     };
-
     (_lineRef$current3 = lineRef.current) == null ? void 0 : _lineRef$current3.addEventListener('touchmove', handleTouchMove);
     return function () {
       var _lineRef$current4;
-
       !disabled && ((_lineRef$current4 = lineRef.current) == null ? void 0 : _lineRef$current4.removeEventListener('touchmove', handleTouchMove));
     };
   }, [disabled, isHorizontal, isTouching]);
   (0, _react.useEffect)(function () {
     var _lineRef$current5, _lineRef$current6;
-
     if (disabled) return;
-
     var handleTouchEnd = function handleTouchEnd(e) {
       setIsTouching(IsTouchingStatus.Idle);
       setCommonIsTouching(-1);
       e.stopPropagation();
       e.preventDefault();
     };
-
     (_lineRef$current5 = lineRef.current) == null ? void 0 : _lineRef$current5.addEventListener('touchend', handleTouchEnd);
     (_lineRef$current6 = lineRef.current) == null ? void 0 : _lineRef$current6.addEventListener('touchcancel', handleTouchEnd);
     return function () {
       var _lineRef$current7, _lineRef$current8;
-
       !disabled && ((_lineRef$current7 = lineRef.current) == null ? void 0 : _lineRef$current7.removeEventListener('touchend', handleTouchEnd));
       !disabled && ((_lineRef$current8 = lineRef.current) == null ? void 0 : _lineRef$current8.removeEventListener('touchcancel', handleTouchEnd));
     };
@@ -185,5 +154,4 @@ var useSliderEvents = function useSliderEvents(_ref) {
     isTouching: isTouching
   };
 };
-
 exports.useSliderEvents = useSliderEvents;