@doreamonjs/gate
Version:
gate for doreamonjs
39 lines (38 loc) • 1.59 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const classnames_1 = __importDefault(require("classnames"));
const dva_1 = require("dva");
const antd_1 = require("antd");
const logo_1 = __importDefault(require("./logo"));
const menu_1 = __importDefault(require("./menu"));
require("./index.less");
const componentName = 'doreamonjs-design-gate-layout-sider';
const isMobile = () => { var _a, _b; return (_b = (_a = window.matchMedia) === null || _a === void 0 ? void 0 : _a.call(window, '(max-width: 767px)')) === null || _b === void 0 ? void 0 : _b.matches; };
const Sider = ({ theme, collapsed }) => {
const siderProps = {
className: classnames_1.default(componentName, 'side'),
theme,
collapsed,
width: 256,
height: undefined,
trigger: null,
collapsible: true,
};
if (isMobile()) {
siderProps.width = '100vw';
siderProps.height = '100vh';
}
return (react_1.default.createElement(antd_1.Layout.Sider, { ...siderProps },
react_1.default.createElement(logo_1.default, null),
react_1.default.createElement(menu_1.default, null)));
};
const mapState = ({ applications }) => ({
theme: applications.theme || 'unknown',
collapsed: applications.collapsed,
});
const mapAction = (dispatch) => ({});
exports.default = dva_1.connect(mapState, mapAction)(Sider);