@para-ui/core 3.0.28 → 3.0.30

package/Slider/interface.d.ts

@@ -4,7 +4,7 @@
  * @description
  */
 import React from "react";
-export declare type TooltipPlacement = 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
+export type TooltipPlacement = 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
 interface SliderRange {
     draggableTrack?: boolean;
 }
@@ -19,7 +19,7 @@ export interface HandleGeneratorInfo {
     dragging?: boolean;
     index: number;
 }
-export declare type HandleGeneratorFn = (config: {
+export type HandleGeneratorFn = (config: {
     tooltipPrefixCls?: string;
     info: HandleGeneratorInfo;
 }) => React.ReactElement;

package/Split/index.js

@@ -1,8 +1,8 @@
 import { _ as _typeof } from '../_verture/typeof-498dd2b1.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-77980792.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React__default from 'react';
-import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
+import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-split {\n  display: flex;\n  min-height: 200px;\n  -webkit-user-select: none;\n  user-select: none;\n}\n.paraui-v3-split .split-left {\n  background-color: #ffffff;\n  position: relative;\n  min-width: 201px;\n}\n.paraui-v3-split .split-left .split-separator {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 6px;\n  height: 100%;\n  background-color: white;\n  box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);\n  cursor: col-resize;\n}\n.paraui-v3-split .split-left .split-separator i {\n  display: inline-block;\n  height: 14px;\n  width: 1px;\n  background-color: #e9e9e9;\n  margin: 0 1px;\n}\n.paraui-v3-split .split-left .split-left-content {\n  padding: 20px 34px 20px 20px;\n}\n.paraui-v3-split .split-right {\n  background-color: #ffffff;\n  flex: 1;\n}\n.paraui-v3-split .split-right-content {\n  padding: 20px;\n}";
@@ -10,27 +10,24 @@ styleInject(css_248z);
 
 var Split = function Split(props) {
   var _props$minWidth = props.minWidth,
-      minWidth = _props$minWidth === void 0 ? 200 : _props$minWidth,
-      children = props.children;
+    minWidth = _props$minWidth === void 0 ? 200 : _props$minWidth,
+    children = props.children;
   var startX, startWidth, startWidthContainer;
   var separatorRef = React__default.useRef(null);
   var scalableRef = React__default.useRef(null);
   var containerRef = React__default.useRef(null);
-
   var _React$useState = React__default.useState({
-    left: null,
-    right: null
-  }),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      state = _React$useState2[0],
-      setState = _React$useState2[1];
+      left: null,
+      right: null
+    }),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    state = _React$useState2[0],
+    setState = _React$useState2[1];
   /**
    * 陈夕 2021/4/21 下午3:34
    * desc: 开始拖拽
    * @params
    **/
-
-
   var startDrag = function startDrag(e) {
     startX = e.clientX;
     startWidthContainer = getDivWidth(containerRef.current);
@@ -43,8 +40,6 @@ var Split = function Split(props) {
    * desc: 拖拽计算宽度位置，不能出现滚动条，所以要设置临界值
    * @params
    **/
-
-
   var onDrag = function onDrag(e) {
     var newWidth = startWidth + e.clientX - startX;
     if (startWidthContainer - newWidth <= minWidth || newWidth <= minWidth) return;
@@ -55,8 +50,6 @@ var Split = function Split(props) {
    * desc: 停止拖动，移除事件
    * @params
    **/
-
-
   var onStopDrag = function onStopDrag(e) {
     document.documentElement.removeEventListener("mousemove", onDrag);
     document.documentElement.removeEventListener("mouseup", onStopDrag);
@@ -66,15 +59,11 @@ var Split = function Split(props) {
    * desc: 获取dom的宽度
    * @params
    **/
-
-
   var getDivWidth = function getDivWidth(dom) {
     return parseInt(dom.getBoundingClientRect().width, 10);
   };
-
   React__default.useEffect(function () {
     var _a;
-
     if (separatorRef.current) {
       (_a = separatorRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener("mousedown", startDrag);
     }
@@ -84,7 +73,6 @@ var Split = function Split(props) {
    * desc: 切分传进来的数组的组件值
    * @params
    **/
-
   React__default.useEffect(function () {
     if (children && _typeof(children) === "object") {
       setState({
@@ -92,7 +80,6 @@ var Split = function Split(props) {
         right: null
       });
     }
-
     if (children && Array.isArray(children)) {
       var leftComponent = children.slice(0, Math.floor(children.length / 2));
       var rightComponent = children.slice(Math.floor(children.length / 2), children.length);

package/Status/index.js

@@ -1,19 +1,20 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
+import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/11/8 6:32 PM\n* @description 状态\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-status {\n  display: inline-flex;\n  align-items: center;\n}\n.paraui-v3-status .status-ink {\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  width: 10px;\n  height: 10px;\n  border-radius: 5px;\n}\n.paraui-v3-status .status-ink:before {\n  content: \" \";\n  width: 6px;\n  height: 6px;\n  border-radius: 3px;\n}\n.paraui-v3-status .status-icon {\n  display: inline-flex;\n  font-size: 16px;\n}\n.paraui-v3-status .status-icon svg {\n  font-size: 16px;\n}\n.paraui-v3-status .status-text {\n  margin-left: 4px;\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-status-info .status-ink {\n  background-color: rgba(54, 102, 214, 0.05);\n}\n.paraui-v3-status-info .status-ink:before {\n  background-color: #3666d6;\n}\n.paraui-v3-status-success .status-ink {\n  background-color: rgba(83, 195, 27, 0.05);\n}\n.paraui-v3-status-success .status-ink:before {\n  background-color: #53c31b;\n}\n.paraui-v3-status-warning .status-ink {\n  background-color: rgba(255, 161, 80, 0.05);\n}\n.paraui-v3-status-warning .status-ink:before {\n  background-color: #ffa150;\n}\n.paraui-v3-status-error .status-ink {\n  background-color: rgba(235, 96, 84, 0.05);\n}\n.paraui-v3-status-error .status-ink:before {\n  background-color: #eb6054;\n}\n.paraui-v3-status-completed .status-ink {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-status-completed .status-ink:before {\n  background-color: rgba(46, 55, 67, 0.4);\n}";
 styleInject(css_248z);
 
+//状态
 var Status = function Status(props) {
   var text = props.text,
-      _props$status = props.status,
-      status = _props$status === void 0 ? 'info' : _props$status,
-      icon = props.icon,
-      className = props.className,
-      style = props.style; //cls
-
+    _props$status = props.status,
+    status = _props$status === void 0 ? 'info' : _props$status,
+    icon = props.icon,
+    className = props.className,
+    style = props.style;
+  //cls
   var makeCls = clsx("".concat($prefixCls, "-status"), className, status && !icon && "".concat($prefixCls, "-status-").concat(status));
   return jsxs("span", Object.assign({
     className: makeCls,

package/Stepper/index.d.ts

@@ -6,7 +6,7 @@
 import React from 'react';
 import RcSteps from 'rc-steps';
 import './index.scss';
-declare type StepItem = string | {
+type StepItem = string | {
     label?: React.ReactNode;
     icon?: React.ReactNode;
     [name: string]: any;

package/Stepper/index.js

@@ -13,10 +13,11 @@ import Seven from '@para-ui/icons/Seven';
 import Eight from '@para-ui/icons/Eight';
 import Nine from '@para-ui/icons/Nine';
 import Check from '@para-ui/icons/Check';
-import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-bf34e6fa.js';
+import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-66aa48a1.js';
 import clsx from 'clsx';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 
+//默认图标
 var Icons = {
   1: jsx(One, {}),
   2: jsx(Two, {}),
@@ -33,44 +34,40 @@ var Icons = {
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/26 下午2:57\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-stepper {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  font-variant: tabular-nums;\n  line-height: 1.5715;\n  list-style: none;\n  font-feature-settings: \"tnum\";\n  display: flex;\n  width: 100%;\n  text-align: initial;\n}\n.paraui-v3-stepper .component-stepper-item {\n  position: relative;\n  display: inline-block;\n  flex: 1;\n  vertical-align: top;\n}\n.paraui-v3-stepper .component-stepper-item-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  outline: none;\n}\n.paraui-v3-stepper .component-stepper-item:last-child > .component-stepper-item-container > .component-stepper-item-tail,\n.paraui-v3-stepper .component-stepper-item:last-child > .component-stepper-item-container > .component-stepper-item-content > .component-stepper-item-title::after {\n  display: none;\n}\n.paraui-v3-stepper .component-stepper-item-icon,\n.paraui-v3-stepper .component-stepper-item-content {\n  display: block;\n  vertical-align: top;\n}\n.paraui-v3-stepper .component-stepper-item-icon {\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  width: 30px;\n  height: 30px;\n  font-size: 16px;\n  line-height: 30px;\n  text-align: center;\n  border-radius: 50%;\n  background-color: rgba(171, 176, 185, 0.12);\n  transition: background-color 0.3s, border-color 0.3s;\n}\n.paraui-v3-stepper .component-stepper-item-icon .component-stepper-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: rgba(46, 55, 67, 0.7);\n  vertical-align: middle;\n}\n.paraui-v3-stepper .component-stepper-item-icon .component-stepper-icon svg {\n  color: inherit;\n}\n.paraui-v3-stepper .component-stepper-item-tail {\n  position: absolute;\n  top: 12px;\n  left: 0;\n  width: 100%;\n  padding: 0 10px;\n}\n.paraui-v3-stepper .component-stepper-item-tail::after {\n  display: inline-block;\n  width: 100%;\n  height: 1px;\n  border-radius: 1px;\n  transition: background 0.3s;\n  content: \"\";\n}\n.paraui-v3-stepper .component-stepper-item-title {\n  display: inline-block;\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 30px;\n}\n.paraui-v3-stepper .component-stepper-item-title::after {\n  position: absolute;\n  display: block;\n  height: 1px;\n  content: \"\";\n  top: 15px;\n  left: calc(50% + 30px);\n  right: calc(-50% + 30px);\n}\n.paraui-v3-stepper .component-stepper-item-subtitle {\n  display: inline;\n  margin-left: 8px;\n  color: rgb(46, 55, 67);\n  font-weight: normal;\n  font-size: 14px;\n}\n.paraui-v3-stepper .component-stepper-item-description {\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n}\n.paraui-v3-stepper .component-stepper-item-wait .component-stepper-item-icon {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-stepper .component-stepper-item-wait .component-stepper-item-icon > .component-stepper-icon {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-stepper .component-stepper-item-wait .component-stepper-item-icon > .component-stepper-icon .component-stepper-icon-dot {\n  background: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-stepper .component-stepper-item-wait > .component-stepper-item-container > .component-stepper-item-content > .component-stepper-item-title {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-stepper .component-stepper-item-wait > .component-stepper-item-container > .component-stepper-item-content > .component-stepper-item-title::after {\n  border-top: 1px dashed rgba(171, 176, 185, 0.4);\n  height: 0;\n  background: transparent;\n}\n.paraui-v3-stepper .component-stepper-item-wait > .component-stepper-item-container > .component-stepper-item-content > .component-stepper-item-description {\n  color: rgb(235, 96, 84);\n}\n.paraui-v3-stepper .component-stepper-item-wait > .component-stepper-item-container > .component-stepper-item-tail::after {\n  border-left: 1px dashed rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-stepper .component-stepper-item-process .component-stepper-item-icon {\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v3-stepper .component-stepper-item-process .component-stepper-item-icon > .component-stepper-icon {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-stepper .component-stepper-item-process .component-stepper-item-icon > .component-stepper-icon .component-stepper-icon-dot {\n  background: rgb(54, 102, 214);\n}\n.paraui-v3-stepper .component-stepper-item-process > .component-stepper-item-container > .component-stepper-item-content > .component-stepper-item-title {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-stepper .component-stepper-item-process > .component-stepper-item-container > .component-stepper-item-content > .component-stepper-item-title::after {\n  background: linear-gradient(90deg, rgb(61, 102, 248), rgb(119, 147, 249) 74%, rgb(216, 223, 250));\n}\n.paraui-v3-stepper .component-stepper-item-process > .component-stepper-item-container > .component-stepper-item-content > .component-stepper-item-description {\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-stepper .component-stepper-item-process > .component-stepper-item-container > .component-stepper-item-tail::after {\n  background: linear-gradient(180deg, rgb(61, 102, 248), rgb(119, 147, 249) 74%, rgb(216, 223, 250));\n}\n.paraui-v3-stepper .component-stepper-item-process > .component-stepper-item-container > .component-stepper-item-icon {\n  background: rgb(54, 102, 214);\n}\n.paraui-v3-stepper .component-stepper-item-process > .component-stepper-item-container > .component-stepper-item-icon .component-stepper-icon {\n  color: rgb(255, 255, 255);\n}\n.paraui-v3-stepper .component-stepper-item-process > .component-stepper-item-container > .component-stepper-item-title {\n  font-weight: 400;\n}\n.paraui-v3-stepper .component-stepper-item-finish .component-stepper-item-icon {\n  background-color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-stepper .component-stepper-item-finish .component-stepper-item-icon > .component-stepper-icon {\n  color: rgb(255, 255, 255);\n}\n.paraui-v3-stepper .component-stepper-item-finish .component-stepper-item-icon > .component-stepper-icon .component-stepper-icon-dot {\n  background: rgb(54, 102, 214);\n}\n.paraui-v3-stepper .component-stepper-item-finish > .component-stepper-item-container > .component-stepper-item-content > .component-stepper-item-title {\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-stepper .component-stepper-item-finish > .component-stepper-item-container > .component-stepper-item-content > .component-stepper-item-title::after {\n  background-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-stepper .component-stepper-item-finish > .component-stepper-item-container > .component-stepper-item-content > .component-stepper-item-description {\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-stepper .component-stepper-item-finish > .component-stepper-item-container > .component-stepper-item-tail::after {\n  border-left: 1px solid rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-stepper .component-stepper-item-error .component-stepper-item-icon {\n  background-color: rgb(255, 255, 255);\n  border-color: rgb(235, 96, 84);\n}\n.paraui-v3-stepper .component-stepper-item-error .component-stepper-item-icon > .component-stepper-icon {\n  color: rgb(235, 96, 84);\n}\n.paraui-v3-stepper .component-stepper-item-error .component-stepper-item-icon > .component-stepper-icon .component-stepper-icon-dot {\n  background: rgb(235, 96, 84);\n}\n.paraui-v3-stepper .component-stepper-item-error > .component-stepper-item-container > .component-stepper-item-content > .component-stepper-item-title {\n  color: rgb(235, 96, 84);\n}\n.paraui-v3-stepper .component-stepper-item-error > .component-stepper-item-container > .component-stepper-item-content > .component-stepper-item-title::after {\n  background-color: rgba(248, 249, 251, 0.8);\n}\n.paraui-v3-stepper .component-stepper-item-error > .component-stepper-item-container > .component-stepper-item-content > .component-stepper-item-description {\n  color: rgb(235, 96, 84);\n}\n.paraui-v3-stepper .component-stepper-item-error > .component-stepper-item-container > .component-stepper-item-tail::after {\n  background-color: rgba(248, 249, 251, 0.8);\n}\n.paraui-v3-stepper .component-stepper-item.component-stepper-next-error .component-stepper-item-title::after {\n  background: rgb(235, 96, 84);\n}\n.paraui-v3-stepper .component-stepper-item-disabled {\n  cursor: not-allowed;\n}\n.paraui-v3-stepper .component-stepper .component-stepper-item:not(.component-stepper-item-active) > .component-stepper-item-container[role=button] {\n  cursor: pointer;\n}\n.paraui-v3-stepper .component-stepper .component-stepper-item:not(.component-stepper-item-active) > .component-stepper-item-container[role=button] .component-stepper-item-title,\n.paraui-v3-stepper .component-stepper .component-stepper-item:not(.component-stepper-item-active) > .component-stepper-item-container[role=button] .component-stepper-item-subtitle,\n.paraui-v3-stepper .component-stepper .component-stepper-item:not(.component-stepper-item-active) > .component-stepper-item-container[role=button] .component-stepper-item-description,\n.paraui-v3-stepper .component-stepper .component-stepper-item:not(.component-stepper-item-active) > .component-stepper-item-container[role=button] .component-stepper-item-icon .component-stepper-icon {\n  transition: color 0.3s;\n}\n.paraui-v3-stepper .component-stepper .component-stepper-item:not(.component-stepper-item-active) > .component-stepper-item-container[role=button]:hover .component-stepper-item-title,\n.paraui-v3-stepper .component-stepper .component-stepper-item:not(.component-stepper-item-active) > .component-stepper-item-container[role=button]:hover .component-stepper-item-subtitle,\n.paraui-v3-stepper .component-stepper .component-stepper-item:not(.component-stepper-item-active) > .component-stepper-item-container[role=button]:hover .component-stepper-item-description {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-stepper .component-stepper .component-stepper-item:not(.component-stepper-item-active):not(.component-stepper-item-process) > .component-stepper-item-container[role=button]:hover .component-stepper-item-icon {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-stepper .component-stepper .component-stepper-item:not(.component-stepper-item-active):not(.component-stepper-item-process) > .component-stepper-item-container[role=button]:hover .component-stepper-item-icon .component-stepper-icon {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-stepper .component-stepper-item-custom > .component-stepper-item-container > .component-stepper-item-icon {\n  height: auto;\n  border: 0;\n}\n.paraui-v3-stepper .component-stepper-item-custom > .component-stepper-item-container > .component-stepper-item-icon > .component-stepper-icon {\n  top: 0;\n  left: 0;\n  width: 30px;\n  height: 30px;\n  background-color: rgba(171, 176, 185, 0.12);\n  border-radius: 50%;\n}\n.paraui-v3-stepper .component-stepper-item-custom.component-stepper-item-process .component-stepper-item-icon > .component-stepper-icon {\n  background: rgb(54, 102, 214);\n}\n.paraui-v3-stepper.component-stepper-horizontal:not(.component-stepper-label-vertical) .component-stepper-item {\n  white-space: nowrap;\n}\n.paraui-v3-stepper.component-stepper-horizontal:not(.component-stepper-label-vertical) .component-stepper-item:first-child {\n  padding-left: 0;\n}\n.paraui-v3-stepper.component-stepper-horizontal:not(.component-stepper-label-vertical) .component-stepper-item:last-child .component-stepper-item-title {\n  padding-right: 0;\n}\n.paraui-v3-stepper.component-stepper-horizontal:not(.component-stepper-label-vertical) .component-stepper-item-tail {\n  display: none;\n}\n.paraui-v3-stepper.component-stepper-horizontal:not(.component-stepper-label-vertical) .component-stepper-item-description {\n  max-width: 140px;\n  white-space: normal;\n}\n.paraui-v3-stepper.component-stepper:not(.component-stepper-vertical) .component-stepper-item-custom .component-stepper-item-icon {\n  width: auto;\n  background: none;\n}\n.paraui-v3-stepper.component-stepper:not(.component-stepper-vertical) .component-stepper-item-custom.component-stepper-item-process .component-stepper-item-icon {\n  background: rgb(54, 102, 214);\n}\n.paraui-v3-stepper.component-stepper:not(.component-stepper-vertical) .component-stepper-item-custom.component-stepper-item-finish .component-stepper-item-icon {\n  background: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-stepper.component-stepper-small.component-stepper-horizontal:not(.component-stepper-label-vertical) .component-stepper-item {\n  padding-left: 12px;\n}\n.paraui-v3-stepper.component-stepper-small.component-stepper-horizontal:not(.component-stepper-label-vertical) .component-stepper-item:first-child {\n  padding-left: 0;\n}\n.paraui-v3-stepper.component-stepper-small .component-stepper-item-icon {\n  width: 24px;\n  height: 24px;\n  margin: 0 8px 0 0;\n  font-size: 12px;\n  line-height: 24px;\n  text-align: center;\n  border-radius: 24px;\n}\n.paraui-v3-stepper.component-stepper-small .component-stepper-item-title {\n  padding-right: 12px;\n  font-size: 14px;\n  line-height: 24px;\n}\n.paraui-v3-stepper.component-stepper-small .component-stepper-item-title::after {\n  top: 12px;\n}\n.paraui-v3-stepper.component-stepper-small .component-stepper-item-description {\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n}\n.paraui-v3-stepper.component-stepper-small .component-stepper-item-tail {\n  top: 8px;\n}\n.paraui-v3-stepper.component-stepper-small .component-stepper-item-custom .component-stepper-item-icon {\n  width: inherit;\n  height: inherit;\n  line-height: inherit;\n  background: none;\n  border: 0;\n  border-radius: 0;\n}\n.paraui-v3-stepper.component-stepper-small .component-stepper-item-custom .component-stepper-item-icon > .component-stepper-icon {\n  font-size: 24px;\n  line-height: 24px;\n  transform: none;\n}\n.paraui-v3-stepper.component-stepper-vertical {\n  display: flex;\n  flex-direction: column;\n}\n.paraui-v3-stepper.component-stepper-vertical > .component-stepper-item {\n  display: block;\n  flex: 1 0 auto;\n  padding-left: 0;\n  overflow: visible;\n}\n.paraui-v3-stepper.component-stepper-vertical > .component-stepper-item .component-stepper-item-icon {\n  float: left;\n  margin-right: 16px;\n}\n.paraui-v3-stepper.component-stepper-vertical > .component-stepper-item .component-stepper-item-content {\n  display: block;\n  min-height: 68px;\n  overflow: hidden;\n}\n.paraui-v3-stepper.component-stepper-vertical > .component-stepper-item .component-stepper-item-title {\n  line-height: 32px;\n}\n.paraui-v3-stepper.component-stepper-vertical > .component-stepper-item .component-stepper-item-description {\n  padding-bottom: 12px;\n}\n.paraui-v3-stepper.component-stepper-vertical > .component-stepper-item > .component-stepper-item-container {\n  flex-direction: row;\n  align-items: flex-start;\n}\n.paraui-v3-stepper.component-stepper-vertical > .component-stepper-item > .component-stepper-item-container > .component-stepper-item-tail {\n  position: absolute;\n  top: 0;\n  left: 15px;\n  width: 1px;\n  height: 100%;\n  padding: 36px 0 6px;\n}\n.paraui-v3-stepper.component-stepper-vertical > .component-stepper-item > .component-stepper-item-container > .component-stepper-item-tail::after {\n  width: 1px;\n  height: 100%;\n}\n.paraui-v3-stepper.component-stepper-vertical > .component-stepper-item:not(:last-child) > .component-stepper-item-container > .component-stepper-item-tail {\n  display: block;\n}\n.paraui-v3-stepper.component-stepper-vertical > .component-stepper-item > .component-stepper-item-container > .component-stepper-item-content > .component-stepper-item-title::after {\n  display: none;\n}\n.paraui-v3-stepper.component-stepper-vertical.component-stepper-small .component-stepper-item-container .component-stepper-item-tail {\n  position: absolute;\n  top: 0;\n  left: 12px;\n  padding: 30px 0 6px;\n}\n.paraui-v3-stepper.component-stepper-vertical.component-stepper-small .component-stepper-item-container .component-stepper-item-title {\n  line-height: 24px;\n}\n.paraui-v3-stepper.component-stepper-label-vertical .component-stepper-item {\n  overflow: visible;\n}\n.paraui-v3-stepper.component-stepper-label-vertical .component-stepper-item-tail {\n  margin-left: 58px;\n  padding: 3.5px 24px;\n}\n.paraui-v3-stepper.component-stepper-label-vertical .component-stepper-item-content {\n  display: block;\n  width: 116px;\n  margin-top: 8px;\n  text-align: center;\n}\n.paraui-v3-stepper.component-stepper-label-vertical .component-stepper-item-icon {\n  display: inline-block;\n  margin-left: 42px;\n}\n.paraui-v3-stepper.component-stepper-label-vertical .component-stepper-item-title {\n  padding-right: 0;\n  padding-left: 0;\n}\n.paraui-v3-stepper.component-stepper-label-vertical .component-stepper-item-title::after {\n  display: none;\n}\n.paraui-v3-stepper.component-stepper-label-vertical .component-stepper-item-subtitle {\n  display: block;\n  margin-bottom: 4px;\n  margin-left: 0;\n  line-height: 1.5715;\n}\n.paraui-v3-stepper.component-stepper-label-vertical.component-stepper-small:not(.component-stepper-dot) .component-stepper-item-icon {\n  margin-left: 46px;\n}";
 styleInject(css_248z);
 
+//steps
 var Stepper = function Stepper(props) {
   var _props$current = props.current,
-      current = _props$current === void 0 ? 0 : _props$current,
-      activeStep = props.activeStep,
-      _props$mode = props.mode,
-      mode = _props$mode === void 0 ? 'number' : _props$mode,
-      steps = props.steps,
-      _props$direction = props.direction,
-      direction = _props$direction === void 0 ? 'horizontal' : _props$direction,
-      children = props.children,
-      className = props.className,
-      restProps = __rest(props, ["current", "activeStep", "mode", "steps", "direction", "children", "className"]);
-
-  var prefixCls = "".concat($rcPrefixCls, "-stepper"); //内置finish、error 图标
-
+    current = _props$current === void 0 ? 0 : _props$current,
+    activeStep = props.activeStep,
+    _props$mode = props.mode,
+    mode = _props$mode === void 0 ? 'number' : _props$mode,
+    steps = props.steps,
+    _props$direction = props.direction,
+    direction = _props$direction === void 0 ? 'horizontal' : _props$direction,
+    children = props.children,
+    className = props.className,
+    restProps = __rest(props, ["current", "activeStep", "mode", "steps", "direction", "children", "className"]);
+  var prefixCls = "".concat($rcPrefixCls, "-stepper");
+  //内置finish、error 图标
   var icons = {
     finish: Icons['done'],
     error: Icons['done']
-  }; //步骤图标渲染
-
+  };
+  //步骤图标渲染
   var stepIconRender = function stepIconRender(_ref) {
     var node = _ref.node,
-        status = _ref.status;
-
+      status = _ref.status;
     if (status === 'finish') {
       return /*#__PURE__*/React__default.cloneElement(node, {}, Icons['done']);
     }
-
     return node;
-  }; //渲染Step
-
-
+  };
+  //渲染Step
   var renderStep = function renderStep() {
     if (!(steps === null || steps === void 0 ? void 0 : steps.length)) return children;
     return steps.map(function (item, index) {
       var label = '';
       var icon = null;
-
       if (mode === 'number') {
         label = item;
         icon = Icons[index + 1];
@@ -78,14 +75,12 @@ var Stepper = function Stepper(props) {
         label = item.label;
         icon = item.icon;
       }
-
       return jsx(Stepper.Step, {
         title: label,
         icon: icon
       }, index);
     });
   };
-
   return jsx(RcSteps, Object.assign({}, restProps, {
     className: clsx("".concat($prefixCls, "-stepper"), className),
     current: activeStep !== null && activeStep !== void 0 ? activeStep : current,

package/Styles/form.scss

@@ -1,5 +1,5 @@
-.#{$prefixCls}-form {
-  .#{$prefixCls}-helper-text {
-    min-height: 20px;
-  }
-}
+.#{$prefixCls}-form {
+  .#{$prefixCls}-helper-text {
+    min-height: 20px;
+  }
+}

package/Styles/index.scss

@@ -1,37 +1,37 @@
-@import "normalize";
-@import "theme";
-@import "scrollbar";
-@import "form";
-
-* {
-  font-family: $font-family;
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-  outline: none;
-  -webkit-tap-highlight-color: transparent;
-}
-
-html, body {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-}
-
-ol, ul {
-  list-style: none;
-}
-
-a,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-input,
-select,
-button,
-textarea {
-  outline: none;
-}
+@import "normalize";
+@import "theme";
+@import "scrollbar";
+@import "form";
+
+* {
+  font-family: $font-family;
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  outline: none;
+  -webkit-tap-highlight-color: transparent;
+}
+
+html, body {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
+ol, ul {
+  list-style: none;
+}
+
+a,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+input,
+select,
+button,
+textarea {
+  outline: none;
+}