@sheinx/base 3.0.0-alpha.1

package/esm/steps/step.arrow.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.symbol.description.js");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _jsxRuntime = require("react/jsx-runtime");
+var ArrowStep = function ArrowStep(props) {
+  var _jssStyle$steps;
+  var jssStyle = props.jssStyle,
+    title = props.title,
+    description = props.description,
+    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 rootClass = (0, _classnames.default)(styles.arrow);
+  var renderTitle = function renderTitle() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: styles.title,
+      children: title
+    });
+  };
+  var renderDescription = function renderDescription() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: styles.description,
+      children: description
+    });
+  };
+  var renderContent = function renderContent() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: styles.content,
+      children: [renderTitle(), description && renderDescription()]
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: rootClass,
+    onClick: onChange,
+    children: renderContent()
+  });
+};
+var _default = ArrowStep;
+exports.default = _default;

package/esm/steps/step.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { BaseStepProps } from './step.type';
+declare const StepWidthContext: (props: BaseStepProps) => JSX.Element;
+export default StepWidthContext;
+//# sourceMappingURL=step.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"step.d.ts","sourceRoot":"","sources":["step.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAa,aAAa,EAAE,MAAM,aAAa,CAAC;AA4FvD,QAAA,MAAM,gBAAgB,UAAW,aAAa,gBAE7C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/esm/steps/step.default.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { StepStyleProps } from './steps.type';
+declare const DefaultStep: (props: StepStyleProps) => JSX.Element;
+export default DefaultStep;
+//# sourceMappingURL=step.default.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"step.default.d.ts","sourceRoot":"","sources":["step.default.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9C,QAAA,MAAM,WAAW,UAAW,cAAc,gBA0EzC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/steps/step.default.js

@@ -0,0 +1,84 @@
+"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");
+var DefaultStep = function DefaultStep(props) {
+  var _jssStyle$steps, _classNames;
+  var jssStyle = props.jssStyle,
+    title = props.title,
+    description = props.description,
+    direction = props.direction,
+    index = props.index,
+    status = props.status,
+    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 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 showTail = labelPlacement === 'vertical' || direction === 'vertical';
+  var renderTail = function renderTail() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: styles.tail,
+      children: " "
+    });
+  };
+  var renderTitle = function renderTitle() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: styles.title,
+      children: title
+    });
+  };
+  var renderDescription = function renderDescription() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: styles.description,
+      children: description
+    });
+  };
+  var renderIcon = function renderIcon() {
+    if (renderIconProp) return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: iconClass,
+      onClick: onChange,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: styles.iconWrapper,
+        children: renderIconProp(index, status)
+      })
+    });
+    var iconComponent;
+    if (status === 'finish') {
+      iconComponent = _icons.default.Check;
+    } else if (status === 'error') {
+      iconComponent = _icons.default.Close;
+    } else {
+      iconComponent = index + 1;
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: iconClass,
+      onClick: onChange,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: styles.iconWrapper,
+        children: iconComponent
+      })
+    });
+  };
+  var renderContent = function renderContent() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: styles.content,
+      children: [renderTitle(), description && renderDescription()]
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: rootClass,
+    children: [showTail && renderTail(), renderIcon(), renderContent()]
+  });
+};
+var _default = DefaultStep;
+exports.default = _default;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { StepStyleProps } from './steps.type';
+declare const DotStep: (props: StepStyleProps) => JSX.Element;
+export default DotStep;
+//# sourceMappingURL=step.dot.d.ts.map

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

@@ -0,0 +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"}

package/esm/steps/step.dot.js

@@ -0,0 +1,65 @@
+"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");
+var DotStep = function DotStep(props) {
+  var _jssStyle$steps, _classNames;
+  var jssStyle = props.jssStyle,
+    title = props.title,
+    description = props.description,
+    direction = props.direction,
+    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 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 showTail = direction === 'vertical' || labelPlacement === 'vertical';
+  var renderTail = function renderTail() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: styles.tail,
+      children: " "
+    });
+  };
+  var renderTitle = function renderTitle() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: styles.title,
+      children: title
+    });
+  };
+  var renderDescription = function renderDescription() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: styles.description,
+      children: description
+    });
+  };
+  var renderIcon = function renderIcon() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: iconClass,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: styles.iconWrapper
+      })
+    });
+  };
+  var renderContent = function renderContent() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: styles.content,
+      onClick: onChange,
+      children: [renderTitle(), description && renderDescription()]
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: rootClass,
+    onClick: onChange,
+    children: [showTail && renderTail(), renderIcon(), renderContent()]
+  });
+};
+var _default = DotStep;
+exports.default = _default;

package/esm/steps/step.js

