@arco-design/mobile-react 2.25.3 → 2.26.0

package/umd/slider/hooks/useSliderIcon.js

@@ -16,21 +16,28 @@
   _exports.__esModule = true;
   _exports.useSliderIcon = void 0;
   _react = _interopRequireWildcard(_react);
+
   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 useSliderIcon = function useSliderIcon(_ref) {
     var valueGroup = _ref.valueGroup;
+
     var _useContext = (0, _react.useContext)(_contextProvider.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 = (0, _react.useContext)(_.SliderContext),
-      max = _useContext2.max,
-      suffixLabel = _useContext2.suffixLabel,
-      min = _useContext2.min,
-      prefixLabel = _useContext2.prefixLabel;
+        max = _useContext2.max,
+        suffixLabel = _useContext2.suffixLabel,
+        min = _useContext2.min,
+        prefixLabel = _useContext2.prefixLabel;
+
     var renderPrefixLabel = (0, _react.useMemo)(function () {
       if (!prefixLabel) return null;
       var inner;
+
       if (typeof prefixLabel === 'boolean' && prefixLabel) {
         inner = min;
       } else if (typeof prefixLabel === 'function') {
@@ -38,6 +45,7 @@
       } else {
         inner = prefixLabel;
       }
+
       return /*#__PURE__*/_react.default.createElement("div", {
         className: prefixCls + "-slider-label is-prefix"
       }, inner);
@@ -45,6 +53,7 @@
     var renderSuffixLabel = (0, _react.useMemo)(function () {
       if (!suffixLabel) return null;
       var inner;
+
       if (typeof suffixLabel === 'boolean' && suffixLabel) {
         inner = max;
       } else if (typeof suffixLabel === 'function') {
@@ -52,6 +61,7 @@
       } else {
         inner = suffixLabel;
       }
+
       return /*#__PURE__*/_react.default.createElement("div", {
         className: prefixCls + "-slider-label is-suffix"
       }, inner);
@@ -61,5 +71,6 @@
       renderSuffixLabel: renderSuffixLabel
     };
   };
+
   _exports.useSliderIcon = useSliderIcon;
 });

package/umd/slider/hooks/useSliderInit.js

@@ -16,36 +16,44 @@
   _exports.__esModule = true;
   _exports.useSliderInit = void 0;
   _react = _interopRequireWildcard(_react);
+
   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 useSliderInit = function useSliderInit(_ref) {
     var _ref2, _ctx$value;
+
     var commonIsTouching = _ref.commonIsTouching;
     var ctx = (0, _react.useContext)(_2.SliderContext);
     var value = ctx.value,
-      min = ctx.min,
-      max = ctx.max,
-      onAfterChange = ctx.onAfterChange,
-      onChange = ctx.onChange,
-      useMarkOnly = ctx.useMarkOnly,
-      marks = ctx.marks,
-      useRange = ctx.useRange;
+        min = ctx.min,
+        max = ctx.max,
+        onAfterChange = ctx.onAfterChange,
+        onChange = ctx.onChange,
+        useMarkOnly = ctx.useMarkOnly,
+        marks = ctx.marks,
+        useRange = ctx.useRange;
     var baseValue = (_ref2 = (_ctx$value = ctx == null ? void 0 : ctx.value) != null ? _ctx$value : ctx == null ? void 0 : ctx.defaultValue) != null ? _ref2 : min;
+
     var _useState = (0, _react.useState)(baseValue),
-      valueGroup = _useState[0],
-      setValueGroup = _useState[1];
+        valueGroup = _useState[0],
+        setValueGroup = _useState[1];
+
     var _useState2 = (0, _react.useState)(false),
-      firstRender = _useState2[0],
-      setFirstRender = _useState2[1];
-    var _useState3 = (0, _react.useState)(false),
-      firstTouch = _useState3[0],
-      setFirstTouch = _useState3[1];
+        firstRender = _useState2[0],
+        setFirstRender = _useState2[1];
 
-    // 基础标签数组
+    var _useState3 = (0, _react.useState)(false),
+        firstTouch = _useState3[0],
+        setFirstTouch = _useState3[1]; // 基础标签数组
     // @en Base mark list
+
+
     var baseConfig = (0, _react.useMemo)(function () {
       if (marks === void 0) return [];
       var res = [];
+
       if (typeof marks === 'number') {
         res = Array((max - min) / marks + 1).fill('').map(function (_, idx) {
           return idx * marks;
@@ -57,6 +65,7 @@
           return parseInt(e);
         });
       }
+
       return [].concat(res).filter(function (e) {
         return e <= max && e >= min;
       }).sort(function (a, b) {
@@ -65,16 +74,17 @@
     }, [marks, max, min]);
     var validate = (0, _react.useCallback)(function (newValue) {
       if (typeof valueGroup === 'number') return newValue <= valueGroup;
+
       var _sort = [].concat(valueGroup).sort(function (a, b) {
-          return a > b ? 1 : -1;
-        }),
-        small = _sort[0],
-        large = _sort[1];
-      return newValue >= small && newValue <= large;
-    }, [valueGroup]);
+        return a > b ? 1 : -1;
+      }),
+          small = _sort[0],
+          large = _sort[1];
 
-    // 实际 mark 标签
+      return newValue >= small && newValue <= large;
+    }, [valueGroup]); // 实际 mark 标签
     // @en Actual mark tags
+
     var runTimeConfig = (0, _react.useMemo)(function () {
       return baseConfig.map(function (e) {
         var label = marks && !Array.isArray(marks) && marks[String(e)] && typeof marks !== 'number' ? marks[String(e)] : /*#__PURE__*/_react.default.createElement("p", null, e);
@@ -84,12 +94,12 @@
           label: label
         };
       });
-    }, [baseConfig, valueGroup, validate, marks]);
-
-    // 当前值最近的标签值
+    }, [baseConfig, valueGroup, validate, marks]); // 当前值最近的标签值
     // @en The mark value closest to the current value
