UNPKG

@nutui/nutui-react

Version:

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

37 lines (36 loc) 1.66 kB
import { _ as _define_property } from "@swc/helpers/_/_define_property"; import { _ as _object_spread } from "@swc/helpers/_/_object_spread"; import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props"; import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties"; import React from "react"; import classNames from "classnames"; import { DataContext } from "./context"; import { ComponentDefaults } from "../../utils/typings"; var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), { value: 0, direction: 'horizontal', dot: false }); export var Steps = function(props) { var propSteps = _object_spread({}, defaultProps, props); var children = propSteps.children, value = propSteps.value, direction = propSteps.direction, className = propSteps.className, dot = propSteps.dot, onStepClick = propSteps.onStepClick, restProps = _object_without_properties(propSteps, [ "children", "value", "direction", "className", "dot", "onStepClick" ]); var parentSteps = { propSteps: propSteps }; var classPrefix = "nut-steps"; var _obj; var classes = classNames(classPrefix, (_obj = {}, _define_property(_obj, "".concat(classPrefix, "-").concat(direction), true), _define_property(_obj, "".concat(classPrefix, "-dot"), !!dot), _obj), className); return /*#__PURE__*/ React.createElement(DataContext.Provider, { value: parentSteps }, /*#__PURE__*/ React.createElement("div", _object_spread({ className: classes }, restProps), children)); }; Steps.displayName = 'NutSteps';