UNPKG

@nutui/nutui-react

Version:

京东风格的轻量级移动端 React 组件库,支持一套代码生成 H5 和小程序

28 lines (27 loc) 1.11 kB
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 };