add all frontend files

node_modules/rc-steps/lib/Step.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import type { Status, Icons } from './interface';
+import type { StepIconRender, ProgressDotRender } from './Steps';
+export interface StepProps {
+    prefixCls?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    wrapperStyle?: React.CSSProperties;
+    iconPrefix?: string;
+    active?: boolean;
+    disabled?: boolean;
+    stepIndex?: number;
+    stepNumber?: number;
+    status?: Status;
+    title?: React.ReactNode;
+    subTitle?: React.ReactNode;
+    description?: React.ReactNode;
+    tailContent?: React.ReactNode;
+    icon?: React.ReactNode;
+    icons?: Icons;
+    onClick?: React.MouseEventHandler<HTMLDivElement>;
+    onStepClick?: (index: number) => void;
+    progressDot?: ProgressDotRender | boolean;
+    stepIcon?: StepIconRender;
+    render?: (stepItem: React.ReactElement) => React.ReactNode;
+}
+declare function Step(props: StepProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export default Step;

node_modules/rc-steps/lib/Step.js

@@ -0,0 +1,150 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var React = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _KeyCode = _interopRequireDefault(require("rc-util/lib/KeyCode"));
+var _excluded = ["className", "prefixCls", "style", "active", "status", "iconPrefix", "icon", "wrapperStyle", "stepNumber", "disabled", "description", "title", "subTitle", "progressDot", "stepIcon", "tailContent", "icons", "stepIndex", "onStepClick", "onClick", "render"];
+/* eslint react/prop-types: 0 */
+function isString(str) {
+  return typeof str === 'string';
+}
+function Step(props) {
+  var _classNames2;
+  var className = props.className,
+    prefixCls = props.prefixCls,
+    style = props.style,
+    active = props.active,
+    status = props.status,
+    iconPrefix = props.iconPrefix,
+    icon = props.icon,
+    wrapperStyle = props.wrapperStyle,
+    stepNumber = props.stepNumber,
+    disabled = props.disabled,
+    description = props.description,
+    title = props.title,
+    subTitle = props.subTitle,
+    progressDot = props.progressDot,
+    stepIcon = props.stepIcon,
+    tailContent = props.tailContent,
+    icons = props.icons,
+    stepIndex = props.stepIndex,
+    onStepClick = props.onStepClick,
+    onClick = props.onClick,
+    render = props.render,
+    restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+
+  // ========================= Click ==========================
+  var clickable = !!onStepClick && !disabled;
+  var accessibilityProps = {};
+  if (clickable) {
+    accessibilityProps.role = 'button';
+    accessibilityProps.tabIndex = 0;
+    accessibilityProps.onClick = function (e) {
+      onClick === null || onClick === void 0 ? void 0 : onClick(e);
+      onStepClick(stepIndex);
+    };
+    accessibilityProps.onKeyDown = function (e) {
+      var which = e.which;
+      if (which === _KeyCode.default.ENTER || which === _KeyCode.default.SPACE) {
+        onStepClick(stepIndex);
+      }
+    };
+  }
+
+  // ========================= Render =========================
+  var renderIconNode = function renderIconNode() {
+    var _classNames;
+    var iconNode;
+    var iconClassName = (0, _classnames.default)("".concat(prefixCls, "-icon"), "".concat(iconPrefix, "icon"), (_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(iconPrefix, "icon-").concat(icon), icon && isString(icon)), (0, _defineProperty2.default)(_classNames, "".concat(iconPrefix, "icon-check"), !icon && status === 'finish' && (icons && !icons.finish || !icons)), (0, _defineProperty2.default)(_classNames, "".concat(iconPrefix, "icon-cross"), !icon && status === 'error' && (icons && !icons.error || !icons)), _classNames));
+    var iconDot = /*#__PURE__*/React.createElement("span", {
+      className: "".concat(prefixCls, "-icon-dot")
+    });
+    // `progressDot` enjoy the highest priority
+    if (progressDot) {
+      if (typeof progressDot === 'function') {
+        iconNode = /*#__PURE__*/React.createElement("span", {
+          className: "".concat(prefixCls, "-icon")
+        }, progressDot(iconDot, {
+          index: stepNumber - 1,
+          status: status,
+          title: title,
+          description: description
+        }));
+      } else {
+        iconNode = /*#__PURE__*/React.createElement("span", {
+          className: "".concat(prefixCls, "-icon")
+        }, iconDot);
+      }
+    } else if (icon && !isString(icon)) {
+      iconNode = /*#__PURE__*/React.createElement("span", {
+        className: "".concat(prefixCls, "-icon")
+      }, icon);
+    } else if (icons && icons.finish && status === 'finish') {
+      iconNode = /*#__PURE__*/React.createElement("span", {
+        className: "".concat(prefixCls, "-icon")
+      }, icons.finish);
+    } else if (icons && icons.error && status === 'error') {
+      iconNode = /*#__PURE__*/React.createElement("span", {
+        className: "".concat(prefixCls, "-icon")
+      }, icons.error);
+    } else if (icon || status === 'finish' || status === 'error') {
+      iconNode = /*#__PURE__*/React.createElement("span", {
+        className: iconClassName
+      });
+    } else {
+      iconNode = /*#__PURE__*/React.createElement("span", {
+        className: "".concat(prefixCls, "-icon")
+      }, stepNumber);
+    }
+    if (stepIcon) {
+      iconNode = stepIcon({
+        index: stepNumber - 1,
+        status: status,
+        title: title,
+        description: description,
+        node: iconNode
+      });
+    }
+    return iconNode;
+  };
+  var mergedStatus = status || 'wait';
+  var classString = (0, _classnames.default)("".concat(prefixCls, "-item"), "".concat(prefixCls, "-item-").concat(mergedStatus), className, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, "".concat(prefixCls, "-item-custom"), icon), (0, _defineProperty2.default)(_classNames2, "".concat(prefixCls, "-item-active"), active), (0, _defineProperty2.default)(_classNames2, "".concat(prefixCls, "-item-disabled"), disabled === true), _classNames2));
+  var stepItemStyle = (0, _objectSpread2.default)({}, style);
+  var stepNode = /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, restProps, {
+    className: classString,
+    style: stepItemStyle
+  }), /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
+    onClick: onClick
+  }, accessibilityProps, {
+    className: "".concat(prefixCls, "-item-container")
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-item-tail")
+  }, tailContent), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-item-icon")
+  }, renderIconNode()), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-item-content")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-item-title")
+  }, title, subTitle && /*#__PURE__*/React.createElement("div", {
+    title: typeof subTitle === 'string' ? subTitle : undefined,
+    className: "".concat(prefixCls, "-item-subtitle")
+  }, subTitle)), description && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-item-description")
+  }, description))));
+  if (render) {
+    stepNode = render(stepNode) || null;
+  }
+  return stepNode;
+}
+var _default = Step;
+exports.default = _default;

