@nutui/nutui-react
Version:
京东风格的轻量级移动端 React 组件库,支持一套代码生成 H5 和小程序
25 lines (24 loc) • 1.19 kB
JavaScript
import { _ as __rest } from "./tslib.es6.js";
import React__default from "react";
import classNames from "classnames";
import { C as ComponentDefaults } from "./typings.js";
const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { contentPosition: "center", direction: "horizontal" });
const classPrefix = `nut-divider`;
const Divider = (props) => {
const _a = Object.assign(Object.assign({}, defaultProps), props), { children, contentPosition, style, className, direction } = _a, rest = __rest(_a, ["children", "contentPosition", "style", "className", "direction"]);
const classes = direction === "horizontal" ? classNames({
[`${classPrefix}`]: true,
[`${classPrefix}-center`]: children,
[`${classPrefix}-left`]: contentPosition === "left",
[`${classPrefix}-right`]: contentPosition === "right",
[`${classPrefix}-hairline`]: true
}) : classNames({
[`${classPrefix}`]: true,
[`${classPrefix}-vertical`]: direction === "vertical"
});
return React__default.createElement("div", Object.assign({ className: `${classes} ${className || ""}`, style }, rest), children);
};
Divider.displayName = "NutDivider";
export {
Divider as default
};