tntd 1.4.17 → 2.0.0-beta-1

package/es/business-components/tntd-layout/images/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/business-components/tntd-layout/images/index.js"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,oBAAoB,CAAA;AAC7C,OAAO,YAAY,MAAM,oBAAoB,CAAA;AAE7C,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,OAAO,MAAM,sBAAsB,CAAA;AAC1C,OAAO,OAAO,MAAM,sBAAsB,CAAA;AAC1C,OAAO,OAAO,MAAM,sBAAsB,CAAA;AAC1C,OAAO,OAAO,MAAM,sBAAsB,CAAA;AAC1C,OAAO,OAAO,MAAM,sBAAsB,CAAA;AAC1C,OAAO,OAAO,MAAM,sBAAsB,CAAA;AAC1C,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,KAAK,MAAM,kBAAkB,CAAA;AACpC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,SAAS,MAAM,sBAAsB,CAAA;AAC5C,OAAO,OAAO,MAAM,oBAAoB,CAAA;AACxC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,SAAS,MAAM,sBAAsB,CAAA;AAC5C,OAAO,QAAQ,MAAM,qBAAqB,CAAA;AAC1C,OAAO,OAAO,MAAM,kBAAkB,CAAA;AACtC,OAAO,KAAK,MAAM,kBAAkB,CAAA;AACpC,OAAO,OAAO,MAAM,oBAAoB,CAAA;AACxC,OAAO,EAAE,MAAM,eAAe,CAAA;AAC9B,OAAO,IAAI,MAAM,oBAAoB,CAAA;AAErC,eAAe;IACb,QAAQ;IACR,YAAY;IACZ,YAAY;IAEZ,SAAS;IACT,KAAK;IACL,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;CACN,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAA;AAE/B,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,OAAO,EAAE,IAAI;IACb,MAAM,EACJ,w/DAAw/D;IAC1/D,KAAK;IACL,MAAM;IACN,SAAS;IACT,OAAO;IACP,MAAM;IACN,SAAS;IACT,QAAQ;IACR,OAAO;IACP,KAAK;IACL,OAAO;IACP,EAAE;CACH,CAAA","sourcesContent":["import themeSymbol1 from './theme/theme1.svg'\nimport themeSymbol2 from './theme/theme2.svg'\n\nimport empty from './avatar/empty.png'\nimport female1 from './avatar/female1.png'\nimport female2 from './avatar/female2.png'\nimport female3 from './avatar/female3.png'\nimport female4 from './avatar/female4.png'\nimport female5 from './avatar/female5.png'\nimport female6 from './avatar/female6.png'\nimport male1 from './avatar/male1.png'\nimport male2 from './avatar/male2.png'\nimport male3 from './avatar/male3.png'\nimport male4 from './avatar/male4.png'\nimport male5 from './avatar/male5.png'\nimport male6 from './avatar/male6.png'\nimport orion from './logo/orion.svg'\nimport turing from './logo/turing.svg'\nimport dataocean from './logo/dataocean.svg'\nimport convert from './logo/convert.svg'\nimport baldur from './logo/baldur.svg'\nimport indicator from './logo/indicator.svg'\nimport dispatch from './logo/dispatch.svg'\nimport feature from './logo/model.svg'\nimport model from './logo/model.svg'\nimport storage from './logo/storage.svg'\nimport bi from './logo/bi.svg'\nimport logo from './logo/default.svg'\n\nexport default {\n  // theme\n  themeSymbol1,\n  themeSymbol2,\n\n  // Avatar\n  empty,\n  female1,\n  female2,\n  female3,\n  female4,\n  female5,\n  female6,\n  male1,\n  male2,\n  male3,\n  male4,\n  male5,\n  male6,\n}\n\nexport const defaultLogo = logo\n\nexport const logoImgMap = {\n  default: logo,\n  bridge:\n    'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDI0IDEwMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMTJEMDkzO3N0cm9rZS13aWR0aDoyMDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cgkuc3Qxe2ZpbGw6I0ZGQTMwMDt9Cgkuc3Qye2ZpbGw6IzNDODFGRjt9Cgkuc3Qze2ZpbGw6IzBBQ0M4Njt9Cgkuc3Q0e2ZpbGw6IzNEREFGRjt9Cjwvc3R5bGU+CjxnPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTUxMiw1MTIiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01MTIsNTEyIi8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTEzLjQsNTQ0Yy0yOSwwLTU4LTExLjEtODAuMi0zMy4yYy00NC4zLTQ0LjMtNDQuMy0xMTYuMSwwLTE2MC40TDM1MC40LDMzLjJjNDQuMy00NC4zLDExNi4xLTQ0LjMsMTYwLjQsMAoJCQlzNDQuMywxMTYuMSwwLDE2MC40TDE5My42LDUxMC44QzE3MS40LDUzMywxNDIuNCw1NDQsMTEzLjQsNTQ0eiIvPgoJPC9nPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTIwMS40LDkzNi41Yy0yOSwwLTU4LTExLjEtODAuMi0zMy4yYy00NC4zLTQ0LjMtNDQuMy0xMTYuMSwwLTE2MC40bDYyMS43LTYyMS43CgkJCWM0NC4zLTQ0LjMsMTE2LjEtNDQuMywxNjAuNCwwYzQ0LjMsNDQuMyw0NC4zLDExNi4xLDAsMTYwLjRMMjgxLjYsOTAzLjNDMjU5LjQsOTI1LjQsMjMwLjQsOTM2LjUsMjAxLjQsOTM2LjV6Ii8+Cgk8L2c+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNNTkzLjQsMTAyNGMtMjksMC01OC0xMS4xLTgwLjItMzMuMmMtNDQuMy00NC4zLTQ0LjMtMTE2LjEsMC0xNjAuNGwzMTcuMi0zMTcuMgoJCQljNDQuMy00NC4zLDExNi4xLTQ0LjMsMTYwLjQsMGM0NC4zLDQ0LjMsNDQuMywxMTYuMSwwLDE2MC40TDY3My42LDk5MC44QzY1MS40LDEwMTIuOSw2MjIuNCwxMDI0LDU5My40LDEwMjR6Ii8+Cgk8L2c+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNODI2LjQsMzEzLjRDNzYzLjgsMzEzLjQsNzEzLDI2Mi42LDcxMywyMDBWMTk4YzAtNjIuNiw1MC44LTExMy40LDExMy40LTExMy40UzkzOS44LDEzNS40LDkzOS44LDE5OHYxLjkKCQkJQzkzOS44LDI2Mi42LDg4OS4xLDMxMy40LDgyNi40LDMxMy40eiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=',\n  orion,\n  turing,\n  dataocean,\n  convert,\n  baldur,\n  indicator,\n  dispatch,\n  feature,\n  model,\n  storage,\n  bi,\n}\n"]}

