@para-ui/core 2.2.9 → 3.0.1

package/Slider/interface.d.ts

@@ -1,102 +1,102 @@
-/**
- * @author Hanz
- * @date 2021/11/5 下午4:05
- * @description
- */
-import React from "react";
-export declare type TooltipPlacement = 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
-interface SliderRange {
-    draggableTrack?: boolean;
-}
-export interface SliderMarks {
-    [key: number]: React.ReactNode | {
-        style: React.CSSProperties;
-        label: React.ReactNode;
-    };
-}
-export interface HandleGeneratorInfo {
-    value?: number;
-    dragging?: boolean;
-    index: number;
-}
-export declare type HandleGeneratorFn = (config: {
-    tooltipPrefixCls?: string;
-    info: HandleGeneratorInfo;
-}) => React.ReactElement;
-export interface SliderBaseProps {
-    /** 反向坐标 */
-    reverse?: boolean;
-    /** 最小值 */
-    min?: number;
-    /** 最大值 */
-    max?: number;
-    /** 步长，取值必须大于 0，并且可被 (max - min) 整除，
-     * 当 marks 不为空对象时，
-     * 可以设置 step 为 null，
-     * 此时 Slider 的可选值仅有 marks 标出来的部分
-     */
-    step?: null | number;
-    /** 刻度标记，key 的类型必须为 number
-     * 且取值在闭区间 [min, max] 内，每个标签可以单独设置样式
-     */
-    marks?: SliderMarks;
-    /** 是否只能拖拽到刻度上 */
-    dots?: boolean;
-    /** marks 不为空对象时有效，值为 true 时表示值为包含关系，false 表示并列 */
-    included?: boolean;
-    /** 禁用状态 */
-    disabled?: boolean;
-    /** 垂直方向 */
-    vertical?: boolean;
-    /** 提示格式化回调 */
-    tipFormatter?: null | ((value?: number) => React.ReactNode);
-    /** 类名 */
-    className?: string;
-    /** style */
-    style?: React.CSSProperties;
-    /** tooltip 是否始终显示 */
-    tooltipVisible?: boolean;
-    /** tooltip 显示位置 */
-    tooltipPlacement?: TooltipPlacement;
-    /** tooltip 挂载节点 */
-    getTooltipPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
-    /** 是否获得焦点 */
-    autoFocus?: boolean;
-}
-export interface SliderSingleProps extends SliderBaseProps {
-    /** 非范围slider */
-    range?: false;
-    /** 当前值 */
-    value?: number;
-    /** 默认值 */
-    defaultValue?: number;
-    /** 值变化时回调 */
-    onChange?: (value: number) => void;
-    /** 值变化后回调 */
-    onAfterChange?: (value: number) => void;
-    /** handle 样式 */
-    handleStyle?: React.CSSProperties;
-    /** 轨道样式 */
-    trackStyle?: React.CSSProperties;
-}
-export interface SliderRangeProps extends SliderBaseProps {
-    /** 范围slider */
-    range: true | SliderRange;
-    /** 当前值 */
-    value?: number[];
-    /** 默认值 */
-    defaultValue?: number[];
-    /** 值变化时回调 */
-    onChange?: (value: number[]) => void;
-    /** 值变化后回调 */
-    onAfterChange?: (value: number[]) => void;
-    /** handle 样式 */
-    handleStyle?: React.CSSProperties[];
-    /** 轨道样式 */
-    trackStyle?: React.CSSProperties[];
-    /** 允许跨越 */
-    allowCross?: boolean;
-    /** 允许推动 */
-    pushable?: boolean | number;
-}
-export {};
+/**
+ * @author Hanz
+ * @date 2021/11/5 下午4:05
+ * @description
+ */
+import React from "react";
+export declare type TooltipPlacement = 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
+interface SliderRange {
+    draggableTrack?: boolean;
+}
+export interface SliderMarks {
+    [key: number]: React.ReactNode | {
+        style: React.CSSProperties;
+        label: React.ReactNode;
+    };
+}
+export interface HandleGeneratorInfo {
+    value?: number;
+    dragging?: boolean;
+    index: number;
+}
+export declare type HandleGeneratorFn = (config: {
+    tooltipPrefixCls?: string;
+    info: HandleGeneratorInfo;
+}) => React.ReactElement;
+export interface SliderBaseProps {
+    /** 反向坐标 */
+    reverse?: boolean;
+    /** 最小值 */
+    min?: number;
+    /** 最大值 */
+    max?: number;
+    /** 步长，取值必须大于 0，并且可被 (max - min) 整除，
+     * 当 marks 不为空对象时，
+     * 可以设置 step 为 null，
+     * 此时 Slider 的可选值仅有 marks 标出来的部分
+     */
+    step?: null | number;
+    /** 刻度标记，key 的类型必须为 number
+     * 且取值在闭区间 [min, max] 内，每个标签可以单独设置样式
+     */
+    marks?: SliderMarks;
+    /** 是否只能拖拽到刻度上 */
+    dots?: boolean;
+    /** marks 不为空对象时有效，值为 true 时表示值为包含关系，false 表示并列 */
+    included?: boolean;
+    /** 禁用状态 */
+    disabled?: boolean;
+    /** 垂直方向 */
+    vertical?: boolean;
+    /** 提示格式化回调 */
+    tipFormatter?: null | ((value?: number) => React.ReactNode);
+    /** 类名 */
+    className?: string;
+    /** style */
+    style?: React.CSSProperties;
+    /** tooltip 是否始终显示 */
+    tooltipVisible?: boolean;
+    /** tooltip 显示位置 */
+    tooltipPlacement?: TooltipPlacement;
+    /** tooltip 挂载节点 */
+    getTooltipPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
+    /** 是否获得焦点 */
+    autoFocus?: boolean;
+}
+export interface SliderSingleProps extends SliderBaseProps {
+    /** 非范围slider */
+    range?: false;
+    /** 当前值 */
+    value?: number;
+    /** 默认值 */
+    defaultValue?: number;
+    /** 值变化时回调 */
+    onChange?: (value: number) => void;
+    /** 值变化后回调 */
+    onAfterChange?: (value: number) => void;
+    /** handle 样式 */
+    handleStyle?: React.CSSProperties;
+    /** 轨道样式 */
+    trackStyle?: React.CSSProperties;
+}
+export interface SliderRangeProps extends SliderBaseProps {
+    /** 范围slider */
+    range: true | SliderRange;
+    /** 当前值 */
+    value?: number[];
+    /** 默认值 */
+    defaultValue?: number[];
+    /** 值变化时回调 */
+    onChange?: (value: number[]) => void;
+    /** 值变化后回调 */
+    onAfterChange?: (value: number[]) => void;
+    /** handle 样式 */
+    handleStyle?: React.CSSProperties[];
+    /** 轨道样式 */
+    trackStyle?: React.CSSProperties[];
+    /** 允许跨越 */
+    allowCross?: boolean;
+    /** 允许推动 */
+    pushable?: boolean | number;
+}
+export {};

