@luminati-io/uikit 6.3.41 → 6.3.42

package/dist/umd/uikit.development.js

@@ -46287,38 +46287,40 @@ UploadItemState.propTypes = {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   Checkbox: () => (/* reexport safe */ _checkbox__WEBPACK_IMPORTED_MODULE_5__.Checkbox),
+/* harmony export */   Checkbox: () => (/* reexport safe */ _checkbox__WEBPACK_IMPORTED_MODULE_7__.Checkbox),
 /* harmony export */   CheckboxList: () => (/* reexport safe */ _checkbox_list__WEBPACK_IMPORTED_MODULE_0__.CheckboxList),
-/* harmony export */   CompareTo: () => (/* reexport safe */ _compare_to__WEBPACK_IMPORTED_MODULE_6__.CompareTo),
-/* harmony export */   DatePicker: () => (/* reexport safe */ _date_picker__WEBPACK_IMPORTED_MODULE_7__.DatePicker),
+/* harmony export */   CompareTo: () => (/* reexport safe */ _compare_to__WEBPACK_IMPORTED_MODULE_8__.CompareTo),
+/* harmony export */   DatePicker: () => (/* reexport safe */ _date_picker__WEBPACK_IMPORTED_MODULE_9__.DatePicker),
 /* harmony export */   Dropdown: () => (/* reexport safe */ _dropdown__WEBPACK_IMPORTED_MODULE_1__.Dropdown),
 /* harmony export */   FILE_STATUS: () => (/* reexport safe */ _file_uploader__WEBPACK_IMPORTED_MODULE_2__.FILE_STATUS),
 /* harmony export */   FileUploader: () => (/* reexport safe */ _file_uploader__WEBPACK_IMPORTED_MODULE_2__.FileUploader),
-/* harmony export */   Number: () => (/* reexport safe */ _number__WEBPACK_IMPORTED_MODULE_8__.Number),
+/* harmony export */   Number: () => (/* reexport safe */ _number__WEBPACK_IMPORTED_MODULE_10__.Number),
 /* harmony export */   Phone: () => (/* reexport safe */ _phone__WEBPACK_IMPORTED_MODULE_3__.Phone),
-/* harmony export */   Radio: () => (/* reexport safe */ _radio__WEBPACK_IMPORTED_MODULE_9__.Radio),
-/* harmony export */   RadioCard: () => (/* reexport safe */ _radio__WEBPACK_IMPORTED_MODULE_9__.RadioCard),
-/* harmony export */   RadioGroup: () => (/* reexport safe */ _radio__WEBPACK_IMPORTED_MODULE_9__.RadioGroup),
-/* harmony export */   RadioTab: () => (/* reexport safe */ _radio__WEBPACK_IMPORTED_MODULE_9__.RadioTab),
-/* harmony export */   StyledDayPicker: () => (/* reexport safe */ _date_picker__WEBPACK_IMPORTED_MODULE_7__.StyledDayPicker),
-/* harmony export */   Textarea: () => (/* reexport safe */ _textarea__WEBPACK_IMPORTED_MODULE_10__.Textarea),
-/* harmony export */   Textbox: () => (/* reexport safe */ _textbox__WEBPACK_IMPORTED_MODULE_11__.Textbox),
-/* harmony export */   TextboxList: () => (/* reexport safe */ _textbox_list__WEBPACK_IMPORTED_MODULE_4__.TextboxList),
-/* harmony export */   Toggle: () => (/* reexport safe */ _toggle__WEBPACK_IMPORTED_MODULE_12__.Toggle)
+/* harmony export */   Radio: () => (/* reexport safe */ _radio__WEBPACK_IMPORTED_MODULE_4__.Radio),
+/* harmony export */   RadioCard: () => (/* reexport safe */ _radio__WEBPACK_IMPORTED_MODULE_4__.RadioCard),
+/* harmony export */   RadioGroup: () => (/* reexport safe */ _radio__WEBPACK_IMPORTED_MODULE_4__.RadioGroup),
+/* harmony export */   RadioTab: () => (/* reexport safe */ _radio__WEBPACK_IMPORTED_MODULE_4__.RadioTab),
+/* harmony export */   Slider: () => (/* reexport safe */ _slider__WEBPACK_IMPORTED_MODULE_5__.Slider),
+/* harmony export */   StyledDayPicker: () => (/* reexport safe */ _date_picker__WEBPACK_IMPORTED_MODULE_9__.StyledDayPicker),
+/* harmony export */   Textarea: () => (/* reexport safe */ _textarea__WEBPACK_IMPORTED_MODULE_11__.Textarea),
+/* harmony export */   Textbox: () => (/* reexport safe */ _textbox__WEBPACK_IMPORTED_MODULE_12__.Textbox),
+/* harmony export */   TextboxList: () => (/* reexport safe */ _textbox_list__WEBPACK_IMPORTED_MODULE_6__.TextboxList),
+/* harmony export */   Toggle: () => (/* reexport safe */ _toggle__WEBPACK_IMPORTED_MODULE_13__.Toggle)
 /* harmony export */ });
 /* harmony import */ var _checkbox_list__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./checkbox_list */ "./src/input/checkbox_list/index.js");
 /* harmony import */ var _dropdown__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./dropdown */ "./src/input/dropdown/index.js");
 /* harmony import */ var _file_uploader__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./file_uploader */ "./src/input/file_uploader/index.js");
 /* harmony import */ var _phone__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./phone */ "./src/input/phone/index.js");
-/* harmony import */ var _textbox_list__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./textbox_list */ "./src/input/textbox_list/index.js");
-/* harmony import */ var _checkbox__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./checkbox */ "./src/input/checkbox.js");
-/* harmony import */ var _compare_to__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./compare_to */ "./src/input/compare_to.js");
-/* harmony import */ var _date_picker__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./date_picker */ "./src/input/date_picker.js");
-/* harmony import */ var _number__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./number */ "./src/input/number.js");
-/* harmony import */ var _radio__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./radio */ "./src/input/radio/index.js");
-/* harmony import */ var _textarea__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./textarea */ "./src/input/textarea.js");
-/* harmony import */ var _textbox__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./textbox */ "./src/input/textbox.js");
-/* harmony import */ var _toggle__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./toggle */ "./src/input/toggle.js");
+/* harmony import */ var _radio__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./radio */ "./src/input/radio/index.js");
+/* harmony import */ var _slider__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./slider */ "./src/input/slider/index.js");
+/* harmony import */ var _textbox_list__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./textbox_list */ "./src/input/textbox_list/index.js");
+/* harmony import */ var _checkbox__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./checkbox */ "./src/input/checkbox.js");
+/* harmony import */ var _compare_to__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./compare_to */ "./src/input/compare_to.js");
+/* harmony import */ var _date_picker__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./date_picker */ "./src/input/date_picker.js");
+/* harmony import */ var _number__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./number */ "./src/input/number.js");
+/* harmony import */ var _textarea__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./textarea */ "./src/input/textarea.js");
+/* harmony import */ var _textbox__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./textbox */ "./src/input/textbox.js");
+/* harmony import */ var _toggle__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./toggle */ "./src/input/toggle.js");
 // LICENSE_CODE ZON
 
 
@@ -46337,6 +46339,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 /***/ }),
 
 /***/ "./src/input/number.js":
@@ -48472,6 +48475,285 @@ var useHeightCalculationCallback = function useHeightCalculationCallback(size) {
 
 /***/ }),
 