+
     var formatMarksValue = (0, _react.useCallback)(function (newValue) {
       if (!useMarkOnly || marks === void 0) return newValue;
+
       var format = function format(v) {
         var idx;
         baseConfig.forEach(function (e, i) {
@@ -97,67 +107,72 @@
             idx = i;
           }
         });
+
         if (idx !== void 0) {
           var largerIdx = idx + 1;
+
           if (largerIdx < baseConfig.length && Math.abs(baseConfig[largerIdx] - v) < Math.abs(baseConfig[idx] - v)) {
             return baseConfig[largerIdx];
           }
+
           return baseConfig[idx];
         }
+
         return baseConfig[0];
       };
+
       if (typeof newValue === 'number') return format(newValue);
       return newValue.map(function (v) {
         return format(v);
       });
     }, [useMarkOnly, marks, baseConfig]);
-
     /**
      * 标记第一次渲染，方便获取位置
      * @en Mark the first render for easy location
      */
+
     (0, _react.useEffect)(function () {
       if (commonIsTouching) setFirstTouch(true);
     }, [commonIsTouching]);
-
     /**
      * 是否为 range，多个游标
      * @en Whether it is range, multiple cursors
      */
+
     var isMultiThumb = (0, _react.useMemo)(function () {
       return useRange || Array.isArray(baseValue);
     }, [useRange, typeof baseValue === 'number']);
-
     /**
      * 为 range 组件初始化数据
      * @en Initialize data for the range component
      */
+
     (0, _react.useEffect)(function () {
       setFirstRender(true);
       /**
        * 初始化数据
        * @en Initialize data
        */
+
       var newValue = isMultiThumb && typeof valueGroup === 'number' ? formatMarksValue([valueGroup, valueGroup]) : formatMarksValue(valueGroup);
       setValueGroup(newValue);
     }, [isMultiThumb]);
-
     /**
      * 监听数据 value 变化
      * @en Monitor data value changes
      */
+
     (0, _react.useEffect)(function () {
       if (value === void 0 || !firstRender || commonIsTouching !== -1) return;
       var newValue = isMultiThumb && typeof value === 'number' ? formatMarksValue([value, value]) : formatMarksValue(value);
-      setValueGroup(newValue);
-      // 如果受控需要还原
+      setValueGroup(newValue); // 如果受控需要还原
       // @en If controlled, it needs to restore
     }, [firstRender && value, commonIsTouching]);
-
     /**
      * 上报排序后的值
      * @en report sorted value
      */