package/es/business-components/tntd-layout/index.js

@@ -0,0 +1,80 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { ThemeProvider } from 'styled-components';
+import Layout from './Layout';
+import EnterpriseLayout from './EnterpriseLayout';
+import PaasLayout from './paaslayout';
+import HeaderNavs from './HeaderNavs';
+import HeaderTabs from './HeaderTabs';
+import AuthContext from '../auth-context';
+import { safeParseJSON, findMenuInfoByPath, getCheckAuth } from '../utils';
+import ActionsContext from './ActionsContext';
+import createActions from './createActions';
+import { getLanguageStore } from './storage';
+export const HeaderActionItem = (props) => React.createElement("li", Object.assign({}, props), props.children);
+export * from './HeaderNavs';
+const TNTLayout = (_a) => {
+    var { type, config, showMenuInIframe = false } = _a, props = __rest(_a, ["type", "config", "showMenuInIframe"]);
+    const headerHeight = props.size === 'large' ? 60 : 50;
+    const theme = {
+        size: props.size,
+        compatible: props.compatible,
+        headerHeight,
+        primaryColor: '#126BFB',
+        secondaryColor: '#005df4',
+        primaryTextColor: '#17233D',
+        secondaryTextColor: 'rgba(23,35,61,.8)',
+        lightIconColor: 'rgba(23,35,61,.7)',
+        headerActionsColor: 'rgba(23,35,61,.6)',
+        borderColor: '#B2BECD',
+        dividerColor: '#E1E6EE',
+        lightBgColor: '#F1F2F5',
+        blueBgColor: '#1D4295', // 默认的蓝色主题
+    };
+    const isInIframe = showMenuInIframe
+        ? false
+        : self !== top && !window.navigator.userAgent.includes('mo-fang-app');
+    // 前期拼写错误，导致需要兼容处理
+    const extraHeaderActions = props.extraHeaderActions || props.extralHeaderActions;
+    const extendMap = typeof props.extendMap === 'string' ? safeParseJSON(props.extendMap, {}) : props.extendMap;
+    const { displayType = 'default', menuAlignMode, globalNavigation = false, language = ['cn'], themeSwitch = true, } = extendMap || {};
+    const userInfo = props.userInfo || {};
+    const actionsContextValue = createActions({
+        language: getLanguageStore() || userInfo.lang || 'cn',
+    });
+    const onLanguageChange = (language) => {
+        actionsContextValue.setLanguage(language);
+        props === null || props === void 0 ? void 0 : props.onLanguageChange(language);
+    };
+    // layout上的指定的属性优先级会高于extendMap中的属性
+    type = type || displayType;
+    config = Object.assign({
+        language: (language === null || language === void 0 ? void 0 : language.length) > 1,
+        theme: themeSwitch,
+        avatar: true,
+        globalNavigation,
+    }, config);
+    return (React.createElement(ThemeProvider, { theme: theme },
+        React.createElement(AuthContext.Provider, { value: getCheckAuth(props.menus) },
+            React.createElement(ActionsContext.Provider, { value: actionsContextValue },
+                type === 'paas' && (React.createElement(PaasLayout, Object.assign({ menuAlignMode: menuAlignMode, config: config }, props, { extraHeaderActions: extraHeaderActions, isInIframe: isInIframe, userInfo: userInfo, onLanguageChange: onLanguageChange }))),
+                type === 'enterprise' && (React.createElement(EnterpriseLayout, Object.assign({ menuAlignMode: menuAlignMode, config: config }, props, { extraHeaderActions: extraHeaderActions, isInIframe: isInIframe, userInfo: userInfo, onLanguageChange: onLanguageChange }))),
+                (!type || !['paas', 'enterprise'].includes(type)) && (React.createElement(Layout, Object.assign({ menuAlignMode: menuAlignMode, config: config }, props, { extraHeaderActions: extraHeaderActions, isInIframe: isInIframe, userInfo: userInfo, onLanguageChange: onLanguageChange })))))));
+};
+TNTLayout.HeaderActionItem = HeaderActionItem;
+TNTLayout.HeaderNavs = HeaderNavs;
+TNTLayout.HeaderTabs = HeaderTabs;
+TNTLayout.AuthContext = AuthContext;
+TNTLayout.findMenuInfoByPath = findMenuInfoByPath;
+export default TNTLayout;
+//# sourceMappingURL=index.js.map

