@nutui/nutui-react
Version:
京东风格的轻量级移动端 React 组件库,支持一套代码生成 H5 和小程序
37 lines (36 loc) • 1.66 kB
JavaScript
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';