+
     var formatValueGroup = (0, _react.useMemo)(function () {
       return typeof valueGroup === 'number' ? valueGroup : [].concat(valueGroup).sort(function (a, b) {
         return a > b ? 1 : -1;
@@ -169,8 +184,10 @@
     }, [valueGroup]);
     (0, _react.useEffect)(function () {
       if (!firstTouch) return;
+
       if (commonIsTouching === -1) {
         onAfterChange(formatMarksValue(formatValueGroup));
+
         if (value === void 0) {
           var newValue = formatMarksValue(valueGroup);
           setValueGroup(newValue);
@@ -185,5 +202,6 @@
       isMultiThumb: isMultiThumb
     };
   };
+
   _exports.useSliderInit = useSliderInit;
 });

package/umd/slider/hooks/useSliderStyle.js

@@ -15,19 +15,23 @@
 
   _exports.__esModule = true;
   _exports.useSliderStyle = void 0;
+
   var useSliderStyle = function useSliderStyle(_ref) {
     var getLinePosition = _ref.getLinePosition,
-      commonIsTouching = _ref.commonIsTouching,
-      valueGroup = _ref.valueGroup;
+        commonIsTouching = _ref.commonIsTouching,
+        valueGroup = _ref.valueGroup;
+
     var _useContext = (0, _react.useContext)(_.SliderContext),
-      size = _useContext.size,
-      useAnimation = _useContext.useAnimation,
-      min = _useContext.min,
-      max = _useContext.max,
-      type = _useContext.type;
+        size = _useContext.size,
+        useAnimation = _useContext.useAnimation,
+        min = _useContext.min,
+        max = _useContext.max,
+        type = _useContext.type;
+
     var isHorizontal = /^horizontal/g.test(type);
     var heightStyle = (0, _react.useMemo)(function () {
       var _ref2;
+
       if (size === void 0) return {};
       var sizeCount = typeof size === 'string' ? parseInt(size) : size;
       return _ref2 = {}, _ref2[isHorizontal ? 'height' : 'width'] = sizeCount + "px", _ref2;
@@ -37,20 +41,25 @@
     }, [commonIsTouching, useAnimation]);
     var activeLineStyle = (0, _react.useMemo)(function () {
       var _ref3;
+
       var _getLinePosition = getLinePosition(),
-        length = _getLinePosition.length;
+          length = _getLinePosition.length;
+
       var start = 0;
+
       if (typeof valueGroup === 'number') {
         length *= (valueGroup - min) / (max - min);
       } else {
         var _sort = [].concat(valueGroup).sort(function (a, b) {
-            return a > b ? 1 : -1;
-          }),
-          smaller = _sort[0],
-          larger = _sort[1];
+          return a > b ? 1 : -1;
+        }),
+            smaller = _sort[0],
+            larger = _sort[1];
+
         start = (smaller - min) / (max - min) * length;
         length = (larger - min) / (max - min) * length - start;
       }
+
       return _ref3 = {}, _ref3[isHorizontal ? 'left' : 'bottom'] = start + "px", _ref3[isHorizontal ? 'width' : 'height'] = Math.abs(length) + "px", _ref3;
     }, [valueGroup, getLinePosition, min, max, isHorizontal]);
     return {
@@ -59,5 +68,6 @@
       activeLineStyle: activeLineStyle
     };
   };
+
   _exports.useSliderStyle = useSliderStyle;
 });

package/umd/slider/index.js

@@ -14,75 +14,87 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   _exports.default = void 0;
   _extends2 = _interopRequireDefault(_extends2);
   _react = _interopRequireWildcard(_react);
   _thumb = _interopRequireDefault(_thumb);
   _marks = _interopRequireDefault(_marks);