package/es/business-components/tntd-layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/business-components/tntd-layout/index.js"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport { ThemeProvider } from 'styled-components'\nimport Layout from './Layout'\nimport EnterpriseLayout from './EnterpriseLayout'\nimport PaasLayout from './paaslayout'\nimport HeaderNavs from './HeaderNavs'\nimport HeaderTabs from './HeaderTabs'\nimport AuthContext from '../auth-context'\nimport { safeParseJSON, findMenuInfoByPath, getCheckAuth } from '../utils'\nimport ActionsContext from './ActionsContext'\nimport createActions from './createActions'\nimport { getLanguageStore } from './storage'\n\nexport const HeaderActionItem = (props) => <li {...props}>{props.children}</li>\n\nexport * from './HeaderNavs'\n\nconst TNTLayout = ({ type, config, showMenuInIframe = false, ...props }) => {\n  const headerHeight = props.size === 'large' ? 60 : 50\n  const theme = {\n    size: props.size,\n    compatible: props.compatible,\n    headerHeight,\n    primaryColor: '#126BFB',\n    secondaryColor: '#005df4',\n    primaryTextColor: '#17233D', // 1\n    secondaryTextColor: 'rgba(23,35,61,.8)', // .8\n    lightIconColor: 'rgba(23,35,61,.7)', // .7\n    headerActionsColor: 'rgba(23,35,61,.6)', // .6\n    borderColor: '#B2BECD',\n    dividerColor: '#E1E6EE',\n    lightBgColor: '#F1F2F5',\n    blueBgColor: '#1D4295', // 默认的蓝色主题\n  }\n  const isInIframe = showMenuInIframe\n    ? false\n    : self !== top && !window.navigator.userAgent.includes('mo-fang-app')\n  // 前期拼写错误，导致需要兼容处理\n  const extraHeaderActions = props.extraHeaderActions || props.extralHeaderActions\n  const extendMap =\n    typeof props.extendMap === 'string' ? safeParseJSON(props.extendMap, {}) : props.extendMap\n  const {\n    displayType = 'default',\n    menuAlignMode,\n    globalNavigation = false,\n    language = ['cn'],\n    themeSwitch = true,\n  } = extendMap || {}\n  const userInfo = props.userInfo || {}\n  const actionsContextValue = createActions({\n    language: getLanguageStore() || userInfo.lang || 'cn',\n  })\n  const onLanguageChange = (language) => {\n    actionsContextValue.setLanguage(language)\n    props?.onLanguageChange(language)\n  }\n\n  // layout上的指定的属性优先级会高于extendMap中的属性\n  type = type || displayType\n  config = Object.assign(\n    {\n      language: language?.length > 1,\n      theme: themeSwitch,\n      avatar: true,\n      globalNavigation,\n    },\n    config\n  )\n\n  return (\n    <ThemeProvider theme={theme}>\n      <AuthContext.Provider value={getCheckAuth(props.menus)}>\n        <ActionsContext.Provider value={actionsContextValue}>\n          {type === 'paas' && (\n            <PaasLayout\n              menuAlignMode={menuAlignMode}\n              config={config}\n              {...props}\n              extraHeaderActions={extraHeaderActions}\n              isInIframe={isInIframe}\n              userInfo={userInfo}\n              onLanguageChange={onLanguageChange}\n            />\n          )}\n          {type === 'enterprise' && (\n            <EnterpriseLayout\n              menuAlignMode={menuAlignMode}\n              config={config}\n              {...props}\n              extraHeaderActions={extraHeaderActions}\n              isInIframe={isInIframe}\n              userInfo={userInfo}\n              onLanguageChange={onLanguageChange}\n            />\n          )}\n          {(!type || !['paas', 'enterprise'].includes(type)) && (\n            <Layout\n              menuAlignMode={menuAlignMode}\n              config={config}\n              {...props}\n              extraHeaderActions={extraHeaderActions}\n              isInIframe={isInIframe}\n              userInfo={userInfo}\n              onLanguageChange={onLanguageChange}\n            />\n          )}\n        </ActionsContext.Provider>\n      </AuthContext.Provider>\n    </ThemeProvider>\n  )\n}\n\nTNTLayout.HeaderActionItem = HeaderActionItem\nTNTLayout.HeaderNavs = HeaderNavs\nTNTLayout.HeaderTabs = HeaderTabs\nTNTLayout.AuthContext = AuthContext\n\nTNTLayout.findMenuInfoByPath = findMenuInfoByPath\n\nexport default TNTLayout\n"]}