@@ -0,0 +1,102 @@
+"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 _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; }
+var Step = function Step(props) {
+  var _jssStyle$steps, _classNames;
+  var id = props.id,
+    jssStyle = props.jssStyle,
+    title = props.title,
+    size = props.size,
+    type = props.type,
+    className = props.className,
+    _props$current = props.current,
+    current = _props$current === void 0 ? 0 : _props$current,
+    _props$index = props.index,
+    index = _props$index === void 0 ? 0 : _props$index,
+    renderIcon = props.renderIcon,
+    description = props.description,
+    _props$labelPlacement = props.labelPlacement,
+    labelPlacementProp = _props$labelPlacement === void 0 ? 'horizontal' : _props$labelPlacement,
+    statusProp = props.status,
+    currentStatus = props.currentStatus,
+    disabled = props.disabled,
+    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 getLabelPlacement = function getLabelPlacement() {
+    // dot 类型只支持 vertical labelPlacement
+    if (type === 'dot') {
+      if (direction === 'vertical') return 'horizontal';
+      return 'vertical';
+    }
+    return labelPlacementProp;
+  };
+  var getStatus = function getStatus() {
+    // status 优先级高于 currentStatus
+    if (statusProp) return statusProp;
+    if (currentStatus && current === index) return currentStatus;
+    if (current === index) return 'process';
+    if (current > index) return 'finish';
+    return 'wait';
+  };
+  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'), _classNames));
+  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);
+  };
+  var renderStep = function renderStep() {
+    var Component = _step.default;
+    if (type === 'default') {
+      Component = _step.default;
+    } else if (type === 'dot') {
+      Component = _step2.default;
+    } else if (type === 'arrow') {
+      Component = _step3.default;
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
+      jssStyle: jssStyle,
+      renderIcon: renderIcon,
+      status: status,
+      size: size,
+      index: index,
+      title: title,
+      direction: direction,
+      labelPlacement: labelPlacement,
+      description: description,
+      onChange: handleChange
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: rootClass,
+    children: renderStep()
+  });
+};
+var StepWidthContext = function StepWidthContext(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_stepsContext.default.Consumer, {
+    children: function children(value) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(Step, _objectSpread(_objectSpread({}, props), value));
+    }
+  });
+};
+var _default = StepWidthContext;
+exports.default = _default;

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

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { CommonType } from '../common/type';
+import { JssStyleType, StepsStatusType } from './steps.type';
+import { StepsContextProps } from './steps-context.type';
+export interface BaseStepProps extends Pick<CommonType, 'className' | 'style' | 'size'> {
+    jssStyle?: JssStyleType;
+    /**
+     * @description  wait: 等待中，process: 进行中，finish: 已完成，error: 出错
+     */
+    id?: any;
+    status?: StepsStatusType;
+    renderIcon?: (index: number, status?: StepsStatusType) => React.ReactNode;
+    title?: React.ReactNode;
+    className?: string;
+    disabled?: boolean | ((index: number) => boolean);
+    description?: React.ReactNode;
+    onClick?: (e: React.MouseEvent<HTMLElement>, index: number, id: any) => void;
+}
+export interface StepProps extends Omit<StepsContextProps, 'current'>, BaseStepProps {
+    index?: number;
+    current?: number;
+}
+//# sourceMappingURL=step.type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"step.type.d.ts","sourceRoot":"","sources":["step.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;IACrF,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB;;OAEG;IACH,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,eAAe,KAAK,KAAK,CAAC,SAAS,CAAC;IAC1E,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC;IAClD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,IAAI,CAAC;CAC9E;AAED,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAAE,aAAa;IAClF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB"}

package/esm/steps/step.type.js

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

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { StepsContextProps } from './steps-context.type';
+declare const stepsContext: import("react").Context<StepsContextProps>;
+export default stepsContext;
+//# sourceMappingURL=steps-context.d.ts.map

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

@@ -0,0 +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"}

package/esm/steps/steps-context.js

@@ -0,0 +1,10 @@
+"use strict";
+
+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;

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

@@ -0,0 +1,5 @@
+import { StepsProps, StepsStatusType } from './steps.type';
+export interface StepsContextProps extends Pick<StepsProps, 'jssStyle' | 'labelPlacement' | 'current' | 'direction' | 'size' | 'type' | 'onChange'> {
+    currentStatus?: StepsStatusType;
+}
+//# sourceMappingURL=steps-context.type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"steps-context.type.d.ts","sourceRoot":"","sources":["steps-context.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE3D,MAAM,WAAW,iBACf,SAAQ,IAAI,CACV,UAAU,EACV,UAAU,GAAG,gBAAgB,GAAG,SAAS,GAAG,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,CACvF;IACD,aAAa,CAAC,EAAE,eAAe,CAAC;CACjC"}

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

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

