@cainiaofe/cn-ui-layout
Version:
- 安装 cone-cli ｜ [Cone-CLI 使用指引](https://alidocs.dingtalk.com/i/nodes/xdqZp24KneBJzvGM6XezJvyb7RA0Nr1E) - `tnpm i -g @alife/cone-cli@latest` - 安装依赖包 - `cone install` - 启动研发 - `cone start`
66 lines (65 loc) • 3.49 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports["default"] = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
var _react = _interopRequireWildcard(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _context = _interopRequireDefault(require("../common/context"));
var _block = _interopRequireDefault(require("../block"));
var _utils = require("../utils");
var _excluded = ["className", "width", "mode", "children", "style"],
_excluded2 = ["style"];
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
var PageAside = function PageAside(props) {
var _classNames;
var className = props.className,
width = props.width,
mode = props.mode,
children = props.children,
style = props.style,
others = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
var _useContext = (0, _react.useContext)(_context["default"]),
prefix = _useContext.prefix;
var asideCls = (0, _classnames["default"])(className, (_classNames = {}, _classNames[prefix + "page-aside"] = true, _classNames[prefix + "bg--" + mode] = !!mode, _classNames));
var asideInnerCls = (0, _classnames["default"])(prefix + "page-aside-inner");
var newChildren = _react.Children.map(children, function (child) {
var _child$props = child.props,
childStyle = _child$props.style,
otherChildProps = (0, _objectWithoutPropertiesLoose2["default"])(_child$props, _excluded2);
if (/*#__PURE__*/(0, _react.isValidElement)(child)) {
return /*#__PURE__*/(0, _react.cloneElement)(child, (0, _extends2["default"])({}, otherChildProps, {
span: 1,
style: (0, _extends2["default"])({}, childStyle)
}));
} else {
return /*#__PURE__*/_react["default"].createElement(_block["default"], {
span: 1,
width: width
}, child);
}
});
var newStyle = (0, _extends2["default"])({
width: (0, _utils.wrapUnit)(width)
}, style);
if (!children) {
return null;
}
return /*#__PURE__*/_react["default"].createElement("aside", (0, _extends2["default"])({
className: asideCls,
style: newStyle
}, others), /*#__PURE__*/_react["default"].createElement("div", {
className: asideInnerCls
}, newChildren));
};
PageAside.displayName = 'Aside';
PageAside.typeMark = 'Aside';
PageAside.defaultProps = {
width: 336,
mode: 'transparent'
};
var _default = exports["default"] = PageAside;
module.exports = exports.default;
module.exports.default = exports.default;