@bos-alpha/data/lib/components/left-menu/index.js

数据管理

var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
    return cooked;
};
var __assign = (this && this.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Icon } from '@bos-alpha/common';
import styled from '@emotion/styled';
import { menuObj } from '../../pages';
export var LeftMenu = function (_a) {
    var pageState = _a.pageState, setPageState = _a.setPageState;
    return (_jsxs(Container, __assign({ className: "left-menu" }, { children: [_jsx("div", __assign({ className: "menu-title" }, { children: "\u5BF9\u63A5\u7B2C\u4E09\u65B9\u6570\u636E" }), void 0), _jsxs("div", __assign({ className: "menu-item ".concat(pageState === 'taskList' ? 'active' : ''), onClick: function () { return setPageState('taskList'); } }, { children: [_jsx(Icon, { className: "icon", type: "iconicon_config_task" }, void 0), _jsx("span", { children: menuObj['taskList'] }, void 0)] }), void 0), _jsxs("div", __assign({ className: "menu-item ".concat(pageState === 'logList' ? 'active' : ''), onClick: function () { return setPageState('logList'); } }, { children: [_jsx(Icon, { className: "icon", type: "iconicon_consultdoc" }, void 0), _jsx("span", { children: menuObj['logList'] }, void 0)] }), void 0)] }), void 0));
};
var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    width: 228px;\n    border-right: 1px solid #dfdfdf;\n    .menu-title {\n        font-size: 14px;\n        font-weight: 500;\n        height: 46px;\n        line-height: 46px;\n        border-bottom: 1px solid #e8e8e8;\n        padding-left: 20px;\n    }\n    & > .menu-item {\n        height: 44px;\n        line-height: 44px;\n        padding-left: 20px;\n        cursor: pointer;\n        & > .icon {\n            font-size: 15px;\n            margin-right: 12px;\n        }\n        &.active {\n            background: rgba(40, 120, 255, 0.1);\n            color: #2878ff;\n        }\n    }\n"], ["\n    width: 228px;\n    border-right: 1px solid #dfdfdf;\n    .menu-title {\n        font-size: 14px;\n        font-weight: 500;\n        height: 46px;\n        line-height: 46px;\n        border-bottom: 1px solid #e8e8e8;\n        padding-left: 20px;\n    }\n    & > .menu-item {\n        height: 44px;\n        line-height: 44px;\n        padding-left: 20px;\n        cursor: pointer;\n        & > .icon {\n            font-size: 15px;\n            margin-right: 12px;\n        }\n        &.active {\n            background: rgba(40, 120, 255, 0.1);\n            color: #2878ff;\n        }\n    }\n"])));
var templateObject_1;