node_modules/rc-steps/lib/Steps.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import type { Icons, Status } from './interface';
+import type { StepProps } from './Step';
+export declare type StepIconRender = (info: {
+    index: number;
+    status: Status;
+    title: React.ReactNode;
+    description: React.ReactNode;
+    node: React.ReactNode;
+}) => React.ReactNode;
+export declare type ProgressDotRender = (iconDot: any, info: {
+    index: number;
+    status: Status;
+    title: React.ReactNode;
+    description: React.ReactNode;
+}) => React.ReactNode;
+export interface StepsProps {
+    prefixCls?: string;
+    style?: React.CSSProperties;
+    className?: string;
+    children?: React.ReactNode;
+    direction?: 'horizontal' | 'vertical';
+    type?: 'default' | 'navigation' | 'inline';
+    labelPlacement?: 'horizontal' | 'vertical';
+    iconPrefix?: string;
+    status?: Status;
+    size?: 'default' | 'small';
+    current?: number;
+    progressDot?: ProgressDotRender | boolean;
+    stepIcon?: StepIconRender;
+    initial?: number;
+    icons?: Icons;
+    items?: StepProps[];
+    itemRender?: (item: StepProps, stepItem: React.ReactElement) => React.ReactNode;
+    onChange?: (current: number) => void;
+}
+declare function Steps(props: StepsProps): React.JSX.Element;
+declare namespace Steps {
+    var Step: typeof import("./Step").default;
+}
+export default Steps;

node_modules/rc-steps/lib/Steps.js

