tntd 1.4.17 → 2.0.0-beta-1

package/lib/business-components/tntd-layout/paaslayout/Header.js

@@ -0,0 +1,82 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * @file Layout header
+ * @author zhangyou
+ */
+const react_1 = __importStar(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const HeaderActions_1 = __importDefault(require("../HeaderActions"));
+const AppList_1 = __importDefault(require("../AppList"));
+const Logo_1 = __importDefault(require("./Logo"));
+const Header = styled_components_1.default.div `
+  position: sticky;
+  top: 0;
+  height: ${(props) => `${props.theme.headerHeight}px`};
+  display: flex;
+  color: #fff;
+  background: #fff;
+  z-index: 201;
+  .isInIframe.noAppList &,
+  .isEmptyLayout & {
+    display: none;
+  }
+  .tnt-themeS1 & {
+    background: #323b4a;
+  }
+  padding-right: 20px;
+  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);
+  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1),
+    -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+
+  .paas-header-actions {
+    li {
+      .tnt-themeS1 & {
+        color: rgba(255, 255, 255, 0.85);
+      }
+    }
+  }
+`;
+const Content = styled_components_1.default.div `
+  flex: 1;
+  .isInIframe & {
+    display: none;
+  }
+`;
+exports.default = (props) => {
+    const { logo, name, enName, language, selectedAppKey, appList, onLogoClick, onAppChange, extraActions, } = props;
+    const config = Object.assign({ application: true }, props.config);
+    const headerRef = (0, react_1.useRef)();
+    return (react_1.default.createElement(Header, { ref: headerRef },
+        react_1.default.createElement(Logo_1.default, { language: language, logo: logo, name: name, enName: enName, onClick: onLogoClick }),
+        appList && react_1.default.createElement(AppList_1.default, { items: appList, selectedKey: selectedAppKey, onChange: onAppChange }),
+        react_1.default.createElement(Content, null, props.children),
+        react_1.default.createElement(HeaderActions_1.default, Object.assign({}, props, { config: config, headerRef: headerRef, className: "paas-header-actions" }), extraActions)));
+};
+//# sourceMappingURL=Header.js.map

package/lib/business-components/tntd-layout/paaslayout/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/business-components/tntd-layout/paaslayout/Header.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;GAGG;AACH,+CAAqC;AACrC,0EAAsC;AACtC,qEAAsC;AACtC,yDAAgC;AAChC,kDAAyB;AAEzB,MAAM,MAAM,GAAG,2BAAM,CAAC,GAAG,CAAA;;;YAGb,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,YAAY,IAAI;;;;;;;;;;;;;;;;;;;;;;;;CAwBrD,CAAA;AAED,MAAM,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;CAKzB,CAAA;AAED,kBAAe,CAAC,KAAK,EAAE,EAAE;IACvB,MAAM,EACJ,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,cAAc,EACd,OAAO,EACP,WAAW,EACX,WAAW,EACX,YAAY,GACb,GAAG,KAAK,CAAA;IACT,MAAM,MAAM,mBACV,WAAW,EAAE,IAAI,IACd,KAAK,CAAC,MAAM,CAChB,CAAA;IACD,MAAM,SAAS,GAAG,IAAA,cAAM,GAAE,CAAA;IAE1B,OAAO,CACL,8BAAC,MAAM,IAAC,GAAG,EAAE,SAAS;QACpB,8BAAC,cAAI,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,GAAI;QACzF,OAAO,IAAI,8BAAC,iBAAO,IAAC,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,QAAQ,EAAE,WAAW,GAAI;QAC3F,8BAAC,OAAO,QAAE,KAAK,CAAC,QAAQ,CAAW;QACnC,8BAAC,uBAAO,oBAAK,KAAK,IAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAC,qBAAqB,KACtF,YAAY,CACL,CACH,CACV,CAAA;AACH,CAAC,CAAA","sourcesContent":["/**\n * @file Layout header\n * @author zhangyou\n */\nimport React, { useRef } from 'react'\nimport styled from 'styled-components'\nimport Actions from '../HeaderActions'\nimport AppList from '../AppList'\nimport Logo from './Logo'\n\nconst Header = styled.div`\n  position: sticky;\n  top: 0;\n  height: ${(props) => `${props.theme.headerHeight}px`};\n  display: flex;\n  color: #fff;\n  background: #fff;\n  z-index: 201;\n  .isInIframe.noAppList &,\n  .isEmptyLayout & {\n    display: none;\n  }\n  .tnt-themeS1 & {\n    background: #323b4a;\n  }\n  padding-right: 20px;\n  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);\n  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1),\n    -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n\n  .paas-header-actions {\n    li {\n      .tnt-themeS1 & {\n        color: rgba(255, 255, 255, 0.85);\n      }\n    }\n  }\n`\n\nconst Content = styled.div`\n  flex: 1;\n  .isInIframe & {\n    display: none;\n  }\n`\n\nexport default (props) => {\n  const {\n    logo,\n    name,\n    enName,\n    language,\n    selectedAppKey,\n    appList,\n    onLogoClick,\n    onAppChange,\n    extraActions,\n  } = props\n  const config = {\n    application: true,\n    ...props.config,\n  }\n  const headerRef = useRef()\n\n  return (\n    <Header ref={headerRef}>\n      <Logo language={language} logo={logo} name={name} enName={enName} onClick={onLogoClick} />\n      {appList && <AppList items={appList} selectedKey={selectedAppKey} onChange={onAppChange} />}\n      <Content>{props.children}</Content>\n      <Actions {...props} config={config} headerRef={headerRef} className=\"paas-header-actions\">\n        {extraActions}\n      </Actions>\n    </Header>\n  )\n}\n"]}

package/lib/business-components/tntd-layout/paaslayout/Logo.d.ts

@@ -0,0 +1,3 @@
+declare function _default(props: any): JSX.Element;
+export default _default;
+//# sourceMappingURL=Logo.d.ts.map

package/lib/business-components/tntd-layout/paaslayout/Logo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../../../src/business-components/tntd-layout/paaslayout/Logo.js"],"names":[],"mappings":"AA2Be,mDAAqC"}

package/lib/business-components/tntd-layout/paaslayout/Logo.js

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * @file Logo
+ * @author zhangyou
+ */
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const Logo_1 = __importDefault(require("../Logo"));
+const LogoWrapper = (0, styled_components_1.default)(Logo_1.default) `
+  color: #17233d !important;
+  letter-spacing: 0;
+  background: #fff !important;
+  box-shadow: none !important;
+  .isInIframe & {
+    display: none;
+  }
+
+  &:after {
+    display: none;
+  }
+
+  .tnt-themeS1 & {
+    color: rgba(255, 255, 255, 0.85) !important;
+    background: #323b4a !important;
+  }
+`;
+exports.default = (props) => react_1.default.createElement(LogoWrapper, Object.assign({}, props));
+//# sourceMappingURL=Logo.js.map

package/lib/business-components/tntd-layout/paaslayout/Logo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Logo.js","sourceRoot":"","sources":["../../../../src/business-components/tntd-layout/paaslayout/Logo.js"],"names":[],"mappings":";;;;;AAAA;;;GAGG;AACH,kDAAyB;AACzB,0EAAsC;AACtC,mDAA0B;AAE1B,MAAM,WAAW,GAAG,IAAA,2BAAM,EAAC,cAAI,CAAC,CAAA;;;;;;;;;;;;;;;;;CAiB/B,CAAA;AAED,kBAAe,CAAC,KAAK,EAAE,EAAE,CAAC,8BAAC,WAAW,oBAAK,KAAK,EAAI,CAAA","sourcesContent":["/**\n * @file Logo\n * @author zhangyou\n */\nimport React from 'react'\nimport styled from 'styled-components'\nimport Logo from '../Logo'\n\nconst LogoWrapper = styled(Logo)`\n  color: #17233d !important;\n  letter-spacing: 0;\n  background: #fff !important;\n  box-shadow: none !important;\n  .isInIframe & {\n    display: none;\n  }\n\n  &:after {\n    display: none;\n  }\n\n  .tnt-themeS1 & {\n    color: rgba(255, 255, 255, 0.85) !important;\n    background: #323b4a !important;\n  }\n`\n\nexport default (props) => <LogoWrapper {...props} />\n"]}

package/lib/business-components/tntd-layout/paaslayout/SideMenu.d.ts

@@ -0,0 +1,3 @@
+declare function _default(props: any): JSX.Element;
+export default _default;
+//# sourceMappingURL=SideMenu.d.ts.map

package/lib/business-components/tntd-layout/paaslayout/SideMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideMenu.d.ts","sourceRoot":"","sources":["../../../../src/business-components/tntd-layout/paaslayout/SideMenu.js"],"names":[],"mappings":"AAqEe,mDA2Gd"}

package/lib/business-components/tntd-layout/paaslayout/SideMenu.js

@@ -0,0 +1,156 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const classnames_1 = __importDefault(require("classnames"));
+const Iconfont_1 = __importDefault(require("../Iconfont"));
+const SideMenu = styled_components_1.default.ul `
+  background: #fff;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  .isInIframe & {
+    display: none;
+  }
+
+  & > li {
+    font-size: 14px;
+    letter-spacing: 0;
+    margin-top: 20px;
+    &:first-child {
+      margin-top: 30px;
+    }
+    & > span {
+      line-height: 38px;
+      opacity: 0.4;
+      display: inline-block;
+      width: calc(100% - 20px);
+      color: #17233d;
+      border-bottom: 1px solid #b2becd;
+      margin-left: 20px;
+    }
+  }
+`;
+const SubMenu = styled_components_1.default.ul `
+  background: #fff;
+  list-style: none;
+  font-size: 14px;
+  color: #17233d;
+  margin: 10px 0 0;
+  padding: 0;
+  li {
+    position: relative;
+    line-height: 38px;
+    cursor: pointer;
+    padding-left: 20px;
+    & > a {
+      color: #17233d;
+      & > span {
+        padding-left: 10px;
+      }
+    }
+    &.active {
+      background: #eaedf8;
+      &:before {
+        position: absolute;
+        left: 0;
+        top: 0;
+        content: '';
+        width: 4px;
+        height: 100%;
+        background-color: #4c79ff;
+      }
+    }
+  }
+`;
+exports.default = (props) => {
+    const { language, menus = [], formatMenuPath, changeRouter, selectedKey, onBeforeChange, onChange, onSelect, } = props;
+    const [activeMenu, setActiveMenu] = (0, react_1.useState)(selectedKey);
+    const defaultBeforeChange = ({ data }) => !isNewTabMenu(data);
+    const defaultSelect = ({ data }) => {
+        var _a;
+        const { path } = data || {};
+        const formatPath = formatMenuPath || ((path) => path);
+        if (isNewTabMenu(data)) {
+            openInNewTab(formatPath(data === null || data === void 0 ? void 0 : data.path, data));
+            return;
+        }
+        const routerPrefix = (_a = window.location.pathname.match(/(^\/[^\/]+)/i)) === null || _a === void 0 ? void 0 : _a[1];
+        if (window.location.pathname.startsWith(routerPrefix)) {
+            const forwardPath = formatPath(path, data);
+            changeRouter
+                ? changeRouter(forwardPath, data)
+                : window.history.pushState(data, data === null || data === void 0 ? void 0 : data.name, forwardPath);
+        }
+        else {
+            window.location.href = formatPath(path, data);
+        }
+    };
+    const selectMenu = (param = {}) => {
+        const finalBeforeChange = onBeforeChange || defaultBeforeChange;
+        const finalSelect = onSelect || defaultSelect;
+        if (param.key !== activeMenu) {
+            if (finalBeforeChange(param, activeMenu)) {
+                setActiveMenu(param.key);
+                onChange && onChange(param);
+            }
+        }
+        finalSelect(param);
+    };
+    const MenuItem = ({ item }) => {
+        const { code, groupName, enName, children = [] } = item;
+        const SubMenuItem = ({ menu }) => {
+            const { code, menuName, enName, icon, path } = menu;
+            return (react_1.default.createElement("li", { key: code, onClick: (evt) => selectMenu({ key: code, data: menu, domEvent: evt }), className: (0, classnames_1.default)({ active: code === activeMenu }) },
+                react_1.default.createElement("a", { href: path, onClick: (evt) => evt.preventDefault() },
+                    icon instanceof react_1.Component ? icon : react_1.default.createElement(Iconfont_1.default, { type: icon }),
+                    react_1.default.createElement("span", null, {
+                        cn: menuName,
+                        en: enName,
+                    }[language]))));
+        };
+        if (groupName && children.length) {
+            return (react_1.default.createElement("li", { key: code },
+                react_1.default.createElement("span", null, {
+                    cn: groupName,
+                    en: enName,
+                }[language]),
+                react_1.default.createElement(SubMenu, null, children.map((subItem) => (react_1.default.createElement(SubMenuItem, { menu: subItem, key: subItem === null || subItem === void 0 ? void 0 : subItem.code }))))));
+        }
+        return react_1.default.createElement(SubMenuItem, { menu: item });
+    };
+    (0, react_1.useEffect)(() => {
+        setActiveMenu(selectedKey);
+    }, [selectedKey]);
+    return (react_1.default.createElement(SideMenu, null, menus.map((menu) => (react_1.default.createElement(MenuItem, { item: menu, key: menu.code })))));
+};
+//# sourceMappingURL=SideMenu.js.map

package/lib/business-components/tntd-layout/paaslayout/SideMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideMenu.js","sourceRoot":"","sources":["../../../../src/business-components/tntd-layout/paaslayout/SideMenu.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA6D;AAC7D,0EAAsC;AACtC,4DAA2B;AAC3B,2DAAkC;AAElC,MAAM,QAAQ,GAAG,2BAAM,CAAC,EAAE,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BzB,CAAA;AAED,MAAM,OAAO,GAAG,2BAAM,CAAC,EAAE,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BxB,CAAA;AAED,kBAAe,CAAC,KAAK,EAAE,EAAE;IACvB,MAAM,EACJ,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,cAAc,EACd,YAAY,EACZ,WAAW,EACX,cAAc,EACd,QAAQ,EACR,QAAQ,GACT,GAAG,KAAK,CAAA;IACT,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,WAAW,CAAC,CAAA;IACzD,MAAM,mBAAmB,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;IAC7D,MAAM,aAAa,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;;QACjC,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,IAAI,EAAE,CAAA;QAC3B,MAAM,UAAU,GAAG,cAAc,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,CAAA;QAErD,IAAI,YAAY,CAAC,IAAI,CAAC,EAAE;YACtB,YAAY,CAAC,UAAU,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;YAC1C,OAAM;SACP;QAED,MAAM,YAAY,GAAG,MAAA,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,0CAAG,CAAC,CAAC,CAAA;QAExE,IAAI,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE;YACrD,MAAM,WAAW,GAAG,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,CAAA;YAC1C,YAAY;gBACV,CAAC,CAAC,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC;gBACjC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,EAAE,WAAW,CAAC,CAAA;SAC5D;aAAM;YACL,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,CAAA;SAC9C;IACH,CAAC,CAAA;IACD,MAAM,UAAU,GAAG,CAAC,KAAK,GAAG,EAAE,EAAE,EAAE;QAChC,MAAM,iBAAiB,GAAG,cAAc,IAAI,mBAAmB,CAAA;QAC/D,MAAM,WAAW,GAAG,QAAQ,IAAI,aAAa,CAAA;QAE7C,IAAI,KAAK,CAAC,GAAG,KAAK,UAAU,EAAE;YAC5B,IAAI,iBAAiB,CAAC,KAAK,EAAE,UAAU,CAAC,EAAE;gBACxC,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;gBACxB,QAAQ,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAA;aAC5B;SACF;QAED,WAAW,CAAC,KAAK,CAAC,CAAA;IACpB,CAAC,CAAA;IAED,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;QAC5B,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,GAAG,EAAE,EAAE,GAAG,IAAI,CAAA;QACvD,MAAM,WAAW,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;YAC/B,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,CAAA;YAEnD,OAAO,CACL,sCACE,GAAG,EAAE,IAAI,EACT,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,UAAU,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EACtE,SAAS,EAAE,IAAA,oBAAE,EAAC,EAAE,MAAM,EAAE,IAAI,KAAK,UAAU,EAAE,CAAC;gBAE9C,qCAAG,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,cAAc,EAAE;oBAClD,IAAI,YAAY,iBAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,8BAAC,kBAAQ,IAAC,IAAI,EAAE,IAAI,GAAI;oBAC5D,4CAEI;wBACE,EAAE,EAAE,QAAQ;wBACZ,EAAE,EAAE,MAAM;qBACX,CAAC,QAAQ,CAAC,CAER,CACL,CACD,CACN,CAAA;QACH,CAAC,CAAA;QAED,IAAI,SAAS,IAAI,QAAQ,CAAC,MAAM,EAAE;YAChC,OAAO,CACL,sCAAI,GAAG,EAAE,IAAI;gBACX,4CAEI;oBACE,EAAE,EAAE,SAAS;oBACb,EAAE,EAAE,MAAM;iBACX,CAAC,QAAQ,CAAC,CAER;gBACP,8BAAC,OAAO,QACL,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACzB,8BAAC,WAAW,IAAC,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,GAAI,CACnD,CAAC,CACM,CACP,CACN,CAAA;SACF;QAED,OAAO,8BAAC,WAAW,IAAC,IAAI,EAAE,IAAI,GAAI,CAAA;IACpC,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,aAAa,CAAC,WAAW,CAAC,CAAA;IAC5B,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,OAAO,CACL,8BAAC,QAAQ,QACN,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,8BAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC,IAAI,GAAI,CACzC,CAAC,CACO,CACZ,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React, { useState, useEffect, Component } from 'react'\nimport styled from 'styled-components'\nimport cn from 'classnames'\nimport Iconfont from '../Iconfont'\n\nconst SideMenu = styled.ul`\n  background: #fff;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  text-rendering: optimizeLegibility;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  .isInIframe & {\n    display: none;\n  }\n\n  & > li {\n    font-size: 14px;\n    letter-spacing: 0;\n    margin-top: 20px;\n    &:first-child {\n      margin-top: 30px;\n    }\n    & > span {\n      line-height: 38px;\n      opacity: 0.4;\n      display: inline-block;\n      width: calc(100% - 20px);\n      color: #17233d;\n      border-bottom: 1px solid #b2becd;\n      margin-left: 20px;\n    }\n  }\n`\n\nconst SubMenu = styled.ul`\n  background: #fff;\n  list-style: none;\n  font-size: 14px;\n  color: #17233d;\n  margin: 10px 0 0;\n  padding: 0;\n  li {\n    position: relative;\n    line-height: 38px;\n    cursor: pointer;\n    padding-left: 20px;\n    & > a {\n      color: #17233d;\n      & > span {\n        padding-left: 10px;\n      }\n    }\n    &.active {\n      background: #eaedf8;\n      &:before {\n        position: absolute;\n        left: 0;\n        top: 0;\n        content: '';\n        width: 4px;\n        height: 100%;\n        background-color: #4c79ff;\n      }\n    }\n  }\n`\n\nexport default (props) => {\n  const {\n    language,\n    menus = [],\n    formatMenuPath,\n    changeRouter,\n    selectedKey,\n    onBeforeChange,\n    onChange,\n    onSelect,\n  } = props\n  const [activeMenu, setActiveMenu] = useState(selectedKey)\n  const defaultBeforeChange = ({ data }) => !isNewTabMenu(data)\n  const defaultSelect = ({ data }) => {\n    const { path } = data || {}\n    const formatPath = formatMenuPath || ((path) => path)\n\n    if (isNewTabMenu(data)) {\n      openInNewTab(formatPath(data?.path, data))\n      return\n    }\n\n    const routerPrefix = window.location.pathname.match(/(^\\/[^\\/]+)/i)?.[1]\n\n    if (window.location.pathname.startsWith(routerPrefix)) {\n      const forwardPath = formatPath(path, data)\n      changeRouter\n        ? changeRouter(forwardPath, data)\n        : window.history.pushState(data, data?.name, forwardPath)\n    } else {\n      window.location.href = formatPath(path, data)\n    }\n  }\n  const selectMenu = (param = {}) => {\n    const finalBeforeChange = onBeforeChange || defaultBeforeChange\n    const finalSelect = onSelect || defaultSelect\n\n    if (param.key !== activeMenu) {\n      if (finalBeforeChange(param, activeMenu)) {\n        setActiveMenu(param.key)\n        onChange && onChange(param)\n      }\n    }\n\n    finalSelect(param)\n  }\n\n  const MenuItem = ({ item }) => {\n    const { code, groupName, enName, children = [] } = item\n    const SubMenuItem = ({ menu }) => {\n      const { code, menuName, enName, icon, path } = menu\n\n      return (\n        <li\n          key={code}\n          onClick={(evt) => selectMenu({ key: code, data: menu, domEvent: evt })}\n          className={cn({ active: code === activeMenu })}\n        >\n          <a href={path} onClick={(evt) => evt.preventDefault()}>\n            {icon instanceof Component ? icon : <Iconfont type={icon} />}\n            <span>\n              {\n                {\n                  cn: menuName,\n                  en: enName,\n                }[language]\n              }\n            </span>\n          </a>\n        </li>\n      )\n    }\n\n    if (groupName && children.length) {\n      return (\n        <li key={code}>\n          <span>\n            {\n              {\n                cn: groupName,\n                en: enName,\n              }[language]\n            }\n          </span>\n          <SubMenu>\n            {children.map((subItem) => (\n              <SubMenuItem menu={subItem} key={subItem?.code} />\n            ))}\n          </SubMenu>\n        </li>\n      )\n    }\n\n    return <SubMenuItem menu={item} />\n  }\n\n  useEffect(() => {\n    setActiveMenu(selectedKey)\n  }, [selectedKey])\n\n  return (\n    <SideMenu>\n      {menus.map((menu) => (\n        <MenuItem item={menu} key={menu.code} />\n      ))}\n    </SideMenu>\n  )\n}\n"]}

package/lib/business-components/tntd-layout/paaslayout/index.d.ts

@@ -0,0 +1,10 @@
+declare var _default: React.ForwardRefExoticComponent<{
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+} & {
+    theme?: any;
+}>;
+export default _default;
+import React from "react";
+//# sourceMappingURL=index.d.ts.map

package/lib/business-components/tntd-layout/paaslayout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/business-components/tntd-layout/paaslayout/index.js"],"names":[],"mappings":""}

package/lib/business-components/tntd-layout/paaslayout/index.js

@@ -0,0 +1,149 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const styled_components_1 = __importStar(require("styled-components"));
+const classnames_1 = __importDefault(require("classnames"));
+const antd_1 = require("antd");
+const lodash_1 = require("lodash");
+const utils_1 = require("../../utils");
+const HeaderNavs_1 = __importDefault(require("../HeaderNavs"));
+const Header_1 = __importDefault(require("./Header"));
+const SideMenu_1 = __importDefault(require("./SideMenu"));
+const CompactSideMenu_1 = __importDefault(require("./CompactSideMenu"));
+const storage_1 = require("../storage");
+const { Content, Sider } = antd_1.Layout;
+const TNTPaasLayout = (0, styled_components_1.default)(antd_1.Layout) `
+  position: relative;
+  height: 100vh;
+  overflow: hidden;
+  & > .ant-layout {
+    flex-direction: row;
+    & > .ant-layout-content {
+      overflow-x: hidden;
+      flex: 1;
+    }
+  }
+  .tnt-layout-sider {
+    overflow-x: hidden;
+    background: #fff !important;
+    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);
+    z-index: 8;
+  }
+  &.isInIframe,
+  &.isEmptyLayout {
+    .tnt-layout-sider {
+      display: none;
+    }
+  }
+  &.tnt-themeS1 .tnt-layout-sider {
+    background: #fff !important;
+  }
+  .tnt-layout-content {
+    background: ${(props) => props.theme.lightBgColor};
+  }
+`;
+const noop = () => true;
+exports.default = (0, styled_components_1.withTheme)((props) => {
+    const { appKey, logo, name, enName, isInIframe, isEmptyLayout, selectedAppKey, appList, config = {}, extraHeaderActions, headerNavs, sideMenu, selectedMenuKey, menuAlignMode = 'side', menus = [], formatMenuPath, changeRouter, onLogoClick = noop, onThemeChange = noop, onLanguageChange = noop, onApplicationChange = noop, onAppChange = noop, onLogout, onBeforeMenuChange = noop, onMenuChange = noop, onMenuSelect = noop, onHeaderNavChange = noop, } = props;
+    const [userInfo, setUserInfo] = (0, react_1.useState)(props.userInfo || {});
+    let theme = (0, storage_1.getThemeStore)() || userInfo.theme || 'themeS2';
+    // theme === 'default' ? 'themeS2' : theme;
+    theme = ['default', 'themeS3'].includes(theme) ? 'themeS2' : theme;
+    const language = (0, storage_1.getLanguageStore)() || userInfo.lang || 'cn';
+    const menusMapByApp = menus.reduce((acc, menu) => {
+        const subMenus = menu.children || [];
+        const singleGroupMap = subMenus.reduce((acc, subMenu) => {
+            const { path } = subMenu;
+            const appKey = !/^http/i.test(path) ? path === null || path === void 0 ? void 0 : path.match(/\/([^\/]+)/)[1] : '';
+            if (appKey) {
+                acc[appKey] = acc[appKey] || Object.assign(Object.assign({}, menu), { children: [] });
+                acc[appKey].children.push(subMenu);
+            }
+            return acc;
+        }, {});
+        for (const appKey in singleGroupMap) {
+            acc[appKey] = acc[appKey] || [];
+            acc[appKey].push(singleGroupMap[appKey]);
+        }
+        return acc;
+    }, {});
+    const [currentAppKey, setCurrentAppKey] = (0, react_1.useState)(appKey);
+    const apps = (0, lodash_1.reduce)(menusMapByApp, (acc, value, key) => {
+        acc.push({
+            appKey: key,
+            name: key,
+        });
+        return acc;
+    }, []);
+    const isMenusTop = menuAlignMode === 'top';
+    let headerNavMenus = headerNavs;
+    const currentSystemMenus = menusMapByApp[currentAppKey] || [];
+    const [currentHeaderNavKey, setCurrentHeaderNavKey] = (0, react_1.useState)((0, lodash_1.get)(currentSystemMenus, '0.code'));
+    const sideMenus = isMenusTop
+        ? (0, lodash_1.get)(currentSystemMenus.find(({ code }) => currentHeaderNavKey === code), 'children', [])
+        : currentSystemMenus;
+    const FinalSideMenu = isMenusTop ? CompactSideMenu_1.default : SideMenu_1.default;
+    // 一级菜单放在顶部(Header里面菜单作为一级导航)
+    if (isMenusTop) {
+        headerNavMenus = (react_1.default.createElement(HeaderNavs_1.default, { selectedKey: currentHeaderNavKey, navs: currentSystemMenus.map((item) => (Object.assign(Object.assign({}, item), { key: item.code, name: item.groupName }))), onChange: (item) => {
+                setCurrentHeaderNavKey(item.key);
+                onHeaderNavChange(item);
+            } }));
+    }
+    (0, react_1.useEffect)(() => {
+        setUserInfo(props.userInfo);
+    }, [props.userInfo]);
+    (0, react_1.useEffect)(() => {
+        if (isMenusTop) {
+            setCurrentHeaderNavKey((0, lodash_1.get)((0, utils_1.getSelectedMenuInfo)(selectedMenuKey, menus), 'menu.code'));
+        }
+    }, [menus, selectedMenuKey]);
+    return (react_1.default.createElement(TNTPaasLayout, { className: (0, classnames_1.default)(`tnt-${theme} ${props.className || ''}`, {
+            'large-size': props.theme.size === 'large',
+            compatible: props.theme.compatible,
+            isInIframe,
+            isEmptyLayout,
+            noAppList: !appList,
+        }) },
+        react_1.default.createElement(Header_1.default, { logo: logo, name: name, enName: enName, language: language, theme: theme, userInfo: userInfo, config: config, appKey: currentAppKey, selectedAppKey: selectedAppKey, menus: menus, appList: appList, apps: apps, extraActions: extraHeaderActions, onLogoClick: onLogoClick, onAppChange: onAppChange, onThemeChange: (theme) => {
+                setUserInfo(Object.assign(Object.assign({}, userInfo), { theme }));
+                onThemeChange && onThemeChange(theme);
+            }, onLanguageChange: (lang) => {
+                setUserInfo(Object.assign(Object.assign({}, userInfo), { lang }));
+                onLanguageChange && onLanguageChange(lang);
+            }, onApplicationChange: (appKey) => {
+                setCurrentAppKey(appKey);
+                onApplicationChange(appKey);
+            }, onLogout: onLogout }, headerNavMenus),
+        react_1.default.createElement(antd_1.Layout, null,
+            !(0, lodash_1.isUndefined)(sideMenu) ? (sideMenu) : (react_1.default.createElement(Sider, { breakpoint: "md", className: "tnt-layout-sider", width: 220, trigger: null },
+                react_1.default.createElement(FinalSideMenu, { language: language, selectedKey: selectedMenuKey, menus: sideMenus, formatMenuPath: formatMenuPath, changeRouter: changeRouter, onBeforeChange: onBeforeMenuChange, onChange: onMenuChange, onSelect: onMenuSelect }))),
+            react_1.default.createElement(Content, { className: "tnt-layout-content" }, props.children))));
+});
+//# sourceMappingURL=index.js.map

package/lib/business-components/tntd-layout/paaslayout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/business-components/tntd-layout/paaslayout/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkD;AAClD,uEAAqD;AACrD,4DAA2B;AAC3B,+BAA6B;AAC7B,mCAAiD;AACjD,uCAAiD;AACjD,+DAAsC;AACtC,sDAA6B;AAC7B,0DAAiC;AACjC,wEAA+C;AAC/C,wCAA4D;AAE5D,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,aAAM,CAAA;AACjC,MAAM,aAAa,GAAG,IAAA,2BAAM,EAAC,aAAM,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;kBA2BlB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY;;CAEpD,CAAA;AACD,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;AAEvB,kBAAe,IAAA,6BAAS,EAAC,CAAC,KAAK,EAAE,EAAE;IACjC,MAAM,EACJ,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,UAAU,EACV,aAAa,EACb,cAAc,EACd,OAAO,EACP,MAAM,GAAG,EAAE,EACX,kBAAkB,EAClB,UAAU,EACV,QAAQ,EACR,eAAe,EACf,aAAa,GAAG,MAAM,EACtB,KAAK,GAAG,EAAE,EACV,cAAc,EACd,YAAY,EACZ,WAAW,GAAG,IAAI,EAClB,aAAa,GAAG,IAAI,EACpB,gBAAgB,GAAG,IAAI,EACvB,mBAAmB,GAAG,IAAI,EAC1B,WAAW,GAAG,IAAI,EAClB,QAAQ,EACR,kBAAkB,GAAG,IAAI,EACzB,YAAY,GAAG,IAAI,EACnB,YAAY,GAAG,IAAI,EACnB,iBAAiB,GAAG,IAAI,GACzB,GAAG,KAAK,CAAA;IACT,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAA;IAC9D,IAAI,KAAK,GAAG,IAAA,uBAAa,GAAE,IAAI,QAAQ,CAAC,KAAK,IAAI,SAAS,CAAA;IAC1D,2CAA2C;IAC3C,KAAK,GAAG,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAA;IAElE,MAAM,QAAQ,GAAG,IAAA,0BAAgB,GAAE,IAAI,QAAQ,CAAC,IAAI,IAAI,IAAI,CAAA;IAC5D,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE;QAC/C,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAA;QAEpC,MAAM,cAAc,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,OAAO,EAAE,EAAE;YACtD,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,CAAA;YACxB,MAAM,MAAM,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;YAEvE,IAAI,MAAM,EAAE;gBACV,GAAG,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,oCACpB,IAAI,KACP,QAAQ,EAAE,EAAE,GACb,CAAA;gBACD,GAAG,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;aACnC;YACD,OAAO,GAAG,CAAA;QACZ,CAAC,EAAE,EAAE,CAAC,CAAA;QAEN,KAAK,MAAM,MAAM,IAAI,cAAc,EAAE;YACnC,GAAG,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,CAAA;YAC/B,GAAG,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAA;SACzC;QAED,OAAO,GAAG,CAAA;IACZ,CAAC,EAAE,EAAE,CAAC,CAAA;IACN,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,MAAM,CAAC,CAAA;IAC1D,MAAM,IAAI,GAAG,IAAA,eAAM,EACjB,aAAa,EACb,CAAC,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE;QAClB,GAAG,CAAC,IAAI,CAAC;YACP,MAAM,EAAE,GAAG;YACX,IAAI,EAAE,GAAG;SACV,CAAC,CAAA;QACF,OAAO,GAAG,CAAA;IACZ,CAAC,EACD,EAAE,CACH,CAAA;IAED,MAAM,UAAU,GAAG,aAAa,KAAK,KAAK,CAAA;IAC1C,IAAI,cAAc,GAAG,UAAU,CAAA;IAC/B,MAAM,kBAAkB,GAAG,aAAa,CAAC,aAAa,CAAC,IAAI,EAAE,CAAA;IAC7D,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAA,YAAG,EAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAC,CAAA;IACjG,MAAM,SAAS,GAAG,UAAU;QAC1B,CAAC,CAAC,IAAA,YAAG,EACD,kBAAkB,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,mBAAmB,KAAK,IAAI,CAAC,EACnE,UAAU,EACV,EAAE,CACH;QACH,CAAC,CAAC,kBAAkB,CAAA;IACtB,MAAM,aAAa,GAAG,UAAU,CAAC,CAAC,CAAC,yBAAe,CAAC,CAAC,CAAC,kBAAQ,CAAA;IAE7D,6BAA6B;IAC7B,IAAI,UAAU,EAAE;QACd,cAAc,GAAG,CACf,8BAAC,oBAAU,IACT,WAAW,EAAE,mBAAmB,EAChC,IAAI,EAAE,kBAAkB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,iCAClC,IAAI,KACP,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,IAAI,EAAE,IAAI,CAAC,SAAS,IACpB,CAAC,EACH,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE;gBACjB,sBAAsB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;gBAChC,iBAAiB,CAAC,IAAI,CAAC,CAAA;YACzB,CAAC,GACD,CACH,CAAA;KACF;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,WAAW,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;IAC7B,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEpB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,UAAU,EAAE;YACd,sBAAsB,CAAC,IAAA,YAAG,EAAC,IAAA,2BAAmB,EAAC,eAAe,EAAE,KAAK,CAAC,EAAE,WAAW,CAAC,CAAC,CAAA;SACtF;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAA;IAE5B,OAAO,CACL,8BAAC,aAAa,IACZ,SAAS,EAAE,IAAA,oBAAE,EAAC,OAAO,KAAK,IAAI,KAAK,CAAC,SAAS,IAAI,EAAE,EAAE,EAAE;YACrD,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO;YAC1C,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,UAAU;YAClC,UAAU;YACV,aAAa;YACb,SAAS,EAAE,CAAC,OAAO;SACpB,CAAC;QAEF,8BAAC,gBAAM,IACL,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,aAAa,EACrB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,kBAAkB,EAChC,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;gBACvB,WAAW,iCACN,QAAQ,KACX,KAAK,IACL,CAAA;gBACF,aAAa,IAAI,aAAa,CAAC,KAAK,CAAC,CAAA;YACvC,CAAC,EACD,gBAAgB,EAAE,CAAC,IAAI,EAAE,EAAE;gBACzB,WAAW,iCACN,QAAQ,KACX,IAAI,IACJ,CAAA;gBACF,gBAAgB,IAAI,gBAAgB,CAAC,IAAI,CAAC,CAAA;YAC5C,CAAC,EACD,mBAAmB,EAAE,CAAC,MAAM,EAAE,EAAE;gBAC9B,gBAAgB,CAAC,MAAM,CAAC,CAAA;gBACxB,mBAAmB,CAAC,MAAM,CAAC,CAAA;YAC7B,CAAC,EACD,QAAQ,EAAE,QAAQ,IAEjB,cAAc,CACR;QACT,8BAAC,aAAM;YACJ,CAAC,IAAA,oBAAW,EAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CACxB,QAAQ,CACT,CAAC,CAAC,CAAC,CACF,8BAAC,KAAK,IAAC,UAAU,EAAC,IAAI,EAAC,SAAS,EAAC,kBAAkB,EAAC,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI;gBAC3E,8BAAC,aAAa,IACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,eAAe,EAC5B,KAAK,EAAE,SAAS,EAChB,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,kBAAkB,EAClC,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,YAAY,GACtB,CACI,CACT;YACD,8BAAC,OAAO,IAAC,SAAS,EAAC,oBAAoB,IAAE,KAAK,CAAC,QAAQ,CAAW,CAC3D,CACK,CACjB,CAAA;AACH,CAAC,CAAC,CAAA","sourcesContent":["import React, { useState, useEffect } from 'react'\nimport styled, { withTheme } from 'styled-components'\nimport cn from 'classnames'\nimport { Layout } from 'antd'\nimport { get, reduce, isUndefined } from 'lodash'\nimport { getSelectedMenuInfo } from '../../utils'\nimport HeaderNavs from '../HeaderNavs'\nimport Header from './Header'\nimport SideMenu from './SideMenu'\nimport CompactSideMenu from './CompactSideMenu'\nimport { getLanguageStore, getThemeStore } from '../storage'\n\nconst { Content, Sider } = Layout\nconst TNTPaasLayout = styled(Layout)`\n  position: relative;\n  height: 100vh;\n  overflow: hidden;\n  & > .ant-layout {\n    flex-direction: row;\n    & > .ant-layout-content {\n      overflow-x: hidden;\n      flex: 1;\n    }\n  }\n  .tnt-layout-sider {\n    overflow-x: hidden;\n    background: #fff !important;\n    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);\n    z-index: 8;\n  }\n  &.isInIframe,\n  &.isEmptyLayout {\n    .tnt-layout-sider {\n      display: none;\n    }\n  }\n  &.tnt-themeS1 .tnt-layout-sider {\n    background: #fff !important;\n  }\n  .tnt-layout-content {\n    background: ${(props) => props.theme.lightBgColor};\n  }\n`\nconst noop = () => true\n\nexport default withTheme((props) => {\n  const {\n    appKey,\n    logo,\n    name,\n    enName,\n    isInIframe,\n    isEmptyLayout,\n    selectedAppKey,\n    appList,\n    config = {},\n    extraHeaderActions,\n    headerNavs,\n    sideMenu,\n    selectedMenuKey,\n    menuAlignMode = 'side',\n    menus = [],\n    formatMenuPath,\n    changeRouter,\n    onLogoClick = noop,\n    onThemeChange = noop,\n    onLanguageChange = noop,\n    onApplicationChange = noop,\n    onAppChange = noop,\n    onLogout,\n    onBeforeMenuChange = noop,\n    onMenuChange = noop,\n    onMenuSelect = noop,\n    onHeaderNavChange = noop,\n  } = props\n  const [userInfo, setUserInfo] = useState(props.userInfo || {})\n  let theme = getThemeStore() || userInfo.theme || 'themeS2'\n  // theme === 'default' ? 'themeS2' : theme;\n  theme = ['default', 'themeS3'].includes(theme) ? 'themeS2' : theme\n\n  const language = getLanguageStore() || userInfo.lang || 'cn'\n  const menusMapByApp = menus.reduce((acc, menu) => {\n    const subMenus = menu.children || []\n\n    const singleGroupMap = subMenus.reduce((acc, subMenu) => {\n      const { path } = subMenu\n      const appKey = !/^http/i.test(path) ? path?.match(/\\/([^\\/]+)/)[1] : ''\n\n      if (appKey) {\n        acc[appKey] = acc[appKey] || {\n          ...menu,\n          children: [],\n        }\n        acc[appKey].children.push(subMenu)\n      }\n      return acc\n    }, {})\n\n    for (const appKey in singleGroupMap) {\n      acc[appKey] = acc[appKey] || []\n      acc[appKey].push(singleGroupMap[appKey])\n    }\n\n    return acc\n  }, {})\n  const [currentAppKey, setCurrentAppKey] = useState(appKey)\n  const apps = reduce(\n    menusMapByApp,\n    (acc, value, key) => {\n      acc.push({\n        appKey: key,\n        name: key,\n      })\n      return acc\n    },\n    []\n  )\n\n  const isMenusTop = menuAlignMode === 'top'\n  let headerNavMenus = headerNavs\n  const currentSystemMenus = menusMapByApp[currentAppKey] || []\n  const [currentHeaderNavKey, setCurrentHeaderNavKey] = useState(get(currentSystemMenus, '0.code'))\n  const sideMenus = isMenusTop\n    ? get(\n        currentSystemMenus.find(({ code }) => currentHeaderNavKey === code),\n        'children',\n        []\n      )\n    : currentSystemMenus\n  const FinalSideMenu = isMenusTop ? CompactSideMenu : SideMenu\n\n  // 一级菜单放在顶部(Header里面菜单作为一级导航)\n  if (isMenusTop) {\n    headerNavMenus = (\n      <HeaderNavs\n        selectedKey={currentHeaderNavKey}\n        navs={currentSystemMenus.map((item) => ({\n          ...item,\n          key: item.code,\n          name: item.groupName,\n        }))}\n        onChange={(item) => {\n          setCurrentHeaderNavKey(item.key)\n          onHeaderNavChange(item)\n        }}\n      />\n    )\n  }\n\n  useEffect(() => {\n    setUserInfo(props.userInfo)\n  }, [props.userInfo])\n\n  useEffect(() => {\n    if (isMenusTop) {\n      setCurrentHeaderNavKey(get(getSelectedMenuInfo(selectedMenuKey, menus), 'menu.code'))\n    }\n  }, [menus, selectedMenuKey])\n\n  return (\n    <TNTPaasLayout\n      className={cn(`tnt-${theme} ${props.className || ''}`, {\n        'large-size': props.theme.size === 'large',\n        compatible: props.theme.compatible,\n        isInIframe,\n        isEmptyLayout,\n        noAppList: !appList,\n      })}\n    >\n      <Header\n        logo={logo}\n        name={name}\n        enName={enName}\n        language={language}\n        theme={theme}\n        userInfo={userInfo}\n        config={config}\n        appKey={currentAppKey}\n        selectedAppKey={selectedAppKey}\n        menus={menus}\n        appList={appList}\n        apps={apps}\n        extraActions={extraHeaderActions}\n        onLogoClick={onLogoClick}\n        onAppChange={onAppChange}\n        onThemeChange={(theme) => {\n          setUserInfo({\n            ...userInfo,\n            theme,\n          })\n          onThemeChange && onThemeChange(theme)\n        }}\n        onLanguageChange={(lang) => {\n          setUserInfo({\n            ...userInfo,\n            lang,\n          })\n          onLanguageChange && onLanguageChange(lang)\n        }}\n        onApplicationChange={(appKey) => {\n          setCurrentAppKey(appKey)\n          onApplicationChange(appKey)\n        }}\n        onLogout={onLogout}\n      >\n        {headerNavMenus}\n      </Header>\n      <Layout>\n        {!isUndefined(sideMenu) ? (\n          sideMenu\n        ) : (\n          <Sider breakpoint=\"md\" className=\"tnt-layout-sider\" width={220} trigger={null}>\n            <FinalSideMenu\n              language={language}\n              selectedKey={selectedMenuKey}\n              menus={sideMenus}\n              formatMenuPath={formatMenuPath}\n              changeRouter={changeRouter}\n              onBeforeChange={onBeforeMenuChange}\n              onChange={onMenuChange}\n              onSelect={onMenuSelect}\n            />\n          </Sider>\n        )}\n        <Content className=\"tnt-layout-content\">{props.children}</Content>\n      </Layout>\n    </TNTPaasLayout>\n  )\n})\n"]}

package/lib/business-components/tntd-layout/storage.d.ts

@@ -0,0 +1,13 @@
+export function getSideMenuStore(): any;
+export function setSideMenuStore(params?: {}): void;
+export function setCurrentAppStore(currentApp?: {}): void;
+export function getCurrentAppStore(): any;
+export function setCurrentOrgStore(currentOrg?: {}): void;
+export function getCurrentOrgStore(): any;
+export function setCurrentOrgTreeStore(currentOrgTree?: any[]): void;
+export function getCurrentOrgTreeStore(): any;
+export function setLanguageStore(lang: any): void;
+export function getLanguageStore(): string | null;
+export function setThemeStore(theme: any): void;
+export function getThemeStore(): string | null;
+//# sourceMappingURL=storage.d.ts.map

package/lib/business-components/tntd-layout/storage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storage.d.ts","sourceRoot":"","sources":["../../../src/business-components/tntd-layout/storage.js"],"names":[],"mappings":"AAEO,wCAAkF;AAClF,oDAQN;AAEM,0DAEN;AACM,0CAAsF;AAEtF,0DAEN;AACM,0CAAsF;AAEtF,qEAEN;AACM,8CACoD;AAEpD,kDAAqE;AACrE,kDAA2D;AAE3D,gDAAqE;AACrE,+CAAyD"}

package/lib/business-components/tntd-layout/storage.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getThemeStore = exports.setThemeStore = exports.getLanguageStore = exports.setLanguageStore = exports.getCurrentOrgTreeStore = exports.setCurrentOrgTreeStore = exports.getCurrentOrgStore = exports.setCurrentOrgStore = exports.getCurrentAppStore = exports.setCurrentAppStore = exports.setSideMenuStore = exports.getSideMenuStore = void 0;
+const utils_1 = require("../utils");
+const getSideMenuStore = () => (0, utils_1.safeParseJSON)(localStorage.getItem('sideMenu'), {});
+exports.getSideMenuStore = getSideMenuStore;
+const setSideMenuStore = (params = {}) => {
+    localStorage.setItem('sideMenu', JSON.stringify(Object.assign(Object.assign({}, (0, exports.getSideMenuStore)()), params)));
+};
+exports.setSideMenuStore = setSideMenuStore;
+const setCurrentAppStore = (currentApp = {}) => {
+    localStorage.setItem('currentApp', JSON.stringify(currentApp));
+};
+exports.setCurrentAppStore = setCurrentAppStore;
+const getCurrentAppStore = () => (0, utils_1.safeParseJSON)(localStorage.getItem('currentApp'), {});
+exports.getCurrentAppStore = getCurrentAppStore;
+const setCurrentOrgStore = (currentOrg = {}) => {
+    localStorage.setItem('currentOrg', JSON.stringify(currentOrg));
+};
+exports.setCurrentOrgStore = setCurrentOrgStore;
+const getCurrentOrgStore = () => (0, utils_1.safeParseJSON)(localStorage.getItem('currentOrg'), {});
+exports.getCurrentOrgStore = getCurrentOrgStore;
+const setCurrentOrgTreeStore = (currentOrgTree = []) => {
+    localStorage.setItem('currentOrgTree', JSON.stringify(currentOrgTree));
+};
+exports.setCurrentOrgTreeStore = setCurrentOrgTreeStore;
+const getCurrentOrgTreeStore = () => (0, utils_1.safeParseJSON)(localStorage.getItem('currentOrgTree'), []);
+exports.getCurrentOrgTreeStore = getCurrentOrgTreeStore;
+const setLanguageStore = (lang) => localStorage.setItem('lang', lang);
+exports.setLanguageStore = setLanguageStore;
+const getLanguageStore = () => localStorage.getItem('lang');
+exports.getLanguageStore = getLanguageStore;
+const setThemeStore = (theme) => localStorage.setItem('theme', theme);
+exports.setThemeStore = setThemeStore;
+const getThemeStore = () => localStorage.getItem('theme');
+exports.getThemeStore = getThemeStore;
+//# sourceMappingURL=storage.js.map

package/lib/business-components/tntd-layout/storage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"storage.js","sourceRoot":"","sources":["../../../src/business-components/tntd-layout/storage.js"],"names":[],"mappings":";;;AAAA,oCAAwC;AAEjC,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,IAAA,qBAAa,EAAC,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,EAAE,CAAC,CAAA;AAA5E,QAAA,gBAAgB,oBAA4D;AAClF,MAAM,gBAAgB,GAAG,CAAC,MAAM,GAAG,EAAE,EAAE,EAAE;IAC9C,YAAY,CAAC,OAAO,CAClB,UAAU,EACV,IAAI,CAAC,SAAS,iCACT,IAAA,wBAAgB,GAAE,GAClB,MAAM,EACT,CACH,CAAA;AACH,CAAC,CAAA;AARY,QAAA,gBAAgB,oBAQ5B;AAEM,MAAM,kBAAkB,GAAG,CAAC,UAAU,GAAG,EAAE,EAAE,EAAE;IACpD,YAAY,CAAC,OAAO,CAAC,YAAY,EAAE,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAA;AAChE,CAAC,CAAA;AAFY,QAAA,kBAAkB,sBAE9B;AACM,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,IAAA,qBAAa,EAAC,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,EAAE,CAAC,CAAA;AAAhF,QAAA,kBAAkB,sBAA8D;AAEtF,MAAM,kBAAkB,GAAG,CAAC,UAAU,GAAG,EAAE,EAAE,EAAE;IACpD,YAAY,CAAC,OAAO,CAAC,YAAY,EAAE,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAA;AAChE,CAAC,CAAA;AAFY,QAAA,kBAAkB,sBAE9B;AACM,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,IAAA,qBAAa,EAAC,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,EAAE,CAAC,CAAA;AAAhF,QAAA,kBAAkB,sBAA8D;AAEtF,MAAM,sBAAsB,GAAG,CAAC,cAAc,GAAG,EAAE,EAAE,EAAE;IAC5D,YAAY,CAAC,OAAO,CAAC,gBAAgB,EAAE,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAA;AACxE,CAAC,CAAA;AAFY,QAAA,sBAAsB,0BAElC;AACM,MAAM,sBAAsB,GAAG,GAAG,EAAE,CACzC,IAAA,qBAAa,EAAC,YAAY,CAAC,OAAO,CAAC,gBAAgB,CAAC,EAAE,EAAE,CAAC,CAAA;AAD9C,QAAA,sBAAsB,0BACwB;AAEpD,MAAM,gBAAgB,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;AAA/D,QAAA,gBAAgB,oBAA+C;AACrE,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;AAArD,QAAA,gBAAgB,oBAAqC;AAE3D,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;AAA/D,QAAA,aAAa,iBAAkD;AACrE,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;AAAnD,QAAA,aAAa,iBAAsC","sourcesContent":["import { safeParseJSON } from '../utils'\n\nexport const getSideMenuStore = () => safeParseJSON(localStorage.getItem('sideMenu'), {})\nexport const setSideMenuStore = (params = {}) => {\n  localStorage.setItem(\n    'sideMenu',\n    JSON.stringify({\n      ...getSideMenuStore(),\n      ...params,\n    })\n  )\n}\n\nexport const setCurrentAppStore = (currentApp = {}) => {\n  localStorage.setItem('currentApp', JSON.stringify(currentApp))\n}\nexport const getCurrentAppStore = () => safeParseJSON(localStorage.getItem('currentApp'), {})\n\nexport const setCurrentOrgStore = (currentOrg = {}) => {\n  localStorage.setItem('currentOrg', JSON.stringify(currentOrg))\n}\nexport const getCurrentOrgStore = () => safeParseJSON(localStorage.getItem('currentOrg'), {})\n\nexport const setCurrentOrgTreeStore = (currentOrgTree = []) => {\n  localStorage.setItem('currentOrgTree', JSON.stringify(currentOrgTree))\n}\nexport const getCurrentOrgTreeStore = () =>\n  safeParseJSON(localStorage.getItem('currentOrgTree'), [])\n\nexport const setLanguageStore = (lang) => localStorage.setItem('lang', lang)\nexport const getLanguageStore = () => localStorage.getItem('lang')\n\nexport const setThemeStore = (theme) => localStorage.setItem('theme', theme)\nexport const getThemeStore = () => localStorage.getItem('theme')\n"]}

package/lib/business-components/tntd-modal/index.d.ts

@@ -0,0 +1,3 @@
+declare function _default(props: any): JSX.Element;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/lib/business-components/tntd-modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/business-components/tntd-modal/index.js"],"names":[],"mappings":"AAkCe,mDAkDd"}