@sheinx/base 3.0.0-alpha.9 → 3.0.0-rc.10

package/esm/steps/step.default.js

@@ -1,17 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-require("core-js/modules/es.symbol.description.js");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _icons = _interopRequireDefault(require("../icons"));
-var _jsxRuntime = require("react/jsx-runtime");
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import classNames from 'classnames';
+import { util } from '@sheinx/hooks';
+import Icons from "../icons";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var DefaultStep = function DefaultStep(props) {
-  var _jssStyle$steps, _classNames;
+  var _jssStyle$steps;
   var jssStyle = props.jssStyle,
     title = props.title,
     description = props.description,
@@ -21,64 +18,63 @@ var DefaultStep = function DefaultStep(props) {
     labelPlacement = props.labelPlacement,
     renderIconProp = props.renderIcon,
     onChange = props.onChange;
-  var styles = (jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$steps = jssStyle.steps) === null || _jssStyle$steps === void 0 ? void 0 : _jssStyle$steps.call(jssStyle)) || {};
+  var styles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$steps = jssStyle.steps) === null || _jssStyle$steps === void 0 ? void 0 : _jssStyle$steps.call(jssStyle)) || {};
   var rootClass = styles.default;
-  var iconClass = (0, _classnames.default)(styles.icon, (_classNames = {}, (0, _defineProperty2.default)(_classNames, styles.finish, status === 'finish'), (0, _defineProperty2.default)(_classNames, styles.error, status === 'error'), (0, _defineProperty2.default)(_classNames, styles.process, status === 'process'), (0, _defineProperty2.default)(_classNames, styles.wait, status === 'wait'), _classNames));
+  var iconClass = classNames(styles.icon, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.finish, status === 'finish'), styles.error, status === 'error'), styles.process, status === 'process'), styles.wait, status === 'wait'));
   var showTail = labelPlacement === 'vertical' || direction === 'vertical';
   var renderTail = function renderTail() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    return /*#__PURE__*/_jsx("div", {
       className: styles.tail,
       children: " "
     });
   };
   var renderTitle = function renderTitle() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    return /*#__PURE__*/_jsx("div", {
       className: styles.title,
-      children: title
+      children: util.isFunc(title) ? title(index, status) : title
     });
   };
   var renderDescription = function renderDescription() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    return /*#__PURE__*/_jsx("div", {
       className: styles.description,
       children: description
     });
   };
   var renderIcon = function renderIcon() {
-    if (renderIconProp) return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    if (renderIconProp) return /*#__PURE__*/_jsx("div", {
       className: iconClass,
       onClick: onChange,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: /*#__PURE__*/_jsx("span", {
         className: styles.iconWrapper,
         children: renderIconProp(index, status)
       })
     });
     var iconComponent;
     if (status === 'finish') {
-      iconComponent = _icons.default.Check;
+      iconComponent = Icons.steps.Finish;
     } else if (status === 'error') {
-      iconComponent = _icons.default.Close;
+      iconComponent = Icons.steps.Error;
     } else {
       iconComponent = index + 1;
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    return /*#__PURE__*/_jsx("div", {
       className: iconClass,
       onClick: onChange,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: /*#__PURE__*/_jsx("span", {
         className: styles.iconWrapper,
         children: iconComponent
       })
     });
   };
   var renderContent = function renderContent() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    return /*#__PURE__*/_jsxs("div", {
       className: styles.content,
       children: [renderTitle(), description && renderDescription()]
     });
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+  return /*#__PURE__*/_jsxs("div", {
     className: rootClass,
     children: [showTail && renderTail(), renderIcon(), renderContent()]
   });
 };
-var _default = DefaultStep;
-exports.default = _default;
+export default DefaultStep;

package/esm/steps/step.dot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"step.dot.d.ts","sourceRoot":"","sources":["step.dot.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,QAAA,MAAM,OAAO,UAAW,cAAc,gBAiDrC,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"step.dot.d.ts","sourceRoot":"","sources":["step.dot.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,QAAA,MAAM,OAAO,UAAW,cAAc,gBAiDrC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/esm/steps/step.dot.js

@@ -1,16 +1,13 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-require("core-js/modules/es.symbol.description.js");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _jsxRuntime = require("react/jsx-runtime");
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import classNames from 'classnames';
+import { util } from '@sheinx/hooks';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var DotStep = function DotStep(props) {
-  var _jssStyle$steps, _classNames;
+  var _jssStyle$steps;
   var jssStyle = props.jssStyle,
     title = props.title,
     description = props.description,
@@ -18,48 +15,47 @@ var DotStep = function DotStep(props) {
     status = props.status,
     labelPlacement = props.labelPlacement,
     onChange = props.onChange;
-  var styles = (jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$steps = jssStyle.steps) === null || _jssStyle$steps === void 0 ? void 0 : _jssStyle$steps.call(jssStyle)) || {};
+  var styles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$steps = jssStyle.steps) === null || _jssStyle$steps === void 0 ? void 0 : _jssStyle$steps.call(jssStyle)) || {};
   var rootClass = styles.dot;
