aldehyde 0.0.2 → 0.0.3

package/lib/src/components/layout/MainPage.js

@@ -0,0 +1,202 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import React from 'react';
+import { Layout } from 'antd';
+import Footer from './footer';
+import Header from './header';
+import SideBar from './sidebar';
+import HCDataSource from "../tmpl/hc-data-source";
+import DocumentTitle from "react-document-title";
+import Units from '../units';
+import Scrollbars from 'react-custom-scrollbars';
+const { Content, Sider } = Layout;
+class MainPage extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        this.scrollbarRef = React.createRef();
+        this.state = {
+            collapsed: false,
+            blocks: [],
+            currentL2MenuId: undefined,
+            currentBlockId: undefined,
+            isImporter: false,
+        };
+        this.findBlockTitle = (blockId) => {
+            let blockTitle;
+            const { blocks } = this.state;
+            if (blockId) {
+                for (const block of blocks) {
+                    if (block.id == blockId) {
+                        blockTitle = block.title;
+                        break;
+                    }
+                }
+            }
+            let title = blockTitle ? blockTitle + '-' : "";
+            let programName = Units.programName() ? Units.programName() : 'HYDROCARBON';
+            title = title + programName;
+            return title;
+        };
+        this.findBlockIdOfL2Menu = (leMenuId) => {
+            let blockId = undefined;
+            const { blocks } = this.state;
+            if (leMenuId) {
+                for (const block of blocks) {
+                    for (const menul1 of block.l1Menus) {
+                        for (const menul2 of menul1.l2Menus) {
+                            if (menul2.id == leMenuId) {
+                                blockId = block.id;
+                                break;
+                            }
+                        }
+                    }
+                }
+            }
+            return blockId;
+        };
+        this.findCurrentBlock = () => {
+            const { blocks, currentL2MenuId, currentBlockId } = this.state;
+            let result = undefined;
+            if (currentL2MenuId) {
+                for (const block of blocks) {
+                    for (const menul1 of block.l1Menus) {
+                        for (const menul2 of menul1.l2Menus) {
+                            if (menul2.id == currentL2MenuId) {
+                                result = block;
+                                break;
+                            }
+                        }
+                    }
+                }
+            }
+            if (currentBlockId && !result) {
+                for (const block of blocks) {
+                    if (block.id === currentBlockId) {
+                        result = block;
+                        break;
+                    }
+                }
+            }
+            if (!result) {
+                result = blocks.at(0);
+            }
+            return result;
+        };
+        this.toggle = () => {
+            this.setState({
+                collapsed: !this.state.collapsed,
+            });
+        };
+    }
+    componentDidMount() {
+        return __awaiter(this, void 0, void 0, function* () {
+            var currentURL = new URL(window.location.href);
+            console.log('main page currentURL:', currentURL);
+            const search = window.location.href.split("?")[1];
+            var searchParams = new URLSearchParams('?' + search);
+            let blockId = searchParams.get('blockId');
+            let l2MenuId = searchParams.get('menuId');
+            //进一步找找l2MenuId
+            if (!l2MenuId) {
+                let sourcePart = currentURL.hash.match(/[\w]+\-[\d]+/);
+                if (sourcePart) {
+                    let source = sourcePart[0].split('-');
+                    if (source[0] === 'menu') {
+                        l2MenuId = source[1];
+                    }
+                }
+            }
+            let blockRes = yield HCDataSource.requestBlocks(l2MenuId ? l2MenuId : undefined, blockId ? blockId : undefined);
+            this.setState({
+                isImporter: currentURL.hash.indexOf('/importer') > 0,
+                blocks: blockRes.blocks,
+                currentL2MenuId: blockRes.l2MenuId,
+                currentBlockId: blockRes.blockId,
+            });
+        });
+    }
+    componentDidUpdate(prevProps, prevState) {
+        return __awaiter(this, void 0, void 0, function* () {
+            var currentURL = new URL(window.location.href);
+            const search = window.location.href.split("?")[1];
+            var searchParams = new URLSearchParams('?' + search);
+            let blockId = searchParams.get('blockId');
+            let l2MenuId = searchParams.get('menuId');
+            let isImporter_ = currentURL.hash.indexOf('/importer') > 0;
+            if (prevState.isImporter != isImporter_) {
+                this.setState({
+                    isImporter: isImporter_,
+                });
+            }
+            //进一步找找l2MenuId
+            if (!l2MenuId) {
+                let sourcePart = currentURL.hash.match(/[\w]+\-[\d]+/);
+                if (sourcePart) {
+                    let source = sourcePart[0].split('-');
+                    if (source[0] === 'menu') {
+                        l2MenuId = source[1];
+                    }
+                }
+            }
+            const { currentL2MenuId, currentBlockId } = this.state;
+            if (l2MenuId && currentL2MenuId != l2MenuId) {
+                this.setState({
+                    currentL2MenuId: l2MenuId,
+                });
+            }
+            if (!blockId) {
+                blockId = this.findBlockIdOfL2Menu(l2MenuId);
+            }
+            if (blockId && currentBlockId != blockId) {
+                this.setState({
+                    currentBlockId: blockId,
+                });
+            }
+        });
+    }
+    render() {
+        var _a, _b;
+        const { match } = this.props;
+        const { collapsed, currentL2MenuId, currentBlockId, isImporter } = this.state;
+        //滚动条回到顶部
+        // document.body.scrollTop = document.documentElement.scrollTop = 0;
+        // @ts-ignore
+        // eslint-disable-next-line no-unused-expressions
+        (_b = (_a = this.scrollbarRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.scrollToTop();
+        return (React.createElement(Scrollbars, { ref: this.scrollbarRef, style: { height: 'calc(100vh)' }, autoHide: true, autoHideTimeout: 1000 },
+            React.createElement(DocumentTitle, { title: (isImporter ? '导入-' : "") + this.findBlockTitle(currentBlockId) },
+                React.createElement(Layout, null,
+                    React.createElement(Sider, { style: {
+                            overflow: 'auto',
+                            height: '100vh',
+                            position: 'fixed',
+                            left: 0,
+                            top: 0,
+                            bottom: 0,
+                        }, collapsed: collapsed },
+                        React.createElement(SideBar, { blockMenu: this.findCurrentBlock(), currentL2MenuId: currentL2MenuId, collapsed: collapsed })),
+                    React.createElement(Layout, { style: collapsed ? { background: '#fff', marginLeft: 80 } : {
+                            background: '#fff',
+                            marginLeft: 200
+                        } },
+                        React.createElement(Header, Object.assign({ toggle: this.toggle }, this.state)),
+                        React.createElement(Content, { style: {
+                                margin: '24px 16px 0',
+                                overflow: 'initial',
+                                minHeight: 'calc(100vh)',
+                                minWidth: 760,
+                                maxWidth: 1960,
+                                paddingBottom: '8px',
+                            } }, this.props.children),
+                        React.createElement(Footer, null))))));
+    }
+}
+export default MainPage;
+//# sourceMappingURL=MainPage.js.map

package/lib/src/components/layout/MainPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainPage.js","sourceRoot":"","sources":["../../../../src/components/layout/MainPage.tsx"],"names":[],"mappings":"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"}

package/lib/src/components/layout/header/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import 'antd/dist/antd.css';
+import "./index.css";
+import { BlockProps } from "../menu/block";
+interface HeaderProps extends BlockProps {
+    toggle: any;
+    collapsed: boolean;
+}
+interface HeaderState {
+}
+declare class Header extends React.PureComponent<HeaderProps, HeaderState> {
+    toggle: () => void;
+    render(): JSX.Element;
+}
+export default Header;
+//# sourceMappingURL=index.d.ts.map

package/lib/src/components/layout/header/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,aAAa,CAAA;AACpB,OAAc,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AAOhD,UAAU,WAAY,SAAQ,UAAU;IACpC,MAAM,EAAE,GAAG,CAAC;IACZ,SAAS,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,WAAW;CAEpB;AAED,cAAM,MAAO,SAAQ,KAAK,CAAC,aAAa,CAAC,WAAW,EAAE,WAAW,CAAC;IAE9D,MAAM,aAEJ;IAEF,MAAM;CA4BT;AAED,eAAe,MAAM,CAAA"}

package/lib/src/components/layout/header/index.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import { Col, Layout, Row } from 'antd';
+import { MenuFoldOutlined, MenuUnfoldOutlined } from '@ant-design/icons';
+import 'antd/dist/antd.css';
+import "./index.css";
+import Block from "../menu/block";
+import L2MenuMessageBar from '../menu/l2menu-message-bar';
+import L2MenuQuickBar from '../menu/l2menu-quick-bar';
+import UserBar from '../menu/user-bar';
+const { Header: AntdHeader, } = Layout;
+class Header extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        this.toggle = () => {
+            this.props.toggle();
+        };
+    }
+    render() {
+        let { collapsed } = this.props;
+        return (React.createElement(AntdHeader, { style: { padding: 0, height: 'auto' } },
+            React.createElement(Row, { className: "header-top", wrap: false },
+                React.createElement(Col, { span: 20, className: "header-col" },
+                    React.createElement("div", { style: { float: 'left' } }, React.createElement(collapsed ? MenuUnfoldOutlined : MenuFoldOutlined, {
+                        className: 'trigger',
+                        onClick: this.toggle,
+                    })),
+                    React.createElement(Block, Object.assign({}, this.props))),
+                React.createElement(Col, { span: 1, style: { width: '100%' } },
+                    React.createElement(L2MenuQuickBar, null)),
+                React.createElement(Col, { span: 1, style: { width: '100%' } },
+                    React.createElement(L2MenuMessageBar, null)),
+                React.createElement(Col, { span: 2 },
+                    React.createElement(UserBar, null)))));
+    }
+}
+export default Header;
+//# sourceMappingURL=index.js.map

