@wener/ui
Version:
32 lines • 1.73 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.LayoutFrameLayout = void 0;
const react_1 = __importDefault(require("react"));
const antd_1 = require("antd");
const LayoutFrameSider_1 = require("./LayoutFrameSider");
const layout_1 = require("./layout");
const hooks_1 = require("../../../hooks");
exports.LayoutFrameLayout = (props) => {
const { header, footer, children } = props;
let { showHeader, showFooter } = props;
if (typeof showHeader !== 'boolean') {
showHeader = Boolean(header);
}
if (typeof showFooter !== 'boolean') {
showFooter = Boolean(footer);
}
const layout = layout_1.useLayoutFrame();
const [theme] = hooks_1.useNamedTheme();
// height: '100%' 确保布局不变
return (react_1.default.createElement(antd_1.Layout, { style: { height: '100%', minHeight: '100vh' }, "data-layout-frame-name": layout.name },
header && showHeader && (react_1.default.createElement(antd_1.Layout.Header, { style: theme === 'light' ? { backgroundColor: '#fff' } : {} }, header)),
react_1.default.createElement(antd_1.Layout, { hasSider: true },
react_1.default.createElement(LayoutFrameSider_1.LayoutFrameSider, null),
react_1.default.createElement(antd_1.Layout, null,
react_1.default.createElement(antd_1.Layout.Content, { style: { maxHeight: '100%', overflowY: 'auto' } }, children),
footer && showFooter && react_1.default.createElement(antd_1.Layout.Footer, null, footer)))));
};
//# sourceMappingURL=LayoutFrameLayout.js.map