-  var iconClass = (0, _classnames.default)(styles.icon, (_classNames = {}, (0, _defineProperty2.default)(_classNames, styles.finish, status === 'finish'), (0, _defineProperty2.default)(_classNames, styles.error, status === 'error'), (0, _defineProperty2.default)(_classNames, styles.process, status === 'process'), (0, _defineProperty2.default)(_classNames, styles.wait, status === 'wait'), _classNames));
+  var iconClass = classNames(styles.icon, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.finish, status === 'finish'), styles.error, status === 'error'), styles.process, status === 'process'), styles.wait, status === 'wait'));
   var showTail = direction === 'vertical' || labelPlacement === 'vertical';
   var renderTail = function renderTail() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    return /*#__PURE__*/_jsx("div", {
       className: styles.tail,
       children: " "
     });
   };
   var renderTitle = function renderTitle() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    return /*#__PURE__*/_jsx("div", {
       className: styles.title,
-      children: title
+      children: util.isFunc(title) ? title(props.index, status) : title
     });
   };
   var renderDescription = function renderDescription() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    return /*#__PURE__*/_jsx("div", {
       className: styles.description,
       children: description
     });
   };
   var renderIcon = function renderIcon() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    return /*#__PURE__*/_jsx("div", {
       className: iconClass,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: /*#__PURE__*/_jsx("span", {
         className: styles.iconWrapper
       })
     });
   };
   var renderContent = function renderContent() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    return /*#__PURE__*/_jsxs("div", {
       className: styles.content,
       onClick: onChange,
       children: [renderTitle(), description && renderDescription()]
     });
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+  return /*#__PURE__*/_jsxs("div", {
     className: rootClass,
     onClick: onChange,
     children: [showTail && renderTail(), renderIcon(), renderContent()]
   });
 };
-var _default = DotStep;
-exports.default = _default;
+export default DotStep;

package/esm/steps/step.js