package/Split/index.d.ts

@@ -1,7 +1,7 @@
-import { FunctionComponent } from "react";
-import "./style/index.scss";
-interface SplitProps {
-    minWidth?: number;
-}
-declare const Split: FunctionComponent<SplitProps>;
-export default Split;
+import { FunctionComponent } from "react";
+import "./style/index.scss";
+interface SplitProps {
+    minWidth?: number;
+}
+declare const Split: FunctionComponent<SplitProps>;
+export default Split;

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/icons.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-declare const Icons: {
-    [index: string]: React.ReactElement;
-};
-export default Icons;
+import React from 'react';
+declare const Icons: {
+    [index: string]: React.ReactElement;
+};
+export default Icons;

package/Stepper/index.d.ts

@@ -1,39 +1,59 @@
-/**
- * @author Hanz
- * @date 2021/8/4 上午11:26
- * @description 步骤条
- */
-import { FunctionComponent, ReactNode } from 'react';
-import { StepperProps as MuiStepperProps } from "@material-ui/core";
-import './index.scss';
-declare type StepItem = string | {
-    label: string;
-    icon: ReactNode;
-};
-export interface StepperProps extends Omit<MuiStepperProps, 'children' | 'connector' | 'nonLinear'> {
-    /**
-     * 模式
-     * 数字或图标
-     */
-    mode?: 'number' | 'icon';
-    /**
-     * 当前步骤
-     */
-    activeStep?: number;
-    /**
-     * 步骤条水平或垂直
-     */
-    orientation?: 'horizontal' | 'vertical';
-    /**
-     * 标签位置 下方或右侧
-     */
-    alternativeLabel?: boolean;
-    /**
-     * 步骤条数据
-     * number : Array<string>
-     * icon : Array<{ label: string, icon: ReactNode }>
-     */
-    steps?: Array<StepItem>;
-}
-export declare const Stepper: FunctionComponent<StepperProps>;
-export default Stepper;
+/**
+ * @author Hanz
+ * @date 2022/6/7 下午4:02
+ * @description stepper
+ */
+import React from 'react';
+import RcSteps from 'rc-steps';
+import './index.scss';
+declare type StepItem = string | {
+    label?: React.ReactNode;
+    icon?: React.ReactNode;
+    [name: string]: any;
+};
+export interface StepperProps {
+    /** cls */
+    className?: string;
+    /** 当前步骤 */
+    current?: number;
+    /** 指定步骤条方向 */
+    direction?: 'horizontal' | 'vertical';
+    style?: React.CSSProperties;
+    /** 数字或图标 */
+    mode?: 'number' | 'icon';
+    /** 当前步骤 */
+    activeStep?: number;
+    /**
+     * 步骤条数据
+     * number : Array<string>
+     * icon : Array<{ label: string, icon: ReactNode }>
+     */
+    steps?: StepItem[];
+    [name: string]: any;
+}
+export interface StepProps {
+    /** 步骤cls */
+    className?: string;
+    /** 步骤描述 */
+    description?: React.ReactNode;
+    /** 步骤图标 */
+    icon?: React.ReactNode;
+    /** 点击步骤时触发 */
+    onClick?: React.MouseEventHandler<HTMLElement>;
+    /** 步骤状态 */
+    status?: 'wait' | 'process' | 'finish' | 'error';
+    /** 禁用点击 */
+    disabled?: boolean;
+    /** 标题 */
+    title?: React.ReactNode;
+    /** 子标题 */
+    subTitle?: React.ReactNode;
+    /** 步骤样式 */
+    style?: React.CSSProperties;
+}
+interface StepsType extends React.FC<StepperProps> {
+    /** 步骤组件 */
+    Step: typeof RcSteps.Step;
+}
+export declare const Stepper: StepsType;
+export default Stepper;