UNPKG

@nutui/nutui-react

Version:

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

48 lines (47 loc) 2.09 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); Object.defineProperty(exports, "Steps", { enumerable: true, get: function() { return Steps; } }); var _interop_require_default = require("@swc/helpers/_/_interop_require_default"); var _define_property = require("@swc/helpers/_/_define_property"); var _object_spread = require("@swc/helpers/_/_object_spread"); var _object_spread_props = require("@swc/helpers/_/_object_spread_props"); var _object_without_properties = require("@swc/helpers/_/_object_without_properties"); var _react = /*#__PURE__*/ _interop_require_default._(require("react")); var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames")); var _context = require("./context"); var _typings = require("../../utils/typings"); var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), { value: 0, direction: 'horizontal', dot: false }); var Steps = function Steps(props) { var propSteps = (0, _object_spread._)({}, defaultProps, props); var children = propSteps.children, value = propSteps.value, direction = propSteps.direction, className = propSteps.className, dot = propSteps.dot, onStepClick = propSteps.onStepClick, restProps = (0, _object_without_properties._)(propSteps, [ "children", "value", "direction", "className", "dot", "onStepClick" ]); var parentSteps = { propSteps: propSteps }; var classPrefix = "nut-steps"; var _obj; var classes = (0, _classnames.default)(classPrefix, (_obj = {}, (0, _define_property._)(_obj, "".concat(classPrefix, "-").concat(direction), true), (0, _define_property._)(_obj, "".concat(classPrefix, "-dot"), !!dot), _obj), className); return /*#__PURE__*/ _react.default.createElement(_context.DataContext.Provider, { value: parentSteps }, /*#__PURE__*/ _react.default.createElement("div", (0, _object_spread._)({ className: classes }, restProps), children)); }; Steps.displayName = 'NutSteps';