package/es/business-components/tntd-layout/paaslayout/CompactSideMenu.js

@@ -0,0 +1,162 @@
+import React, { useState, useEffect, Component } from 'react';
+import styled from 'styled-components';
+import cn from 'classnames';
+import { isNewTabMenu, openInNewTab } from '../../utils';
+import Iconfont from '../Iconfont';
+const SideMenu = styled.ul `
+  background: #fff;
+  list-style: none;
+  margin: 0;
+  padding: 30px 0 20px;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  .isInIframe & {
+    display: none;
+  }
+
+  & > li {
+    position: relative;
+    cursor: pointer;
+    line-height: 38px;
+    font-size: 14px;
+    color: #17233d;
+    letter-spacing: 0;
+
+    &.group-menu-item {
+      & > span {
+        opacity: 0.4;
+      }
+    }
+
+    &.active {
+      &:before {
+        position: absolute;
+        content: '';
+        left: 0;
+        top: 0;
+        width: 3px;
+        height: 100%;
+        background: #126bfb;
+      }
+
+      span {
+        background: rgba(18, 107, 251, 0.1);
+        color: #126bfb;
+        opacity: 1;
+      }
+    }
+
+    & > span {
+      display: inline-block;
+      width: 100%;
+      color: #17233d;
+      padding-left: 20px;
+
+      &:hover {
+        color: #323232;
+        background: #f5f5f5;
+      }
+
+      & > .tnt-icon {
+        margin-right: 7px;
+      }
+    }
+  }
+`;
+const SubMenu = styled.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;
+      }
+    }
+  }
+`;
+export default (props) => {
+    const { language, menus = [], formatMenuPath, selectedKey, onBeforeChange, onChange, onSelect, } = props;
+    const [activeMenu, setActiveMenu] = 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 } = menu;
+            return (React.createElement("li", { key: code, onClick: (evt) => selectMenu({ key: code, data: menu, domEvent: evt }), className: cn({ active: code === activeMenu }) },
+                React.createElement("span", null,
+                    typeof (icon || '') === 'string' ? React.createElement(Iconfont, { type: icon }) : icon,
+                    {
+                        cn: menuName,
+                        en: enName,
+                    }[language])));
+        };
+        if (groupName && children.length) {
+            return (React.createElement("li", { key: code, className: "group-menu-item" },
+                React.createElement("span", null,
+                    icon instanceof Component ? icon : React.createElement(Iconfont, { type: icon }),
+                    {
+                        cn: groupName,
+                        en: enName,
+                    }[language]),
+                React.createElement(SubMenu, null, children.map((subItem) => (React.createElement(SubMenuItem, { menu: subItem, key: subItem === null || subItem === void 0 ? void 0 : subItem.code }))))));
+        }
+        return React.createElement(SubMenuItem, { menu: item });
+    };
+    useEffect(() => {
+        setActiveMenu(selectedKey);
+    }, [selectedKey]);
+    return (React.createElement(SideMenu, { className: "tnt-compact-sidemenu" }, menus.map((menu) => (React.createElement(MenuItem, { item: menu, key: menu.code })))));
+};
+//# sourceMappingURL=CompactSideMenu.js.map

package/es/business-components/tntd-layout/paaslayout/CompactSideMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompactSideMenu.js","sourceRoot":"","sources":["../../../../src/business-components/tntd-layout/paaslayout/CompactSideMenu.js"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useEffect, Component } from 'react'\nimport styled from 'styled-components'\nimport cn from 'classnames'\nimport { isNewTabMenu, openInNewTab } from '../../utils'\nimport Iconfont from '../Iconfont'\n\nconst SideMenu = styled.ul`\n  background: #fff;\n  list-style: none;\n  margin: 0;\n  padding: 30px 0 20px;\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    position: relative;\n    cursor: pointer;\n    line-height: 38px;\n    font-size: 14px;\n    color: #17233d;\n    letter-spacing: 0;\n\n    &.group-menu-item {\n      & > span {\n        opacity: 0.4;\n      }\n    }\n\n    &.active {\n      &:before {\n        position: absolute;\n        content: '';\n        left: 0;\n        top: 0;\n        width: 3px;\n        height: 100%;\n        background: #126bfb;\n      }\n\n      span {\n        background: rgba(18, 107, 251, 0.1);\n        color: #126bfb;\n        opacity: 1;\n      }\n    }\n\n    & > span {\n      display: inline-block;\n      width: 100%;\n      color: #17233d;\n      padding-left: 20px;\n\n      &:hover {\n        color: #323232;\n        background: #f5f5f5;\n      }\n\n      & > .tnt-icon {\n        margin-right: 7px;\n      }\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    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 } = 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          <span>\n            {typeof (icon || '') === 'string' ? <Iconfont type={icon} /> : icon}\n            {\n              {\n                cn: menuName,\n                en: enName,\n              }[language]\n            }\n          </span>\n        </li>\n      )\n    }\n\n    if (groupName && children.length) {\n      return (\n        <li key={code} className=\"group-menu-item\">\n          <span>\n            {icon instanceof Component ? icon : <Iconfont type={icon} />}\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 className=\"tnt-compact-sidemenu\">\n      {menus.map((menu) => (\n        <MenuItem item={menu} key={menu.code} />\n      ))}\n    </SideMenu>\n  )\n}\n"]}

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