package/lib/src/components/layout/header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/layout/header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAC,MAAM,MAAM,CAAA;AACrC,OAAO,EAAC,gBAAgB,EAAE,kBAAkB,EAAC,MAAM,mBAAmB,CAAC;AACvE,OAAO,oBAAoB,CAAC;AAC5B,OAAO,aAAa,CAAA;AACpB,OAAO,KAAmB,MAAM,eAAe,CAAC;AAChD,OAAO,gBAAgB,MAAM,4BAA4B,CAAC;AAC1D,OAAO,cAAc,MAAO,0BAA0B,CAAC;AACvD,OAAO,OAAO,MAAM,kBAAkB,CAAC;AAEvC,MAAM,EAAE,MAAM,EAAC,UAAU,GAAG,GAAG,MAAM,CAAC;AAWtC,MAAM,MAAO,SAAQ,KAAK,CAAC,aAAuC;IAAlE;;QAEI,WAAM,GAAG,GAAG,EAAE;YACV,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;QACxB,CAAC,CAAC;IA8BN,CAAC;IA5BG,MAAM;QAEF,IAAI,EAAC,SAAS,EAAC,GAAC,IAAI,CAAC,KAAK,CAAC;QAC3B,OAAO,CACH,oBAAC,UAAU,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAG,MAAM,EAAE,MAAM,EAAC;YACzC,oBAAC,GAAG,IAAC,SAAS,EAAC,YAAY,EAAC,IAAI,EAAE,KAAK;gBACnC,oBAAC,GAAG,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,YAAY;oBACjC,6BAAK,KAAK,EAAE,EAAC,KAAK,EAAE,MAAM,EAAC,IACtB,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,gBAAgB,EAAE;wBACpE,SAAS,EAAE,SAAS;wBACpB,OAAO,EAAE,IAAI,CAAC,MAAM;qBACvB,CAAC,CACA;oBACN,oBAAC,KAAK,oBAAK,IAAI,CAAC,KAAK,EAAI,CACvB;gBACN,oBAAC,GAAG,IAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,EAAC,KAAK,EAAE,MAAM,EAAC;oBAChC,oBAAC,cAAc,OAAkB,CAC/B;gBACN,oBAAC,GAAG,IAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,EAAC,KAAK,EAAE,MAAM,EAAC;oBAChC,oBAAC,gBAAgB,OAAoB,CACnC;gBACN,oBAAC,GAAG,IAAC,IAAI,EAAE,CAAC;oBACR,oBAAC,OAAO,OAAW,CACjB,CACJ,CACD,CAChB,CAAA;IACL,CAAC;CACJ;AAED,eAAe,MAAM,CAAA"}

