tntd 2.6.7 → 2.7.0

package/lib/tntd-layout/OrgAppList.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrgAppList.js","sourceRoot":"","sources":["../../src/tntd-layout/OrgAppList.js"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from 'react'\nimport styled, { withTheme, createGlobalStyle } from 'styled-components'\nimport { get } from 'lodash'\n\nimport Input from '../input'\nimport Select from '../select'\nimport TreeSelect from '../tree-select'\nimport {\n  getCurrentAppStore,\n  setCurrentAppStore,\n  getCurrentOrgStore,\n  setCurrentOrgStore,\n  getCurrentOrgTreeStore,\n  setCurrentOrgTreeStore,\n} from './storage'\nimport { traverseTree } from '../utils'\n\nconst { Group: InputGroup } = Input\nconst { Option } = Select\n\n// 机构+应用UI\nconst OrgAppsInputGroup = styled(InputGroup)`\n  display: inline-block !important;\n  width: auto !important;\n  min-width: 260px;\n  height: 28px;\n  line-height: 28;\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n\n  &.ant-input-group.ant-input-group-compact::before,\n  &.ant-input-group.ant-input-group-compact::after {\n    content: '';\n    display: none;\n  }\n\n  .ant-select-selection,\n  .ant-select-selection__rendered {\n    line-height: 28px;\n    height: 28px;\n  }\n  .ant-select-selection--multiple {\n    padding-bottom: 0;\n    overflow: auto;\n    min-height: 28px;\n  }\n\n  .ant-select-selection {\n    .hasHeaderTabs & {\n      border-radius: 14px;\n      font-size: 12px;\n      // 删除默认黑色\n      // background: #191D29;\n      // border: 1px solid rgba(186,189,197,0.60);\n      // color: rgba(255,255,255,.8);\n      // 统一改为浅色\n      background: #fff !important;\n      border-color: #c9d2dd !important;\n      color: #8b919e !important;\n\n      .ant-select-selection__placeholder,\n      .ant-select-search__field__placeholder {\n        color: #8b919e;\n      }\n    }\n    // 删除色系差异\n    // .tnt-themeS1.hasHeaderTabs & {\n    //     background: #fff;\n    //     border-color: #c9d2dd;\n    //     color: #8b919e;\n    // }\n\n    // 删除色系差异\n    // .tnt-themeS3.hasHeaderTabs &{\n    //     background: ${(props) => `${props.theme.blueBgColor} !important`}; //#1D4295 !important;\n    //     color: rgba(255,255,255,0.8);\n    //     border-color: rgba(255,255,255,0.5);\n    // }\n  }\n\n  .ant-select-arrow {\n    .hasHeaderTabs & {\n      color: #b2becd;\n    }\n    .tnt-themeS1 & {\n      /* color: rgba(255,255,255,.85); */\n    }\n  }\n\n  .tnt-themeS1 & {\n    border-radius: 2px;\n  }\n\n  .isInIframe & {\n    margin-left: 20px;\n  }\n`\n\n// 只展示机构\nconst AppTreeSelect = styled(TreeSelect)`\n  min-width: 160px;\n  height: 28px;\n  line-height: 28;\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n  .ant-select-selection,\n  .ant-select-selection__rendered {\n    line-height: 28px;\n    height: 28px;\n  }\n  .ant-select-selection--multiple {\n    padding-bottom: 0;\n    overflow: auto;\n    min-height: 28px;\n  }\n  .ant-select-selection {\n    .hasHeaderTabs & {\n      border-radius: 14px;\n      font-size: 12px;\n      // 删除默认黑色\n      // background: #191D29;\n      // border: 1px solid rgba(186,189,197,0.60);\n      // color: rgba(255,255,255,.8);\n      // 统一为浅色\n      background: #fff !important;\n      border-color: #c9d2dd !important;\n      color: #8b919e !important;\n    }\n    // 不需要区分色系\n    // .tnt-themeS1.hasHeaderTabs & {\n    //     /* background: #141825; */\n    //     /* color: rgba(255,255,255,.85); */\n    //     background: #fff;\n    //     border-color: #c9d2dd;\n    //     color: #8b919e;\n    // }\n\n    // .tnt-themeS3.hasHeaderTabs &{\n    //     background: ${(props) => `${props.theme.blueBgColor} !important`}; //#1D4295\n    //     color: rgba(255,255,255,0.8);\n    //     border-color: rgba(255,255,255,0.5);\n    // }\n  }\n  .ant-select-arrow {\n    .hasHeaderTabs & {\n      color: #b2becd;\n    }\n    .tnt-themeS1 & {\n      /* color: rgba(255,255,255,.85); */\n    }\n  }\n\n  .tnt-themeS1 & {\n    border-radius: 2px;\n  }\n\n  .isInIframe & {\n    margin-left: 20px;\n  }\n`\n\nconst GlobalStyle = createGlobalStyle`\n    .org-tree-select {\n        &.ant-select-tree-dropdown .ant-select-dropdown-search{\n            padding: 10px;\n            .ant-select-search__field{\n                padding: 0 7px;\n                height:28px;\n                line-height: 28px;\n            }\n        }\n        .ant-select-tree {\n            margin-top:0;\n            padding: 0 10px 0 4px;\n            li{\n                margin:4px 0 ;\n                .ant-select-tree-switcher{\n                    height: 30px;\n                    line-height: 30px;\n                    float: left;\n                }\n                .ant-select-tree-node-content-wrapper{\n                    height: 30px;\n                    line-height:30px;\n                    padding: 0;\n                    border-radius: 0;\n                    &.ant-select-tree-node-selected{\n                        background: #E7F0FE;\n                    }\n                }\n                .ant-select-tree-node-content-wrapper:hover{\n                    background: #E7F0FE;\n                }\n                .ant-select-tree-title{\n                    font-family: PingFangSC-Regular;\n                    color: #17233D;\n                    padding-left: 4px;\n                    padding-right: 4px;\n                    display: block;\n                    overflow: hidden;\n                    white-space: nowrap;\n                    text-overflow: ellipsis;\n                }\n            }\n        }\n    }\n    .org-tree-check-select {\n        .ant-select-tree {\n            margin-top:0;\n            padding: 0 10px 0 4px;\n            li{\n                margin:4px 0 ;\n                .ant-select-tree-switcher{\n                    height: 30px;\n                    line-height: 30px;\n                    vertical-align: top;\n                }\n\n                .ant-select-tree-checkbox{\n                    vertical-align: super;\n                }\n                \n                .ant-select-tree-node-content-wrapper{\n                    height: 30px;\n                    line-height:30px;\n                    padding: 0;\n                    border-radius: 0;\n                    &.ant-select-tree-node-selected{\n                        background: #E7F0FE;\n                    }\n                }\n                .ant-select-tree-node-content-wrapper:hover{\n                    background: #E7F0FE;\n                }\n                .ant-select-tree-title{\n                    font-family: PingFangSC-Regular;\n                    color: #17233D;\n                    padding-left: 4px;\n                    padding-right: 4px;\n                    display: block;\n                    overflow: hidden;\n                    white-space: nowrap;\n                    text-overflow: ellipsis;\n                }\n            }\n        }\n    }\n`\n\nexport default withTheme((props) => {\n  const {\n    orgAppShow,\n    selectedOrgKey,\n    orgList,\n    orgTreeConfig,\n    onOrgChange,\n    selectedAppKey,\n    orgAppList = [],\n    onAppChange,\n    headerTabs,\n  } = props\n  const orgListFormatData = traverseTree([orgList], (item) => {\n    item.title = item.name\n    item.value = item.uuid\n    item.key = item.uuid\n  })\n\n  // 初始化数据函数\n  const getInitialSelected = (selectedKey, currentStore, dataList, type) => {\n    const findByKey = (selectedKey) => {\n      let find\n      traverseTree(dataList, (item) => {\n        if (item.key === selectedKey) {\n          find = item\n          return false\n        }\n      })\n      return find\n    }\n    const current = findByKey(selectedKey || get(currentStore, 'key'))\n    if (type) {\n      return current\n    }\n    return current || dataList[0]\n  }\n  // 初始化数据函数机构树\n  const getInitialSelectedTree = (selecteds, dataList) => {\n    if (selecteds.length) {\n      return selecteds\n    } else {\n      const temp = dataList.map((res) => {\n        return {\n          label: res.title,\n          value: res.uuid,\n        }\n      })\n      setCurrentOrgTreeStore(temp)\n      return temp\n    }\n  }\n\n  // 初始化值\n  // 机构\n  const [selectedOrg, setSelectedOrg] = useState(\n    getInitialSelected(selectedOrgKey, getCurrentOrgStore(), orgListFormatData)\n  )\n\n  // 机构树\n  const [selectedOrgTree, setSelectedOrgTree] = useState(\n    getInitialSelectedTree(getCurrentOrgTreeStore(), orgListFormatData)\n  )\n\n  // 应用\n  const [selectedApp, setSelectedApp] = useState(\n    getInitialSelected(selectedAppKey, getCurrentAppStore(), orgAppList, 'default')\n  )\n\n  // org变化事件\n  const changeOrg = (org = {}) => {\n    setSelectedOrg(org)\n    setCurrentOrgStore({\n      name: org?.name,\n      key: org?.key,\n      code: org?.code,\n    })\n    onOrgChange && onOrgChange(org)\n  }\n\n  const changeOrgTree = (val = []) => {\n    if (!val.length) {\n      val = orgListFormatData.map((res) => {\n        return {\n          label: res.title,\n          value: res.uuid,\n        }\n      })\n    }\n    setSelectedOrgTree(val)\n    setCurrentOrgTreeStore(val)\n    onOrgChange && onOrgChange(val)\n  }\n\n  // app变化事件\n  const changeApp = (app) => {\n    setSelectedApp(app)\n    setCurrentAppStore(app)\n    onAppChange && onAppChange(app)\n  }\n\n  useEffect(() => {\n    // 监听org机构\n    const newOrg = getInitialSelected(selectedOrgKey, getCurrentOrgStore(), orgListFormatData)\n    if (newOrg?.key !== selectedOrg?.key) {\n      changeOrg(newOrg)\n    }\n\n    // 监听应用\n    const newApp = getInitialSelected(selectedAppKey, getCurrentAppStore(), orgAppList)\n    if (newApp?.key !== selectedApp?.key) {\n      changeApp(newApp)\n    }\n  }, [orgList, selectedOrgKey, selectedAppKey, orgAppList])\n\n  // 如果是多签页的模式 则居右对齐\n  let [treeSelectPosition, selectPosition] = [{}, {}]\n  if (headerTabs) {\n    treeSelectPosition = {\n      dropdownPopupAlign: {\n        points: ['tr', 'br'],\n      },\n    }\n\n    selectPosition = {\n      dropdownAlign: {\n        points: ['tr', 'br'],\n      },\n    }\n  }\n\n  let orgTreeConfigProp = {}\n  if (orgTreeConfig) {\n    orgTreeConfigProp = {\n      dropdownClassName: 'org-tree-check-select',\n      treeCheckable: true,\n      treeCheckStrictly: true,\n      onChange: (val) => {\n        changeOrgTree(val)\n      },\n      value: selectedOrgTree,\n      ...orgTreeConfig,\n    }\n  } else {\n    orgTreeConfigProp = {\n      dropdownClassName: 'org-tree-select',\n      onChange: (orgKey) => {\n        let findItem\n        traverseTree(orgListFormatData, (node) => {\n          if (node.key === orgKey) {\n            findItem = node\n            return false\n          }\n        })\n        changeOrg(findItem)\n      },\n      value: get(selectedOrg, 'key'),\n    }\n  }\n\n  if (!orgAppShow) {\n    return (\n      <>\n        <AppTreeSelect\n          placeholder=\"选择机构\"\n          searchPlaceholder=\"机构名称\"\n          treeNodeFilterProp=\"title\"\n          showSearch\n          treeData={orgListFormatData}\n          treeDefaultExpandAll\n          {...treeSelectPosition}\n          style={{ width: 160, height: 28, lineHeight: 28 }}\n          dropdownStyle={{ maxHeight: 300, overflow: 'auto', width: 320 }}\n          {...orgTreeConfigProp}\n        />\n        <GlobalStyle />\n      </>\n    )\n  }\n  return (\n    <OrgAppsInputGroup compact>\n      <TreeSelect\n        placeholder=\"选择机构\"\n        searchPlaceholder=\"机构名称\"\n        treeNodeFilterProp=\"title\"\n        showSearch\n        treeData={orgListFormatData}\n        treeDefaultExpandAll\n        style={{ width: 130, height: 28, lineHeight: 28 }}\n        dropdownStyle={{ maxHeight: 300, overflow: 'auto', width: 320 }}\n        {...orgTreeConfigProp}\n      />\n      <GlobalStyle />\n      <Select\n        placeholder=\"请选择\"\n        showSearch\n        optionFilterProp=\"children\"\n        onChange={(appKey) => {\n          changeApp(orgAppList.find(({ key }) => key === appKey))\n        }}\n        value={get(selectedApp, 'key')}\n        style={{ width: 130, height: 28, lineHeight: 28 }}\n      >\n        {orgAppList.map(({ key, name }) => (\n          <Option key={key} value={key} title={name}>\n            {name}\n          </Option>\n        ))}\n      </Select>\n    </OrgAppsInputGroup>\n  )\n})\n"]}
+{"version":3,"file":"OrgAppList.js","sourceRoot":"","sources":["../../src/tntd-layout/OrgAppList.js"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from 'react'\nimport styled, { withTheme, createGlobalStyle } from 'styled-components'\nimport { get } from 'lodash'\n\nimport Input from '../input'\nimport Select from '../select'\nimport TreeSelect from '../tree-select'\nimport {\n  getCurrentAppStore,\n  setCurrentAppStore,\n  getCurrentOrgStore,\n  setCurrentOrgStore,\n  getCurrentOrgTreeStore,\n  setCurrentOrgTreeStore,\n} from './storage'\nimport { traverseTree } from '../utils'\n\nconst { Group: InputGroup } = Input\nconst { Option } = Select\n\n// 机构+应用UI\nconst OrgAppsInputGroup = styled(InputGroup)`\n  display: inline-block !important;\n  width: auto !important;\n  min-width: 260px;\n  height: 28px;\n  line-height: 28;\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n\n  &.ant-input-group.ant-input-group-compact::before,\n  &.ant-input-group.ant-input-group-compact::after {\n    content: '';\n    display: none;\n  }\n\n  .ant-select-selection,\n  .ant-select-selection__rendered {\n    line-height: 28px;\n    height: 28px;\n  }\n  .ant-select-selection--multiple {\n    padding-bottom: 0;\n    overflow: auto;\n    min-height: 28px;\n  }\n\n  .ant-select-selection {\n    .hasHeaderTabs & {\n      border-radius: 14px;\n      font-size: 12px;\n      // 删除默认黑色\n      // background: #191D29;\n      // border: 1px solid rgba(186,189,197,0.60);\n      // color: rgba(255,255,255,.8);\n      // 统一改为浅色\n      background: #fff !important;\n      border-color: #c9d2dd !important;\n      color: #8b919e !important;\n\n      .ant-select-selection__placeholder,\n      .ant-select-search__field__placeholder {\n        color: #8b919e;\n      }\n    }\n    // 删除色系差异\n    // .tnt-themeS1.hasHeaderTabs & {\n    //     background: #fff;\n    //     border-color: #c9d2dd;\n    //     color: #8b919e;\n    // }\n\n    // 删除色系差异\n    // .tnt-themeS3.hasHeaderTabs &{\n    //     background: ${(props) => `${props.theme.blueBgColor} !important`}; //#1D4295 !important;\n    //     color: rgba(255,255,255,0.8);\n    //     border-color: rgba(255,255,255,0.5);\n    // }\n  }\n\n  .ant-select-arrow {\n    .hasHeaderTabs & {\n      color: #b2becd;\n    }\n    .tnt-themeS1 & {\n      /* color: rgba(255,255,255,.85); */\n    }\n  }\n\n  .tnt-themeS1 & {\n    border-radius: 2px;\n  }\n\n  .isInIframe & {\n    margin-left: 20px;\n  }\n`\n\n// 只展示机构\nconst AppTreeSelect = styled(TreeSelect)`\n  min-width: 160px;\n  height: 28px;\n  line-height: 28;\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n  .ant-select-selection,\n  .ant-select-selection__rendered {\n    line-height: 28px;\n    height: 28px;\n  }\n  .ant-select-selection--multiple {\n    padding-bottom: 0;\n    overflow: auto;\n    min-height: 28px;\n  }\n  .ant-select-selection {\n    .hasHeaderTabs & {\n      border-radius: 14px;\n      font-size: 12px;\n      // 删除默认黑色\n      // background: #191D29;\n      // border: 1px solid rgba(186,189,197,0.60);\n      // color: rgba(255,255,255,.8);\n      // 统一为浅色\n      background: #fff !important;\n      border-color: #c9d2dd !important;\n      color: #8b919e !important;\n    }\n    // 不需要区分色系\n    // .tnt-themeS1.hasHeaderTabs & {\n    //     /* background: #141825; */\n    //     /* color: rgba(255,255,255,.85); */\n    //     background: #fff;\n    //     border-color: #c9d2dd;\n    //     color: #8b919e;\n    // }\n\n    // .tnt-themeS3.hasHeaderTabs &{\n    //     background: ${(props) => `${props.theme.blueBgColor} !important`}; //#1D4295\n    //     color: rgba(255,255,255,0.8);\n    //     border-color: rgba(255,255,255,0.5);\n    // }\n  }\n  .ant-select-arrow {\n    .hasHeaderTabs & {\n      color: #b2becd;\n    }\n    .tnt-themeS1 & {\n      /* color: rgba(255,255,255,.85); */\n    }\n  }\n\n  .tnt-themeS1 & {\n    border-radius: 2px;\n  }\n\n  .isInIframe & {\n    margin-left: 20px;\n  }\n`\n\nconst GlobalStyle = createGlobalStyle`\n    .org-tree-select {\n        &.ant-select-tree-dropdown .ant-select-dropdown-search{\n            padding: 10px;\n            .ant-select-search__field{\n                padding: 0 7px;\n                height:28px;\n                line-height: 28px;\n            }\n        }\n        .ant-select-tree {\n            margin-top:0;\n            padding: 0 10px 0 4px;\n            li{\n                margin:4px 0 ;\n                .ant-select-tree-switcher{\n                    height: 30px;\n                    line-height: 30px;\n                    float: left;\n                }\n                .ant-select-tree-node-content-wrapper{\n                    height: 30px;\n                    line-height:30px;\n                    padding: 0;\n                    border-radius: 0;\n                    &.ant-select-tree-node-selected{\n                        background: #E7F0FE;\n                    }\n                }\n                .ant-select-tree-node-content-wrapper:hover{\n                    background: #E7F0FE;\n                }\n                .ant-select-tree-title{\n                    font-family: PingFangSC-Regular;\n                    color: #17233D;\n                    padding-left: 4px;\n                    padding-right: 4px;\n                    display: block;\n                    overflow: hidden;\n                    white-space: nowrap;\n                    text-overflow: ellipsis;\n                }\n            }\n        }\n    }\n    .org-tree-check-select {\n        .ant-select-tree {\n            margin-top:0;\n            padding: 0 10px 0 4px;\n            li{\n                margin:4px 0 ;\n                .ant-select-tree-switcher{\n                    height: 30px;\n                    line-height: 30px;\n                    vertical-align: top;\n                }\n\n                .ant-select-tree-checkbox{\n                    vertical-align: super;\n                }\n                \n                .ant-select-tree-node-content-wrapper{\n                    height: 30px;\n                    line-height:30px;\n                    padding: 0;\n                    border-radius: 0;\n                    &.ant-select-tree-node-selected{\n                        background: #E7F0FE;\n                    }\n                }\n                .ant-select-tree-node-content-wrapper:hover{\n                    background: #E7F0FE;\n                }\n                .ant-select-tree-title{\n                    font-family: PingFangSC-Regular;\n                    color: #17233D;\n                    padding-left: 4px;\n                    padding-right: 4px;\n                    display: block;\n                    overflow: hidden;\n                    white-space: nowrap;\n                    text-overflow: ellipsis;\n                }\n            }\n        }\n    }\n`\n\nexport default withTheme((props) => {\n  const {\n    orgAppShow,\n    selectedOrgKey,\n    orgList,\n    orgTreeConfig,\n    onOrgChange,\n    selectedAppKey,\n    orgAppList = [],\n    onAppChange,\n    headerTabs,\n  } = props\n  const orgListFormatData = traverseTree([orgList], (item) => {\n    item.title = item.name\n    item.value = item.uuid\n    item.key = item.uuid\n  })\n\n  // 初始化数据函数\n  const getInitialSelected = (selectedKey, currentStore, dataList, type) => {\n    const findByKey = (selectedKey) => {\n      let find\n      traverseTree(dataList, (item) => {\n        if (item.key === selectedKey) {\n          find = item\n          return false\n        }\n      })\n      return find\n    }\n    const current = findByKey(selectedKey || get(currentStore, 'key'))\n    if (type) {\n      return current\n    }\n    return current || dataList[0]\n  }\n  // 初始化数据函数机构树\n  const getInitialSelectedTree = (selecteds, dataList) => {\n    if (selecteds.length) {\n      return selecteds\n    } else {\n      const temp = dataList.map((res) => {\n        return {\n          label: res.title,\n          value: res.uuid,\n        }\n      })\n      setCurrentOrgTreeStore(temp)\n      return temp\n    }\n  }\n\n  // 初始化值\n  // 机构\n  const [selectedOrg, setSelectedOrg] = useState(\n    getInitialSelected(selectedOrgKey, getCurrentOrgStore(), orgListFormatData)\n  )\n\n  // 机构树\n  const [selectedOrgTree, setSelectedOrgTree] = useState(\n    getInitialSelectedTree(getCurrentOrgTreeStore(), orgListFormatData)\n  )\n\n  // 应用\n  const [selectedApp, setSelectedApp] = useState(\n    getInitialSelected(selectedAppKey, getCurrentAppStore(), orgAppList, 'default')\n  )\n\n  // org变化事件\n  const changeOrg = (org = {}) => {\n    setSelectedOrg(org)\n    setCurrentOrgStore({\n      name: org?.name,\n      key: org?.key,\n      code: org?.code,\n    })\n    onOrgChange && onOrgChange(org)\n  }\n\n  const changeOrgTree = (val = []) => {\n    if (!val.length) {\n      val = orgListFormatData.map((res) => {\n        return {\n          label: res.title,\n          value: res.uuid,\n        }\n      })\n    }\n    setSelectedOrgTree(val)\n    setCurrentOrgTreeStore(val)\n    onOrgChange && onOrgChange(val)\n  }\n\n  // app变化事件\n  const changeApp = (app) => {\n    setSelectedApp(app)\n    setCurrentAppStore(app)\n    onAppChange && onAppChange(app)\n  }\n\n  useEffect(() => {\n    // 监听org机构\n    const newOrg = getInitialSelected(selectedOrgKey, getCurrentOrgStore(), orgListFormatData)\n    if (newOrg?.key !== selectedOrg?.key) {\n      changeOrg(newOrg)\n    }\n\n    // 监听应用\n    const newApp = getInitialSelected(selectedAppKey, getCurrentAppStore(), orgAppList)\n    if (newApp?.key !== selectedApp?.key) {\n      changeApp(newApp)\n    }\n  }, [orgList, selectedOrgKey, selectedAppKey, orgAppList])\n\n  // 如果是多签页的模式 则居右对齐\n  let [treeSelectPosition, selectPosition] = [{}, {}]\n  if (headerTabs) {\n    treeSelectPosition = {\n      dropdownPopupAlign: {\n        points: ['tr', 'br'],\n      },\n    }\n\n    selectPosition = {\n      dropdownAlign: {\n        points: ['tr', 'br'],\n      },\n    }\n  }\n\n  let orgTreeConfigProp = {}\n  if (orgTreeConfig) {\n    orgTreeConfigProp = {\n      dropdownClassName: 'org-tree-check-select',\n      treeCheckable: true,\n      treeCheckStrictly: true,\n      onChange: (val) => {\n        changeOrgTree(val)\n      },\n      value: selectedOrgTree,\n      ...orgTreeConfig,\n    }\n  } else {\n    orgTreeConfigProp = {\n      dropdownClassName: 'org-tree-select',\n      onChange: (orgKey) => {\n        let findItem\n        traverseTree(orgListFormatData, (node) => {\n          if (node.key === orgKey) {\n            findItem = node\n            return false\n          }\n        })\n        changeOrg(findItem)\n      },\n      value: get(selectedOrg, 'key'),\n    }\n  }\n\n  if (!orgAppShow) {\n    return (\n      <>\n        <AppTreeSelect\n          placeholder=\"选择机构\"\n          searchPlaceholder=\"机构名称\"\n          treeNodeFilterProp=\"title\"\n          showSearch\n          treeData={orgListFormatData}\n          treeDefaultExpandAll\n          {...treeSelectPosition}\n          style={{ width: 160, height: 28, lineHeight: 28 }}\n          dropdownStyle={{ maxHeight: 300, overflow: 'auto', width: 320 }}\n          {...orgTreeConfigProp}\n        />\n        <GlobalStyle />\n      </>\n    )\n  }\n  return (\n    <OrgAppsInputGroup compact>\n      <TreeSelect\n        placeholder=\"选择机构\"\n        searchPlaceholder=\"机构名称\"\n        treeNodeFilterProp=\"title\"\n        showSearch\n        treeData={orgListFormatData}\n        treeDefaultExpandAll\n        style={{ width: 130, height: 28, lineHeight: 28 }}\n        dropdownStyle={{ maxHeight: 300, overflow: 'auto', width: 320 }}\n        {...orgTreeConfigProp}\n      />\n      <GlobalStyle />\n      <Select\n        placeholder=\"请选择\"\n        showSearch\n        optionFilterProp=\"children\"\n        onChange={(appKey) => {\n          changeApp(orgAppList.find(({ key }) => key === appKey))\n        }}\n        value={get(selectedApp, 'key')}\n        style={{ width: 130, height: 28, lineHeight: 28 }}\n      >\n        {orgAppList.map(({ key, name }) => (\n          <Option key={key} value={key} title={name}>\n            {name}\n          </Option>\n        ))}\n      </Select>\n    </OrgAppsInputGroup>\n  )\n})\n"]}

package/lib/tntd-layout/SideMenu.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];

package/lib/tntd-layout/SideMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenu.js","sourceRoot":"","sources":["../../src/tntd-layout/SideMenu.js"],"names":[],"mappings":"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","sourcesContent":["import { get } from 'lodash'\nimport React, { useContext, useEffect, useState } from 'react'\nimport styled, { withTheme } from 'styled-components'\nimport Menu from '../menu'\nimport {\n  getSelectedMenuInfo,\n  isGroupMenu,\n  isNewTabMenu,\n  openInNewTab,\n  traverseTree,\n} from '../utils'\nimport ActionsContext from './ActionsContext'\nimport Iconfont from './Iconfont'\nimport { setSideMenuStore } from './storage'\n\nconst color = 'rgba(255,255,255,.85)'\nconst compatibleColor = '#a1d7ff'\nconst { SubMenu, Item: MenuItem } = Menu\nconst TNTMenu = styled(Menu)`\n  background: none !important;\n  &.ant-menu.ant-menu-root {\n    position: relative;\n    transition: none !important;\n    padding-top: 10px;\n    border-right: none;\n    text-rendering: optimizeLegibility;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    height: calc(100vh - ${(props) => `${props.theme.headerHeight}px`});\n    overflow-y: auto;\n    overflow-x: hidden;\n    .collapseIconPlacementBottom & {\n      padding-bottom: 36px;\n    }\n    .tnt-themeS1 & {\n      overflow-x: unset;\n      box-shadow: 10px 0 10px -5px rgba(0, 0, 0, 0.1);\n      z-index: 2;\n    }\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n\n    &::-webkit-scrollbar {\n      display: none;\n    }\n    &::-moz-scrollbar {\n      display: none;\n    }\n\n    /** 一级结点是菜单样式开始 */\n    & > .ant-menu-item {\n      & > .tnt-icon:first-child {\n        font-size: 16px;\n      }\n    }\n\n    .ant-layout-sider-collapsed & {\n      & > .ant-menu-item {\n        & > .tnt-icon:first-child {\n          padding-left: 8px;\n        }\n        a {\n          visibility: hidden;\n        }\n      }\n    }\n    /** 一级结点是菜单样式结束 */\n\n    .ant-menu-item:active,\n    .ant-menu-submenu-title:active {\n      background: none;\n    }\n\n    .ant-menu-submenu .ant-menu-sub {\n      background: #212635;\n      border-radius: 0 0 2px 2px;\n      .compatible & {\n        background: #07408d !important;\n      }\n      .tnt-themeS1 & {\n        background: #fff !important;\n      }\n\n      // 蓝色系列 菜单展开区域颜色\n      .tnt-themeS3 & {\n        background: #07408d !important;\n      }\n    }\n    .ant-menu-submenu.ant-menu-submenu-active,\n    .ant-menu-submenu.ant-menu-submenu-selected {\n      background: rgba(47, 129, 247, 0.25) !important;\n      .tnt-themeS1 & {\n        background: ${(props) => props.theme.dividerColor} !important;\n      }\n\n      // 蓝色系 一级菜单的选中效果\n      .tnt-themeS3 & {\n        background: #204085 !important;\n      }\n    }\n    & > .ant-menu-submenu .ant-menu-submenu.ant-menu-submenu-active,\n    & > .ant-menu-submenu .ant-menu-submenu.ant-menu-submenu-selected {\n      background: none !important;\n      .tnt-themeS1 & {\n        background: ${(props) => props.theme.dividerColor} !important;\n      }\n      // 蓝色系 子级菜单级的选中效果\n      .tnt-themeS3 & {\n        background: #204085 !important;\n      }\n    }\n    .ant-menu-item {\n      margin: 0;\n      font-size: 14px;\n      padding-left: 54px !important;\n      height: ${({ size }) => (size === 'large' ? '40px' : '36px')};\n      line-height: ${({ size }) => (size === 'large' ? '40px' : '36px')};\n    }\n\n    & > .ant-menu-item {\n      padding-left: 24px !important;\n      width: 100%;\n\n      & > .tnt-icon {\n        margin-right: 12px;\n      }\n      & > a {\n        display: inline-block;\n      }\n    }\n\n    .ant-menu-submenu-title {\n      position: relative;\n      color: ${(props) => (props.theme.compatible ? compatibleColor : color)};\n      .tnt-themeS1 & {\n        color: ${(props) => props.theme.primaryTextColor};\n      }\n      height: ${({ size }) => (size === 'large' ? '40px' : '36px')};\n      line-height: ${({ size }) => (size === 'large' ? '40px' : '36px')};\n      .tnt-icon {\n        .tnt-themeS1 & {\n          color: ${(props) => props.theme.lightIconColor};\n        }\n      }\n      & > .tnt-icon {\n        position: absolute;\n        right: 20px;\n        top: 1px;\n        font-size: 10px;\n      }\n\n      // 蓝色系主题\n      .tnt-themeS3 & {\n        color: #fff;\n      }\n      .tnt-icon {\n        .tnt-themeS3 & {\n          color: #fff;\n        }\n      }\n    }\n\n    & > .ant-menu-submenu .ant-menu-submenu .ant-menu-submenu-title {\n      margin-top: 0;\n      margin-bottom: 0;\n      padding-left: 54px !important;\n    }\n  }\n\n  &.ant-menu .menu-arrow-right {\n    color: ${(props) => (props.theme.compatible ? compatibleColor : color)};\n  }\n\n  .ant-menu-item,\n  .ant-menu-item > a {\n    color: ${(props) => (props.theme.compatible ? compatibleColor : color)};\n    .tnt-themeS1 & {\n      color: ${(props) => props.theme.primaryTextColor};\n    }\n    &:hover {\n      color: #fff;\n      .tnt-themeS1 & {\n        color: ${(props) => props.theme.primaryColor};\n      }\n    }\n\n    // 蓝色系列\n    .tnt-themeS3 & {\n      color: #fff;\n    }\n    &:hover {\n      .tnt-themeS3 & {\n        color: #fff;\n      }\n    }\n  }\n  & > .ant-menu-item.ant-menu-item-selected,\n  &.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {\n    color: rgba(255, 255, 255, 0.85);\n    background-color: ${(props) => props.theme.primaryColor};\n    .compatible & {\n      background-color: #013479;\n    }\n    & > a {\n      .tnt-themeS1 & {\n        color: #fff;\n      }\n    }\n    .tnt-themeS1 & {\n      color: #fff;\n      background-color: ${(props) => props.theme.primaryColor};\n    }\n\n    // 蓝色系 子项选中颜色\n    .tnt-themeS3 & {\n      color: #fff;\n      background: #013479;\n      &::after {\n        content: '';\n        display: none;\n      }\n    }\n  }\n  .ant-menu-submenu.ant-menu-submenu-selected {\n    .tnt-themeS2 & {\n      background: #141825;\n    }\n    .tnt-themeS2.compatible & {\n      background: rgba(47, 129, 247, 0.25) !important;\n    }\n  }\n`\nconst MenuTitle = styled.span`\n  font-size: 14px;\n  .large-size & {\n    font-size: 15px;\n  }\n  color: rgba(255, 255, 255, 0.85);\n  .compatible & {\n    color: #a1d7ff;\n  }\n  .tnt-themeS1 & {\n    color: ${(props) => props.theme.primaryTextColor};\n  }\n  .tnt-icon {\n    margin-right: 12px;\n    font-size: 16px;\n    position: relative;\n    top: 1px;\n\n    .large-size & {\n      font-size: 18px;\n      top: auto;\n    }\n    .tnt-themeS1 & {\n      /* color: #7e8081; */\n      color: ${(props) => `${props.theme.iconColor}`};\n    }\n  }\n`\n\nexport default withTheme((props) => {\n  const actions = useContext(ActionsContext)\n  const {\n    language,\n    menus = [],\n    formatMenuPath,\n    changeRouter,\n    selectedKey,\n    openKeys,\n    onSelect,\n    onBeforeChange,\n    onChange,\n    onOpenChange,\n    collapsed,\n  } = props\n  const { subMenu, parentMenus } = getSelectedMenuInfo(selectedKey, menus)\n  const [selectedKeys, setSelectedKeys] = useState([get(subMenu, 'code')])\n  const onSelectMenu = (param) => {\n    const { subMenu, parentMenus } = getSelectedMenuInfo(param.key, menus) || {}\n    const params = {\n      ...param,\n      data: subMenu,\n    }\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 (path?.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 finalSelect = onSelect || defaultSelect\n\n    if (param.key !== get(selectedKeys, '0')) {\n      const finalBeforeChange = onBeforeChange || defaultBeforeChange\n\n      if (finalBeforeChange(params, get(selectedKeys, '0'))) {\n        // SideMenu菜单收起状态\n        if (collapsed) {\n          const newOpenKeys = parentMenus?.map(({ code }) => code).reverse()\n\n          onOpenChange(newOpenKeys)\n          setSideMenuStore({\n            openKeys: newOpenKeys,\n            beforeOpenKeys: newOpenKeys,\n          })\n        }\n        setSelectedKeys([param.key])\n        onChange && onChange(params)\n      }\n    }\n    actions.setSelectedMenuKey(param.key)\n    setSelectedKeys([param.key])\n\n    finalSelect(params)\n  }\n  const getExpandIcon = (code) => {\n    if (props.theme.compatible) {\n      return openKeys.includes(code) ? 'minus' : 'plus'\n    }\n\n    return openKeys.includes(code) ? 'up' : 'down'\n  }\n  const onOpenKeysChange = (keys) => {\n    const openKey = keys.find((key) => !openKeys.includes(key))\n    // const closeKey = openKeys.find(key => !keys.includes(key));\n    let newOpenKeys = keys\n\n    const findParentGroupKey = (key, openKeys) => {\n      let parentGroupKey\n\n      traverseTree(menus, (node, pnode) => {\n        if (node.code === key) {\n          if (pnode && openKeys.includes(pnode?.code)) {\n            parentGroupKey = pnode?.code\n          }\n\n          return false\n        }\n      })\n\n      return parentGroupKey\n    }\n\n    // 展开openKey\n    if (openKey) {\n      // 父子关系展开\n      const parentGroupKey = findParentGroupKey(openKey, openKeys)\n      if (parentGroupKey) {\n        newOpenKeys = keys.length > 2 ? [parentGroupKey, openKey] : keys\n      } else {\n        newOpenKeys = [openKey]\n      }\n    } else {\n      // 收起closeKey\n      newOpenKeys = keys\n    }\n\n    onOpenChange(newOpenKeys)\n  }\n\n  useEffect(() => {\n    setSelectedKeys([selectedKey])\n    if (selectedKey && !collapsed && parentMenus?.length) {\n      onOpenChange(parentMenus?.map(({ code }) => code).reverse())\n    }\n    actions.setSelectedMenuKey(selectedKey)\n  }, [selectedKey])\n\n  actions.off('menuSelect', onSelectMenu)\n  actions.on('menuSelect', onSelectMenu)\n\n  return (\n    <TNTMenu\n      mode=\"inline\"\n      defaultSelectedKeys={[]}\n      openKeys={openKeys}\n      selectedKeys={selectedKeys}\n      onOpenChange={onOpenKeysChange}\n    >\n      {menus?.map((menu) => {\n        const MenuLink = ({ menuName, enName, path }) => (\n          <a href={path} onClick={(evt) => evt.preventDefault()}>\n            {\n              {\n                cn: menuName,\n                en: enName,\n              }[language]\n            }\n          </a>\n        )\n\n        if (isGroupMenu(menu)) {\n          const getSubMenuProps = ({ code, groupIcon, groupName, enName }, isSubGroup = false) => ({\n            key: code,\n            title: (\n              <MenuTitle\n                style={collapsed && isSubGroup ? { color: props.theme.primaryTextColor } : {}}\n              >\n                {!isSubGroup && <Iconfont type={groupIcon} />}\n                {collapsed && !isSubGroup\n                  ? ''\n                  : {\n                      cn: groupName,\n                      en: enName,\n                    }[language]}\n              </MenuTitle>\n            ),\n            expandIcon: collapsed ? null : <Iconfont /*  */ type={getExpandIcon(code)} />,\n          })\n\n          return (\n            <SubMenu {...getSubMenuProps(menu)} onClick={onSelectMenu}>\n              {menu?.children?.map((menu) => {\n                if (isGroupMenu(menu)) {\n                  return (\n                    <SubMenu {...getSubMenuProps(menu, true)} onClick={onSelectMenu}>\n                      {menu?.children?.map(({ code, ...menu }) => (\n                        <MenuItem key={code}>\n                          <MenuLink {...menu} style={{ paddingLeft: '24px' }} />\n                        </MenuItem>\n                      ))}\n                    </SubMenu>\n                  )\n                }\n\n                return (\n                  <MenuItem key={menu?.code}>\n                    <MenuLink {...menu} />\n                  </MenuItem>\n                )\n              })}\n            </SubMenu>\n          )\n        }\n\n        return (\n          <MenuItem key={menu.code} onClick={onSelectMenu}>\n            <Iconfont type={menu.icon} />\n            <MenuLink {...menu} />\n          </MenuItem>\n        )\n      })}\n    </TNTMenu>\n  )\n})\n"]}
+{"version":3,"file":"SideMenu.js","sourceRoot":"","sources":["../../src/tntd-layout/SideMenu.js"],"names":[],"mappings":"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","sourcesContent":["import { get } from 'lodash'\nimport React, { useContext, useEffect, useState } from 'react'\nimport styled, { withTheme } from 'styled-components'\nimport Menu from '../menu'\nimport {\n  getSelectedMenuInfo,\n  isGroupMenu,\n  isNewTabMenu,\n  openInNewTab,\n  traverseTree,\n} from '../utils'\nimport ActionsContext from './ActionsContext'\nimport Iconfont from './Iconfont'\nimport { setSideMenuStore } from './storage'\n\nconst color = 'rgba(255,255,255,.85)'\nconst compatibleColor = '#a1d7ff'\nconst { SubMenu, Item: MenuItem } = Menu\nconst TNTMenu = styled(Menu)`\n  background: none !important;\n  &.ant-menu.ant-menu-root {\n    position: relative;\n    transition: none !important;\n    padding-top: 10px;\n    border-right: none;\n    text-rendering: optimizeLegibility;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    height: calc(100vh - ${(props) => `${props.theme.headerHeight}px`});\n    overflow-y: auto;\n    overflow-x: hidden;\n    .collapseIconPlacementBottom & {\n      padding-bottom: 36px;\n    }\n    .tnt-themeS1 & {\n      overflow-x: unset;\n      box-shadow: 10px 0 10px -5px rgba(0, 0, 0, 0.1);\n      z-index: 2;\n    }\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n\n    &::-webkit-scrollbar {\n      display: none;\n    }\n    &::-moz-scrollbar {\n      display: none;\n    }\n\n    /** 一级结点是菜单样式开始 */\n    & > .ant-menu-item {\n      & > .tnt-icon:first-child {\n        font-size: 16px;\n      }\n    }\n\n    .ant-layout-sider-collapsed & {\n      & > .ant-menu-item {\n        & > .tnt-icon:first-child {\n          padding-left: 8px;\n        }\n        a {\n          visibility: hidden;\n        }\n      }\n    }\n    /** 一级结点是菜单样式结束 */\n\n    .ant-menu-item:active,\n    .ant-menu-submenu-title:active {\n      background: none;\n    }\n\n    .ant-menu-submenu .ant-menu-sub {\n      background: #212635;\n      border-radius: 0 0 2px 2px;\n      .compatible & {\n        background: #07408d !important;\n      }\n      .tnt-themeS1 & {\n        background: #fff !important;\n      }\n\n      // 蓝色系列 菜单展开区域颜色\n      .tnt-themeS3 & {\n        background: #07408d !important;\n      }\n    }\n    .ant-menu-submenu.ant-menu-submenu-active,\n    .ant-menu-submenu.ant-menu-submenu-selected {\n      background: rgba(47, 129, 247, 0.25) !important;\n      .tnt-themeS1 & {\n        background: ${(props) => props.theme.dividerColor} !important;\n      }\n\n      // 蓝色系 一级菜单的选中效果\n      .tnt-themeS3 & {\n        background: #204085 !important;\n      }\n    }\n    & > .ant-menu-submenu .ant-menu-submenu.ant-menu-submenu-active,\n    & > .ant-menu-submenu .ant-menu-submenu.ant-menu-submenu-selected {\n      background: none !important;\n      .tnt-themeS1 & {\n        background: ${(props) => props.theme.dividerColor} !important;\n      }\n      // 蓝色系 子级菜单级的选中效果\n      .tnt-themeS3 & {\n        background: #204085 !important;\n      }\n    }\n    .ant-menu-item {\n      margin: 0;\n      font-size: 14px;\n      padding-left: 54px !important;\n      height: ${({ size }) => (size === 'large' ? '40px' : '36px')};\n      line-height: ${({ size }) => (size === 'large' ? '40px' : '36px')};\n    }\n\n    & > .ant-menu-item {\n      padding-left: 24px !important;\n      width: 100%;\n\n      & > .tnt-icon {\n        margin-right: 12px;\n      }\n      & > a {\n        display: inline-block;\n      }\n    }\n\n    .ant-menu-submenu-title {\n      position: relative;\n      color: ${(props) => (props.theme.compatible ? compatibleColor : color)};\n      .tnt-themeS1 & {\n        color: ${(props) => props.theme.primaryTextColor};\n      }\n      height: ${({ size }) => (size === 'large' ? '40px' : '36px')};\n      line-height: ${({ size }) => (size === 'large' ? '40px' : '36px')};\n      .tnt-icon {\n        .tnt-themeS1 & {\n          color: ${(props) => props.theme.lightIconColor};\n        }\n      }\n      & > .tnt-icon {\n        position: absolute;\n        right: 20px;\n        top: 1px;\n        font-size: 10px;\n      }\n\n      // 蓝色系主题\n      .tnt-themeS3 & {\n        color: #fff;\n      }\n      .tnt-icon {\n        .tnt-themeS3 & {\n          color: #fff;\n        }\n      }\n    }\n\n    & > .ant-menu-submenu .ant-menu-submenu .ant-menu-submenu-title {\n      margin-top: 0;\n      margin-bottom: 0;\n      padding-left: 54px !important;\n    }\n  }\n\n  &.ant-menu .menu-arrow-right {\n    color: ${(props) => (props.theme.compatible ? compatibleColor : color)};\n  }\n\n  .ant-menu-item,\n  .ant-menu-item > a {\n    color: ${(props) => (props.theme.compatible ? compatibleColor : color)};\n    .tnt-themeS1 & {\n      color: ${(props) => props.theme.primaryTextColor};\n    }\n    &:hover {\n      color: #fff;\n      .tnt-themeS1 & {\n        color: ${(props) => props.theme.primaryColor};\n      }\n    }\n\n    // 蓝色系列\n    .tnt-themeS3 & {\n      color: #fff;\n    }\n    &:hover {\n      .tnt-themeS3 & {\n        color: #fff;\n      }\n    }\n  }\n  & > .ant-menu-item.ant-menu-item-selected,\n  &.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {\n    color: rgba(255, 255, 255, 0.85);\n    background-color: ${(props) => props.theme.primaryColor};\n    .compatible & {\n      background-color: #013479;\n    }\n    & > a {\n      .tnt-themeS1 & {\n        color: #fff;\n      }\n    }\n    .tnt-themeS1 & {\n      color: #fff;\n      background-color: ${(props) => props.theme.primaryColor};\n    }\n\n    // 蓝色系 子项选中颜色\n    .tnt-themeS3 & {\n      color: #fff;\n      background: #013479;\n      &::after {\n        content: '';\n        display: none;\n      }\n    }\n  }\n  .ant-menu-submenu.ant-menu-submenu-selected {\n    .tnt-themeS2 & {\n      background: #141825;\n    }\n    .tnt-themeS2.compatible & {\n      background: rgba(47, 129, 247, 0.25) !important;\n    }\n  }\n`\nconst MenuTitle = styled.span`\n  font-size: 14px;\n  .large-size & {\n    font-size: 15px;\n  }\n  color: rgba(255, 255, 255, 0.85);\n  .compatible & {\n    color: #a1d7ff;\n  }\n  .tnt-themeS1 & {\n    color: ${(props) => props.theme.primaryTextColor};\n  }\n  .tnt-icon {\n    margin-right: 12px;\n    font-size: 16px;\n    position: relative;\n    top: 1px;\n\n    .large-size & {\n      font-size: 18px;\n      top: auto;\n    }\n    .tnt-themeS1 & {\n      /* color: #7e8081; */\n      color: ${(props) => `${props.theme.iconColor}`};\n    }\n  }\n`\n\nexport default withTheme((props) => {\n  const actions = useContext(ActionsContext)\n  const {\n    language,\n    menus = [],\n    formatMenuPath,\n    changeRouter,\n    selectedKey,\n    openKeys,\n    onSelect,\n    onBeforeChange,\n    onChange,\n    onOpenChange,\n    collapsed,\n  } = props\n  const { subMenu, parentMenus } = getSelectedMenuInfo(selectedKey, menus)\n  const [selectedKeys, setSelectedKeys] = useState([get(subMenu, 'code')])\n  const onSelectMenu = (param) => {\n    const { subMenu, parentMenus } = getSelectedMenuInfo(param.key, menus) || {}\n    const params = {\n      ...param,\n      data: subMenu,\n    }\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 (path?.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 finalSelect = onSelect || defaultSelect\n\n    if (param.key !== get(selectedKeys, '0')) {\n      const finalBeforeChange = onBeforeChange || defaultBeforeChange\n\n      if (finalBeforeChange(params, get(selectedKeys, '0'))) {\n        // SideMenu菜单收起状态\n        if (collapsed) {\n          const newOpenKeys = parentMenus?.map(({ code }) => code).reverse()\n\n          onOpenChange(newOpenKeys)\n          setSideMenuStore({\n            openKeys: newOpenKeys,\n            beforeOpenKeys: newOpenKeys,\n          })\n        }\n        setSelectedKeys([param.key])\n        onChange && onChange(params)\n      }\n    }\n    actions.setSelectedMenuKey(param.key)\n    setSelectedKeys([param.key])\n\n    finalSelect(params)\n  }\n  const getExpandIcon = (code) => {\n    if (props.theme.compatible) {\n      return openKeys.includes(code) ? 'minus' : 'plus'\n    }\n\n    return openKeys.includes(code) ? 'up' : 'down'\n  }\n  const onOpenKeysChange = (keys) => {\n    const openKey = keys.find((key) => !openKeys.includes(key))\n    // const closeKey = openKeys.find(key => !keys.includes(key));\n    let newOpenKeys = keys\n\n    const findParentGroupKey = (key, openKeys) => {\n      let parentGroupKey\n\n      traverseTree(menus, (node, pnode) => {\n        if (node.code === key) {\n          if (pnode && openKeys.includes(pnode?.code)) {\n            parentGroupKey = pnode?.code\n          }\n\n          return false\n        }\n      })\n\n      return parentGroupKey\n    }\n\n    // 展开openKey\n    if (openKey) {\n      // 父子关系展开\n      const parentGroupKey = findParentGroupKey(openKey, openKeys)\n      if (parentGroupKey) {\n        newOpenKeys = keys.length > 2 ? [parentGroupKey, openKey] : keys\n      } else {\n        newOpenKeys = [openKey]\n      }\n    } else {\n      // 收起closeKey\n      newOpenKeys = keys\n    }\n\n    onOpenChange(newOpenKeys)\n  }\n\n  useEffect(() => {\n    setSelectedKeys([selectedKey])\n    if (selectedKey && !collapsed && parentMenus?.length) {\n      onOpenChange(parentMenus?.map(({ code }) => code).reverse())\n    }\n    actions.setSelectedMenuKey(selectedKey)\n  }, [selectedKey])\n\n  actions.off('menuSelect', onSelectMenu)\n  actions.on('menuSelect', onSelectMenu)\n\n  return (\n    <TNTMenu\n      mode=\"inline\"\n      defaultSelectedKeys={[]}\n      openKeys={openKeys}\n      selectedKeys={selectedKeys}\n      onOpenChange={onOpenKeysChange}\n    >\n      {menus?.map((menu) => {\n        const MenuLink = ({ menuName, enName, path }) => (\n          <a href={path} onClick={(evt) => evt.preventDefault()}>\n            {\n              {\n                cn: menuName,\n                en: enName,\n              }[language]\n            }\n          </a>\n        )\n\n        if (isGroupMenu(menu)) {\n          const getSubMenuProps = ({ code, groupIcon, groupName, enName }, isSubGroup = false) => ({\n            key: code,\n            title: (\n              <MenuTitle\n                style={collapsed && isSubGroup ? { color: props.theme.primaryTextColor } : {}}\n              >\n                {!isSubGroup && <Iconfont type={groupIcon} />}\n                {collapsed && !isSubGroup\n                  ? ''\n                  : {\n                      cn: groupName,\n                      en: enName,\n                    }[language]}\n              </MenuTitle>\n            ),\n            expandIcon: collapsed ? null : <Iconfont /*  */ type={getExpandIcon(code)} />,\n          })\n\n          return (\n            <SubMenu {...getSubMenuProps(menu)} onClick={onSelectMenu}>\n              {menu?.children?.map((menu) => {\n                if (isGroupMenu(menu)) {\n                  return (\n                    <SubMenu {...getSubMenuProps(menu, true)} onClick={onSelectMenu}>\n                      {menu?.children?.map(({ code, ...menu }) => (\n                        <MenuItem key={code}>\n                          <MenuLink {...menu} style={{ paddingLeft: '24px' }} />\n                        </MenuItem>\n                      ))}\n                    </SubMenu>\n                  )\n                }\n\n                return (\n                  <MenuItem key={menu?.code}>\n                    <MenuLink {...menu} />\n                  </MenuItem>\n                )\n              })}\n            </SubMenu>\n          )\n        }\n\n        return (\n          <MenuItem key={menu.code} onClick={onSelectMenu}>\n            <Iconfont type={menu.icon} />\n            <MenuLink {...menu} />\n          </MenuItem>\n        )\n      })}\n    </TNTMenu>\n  )\n})\n"]}

package/lib/tntd-layout/Theme.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];

package/lib/tntd-layout/Theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"Theme.js","sourceRoot":"","sources":["../../src/tntd-layout/Theme.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,0EAAsC;AAEtC,yDAAgC;AAChC,0DAAiC;AACjC,sDAA6B;AAC7B,uCAAwD;AAExD,MAAM,KAAK,GAAG,2BAAM,CAAC,EAAE,CAAA;;;;;;;;;CAStB,CAAA;AAED,MAAM,WAAW,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;CAmB7B,CAAA;AAED,MAAM,mBAAmB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;CAKrC,CAAA;AAED,MAAM,MAAM,GAAG;IACb,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,gBAAM,CAAC,YAAY,EAAE;IAC9C,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,gBAAM,CAAC,YAAY,EAAE;CAC/C,CAAA;AAED,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,EAAE;IAC7B,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IAC1B,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,IAAI,KAAK,GAAG,IAAA,uBAAa,GAAE,IAAI,KAAK,CAAC,KAAK,IAAI,SAAS,CAAA;QAEvD,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAA;IACxE,CAAC,CAAA;IACD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,QAAQ,EAAE,CAAC,CAAA;IAC9C,MAAM,WAAW,GAAG,CAAC,KAAK,EAAE,EAAE;QAC5B,QAAQ,CAAC,KAAK,CAAC,CAAA;QACf,IAAA,uBAAa,EAAC,KAAK,CAAC,CAAA;QACpB,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjB,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,mBAAmB;QAClB,8BAAC,WAAW,QACT,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAC9B,uCAAK,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC;YACrD,uCAAK,GAAG,EAAE,GAAG,GAAI;YAChB,KAAK,KAAK,KAAK,IAAI,8BAAC,kBAAQ,IAAC,IAAI,EAAC,QAAQ,GAAG,CAC1C,CACP,CAAC,CACU,CACM,CACvB,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,CAAC,KAAK,EAAE,EAAE;IACvB,OAAO,CACL,8BAAC,KAAK;QACJ,8BAAC,iBAAO,IACN,SAAS,EAAC,aAAa,EACvB,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,8BAAC,YAAY,oBAAK,KAAK,EAAI,EACpC,OAAO,EAAC,OAAO;YAEf,8BAAC,kBAAQ,IAAC,IAAI,EAAC,cAAc,GAAG,CACxB,CACJ,CACT,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React, { useState } from 'react'\nimport styled from 'styled-components'\n\nimport Popover from '../popover'\nimport Iconfont from './Iconfont'\nimport images from './images'\nimport { setThemeStore, getThemeStore } from './storage'\n\nconst Theme = styled.li`\n  margin-left: 20px;\n  font-size: 20px;\n  .tnt-themeS1 & {\n    /* color: rgba(255,255,255,.85); */\n  }\n  .isInIframe & {\n    display: none;\n  }\n`\n\nconst ThemeSwitch = styled.div`\n  & > div {\n    position: relative;\n    display: inline-block;\n    cursor: pointer;\n    &:first-child {\n      margin-right: 10px;\n    }\n    &:last-child {\n      margin-left: 10px;\n    }\n    & > i,\n    & > .tnt-icon {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n`\n\nconst ThemeContentWrapper = styled.div`\n  z-index: 1;\n  background-color: #fff;\n  border-radius: 4px;\n  width: 156px;\n`\n\nconst themes = [\n  { value: 'themeS1', img: images.themeSymbol1 },\n  { value: 'themeS2', img: images.themeSymbol2 },\n]\n\nconst ThemeContent = (props) => {\n  const { onChange } = props\n  const getTheme = () => {\n    let theme = getThemeStore() || props.theme || 'themeS2'\n\n    return themes.some(({ value }) => value === theme) ? theme : 'themeS2'\n  }\n  const [theme, setTheme] = useState(getTheme())\n  const changeTheme = (theme) => {\n    setTheme(theme)\n    setThemeStore(theme)\n    onChange(theme)\n  }\n\n  return (\n    <ThemeContentWrapper>\n      <ThemeSwitch>\n        {themes.map(({ value, img }) => (\n          <div key={value} onClick={changeTheme.bind(this, value)}>\n            <img src={img} />\n            {theme === value && <Iconfont type=\"check1\" />}\n          </div>\n        ))}\n      </ThemeSwitch>\n    </ThemeContentWrapper>\n  )\n}\n\nexport default (props) => {\n  return (\n    <Theme>\n      <Popover\n        placement=\"bottomRight\"\n        title={null}\n        content={<ThemeContent {...props} />}\n        trigger=\"click\"\n      >\n        <Iconfont type=\"change-theme\" />\n      </Popover>\n    </Theme>\n  )\n}\n"]}
+{"version":3,"file":"Theme.js","sourceRoot":"","sources":["../../src/tntd-layout/Theme.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,0EAAsC;AAEtC,yDAAgC;AAChC,0DAAiC;AACjC,sDAA6B;AAC7B,uCAAwD;AAExD,MAAM,KAAK,GAAG,2BAAM,CAAC,EAAE,CAAA;;;;;;;;;CAStB,CAAA;AAED,MAAM,WAAW,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;CAmB7B,CAAA;AAED,MAAM,mBAAmB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;CAKrC,CAAA;AAED,MAAM,MAAM,GAAG;IACb,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,gBAAM,CAAC,YAAY,EAAE;IAC9C,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,gBAAM,CAAC,YAAY,EAAE;CAC/C,CAAA;AAED,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,EAAE;IAC7B,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IAC1B,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,IAAI,KAAK,GAAG,IAAA,uBAAa,GAAE,IAAI,KAAK,CAAC,KAAK,IAAI,SAAS,CAAA;QAEvD,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAA;IACxE,CAAC,CAAA;IACD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,QAAQ,EAAE,CAAC,CAAA;IAC9C,MAAM,WAAW,GAAG,CAAC,KAAK,EAAE,EAAE;QAC5B,QAAQ,CAAC,KAAK,CAAC,CAAA;QACf,IAAA,uBAAa,EAAC,KAAK,CAAC,CAAA;QACpB,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjB,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,mBAAmB;QAClB,8BAAC,WAAW,QACT,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAC9B,uCAAK,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC;YACrD,uCAAK,GAAG,EAAE,GAAG,GAAI;YAChB,KAAK,KAAK,KAAK,IAAI,8BAAC,kBAAQ,IAAC,IAAI,EAAC,QAAQ,GAAG,CAC1C,CACP,CAAC,CACU,CACM,CACvB,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,CAAC,KAAK,EAAE,EAAE;IACvB,OAAO,CACL,8BAAC,KAAK;QACJ,8BAAC,iBAAO,IACN,SAAS,EAAC,aAAa,EACvB,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,8BAAC,YAAY,oBAAK,KAAK,EAAI,EACpC,OAAO,EAAC,OAAO;YAEf,8BAAC,kBAAQ,IAAC,IAAI,EAAC,cAAc,GAAG,CACxB,CACJ,CACT,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React, { useState } from 'react'\nimport styled from 'styled-components'\n\nimport Popover from '../popover'\nimport Iconfont from './Iconfont'\nimport images from './images'\nimport { setThemeStore, getThemeStore } from './storage'\n\nconst Theme = styled.li`\n  margin-left: 20px;\n  font-size: 20px;\n  .tnt-themeS1 & {\n    /* color: rgba(255,255,255,.85); */\n  }\n  .isInIframe & {\n    display: none;\n  }\n`\n\nconst ThemeSwitch = styled.div`\n  & > div {\n    position: relative;\n    display: inline-block;\n    cursor: pointer;\n    &:first-child {\n      margin-right: 10px;\n    }\n    &:last-child {\n      margin-left: 10px;\n    }\n    & > i,\n    & > .tnt-icon {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n`\n\nconst ThemeContentWrapper = styled.div`\n  z-index: 1;\n  background-color: #fff;\n  border-radius: 4px;\n  width: 156px;\n`\n\nconst themes = [\n  { value: 'themeS1', img: images.themeSymbol1 },\n  { value: 'themeS2', img: images.themeSymbol2 },\n]\n\nconst ThemeContent = (props) => {\n  const { onChange } = props\n  const getTheme = () => {\n    let theme = getThemeStore() || props.theme || 'themeS2'\n\n    return themes.some(({ value }) => value === theme) ? theme : 'themeS2'\n  }\n  const [theme, setTheme] = useState(getTheme())\n  const changeTheme = (theme) => {\n    setTheme(theme)\n    setThemeStore(theme)\n    onChange(theme)\n  }\n\n  return (\n    <ThemeContentWrapper>\n      <ThemeSwitch>\n        {themes.map(({ value, img }) => (\n          <div key={value} onClick={changeTheme.bind(this, value)}>\n            <img src={img} />\n            {theme === value && <Iconfont type=\"check1\" />}\n          </div>\n        ))}\n      </ThemeSwitch>\n    </ThemeContentWrapper>\n  )\n}\n\nexport default (props) => {\n  return (\n    <Theme>\n      <Popover\n        placement=\"bottomRight\"\n        title={null}\n        content={<ThemeContent {...props} />}\n        trigger=\"click\"\n      >\n        <Iconfont type=\"change-theme\" />\n      </Popover>\n    </Theme>\n  )\n}\n"]}

package/lib/tntd-layout/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];

package/lib/tntd-layout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/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 && 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              type={type}\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"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/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 && 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              type={type}\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/lib/tntd-layout/paaslayout/CompactSideMenu.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];

package/lib/tntd-layout/paaslayout/CompactSideMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompactSideMenu.js","sourceRoot":"","sources":["../../../src/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"]}
+{"version":3,"file":"CompactSideMenu.js","sourceRoot":"","sources":["../../../src/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/lib/tntd-layout/paaslayout/Header.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];

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

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/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"]}
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/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/tntd-layout/paaslayout/SideMenu.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];

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

@@ -1 +1 @@
-{"version":3,"file":"SideMenu.js","sourceRoot":"","sources":["../../../src/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"]}
+{"version":3,"file":"SideMenu.js","sourceRoot":"","sources":["../../../src/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"]}

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

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tntd-layout/paaslayout/index.js"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from 'react'\nimport styled, { withTheme } from 'styled-components'\nimport cn from 'classnames'\nimport { Layout } from '../../'\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"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tntd-layout/paaslayout/index.js"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from 'react'\nimport styled, { withTheme } from 'styled-components'\nimport cn from 'classnames'\nimport { Layout } from '../../'\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/tntd-modal/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];

package/lib/tntd-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tntd-modal/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4DAA2B;AAC3B,+CAA4D;AAE5D,qDAA4B;AAC5B,6DAA+B;AAE/B,wBAAqB;AAErB,MAAM,KAAK,GAAG,CAAC,EACb,KAAK,EACL,IAAI,EACJ,UAAU,EACV,iBAAiB,GAAG,IAAI,EACxB,kBAAkB,EAClB,OAAO,GACR,EAAE,EAAE;IACH,OAAO,CACL,8BAAC,gBAAQ;QACP;YACG,IAAI,IAAI,uCAAK,GAAG,EAAE,IAAI,GAAI;YAC3B,4CAAO,KAAK,CAAQ,CAChB;QACN,uCAAK,SAAS,EAAC,0BAA0B;YACtC,iBAAiB,IAAI,CACpB,8BAAC,mBAAI,IACH,SAAS,EAAC,YAAY,EACtB,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,YAAY,EACnD,OAAO,EAAE,kBAAkB,GAC3B,CACH;YACD,8BAAC,mBAAI,IAAC,SAAS,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,GAAI,CACrD,CACG,CACZ,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,CAAC,KAAK,EAAE,EAAE;IACvB,MAAM,EACJ,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,MAAM,GAAG,MAAM,EACf,KAAK,GAAG,KAAK,EACb,SAAS,EACT,iBAAiB,EACjB,kBAAkB,EAClB,QAAQ,KAEN,KAAK,EADJ,IAAI,UACL,KAAK,EAZH,+HAYL,CAAQ,CAAA;IACT,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,UAAU,IAAI,KAAK,CAAC,CAAA;IAEtE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAA;IAE9B,OAAO,CACL,8BAAC,eAAK,kBACJ,OAAO,EAAE,OAAO,EAChB,KAAK,EACH,8BAAC,KAAK,IACJ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,iBAAiB,EAAE,iBAAiB,EACpC,OAAO,EAAE,QAAQ,EACjB,kBAAkB,EAAE,GAAG,EAAE;gBACvB,aAAa,CAAC,CAAC,UAAU,CAAC,CAAA;gBAC1B,kBAAkB,IAAI,kBAAkB,CAAC,CAAC,UAAU,CAAC,CAAA;YACvD,CAAC,GACD,EAEJ,QAAQ,EAAE,QAAQ,EAClB,cAAc,QACd,QAAQ,QACR,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EAClC,KAAK,EAAE;YACL,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;SACtC,EACD,SAAS,EAAE,IAAA,oBAAE,EAAC,WAAW,EAAE,EAAE,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC,IAC9D,IAAI,GAEP,QAAQ,CACH,CACT,CAAA;AACH,CAAC,CAAA","sourcesContent":["import cn from 'classnames'\nimport React, { Fragment, useEffect, useState } from 'react'\n\nimport Modal from '../modal'\nimport Icon from '../tntd-icon'\n\nimport './index.less'\n\nconst Title = ({\n  title,\n  logo,\n  fullscreen,\n  supportFullscreen = true,\n  onToggleFullscreen,\n  onClose,\n}) => {\n  return (\n    <Fragment>\n      <div>\n        {logo && <img src={logo} />}\n        <span>{title}</span>\n      </div>\n      <div className=\"tnt-modal-header-actions\">\n        {supportFullscreen && (\n          <Icon\n            className=\"fullscreen\"\n            type={fullscreen ? 'fullscreen-exit' : 'fullscreen'}\n            onClick={onToggleFullscreen}\n          />\n        )}\n        <Icon className=\"close\" type=\"close\" onClick={onClose} />\n      </div>\n    </Fragment>\n  )\n}\n\nexport default (props) => {\n  const {\n    visible,\n    children,\n    logo,\n    title,\n    height = '90vh',\n    width = '85%',\n    className,\n    supportFullscreen,\n    onToggleFullscreen,\n    onCancel,\n    ...rest\n  } = props\n  const [fullscreen, setFullscreen] = useState(rest.fullscreen || false)\n\n  useEffect(() => {\n    setFullscreen(rest.fullscreen)\n  }, [rest.fullscreen, visible])\n\n  return (\n    <Modal\n      visible={visible}\n      title={\n        <Title\n          logo={logo}\n          title={title}\n          fullscreen={fullscreen}\n          supportFullscreen={supportFullscreen}\n          onClose={onCancel}\n          onToggleFullscreen={() => {\n            setFullscreen(!fullscreen)\n            onToggleFullscreen && onToggleFullscreen(!fullscreen)\n          }}\n        />\n      }\n      onCancel={onCancel}\n      destroyOnClose\n      centered\n      footer={null}\n      width={fullscreen ? '100%' : width}\n      style={{\n        height: fullscreen ? '100vh' : height,\n      }}\n      className={cn('tnt-modal', { [className]: className, fullscreen })}\n      {...rest}\n    >\n      {children}\n    </Modal>\n  )\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tntd-modal/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4DAA2B;AAC3B,+CAA4D;AAE5D,qDAA4B;AAC5B,6DAA+B;AAE/B,wBAAqB;AAErB,MAAM,KAAK,GAAG,CAAC,EACb,KAAK,EACL,IAAI,EACJ,UAAU,EACV,iBAAiB,GAAG,IAAI,EACxB,kBAAkB,EAClB,OAAO,GACR,EAAE,EAAE;IACH,OAAO,CACL,8BAAC,gBAAQ;QACP;YACG,IAAI,IAAI,uCAAK,GAAG,EAAE,IAAI,GAAI;YAC3B,4CAAO,KAAK,CAAQ,CAChB;QACN,uCAAK,SAAS,EAAC,0BAA0B;YACtC,iBAAiB,IAAI,CACpB,8BAAC,mBAAI,IACH,SAAS,EAAC,YAAY,EACtB,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,YAAY,EACnD,OAAO,EAAE,kBAAkB,GAC3B,CACH;YACD,8BAAC,mBAAI,IAAC,SAAS,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,GAAI,CACrD,CACG,CACZ,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,CAAC,KAAK,EAAE,EAAE;IACvB,MAAM,EACJ,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,MAAM,GAAG,MAAM,EACf,KAAK,GAAG,KAAK,EACb,SAAS,EACT,iBAAiB,EACjB,kBAAkB,EAClB,QAAQ,KAEN,KAAK,EADJ,IAAI,UACL,KAAK,EAZH,+HAYL,CAAQ,CAAA;IACT,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,UAAU,IAAI,KAAK,CAAC,CAAA;IAEtE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAA;IAE9B,OAAO,CACL,8BAAC,eAAK,kBACJ,OAAO,EAAE,OAAO,EAChB,KAAK,EACH,8BAAC,KAAK,IACJ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,iBAAiB,EAAE,iBAAiB,EACpC,OAAO,EAAE,QAAQ,EACjB,kBAAkB,EAAE,GAAG,EAAE;gBACvB,aAAa,CAAC,CAAC,UAAU,CAAC,CAAA;gBAC1B,kBAAkB,IAAI,kBAAkB,CAAC,CAAC,UAAU,CAAC,CAAA;YACvD,CAAC,GACD,EAEJ,QAAQ,EAAE,QAAQ,EAClB,cAAc,QACd,QAAQ,QACR,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EAClC,KAAK,EAAE;YACL,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;SACtC,EACD,SAAS,EAAE,IAAA,oBAAE,EAAC,WAAW,EAAE,EAAE,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC,IAC9D,IAAI,GAEP,QAAQ,CACH,CACT,CAAA;AACH,CAAC,CAAA","sourcesContent":["import cn from 'classnames'\nimport React, { Fragment, useEffect, useState } from 'react'\n\nimport Modal from '../modal'\nimport Icon from '../tntd-icon'\n\nimport './index.less'\n\nconst Title = ({\n  title,\n  logo,\n  fullscreen,\n  supportFullscreen = true,\n  onToggleFullscreen,\n  onClose,\n}) => {\n  return (\n    <Fragment>\n      <div>\n        {logo && <img src={logo} />}\n        <span>{title}</span>\n      </div>\n      <div className=\"tnt-modal-header-actions\">\n        {supportFullscreen && (\n          <Icon\n            className=\"fullscreen\"\n            type={fullscreen ? 'fullscreen-exit' : 'fullscreen'}\n            onClick={onToggleFullscreen}\n          />\n        )}\n        <Icon className=\"close\" type=\"close\" onClick={onClose} />\n      </div>\n    </Fragment>\n  )\n}\n\nexport default (props) => {\n  const {\n    visible,\n    children,\n    logo,\n    title,\n    height = '90vh',\n    width = '85%',\n    className,\n    supportFullscreen,\n    onToggleFullscreen,\n    onCancel,\n    ...rest\n  } = props\n  const [fullscreen, setFullscreen] = useState(rest.fullscreen || false)\n\n  useEffect(() => {\n    setFullscreen(rest.fullscreen)\n  }, [rest.fullscreen, visible])\n\n  return (\n    <Modal\n      visible={visible}\n      title={\n        <Title\n          logo={logo}\n          title={title}\n          fullscreen={fullscreen}\n          supportFullscreen={supportFullscreen}\n          onClose={onCancel}\n          onToggleFullscreen={() => {\n            setFullscreen(!fullscreen)\n            onToggleFullscreen && onToggleFullscreen(!fullscreen)\n          }}\n        />\n      }\n      onCancel={onCancel}\n      destroyOnClose\n      centered\n      footer={null}\n      width={fullscreen ? '100%' : width}\n      style={{\n        height: fullscreen ? '100vh' : height,\n      }}\n      className={cn('tnt-modal', { [className]: className, fullscreen })}\n      {...rest}\n    >\n      {children}\n    </Modal>\n  )\n}\n"]}

package/lib/tntd-select/DropDownWrap.d.ts

@@ -1,5 +1,11 @@
 export default class DropDownWrap extends React.PureComponent<any, any, any> {
     constructor(props: any);
+    state: {
+        allHeight: any;
+        startIndex: any;
+        endIndex: any;
+    };
+    componentDidUpdate(prevProps: any): void;
     getItemStyle: (i: any) => {
         position: string;
         top: number;
@@ -7,6 +13,10 @@ export default class DropDownWrap extends React.PureComponent<any, any, any> {
         width: string;
     };
     reactList: (allHeight: any, startIndex: any, endIndex: any) => void;
+    render(): React.FunctionComponentElement<{
+        menuItems: any;
+        dropdownMenuStyle: any;
+    }>;
 }
 import React from "react";
 //# sourceMappingURL=DropDownWrap.d.ts.map

package/lib/tntd-select/DropDownWrap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropDownWrap.d.ts","sourceRoot":"","sources":["../../src/tntd-select/DropDownWrap.js"],"names":[],"mappings":"AAEA;IACE,wBASC;IAQD;;;;;MAQC;IAED,oEACoD;CA8BrD"}
+{"version":3,"file":"DropDownWrap.d.ts","sourceRoot":"","sources":["../../src/tntd-select/DropDownWrap.js"],"names":[],"mappings":"AAEA;IACE,wBASC;IALC;;;;MAIC;IAGH,yCAIC;IAED;;;;;MAQC;IAED,oEACoD;IAEpD;;;OA2BC;CACF"}