@nutui/nutui-react
Version:
京东风格的轻量级移动端 React 组件库,支持一套代码生成 H5 和小程序
28 lines (27 loc) • 1.11 kB
JavaScript
import { _ as __rest } from "./tslib.es6.js";
import React__default from "react";
import classNames from "classnames";
import { D as DataContext } from "./context3.js";
import { C as ComponentDefaults } from "./typings.js";
const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { value: 0, direction: "horizontal", dot: false });
const Steps = (props) => {
const propSteps = Object.assign(Object.assign({}, defaultProps), props);
const { children, value, direction, className, dot, onStepClick } = propSteps, restProps = __rest(propSteps, ["children", "value", "direction", "className", "dot", "onStepClick"]);
const parentSteps = {
propSteps
};
const classPrefix = `nut-steps`;
const classes = classNames(classPrefix, {
[`${classPrefix}-${direction}`]: true,
[`${classPrefix}-dot`]: !!dot
}, className);
return React__default.createElement(
DataContext.Provider,
{ value: parentSteps },
React__default.createElement("div", Object.assign({ className: classes }, restProps), children)
);
};
Steps.displayName = "NutSteps";
export {
Steps as default
};