package/lib/src/components/layout/menu/block.d.ts

@@ -0,0 +1,9 @@
+import { BlockMenu } from "../../tmpl/interface";
+export interface BlockProps {
+    blocks: BlockMenu[];
+    currentBlockId?: string;
+    currentL2MenuId?: string;
+}
+declare const _default: any;
+export default _default;
+//# sourceMappingURL=block.d.ts.map

package/lib/src/components/layout/menu/block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"block.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/menu/block.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAc/C,MAAM,WAAW,UAAU;IACvB,MAAM,EAAC,SAAS,EAAE,CAAC;IACnB,cAAc,CAAC,EAAC,MAAM,CAAC;IACvB,eAAe,CAAC,EAAC,MAAM,CAAC;CAC3B;;AAmED,wBAAiC"}

package/lib/src/components/layout/menu/block.js

@@ -0,0 +1,48 @@
+import React from "react";
+import { Dropdown, Menu } from 'antd';
+import { withRouter } from 'react-router-dom';
+import MenuRender from './menu-render';
+class Block extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        this.renderBlockMenu = (blockMenu) => {
+            return React.createElement(Menu, null, MenuRender.renderL1Menu(blockMenu.l1Menus, null));
+        };
+        this.findBlockId = (blocks, currentL2MenuId) => {
+            let blockId = undefined;
+            for (const block of blocks) {
+                for (const menul1 of block.l1Menus) {
+                    for (const menul2 of menul1.l2Menus) {
+                        if (menul2.id === currentL2MenuId) {
+                            blockId = block.id;
+                            return blockId;
+                        }
+                    }
+                }
+            }
+            return blockId;
+        };
+    }
+    render() {
+        const { currentBlockId, blocks, currentL2MenuId } = this.props;
+        if (!blocks || blocks.length < 1) {
+            return React.createElement(React.Fragment, null);
+        }
+        let blockId = currentBlockId;
+        if (currentL2MenuId && !blockId) {
+            blockId = this.findBlockId(blocks, currentL2MenuId);
+        }
+        if (!blockId) {
+            blockId = blocks.at(0).id;
+        }
+        return (blocks.map((item, index) => {
+            return React.createElement("div", { key: index, className: `${item.id == blockId ? "active" : ""} header-block` },
+                React.createElement(Dropdown, { overlay: this.renderBlockMenu(item) },
+                    React.createElement("a", { className: "dropdown-link", 
+                        // href={`#/home?blockId=${item.id}`}
+                        rel: "noopener noreferrer" }, item.title)));
+        }));
+    }
+}
+export default withRouter(Block);
+//# sourceMappingURL=block.js.map