@@ -0,0 +1,54 @@
+/**
+ * @file Layout header
+ * @author zhangyou
+ */
+import React, { useRef } from 'react';
+import styled from 'styled-components';
+import Actions from '../HeaderActions';
+import AppList from '../AppList';
+import Logo from './Logo';
+const Header = styled.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.div `
+  flex: 1;
+  .isInIframe & {
+    display: none;
+  }
+`;
+export default (props) => {
+    const { logo, name, enName, language, selectedAppKey, appList, onLogoClick, onAppChange, extraActions, } = props;
+    const config = Object.assign({ application: true }, props.config);
+    const headerRef = useRef();
+    return (React.createElement(Header, { ref: headerRef },
+        React.createElement(Logo, { language: language, logo: logo, name: name, enName: enName, onClick: onLogoClick }),
+        appList && React.createElement(AppList, { items: appList, selectedKey: selectedAppKey, onChange: onAppChange }),
+        React.createElement(Content, null, props.children),
+        React.createElement(Actions, Object.assign({}, props, { config: config, headerRef: headerRef, className: "paas-header-actions" }), extraActions)));
+};
+//# sourceMappingURL=Header.js.map

package/es/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,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,OAAO,MAAM,kBAAkB,CAAA;AACtC,OAAO,OAAO,MAAM,YAAY,CAAA;AAChC,OAAO,IAAI,MAAM,QAAQ,CAAA;AAEzB,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;YAGb,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,YAAY,IAAI;;;;;;;;;;;;;;;;;;;;;;;;CAwBrD,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKzB,CAAA;AAED,eAAe,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,MAAM,EAAE,CAAA;IAE1B,OAAO,CACL,oBAAC,MAAM,IAAC,GAAG,EAAE,SAAS;QACpB,oBAAC,IAAI,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,GAAI;QACzF,OAAO,IAAI,oBAAC,OAAO,IAAC,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,QAAQ,EAAE,WAAW,GAAI;QAC3F,oBAAC,OAAO,QAAE,KAAK,CAAC,QAAQ,CAAW;QACnC,oBAAC,OAAO,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/es/business-components/tntd-layout/paaslayout/Logo.js