@@ -0,0 +1,111 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireDefault(require("react"));
+var _Step = _interopRequireDefault(require("./Step"));
+var _excluded = ["prefixCls", "style", "className", "children", "direction", "type", "labelPlacement", "iconPrefix", "status", "size", "current", "progressDot", "stepIcon", "initial", "icons", "onChange", "itemRender", "items"];
+/* eslint react/no-did-mount-set-state: 0, react/prop-types: 0 */
+function Steps(props) {
+  var _classNames;
+  var _props$prefixCls = props.prefixCls,
+    prefixCls = _props$prefixCls === void 0 ? 'rc-steps' : _props$prefixCls,
+    _props$style = props.style,
+    style = _props$style === void 0 ? {} : _props$style,
+    className = props.className,
+    children = props.children,
+    _props$direction = props.direction,
+    direction = _props$direction === void 0 ? 'horizontal' : _props$direction,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'default' : _props$type,
+    _props$labelPlacement = props.labelPlacement,
+    labelPlacement = _props$labelPlacement === void 0 ? 'horizontal' : _props$labelPlacement,
+    _props$iconPrefix = props.iconPrefix,
+    iconPrefix = _props$iconPrefix === void 0 ? 'rc' : _props$iconPrefix,
+    _props$status = props.status,
+    status = _props$status === void 0 ? 'process' : _props$status,
+    size = props.size,
+    _props$current = props.current,
+    current = _props$current === void 0 ? 0 : _props$current,
+    _props$progressDot = props.progressDot,
+    progressDot = _props$progressDot === void 0 ? false : _props$progressDot,
+    stepIcon = props.stepIcon,
+    _props$initial = props.initial,
+    initial = _props$initial === void 0 ? 0 : _props$initial,
+    icons = props.icons,
+    onChange = props.onChange,
+    itemRender = props.itemRender,
+    _props$items = props.items,
+    items = _props$items === void 0 ? [] : _props$items,
+    restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var isNav = type === 'navigation';
+  var isInline = type === 'inline';
+
+  // inline type requires fixed progressDot direction size.
+  var mergedProgressDot = isInline || progressDot;
+  var mergedDirection = isInline ? 'horizontal' : direction;
+  var mergedSize = isInline ? undefined : size;
+  var adjustedLabelPlacement = mergedProgressDot ? 'vertical' : labelPlacement;
+  var classString = (0, _classnames.default)(prefixCls, "".concat(prefixCls, "-").concat(mergedDirection), className, (_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-").concat(mergedSize), mergedSize), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-label-").concat(adjustedLabelPlacement), mergedDirection === 'horizontal'), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-dot"), !!mergedProgressDot), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-navigation"), isNav), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-inline"), isInline), _classNames));
+  var onStepClick = function onStepClick(next) {
+    if (onChange && current !== next) {
+      onChange(next);
+    }
+  };
+  var renderStep = function renderStep(item, index) {
+    var mergedItem = (0, _objectSpread2.default)({}, item);
+    var stepNumber = initial + index;
+    // fix tail color
+    if (status === 'error' && index === current - 1) {
+      mergedItem.className = "".concat(prefixCls, "-next-error");
+    }
+    if (!mergedItem.status) {
+      if (stepNumber === current) {
+        mergedItem.status = status;
+      } else if (stepNumber < current) {
+        mergedItem.status = 'finish';
+      } else {
+        mergedItem.status = 'wait';
+      }
+    }
+    if (isInline) {
+      mergedItem.icon = undefined;
+      mergedItem.subTitle = undefined;
+    }
+    if (!mergedItem.render && itemRender) {
+      mergedItem.render = function (stepItem) {
+        return itemRender(mergedItem, stepItem);
+      };
+    }
+    return /*#__PURE__*/_react.default.createElement(_Step.default, (0, _extends2.default)({}, mergedItem, {
+      active: stepNumber === current,
+      stepNumber: stepNumber + 1,
+      stepIndex: stepNumber,
+      key: stepNumber,
+      prefixCls: prefixCls,
+      iconPrefix: iconPrefix,
+      wrapperStyle: style,
+      progressDot: mergedProgressDot,
+      stepIcon: stepIcon,
+      icons: icons,
+      onStepClick: onChange && onStepClick
+    }));
+  };
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    className: classString,
+    style: style
+  }, restProps), items.filter(function (item) {
+    return item;
+  }).map(renderStep));
+}
+Steps.Step = _Step.default;
+var _default = Steps;
+exports.default = _default;

node_modules/rc-steps/lib/index.d.ts

@@ -0,0 +1,4 @@
+import Steps from './Steps';
+import Step from './Step';
+export { Step };
+export default Steps;

node_modules/rc-steps/lib/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Step", {
+  enumerable: true,
+  get: function get() {
+    return _Step.default;
+  }
+});
+exports.default = void 0;
+var _Steps = _interopRequireDefault(require("./Steps"));
+var _Step = _interopRequireDefault(require("./Step"));
+var _default = _Steps.default;
+exports.default = _default;

node_modules/rc-steps/lib/interface.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare type Status = 'error' | 'process' | 'finish' | 'wait';
+export interface Icons {
+    finish: React.ReactNode;
+    error: React.ReactNode;
+}

node_modules/rc-steps/lib/interface.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});