@@ -1,26 +1,18 @@
-"use strict";
-
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/web.dom-collections.for-each.js");
-require("core-js/modules/es.object.get-own-property-descriptors.js");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-require("core-js/modules/es.symbol.description.js");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _hooks = require("@sheinx/hooks");
-var _stepsContext = _interopRequireDefault(require("./steps-context"));
-var _step = _interopRequireDefault(require("./step.default"));
-var _step2 = _interopRequireDefault(require("./step.dot"));
-var _step3 = _interopRequireDefault(require("./step.arrow"));
-var _jsxRuntime = require("react/jsx-runtime");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import classNames from 'classnames';
+import { util } from '@sheinx/hooks';
+import StepsContext from "./steps-context";
+import DefaultStep from "./step.default";
+import DotStep from "./step.dot";
+import ArrowStep from "./step.arrow";
+import { jsx as _jsx } from "react/jsx-runtime";
 var Step = function Step(props) {
-  var _jssStyle$steps, _classNames;
+  var _jssStyle$steps;
   var id = props.id,
     jssStyle = props.jssStyle,
     title = props.title,
@@ -41,7 +33,7 @@ var Step = function Step(props) {
     direction = props.direction,
     onClick = props.onClick,
     onChange = props.onChange;
-  var styles = (jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$steps = jssStyle.steps) === null || _jssStyle$steps === void 0 ? void 0 : _jssStyle$steps.call(jssStyle)) || {};
+  var styles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$steps = jssStyle.steps) === null || _jssStyle$steps === void 0 ? void 0 : _jssStyle$steps.call(jssStyle)) || {};
   var getLabelPlacement = function getLabelPlacement() {
     // dot 类型只支持 vertical labelPlacement
     if (type === 'dot') {
@@ -60,27 +52,27 @@ var Step = function Step(props) {
   };
   var status = getStatus();
   var labelPlacement = getLabelPlacement();
-  var rootClass = (0, _classnames.default)(styles.step, className, styles[status], (_classNames = {}, (0, _defineProperty2.default)(_classNames, styles.disabled, disabled), (0, _defineProperty2.default)(_classNames, styles.finish, current > index), (0, _defineProperty2.default)(_classNames, styles.horizontalLabel, labelPlacement === 'horizontal'), (0, _defineProperty2.default)(_classNames, styles.verticalLabel, labelPlacement === 'vertical'), (0, _defineProperty2.default)(_classNames, styles.widthDescription, !!description), _classNames));
+  var rootClass = classNames(styles.step, className, styles[status], _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.disabled, disabled), styles.finish, current > index), styles.horizontalLabel, labelPlacement === 'horizontal'), styles.verticalLabel, labelPlacement === 'vertical'), styles.widthDescription, !!description));
   var handleChange = function handleChange(e) {
-    onClick === null || onClick === void 0 ? void 0 : onClick(e, index, id);
-    onChange === null || onChange === void 0 ? void 0 : onChange(index);
+    onClick === null || onClick === void 0 || onClick(e, index, id);
+    onChange === null || onChange === void 0 || onChange(index);
   };
   var renderTitle = function renderTitle() {
-    if (_hooks.util.isFunc(title)) {
+    if (util.isFunc(title)) {
       return title(index, status);
     }
     return title;
   };
   var renderStep = function renderStep() {
-    var Component = _step.default;
+    var Component = DefaultStep;
     if (type === 'default') {
-      Component = _step.default;
+      Component = DefaultStep;
     } else if (type === 'dot') {
-      Component = _step2.default;
+      Component = DotStep;
     } else if (type === 'arrow') {
-      Component = _step3.default;
+      Component = ArrowStep;
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
+    return /*#__PURE__*/_jsx(Component, {
       jssStyle: jssStyle,
       renderIcon: renderIcon,
       status: status,
@@ -93,17 +85,16 @@ var Step = function Step(props) {
       onChange: handleChange
     });
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  return /*#__PURE__*/_jsx("div", {
     className: rootClass,
     children: renderStep()
   });
 };
 var StepWidthContext = function StepWidthContext(props) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_stepsContext.default.Consumer, {
+  return /*#__PURE__*/_jsx(StepsContext.Consumer, {
     children: function children(value) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(Step, _objectSpread(_objectSpread({}, props), value));
+      return /*#__PURE__*/_jsx(Step, _objectSpread(_objectSpread({}, props), value));
     }
   });
 };
-var _default = StepWidthContext;
-exports.default = _default;
+export default StepWidthContext;

package/esm/steps/step.type.js

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

package/esm/steps/steps-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"steps-context.d.ts","sourceRoot":"","sources":["steps-context.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,QAAA,MAAM,YAAY,4CAAuC,CAAC;AAE1D,eAAe,YAAY,CAAC"}
+{"version":3,"file":"steps-context.d.ts","sourceRoot":"","sources":["steps-context.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,QAAA,MAAM,YAAY,4CAAuC,CAAC;AAE1D,eAAe,YAAY,CAAC"}

package/esm/steps/steps-context.js

@@ -1,10 +1,5 @@
-"use strict";
+"use client";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var stepsContext = /*#__PURE__*/(0, _react.createContext)({});
-var _default = stepsContext;
-exports.default = _default;
+import { createContext } from 'react';
+var stepsContext = /*#__PURE__*/createContext({});
+export default stepsContext;

package/esm/steps/steps-context.type.js

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

package/esm/steps/steps.js

@@ -1,19 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-require("core-js/modules/es.array.map.js");
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _stepsContext = _interopRequireDefault(require("./steps-context"));
-var _step = _interopRequireDefault(require("./step"));
-var _jsxRuntime = require("react/jsx-runtime");
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { Children, cloneElement } from 'react';
+import classNames from 'classnames';
+import StepsContext from "./steps-context";
+import Step from "./step";
+import { jsx as _jsx } from "react/jsx-runtime";
 var Steps = function Steps(props) {
-  var _jssStyle$steps, _classNames;
+  var _jssStyle$steps;
   var jssStyle = props.jssStyle,
     children = props.children,
     style = props.style,
@@ -42,22 +37,22 @@ var Steps = function Steps(props) {
     return labelPlacementProp;
   };
   var labelPlacement = getLabelPlacement();
-  var styles = (jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$steps = jssStyle.steps) === null || _jssStyle$steps === void 0 ? void 0 : _jssStyle$steps.call(jssStyle)) || {};
-  var rootClass = (0, _classnames.default)(styles.steps, className, (_classNames = {}, (0, _defineProperty2.default)(_classNames, styles[type], type), (0, _defineProperty2.default)(_classNames, styles.small, size === 'small'), (0, _defineProperty2.default)(_classNames, styles.large, size === 'large'), (0, _defineProperty2.default)(_classNames, styles.vertical, direction === 'vertical'), (0, _defineProperty2.default)(_classNames, styles.horizontal, direction === 'horizontal'), (0, _defineProperty2.default)(_classNames, styles.click, onChange !== undefined), _classNames));
+  var styles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$steps = jssStyle.steps) === null || _jssStyle$steps === void 0 ? void 0 : _jssStyle$steps.call(jssStyle)) || {};
+  var rootClass = classNames(styles.steps, className, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles[type], type), styles.small, size === 'small'), styles.large, size === 'large'), styles.vertical, direction === 'vertical'), styles.horizontal, direction === 'horizontal'), styles.click, onChange !== undefined));
   var renderStep = function renderStep() {
-    return _react.Children.map(children, function (child, index) {
+    return Children.map(children, function (child, index) {
       var Child = child;
-      return /*#__PURE__*/(0, _react.cloneElement)(Child, {
+      return /*#__PURE__*/cloneElement(Child, {
         id: 'id' in Child.props ? Child.props.id : index,
         index: index,
         renderIcon: renderIcon
       });
     });
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  return /*#__PURE__*/_jsx("div", {
     className: rootClass,
     style: style,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_stepsContext.default.Provider, {
+    children: /*#__PURE__*/_jsx(StepsContext.Provider, {
       value: {
         jssStyle: jssStyle,
         current: current,
@@ -72,6 +67,5 @@ var Steps = function Steps(props) {
     })
   });
 };
-Steps.Step = _step.default;
-var _default = Steps;
-exports.default = _default;
+Steps.Step = Step;
+export default Steps;

package/esm/steps/steps.type.d.ts

@@ -1,9 +1,34 @@
 /// <reference types="react" />
 import { BaseStepProps, StepProps } from './step.type';
 import { CommonType } from '../common/type';
-import { StepsClasses } from '@sheinx/shineout-style';
-export declare type StepsStatusType = 'wait' | 'process' | 'finish' | 'error';
-export declare type JssStyleType = {
+export type StepsStatusType = 'wait' | 'process' | 'finish' | 'error';
+export type StepsClasses = {
+    steps: string;
+    step: string;
+    small: string;
+    large: string;
+    disabled: string;
+    content: string;
+    title: string;
+    horizontalLabel: string;
+    verticalLabel: string;
+    tail: string;
+    description: string;
+    vertical: string;
+    horizontal: string;
+    wait: string;
+    process: string;
+    finish: string;
+    error: string;
+    icon: string;
+    iconWrapper: string;
+    dot: string;
+    arrow: string;
+    widthDescription: string;
+    default: string;
+    click: string;
+};
+export type JssStyleType = {
     steps: () => StepsClasses;
 };
 export interface StepsProps extends Pick<CommonType, 'className' | 'style' | 'size'> {

package/esm/steps/steps.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"steps.type.d.ts","sourceRoot":"","sources":["steps.type.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,oBAAY,eAAe,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtE,oBAAY,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,YAAY,CAAC;CAC3B,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;IAClF,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,OAAO,CAAC;IACnC;;;;OAIG;IACH,cAAc,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IAC3C;;;OAGG;IACH,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,eAAe,KAAK,KAAK,CAAC,SAAS,CAAC;IAC1E;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,MAAM,WAAW,cACf,SAAQ,IAAI,CACR,aAAa,EACb,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,GAAG,YAAY,CACxE,EACD,IAAI,CAAC,SAAS,EAAE,gBAAgB,GAAG,WAAW,CAAC;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CACvD"}
+{"version":3,"file":"steps.type.d.ts","sourceRoot":"","sources":["steps.type.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtE,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,MAAM,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,YAAY,CAAC;CAC3B,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;IAClF,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,OAAO,CAAC;IACnC;;;;OAIG;IACH,cAAc,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IAC3C;;;OAGG;IACH,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,eAAe,KAAK,KAAK,CAAC,SAAS,CAAC;IAC1E;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,MAAM,WAAW,cACf,SAAQ,IAAI,CACR,aAAa,EACb,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,GAAG,YAAY,CACxE,EACD,IAAI,CAAC,SAAS,EAAE,gBAAgB,GAAG,WAAW,CAAC;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CACvD"}

package/esm/steps/steps.type.js

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

package/esm/sticky/index.d.ts

@@ -1,3 +1,3 @@
 export { default, default as Sticky } from './sticky';
-export type { StickyProps } from './sticky.type';
+export type { StickyProps, StickyClasses } from './sticky.type';
 //# sourceMappingURL=index.d.ts.map

package/esm/sticky/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AACtD,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AACtD,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC"}

package/esm/sticky/index.js

@@ -1,19 +1,2 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Sticky", {
-  enumerable: true,
-  get: function get() {
-    return _sticky.default;
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _sticky.default;
-  }
-});
-var _sticky = _interopRequireDefault(require("./sticky"));
+"use client";
+export { default, default as Sticky } from "./sticky";

package/esm/sticky/sticky.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sticky.d.ts","sourceRoot":"","sources":["sticky.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAsB5C,QAAA,MAAM,MAAM,UAAW,WAAW,gBAkOjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"sticky.d.ts","sourceRoot":"","sources":["sticky.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAsB5C,QAAA,MAAM,MAAM,UAAW,WAAW,gBAmPjC,CAAC;AAEF,eAAe,MAAM,CAAC"}