package/lib/src/components/layout/menu/block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"block.js","sourceRoot":"","sources":["../../../../../src/components/layout/menu/block.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAa,QAAQ,EAAE,IAAI,EAAM,MAAM,MAAM,CAAC;AAErD,OAAO,EAAU,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAUrD,OAAO,UAAU,MAAM,eAAe,CAAC;AAYvC,MAAM,KAAM,SAAQ,KAAK,CAAC,aAAqC;IAG3D,YAAY,KAAK;QACb,KAAK,CAAC,KAAK,CAAC,CAAC;QAGjB,oBAAe,GAAG,CAAC,SAAmB,EAAC,EAAE;YACrC,OAAO,oBAAC,IAAI,QACP,UAAU,CAAC,YAAY,CAAC,SAAS,CAAC,OAAO,EAAC,IAAI,CAAC,CAC7C,CAAA;QAEX,CAAC,CAAA;QAGD,gBAAW,GAAG,CAAC,MAAkB,EAAC,eAAsB,EAAE,EAAE;YACxD,IAAI,OAAO,GAAQ,SAAS,CAAC;YAC7B,KAAI,MAAM,KAAK,IAAI,MAAM,EAAC;gBACtB,KAAI,MAAM,MAAM,IAAI,KAAK,CAAC,OAAO,EAAC;oBAC9B,KAAI,MAAM,MAAM,IAAI,MAAM,CAAC,OAAO,EAAC;wBAC/B,IAAG,MAAM,CAAC,EAAE,KAAG,eAAe,EAAC;4BAC3B,OAAO,GAAC,KAAK,CAAC,EAAE,CAAC;4BACjB,OAAO,OAAO,CAAC;yBAClB;qBACJ;iBACJ;aACJ;YACD,OAAO,OAAO,CAAC;QACnB,CAAC,CAAA;IAvBD,CAAC;IAyBD,MAAM;QACF,MAAM,EAAC,cAAc,EAAC,MAAM,EAAC,eAAe,EAAC,GAAC,IAAI,CAAC,KAAK,CAAC;QACzD,IAAG,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,GAAC,CAAC,EAAC;YAC1B,OAAO,yCAAK,CAAC;SAChB;QACD,IAAI,OAAO,GAAC,cAAc,CAAC;QAC3B,IAAG,eAAe,IAAI,CAAC,OAAO,EAAC;YAC3B,OAAO,GAAC,IAAI,CAAC,WAAW,CAAC,MAAM,EAAC,eAAe,CAAC,CAAC;SACpD;QACD,IAAG,CAAC,OAAO,EAAC;YACR,OAAO,GAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;SAC3B;QAED,OAAO,CACP,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACvB,OAAO,6BAAK,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,GAAG,IAAI,CAAC,EAAE,IAAI,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,eAAe;gBACvE,oBAAC,QAAQ,IAAC,OAAO,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;oBACzC,2BAAI,SAAS,EAAC,eAAe;wBAC1B,qCAAqC;wBACrC,GAAG,EAAC,qBAAqB,IAEvB,IAAI,CAAC,KAAK,CACX,CACG,CACT,CAAA;QACV,CAAC,CAAC,CACD,CAAC;IACN,CAAC;CAEJ;AAED,eAAe,UAAU,CAAC,KAAK,CAAC,CAAC"}