@@ -0,0 +1,27 @@
+/**
+ * @file Logo
+ * @author zhangyou
+ */
+import React from 'react';
+import styled from 'styled-components';
+import Logo from '../Logo';
+const LogoWrapper = styled(Logo) `
+  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;
+  }
+`;
+export default (props) => React.createElement(LogoWrapper, Object.assign({}, props));
+//# sourceMappingURL=Logo.js.map

package/es/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,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,IAAI,MAAM,SAAS,CAAA;AAE1B,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;;;;;;;;;;;;;;;CAiB/B,CAAA;AAED,eAAe,CAAC,KAAK,EAAE,EAAE,CAAC,oBAAC,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/es/business-components/tntd-layout/paaslayout/SideMenu.js

@@ -0,0 +1,128 @@
+import React, { useState, useEffect, Component } from 'react';
+import styled from 'styled-components';
+import cn from 'classnames';
+import Iconfont from '../Iconfont';
+const SideMenu = styled.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.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;
+      }
+    }
+  }
+`;
+export default (props) => {
+    const { language, menus = [], formatMenuPath, changeRouter, selectedKey, onBeforeChange, onChange, onSelect, } = props;
+    const [activeMenu, setActiveMenu] = 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.createElement("li", { key: code, onClick: (evt) => selectMenu({ key: code, data: menu, domEvent: evt }), className: cn({ active: code === activeMenu }) },
+                React.createElement("a", { href: path, onClick: (evt) => evt.preventDefault() },
+                    icon instanceof Component ? icon : React.createElement(Iconfont, { type: icon }),
+                    React.createElement("span", null, {
+                        cn: menuName,
+                        en: enName,
+                    }[language]))));
+        };
+        if (groupName && children.length) {
+            return (React.createElement("li", { key: code },
+                React.createElement("span", null, {
+                    cn: groupName,
+                    en: enName,
+                }[language]),
+                React.createElement(SubMenu, null, children.map((subItem) => (React.createElement(SubMenuItem, { menu: subItem, key: subItem === null || subItem === void 0 ? void 0 : subItem.code }))))));
+        }
+        return React.createElement(SubMenuItem, { menu: item });
+    };
+    useEffect(() => {
+        setActiveMenu(selectedKey);
+    }, [selectedKey]);
+    return (React.createElement(SideMenu, null, menus.map((menu) => (React.createElement(MenuItem, { item: menu, key: menu.code })))));
+};
+//# sourceMappingURL=SideMenu.js.map

package/es/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":"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","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"]}