+/***/ "./src/input/slider/handle_tooltip.js":
+/*!********************************************!*\
+  !*** ./src/input/slider/handle_tooltip.js ***!
+  \********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   HandleTooltip: () => (/* binding */ HandleTooltip)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var rc_util_lib_raf__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! rc-util/lib/raf */ "./node_modules/rc-util/lib/raf.js");
+/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../tooltip */ "./src/tooltip/index.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+var _excluded = ["value", "children", "visible", "tipFormatter"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+
+
+
+var HandleTooltip = function HandleTooltip(_ref) {
+  var value = _ref.value,
+    children = _ref.children,
+    visible = _ref.visible,
+    _ref$tipFormatter = _ref.tipFormatter,
+    tipFormatter = _ref$tipFormatter === void 0 ? function (val) {
+      return "".concat(val);
+    } : _ref$tipFormatter,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var tooltipRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
+  var rafRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+  function cancelKeepAlign() {
+    rc_util_lib_raf__WEBPACK_IMPORTED_MODULE_1__["default"].cancel(rafRef.current);
+  }
+  function keepAlign() {
+    rafRef.current = (0,rc_util_lib_raf__WEBPACK_IMPORTED_MODULE_1__["default"])(function () {
+      var _tooltipRef$current;
+      (_tooltipRef$current = tooltipRef.current) === null || _tooltipRef$current === void 0 || _tooltipRef$current.forceAlign();
+    });
+  }
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    if (visible) keepAlign();else cancelKeepAlign();
+    return cancelKeepAlign;
+  }, [value, visible]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_2__.Tooltip, _extends({}, rest, {
+    tooltip: tipFormatter(value),
+    ref: tooltipRef,
+    visible: visible
+  }), children);
+};
+
+/***/ }),
+
+/***/ "./src/input/slider/index.js":
+/*!***********************************!*\
+  !*** ./src/input/slider/index.js ***!
+  \***********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Slider: () => (/* reexport safe */ _slider__WEBPACK_IMPORTED_MODULE_0__.Slider)
+/* harmony export */ });
+/* harmony import */ var _slider__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./slider */ "./src/input/slider/slider.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+
+
+/***/ }),
+
+/***/ "./src/input/slider/slider.js":
+/*!************************************!*\
+  !*** ./src/input/slider/slider.js ***!
+  \************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Slider: () => (/* binding */ Slider)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../constants */ "./src/constants.js");
+/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../shared */ "./src/input/shared.js");
+/* harmony import */ var _handle_tooltip__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./handle_tooltip */ "./src/input/slider/handle_tooltip.js");
+/* harmony import */ var _styled__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./styled */ "./src/input/slider/styled.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["size", "onChange", "inputProps", "min", "max", "step", "tabIndex", "classNamePrefix", "marks", "tipFormatter", "tipProps", "range", "allowCross"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+
+
+
+
+
+
+
+var Slider = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
+  var size = props.size,
+    onChange = props.onChange,
+    inputProps = props.inputProps,
+    _props$min = props.min,
+    min = _props$min === void 0 ? 0 : _props$min,
+    _props$max = props.max,
+    max = _props$max === void 0 ? 100 : _props$max,
+    step = props.step,
+    tabIndex = props.tabIndex,
+    _props$classNamePrefi = props.classNamePrefix,
+    classNamePrefix = _props$classNamePrefi === void 0 ? 'uikit_slider' : _props$classNamePrefi,
+    marks = props.marks,
+    tipFormatter = props.tipFormatter,
+    tipProps = props.tipProps,
+    range = props.range,
+    allowCross = props.allowCross,
+    rest = _objectWithoutProperties(props, _excluded);
+  var heightCalculationCallback = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
+    var height = {
+      xs: 28,
+      sm: 36,
+      md: 40,
+      lg: 48
+    };
+    return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["overflow:visible;min-height:", "px;"], height[size] || height.sm);
+  }, [size]);
+  var handleRender = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (node, handleProps) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_handle_tooltip__WEBPACK_IMPORTED_MODULE_5__.HandleTooltip, _extends({
+      value: handleProps.value,
+      visible: handleProps.dragging,
+      tipFormatter: tipFormatter
+    }, tipProps), node);
+  }, [tipFormatter, tipProps]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_4__.FieldWrapper, _extends({}, rest, {
+    ref: ref,
+    classNamePrefix: classNamePrefix,
+    heightCalculationCallback: heightCalculationCallback,
+    autoresize: false,
+    verticalAlign: "center",
+    Field: _styled__WEBPACK_IMPORTED_MODULE_6__.StyledSlider,
+    onChange: onChange,
+    inputProps: _objectSpread(_objectSpread({}, inputProps), {}, {
+      min: min,
+      max: max,
+      step: step,
+      tabIndex: tabIndex,
+      marks: marks,
+      prefixCls: classNamePrefix,
+      handleRender: handleRender,
+      range: range,
+      allowCross: allowCross
+    })
+  }));
+});
+Slider.displayName = 'Slider';
+Slider.propTypes = _objectSpread(_objectSpread({}, _constants__WEBPACK_IMPORTED_MODULE_3__.PT_INPUT_SHARED), {}, {
+  value: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
+  size: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['xs', 'sm', 'md', 'lg']),
+  min: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
+  max: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
+  /**
+   * Value to be added or subtracted on each step the slider makes.
+   * Must be greater than zero, and max - min should be evenly divisible
+   * by the step value.
+   * When marks is not an empty object, step can be set to null,
+   * to make marks as steps.
+   */
+  step: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
+  tabIndex: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
+  /**
+   * Marks on the slider. The key determines the position,
+   * and the value determines what will show.
+   * If you want to set the style of a specific mark point, the value
+   * should be an object which contains style and label properties.
+   */
+  marks: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().object),
+  tipFormatter: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
+  tipProps: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().object),
+  range: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
+  allowCross: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
+});
+
+/***/ }),
+
+/***/ "./src/input/slider/styled.js":
+/*!************************************!*\
+  !*** ./src/input/slider/styled.js ***!
+  \************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   StyledSlider: () => (/* binding */ StyledSlider)
+/* harmony export */ });
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var rc_slider__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! rc-slider */ "./node_modules/rc-slider/es/index.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+
+
+var prefixCls = function prefixCls(p) {
+  return p.prefixCls;
+};
+var theme = function theme(cb) {
+  return function (p) {
+    return cb(p.theme);
+  };
+};
+var StyledSlider = styled_components__WEBPACK_IMPORTED_MODULE_0___default()(rc_slider__WEBPACK_IMPORTED_MODULE_1__["default"]).withConfig({
+  displayName: "StyledSlider",
+  componentId: "sc-ifo2sp-0"
+})(["&.", "{position:relative;width:100%;height:16px;padding:5px 0;border-radius:6px;touch-action:none;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);& *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);}&.", "-with-marks{height:38px;}.", "-rail{position:absolute;width:100%;height:6px;background-color:", ";border-radius:8px;}.", "-track,.", "-tracks{position:absolute;height:6px;background-color:", ";border-radius:8px;}.", "-track-draggable{z-index:1;box-sizing:content-box;background-clip:content-box;border-top:5px solid rgba(0,0,0,0);border-bottom:5px solid rgba(0,0,0,0);transform:translateY(-5px);}.", "-handle{position:absolute;z-index:1;width:16px;height:16px;margin-top:-5px;background-color:", ";border:2px solid ", ";border-radius:50%;cursor:pointer;cursor:-webkit-grab;cursor:grab;user-select:none;touch-action:pan-x;&:focus{outline:none;box-shadow:none;}&:focus-visible{border-color:", ";box-shadow:", ";}&:hover{border-color:", ";}&:active{border-color:", ";box-shadow:", ";cursor:-webkit-grabbing;cursor:grabbing;}}.", "-handle-dragging.", "-handle-dragging.", "-handle-dragging{border-color:", ";box-shadow:", ";}.", "-handle-dragging.", "-handle-dragging.", "-handle-dragging-delete{opacity:0;}.", "-handle-click-focused:focus{border-color:#96dbfa;box-shadow:unset;}.", "-mark{position:absolute;top:18px;left:0;width:100%;font-size:", ";font-weight:", ";}.", "-mark-text{position:absolute;display:inline-block;color:", ";text-align:center;vertical-align:middle;cursor:pointer;}.", "-step{position:absolute;width:100%;height:4px;background:transparent;}.", "-dot{position:absolute;bottom:-2px;width:1px;height:6px;vertical-align:middle;background-color:", ";cursor:pointer;}&.", "-disabled{.", "-track{background-color:", ";}.", "-handle{background-color:", ";border-color:", ";box-shadow:none;cursor:not-allowed;}.", "-dot{cursor:not-allowed !important;}.", "-mark-text{color:", ";cursor:not-allowed !important;}}}"], prefixCls, prefixCls, prefixCls, theme(function (t) {
+  return t.color.slider_bg;
+}), prefixCls, prefixCls, theme(function (t) {
+  return t.color.slider_bg_fill;
+}), prefixCls, prefixCls, theme(function (t) {
+  return t.color.slider_bg_fill;
+}), theme(function (t) {
+  return t.color.slider_bg_fill;
+}), theme(function (t) {
+  return t.color.icon_secondary;
+}), theme(function (t) {
+  return t.shadow.primary;
+}), theme(function (t) {
+  return t.color.icon_secondary;
+}), theme(function (t) {
+  return t.color.icon_secondary;
+}), theme(function (t) {
+  return t.shadow.primary;
+}), prefixCls, prefixCls, prefixCls, theme(function (t) {
+  return t.color.icon_secondary;
+}), theme(function (t) {
+  return t.shadow.primary;
+}), prefixCls, prefixCls, prefixCls, prefixCls, prefixCls, theme(function (t) {
+  return t.font_size.xs;
+}), theme(function (t) {
+  return t.font_weight.regular;
+}), prefixCls, theme(function (t) {
+  return t.color.text_secondary;
+}), prefixCls, prefixCls, theme(function (t) {
+  return t.color.bg;
+}), prefixCls, prefixCls, theme(function (t) {
+  return t.color.slider_bg_fill_disabled;
+}), prefixCls, theme(function (t) {
+  return t.color.slider_bg_fill_disabled;
+}), theme(function (t) {
+  return t.color.slider_bg_fill_disabled;
+}), prefixCls, prefixCls, theme(function (t) {
+  return t.color.text_disabled;
+}));
+
+/***/ }),
+
 /***/ "./src/input/textarea.js":
 /*!*******************************!*\
   !*** ./src/input/textarea.js ***!
@@ -57534,11 +57816,11 @@ var prefixCls = function prefixCls(p) {
 var StyledTag = styled_components__WEBPACK_IMPORTED_MODULE_0___default().div.withConfig({
   displayName: "StyledTag",
   componentId: "sc-qjresw-0"
-})(["display:inline-flex;margin:0;padding:4px 4px 4px 8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;border:1px solid ", ";background-color:", ";.", "-icon{color:", ";min-width:14px;width:14px;min-height:14px;height:14px;}.", "-text{color:", ";}.", "-badge{background-color:", ";padding:2px 4px;min-width:16px;.uikit_badge-content{color:", ";}}.", "-close-icon{border-radius:28px;}.", "-close-icon,.", "-menu-button{background-color:inherit;min-width:16px;width:16px;min-height:16px;height:16px;}&.", "-clickable{cursor:pointer;}&.", "-disabled{&.", "-clickable{cursor:not-allowed;}border:1px solid ", ";background-color:", ";.", "-icon{color:", ";}.", "-text,.", "-badge .uikit_badge-content{color:", ";}}&:not(.", "-disabled){&.", "-active{border:1px solid ", ";background-color:", ";.", "-icon{color:", ";}.", "-text{color:", ";}.", "-badge{background-color:", ";.uikit_badge-content{color:", ";}}.", "-close-icon:hover{color:", ";}}.", "-close-icon:hover{background-color:", ";color:", ";}.", "-menu-button:hover{background-color:inherit;color:", ";}&:hover{border:1px solid ", ";&.", "-active{border:1px solid ", ";background-color:", ";}}}"], theme(function (t) {
+})(["display:inline-flex;margin:0;justify-content:center;align-items:center;gap:4px;border-radius:4px;border:1px solid ", ";background-color:", ";box-sizing:border-box;&.", "-sm{padding:4px 8px;height:24px;}&.", "-md{padding:8px;height:32px;}.", "-icon{color:", ";min-width:14px;width:14px;min-height:14px;height:14px;}.", "-text{color:", ";}.", "-badge{background-color:", ";padding:2px 4px;min-width:16px;.uikit_badge-content{color:", ";}}.", "-close-icon{border-radius:28px;}.", "-close-icon,.", "-menu-button{background-color:inherit;min-width:16px;width:16px;min-height:16px;height:16px;}&.", "-clickable{cursor:pointer;}&.", "-disabled{&.", "-clickable{cursor:not-allowed;}border:1px solid ", ";background-color:", ";.", "-icon{color:", ";}.", "-text,.", "-badge .uikit_badge-content{color:", ";}}&:not(.", "-disabled){&.", "-active{border:1px solid ", ";background-color:", ";.", "-icon{color:", ";}.", "-text{color:", ";}.", "-badge{background-color:", ";.uikit_badge-content{color:", ";}}.", "-close-icon:hover{color:", ";}}.", "-close-icon:hover{background-color:", ";color:", ";}.", "-menu-button:hover{background-color:inherit;color:", ";}&:hover{border:1px solid ", ";&.", "-active{border:1px solid ", ";background-color:", ";}}}"], theme(function (t) {
   return t.color.border;
 }), theme(function (t) {
   return t.color.bg;
-}), prefixCls, theme(function (t) {
+}), prefixCls, prefixCls, prefixCls, theme(function (t) {
   return t.color.icon;
 }), prefixCls, theme(function (t) {
   return t.color.text;
@@ -57610,8 +57892,12 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
-var _excluded = ["className", "classNamePrefix", "icon", "text", "onClick", "active", "disabled", "badge", "closeIcon", "onClose", "menuItems"];
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["className", "classNamePrefix", "icon", "text", "onClick", "active", "disabled", "badge", "closeIcon", "onClose", "menuItems", "size"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 
@@ -57636,6 +57922,8 @@ var Tag = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(f
     closeIcon = props.closeIcon,
     onClose = props.onClose,
     menuItems = props.menuItems,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'sm' : _props$size,
     rest = _objectWithoutProperties(props, _excluded);
   var onCloseClick = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (evt) {
     evt.stopPropagation();
@@ -57644,11 +57932,11 @@ var Tag = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(f
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_styled__WEBPACK_IMPORTED_MODULE_6__.StyledTag, _extends({
     ref: ref
   }, rest, {
-    className: (0,_util__WEBPACK_IMPORTED_MODULE_4__.cn)(classNamePrefix, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_4__.cn)(classNamePrefix, _defineProperty({
       '-active': active,
       '-disabled': disabled,
       '-clickable': !!onClick
-    }, className, classNamePrefix),
+    }, "-".concat(size), true), className, classNamePrefix),
     disabled: disabled,
     onClick: onClick,
     $prefixCls: classNamePrefix
@@ -57692,7 +57980,8 @@ Tag.propTypes = {
   icon: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([_constants__WEBPACK_IMPORTED_MODULE_3__.PT_ICON_NAMES, (prop_types__WEBPACK_IMPORTED_MODULE_1___default().elementType)]),
   closeIcon: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
   onClose: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  menuItems: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().array)
+  menuItems: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().array),
+  size: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['sm', 'md'])
 };
 
 /***/ }),
@@ -58176,7 +58465,7 @@ var componentLight = {
   toggle_off_bg_active: color.gray_8,
   toggle_off_border_active: color.gray_5,
   toggle_off_bg_hover: color.gray_7,
-  slider_bg: color.gray_5,
+  slider_bg: color.gray_8,
   slider_bg_fill: color.blue_11,
   slider_bg_disabled: color.gray_6,
   slider_bg_fill_disabled: color.gray_8,
@@ -83009,6 +83298,1853 @@ function unobserve(element, callback) {
 
 /***/ }),
 