package/lib/src/components/layout/menu/l2menu-message-bar.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import 'antd/dist/antd.css';
+import { Level2Menu } from "../../tmpl/interface";
+interface L2MenuMessageBarProps {
+}
+interface MessageBar {
+    l2Menu: Level2Menu;
+    count: number;
+}
+interface L2MenuMessageBarState {
+    messageBars: MessageBar[];
+    anyState: boolean;
+}
+declare class L2MenuMessageBar extends React.PureComponent<L2MenuMessageBarProps, L2MenuMessageBarState> {
+    state: {
+        messageBars: any;
+        anyState: boolean;
+    };
+    componentDidMount(): Promise<void>;
+    renderMessageBar: (messageBars: MessageBar[]) => JSX.Element;
+    render(): JSX.Element;
+}
+export default L2MenuMessageBar;
+//# sourceMappingURL=l2menu-message-bar.d.ts.map

package/lib/src/components/layout/menu/l2menu-message-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"l2menu-message-bar.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/menu/l2menu-message-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAKhD,UAAU,qBAAqB;CAE9B;AAED,UAAU,UAAU;IAChB,MAAM,EAAE,UAAU,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,qBAAqB;IAC3B,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,QAAQ,EAAC,OAAO,CAAC;CACpB;AAGD,cAAM,gBAAiB,SAAQ,KAAK,CAAC,aAAa,CAAC,qBAAqB,EAAE,qBAAqB,CAAC;IAC5F,KAAK;;;MAGJ;IAEK,iBAAiB;IA0BvB,gBAAgB,gBAAiB,UAAU,EAAE,iBAgD5C;IAGD,MAAM;CAQT;AAED,eAAe,gBAAgB,CAAC"}

