@para-ui/core 2.2.4 → 2.2.5-beta

package/Split/index.d.ts

@@ -1,7 +1,12 @@
-import { FunctionComponent } from "react";
-import "./style/index.scss";
+import { FunctionComponent } from 'react';
+import styleInject from './node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".para-split {\n  display: flex;\n  min-height: 200px;\n  -webkit-user-select: none;\n  user-select: none;\n}\n.para-split-left {\n  background-color: #ffffff;\n  position: relative;\n  min-width: 201px;\n}\n.para-split-left .para-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.para-split-left .para-split-separator i {\n  display: inline-block;\n  height: 14px;\n  width: 1px;\n  background-color: #e9e9e9;\n  margin: 0 1px;\n}\n.para-split-left-content {\n  padding: 20px 34px 20px 20px;\n}\n.para-split .para-split-right {\n  background-color: #ffffff;\n  flex: 1;\n}\n.para-split .para-split-right-content {\n  padding: 20px;\n}";
+styleInject(css_248z);
+
 interface SplitProps {
     minWidth?: number;
 }
 declare const Split: FunctionComponent<SplitProps>;
-export default Split;
+
+export { Split as default };

package/Split/index.js

@@ -1,15 +1,134 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports.ParaUI=t(require("react")):e.ParaUI=t(e.react)}(self,(function(e){return function(){var t={4941:function(e,t,n){(t=n(3645)(!1)).push([e.id,".para-split{display:flex;min-height:200px;-webkit-user-select:none;user-select:none}.para-split-left{background-color:#fff;position:relative;min-width:201px}.para-split-left .para-split-separator{display:flex;justify-content:center;align-items:center;position:absolute;top:0;right:0;width:6px;height:100%;background-color:#fff;box-shadow:0 0 2px rgba(0,0,0,.35);cursor:col-resize}.para-split-left .para-split-separator i{display:inline-block;height:14px;width:1px;background-color:#e9e9e9;margin:0 1px}.para-split-left-content{padding:20px 34px 20px 20px}.para-split .para-split-right{background-color:#fff;flex:1}.para-split .para-split-right-content{padding:20px}",""]),e.exports=t},3645:function(e){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n=function(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var o=(a=r,c=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),s="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(c),"/*# ".concat(s," */")),i=r.sources.map((function(e){return"/*# sourceURL=".concat(r.sourceRoot||"").concat(e," */")}));return[n].concat(i).concat([o]).join("\n")}var a,c,s;return[n].join("\n")}(t,e);return t[2]?"@media ".concat(t[2]," {").concat(n,"}"):n})).join("")},t.i=function(e,n,r){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(r)for(var i=0;i<this.length;i++){var a=this[i][0];null!=a&&(o[a]=!0)}for(var c=0;c<e.length;c++){var s=[].concat(e[c]);r&&o[s[0]]||(n&&(s[2]?s[2]="".concat(n," and ").concat(s[2]):s[2]=n),t.push(s))}},t}},7418:function(e){"use strict";
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;function o(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(e){r[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e,i){for(var a,c,s=o(e),u=1;u<arguments.length;u++){for(var l in a=Object(arguments[u]))n.call(a,l)&&(s[l]=a[l]);if(t){c=t(a);for(var f=0;f<c.length;f++)r.call(a,c[f])&&(s[c[f]]=a[c[f]])}}return s}},5251:function(e,t,n){"use strict";
-/** @license React v17.0.2
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-n(7418);var r=n(8156),o=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;o=i("react.element"),i("react.fragment")}var a=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c=Object.prototype.hasOwnProperty,s={key:!0,ref:!0,__self:!0,__source:!0};function u(e,t,n){var r,i={},u=null,l=null;for(r in void 0!==n&&(u=""+n),void 0!==t.key&&(u=""+t.key),void 0!==t.ref&&(l=t.ref),t)c.call(t,r)&&!s.hasOwnProperty(r)&&(i[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===i[r]&&(i[r]=t[r]);return{$$typeof:o,type:e,key:u,ref:l,props:i,_owner:a.current}}t.jsx=u,t.jsxs=u},5893:function(e,t,n){"use strict";e.exports=n(5251)},6333:function(e,t,n){var r=n(3379),o=n(4941);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.id,o,""]]);var i={insert:("body","body"),singleton:!1};r(o,i);e.exports=o.locals||{}},3379:function(e,t,n){"use strict";var r,o=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},i=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}(),a=[];function c(e){for(var t=-1,n=0;n<a.length;n++)if(a[n].identifier===e){t=n;break}return t}function s(e,t){for(var n={},r=[],o=0;o<e.length;o++){var i=e[o],s=t.base?i[0]+t.base:i[0],u=n[s]||0,l="".concat(s," ").concat(u);n[s]=u+1;var f=c(l),p={css:i[1],media:i[2],sourceMap:i[3]};-1!==f?(a[f].references++,a[f].updater(p)):a.push({identifier:l,updater:m(p,t),references:1}),r.push(l)}return r}function u(e){var t=document.createElement("style"),r=e.attributes||{};if(void 0===r.nonce){var o=n.nc;o&&(r.nonce=o)}if(Object.keys(r).forEach((function(e){t.setAttribute(e,r[e])})),"function"==typeof e.insert)e.insert(t);else{var a=i(e.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(t)}return t}var l,f=(l=[],function(e,t){return l[e]=t,l.filter(Boolean).join("\n")});function p(e,t,n,r){var o=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(e.styleSheet)e.styleSheet.cssText=f(t,o);else{var i=document.createTextNode(o),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(i,a[t]):e.appendChild(i)}}function d(e,t,n){var r=n.css,o=n.media,i=n.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),i&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}var v=null,h=0;function m(e,t){var n,r,o;if(t.singleton){var i=h++;n=v||(v=u(t)),r=p.bind(null,n,i,!1),o=p.bind(null,n,i,!0)}else n=u(t),r=d.bind(null,n,t),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else o()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=o());var n=s(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var r=0;r<n.length;r++){var o=c(n[r]);a[o].references--}for(var i=s(e,t),u=0;u<n.length;u++){var l=c(n[u]);0===a[l].references&&(a[l].updater(),a.splice(l,1))}n=i}}}},8156:function(t){"use strict";t.exports=e}},n={};function r(e){var o=n[e];if(void 0!==o)return o.exports;var i=n[e]={id:e,exports:{}};return t[e](i,i.exports,r),i.exports}r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},r.d=function(e,t){for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.nc=void 0;var o={};return function(){"use strict";r.r(o);var e=r(5893),t=r(8156),n=r.n(t),i=(r(6333),function(){return i=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},i.apply(this,arguments)});o.default=function(t){var r,o,a,c=t.minWidth,s=void 0===c?200:c,u=t.children,l=n().useRef(null),f=n().useRef(null),p=n().useRef(null),d=n().useState({left:null,right:null}),v=d[0],h=d[1],m=function(e){r=e.clientX,a=g(p.current),o=g(f.current),document.documentElement.addEventListener("mousemove",b),document.documentElement.addEventListener("mouseup",y)},b=function(e){var t=o+e.clientX-r;a-t<=s||t<=s||(f.current.style.width=t+"px")},y=function(e){document.documentElement.removeEventListener("mousemove",b),document.documentElement.removeEventListener("mouseup",y)},g=function(e){return parseInt(e.getBoundingClientRect().width,10)};return n().useEffect((function(){var e;l.current&&(null===(e=l.current)||void 0===e||e.addEventListener("mousedown",m))}),[l]),n().useEffect((function(){if(u&&"object"==typeof u&&h({left:u,right:null}),u&&Array.isArray(u)){var e=u.slice(0,Math.floor(u.length/2)),t=u.slice(Math.floor(u.length/2),u.length);h({left:e,right:t})}}),[u]),(0,e.jsxs)("div",i({className:"para-split",ref:p},{children:[(0,e.jsxs)("div",i({className:"para-split-left"},{children:[(0,e.jsx)("div",i({className:"para-split-left-content",ref:f},{children:v.left})),(0,e.jsxs)("div",i({className:"para-split-separator",ref:l},{children:[(0,e.jsx)("i",{}),(0,e.jsx)("i",{})]}))]})),(0,e.jsx)("div",i({className:"para-split-right"},{children:(0,e.jsx)("div",i({className:"para-split-right-content"},{children:v.right}))}))]}))}}(),o}()}));
+import { _ as _typeof } from '../_verture/typeof-498dd2b1.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React__default from 'react';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+
+var css_248z = ".para-split {\n  display: flex;\n  min-height: 200px;\n  -webkit-user-select: none;\n  user-select: none;\n}\n.para-split-left {\n  background-color: #ffffff;\n  position: relative;\n  min-width: 201px;\n}\n.para-split-left .para-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.para-split-left .para-split-separator i {\n  display: inline-block;\n  height: 14px;\n  width: 1px;\n  background-color: #e9e9e9;\n  margin: 0 1px;\n}\n.para-split-left-content {\n  padding: 20px 34px 20px 20px;\n}\n.para-split .para-split-right {\n  background-color: #ffffff;\n  flex: 1;\n}\n.para-split .para-split-right-content {\n  padding: 20px;\n}";
+styleInject(css_248z);
+
+var Split = function Split(props) {
+  var _props$minWidth = props.minWidth,
+      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];
+  /**
+   * 陈夕 2021/4/21 下午3:34
+   * desc: 开始拖拽
+   * @params
+   **/
+
+
+  var startDrag = function startDrag(e) {
+    startX = e.clientX;
+    startWidthContainer = getDivWidth(containerRef.current);
+    startWidth = getDivWidth(scalableRef.current);
+    document.documentElement.addEventListener("mousemove", onDrag);
+    document.documentElement.addEventListener("mouseup", onStopDrag);
+  };
+  /**
+   * 陈夕 2021/4/21 下午3:34
+   * desc: 拖拽计算宽度位置，不能出现滚动条，所以要设置临界值
+   * @params
+   **/
+
+
+  var onDrag = function onDrag(e) {
+    var newWidth = startWidth + e.clientX - startX;
+    if (startWidthContainer - newWidth <= minWidth || newWidth <= minWidth) return;
+    scalableRef.current.style.width = newWidth + "px";
+  };
+  /**
+   * 陈夕 2021/4/21 下午3:35
+   * desc: 停止拖动，移除事件
+   * @params
+   **/
+
+
+  var onStopDrag = function onStopDrag(e) {
+    document.documentElement.removeEventListener("mousemove", onDrag);
+    document.documentElement.removeEventListener("mouseup", onStopDrag);
+  };
+  /**
+   * 陈夕 2021/4/21 下午3:35
+   * 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);
+    }
+  }, [separatorRef]);
+  /**
+   * 陈夕 2021/4/21 下午3:35
+   * desc: 切分传进来的数组的组件值
+   * @params
+   **/
+
+  React__default.useEffect(function () {
+    if (children && _typeof(children) === "object") {
+      setState({
+        left: children,
+        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);
+      setState({
+        left: leftComponent,
+        right: rightComponent
+      });
+    }
+  }, [children]);
+  return jsxs("div", Object.assign({
+    className: "para-split",
+    ref: containerRef
+  }, {
+    children: [jsxs("div", Object.assign({
+      className: "para-split-left"
+    }, {
+      children: [jsx("div", Object.assign({
+        className: "para-split-left-content",
+        ref: scalableRef
+      }, {
+        children: state.left
+      })), jsxs("div", Object.assign({
+        className: "para-split-separator",
+        ref: separatorRef
+      }, {
+        children: [jsx("i", {}), jsx("i", {})]
+      }))]
+    })), jsx("div", Object.assign({
+      className: "para-split-right"
+    }, {
+      children: jsx("div", Object.assign({
+        className: "para-split-right-content"
+      }, {
+        children: state.right
+      }))
+    }))]
+  }));
+};
+
+export { Split as default };

package/Stepper/index.d.ts

@@ -1,39 +1,55 @@
+import React__default from 'react';
+import RcSteps from 'rc-steps';
+import styleInject from './node_modules/style-inject/dist/style-inject.es.js';
+
+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-stepper {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgba(0, 0, 0, 0.85);\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\n.paraui-stepper-item {\n  position: relative;\n  display: inline-block;\n  flex: 1;\n  vertical-align: top;\n}\n\n.paraui-stepper-item-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  outline: none;\n}\n\n.paraui-stepper-item:last-child > .paraui-stepper-item-container > .paraui-stepper-item-tail,\n.paraui-stepper-item:last-child > .paraui-stepper-item-container > .paraui-stepper-item-content > .paraui-stepper-item-title::after {\n  display: none;\n}\n\n.paraui-stepper-item-icon,\n.paraui-stepper-item-content {\n  display: block;\n  vertical-align: top;\n}\n\n.paraui-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\n.paraui-stepper-item-icon .paraui-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-stepper-item-icon .paraui-stepper-icon svg {\n  color: inherit;\n}\n\n.paraui-stepper-item-tail {\n  position: absolute;\n  top: 12px;\n  left: 0;\n  width: 100%;\n  padding: 0 10px;\n}\n\n.paraui-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\n.paraui-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\n.paraui-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\n.paraui-stepper-item-subtitle {\n  display: inline;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.45);\n  font-weight: normal;\n  font-size: 14px;\n}\n\n.paraui-stepper-item-description {\n  color: rgba(0, 0, 0, 0.45);\n  font-size: 14px;\n}\n\n.paraui-stepper-item-wait .paraui-stepper-item-icon {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n\n.paraui-stepper-item-wait .paraui-stepper-item-icon > .paraui-stepper-icon {\n  color: rgba(46, 55, 67, 0.7);\n}\n\n.paraui-stepper-item-wait .paraui-stepper-item-icon > .paraui-stepper-icon .paraui-stepper-icon-dot {\n  background: rgba(0, 0, 0, 0.25);\n}\n\n.paraui-stepper-item-wait > .paraui-stepper-item-container > .paraui-stepper-item-content > .paraui-stepper-item-title {\n  color: rgba(46, 55, 67, 0.7);\n}\n\n.paraui-stepper-item-wait > .paraui-stepper-item-container > .paraui-stepper-item-content > .paraui-stepper-item-title::after {\n  border-top: 1px dashed rgba(171, 176, 185, 0.4);\n  height: 0;\n  background: transparent;\n}\n\n.paraui-stepper-item-wait > .paraui-stepper-item-container > .paraui-stepper-item-content > .paraui-stepper-item-description {\n  color: rgba(0, 0, 0, 0.45);\n}\n\n.paraui-stepper-item-wait > .paraui-stepper-item-container > .paraui-stepper-item-tail::after {\n  border-left: 1px dashed rgba(171, 176, 185, 0.4);\n}\n\n.paraui-stepper-item-process .paraui-stepper-item-icon {\n  background-color: #fff;\n}\n\n.paraui-stepper-item-process .paraui-stepper-item-icon > .paraui-stepper-icon {\n  color: #1890ff;\n}\n\n.paraui-stepper-item-process .paraui-stepper-item-icon > .paraui-stepper-icon .paraui-stepper-icon-dot {\n  background: #1890ff;\n}\n\n.paraui-stepper-item-process > .paraui-stepper-item-container > .paraui-stepper-item-content > .paraui-stepper-item-title {\n  color: rgb(54, 102, 214);\n}\n\n.paraui-stepper-item-process > .paraui-stepper-item-container > .paraui-stepper-item-content > .paraui-stepper-item-title::after {\n  background: linear-gradient(90deg, rgb(61, 102, 248), rgb(119, 147, 249) 74%, rgb(216, 223, 250));\n}\n\n.paraui-stepper-item-process > .paraui-stepper-item-container > .paraui-stepper-item-content > .paraui-stepper-item-description {\n  color: rgba(0, 0, 0, 0.85);\n}\n\n.paraui-stepper-item-process > .paraui-stepper-item-container > .paraui-stepper-item-tail::after {\n  background: linear-gradient(180deg, rgb(61, 102, 248), rgb(119, 147, 249) 74%, rgb(216, 223, 250));\n}\n\n.paraui-stepper-item-process > .paraui-stepper-item-container > .paraui-stepper-item-icon {\n  background: rgb(54, 102, 214);\n}\n\n.paraui-stepper-item-process > .paraui-stepper-item-container > .paraui-stepper-item-icon .paraui-stepper-icon {\n  color: #fff;\n}\n\n.paraui-stepper-item-process > .paraui-stepper-item-container > .paraui-stepper-item-title {\n  font-weight: 500;\n}\n\n.paraui-stepper-item-finish .paraui-stepper-item-icon {\n  background-color: rgba(54, 102, 214, 0.8);\n}\n\n.paraui-stepper-item-finish .paraui-stepper-item-icon > .paraui-stepper-icon {\n  color: rgb(255, 255, 255);\n}\n\n.paraui-stepper-item-finish .paraui-stepper-item-icon > .paraui-stepper-icon .paraui-stepper-icon-dot {\n  background: #1890ff;\n}\n\n.paraui-stepper-item-finish > .paraui-stepper-item-container > .paraui-stepper-item-content > .paraui-stepper-item-title {\n  color: rgba(0, 0, 0, 0.85);\n}\n\n.paraui-stepper-item-finish > .paraui-stepper-item-container > .paraui-stepper-item-content > .paraui-stepper-item-title::after {\n  background-color: rgba(171, 176, 185, 0.4);\n}\n\n.paraui-stepper-item-finish > .paraui-stepper-item-container > .paraui-stepper-item-content > .paraui-stepper-item-description {\n  color: rgba(0, 0, 0, 0.45);\n}\n\n.paraui-stepper-item-finish > .paraui-stepper-item-container > .paraui-stepper-item-tail::after {\n  border-left: 1px solid rgba(171, 176, 185, 0.4);\n}\n\n.paraui-stepper-item-error .paraui-stepper-item-icon {\n  background-color: #fff;\n  border-color: #ff4d4f;\n}\n\n.paraui-stepper-item-error .paraui-stepper-item-icon > .paraui-stepper-icon {\n  color: #ff4d4f;\n}\n\n.paraui-stepper-item-error .paraui-stepper-item-icon > .paraui-stepper-icon .paraui-stepper-icon-dot {\n  background: #ff4d4f;\n}\n\n.paraui-stepper-item-error > .paraui-stepper-item-container > .paraui-stepper-item-content > .paraui-stepper-item-title {\n  color: #ff4d4f;\n}\n\n.paraui-stepper-item-error > .paraui-stepper-item-container > .paraui-stepper-item-content > .paraui-stepper-item-title::after {\n  background-color: #f0f0f0;\n}\n\n.paraui-stepper-item-error > .paraui-stepper-item-container > .paraui-stepper-item-content > .paraui-stepper-item-description {\n  color: #ff4d4f;\n}\n\n.paraui-stepper-item-error > .paraui-stepper-item-container > .paraui-stepper-item-tail::after {\n  background-color: #f0f0f0;\n}\n\n.paraui-stepper-item.paraui-stepper-next-error .paraui-stepper-item-title::after {\n  background: #ff4d4f;\n}\n\n.paraui-stepper-item-disabled {\n  cursor: not-allowed;\n}\n\n.paraui-stepper .paraui-stepper-item:not(.paraui-stepper-item-active) > .paraui-stepper-item-container[role=button] {\n  cursor: pointer;\n}\n\n.paraui-stepper .paraui-stepper-item:not(.paraui-stepper-item-active) > .paraui-stepper-item-container[role=button] .paraui-stepper-item-title,\n.paraui-stepper .paraui-stepper-item:not(.paraui-stepper-item-active) > .paraui-stepper-item-container[role=button] .paraui-stepper-item-subtitle,\n.paraui-stepper .paraui-stepper-item:not(.paraui-stepper-item-active) > .paraui-stepper-item-container[role=button] .paraui-stepper-item-description,\n.paraui-stepper .paraui-stepper-item:not(.paraui-stepper-item-active) > .paraui-stepper-item-container[role=button] .paraui-stepper-item-icon .paraui-stepper-icon {\n  transition: color 0.3s;\n}\n\n.paraui-stepper .paraui-stepper-item:not(.paraui-stepper-item-active) > .paraui-stepper-item-container[role=button]:hover .paraui-stepper-item-title,\n.paraui-stepper .paraui-stepper-item:not(.paraui-stepper-item-active) > .paraui-stepper-item-container[role=button]:hover .paraui-stepper-item-subtitle,\n.paraui-stepper .paraui-stepper-item:not(.paraui-stepper-item-active) > .paraui-stepper-item-container[role=button]:hover .paraui-stepper-item-description {\n  color: #1890ff;\n}\n\n.paraui-stepper .paraui-stepper-item:not(.paraui-stepper-item-active):not(.paraui-stepper-item-process) > .paraui-stepper-item-container[role=button]:hover .paraui-stepper-item-icon {\n  border-color: #1890ff;\n}\n\n.paraui-stepper .paraui-stepper-item:not(.paraui-stepper-item-active):not(.paraui-stepper-item-process) > .paraui-stepper-item-container[role=button]:hover .paraui-stepper-item-icon .paraui-stepper-icon {\n  color: #1890ff;\n}\n\n.paraui-stepper-horizontal:not(.paraui-stepper-label-vertical) .paraui-stepper-item {\n  white-space: nowrap;\n}\n\n.paraui-stepper-horizontal:not(.paraui-stepper-label-vertical) .paraui-stepper-item:first-child {\n  padding-left: 0;\n}\n\n.paraui-stepper-horizontal:not(.paraui-stepper-label-vertical) .paraui-stepper-item:last-child .paraui-stepper-item-title {\n  padding-right: 0;\n}\n\n.paraui-stepper-horizontal:not(.paraui-stepper-label-vertical) .paraui-stepper-item-tail {\n  display: none;\n}\n\n.paraui-stepper-horizontal:not(.paraui-stepper-label-vertical) .paraui-stepper-item-description {\n  max-width: 140px;\n  white-space: normal;\n}\n\n.paraui-stepper-item-custom > .paraui-stepper-item-container > .paraui-stepper-item-icon {\n  height: auto;\n  border: 0;\n}\n\n.paraui-stepper-item-custom > .paraui-stepper-item-container > .paraui-stepper-item-icon > .paraui-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\n.paraui-stepper-item-custom.paraui-stepper-item-process .paraui-stepper-item-icon > .paraui-stepper-icon {\n  background: rgb(54, 102, 214);\n}\n\n.paraui-stepper:not(.paraui-stepper-vertical) .paraui-stepper-item-custom .paraui-stepper-item-icon {\n  width: auto;\n  background: none;\n}\n\n.paraui-stepper:not(.paraui-stepper-vertical) .paraui-stepper-item-custom.paraui-stepper-item-process .paraui-stepper-item-icon {\n  background: rgb(54, 102, 214);\n}\n\n.paraui-stepper:not(.paraui-stepper-vertical) .paraui-stepper-item-custom.paraui-stepper-item-finish .paraui-stepper-item-icon {\n  background: rgba(54, 102, 214, 0.8);\n}\n\n.paraui-stepper-small.paraui-stepper-horizontal:not(.paraui-stepper-label-vertical) .paraui-stepper-item {\n  padding-left: 12px;\n}\n\n.paraui-stepper-small.paraui-stepper-horizontal:not(.paraui-stepper-label-vertical) .paraui-stepper-item:first-child {\n  padding-left: 0;\n}\n\n.paraui-stepper-small .paraui-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\n.paraui-stepper-small .paraui-stepper-item-title {\n  padding-right: 12px;\n  font-size: 14px;\n  line-height: 24px;\n}\n\n.paraui-stepper-small .paraui-stepper-item-title::after {\n  top: 12px;\n}\n\n.paraui-stepper-small .paraui-stepper-item-description {\n  color: rgba(0, 0, 0, 0.45);\n  font-size: 14px;\n}\n\n.paraui-stepper-small .paraui-stepper-item-tail {\n  top: 8px;\n}\n\n.paraui-stepper-small .paraui-stepper-item-custom .paraui-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\n.paraui-stepper-small .paraui-stepper-item-custom .paraui-stepper-item-icon > .paraui-stepper-icon {\n  font-size: 24px;\n  line-height: 24px;\n  transform: none;\n}\n\n.paraui-stepper-vertical {\n  display: flex;\n  flex-direction: column;\n}\n\n.paraui-stepper-vertical > .paraui-stepper-item {\n  display: block;\n  flex: 1 0 auto;\n  padding-left: 0;\n  overflow: visible;\n}\n\n.paraui-stepper-vertical > .paraui-stepper-item .paraui-stepper-item-icon {\n  float: left;\n  margin-right: 16px;\n}\n\n.paraui-stepper-vertical > .paraui-stepper-item .paraui-stepper-item-content {\n  display: block;\n  min-height: 68px;\n  overflow: hidden;\n}\n\n.paraui-stepper-vertical > .paraui-stepper-item .paraui-stepper-item-title {\n  line-height: 32px;\n}\n\n.paraui-stepper-vertical > .paraui-stepper-item .paraui-stepper-item-description {\n  padding-bottom: 12px;\n}\n\n.paraui-stepper-vertical > .paraui-stepper-item > .paraui-stepper-item-container {\n  flex-direction: row;\n  align-items: flex-start;\n}\n\n.paraui-stepper-vertical > .paraui-stepper-item > .paraui-stepper-item-container > .paraui-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\n.paraui-stepper-vertical > .paraui-stepper-item > .paraui-stepper-item-container > .paraui-stepper-item-tail::after {\n  width: 1px;\n  height: 100%;\n}\n\n.paraui-stepper-vertical > .paraui-stepper-item:not(:last-child) > .paraui-stepper-item-container > .paraui-stepper-item-tail {\n  display: block;\n}\n\n.paraui-stepper-vertical > .paraui-stepper-item > .paraui-stepper-item-container > .paraui-stepper-item-content > .paraui-stepper-item-title::after {\n  display: none;\n}\n\n.paraui-stepper-vertical.paraui-stepper-small .paraui-stepper-item-container .paraui-stepper-item-tail {\n  position: absolute;\n  top: 0;\n  left: 12px;\n  padding: 30px 0 6px;\n}\n\n.paraui-stepper-vertical.paraui-stepper-small .paraui-stepper-item-container .paraui-stepper-item-title {\n  line-height: 24px;\n}\n\n.paraui-stepper-label-vertical .paraui-stepper-item {\n  overflow: visible;\n}\n\n.paraui-stepper-label-vertical .paraui-stepper-item-tail {\n  margin-left: 58px;\n  padding: 3.5px 24px;\n}\n\n.paraui-stepper-label-vertical .paraui-stepper-item-content {\n  display: block;\n  width: 116px;\n  margin-top: 8px;\n  text-align: center;\n}\n\n.paraui-stepper-label-vertical .paraui-stepper-item-icon {\n  display: inline-block;\n  margin-left: 42px;\n}\n\n.paraui-stepper-label-vertical .paraui-stepper-item-title {\n  padding-right: 0;\n  padding-left: 0;\n}\n\n.paraui-stepper-label-vertical .paraui-stepper-item-title::after {\n  display: none;\n}\n\n.paraui-stepper-label-vertical .paraui-stepper-item-subtitle {\n  display: block;\n  margin-bottom: 4px;\n  margin-left: 0;\n  line-height: 1.5715;\n}\n\n.paraui-stepper-label-vertical.paraui-stepper-small:not(.paraui-stepper-dot) .paraui-stepper-item-icon {\n  margin-left: 46px;\n}";
+styleInject(css_248z);
+
 /**
  * @author Hanz
- * @date 2021/8/4 上午11:26
- * @description 步骤条
+ * @date 2022/6/7 下午4:02
+ * @description stepper
  */
-import { FunctionComponent, ReactNode } from 'react';
-import { StepperProps as MuiStepperProps } from "@material-ui/core";
-import './index.scss';
+
 declare type StepItem = string | {
-    label: string;
-    icon: ReactNode;
+    label?: React__default.ReactNode;
+    icon?: React__default.ReactNode;
+    [name: string]: any;
 };
-export interface StepperProps extends Omit<MuiStepperProps, 'children' | 'connector' | 'nonLinear'> {
-    /**
-     * 模式
-     * 数字或图标
-     */
+interface StepperProps {
+    className?: string;
+    /** 当前步骤 */
+    current?: number;
+    direction?: 'horizontal' | 'vertical';
+    style?: React__default.CSSProperties;
+    /** 数字或图标 */
     mode?: 'number' | 'icon';
-    /**
-     * 当前步骤
-     */
+    /** 当前步骤 */
     activeStep?: number;
-    /**
-     * 步骤条水平或垂直
-     */
+    /** 步骤条水平或垂直 */
     orientation?: 'horizontal' | 'vertical';
-    /**
-     * 标签位置 下方或右侧
-     */
-    alternativeLabel?: boolean;
     /**
      * 步骤条数据
      * number : Array<string>
      * icon : Array<{ label: string, icon: ReactNode }>
      */
-    steps?: Array<StepItem>;
+    steps?: StepItem[];
+    [name: string]: any;
+}
+interface StepProps {
+    className?: string;
+    description?: React__default.ReactNode;
+    icon?: React__default.ReactNode;
+    onClick?: React__default.MouseEventHandler<HTMLElement>;
+    status?: 'wait' | 'process' | 'finish' | 'error';
+    disabled?: boolean;
+    title?: React__default.ReactNode;
+    subTitle?: React__default.ReactNode;
+    style?: React__default.CSSProperties;
+}
+interface StepsType extends React__default.FC<StepperProps> {
+    Step: typeof RcSteps.Step;
 }
-export declare const Stepper: FunctionComponent<StepperProps>;
-export default Stepper;
+declare const Stepper: StepsType;
+
+export { StepProps, Stepper, StepperProps, Stepper as default };

package/Stepper/index.js

@@ -1,15 +1,99 @@
-!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react"),require("@material-ui/core"),require("clsx"),require("@para-ui/icons/One"),require("@para-ui/icons/Two"),require("@para-ui/icons/Three"),require("@para-ui/icons/Four"),require("@para-ui/icons/Five"),require("@para-ui/icons/Six"),require("@para-ui/icons/Seven"),require("@para-ui/icons/Eight"),require("@para-ui/icons/Nine"),require("@para-ui/icons/Check")):"function"==typeof define&&define.amd?define(["react","@material-ui/core","clsx","@para-ui/icons/One","@para-ui/icons/Two","@para-ui/icons/Three","@para-ui/icons/Four","@para-ui/icons/Five","@para-ui/icons/Six","@para-ui/icons/Seven","@para-ui/icons/Eight","@para-ui/icons/Nine","@para-ui/icons/Check"],r):"object"==typeof exports?exports.ParaUI=r(require("react"),require("@material-ui/core"),require("clsx"),require("@para-ui/icons/One"),require("@para-ui/icons/Two"),require("@para-ui/icons/Three"),require("@para-ui/icons/Four"),require("@para-ui/icons/Five"),require("@para-ui/icons/Six"),require("@para-ui/icons/Seven"),require("@para-ui/icons/Eight"),require("@para-ui/icons/Nine"),require("@para-ui/icons/Check")):e.ParaUI=r(e.react,e["@material-ui/core"],e.clsx,e["@para-ui/icons/One"],e["@para-ui/icons/Two"],e["@para-ui/icons/Three"],e["@para-ui/icons/Four"],e["@para-ui/icons/Five"],e["@para-ui/icons/Six"],e["@para-ui/icons/Seven"],e["@para-ui/icons/Eight"],e["@para-ui/icons/Nine"],e["@para-ui/icons/Check"])}(self,(function(e,r,t,n,i,o,a,c,s,p,u,l,f){return function(){var d={8310:function(e,r,t){(r=t(3645)(!1)).push([e.id,".paraui-stepper-step+div .paraui-stepper-connector>span{border:0;height:1px;background:linear-gradient(90deg, rgb(61, 102, 248), rgb(119, 147, 249) 74%, rgb(216, 223, 250))}.paraui-stepper .paraui-stepper-step-label{margin-top:8px;color:rgba(46,55,67,.7);font-size:14px;font-weight:400}.paraui-stepper .paraui-stepper-step-label--active{color:#3666d6}.paraui-stepper .paraui-stepper-step-label--completed{color:#2e3743}.paraui-stepper-step-icon{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;background-color:rgba(171,176,185,.12);border-radius:50%}.paraui-stepper-step-icon>svg{color:rgba(46,55,67,.7)}.paraui-stepper-step-icon--active{background-color:#3666d6}.paraui-stepper-step-icon--active>svg{color:#fff}.paraui-stepper-step-icon--completed{background-color:rgba(54,102,214,.8)}.paraui-stepper-step-icon--completed>svg{color:#fff}.paraui-stepper-step-icon--one>svg{margin-left:-2px}.paraui-stepper .paraui-stepper-connector{top:15px;left:calc(-50% + 27px);right:calc(50% + 27px)}.paraui-stepper .paraui-stepper-connector>span{border-top:1px dashed rgba(171,176,185,.4)}.paraui-stepper .paraui-stepper-connector--active>span,.paraui-stepper .paraui-stepper-connector--completed>span{border-top:1px solid rgba(171,176,185,.4)}",""]),e.exports=r},3645:function(e){"use strict";e.exports=function(e){var r=[];return r.toString=function(){return this.map((function(r){var t=function(e,r){var t=e[1]||"",n=e[3];if(!n)return t;if(r&&"function"==typeof btoa){var i=(a=n,c=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),s="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(c),"/*# ".concat(s," */")),o=n.sources.map((function(e){return"/*# sourceURL=".concat(n.sourceRoot||"").concat(e," */")}));return[t].concat(o).concat([i]).join("\n")}var a,c,s;return[t].join("\n")}(r,e);return r[2]?"@media ".concat(r[2]," {").concat(t,"}"):t})).join("")},r.i=function(e,t,n){"string"==typeof e&&(e=[[null,e,""]]);var i={};if(n)for(var o=0;o<this.length;o++){var a=this[o][0];null!=a&&(i[a]=!0)}for(var c=0;c<e.length;c++){var s=[].concat(e[c]);n&&i[s[0]]||(t&&(s[2]?s[2]="".concat(t," and ").concat(s[2]):s[2]=t),r.push(s))}},r}},7418:function(e){"use strict";
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/var r=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;function i(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var r={},t=0;t<10;t++)r["_"+String.fromCharCode(t)]=t;if("0123456789"!==Object.getOwnPropertyNames(r).map((function(e){return r[e]})).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach((function(e){n[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,o){for(var a,c,s=i(e),p=1;p<arguments.length;p++){for(var u in a=Object(arguments[p]))t.call(a,u)&&(s[u]=a[u]);if(r){c=r(a);for(var l=0;l<c.length;l++)n.call(a,c[l])&&(s[c[l]]=a[c[l]])}}return s}},5251:function(e,r,t){"use strict";
-/** @license React v17.0.2
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-t(7418);var n=t(8156),i=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var o=Symbol.for;i=o("react.element"),o("react.fragment")}var a=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c=Object.prototype.hasOwnProperty,s={key:!0,ref:!0,__self:!0,__source:!0};function p(e,r,t){var n,o={},p=null,u=null;for(n in void 0!==t&&(p=""+t),void 0!==r.key&&(p=""+r.key),void 0!==r.ref&&(u=r.ref),r)c.call(r,n)&&!s.hasOwnProperty(n)&&(o[n]=r[n]);if(e&&e.defaultProps)for(n in r=e.defaultProps)void 0===o[n]&&(o[n]=r[n]);return{$$typeof:i,type:e,key:p,ref:u,props:o,_owner:a.current}}r.jsx=p},5893:function(e,r,t){"use strict";e.exports=t(5251)},4661:function(e,r,t){var n=t(3379),i=t(8310);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var o={insert:("body","body"),singleton:!1};n(i,o);e.exports=i.locals||{}},3379:function(e,r,t){"use strict";var n,i=function(){return void 0===n&&(n=Boolean(window&&document&&document.all&&!window.atob)),n},o=function(){var e={};return function(r){if(void 0===e[r]){var t=document.querySelector(r);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}e[r]=t}return e[r]}}(),a=[];function c(e){for(var r=-1,t=0;t<a.length;t++)if(a[t].identifier===e){r=t;break}return r}function s(e,r){for(var t={},n=[],i=0;i<e.length;i++){var o=e[i],s=r.base?o[0]+r.base:o[0],p=t[s]||0,u="".concat(s," ").concat(p);t[s]=p+1;var l=c(u),f={css:o[1],media:o[2],sourceMap:o[3]};-1!==l?(a[l].references++,a[l].updater(f)):a.push({identifier:u,updater:m(f,r),references:1}),n.push(u)}return n}function p(e){var r=document.createElement("style"),n=e.attributes||{};if(void 0===n.nonce){var i=t.nc;i&&(n.nonce=i)}if(Object.keys(n).forEach((function(e){r.setAttribute(e,n[e])})),"function"==typeof e.insert)e.insert(r);else{var a=o(e.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(r)}return r}var u,l=(u=[],function(e,r){return u[e]=r,u.filter(Boolean).join("\n")});function f(e,r,t,n){var i=t?"":n.media?"@media ".concat(n.media," {").concat(n.css,"}"):n.css;if(e.styleSheet)e.styleSheet.cssText=l(r,i);else{var o=document.createTextNode(i),a=e.childNodes;a[r]&&e.removeChild(a[r]),a.length?e.insertBefore(o,a[r]):e.appendChild(o)}}function d(e,r,t){var n=t.css,i=t.media,o=t.sourceMap;if(i?e.setAttribute("media",i):e.removeAttribute("media"),o&&"undefined"!=typeof btoa&&(n+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}var v=null,b=0;function m(e,r){var t,n,i;if(r.singleton){var o=b++;t=v||(v=p(r)),n=f.bind(null,t,o,!1),i=f.bind(null,t,o,!0)}else t=p(r),n=d.bind(null,t,r),i=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)};return n(e),function(r){if(r){if(r.css===e.css&&r.media===e.media&&r.sourceMap===e.sourceMap)return;n(e=r)}else i()}}e.exports=function(e,r){(r=r||{}).singleton||"boolean"==typeof r.singleton||(r.singleton=i());var t=s(e=e||[],r);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var n=0;n<t.length;n++){var i=c(t[n]);a[i].references--}for(var o=s(e,r),p=0;p<t.length;p++){var u=c(t[p]);0===a[u].references&&(a[u].updater(),a.splice(u,1))}t=o}}}},670:function(e){"use strict";e.exports=r},2004:function(e){"use strict";e.exports=f},2684:function(e){"use strict";e.exports=u},7600:function(e){"use strict";e.exports=c},4629:function(e){"use strict";e.exports=a},7290:function(e){"use strict";e.exports=l},3308:function(e){"use strict";e.exports=n},2333:function(e){"use strict";e.exports=p},4340:function(e){"use strict";e.exports=s},5469:function(e){"use strict";e.exports=o},1378:function(e){"use strict";e.exports=i},5744:function(e){"use strict";e.exports=t},8156:function(r){"use strict";r.exports=e}},v={};function b(e){var r=v[e];if(void 0!==r)return r.exports;var t=v[e]={id:e,exports:{}};return d[e](t,t.exports,b),t.exports}b.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return b.d(r,{a:r}),r},b.d=function(e,r){for(var t in r)b.o(r,t)&&!b.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},b.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},b.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},b.nc=void 0;var m={};return function(){"use strict";b.r(m),b.d(m,{Stepper:function(){return k},default:function(){return I}});var e=b(5893),r=b(8156),t=b.n(r),n=b(670),i=b(5744),o=b.n(i),a=b(3308),c=b.n(a),s=b(1378),p=b.n(s),u=b(5469),l=b.n(u),f=b(4629),d=b.n(f),v=b(7600),h=b.n(v),g=b(4340),y=b.n(g),x=b(2333),j=b.n(x),O=b(2684),S=b.n(O),w=b(7290),q=b.n(w),C=b(2004),_=b.n(C),N={1:(0,e.jsx)(c(),{}),2:(0,e.jsx)(p(),{}),3:(0,e.jsx)(l(),{}),4:(0,e.jsx)(d(),{}),5:(0,e.jsx)(h(),{}),6:(0,e.jsx)(y(),{}),7:(0,e.jsx)(j(),{}),8:(0,e.jsx)(S(),{}),9:(0,e.jsx)(q(),{}),done:(0,e.jsx)(_(),{})},T=(b(4661),function(){return T=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var i in r=arguments[t])Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i]);return e},T.apply(this,arguments)}),E=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(n=Object.getOwnPropertySymbols(e);i<n.length;i++)r.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(e,n[i])&&(t[n[i]]=e[n[i]])}return t};function P(r){var t=r.active,n=r.completed,i=r.mode,a=r.icon,c=r.iconComp,s=r.index;return(0,e.jsx)("div",T({className:o()("paraui-stepper-step-icon",{"paraui-stepper-step-icon--active":t,"paraui-stepper-step-icon--completed":n,"paraui-stepper-step-icon--one":"number"===i&&0===s&&t})},{children:n?N.done:"number"===i?N[String(a)]:"icon"===i?c||N.done:void 0}))}var k=function(r){var i=r.activeStep,a=void 0===i?0:i,c=r.mode,s=void 0===c?"number":c,p=r.steps,u=void 0===p?[]:p,l=r.alternativeLabel,f=void 0===l||l,d=r.orientation,v=void 0===d?"horizontal":d,b=r.className,m=E(r,["activeStep","mode","steps","alternativeLabel","orientation","className"]),h=function(r,n){return t().forwardRef((function(t,i){return(0,e.jsx)(P,T({mode:s,iconComp:r.icon,index:n},t,{ref:i}))}))};return(0,e.jsx)(n.Stepper,T({className:o()("paraui-stepper",b),activeStep:a,alternativeLabel:f,orientation:v},m,{connector:(0,e.jsx)(n.StepConnector,{classes:{root:"paraui-stepper-connector",active:"paraui-stepper-connector--active",completed:"paraui-stepper-connector--completed"}})},{children:(null==u?void 0:u.length)?u.map((function(r,t){var i="",c={};return"number"===s?(i=r,c.label=i):"object"==typeof r&&(i=r.label||"",c=T({},r)),(0,e.jsx)(n.Step,T({className:o()(a===t&&"paraui-stepper-step")},{children:(0,e.jsx)(n.StepLabel,T({StepIconComponent:h(c,t),classes:{label:"paraui-stepper-step-label",active:"paraui-stepper-step-label--active",completed:"paraui-stepper-step-label--completed"}},{children:i}))}),t)})):null}))},I=k}(),m}()}));
+import { _ as _typeof } from '../_verture/typeof-498dd2b1.js';
+import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
+import { jsx } from 'react/jsx-runtime';
+import React__default from 'react';
+import RcSteps from 'rc-steps';
+import One from '@para-ui/icons/One';
+import Two from '@para-ui/icons/Two';
+import Three from '@para-ui/icons/Three';
+import Four from '@para-ui/icons/Four';
+import Five from '@para-ui/icons/Five';
+import Six from '@para-ui/icons/Six';
+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 { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+
+var Icons = {
+  1: jsx(One, {}),
+  2: jsx(Two, {}),
+  3: jsx(Three, {}),
+  4: jsx(Four, {}),
+  5: jsx(Five, {}),
+  6: jsx(Six, {}),
+  7: jsx(Seven, {}),
+  8: jsx(Eight, {}),
+  9: jsx(Nine, {}),
+  'done': jsx(Check, {})
+};
+
+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-stepper {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgba(0, 0, 0, 0.85);\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\n.paraui-stepper-item {\n  position: relative;\n  display: inline-block;\n  flex: 1;\n  vertical-align: top;\n}\n\n.paraui-stepper-item-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  outline: none;\n}\n\n.paraui-stepper-item:last-child > .paraui-stepper-item-container > .paraui-stepper-item-tail,\n.paraui-stepper-item:last-child > .paraui-stepper-item-container > .paraui-stepper-item-content > .paraui-stepper-item-title::after {\n  display: none;\n}\n\n.paraui-stepper-item-icon,\n.paraui-stepper-item-content {\n  display: block;\n  vertical-align: top;\n}\n\n.paraui-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\n.paraui-stepper-item-icon .paraui-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-stepper-item-icon .paraui-stepper-icon svg {\n  color: inherit;\n}\n\n.paraui-stepper-item-tail {\n  position: absolute;\n  top: 12px;\n  left: 0;\n  width: 100%;\n  padding: 0 10px;\n}\n\n.paraui-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\n.paraui-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\n.paraui-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\n.paraui-stepper-item-subtitle {\n  display: inline;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.45);\n  font-weight: normal;\n  font-size: 14px;\n}\n\n.paraui-stepper-item-description {\n  color: rgba(0, 0, 0, 0.45);\n  font-size: 14px;\n}\n\n.paraui-stepper-item-wait .paraui-stepper-item-icon {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n\n.paraui-stepper-item-wait .paraui-stepper-item-icon > .paraui-stepper-icon {\n  color: rgba(46, 55, 67, 0.7);\n}\n\n.paraui-stepper-item-wait .paraui-stepper-item-icon > .paraui-stepper-icon .paraui-stepper-icon-dot {\n  background: rgba(0, 0, 0, 0.25);\n}\n\n.paraui-stepper-item-wait > .paraui-stepper-item-container > .paraui-stepper-item-content > .paraui-stepper-item-title {\n  color: rgba(46, 55, 67, 0.7);\n}\n\n.paraui-stepper-item-wait > .paraui-stepper-item-container > .paraui-stepper-item-content > .paraui-stepper-item-title::after {\n  border-top: 1px dashed rgba(171, 176, 185, 0.4);\n  height: 0;\n  background: transparent;\n}\n\n.paraui-stepper-item-wait > .paraui-stepper-item-container > .paraui-stepper-item-content > .paraui-stepper-item-description {\n  color: rgba(0, 0, 0, 0.45);\n}\n\n.paraui-stepper-item-wait > .paraui-stepper-item-container > .paraui-stepper-item-tail::after {\n  border-left: 1px dashed rgba(171, 176, 185, 0.4);\n}\n\n.paraui-stepper-item-process .paraui-stepper-item-icon {\n  background-color: #fff;\n}\n\n.paraui-stepper-item-process .paraui-stepper-item-icon > .paraui-stepper-icon {\n  color: #1890ff;\n}\n\n.paraui-stepper-item-process .paraui-stepper-item-icon > .paraui-stepper-icon .paraui-stepper-icon-dot {\n  background: #1890ff;\n}\n\n.paraui-stepper-item-process > .paraui-stepper-item-container > .paraui-stepper-item-content > .paraui-stepper-item-title {\n  color: rgb(54, 102, 214);\n}\n\n.paraui-stepper-item-process > .paraui-stepper-item-container > .paraui-stepper-item-content > .paraui-stepper-item-title::after {\n  background: linear-gradient(90deg, rgb(61, 102, 248), rgb(119, 147, 249) 74%, rgb(216, 223, 250));\n}\n\n.paraui-stepper-item-process > .paraui-stepper-item-container > .paraui-stepper-item-content > .paraui-stepper-item-description {\n  color: rgba(0, 0, 0, 0.85);\n}\n\n.paraui-stepper-item-process > .paraui-stepper-item-container > .paraui-stepper-item-tail::after {\n  background: linear-gradient(180deg, rgb(61, 102, 248), rgb(119, 147, 249) 74%, rgb(216, 223, 250));\n}\n\n.paraui-stepper-item-process > .paraui-stepper-item-container > .paraui-stepper-item-icon {\n  background: rgb(54, 102, 214);\n}\n\n.paraui-stepper-item-process > .paraui-stepper-item-container > .paraui-stepper-item-icon .paraui-stepper-icon {\n  color: #fff;\n}\n\n.paraui-stepper-item-process > .paraui-stepper-item-container > .paraui-stepper-item-title {\n  font-weight: 500;\n}\n\n.paraui-stepper-item-finish .paraui-stepper-item-icon {\n  background-color: rgba(54, 102, 214, 0.8);\n}\n\n.paraui-stepper-item-finish .paraui-stepper-item-icon > .paraui-stepper-icon {\n  color: rgb(255, 255, 255);\n}\n\n.paraui-stepper-item-finish .paraui-stepper-item-icon > .paraui-stepper-icon .paraui-stepper-icon-dot {\n  background: #1890ff;\n}\n\n.paraui-stepper-item-finish > .paraui-stepper-item-container > .paraui-stepper-item-content > .paraui-stepper-item-title {\n  color: rgba(0, 0, 0, 0.85);\n}\n\n.paraui-stepper-item-finish > .paraui-stepper-item-container > .paraui-stepper-item-content > .paraui-stepper-item-title::after {\n  background-color: rgba(171, 176, 185, 0.4);\n}\n\n.paraui-stepper-item-finish > .paraui-stepper-item-container > .paraui-stepper-item-content > .paraui-stepper-item-description {\n  color: rgba(0, 0, 0, 0.45);\n}\n\n.paraui-stepper-item-finish > .paraui-stepper-item-container > .paraui-stepper-item-tail::after {\n  border-left: 1px solid rgba(171, 176, 185, 0.4);\n}\n\n.paraui-stepper-item-error .paraui-stepper-item-icon {\n  background-color: #fff;\n  border-color: #ff4d4f;\n}\n\n.paraui-stepper-item-error .paraui-stepper-item-icon > .paraui-stepper-icon {\n  color: #ff4d4f;\n}\n\n.paraui-stepper-item-error .paraui-stepper-item-icon > .paraui-stepper-icon .paraui-stepper-icon-dot {\n  background: #ff4d4f;\n}\n\n.paraui-stepper-item-error > .paraui-stepper-item-container > .paraui-stepper-item-content > .paraui-stepper-item-title {\n  color: #ff4d4f;\n}\n\n.paraui-stepper-item-error > .paraui-stepper-item-container > .paraui-stepper-item-content > .paraui-stepper-item-title::after {\n  background-color: #f0f0f0;\n}\n\n.paraui-stepper-item-error > .paraui-stepper-item-container > .paraui-stepper-item-content > .paraui-stepper-item-description {\n  color: #ff4d4f;\n}\n\n.paraui-stepper-item-error > .paraui-stepper-item-container > .paraui-stepper-item-tail::after {\n  background-color: #f0f0f0;\n}\n\n.paraui-stepper-item.paraui-stepper-next-error .paraui-stepper-item-title::after {\n  background: #ff4d4f;\n}\n\n.paraui-stepper-item-disabled {\n  cursor: not-allowed;\n}\n\n.paraui-stepper .paraui-stepper-item:not(.paraui-stepper-item-active) > .paraui-stepper-item-container[role=button] {\n  cursor: pointer;\n}\n\n.paraui-stepper .paraui-stepper-item:not(.paraui-stepper-item-active) > .paraui-stepper-item-container[role=button] .paraui-stepper-item-title,\n.paraui-stepper .paraui-stepper-item:not(.paraui-stepper-item-active) > .paraui-stepper-item-container[role=button] .paraui-stepper-item-subtitle,\n.paraui-stepper .paraui-stepper-item:not(.paraui-stepper-item-active) > .paraui-stepper-item-container[role=button] .paraui-stepper-item-description,\n.paraui-stepper .paraui-stepper-item:not(.paraui-stepper-item-active) > .paraui-stepper-item-container[role=button] .paraui-stepper-item-icon .paraui-stepper-icon {\n  transition: color 0.3s;\n}\n\n.paraui-stepper .paraui-stepper-item:not(.paraui-stepper-item-active) > .paraui-stepper-item-container[role=button]:hover .paraui-stepper-item-title,\n.paraui-stepper .paraui-stepper-item:not(.paraui-stepper-item-active) > .paraui-stepper-item-container[role=button]:hover .paraui-stepper-item-subtitle,\n.paraui-stepper .paraui-stepper-item:not(.paraui-stepper-item-active) > .paraui-stepper-item-container[role=button]:hover .paraui-stepper-item-description {\n  color: #1890ff;\n}\n\n.paraui-stepper .paraui-stepper-item:not(.paraui-stepper-item-active):not(.paraui-stepper-item-process) > .paraui-stepper-item-container[role=button]:hover .paraui-stepper-item-icon {\n  border-color: #1890ff;\n}\n\n.paraui-stepper .paraui-stepper-item:not(.paraui-stepper-item-active):not(.paraui-stepper-item-process) > .paraui-stepper-item-container[role=button]:hover .paraui-stepper-item-icon .paraui-stepper-icon {\n  color: #1890ff;\n}\n\n.paraui-stepper-horizontal:not(.paraui-stepper-label-vertical) .paraui-stepper-item {\n  white-space: nowrap;\n}\n\n.paraui-stepper-horizontal:not(.paraui-stepper-label-vertical) .paraui-stepper-item:first-child {\n  padding-left: 0;\n}\n\n.paraui-stepper-horizontal:not(.paraui-stepper-label-vertical) .paraui-stepper-item:last-child .paraui-stepper-item-title {\n  padding-right: 0;\n}\n\n.paraui-stepper-horizontal:not(.paraui-stepper-label-vertical) .paraui-stepper-item-tail {\n  display: none;\n}\n\n.paraui-stepper-horizontal:not(.paraui-stepper-label-vertical) .paraui-stepper-item-description {\n  max-width: 140px;\n  white-space: normal;\n}\n\n.paraui-stepper-item-custom > .paraui-stepper-item-container > .paraui-stepper-item-icon {\n  height: auto;\n  border: 0;\n}\n\n.paraui-stepper-item-custom > .paraui-stepper-item-container > .paraui-stepper-item-icon > .paraui-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\n.paraui-stepper-item-custom.paraui-stepper-item-process .paraui-stepper-item-icon > .paraui-stepper-icon {\n  background: rgb(54, 102, 214);\n}\n\n.paraui-stepper:not(.paraui-stepper-vertical) .paraui-stepper-item-custom .paraui-stepper-item-icon {\n  width: auto;\n  background: none;\n}\n\n.paraui-stepper:not(.paraui-stepper-vertical) .paraui-stepper-item-custom.paraui-stepper-item-process .paraui-stepper-item-icon {\n  background: rgb(54, 102, 214);\n}\n\n.paraui-stepper:not(.paraui-stepper-vertical) .paraui-stepper-item-custom.paraui-stepper-item-finish .paraui-stepper-item-icon {\n  background: rgba(54, 102, 214, 0.8);\n}\n\n.paraui-stepper-small.paraui-stepper-horizontal:not(.paraui-stepper-label-vertical) .paraui-stepper-item {\n  padding-left: 12px;\n}\n\n.paraui-stepper-small.paraui-stepper-horizontal:not(.paraui-stepper-label-vertical) .paraui-stepper-item:first-child {\n  padding-left: 0;\n}\n\n.paraui-stepper-small .paraui-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\n.paraui-stepper-small .paraui-stepper-item-title {\n  padding-right: 12px;\n  font-size: 14px;\n  line-height: 24px;\n}\n\n.paraui-stepper-small .paraui-stepper-item-title::after {\n  top: 12px;\n}\n\n.paraui-stepper-small .paraui-stepper-item-description {\n  color: rgba(0, 0, 0, 0.45);\n  font-size: 14px;\n}\n\n.paraui-stepper-small .paraui-stepper-item-tail {\n  top: 8px;\n}\n\n.paraui-stepper-small .paraui-stepper-item-custom .paraui-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\n.paraui-stepper-small .paraui-stepper-item-custom .paraui-stepper-item-icon > .paraui-stepper-icon {\n  font-size: 24px;\n  line-height: 24px;\n  transform: none;\n}\n\n.paraui-stepper-vertical {\n  display: flex;\n  flex-direction: column;\n}\n\n.paraui-stepper-vertical > .paraui-stepper-item {\n  display: block;\n  flex: 1 0 auto;\n  padding-left: 0;\n  overflow: visible;\n}\n\n.paraui-stepper-vertical > .paraui-stepper-item .paraui-stepper-item-icon {\n  float: left;\n  margin-right: 16px;\n}\n\n.paraui-stepper-vertical > .paraui-stepper-item .paraui-stepper-item-content {\n  display: block;\n  min-height: 68px;\n  overflow: hidden;\n}\n\n.paraui-stepper-vertical > .paraui-stepper-item .paraui-stepper-item-title {\n  line-height: 32px;\n}\n\n.paraui-stepper-vertical > .paraui-stepper-item .paraui-stepper-item-description {\n  padding-bottom: 12px;\n}\n\n.paraui-stepper-vertical > .paraui-stepper-item > .paraui-stepper-item-container {\n  flex-direction: row;\n  align-items: flex-start;\n}\n\n.paraui-stepper-vertical > .paraui-stepper-item > .paraui-stepper-item-container > .paraui-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\n.paraui-stepper-vertical > .paraui-stepper-item > .paraui-stepper-item-container > .paraui-stepper-item-tail::after {\n  width: 1px;\n  height: 100%;\n}\n\n.paraui-stepper-vertical > .paraui-stepper-item:not(:last-child) > .paraui-stepper-item-container > .paraui-stepper-item-tail {\n  display: block;\n}\n\n.paraui-stepper-vertical > .paraui-stepper-item > .paraui-stepper-item-container > .paraui-stepper-item-content > .paraui-stepper-item-title::after {\n  display: none;\n}\n\n.paraui-stepper-vertical.paraui-stepper-small .paraui-stepper-item-container .paraui-stepper-item-tail {\n  position: absolute;\n  top: 0;\n  left: 12px;\n  padding: 30px 0 6px;\n}\n\n.paraui-stepper-vertical.paraui-stepper-small .paraui-stepper-item-container .paraui-stepper-item-title {\n  line-height: 24px;\n}\n\n.paraui-stepper-label-vertical .paraui-stepper-item {\n  overflow: visible;\n}\n\n.paraui-stepper-label-vertical .paraui-stepper-item-tail {\n  margin-left: 58px;\n  padding: 3.5px 24px;\n}\n\n.paraui-stepper-label-vertical .paraui-stepper-item-content {\n  display: block;\n  width: 116px;\n  margin-top: 8px;\n  text-align: center;\n}\n\n.paraui-stepper-label-vertical .paraui-stepper-item-icon {\n  display: inline-block;\n  margin-left: 42px;\n}\n\n.paraui-stepper-label-vertical .paraui-stepper-item-title {\n  padding-right: 0;\n  padding-left: 0;\n}\n\n.paraui-stepper-label-vertical .paraui-stepper-item-title::after {\n  display: none;\n}\n\n.paraui-stepper-label-vertical .paraui-stepper-item-subtitle {\n  display: block;\n  margin-bottom: 4px;\n  margin-left: 0;\n  line-height: 1.5715;\n}\n\n.paraui-stepper-label-vertical.paraui-stepper-small:not(.paraui-stepper-dot) .paraui-stepper-item-icon {\n  margin-left: 46px;\n}";
+styleInject(css_248z);
+
+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,
+      orientation = props.orientation,
+      _props$direction = props.direction,
+      direction = _props$direction === void 0 ? 'horizontal' : _props$direction,
+      children = props.children,
+      restProps = __rest(props, ["current", "activeStep", "mode", "steps", "orientation", "direction", "children"]);
+
+  var prefixCls = 'paraui-stepper';
+  var icons = {
+    finish: Icons['done'],
+    error: Icons['done']
+  };
+
+  var stepIconRender = function stepIconRender(_ref) {
+    var node = _ref.node,
+        status = _ref.status;
+
+    if (status === 'finish') {
+      return /*#__PURE__*/React__default.cloneElement(node, {}, Icons['done']);
+    }
+
+    return node;
+  }; //渲染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];
+      } else if (_typeof(item) === 'object') {
+        label = item.label;
+        icon = item.icon;
+      }
+
+      return jsx(Stepper.Step, {
+        title: label,
+        icon: icon
+      }, index);
+    });
+  };
+
+  return jsx(RcSteps, Object.assign({
+    current: activeStep !== null && activeStep !== void 0 ? activeStep : current,
+    icons: icons
+  }, restProps, {
+    direction: orientation !== null && orientation !== void 0 ? orientation : direction,
+    stepIcon: stepIconRender,
+    prefixCls: prefixCls
+  }, {
+    children: renderStep()
+  }));
+};
+Stepper.Step = RcSteps.Step;
+
+export { Stepper, Stepper as default };

package/Switch/index.d.ts

@@ -1,14 +1,19 @@
+import React__default, { ReactNode, FunctionComponent } from 'react';
+import { LabelTooltipProps } from '../Label/index.js';
+import styleInject from './node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/3 下午5:58\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-switch {\n  position: relative;\n  display: inline-block;\n  min-width: 32px;\n  height: 18px;\n  vertical-align: middle;\n  background-color: transparent;\n  border: 0;\n  border-radius: 100px;\n  cursor: pointer;\n  transition: all 0.2s;\n  user-select: none;\n}\n.paraui-switch:before {\n  position: absolute;\n  top: 2px;\n  left: 0;\n  width: 100%;\n  height: 14px;\n  border-radius: 100px;\n  background-color: rgba(171, 176, 185, 0.4);\n  content: \"\";\n  transition: all 0.2s;\n}\n.paraui-switch:focus {\n  outline: 0;\n  box-shadow: none;\n}\n.paraui-switch-checked:focus {\n  box-shadow: none;\n}\n.paraui-switch:focus:hover {\n  box-shadow: none;\n}\n.paraui-switch-checked:before {\n  background-color: rgba(54, 102, 214, 0.2);\n}\n.paraui-switch-loading, .paraui-switch-disabled {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n.paraui-switch-loading *, .paraui-switch-disabled * {\n  box-shadow: none;\n  cursor: not-allowed;\n}\n.paraui-switch-inner {\n  display: block;\n  margin: 0 7px 0 25px;\n  color: rgb(255, 255, 255);\n  font-size: 14px;\n  transition: margin 0.2s;\n}\n.paraui-switch-checked .paraui-switch-inner {\n  margin: 0 25px 0 7px;\n}\n.paraui-switch-handle {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 18px;\n  height: 18px;\n  transition: all 0.2s ease-in-out;\n}\n.paraui-switch-handle::before {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: #8996AA;\n  border-radius: 9px;\n  box-shadow: none;\n  transition: all 0.2s ease-in-out;\n  content: \"\";\n}\n.paraui-switch-checked .paraui-switch-handle {\n  left: calc(100% - 18px);\n}\n.paraui-switch-checked .paraui-switch-handle::before {\n  background-color: rgb(54, 102, 214);\n}\n.paraui-switch:not(.paraui-switch-disabled):active .paraui-switch-handle::before {\n  right: -30%;\n  left: 0;\n}\n.paraui-switch:not(.paraui-switch-disabled):active.paraui-switch-checked .paraui-switch-handle::before {\n  right: 0;\n  left: -30%;\n}\n.paraui-switch-loading-icon {\n  position: relative;\n  top: 1px;\n  color: rgb(54, 102, 214);\n  vertical-align: top;\n  animation: loadingCircle 1s infinite linear;\n}\n.paraui-switch-checked .paraui-switch-loading-icon {\n  color: rgb(255, 255, 255);\n}\n.paraui-switch-small {\n  min-width: 28px;\n  height: 14px;\n  line-height: 14px;\n}\n.paraui-switch-small .paraui-switch-inner {\n  margin: 0 5px 0 18px;\n  font-size: 14px;\n}\n.paraui-switch-small .paraui-switch-handle {\n  width: 12px;\n  height: 12px;\n}\n.paraui-switch-small .paraui-switch-loading-icon {\n  top: 1.5px;\n  font-size: 9px;\n}\n.paraui-switch-small.paraui-switch-checked .paraui-switch-inner {\n  margin: 0 18px 0 5px;\n}\n.paraui-switch-small.paraui-switch-checked .paraui-switch-handle {\n  left: calc(100% - 12px - 2px);\n}\n@keyframes loadingCircle {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.paraui-switch-label {\n  display: inline-flex;\n}\n.paraui-switch-label .paraui-switch-text {\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 14px;\n  font-weight: 400;\n}\n.paraui-switch-label-top {\n  flex-direction: column-reverse;\n  align-items: flex-start;\n}\n.paraui-switch-label-top .paraui-switch-text {\n  margin-bottom: 8px;\n}\n.paraui-switch-label-bottom {\n  flex-direction: column;\n  align-items: flex-start;\n}\n.paraui-switch-label-bottom .paraui-switch-text {\n  margin-top: 8px;\n  margin-bottom: 0;\n}\n.paraui-switch-label-start {\n  flex-direction: row-reverse;\n  align-items: center;\n}\n.paraui-switch-label-start .paraui-switch-text {\n  margin-right: 8px;\n  margin-bottom: 0;\n}\n.paraui-switch-label-end {\n  flex-direction: row;\n  align-items: center;\n}\n.paraui-switch-label-end .paraui-switch-text {\n  margin-left: 8px;\n  margin-bottom: 0;\n}";
+styleInject(css_248z);
+
 /**
  * @author Hanz
  * @date 2021/8/5
  * @description switch 开关
  */
-import React, { FunctionComponent, ReactNode } from 'react';
-import { LabelTooltipProps } from '../Label';
-import "./index.scss";
-declare type SwitchChangeEventHandler = (checked: boolean, event: React.MouseEvent | React.KeyboardEvent) => void;
+
+declare type SwitchChangeEventHandler = (checked: boolean, event: React__default.MouseEvent | React__default.KeyboardEvent) => void;
 declare type SwitchClickEventHandler = SwitchChangeEventHandler;
-export interface SwitchProps {
+interface SwitchProps {
     /**
      * 开关大小
      */
@@ -20,7 +25,7 @@ export interface SwitchProps {
     /**
      * style
      */
-    style?: React.CSSProperties;
+    style?: React__default.CSSProperties;
     /**
      * 是否选中
      */
@@ -40,11 +45,11 @@ export interface SwitchProps {
     /**
      * 选中的是内容
      */
-    checkedChildren?: React.ReactNode;
+    checkedChildren?: React__default.ReactNode;
     /**
      * 非选中时内容
      */
-    unCheckedChildren?: React.ReactNode;
+    unCheckedChildren?: React__default.ReactNode;
     /**
      * 是否禁用
      */
@@ -74,5 +79,6 @@ export interface SwitchProps {
      */
     labelPlacement?: 'top' | 'bottom' | 'start' | 'end';
 }
-export declare const Switch: FunctionComponent<SwitchProps>;
-export default Switch;
+declare const Switch: FunctionComponent<SwitchProps>;
+
+export { Switch, SwitchProps, Switch as default };