+/***/ "./node_modules/rc-slider/es/Handles/Handle.js":
+/*!*****************************************************!*\
+  !*** ./node_modules/rc-slider/es/Handles/Handle.js ***!
+  \*****************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
+/* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js");
+/* harmony import */ var _babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js");
+/* harmony import */ var _babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutProperties */ "./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! rc-util/es/KeyCode */ "./node_modules/rc-util/es/KeyCode.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../context */ "./node_modules/rc-slider/es/context.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../util */ "./node_modules/rc-slider/es/util.js");
+
+
+
+
+var _excluded = ["prefixCls", "value", "valueIndex", "onStartMove", "onDelete", "style", "render", "dragging", "draggingDelete", "onOffsetChange", "onChangeComplete", "onFocus", "onMouseEnter"];
+
+
+
+
+
+var Handle = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.forwardRef(function (props, ref) {
+  var prefixCls = props.prefixCls,
+    value = props.value,
+    valueIndex = props.valueIndex,
+    onStartMove = props.onStartMove,
+    onDelete = props.onDelete,
+    style = props.style,
+    render = props.render,
+    dragging = props.dragging,
+    draggingDelete = props.draggingDelete,
+    onOffsetChange = props.onOffsetChange,
+    onChangeComplete = props.onChangeComplete,
+    onFocus = props.onFocus,
+    onMouseEnter = props.onMouseEnter,
+    restProps = (0,_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3__["default"])(props, _excluded);
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_6__.useContext(_context__WEBPACK_IMPORTED_MODULE_7__["default"]),
+    min = _React$useContext.min,
+    max = _React$useContext.max,
+    direction = _React$useContext.direction,
+    disabled = _React$useContext.disabled,
+    keyboard = _React$useContext.keyboard,
+    range = _React$useContext.range,
+    tabIndex = _React$useContext.tabIndex,
+    ariaLabelForHandle = _React$useContext.ariaLabelForHandle,
+    ariaLabelledByForHandle = _React$useContext.ariaLabelledByForHandle,
+    ariaRequired = _React$useContext.ariaRequired,
+    ariaValueTextFormatterForHandle = _React$useContext.ariaValueTextFormatterForHandle,
+    styles = _React$useContext.styles,
+    classNames = _React$useContext.classNames;
+  var handlePrefixCls = "".concat(prefixCls, "-handle");
+
+  // ============================ Events ============================
+  var onInternalStartMove = function onInternalStartMove(e) {
+    if (!disabled) {
+      onStartMove(e, valueIndex);
+    }
+  };
+  var onInternalFocus = function onInternalFocus(e) {
+    onFocus === null || onFocus === void 0 || onFocus(e, valueIndex);
+  };
+  var onInternalMouseEnter = function onInternalMouseEnter(e) {
+    onMouseEnter(e, valueIndex);
+  };
+
+  // =========================== Keyboard ===========================
+  var onKeyDown = function onKeyDown(e) {
+    if (!disabled && keyboard) {
+      var offset = null;
+
+      // Change the value
+      switch (e.which || e.keyCode) {
+        case rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_5__["default"].LEFT:
+          offset = direction === 'ltr' || direction === 'btt' ? -1 : 1;
+          break;
+        case rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_5__["default"].RIGHT:
+          offset = direction === 'ltr' || direction === 'btt' ? 1 : -1;
+          break;
+
+        // Up is plus
+        case rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_5__["default"].UP:
+          offset = direction !== 'ttb' ? 1 : -1;
+          break;
+
+        // Down is minus
+        case rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_5__["default"].DOWN:
+          offset = direction !== 'ttb' ? -1 : 1;
+          break;
+        case rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_5__["default"].HOME:
+          offset = 'min';
+          break;
+        case rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_5__["default"].END:
+          offset = 'max';
+          break;
+        case rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_5__["default"].PAGE_UP:
+          offset = 2;
+          break;
+        case rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_5__["default"].PAGE_DOWN:
+          offset = -2;
+          break;
+        case rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_5__["default"].BACKSPACE:
+        case rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_5__["default"].DELETE:
+          onDelete(valueIndex);
+          break;
+      }
+      if (offset !== null) {
+        e.preventDefault();
+        onOffsetChange(offset, valueIndex);
+      }
+    }
+  };
+  var handleKeyUp = function handleKeyUp(e) {
+    switch (e.which || e.keyCode) {
+      case rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_5__["default"].LEFT:
+      case rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_5__["default"].RIGHT:
+      case rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_5__["default"].UP:
+      case rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_5__["default"].DOWN:
+      case rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_5__["default"].HOME:
+      case rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_5__["default"].END:
+      case rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_5__["default"].PAGE_UP:
+      case rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_5__["default"].PAGE_DOWN:
+        onChangeComplete === null || onChangeComplete === void 0 || onChangeComplete();
+        break;
+    }
+  };
+
+  // ============================ Offset ============================
+  var positionStyle = (0,_util__WEBPACK_IMPORTED_MODULE_8__.getDirectionStyle)(direction, value, min, max);
+
+  // ============================ Render ============================
+  var divProps = {};
+  if (valueIndex !== null) {
+    var _getIndex;
+    divProps = {
+      tabIndex: disabled ? null : (0,_util__WEBPACK_IMPORTED_MODULE_8__.getIndex)(tabIndex, valueIndex),
+      role: 'slider',
+      'aria-valuemin': min,
+      'aria-valuemax': max,
+      'aria-valuenow': value,
+      'aria-disabled': disabled,
+      'aria-label': (0,_util__WEBPACK_IMPORTED_MODULE_8__.getIndex)(ariaLabelForHandle, valueIndex),
+      'aria-labelledby': (0,_util__WEBPACK_IMPORTED_MODULE_8__.getIndex)(ariaLabelledByForHandle, valueIndex),
+      'aria-required': (0,_util__WEBPACK_IMPORTED_MODULE_8__.getIndex)(ariaRequired, valueIndex),
+      'aria-valuetext': (_getIndex = (0,_util__WEBPACK_IMPORTED_MODULE_8__.getIndex)(ariaValueTextFormatterForHandle, valueIndex)) === null || _getIndex === void 0 ? void 0 : _getIndex(value),
+      'aria-orientation': direction === 'ltr' || direction === 'rtl' ? 'horizontal' : 'vertical',
+      onMouseDown: onInternalStartMove,
+      onTouchStart: onInternalStartMove,
+      onFocus: onInternalFocus,
+      onMouseEnter: onInternalMouseEnter,
+      onKeyDown: onKeyDown,
+      onKeyUp: handleKeyUp
+    };
+  }
+  var handleNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement("div", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
+    ref: ref,
+    className: classnames__WEBPACK_IMPORTED_MODULE_4___default()(handlePrefixCls, (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_2__["default"])((0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_2__["default"])((0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_2__["default"])({}, "".concat(handlePrefixCls, "-").concat(valueIndex + 1), valueIndex !== null && range), "".concat(handlePrefixCls, "-dragging"), dragging), "".concat(handlePrefixCls, "-dragging-delete"), draggingDelete), classNames.handle),
+    style: (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({}, positionStyle), style), styles.handle)
+  }, divProps, restProps));
+
+  // Customize
+  if (render) {
+    handleNode = render(handleNode, {
+      index: valueIndex,
+      prefixCls: prefixCls,
+      value: value,
+      dragging: dragging,
+      draggingDelete: draggingDelete
+    });
+  }
+  return handleNode;
+});
+if (true) {
+  Handle.displayName = 'Handle';
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Handle);
+
+/***/ }),
+
+/***/ "./node_modules/rc-slider/es/Handles/index.js":
+/*!****************************************************!*\
+  !*** ./node_modules/rc-slider/es/Handles/index.js ***!
+  \****************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
+/* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js");
+/* harmony import */ var _babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/slicedToArray */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
+/* harmony import */ var _babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutProperties */ "./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-dom */ "react-dom");
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../util */ "./node_modules/rc-slider/es/util.js");
+/* harmony import */ var _Handle__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Handle */ "./node_modules/rc-slider/es/Handles/Handle.js");
+
+
+
+
+var _excluded = ["prefixCls", "style", "onStartMove", "onOffsetChange", "values", "handleRender", "activeHandleRender", "draggingIndex", "draggingDelete", "onFocus"];
+
+
+
+
+var Handles = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__.forwardRef(function (props, ref) {
+  var prefixCls = props.prefixCls,
+    style = props.style,
+    onStartMove = props.onStartMove,
+    onOffsetChange = props.onOffsetChange,
+    values = props.values,
+    handleRender = props.handleRender,
+    activeHandleRender = props.activeHandleRender,
+    draggingIndex = props.draggingIndex,
+    draggingDelete = props.draggingDelete,
+    onFocus = props.onFocus,
+    restProps = (0,_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3__["default"])(props, _excluded);
+  var handlesRef = react__WEBPACK_IMPORTED_MODULE_4__.useRef({});
+
+  // =========================== Active ===========================
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_4__.useState(false),
+    _React$useState2 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_2__["default"])(_React$useState, 2),
+    activeVisible = _React$useState2[0],
+    setActiveVisible = _React$useState2[1];
+  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_4__.useState(-1),
+    _React$useState4 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_2__["default"])(_React$useState3, 2),
+    activeIndex = _React$useState4[0],
+    setActiveIndex = _React$useState4[1];
+  var onActive = function onActive(index) {
+    setActiveIndex(index);
+    setActiveVisible(true);
+  };
+  var onHandleFocus = function onHandleFocus(e, index) {
+    onActive(index);
+    onFocus === null || onFocus === void 0 || onFocus(e);
+  };
+  var onHandleMouseEnter = function onHandleMouseEnter(e, index) {
+    onActive(index);
+  };
+
+  // =========================== Render ===========================
+  react__WEBPACK_IMPORTED_MODULE_4__.useImperativeHandle(ref, function () {
+    return {
+      focus: function focus(index) {
+        var _handlesRef$current$i;
+        (_handlesRef$current$i = handlesRef.current[index]) === null || _handlesRef$current$i === void 0 || _handlesRef$current$i.focus();
+      },
+      hideHelp: function hideHelp() {
+        (0,react_dom__WEBPACK_IMPORTED_MODULE_5__.flushSync)(function () {
+          setActiveVisible(false);
+        });
+      }
+    };
+  });
+
+  // =========================== Render ===========================
+  // Handle Props
+  var handleProps = (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({
+    prefixCls: prefixCls,
+    onStartMove: onStartMove,
+    onOffsetChange: onOffsetChange,
+    render: handleRender,
+    onFocus: onHandleFocus,
+    onMouseEnter: onHandleMouseEnter
+  }, restProps);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__.createElement(react__WEBPACK_IMPORTED_MODULE_4__.Fragment, null, values.map(function (value, index) {
+    var dragging = draggingIndex === index;
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__.createElement(_Handle__WEBPACK_IMPORTED_MODULE_7__["default"], (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
+      ref: function ref(node) {
+        if (!node) {
+          delete handlesRef.current[index];
+        } else {
+          handlesRef.current[index] = node;
+        }
+      },
+      dragging: dragging,
+      draggingDelete: dragging && draggingDelete,
+      style: (0,_util__WEBPACK_IMPORTED_MODULE_6__.getIndex)(style, index),
+      key: index,
+      value: value,
+      valueIndex: index
+    }, handleProps));
+  }), activeHandleRender && activeVisible && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__.createElement(_Handle__WEBPACK_IMPORTED_MODULE_7__["default"], (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
+    key: "a11y"
+  }, handleProps, {
+    value: values[activeIndex],
+    valueIndex: null,
+    dragging: draggingIndex !== -1,
+    draggingDelete: draggingDelete,
+    render: activeHandleRender,
+    style: {
+      pointerEvents: 'none'
+    },
+    tabIndex: null,
+    "aria-hidden": true
+  })));
+});
+if (true) {
+  Handles.displayName = 'Handles';
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Handles);
+
+/***/ }),
+
+/***/ "./node_modules/rc-slider/es/Marks/Mark.js":
+/*!*************************************************!*\
+  !*** ./node_modules/rc-slider/es/Marks/Mark.js ***!
+  \*************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js");
+/* harmony import */ var _babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../context */ "./node_modules/rc-slider/es/context.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../util */ "./node_modules/rc-slider/es/util.js");
+
+
+
+
+
+
+var Mark = function Mark(props) {
+  var prefixCls = props.prefixCls,
+    style = props.style,
+    children = props.children,
+    value = props.value,
+    _onClick = props.onClick;
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_3__.useContext(_context__WEBPACK_IMPORTED_MODULE_4__["default"]),
+    min = _React$useContext.min,
+    max = _React$useContext.max,
+    direction = _React$useContext.direction,
+    includedStart = _React$useContext.includedStart,
+    includedEnd = _React$useContext.includedEnd,
+    included = _React$useContext.included;
+  var textCls = "".concat(prefixCls, "-text");
+
+  // ============================ Offset ============================
+  var positionStyle = (0,_util__WEBPACK_IMPORTED_MODULE_5__.getDirectionStyle)(direction, value, min, max);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement("span", {
+    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(textCls, (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])({}, "".concat(textCls, "-active"), included && includedStart <= value && value <= includedEnd)),
+    style: (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, positionStyle), style),
+    onMouseDown: function onMouseDown(e) {
+      e.stopPropagation();
+    },
+    onClick: function onClick() {
+      _onClick(value);
+    }
+  }, children);
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Mark);
+
+/***/ }),
+
+/***/ "./node_modules/rc-slider/es/Marks/index.js":
+/*!**************************************************!*\
+  !*** ./node_modules/rc-slider/es/Marks/index.js ***!
+  \**************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _Mark__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Mark */ "./node_modules/rc-slider/es/Marks/Mark.js");
+
+
+var Marks = function Marks(props) {
+  var prefixCls = props.prefixCls,
+    marks = props.marks,
+    onClick = props.onClick;
+  var markPrefixCls = "".concat(prefixCls, "-mark");
+
+  // Not render mark if empty
+  if (!marks.length) {
+    return null;
+  }
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
+    className: markPrefixCls
+  }, marks.map(function (_ref) {
+    var value = _ref.value,
+      style = _ref.style,
+      label = _ref.label;
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Mark__WEBPACK_IMPORTED_MODULE_1__["default"], {
+      key: value,
+      prefixCls: markPrefixCls,
+      style: style,
+      value: value,
+      onClick: onClick
+    }, label);
+  }));
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Marks);
+
+/***/ }),
+
+/***/ "./node_modules/rc-slider/es/Slider.js":
+/*!*********************************************!*\
+  !*** ./node_modules/rc-slider/es/Slider.js ***!
+  \*********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js");
+/* harmony import */ var _babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js");
+/* harmony import */ var _babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/toConsumableArray */ "./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js");
+/* harmony import */ var _babel_runtime_helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/esm/typeof */ "./node_modules/@babel/runtime/helpers/esm/typeof.js");
+/* harmony import */ var _babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/esm/slicedToArray */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var rc_util_es_hooks_useEvent__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! rc-util/es/hooks/useEvent */ "./node_modules/rc-util/es/hooks/useEvent.js");
+/* harmony import */ var rc_util_es_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! rc-util/es/hooks/useMergedState */ "./node_modules/rc-util/es/hooks/useMergedState.js");
+/* harmony import */ var rc_util_es_isEqual__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! rc-util/es/isEqual */ "./node_modules/rc-util/es/isEqual.js");
+/* harmony import */ var rc_util_es_warning__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! rc-util/es/warning */ "./node_modules/rc-util/es/warning.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var _Handles__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Handles */ "./node_modules/rc-slider/es/Handles/index.js");
+/* harmony import */ var _Marks__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./Marks */ "./node_modules/rc-slider/es/Marks/index.js");
+/* harmony import */ var _Steps__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./Steps */ "./node_modules/rc-slider/es/Steps/index.js");
+/* harmony import */ var _Tracks__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./Tracks */ "./node_modules/rc-slider/es/Tracks/index.js");
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./context */ "./node_modules/rc-slider/es/context.js");
+/* harmony import */ var _hooks_useDrag__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./hooks/useDrag */ "./node_modules/rc-slider/es/hooks/useDrag.js");
+/* harmony import */ var _hooks_useOffset__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./hooks/useOffset */ "./node_modules/rc-slider/es/hooks/useOffset.js");
+/* harmony import */ var _hooks_useRange__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./hooks/useRange */ "./node_modules/rc-slider/es/hooks/useRange.js");
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/**
+ * New:
+ * - click mark to update range value
+ * - handleRender
+ * - Fix handle with count not correct
+ * - Fix pushable not work in some case
+ * - No more FindDOMNode
+ * - Move all position related style into inline style
+ * - Key: up is plus, down is minus
+ * - fix Key with step = null not align with marks
+ * - Change range should not trigger onChange
+ * - keyboard support pushable
+ */
+
+var Slider = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10__.forwardRef(function (props, ref) {
+  var _props$prefixCls = props.prefixCls,
+    prefixCls = _props$prefixCls === void 0 ? 'rc-slider' : _props$prefixCls,
+    className = props.className,
+    style = props.style,
+    classNames = props.classNames,
+    styles = props.styles,
+    id = props.id,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$keyboard = props.keyboard,
+    keyboard = _props$keyboard === void 0 ? true : _props$keyboard,
+    autoFocus = props.autoFocus,
+    onFocus = props.onFocus,
+    onBlur = props.onBlur,
+    _props$min = props.min,
+    min = _props$min === void 0 ? 0 : _props$min,
+    _props$max = props.max,
+    max = _props$max === void 0 ? 100 : _props$max,
+    _props$step = props.step,
+    step = _props$step === void 0 ? 1 : _props$step,
+    value = props.value,
+    defaultValue = props.defaultValue,
+    range = props.range,
+    count = props.count,
+    onChange = props.onChange,
+    onBeforeChange = props.onBeforeChange,
+    onAfterChange = props.onAfterChange,
+    onChangeComplete = props.onChangeComplete,
+    _props$allowCross = props.allowCross,
+    allowCross = _props$allowCross === void 0 ? true : _props$allowCross,
+    _props$pushable = props.pushable,
+    pushable = _props$pushable === void 0 ? false : _props$pushable,
+    reverse = props.reverse,
+    vertical = props.vertical,
+    _props$included = props.included,
+    included = _props$included === void 0 ? true : _props$included,
+    startPoint = props.startPoint,
+    trackStyle = props.trackStyle,
+    handleStyle = props.handleStyle,
+    railStyle = props.railStyle,
+    dotStyle = props.dotStyle,
+    activeDotStyle = props.activeDotStyle,
+    marks = props.marks,
+    dots = props.dots,
+    handleRender = props.handleRender,
+    activeHandleRender = props.activeHandleRender,
+    track = props.track,
+    _props$tabIndex = props.tabIndex,
+    tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,
+    ariaLabelForHandle = props.ariaLabelForHandle,
+    ariaLabelledByForHandle = props.ariaLabelledByForHandle,
+    ariaRequired = props.ariaRequired,
+    ariaValueTextFormatterForHandle = props.ariaValueTextFormatterForHandle;
+  var handlesRef = react__WEBPACK_IMPORTED_MODULE_10__.useRef(null);
+  var containerRef = react__WEBPACK_IMPORTED_MODULE_10__.useRef(null);
+  var direction = react__WEBPACK_IMPORTED_MODULE_10__.useMemo(function () {
+    if (vertical) {
+      return reverse ? 'ttb' : 'btt';
+    }
+    return reverse ? 'rtl' : 'ltr';
+  }, [reverse, vertical]);
+
+  // ============================ Range =============================
+  var _useRange = (0,_hooks_useRange__WEBPACK_IMPORTED_MODULE_18__["default"])(range),
+    _useRange2 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_4__["default"])(_useRange, 5),
+    rangeEnabled = _useRange2[0],
+    rangeEditable = _useRange2[1],
+    rangeDraggableTrack = _useRange2[2],
+    minCount = _useRange2[3],
+    maxCount = _useRange2[4];
+  var mergedMin = react__WEBPACK_IMPORTED_MODULE_10__.useMemo(function () {
+    return isFinite(min) ? min : 0;
+  }, [min]);
+  var mergedMax = react__WEBPACK_IMPORTED_MODULE_10__.useMemo(function () {
+    return isFinite(max) ? max : 100;
+  }, [max]);
+
+  // ============================= Step =============================
+  var mergedStep = react__WEBPACK_IMPORTED_MODULE_10__.useMemo(function () {
+    return step !== null && step <= 0 ? 1 : step;
+  }, [step]);
+
+  // ============================= Push =============================
+  var mergedPush = react__WEBPACK_IMPORTED_MODULE_10__.useMemo(function () {
+    if (typeof pushable === 'boolean') {
+      return pushable ? mergedStep : false;
+    }
+    return pushable >= 0 ? pushable : false;
+  }, [pushable, mergedStep]);
+
+  // ============================ Marks =============================
+  var markList = react__WEBPACK_IMPORTED_MODULE_10__.useMemo(function () {
+    return Object.keys(marks || {}).map(function (key) {
+      var mark = marks[key];
+      var markObj = {
+        value: Number(key)
+      };
+      if (mark && (0,_babel_runtime_helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_3__["default"])(mark) === 'object' && ! /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10__.isValidElement(mark) && ('label' in mark || 'style' in mark)) {
+        markObj.style = mark.style;
+        markObj.label = mark.label;
+      } else {
+        markObj.label = mark;
+      }
+      return markObj;
+    }).filter(function (_ref) {
+      var label = _ref.label;
+      return label || typeof label === 'number';
+    }).sort(function (a, b) {
+      return a.value - b.value;
+    });
+  }, [marks]);
+
+  // ============================ Format ============================
+  var _useOffset = (0,_hooks_useOffset__WEBPACK_IMPORTED_MODULE_17__["default"])(mergedMin, mergedMax, mergedStep, markList, allowCross, mergedPush),
+    _useOffset2 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_4__["default"])(_useOffset, 2),
+    formatValue = _useOffset2[0],
+    offsetValues = _useOffset2[1];
+
+  // ============================ Values ============================
+  var _useMergedState = (0,rc_util_es_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_7__["default"])(defaultValue, {
+      value: value
+    }),
+    _useMergedState2 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_4__["default"])(_useMergedState, 2),
+    mergedValue = _useMergedState2[0],
+    setValue = _useMergedState2[1];
+  var rawValues = react__WEBPACK_IMPORTED_MODULE_10__.useMemo(function () {
+    var valueList = mergedValue === null || mergedValue === undefined ? [] : Array.isArray(mergedValue) ? mergedValue : [mergedValue];
+    var _valueList = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_4__["default"])(valueList, 1),
+      _valueList$ = _valueList[0],
+      val0 = _valueList$ === void 0 ? mergedMin : _valueList$;
+    var returnValues = mergedValue === null ? [] : [val0];
+
+    // Format as range
+    if (rangeEnabled) {
+      returnValues = (0,_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_2__["default"])(valueList);
+
+      // When count provided or value is `undefined`, we fill values
+      if (count || mergedValue === undefined) {
+        var pointCount = count >= 0 ? count + 1 : 2;
+        returnValues = returnValues.slice(0, pointCount);
+
+        // Fill with count
+        while (returnValues.length < pointCount) {
+          var _returnValues;
+          returnValues.push((_returnValues = returnValues[returnValues.length - 1]) !== null && _returnValues !== void 0 ? _returnValues : mergedMin);
+        }
+      }
+      returnValues.sort(function (a, b) {
+        return a - b;
+      });
+    }
+
+    // Align in range
+    returnValues.forEach(function (val, index) {
+      returnValues[index] = formatValue(val);
+    });
+    return returnValues;
+  }, [mergedValue, rangeEnabled, mergedMin, count, formatValue]);
+
+  // =========================== onChange ===========================
+  var getTriggerValue = function getTriggerValue(triggerValues) {
+    return rangeEnabled ? triggerValues : triggerValues[0];
+  };
+  var triggerChange = (0,rc_util_es_hooks_useEvent__WEBPACK_IMPORTED_MODULE_6__["default"])(function (nextValues) {
+    // Order first
+    var cloneNextValues = (0,_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_2__["default"])(nextValues).sort(function (a, b) {
+      return a - b;
+    });
+
+    // Trigger event if needed
+    if (onChange && !(0,rc_util_es_isEqual__WEBPACK_IMPORTED_MODULE_8__["default"])(cloneNextValues, rawValues, true)) {
+      onChange(getTriggerValue(cloneNextValues));
+    }
+
+    // We set this later since it will re-render component immediately
+    setValue(cloneNextValues);
+  });
+  var finishChange = (0,rc_util_es_hooks_useEvent__WEBPACK_IMPORTED_MODULE_6__["default"])(function (draggingDelete) {
+    // Trigger from `useDrag` will tell if it's a delete action
+    if (draggingDelete) {
+      handlesRef.current.hideHelp();
+    }
+    var finishValue = getTriggerValue(rawValues);
+    onAfterChange === null || onAfterChange === void 0 || onAfterChange(finishValue);
+    (0,rc_util_es_warning__WEBPACK_IMPORTED_MODULE_9__["default"])(!onAfterChange, '[rc-slider] `onAfterChange` is deprecated. Please use `onChangeComplete` instead.');
+    onChangeComplete === null || onChangeComplete === void 0 || onChangeComplete(finishValue);
+  });
+  var onDelete = function onDelete(index) {
+    if (disabled || !rangeEditable || rawValues.length <= minCount) {
+      return;
+    }
+    var cloneNextValues = (0,_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_2__["default"])(rawValues);
+    cloneNextValues.splice(index, 1);
+    onBeforeChange === null || onBeforeChange === void 0 || onBeforeChange(getTriggerValue(cloneNextValues));
+    triggerChange(cloneNextValues);
+    var nextFocusIndex = Math.max(0, index - 1);
+    handlesRef.current.hideHelp();
+    handlesRef.current.focus(nextFocusIndex);
+  };
+  var _useDrag = (0,_hooks_useDrag__WEBPACK_IMPORTED_MODULE_16__["default"])(containerRef, direction, rawValues, mergedMin, mergedMax, formatValue, triggerChange, finishChange, offsetValues, rangeEditable, minCount),
+    _useDrag2 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_4__["default"])(_useDrag, 5),
+    draggingIndex = _useDrag2[0],
+    draggingValue = _useDrag2[1],
+    draggingDelete = _useDrag2[2],
+    cacheValues = _useDrag2[3],
+    onStartDrag = _useDrag2[4];
+
+  /**
+   * When `rangeEditable` will insert a new value in the values array.
+   * Else it will replace the value in the values array.
+   */
+  var changeToCloseValue = function changeToCloseValue(newValue, e) {
+    if (!disabled) {
+      // Create new values
+      var cloneNextValues = (0,_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_2__["default"])(rawValues);
+      var valueIndex = 0;
+      var valueBeforeIndex = 0; // Record the index which value < newValue
+      var valueDist = mergedMax - mergedMin;
+      rawValues.forEach(function (val, index) {
+        var dist = Math.abs(newValue - val);
+        if (dist <= valueDist) {
+          valueDist = dist;
+          valueIndex = index;
+        }
+        if (val < newValue) {
+          valueBeforeIndex = index;
+        }
+      });
+      var focusIndex = valueIndex;
+      if (rangeEditable && valueDist !== 0 && (!maxCount || rawValues.length < maxCount)) {
+        cloneNextValues.splice(valueBeforeIndex + 1, 0, newValue);
+        focusIndex = valueBeforeIndex + 1;
+      } else {
+        cloneNextValues[valueIndex] = newValue;
+      }
+
+      // Fill value to match default 2 (only when `rawValues` is empty)
+      if (rangeEnabled && !rawValues.length && count === undefined) {
+        cloneNextValues.push(newValue);
+      }
+      var nextValue = getTriggerValue(cloneNextValues);
+      onBeforeChange === null || onBeforeChange === void 0 || onBeforeChange(nextValue);
+      triggerChange(cloneNextValues);
+      if (e) {
+        var _document$activeEleme, _document$activeEleme2;
+        (_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 || (_document$activeEleme2 = _document$activeEleme.blur) === null || _document$activeEleme2 === void 0 || _document$activeEleme2.call(_document$activeEleme);
+        handlesRef.current.focus(focusIndex);
+        onStartDrag(e, focusIndex, cloneNextValues);
+      } else {
+        // https://github.com/ant-design/ant-design/issues/49997
+        onAfterChange === null || onAfterChange === void 0 || onAfterChange(nextValue);
+        (0,rc_util_es_warning__WEBPACK_IMPORTED_MODULE_9__["default"])(!onAfterChange, '[rc-slider] `onAfterChange` is deprecated. Please use `onChangeComplete` instead.');
+        onChangeComplete === null || onChangeComplete === void 0 || onChangeComplete(nextValue);
+      }
+    }
+  };
+
+  // ============================ Click =============================
+  var onSliderMouseDown = function onSliderMouseDown(e) {
+    e.preventDefault();
+    var _containerRef$current = containerRef.current.getBoundingClientRect(),
+      width = _containerRef$current.width,
+      height = _containerRef$current.height,
+      left = _containerRef$current.left,
+      top = _containerRef$current.top,
+      bottom = _containerRef$current.bottom,
+      right = _containerRef$current.right;
+    var clientX = e.clientX,
+      clientY = e.clientY;
+    var percent;
+    switch (direction) {
+      case 'btt':
+        percent = (bottom - clientY) / height;
+        break;
+      case 'ttb':
+        percent = (clientY - top) / height;
+        break;
+      case 'rtl':
+        percent = (right - clientX) / width;
+        break;
+      default:
+        percent = (clientX - left) / width;
+    }
+    var nextValue = mergedMin + percent * (mergedMax - mergedMin);
+    changeToCloseValue(formatValue(nextValue), e);
+  };
+
+  // =========================== Keyboard ===========================
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_10__.useState(null),
+    _React$useState2 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_4__["default"])(_React$useState, 2),
+    keyboardValue = _React$useState2[0],
+    setKeyboardValue = _React$useState2[1];
+  var onHandleOffsetChange = function onHandleOffsetChange(offset, valueIndex) {
+    if (!disabled) {
+      var next = offsetValues(rawValues, offset, valueIndex);
+      onBeforeChange === null || onBeforeChange === void 0 || onBeforeChange(getTriggerValue(rawValues));
+      triggerChange(next.values);
+      setKeyboardValue(next.value);
+    }
+  };
+  react__WEBPACK_IMPORTED_MODULE_10__.useEffect(function () {
+    if (keyboardValue !== null) {
+      var valueIndex = rawValues.indexOf(keyboardValue);
+      if (valueIndex >= 0) {
+        handlesRef.current.focus(valueIndex);
+      }
+    }
+    setKeyboardValue(null);
+  }, [keyboardValue]);
+
+  // ============================= Drag =============================
+  var mergedDraggableTrack = react__WEBPACK_IMPORTED_MODULE_10__.useMemo(function () {
+    if (rangeDraggableTrack && mergedStep === null) {
+      if (true) {
+        (0,rc_util_es_warning__WEBPACK_IMPORTED_MODULE_9__["default"])(false, '`draggableTrack` is not supported when `step` is `null`.');
+      }
+      return false;
+    }
+    return rangeDraggableTrack;
+  }, [rangeDraggableTrack, mergedStep]);
+  var onStartMove = (0,rc_util_es_hooks_useEvent__WEBPACK_IMPORTED_MODULE_6__["default"])(function (e, valueIndex) {
+    onStartDrag(e, valueIndex);
+    onBeforeChange === null || onBeforeChange === void 0 || onBeforeChange(getTriggerValue(rawValues));
+  });
+
+  // Auto focus for updated handle
+  var dragging = draggingIndex !== -1;
+  react__WEBPACK_IMPORTED_MODULE_10__.useEffect(function () {
+    if (!dragging) {
+      var valueIndex = rawValues.lastIndexOf(draggingValue);
+      handlesRef.current.focus(valueIndex);
+    }
+  }, [dragging]);
+
+  // =========================== Included ===========================
+  var sortedCacheValues = react__WEBPACK_IMPORTED_MODULE_10__.useMemo(function () {
+    return (0,_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_2__["default"])(cacheValues).sort(function (a, b) {
+      return a - b;
+    });
+  }, [cacheValues]);
+
+  // Provide a range values with included [min, max]
+  // Used for Track, Mark & Dot
+  var _React$useMemo = react__WEBPACK_IMPORTED_MODULE_10__.useMemo(function () {
+      if (!rangeEnabled) {
+        return [mergedMin, sortedCacheValues[0]];
+      }
+      return [sortedCacheValues[0], sortedCacheValues[sortedCacheValues.length - 1]];
+    }, [sortedCacheValues, rangeEnabled, mergedMin]),
+    _React$useMemo2 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_4__["default"])(_React$useMemo, 2),
+    includedStart = _React$useMemo2[0],
+    includedEnd = _React$useMemo2[1];
+
+  // ============================= Refs =============================
+  react__WEBPACK_IMPORTED_MODULE_10__.useImperativeHandle(ref, function () {
+    return {
+      focus: function focus() {
+        handlesRef.current.focus(0);
+      },
+      blur: function blur() {
+        var _containerRef$current2;
+        var _document = document,
+          activeElement = _document.activeElement;
+        if ((_containerRef$current2 = containerRef.current) !== null && _containerRef$current2 !== void 0 && _containerRef$current2.contains(activeElement)) {
+          activeElement === null || activeElement === void 0 || activeElement.blur();
+        }
+      }
+    };
+  });
+
+  // ========================== Auto Focus ==========================
+  react__WEBPACK_IMPORTED_MODULE_10__.useEffect(function () {
+    if (autoFocus) {
+      handlesRef.current.focus(0);
+    }
+  }, []);
+
+  // =========================== Context ============================
+  var context = react__WEBPACK_IMPORTED_MODULE_10__.useMemo(function () {
+    return {
+      min: mergedMin,
+      max: mergedMax,
+      direction: direction,
+      disabled: disabled,
+      keyboard: keyboard,
+      step: mergedStep,
+      included: included,
+      includedStart: includedStart,
+      includedEnd: includedEnd,
+      range: rangeEnabled,
+      tabIndex: tabIndex,
+      ariaLabelForHandle: ariaLabelForHandle,
+      ariaLabelledByForHandle: ariaLabelledByForHandle,
+      ariaRequired: ariaRequired,
+      ariaValueTextFormatterForHandle: ariaValueTextFormatterForHandle,
+      styles: styles || {},
+      classNames: classNames || {}
+    };
+  }, [mergedMin, mergedMax, direction, disabled, keyboard, mergedStep, included, includedStart, includedEnd, rangeEnabled, tabIndex, ariaLabelForHandle, ariaLabelledByForHandle, ariaRequired, ariaValueTextFormatterForHandle, styles, classNames]);
+
+  // ============================ Render ============================
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10__.createElement(_context__WEBPACK_IMPORTED_MODULE_15__["default"].Provider, {
+    value: context
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10__.createElement("div", {
+    ref: containerRef,
+    className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(prefixCls, className, (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])({}, "".concat(prefixCls, "-disabled"), disabled), "".concat(prefixCls, "-vertical"), vertical), "".concat(prefixCls, "-horizontal"), !vertical), "".concat(prefixCls, "-with-marks"), markList.length)),
+    style: style,
+    onMouseDown: onSliderMouseDown,
+    id: id
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10__.createElement("div", {
+    className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("".concat(prefixCls, "-rail"), classNames === null || classNames === void 0 ? void 0 : classNames.rail),
+    style: (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, railStyle), styles === null || styles === void 0 ? void 0 : styles.rail)
+  }), track !== false && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10__.createElement(_Tracks__WEBPACK_IMPORTED_MODULE_14__["default"], {
+    prefixCls: prefixCls,
+    style: trackStyle,
+    values: rawValues,
+    startPoint: startPoint,
+    onStartMove: mergedDraggableTrack ? onStartMove : undefined
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10__.createElement(_Steps__WEBPACK_IMPORTED_MODULE_13__["default"], {
+    prefixCls: prefixCls,
+    marks: markList,
+    dots: dots,
+    style: dotStyle,
+    activeStyle: activeDotStyle
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10__.createElement(_Handles__WEBPACK_IMPORTED_MODULE_11__["default"], {
+    ref: handlesRef,
+    prefixCls: prefixCls,
+    style: handleStyle,
+    values: cacheValues,
+    draggingIndex: draggingIndex,
+    draggingDelete: draggingDelete,
+    onStartMove: onStartMove,
+    onOffsetChange: onHandleOffsetChange,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    handleRender: handleRender,
+    activeHandleRender: activeHandleRender,
+    onChangeComplete: finishChange,
+    onDelete: rangeEditable ? onDelete : undefined
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10__.createElement(_Marks__WEBPACK_IMPORTED_MODULE_12__["default"], {
+    prefixCls: prefixCls,
+    marks: markList,
+    onClick: changeToCloseValue
+  })));
+});
+if (true) {
+  Slider.displayName = 'Slider';
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Slider);
+
+/***/ }),
+
+/***/ "./node_modules/rc-slider/es/Steps/Dot.js":
+/*!************************************************!*\
+  !*** ./node_modules/rc-slider/es/Steps/Dot.js ***!
+  \************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js");
+/* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../context */ "./node_modules/rc-slider/es/context.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../util */ "./node_modules/rc-slider/es/util.js");
+
+
+
+
+
+
+var Dot = function Dot(props) {
+  var prefixCls = props.prefixCls,
+    value = props.value,
+    style = props.style,
+    activeStyle = props.activeStyle;
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_3__.useContext(_context__WEBPACK_IMPORTED_MODULE_4__["default"]),
+    min = _React$useContext.min,
+    max = _React$useContext.max,
+    direction = _React$useContext.direction,
+    included = _React$useContext.included,
+    includedStart = _React$useContext.includedStart,
+    includedEnd = _React$useContext.includedEnd;
+  var dotClassName = "".concat(prefixCls, "-dot");
+  var active = included && includedStart <= value && value <= includedEnd;
+
+  // ============================ Offset ============================
+  var mergedStyle = (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_util__WEBPACK_IMPORTED_MODULE_5__.getDirectionStyle)(direction, value, min, max)), typeof style === 'function' ? style(value) : style);
+  if (active) {
+    mergedStyle = (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({}, mergedStyle), typeof activeStyle === 'function' ? activeStyle(value) : activeStyle);
+  }
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement("span", {
+    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(dotClassName, (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])({}, "".concat(dotClassName, "-active"), active)),
+    style: mergedStyle
+  });
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Dot);
+
+/***/ }),
+
+/***/ "./node_modules/rc-slider/es/Steps/index.js":
+/*!**************************************************!*\
+  !*** ./node_modules/rc-slider/es/Steps/index.js ***!
+  \**************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../context */ "./node_modules/rc-slider/es/context.js");
+/* harmony import */ var _Dot__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Dot */ "./node_modules/rc-slider/es/Steps/Dot.js");
+
+
+
+var Steps = function Steps(props) {
+  var prefixCls = props.prefixCls,
+    marks = props.marks,
+    dots = props.dots,
+    style = props.style,
+    activeStyle = props.activeStyle;
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_0__.useContext(_context__WEBPACK_IMPORTED_MODULE_1__["default"]),
+    min = _React$useContext.min,
+    max = _React$useContext.max,
+    step = _React$useContext.step;
+  var stepDots = react__WEBPACK_IMPORTED_MODULE_0__.useMemo(function () {
+    var dotSet = new Set();
+
+    // Add marks
+    marks.forEach(function (mark) {
+      dotSet.add(mark.value);
+    });
+
+    // Fill dots
+    if (dots && step !== null) {
+      var current = min;
+      while (current <= max) {
+        dotSet.add(current);
+        current += step;
+      }
+    }
+    return Array.from(dotSet);
+  }, [min, max, step, dots, marks]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
+    className: "".concat(prefixCls, "-step")
+  }, stepDots.map(function (dotValue) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Dot__WEBPACK_IMPORTED_MODULE_2__["default"], {
+      prefixCls: prefixCls,
+      key: dotValue,
+      value: dotValue,
+      style: style,
+      activeStyle: activeStyle
+    });
+  }));
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Steps);
+
+/***/ }),
+
+/***/ "./node_modules/rc-slider/es/Tracks/Track.js":
+/*!***************************************************!*\
+  !*** ./node_modules/rc-slider/es/Tracks/Track.js ***!
+  \***************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js");
+/* harmony import */ var _babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../context */ "./node_modules/rc-slider/es/context.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../util */ "./node_modules/rc-slider/es/util.js");
+
+
+
+
+
+
+var Track = function Track(props) {
+  var prefixCls = props.prefixCls,
+    style = props.style,
+    start = props.start,
+    end = props.end,
+    index = props.index,
+    onStartMove = props.onStartMove,
+    replaceCls = props.replaceCls;
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_3__.useContext(_context__WEBPACK_IMPORTED_MODULE_4__["default"]),
+    direction = _React$useContext.direction,
+    min = _React$useContext.min,
+    max = _React$useContext.max,
+    disabled = _React$useContext.disabled,
+    range = _React$useContext.range,
+    classNames = _React$useContext.classNames;
+  var trackPrefixCls = "".concat(prefixCls, "-track");
+  var offsetStart = (0,_util__WEBPACK_IMPORTED_MODULE_5__.getOffset)(start, min, max);
+  var offsetEnd = (0,_util__WEBPACK_IMPORTED_MODULE_5__.getOffset)(end, min, max);
+
+  // ============================ Events ============================
+  var onInternalStartMove = function onInternalStartMove(e) {
+    if (!disabled && onStartMove) {
+      onStartMove(e, -1);
+    }
+  };
+
+  // ============================ Render ============================
+  var positionStyle = {};
+  switch (direction) {
+    case 'rtl':
+      positionStyle.right = "".concat(offsetStart * 100, "%");
+      positionStyle.width = "".concat(offsetEnd * 100 - offsetStart * 100, "%");
+      break;
+    case 'btt':
+      positionStyle.bottom = "".concat(offsetStart * 100, "%");
+      positionStyle.height = "".concat(offsetEnd * 100 - offsetStart * 100, "%");
+      break;
+    case 'ttb':
+      positionStyle.top = "".concat(offsetStart * 100, "%");
+      positionStyle.height = "".concat(offsetEnd * 100 - offsetStart * 100, "%");
+      break;
+    default:
+      positionStyle.left = "".concat(offsetStart * 100, "%");
+      positionStyle.width = "".concat(offsetEnd * 100 - offsetStart * 100, "%");
+  }
+  var className = replaceCls || classnames__WEBPACK_IMPORTED_MODULE_2___default()(trackPrefixCls, (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])({}, "".concat(trackPrefixCls, "-").concat(index + 1), index !== null && range), "".concat(prefixCls, "-track-draggable"), onStartMove), classNames.track);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement("div", {
+    className: className,
+    style: (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, positionStyle), style),
+    onMouseDown: onInternalStartMove,
+    onTouchStart: onInternalStartMove
+  });
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Track);
+
+/***/ }),
+
+/***/ "./node_modules/rc-slider/es/Tracks/index.js":
+/*!***************************************************!*\
+  !*** ./node_modules/rc-slider/es/Tracks/index.js ***!
+  \***************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../context */ "./node_modules/rc-slider/es/context.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../util */ "./node_modules/rc-slider/es/util.js");
+/* harmony import */ var _Track__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Track */ "./node_modules/rc-slider/es/Tracks/Track.js");
+
+
+
+
+
+
+var Tracks = function Tracks(props) {
+  var prefixCls = props.prefixCls,
+    style = props.style,
+    values = props.values,
+    startPoint = props.startPoint,
+    onStartMove = props.onStartMove;
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_2__.useContext(_context__WEBPACK_IMPORTED_MODULE_3__["default"]),
+    included = _React$useContext.included,
+    range = _React$useContext.range,
+    min = _React$useContext.min,
+    styles = _React$useContext.styles,
+    classNames = _React$useContext.classNames;
+
+  // =========================== List ===========================
+  var trackList = react__WEBPACK_IMPORTED_MODULE_2__.useMemo(function () {
+    if (!range) {
+      // null value do not have track
+      if (values.length === 0) {
+        return [];
+      }
+      var startValue = startPoint !== null && startPoint !== void 0 ? startPoint : min;
+      var endValue = values[0];
+      return [{
+        start: Math.min(startValue, endValue),
+        end: Math.max(startValue, endValue)
+      }];
+    }
+
+    // Multiple
+    var list = [];
+    for (var i = 0; i < values.length - 1; i += 1) {
+      list.push({
+        start: values[i],
+        end: values[i + 1]
+      });
+    }
+    return list;
+  }, [values, range, startPoint, min]);
+  if (!included) {
+    return null;
+  }
+
+  // ========================== Render ==========================
+  var tracksNode = trackList !== null && trackList !== void 0 && trackList.length && (classNames.tracks || styles.tracks) ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__.createElement(_Track__WEBPACK_IMPORTED_MODULE_5__["default"], {
+    index: null,
+    prefixCls: prefixCls,
+    start: trackList[0].start,
+    end: trackList[trackList.length - 1].end,
+    replaceCls: classnames__WEBPACK_IMPORTED_MODULE_1___default()(classNames.tracks, "".concat(prefixCls, "-tracks")),
+    style: styles.tracks
+  }) : null;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__.createElement(react__WEBPACK_IMPORTED_MODULE_2__.Fragment, null, tracksNode, trackList.map(function (_ref, index) {
+    var start = _ref.start,
+      end = _ref.end;
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__.createElement(_Track__WEBPACK_IMPORTED_MODULE_5__["default"], {
+      index: index,
+      prefixCls: prefixCls,
+      style: (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_util__WEBPACK_IMPORTED_MODULE_4__.getIndex)(style, index)), styles.track),
+      start: start,
+      end: end,
+      key: index,
+      onStartMove: onStartMove
+    });
+  }));
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Tracks);
+
+/***/ }),
+
+/***/ "./node_modules/rc-slider/es/context.js":
+/*!**********************************************!*\
+  !*** ./node_modules/rc-slider/es/context.js ***!
+  \**********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   UnstableContext: () => (/* binding */ UnstableContext),
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+
+var SliderContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createContext({
+  min: 0,
+  max: 0,
+  direction: 'ltr',
+  step: 1,
+  includedStart: 0,
+  includedEnd: 0,
+  tabIndex: 0,
+  keyboard: true,
+  styles: {},
+  classNames: {}
+});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SliderContext);
+/** @private NOT PROMISE AVAILABLE. DO NOT USE IN PRODUCTION. */
+var UnstableContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createContext({});
+
+/***/ }),
+
+/***/ "./node_modules/rc-slider/es/hooks/useDrag.js":
+/*!****************************************************!*\
+  !*** ./node_modules/rc-slider/es/hooks/useDrag.js ***!
+  \****************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/toConsumableArray */ "./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js");
+/* harmony import */ var _babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/slicedToArray */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var rc_util_es_hooks_useEvent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rc-util/es/hooks/useEvent */ "./node_modules/rc-util/es/hooks/useEvent.js");
+/* harmony import */ var rc_util_es_hooks_useLayoutEffect__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! rc-util/es/hooks/useLayoutEffect */ "./node_modules/rc-util/es/hooks/useLayoutEffect.js");
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../context */ "./node_modules/rc-slider/es/context.js");
+
+
+
+
+
+
+/** Drag to delete offset. It's a user experience number for dragging out */
+var REMOVE_DIST = 130;
+function getPosition(e) {
+  var obj = 'targetTouches' in e ? e.targetTouches[0] : e;
+  return {
+    pageX: obj.pageX,
+    pageY: obj.pageY
+  };
+}
+function useDrag(containerRef, direction, rawValues, min, max, formatValue, triggerChange, finishChange, offsetValues, editable, minCount) {
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_2__.useState(null),
+    _React$useState2 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__["default"])(_React$useState, 2),
+    draggingValue = _React$useState2[0],
+    setDraggingValue = _React$useState2[1];
+  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_2__.useState(-1),
+    _React$useState4 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__["default"])(_React$useState3, 2),
+    draggingIndex = _React$useState4[0],
+    setDraggingIndex = _React$useState4[1];
+  var _React$useState5 = react__WEBPACK_IMPORTED_MODULE_2__.useState(false),
+    _React$useState6 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__["default"])(_React$useState5, 2),
+    draggingDelete = _React$useState6[0],
+    setDraggingDelete = _React$useState6[1];
+  var _React$useState7 = react__WEBPACK_IMPORTED_MODULE_2__.useState(rawValues),
+    _React$useState8 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__["default"])(_React$useState7, 2),
+    cacheValues = _React$useState8[0],
+    setCacheValues = _React$useState8[1];
+  var _React$useState9 = react__WEBPACK_IMPORTED_MODULE_2__.useState(rawValues),
+    _React$useState10 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__["default"])(_React$useState9, 2),
+    originValues = _React$useState10[0],
+    setOriginValues = _React$useState10[1];
+  var mouseMoveEventRef = react__WEBPACK_IMPORTED_MODULE_2__.useRef(null);
+  var mouseUpEventRef = react__WEBPACK_IMPORTED_MODULE_2__.useRef(null);
+  var touchEventTargetRef = react__WEBPACK_IMPORTED_MODULE_2__.useRef(null);
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_2__.useContext(_context__WEBPACK_IMPORTED_MODULE_5__.UnstableContext),
+    onDragStart = _React$useContext.onDragStart,
+    onDragChange = _React$useContext.onDragChange;
+  (0,rc_util_es_hooks_useLayoutEffect__WEBPACK_IMPORTED_MODULE_4__["default"])(function () {
+    if (draggingIndex === -1) {
+      setCacheValues(rawValues);
+    }
+  }, [rawValues, draggingIndex]);
+
+  // Clean up event
+  react__WEBPACK_IMPORTED_MODULE_2__.useEffect(function () {
+    return function () {
+      document.removeEventListener('mousemove', mouseMoveEventRef.current);
+      document.removeEventListener('mouseup', mouseUpEventRef.current);
+      if (touchEventTargetRef.current) {
+        touchEventTargetRef.current.removeEventListener('touchmove', mouseMoveEventRef.current);
+        touchEventTargetRef.current.removeEventListener('touchend', mouseUpEventRef.current);
+      }
+    };
+  }, []);
+  var flushValues = function flushValues(nextValues, nextValue, deleteMark) {
+    // Perf: Only update state when value changed
+    if (nextValue !== undefined) {
+      setDraggingValue(nextValue);
+    }
+    setCacheValues(nextValues);
+    var changeValues = nextValues;
+    if (deleteMark) {
+      changeValues = nextValues.filter(function (_, i) {
+        return i !== draggingIndex;
+      });
+    }
+    triggerChange(changeValues);
+    if (onDragChange) {
+      onDragChange({
+        rawValues: nextValues,
+        deleteIndex: deleteMark ? draggingIndex : -1,
+        draggingIndex: draggingIndex,
+        draggingValue: nextValue
+      });
+    }
+  };
+  var updateCacheValue = (0,rc_util_es_hooks_useEvent__WEBPACK_IMPORTED_MODULE_3__["default"])(function (valueIndex, offsetPercent, deleteMark) {
+    if (valueIndex === -1) {
+      // >>>> Dragging on the track
+      var startValue = originValues[0];
+      var endValue = originValues[originValues.length - 1];
+      var maxStartOffset = min - startValue;
+      var maxEndOffset = max - endValue;
+
+      // Get valid offset
+      var offset = offsetPercent * (max - min);
+      offset = Math.max(offset, maxStartOffset);
+      offset = Math.min(offset, maxEndOffset);
+
+      // Use first value to revert back of valid offset (like steps marks)
+      var formatStartValue = formatValue(startValue + offset);
+      offset = formatStartValue - startValue;
+      var cloneCacheValues = originValues.map(function (val) {
+        return val + offset;
+      });
+      flushValues(cloneCacheValues);
+    } else {
+      // >>>> Dragging on the handle
+      var offsetDist = (max - min) * offsetPercent;
+
+      // Always start with the valueIndex origin value
+      var cloneValues = (0,_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__["default"])(cacheValues);
+      cloneValues[valueIndex] = originValues[valueIndex];
+      var next = offsetValues(cloneValues, offsetDist, valueIndex, 'dist');
+      flushValues(next.values, next.value, deleteMark);
+    }
+  });
+  var onStartMove = function onStartMove(e, valueIndex, startValues) {
+    e.stopPropagation();
+
+    // 如果是点击 track 触发的，需要传入变化后的初始值，而不能直接用 rawValues
+    var initialValues = startValues || rawValues;
+    var originValue = initialValues[valueIndex];
+    setDraggingIndex(valueIndex);
+    setDraggingValue(originValue);
+    setOriginValues(initialValues);
+    setCacheValues(initialValues);
+    setDraggingDelete(false);
+    var _getPosition = getPosition(e),
+      startX = _getPosition.pageX,
+      startY = _getPosition.pageY;
+
+    // We declare it here since closure can't get outer latest value
+    var deleteMark = false;
+
+    // Internal trigger event
+    if (onDragStart) {
+      onDragStart({
+        rawValues: initialValues,
+        draggingIndex: valueIndex,
+        draggingValue: originValue
+      });
+    }
+
+    // Moving
+    var onMouseMove = function onMouseMove(event) {
+      event.preventDefault();
+      var _getPosition2 = getPosition(event),
+        moveX = _getPosition2.pageX,
+        moveY = _getPosition2.pageY;
+      var offsetX = moveX - startX;
+      var offsetY = moveY - startY;
+      var _containerRef$current = containerRef.current.getBoundingClientRect(),
+        width = _containerRef$current.width,
+        height = _containerRef$current.height;
+      var offSetPercent;
+      var removeDist;
+      switch (direction) {
+        case 'btt':
+          offSetPercent = -offsetY / height;
+          removeDist = offsetX;
+          break;
+        case 'ttb':
+          offSetPercent = offsetY / height;
+          removeDist = offsetX;
+          break;
+        case 'rtl':
+          offSetPercent = -offsetX / width;
+          removeDist = offsetY;
+          break;
+        default:
+          offSetPercent = offsetX / width;
+          removeDist = offsetY;
+      }
+
+      // Check if need mark remove
+      deleteMark = editable ? Math.abs(removeDist) > REMOVE_DIST && minCount < cacheValues.length : false;
+      setDraggingDelete(deleteMark);
+      updateCacheValue(valueIndex, offSetPercent, deleteMark);
+    };
+
+    // End
+    var onMouseUp = function onMouseUp(event) {
+      event.preventDefault();
+      document.removeEventListener('mouseup', onMouseUp);
+      document.removeEventListener('mousemove', onMouseMove);
+      if (touchEventTargetRef.current) {
+        touchEventTargetRef.current.removeEventListener('touchmove', mouseMoveEventRef.current);
+        touchEventTargetRef.current.removeEventListener('touchend', mouseUpEventRef.current);
+      }
+      mouseMoveEventRef.current = null;
+      mouseUpEventRef.current = null;
+      touchEventTargetRef.current = null;
+      finishChange(deleteMark);
+      setDraggingIndex(-1);
+      setDraggingDelete(false);
+    };
+    document.addEventListener('mouseup', onMouseUp);
+    document.addEventListener('mousemove', onMouseMove);
+    e.currentTarget.addEventListener('touchend', onMouseUp);
+    e.currentTarget.addEventListener('touchmove', onMouseMove);
+    mouseMoveEventRef.current = onMouseMove;
+    mouseUpEventRef.current = onMouseUp;
+    touchEventTargetRef.current = e.currentTarget;
+  };
+
+  // Only return cache value when it mapping with rawValues
+  var returnValues = react__WEBPACK_IMPORTED_MODULE_2__.useMemo(function () {
+    var sourceValues = (0,_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__["default"])(rawValues).sort(function (a, b) {
+      return a - b;
+    });
+    var targetValues = (0,_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__["default"])(cacheValues).sort(function (a, b) {
+      return a - b;
+    });
+    var counts = {};
+    targetValues.forEach(function (val) {
+      counts[val] = (counts[val] || 0) + 1;
+    });
+    sourceValues.forEach(function (val) {
+      counts[val] = (counts[val] || 0) - 1;
+    });
+    var maxDiffCount = editable ? 1 : 0;
+    var diffCount = Object.values(counts).reduce(function (prev, next) {
+      return prev + Math.abs(next);
+    }, 0);
+    return diffCount <= maxDiffCount ? cacheValues : rawValues;
+  }, [rawValues, cacheValues, editable]);
+  return [draggingIndex, draggingValue, draggingDelete, returnValues, onStartMove];
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useDrag);
+
+/***/ }),
+
+/***/ "./node_modules/rc-slider/es/hooks/useOffset.js":
+/*!******************************************************!*\
+  !*** ./node_modules/rc-slider/es/hooks/useOffset.js ***!
+  \******************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ useOffset)
+/* harmony export */ });
+/* harmony import */ var _babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/toConsumableArray */ "./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+
+
+
+/** Format the value in the range of [min, max] */
+
+/** Format value align with step */
+
+/** Format value align with step & marks */
+
+function useOffset(min, max, step, markList, allowCross, pushable) {
+  var formatRangeValue = react__WEBPACK_IMPORTED_MODULE_1__.useCallback(function (val) {
+    return Math.max(min, Math.min(max, val));
+  }, [min, max]);
+  var formatStepValue = react__WEBPACK_IMPORTED_MODULE_1__.useCallback(function (val) {
+    if (step !== null) {
+      var stepValue = min + Math.round((formatRangeValue(val) - min) / step) * step;
+
+      // Cut number in case to be like 0.30000000000000004
+      var getDecimal = function getDecimal(num) {
+        return (String(num).split('.')[1] || '').length;
+      };
+      var maxDecimal = Math.max(getDecimal(step), getDecimal(max), getDecimal(min));
+      var fixedValue = Number(stepValue.toFixed(maxDecimal));
+      return min <= fixedValue && fixedValue <= max ? fixedValue : null;
+    }
+    return null;
+  }, [step, min, max, formatRangeValue]);
+  var formatValue = react__WEBPACK_IMPORTED_MODULE_1__.useCallback(function (val) {
+    var formatNextValue = formatRangeValue(val);
+
+    // List align values
+    var alignValues = markList.map(function (mark) {
+      return mark.value;
+    });
+    if (step !== null) {
+      alignValues.push(formatStepValue(val));
+    }
+
+    // min & max
+    alignValues.push(min, max);
+
+    // Align with marks
+    var closeValue = alignValues[0];
+    var closeDist = max - min;
+    alignValues.forEach(function (alignValue) {
+      var dist = Math.abs(formatNextValue - alignValue);
+      if (dist <= closeDist) {
+        closeValue = alignValue;
+        closeDist = dist;
+      }
+    });
+    return closeValue;
+  }, [min, max, markList, step, formatRangeValue, formatStepValue]);
+
+  // ========================== Offset ==========================
+  // Single Value
+  var offsetValue = function offsetValue(values, offset, valueIndex) {
+    var mode = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'unit';
+    if (typeof offset === 'number') {
+      var nextValue;
+      var originValue = values[valueIndex];
+
+      // Only used for `dist` mode
+      var targetDistValue = originValue + offset;
+
+      // Compare next step value & mark value which is best match
+      var potentialValues = [];
+      markList.forEach(function (mark) {
+        potentialValues.push(mark.value);
+      });
+
+      // Min & Max
+      potentialValues.push(min, max);
+
+      // In case origin value is align with mark but not with step
+      potentialValues.push(formatStepValue(originValue));
+
+      // Put offset step value also
+      var sign = offset > 0 ? 1 : -1;
+      if (mode === 'unit') {
+        potentialValues.push(formatStepValue(originValue + sign * step));
+      } else {
+        potentialValues.push(formatStepValue(targetDistValue));
+      }
+
+      // Find close one
+      potentialValues = potentialValues.filter(function (val) {
+        return val !== null;
+      })
+      // Remove reverse value
+      .filter(function (val) {
+        return offset < 0 ? val <= originValue : val >= originValue;
+      });
+      if (mode === 'unit') {
+        // `unit` mode can not contain itself
+        potentialValues = potentialValues.filter(function (val) {
+          return val !== originValue;
+        });
+      }
+      var compareValue = mode === 'unit' ? originValue : targetDistValue;
+      nextValue = potentialValues[0];
+      var valueDist = Math.abs(nextValue - compareValue);
+      potentialValues.forEach(function (potentialValue) {
+        var dist = Math.abs(potentialValue - compareValue);
+        if (dist < valueDist) {
+          nextValue = potentialValue;
+          valueDist = dist;
+        }
+      });
+
+      // Out of range will back to range
+      if (nextValue === undefined) {
+        return offset < 0 ? min : max;
+      }
+
+      // `dist` mode
+      if (mode === 'dist') {
+        return nextValue;
+      }
+
+      // `unit` mode may need another round
+      if (Math.abs(offset) > 1) {
+        var cloneValues = (0,_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__["default"])(values);
+        cloneValues[valueIndex] = nextValue;
+        return offsetValue(cloneValues, offset - sign, valueIndex, mode);
+      }
+      return nextValue;
+    } else if (offset === 'min') {
+      return min;
+    } else if (offset === 'max') {
+      return max;
+    }
+  };
+
+  /** Same as `offsetValue` but return `changed` mark to tell value changed */
+  var offsetChangedValue = function offsetChangedValue(values, offset, valueIndex) {
+    var mode = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'unit';
+    var originValue = values[valueIndex];
+    var nextValue = offsetValue(values, offset, valueIndex, mode);
+    return {
+      value: nextValue,
+      changed: nextValue !== originValue
+    };
+  };
+  var needPush = function needPush(dist) {
+    return pushable === null && dist === 0 || typeof pushable === 'number' && dist < pushable;
+  };
+
+  // Values
+  var offsetValues = function offsetValues(values, offset, valueIndex) {
+    var mode = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'unit';
+    var nextValues = values.map(formatValue);
+    var originValue = nextValues[valueIndex];
+    var nextValue = offsetValue(nextValues, offset, valueIndex, mode);
+    nextValues[valueIndex] = nextValue;
+    if (allowCross === false) {
+      // >>>>> Allow Cross
+      var pushNum = pushable || 0;
+
+      // ============ AllowCross ===============
+      if (valueIndex > 0 && nextValues[valueIndex - 1] !== originValue) {
+        nextValues[valueIndex] = Math.max(nextValues[valueIndex], nextValues[valueIndex - 1] + pushNum);
+      }
+      if (valueIndex < nextValues.length - 1 && nextValues[valueIndex + 1] !== originValue) {
+        nextValues[valueIndex] = Math.min(nextValues[valueIndex], nextValues[valueIndex + 1] - pushNum);
+      }
+    } else if (typeof pushable === 'number' || pushable === null) {
+      // >>>>> Pushable
+      // =============== Push ==================
+
+      // >>>>>> Basic push
+      // End values
+      for (var i = valueIndex + 1; i < nextValues.length; i += 1) {
+        var changed = true;
+        while (needPush(nextValues[i] - nextValues[i - 1]) && changed) {
+          var _offsetChangedValue = offsetChangedValue(nextValues, 1, i);
+          nextValues[i] = _offsetChangedValue.value;
+          changed = _offsetChangedValue.changed;
+        }
+      }
+
+      // Start values
+      for (var _i = valueIndex; _i > 0; _i -= 1) {
+        var _changed = true;
+        while (needPush(nextValues[_i] - nextValues[_i - 1]) && _changed) {
+          var _offsetChangedValue2 = offsetChangedValue(nextValues, -1, _i - 1);
+          nextValues[_i - 1] = _offsetChangedValue2.value;
+          _changed = _offsetChangedValue2.changed;
+        }
+      }
+
+      // >>>>> Revert back to safe push range
+      // End to Start
+      for (var _i2 = nextValues.length - 1; _i2 > 0; _i2 -= 1) {
+        var _changed2 = true;
+        while (needPush(nextValues[_i2] - nextValues[_i2 - 1]) && _changed2) {
+          var _offsetChangedValue3 = offsetChangedValue(nextValues, -1, _i2 - 1);
+          nextValues[_i2 - 1] = _offsetChangedValue3.value;
+          _changed2 = _offsetChangedValue3.changed;
+        }
+      }
+
+      // Start to End
+      for (var _i3 = 0; _i3 < nextValues.length - 1; _i3 += 1) {
+        var _changed3 = true;
+        while (needPush(nextValues[_i3 + 1] - nextValues[_i3]) && _changed3) {
+          var _offsetChangedValue4 = offsetChangedValue(nextValues, 1, _i3 + 1);
+          nextValues[_i3 + 1] = _offsetChangedValue4.value;
+          _changed3 = _offsetChangedValue4.changed;
+        }
+      }
+    }
+    return {
+      value: nextValues[valueIndex],
+      values: nextValues
+    };
+  };
+  return [formatValue, offsetValues];
+}
+
+/***/ }),
+
+/***/ "./node_modules/rc-slider/es/hooks/useRange.js":
+/*!*****************************************************!*\
+  !*** ./node_modules/rc-slider/es/hooks/useRange.js ***!
+  \*****************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ useRange)
+/* harmony export */ });
+/* harmony import */ var rc_util_es_warning__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! rc-util/es/warning */ "./node_modules/rc-util/es/warning.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+
+
+function useRange(range) {
+  return (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
+    if (range === true || !range) {
+      return [!!range, false, false, 0];
+    }
+    var editable = range.editable,
+      draggableTrack = range.draggableTrack,
+      minCount = range.minCount,
+      maxCount = range.maxCount;
+    if (true) {
+      (0,rc_util_es_warning__WEBPACK_IMPORTED_MODULE_0__.warning)(!editable || !draggableTrack, '`editable` can not work with `draggableTrack`.');
+    }
+    return [true, editable, !editable && draggableTrack, minCount || 0, maxCount];
+  }, [range]);
+}
+
+/***/ }),
+
+/***/ "./node_modules/rc-slider/es/index.js":
+/*!********************************************!*\
+  !*** ./node_modules/rc-slider/es/index.js ***!
+  \********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   UnstableContext: () => (/* reexport safe */ _context__WEBPACK_IMPORTED_MODULE_1__.UnstableContext),
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _Slider__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Slider */ "./node_modules/rc-slider/es/Slider.js");
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./context */ "./node_modules/rc-slider/es/context.js");
+
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_Slider__WEBPACK_IMPORTED_MODULE_0__["default"]);
+
+/***/ }),
+
+/***/ "./node_modules/rc-slider/es/util.js":
+/*!*******************************************!*\
+  !*** ./node_modules/rc-slider/es/util.js ***!
+  \*******************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   getDirectionStyle: () => (/* binding */ getDirectionStyle),
+/* harmony export */   getIndex: () => (/* binding */ getIndex),
+/* harmony export */   getOffset: () => (/* binding */ getOffset)
+/* harmony export */ });
+function getOffset(value, min, max) {
+  return (value - min) / (max - min);
+}
+function getDirectionStyle(direction, value, min, max) {
+  var offset = getOffset(value, min, max);
+  var positionStyle = {};
+  switch (direction) {
+    case 'rtl':
+      positionStyle.right = "".concat(offset * 100, "%");
+      positionStyle.transform = 'translateX(50%)';
+      break;
+    case 'btt':
+      positionStyle.bottom = "".concat(offset * 100, "%");
+      positionStyle.transform = 'translateY(50%)';
+      break;
+    case 'ttb':
+      positionStyle.top = "".concat(offset * 100, "%");
+      positionStyle.transform = 'translateY(-50%)';
+      break;
+    default:
+      positionStyle.left = "".concat(offset * 100, "%");
+      positionStyle.transform = 'translateX(-50%)';
+      break;
+  }
+  return positionStyle;
+}
+
+/** Return index value if is list or return value directly */
+function getIndex(value, index) {
+  return Array.isArray(value) ? value[index] : value;
+}
+
+/***/ }),
+
 /***/ "./node_modules/rc-tabs/es/TabContext.js":
 /*!***********************************************!*\
   !*** ./node_modules/rc-tabs/es/TabContext.js ***!
@@ -87755,6 +89891,76 @@ function pickAttrs(props) {
 
 /***/ }),
 