package/lib/src/components/layout/menu/l2menu-message-bar.js

@@ -0,0 +1,97 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import React from 'react';
+import { Badge, Dropdown, Menu } from 'antd';
+import { BellOutlined } from '@ant-design/icons';
+import 'antd/dist/antd.css';
+import HcserviceV3 from '../../tmpl/hcservice-v3';
+import { NavLink } from 'react-router-dom';
+import HCDataSource from './../../tmpl/hc-data-source';
+import Units from "../../units";
+class L2MenuMessageBar extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            messageBars: undefined,
+            anyState: false,
+        };
+        this.renderMessageBar = (messageBars) => {
+            let total = 0;
+            const menu = (React.createElement(Menu, { key: 1 }, messageBars.map((messageBar, index) => {
+                if (messageBar.count) {
+                    total = total + messageBar.count;
+                }
+                let defaultCriteriaData = "";
+                if (messageBar.l2Menu.defaultCriteriaValue) {
+                    defaultCriteriaData = '&' + Units.transQueryParamsToStr(messageBar.l2Menu.defaultCriteriaValue);
+                }
+                return React.createElement(Menu.Item, { key: index },
+                    React.createElement(NavLink, { to: `/${messageBar.l2Menu.id}/act-table?menuId=${messageBar.l2Menu.id}${defaultCriteriaData}` },
+                        messageBar.l2Menu.title,
+                        React.createElement(Badge, { count: messageBar.count, overflowCount: 99, offset: [2, -2], size: "small" })));
+            })));
+            if (!messageBars || messageBars.length == 0) {
+                return;
+            }
+            else if (messageBars.length == 1) {
+                let messageBar = messageBars[0];
+                const l2Menu = messageBar.l2Menu;
+                let defaultCriteriaData = "";
+                if (l2Menu.defaultCriteriaValue) {
+                    defaultCriteriaData = '&' + Units.transQueryParamsToStr(l2Menu.defaultCriteriaValue);
+                }
+                return (React.createElement("div", { className: 'message-bar' },
+                    React.createElement("a", { href: l2Menu.customPath ? `/page-${l2Menu.id}${l2Menu.customPath}?menuId=${l2Menu.id}` : `#/${l2Menu.id}/act-table?menuId=${l2Menu.id}${defaultCriteriaData}`, className: "head-example" },
+                        React.createElement(Badge, { count: messageBar.count, overflowCount: 99, offset: [8, -2] },
+                            React.createElement("span", { style: { fontSize: '20px', color: '#08c' } },
+                                React.createElement(BellOutlined, null))))));
+            }
+            else {
+                return React.createElement(Dropdown, { overlay: menu, placement: "bottomCenter" },
+                    React.createElement("div", { className: 'message-bar' },
+                        React.createElement(Badge, { count: total, overflowCount: 99, offset: [8, -2] },
+                            React.createElement("span", { style: { fontSize: '20px', color: '#08c' } },
+                                React.createElement(BellOutlined, null)))));
+            }
+        };
+    }
+    componentDidMount() {
+        return __awaiter(this, void 0, void 0, function* () {
+            let l2Menus = yield HCDataSource.messageMenus();
+            const messageBars = [];
+            for (const item of l2Menus) {
+                const messageBar = {
+                    l2Menu: item,
+                    count: 0,
+                };
+                let that = this;
+                setInterval(() => __awaiter(this, void 0, void 0, function* () {
+                    let count = yield HcserviceV3.requestLtmplCount(item.id);
+                    messageBar.count = count;
+                    this.setState({
+                        anyState: !this.state.anyState,
+                    });
+                }), 180000);
+                let count = yield HcserviceV3.requestLtmplCount(item.id);
+                messageBar.count = count;
+                messageBars.push(messageBar);
+            }
+            this.setState({
+                messageBars,
+            });
+        });
+    }
+    render() {
+        const { messageBars } = this.state;
+        return (React.createElement(React.Fragment, null, messageBars ? this.renderMessageBar(messageBars) : ""));
+    }
+}
+export default L2MenuMessageBar;
+//# sourceMappingURL=l2menu-message-bar.js.map

