add all frontend files

node_modules/rc-slider/es/Steps/Dot.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface DotProps {
+    prefixCls: string;
+    value: number;
+    style?: React.CSSProperties | ((dotValue: number) => React.CSSProperties);
+    activeStyle?: React.CSSProperties | ((dotValue: number) => React.CSSProperties);
+}
+declare const Dot: React.FC<DotProps>;
+export default Dot;

node_modules/rc-slider/es/Steps/Dot.js

@@ -0,0 +1,32 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import classNames from 'classnames';
+import * as React from 'react';
+import SliderContext from "../context";
+import { getDirectionStyle } from "../util";
+var Dot = function Dot(props) {
+  var prefixCls = props.prefixCls,
+    value = props.value,
+    style = props.style,
+    activeStyle = props.activeStyle;
+  var _React$useContext = React.useContext(SliderContext),
+    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 = _objectSpread(_objectSpread({}, getDirectionStyle(direction, value, min, max)), typeof style === 'function' ? style(value) : style);
+  if (active) {
+    mergedStyle = _objectSpread(_objectSpread({}, mergedStyle), typeof activeStyle === 'function' ? activeStyle(value) : activeStyle);
+  }
+  return /*#__PURE__*/React.createElement("span", {
+    className: classNames(dotClassName, _defineProperty({}, "".concat(dotClassName, "-active"), active)),
+    style: mergedStyle
+  });
+};
+export default Dot;

node_modules/rc-slider/es/Steps/index.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import type { InternalMarkObj } from '../Marks';
+export interface StepsProps {
+    prefixCls: string;
+    marks: InternalMarkObj[];
+    dots?: boolean;
+    style?: React.CSSProperties | ((dotValue: number) => React.CSSProperties);
+    activeStyle?: React.CSSProperties | ((dotValue: number) => React.CSSProperties);
+}
+declare const Steps: React.FC<StepsProps>;
+export default Steps;

node_modules/rc-slider/es/Steps/index.js

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import SliderContext from "../context";
+import Dot from "./Dot";
+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.useContext(SliderContext),
+    min = _React$useContext.min,
+    max = _React$useContext.max,
+    step = _React$useContext.step;
+  var stepDots = React.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.createElement("div", {
+    className: "".concat(prefixCls, "-step")
+  }, stepDots.map(function (dotValue) {
+    return /*#__PURE__*/React.createElement(Dot, {
+      prefixCls: prefixCls,
+      key: dotValue,
+      value: dotValue,
+      style: style,
+      activeStyle: activeStyle
+    });
+  }));
+};
+export default Steps;