+
   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 Slider = /*#__PURE__*/(0, _react.forwardRef)(function (_, ref) {
     var _useContext = (0, _react.useContext)(_contextProvider.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 = (0, _react.useContext)(_hooks.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 = (0, _react.useRef)(null);
-    var lineRef = (0, _react.useRef)(null);
-    // 拖动滑块的 index 为当前的 isTouching
+    var lineRef = (0, _react.useRef)(null); // 拖动滑块的 index 为当前的 isTouching
     // @en The index of the slider is the current isTouching
+
     var _useState = (0, _react.useState)(-1),
-      commonIsTouching = _useState[0],
-      setCommonIsTouching = _useState[1];
+        commonIsTouching = _useState[0],
+        setCommonIsTouching = _useState[1];
+
     var isHorizontal = /^horizontal/g.test(type);
     (0, _react.useImperativeHandle)(ref, function () {
       return {
         dom: domRef.current
       };
     });
+
     var _useSliderInit = (0, _hooks.useSliderInit)({
-        commonIsTouching: commonIsTouching
-      }),
-      firstRender = _useSliderInit.firstRender,
-      valueGroup = _useSliderInit.valueGroup,
-      setValueGroup = _useSliderInit.setValueGroup,
-      runTimeConfig = _useSliderInit.runTimeConfig,
-      isMultiThumb = _useSliderInit.isMultiThumb;
+      commonIsTouching: commonIsTouching
+    }),
+        firstRender = _useSliderInit.firstRender,
+        valueGroup = _useSliderInit.valueGroup,
+        setValueGroup = _useSliderInit.setValueGroup,
+        runTimeConfig = _useSliderInit.runTimeConfig,
+        isMultiThumb = _useSliderInit.isMultiThumb; // 最长线 div 位置
+
 
-    // 最长线 div 位置
     var getLinePosition = (0, _react.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;
+
       return {
         length: isHorizontal ? width : height,
         start: isHorizontal ? left : top
       };
     }, [isHorizontal, firstRender]);
+
     var _useSliderStyle = (0, _hooks.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;
+
     (0, _hooks.useSliderEvents)({
       lineRef: lineRef,
       valueGroup: valueGroup,
@@ -90,31 +102,36 @@
       getLinePosition: getLinePosition,
       setCommonIsTouching: setCommonIsTouching
     });
-    var _useSliderIcon = (0, _hooks.useSliderIcon)({
-        valueGroup: valueGroup
-      }),
-      renderPrefixLabel = _useSliderIcon.renderPrefixLabel,
-      renderSuffixLabel = _useSliderIcon.renderSuffixLabel;
 
+    var _useSliderIcon = (0, _hooks.useSliderIcon)({
+      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 = (0, _react.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'
       }];
@@ -161,8 +178,9 @@
   });
   var SliderWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var _useContext3 = (0, _react.useContext)(_contextProvider.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 = (0, _react.useContext)(_hooks.SliderContext);
     var newProps = (0, _extends2.default)({}, defaultProps, {
       renderThumb: (0, _hooks.baseRenderThumb)(prefixCls)
@@ -173,7 +191,6 @@
       ref: ref
     }));
   });
-
   /**
    * 滑动型输入器，展示当前值和可选范围。
    * @en Slide input component, displays the current value and optional range.
@@ -183,6 +200,8 @@
    * @type_en Data Entry
    * @displayName Slider
    */
+
   var _default = (0, _mobileUtils.componentWrapper)(SliderWrapper, 'Slider');
+
   _exports.default = _default;
 });

package/umd/slider/marks.js

@@ -14,37 +14,45 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   _exports.default = void 0;
   _extends2 = _interopRequireDefault(_extends2);
   _react = _interopRequireWildcard(_react);
+
   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 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 = (0, _react.useContext)(_contextProvider.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 = (0, _react.useContext)(_hooks.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 = (0, _react.useCallback)(function (value) {
       var _ref2;
+
       return _ref2 = {}, _ref2[isHorizontal ? 'left' : 'bottom'] = (value - min) / (max - min) * 100 + "%", _ref2;
     }, [isHorizontal, min, max]);
     return /*#__PURE__*/_react.default.createElement("div", {
       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.default.createElement("div", {
         key: value,
         className: (0, _mobileUtils.cls)(prefixCls + "-slider-marks-item", {
@@ -56,6 +64,7 @@
       }, label));
     }));
   }
+
   var _default = Marks;
   _exports.default = _default;
 });

package/umd/slider/popover.js

@@ -14,19 +14,25 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   _exports.Popover = Popover;
   _react = _interopRequireWildcard(_react);
   _transition = _interopRequireDefault(_transition);
+
   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 Popover(_ref) {
     var visible = _ref.visible,
-      content = _ref.content,
-      children = _ref.children;
+        content = _ref.content,
+        children = _ref.children;
+
     var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
-      _useContext$prefixCls = _useContext.prefixCls,
-      prefixCls = _useContext$prefixCls === void 0 ? '' : _useContext$prefixCls;
+        _useContext$prefixCls = _useContext.prefixCls,
+        prefixCls = _useContext$prefixCls === void 0 ? '' : _useContext$prefixCls;
+
     return /*#__PURE__*/_react.default.createElement("div", {
       className: prefixCls + "-slider-popover-wrapper"
     }, /*#__PURE__*/_react.default.createElement(_transition.default, {