package/lib/src/components/layout/menu/l2menu-message-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"l2menu-message-bar.js","sourceRoot":"","sources":["../../../../../src/components/layout/menu/l2menu-message-bar.tsx"],"names":[],"mappings":"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"}

package/lib/src/components/layout/menu/l2menu-quick-bar.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import 'antd/dist/antd.css';
+import { Level2Menu } from "../../tmpl/interface";
+interface L2MenuQuickBarProps {
+}
+interface QuickBar {
+    l2Menu: Level2Menu;
+    count: number;
+}
+interface L2MenuQuickBarState {
+    quickBars: QuickBar[];
+    anyState: boolean;
+    currentId: string;
+    showDraw: boolean;
+}
+declare class L2MenuQuickBar extends React.PureComponent<L2MenuQuickBarProps, L2MenuQuickBarState> {
+    state: {
+        quickBars: any;
+        anyState: boolean;
+        currentId: any;
+        showDraw: boolean;
+    };
+    componentDidMount(): Promise<void>;
+    showDraw: (currentId: string) => void;
+    closeDrawer: () => void;
+    renderQuickBar: (quickBars: QuickBar[]) => JSX.Element;
+    render(): JSX.Element;
+}
+export default L2MenuQuickBar;
+//# sourceMappingURL=l2menu-quick-bar.d.ts.map

package/lib/src/components/layout/menu/l2menu-quick-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"l2menu-quick-bar.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/menu/l2menu-quick-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAKhD,UAAU,mBAAmB;CAE5B;AAED,UAAU,QAAQ;IACd,MAAM,EAAE,UAAU,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,mBAAmB;IACzB,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,QAAQ,EAAC,OAAO,CAAC;IACjB,SAAS,EAAC,MAAM,CAAC;IACjB,QAAQ,EAAC,OAAO,CAAC;CACpB;AAGD,cAAM,cAAe,SAAQ,KAAK,CAAC,aAAa,CAAC,mBAAmB,EAAE,mBAAmB,CAAC;IACtF,KAAK;;;;;MAKJ;IAEK,iBAAiB;IAevB,QAAQ,cAAY,MAAM,UAOzB;IAED,WAAW,aAIV;IAED,cAAc,cAAe,QAAQ,EAAE,iBAmCtC;IAGD,MAAM;CA2BT;AAED,eAAe,cAAc,CAAC"}

package/lib/src/components/layout/menu/l2menu-quick-bar.js