package/esm/steps/steps.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { StepsProps } from './steps.type';
+declare const Steps: {
+    (props: StepsProps): JSX.Element;
+    Step: (props: import("./step.type").BaseStepProps) => JSX.Element;
+};
+export default Steps;
+//# sourceMappingURL=steps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["steps.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK1C,QAAA,MAAM,KAAK;YAAW,UAAU;;CAuE/B,CAAC;AAIF,eAAe,KAAK,CAAC"}

package/esm/steps/steps.js

@@ -0,0 +1,77 @@
+"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");
+var Steps = function Steps(props) {
+  var _jssStyle$steps, _classNames;
+  var jssStyle = props.jssStyle,
+    children = props.children,
+    style = props.style,
+    className = props.className,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'default' : _props$type,
+    size = props.size,
+    status = props.status,
+    _props$direction = props.direction,
+    directionProp = _props$direction === void 0 ? 'horizontal' : _props$direction,
+    _props$labelPlacement = props.labelPlacement,
+    labelPlacementProp = _props$labelPlacement === void 0 ? 'vertical' : _props$labelPlacement,
+    _props$current = props.current,
+    current = _props$current === void 0 ? 0 : _props$current,
+    renderIcon = props.renderIcon,
+    onChange = props.onChange;
+  var getDirection = function getDirection() {
+    // arrow 类型只支持 horizontal direction
+    if (type === 'arrow') return 'horizontal';
+    return directionProp;
+  };
+  var direction = getDirection();
+  var getLabelPlacement = function getLabelPlacement() {
+    // 布局为 vertical 只支持 horizontal labelPlacement
+    if (direction === 'vertical') return 'horizontal';
+    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 renderStep = function renderStep() {
+    return _react.Children.map(children, function (child, index) {
+      var Child = child;
+      return /*#__PURE__*/(0, _react.cloneElement)(Child, {
+        id: 'id' in Child.props ? Child.props.id : index,
+        index: index,
+        renderIcon: renderIcon
+      });
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: rootClass,
+    style: style,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_stepsContext.default.Provider, {
+      value: {
+        jssStyle: jssStyle,
+        current: current,
+        currentStatus: status,
+        direction: direction,
+        labelPlacement: labelPlacement,
+        size: size,
+        type: type,
+        onChange: onChange
+      },
+      children: renderStep()
+    })
+  });
+};
+Steps.Step = _step.default;
+var _default = Steps;
+exports.default = _default;

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

@@ -0,0 +1,24 @@
+/// <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 = {
+    steps: () => StepsClasses;
+};
+export interface StepsProps extends Pick<CommonType, 'className' | 'style' | 'size'> {
+    jssStyle?: JssStyleType;
+    children: React.ReactNode;
+    direction?: 'horizontal' | 'vertical';
+    type?: 'default' | 'dot' | 'arrow';
+    labelPlacement?: 'horizontal' | 'vertical';
+    status?: StepsStatusType;
+    current?: number;
+    renderIcon?: (index: number, status?: StepsStatusType) => React.ReactNode;
+    onChange?: (index: number) => void;
+}
+export interface StepStyleProps extends Pick<BaseStepProps, 'jssStyle' | 'size' | 'status' | 'title' | 'description' | 'renderIcon'>, Pick<StepProps, 'labelPlacement' | 'direction'> {
+    index: number;
+    onChange?: (e: React.MouseEvent<HTMLElement>) => void;
+}
+//# sourceMappingURL=steps.type.d.ts.map

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

@@ -0,0 +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,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,IAAI,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,OAAO,CAAC;IACnC,cAAc,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IAC3C,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,eAAe,KAAK,KAAK,CAAC,SAAS,CAAC;IAC1E,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

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

package/esm/sticky/__example__/01-base.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;
+//# sourceMappingURL=01-base.d.ts.map

package/esm/sticky/__example__/01-base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"01-base.d.ts","sourceRoot":"","sources":["01-base.tsx"],"names":[],"mappings":";;AAcA,wBAME"}

package/esm/sticky/__example__/01-base.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _shineoutStyle = require("@sheinx/shineout-style");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 基本用法
+ *    --
+ * en - Basic
+ *    --
+ */
+
+var jssStyle = {
+  sticky: _shineoutStyle.useStickyStyle
+};
+var _default = function _default() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Sticky, {
+      jssStyle: jssStyle
+    })
+  });
+};
+exports.default = _default;

package/esm/sticky/index.d.ts

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

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

@@ -0,0 +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"}

package/esm/sticky/index.js

@@ -0,0 +1,19 @@
+"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"));

package/esm/sticky/sticky.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { StickyProps } from './sticky.type';
+declare const Sticky: (props: StickyProps) => JSX.Element;
+export default Sticky;
+//# sourceMappingURL=sticky.d.ts.map

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

@@ -0,0 +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"}