+/***/ "./node_modules/rc-util/lib/raf.js":
+/*!*****************************************!*\
+  !*** ./node_modules/rc-util/lib/raf.js ***!
+  \*****************************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports["default"] = void 0;
+var raf = function raf(callback) {
+  return +setTimeout(callback, 16);
+};
+var caf = function caf(num) {
+  return clearTimeout(num);
+};
+if (typeof window !== 'undefined' && 'requestAnimationFrame' in window) {
+  raf = function raf(callback) {
+    return window.requestAnimationFrame(callback);
+  };
+  caf = function caf(handle) {
+    return window.cancelAnimationFrame(handle);
+  };
+}
+var rafUUID = 0;
+var rafIds = new Map();
+function cleanup(id) {
+  rafIds.delete(id);
+}
+var wrapperRaf = function wrapperRaf(callback) {
+  var times = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  rafUUID += 1;
+  var id = rafUUID;
+  function callRef(leftTimes) {
+    if (leftTimes === 0) {
+      // Clean up
+      cleanup(id);
+
+      // Trigger
+      callback();
+    } else {
+      // Next raf
+      var realId = raf(function () {
+        callRef(leftTimes - 1);
+      });
+
+      // Bind real raf id
+      rafIds.set(id, realId);
+    }
+  }
+  callRef(times);
+  return id;
+};
+wrapperRaf.cancel = function (id) {
+  var realId = rafIds.get(id);
+  cleanup(id);
+  return caf(realId);
+};
+if (true) {
+  wrapperRaf.ids = function () {
+    return rafIds;
+  };
+}
+var _default = exports["default"] = wrapperRaf;
+
+/***/ }),
+
 /***/ "./node_modules/rc-util/node_modules/react-is/cjs/react-is.development.js":
 /*!********************************************************************************!*\
   !*** ./node_modules/rc-util/node_modules/react-is/cjs/react-is.development.js ***!