@@ -0,0 +1,94 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import React from 'react';
+import { Dropdown, Menu, Drawer, Space, Button } from 'antd';
+import { AppstoreOutlined } from '@ant-design/icons';
+import 'antd/dist/antd.css';
+// import HcserviceV3 from '../../tmpl/hcservice-v3'
+import HCDataSource from './../../tmpl/hc-data-source';
+import LtmplPage from "./../../module/ltmpl-page";
+class L2MenuQuickBar extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            quickBars: undefined,
+            anyState: false,
+            currentId: undefined,
+            showDraw: false,
+        };
+        this.showDraw = (currentId) => {
+            console.log("点击了L2MenuQuickBar", currentId);
+            this.setState({
+                currentId,
+                showDraw: true
+            });
+        };
+        this.closeDrawer = () => {
+            this.setState({
+                showDraw: false
+            });
+        };
+        this.renderQuickBar = (quickBars) => {
+            let total = 0;
+            const menu = (React.createElement(Menu, { key: 1 }, quickBars.map((quickBar, index) => {
+                if (quickBar.count) {
+                    total = total + quickBar.count;
+                }
+                return React.createElement(Menu.Item, { key: index },
+                    React.createElement("span", { onClick: () => this.showDraw(quickBar.l2Menu.id) }, quickBar.l2Menu.title));
+            })));
+            if (!quickBars || quickBars.length == 0) {
+                return;
+            }
+            else if (quickBars.length == 1) {
+                let quickBar = quickBars[0];
+                const l2Menu = quickBar.l2Menu;
+                return (React.createElement("div", { className: 'message-bar', onClick: () => this.showDraw(quickBar.l2Menu.id) },
+                    React.createElement("span", { style: { fontSize: '20px', color: '#08c' } },
+                        React.createElement(AppstoreOutlined, null))));
+            }
+            else {
+                return React.createElement(Dropdown, { overlay: menu, placement: "bottomCenter" },
+                    React.createElement("div", { className: 'message-bar' },
+                        React.createElement("span", { style: { fontSize: '20px', color: '#08c' } },
+                            React.createElement(AppstoreOutlined, null))));
+            }
+        };
+    }
+    componentDidMount() {
+        return __awaiter(this, void 0, void 0, function* () {
+            let l2Menus = yield HCDataSource.quickEntranceMenus();
+            const quickBars = [];
+            for (const item of l2Menus) {
+                const quickBar = {
+                    l2Menu: item,
+                    count: 0,
+                };
+                let that = this;
+                quickBars.push(quickBar);
+            }
+            this.setState({
+                quickBars,
+            });
+        });
+    }
+    render() {
+        const { quickBars, showDraw, currentId } = this.state;
+        return (React.createElement(React.Fragment, null,
+            quickBars ? this.renderQuickBar(quickBars) : "",
+            React.createElement(Drawer, { placement: 'left', title: "\u5FEB\u6377\u67E5\u8BE2", closable: true, mask: false, onClose: this.closeDrawer, visible: showDraw, width: 'calc(100% - 280px)', style: {
+                    maxWidth: 1960,
+                }, extra: React.createElement(Space, null,
+                    React.createElement(Button, { onClick: this.closeDrawer }, "\u5173\u95ED")) },
+                React.createElement(LtmplPage, { sourceId: currentId }))));
+    }
+}
+export default L2MenuQuickBar;
+//# sourceMappingURL=l2menu-quick-bar.js.map

package/lib/src/components/layout/menu/l2menu-quick-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"l2menu-quick-bar.js","sourceRoot":"","sources":["../../../../../src/components/layout/menu/l2menu-quick-bar.tsx"],"names":[],"mappings":"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"}

package/lib/src/components/layout/menu/menu-2layers.d.ts

@@ -0,0 +1,9 @@
+import { BlockMenu } from "../../tmpl/interface";
+export interface Menu2layersProps {
+    blockMenu: BlockMenu;
+    collapsed?: boolean;
+    currentL2MenuId?: string;
+}
+declare const _default: any;
+export default _default;
+//# sourceMappingURL=menu-2layers.d.ts.map

package/lib/src/components/layout/menu/menu-2layers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-2layers.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/menu/menu-2layers.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAK/C,MAAM,WAAW,gBAAgB;IAC7B,SAAS,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;;AAgFD,wBAAuC"}