tntd 2.5.4 → 2.5.8

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderTabs.js","sourceRoot":"","sources":["../../src/tntd-layout/HeaderTabs.js"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useEffect, useRef } from 'react'\nimport styled, { withTheme } from 'styled-components'\nimport cn from 'classnames'\nimport { get } from 'lodash'\nimport Icon from '../tntd-icon'\n\nconst TabsContainer = styled.div`\n  display: flex;\n  flex: 1;\n  overflow: hidden;\n  position: relative;\n  margin-right: 12px;\n  margin-left: 4px;\n\n  .tnt-layout-header-tabs-arrows {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    font-size: 16px;\n    line-height: 36px;\n    height: 36px;\n    background: #fff !important;\n    color: rgba(255, 255, 255, 0.8) !important;\n    .tnt-icon {\n      cursor: pointer;\n      color: rgba(139, 145, 158, 1);\n      &[disabled] {\n        color: rgba(139, 145, 158, 0.5);\n        pointer-events: none;\n        cursor: not-allowed;\n      }\n    }\n    // background: #191D29;\n    // .tnt-icon {\n    //     cursor: pointer;\n    //     &[disabled] {\n    //         color: rgba(139, 145, 158, .5);\n    //         pointer-events: none;\n    //         cursor: not-allowed;\n    //     }\n    // }\n    // .tnt-themeS1 & {\n    //     background: #fff;\n    //     .tnt-icon {\n    //         color: rgba(139,145,158,1);\n    //     }\n    // }\n    // 多签页的箭头样式\n    // .tnt-themeS3 & {\n    //     background: ${(props) => `${props.theme.blueBgColor}`}; //#1D4295;\n    //     .tnt-icon {\n    //         color: rgba(255, 255, 255, .5);\n    //         &[disabled] {\n    //             color: rgba(139, 145, 158, .5);\n    //             pointer-events: none;\n    //             cursor: not-allowed;\n    //         }\n    //     }\n    // }\n  }\n`\nconst Tabs = styled.ul`\n  margin: 14px 0 0;\n  padding: 0;\n  list-style: none;\n  text-align: left;\n  height: 36px;\n  line-height: 36px;\n  flex: 1;\n  white-space: nowrap;\n  padding-right: 40px;\n  transition: transform 0.25s linear;\n  position: absolute;\n`\nconst TabItem = styled.li`\n  position: relative;\n  margin: 0;\n  padding: 0 20px 0 10px;\n  cursor: pointer;\n  display: inline-block;\n  line-height: ${(props) => (props.theme.size === 'large' ? '46px' : '36px')};\n  /* transition: background-color .5; */\n  width: 130px;\n  color: rgba(255, 255, 255, 0.6);\n\n  .tnt-icon[type='close'] {\n    display: none;\n    position: absolute;\n    right: 0;\n    top: 0;\n    font-size: 10px;\n    padding: 0 10px;\n    cursor: pointer;\n    z-index: 1;\n  }\n\n  &:not(:last-child):after {\n    position: absolute;\n    content: '';\n    right: 0;\n    top: 6px;\n    height: 24px;\n    width: 1px;\n    // opacity: .5;\n    // background: #fff;\n    background: #e1e6ee;\n    opacity: 0.5;\n    // .tnt-themeS1 & {\n    //     background: #E1E6EE;\n    //     opacity: 1;\n    // }\n  }\n\n  &.active,\n  &.activeTabPreSibling {\n    &:after {\n      display: none;\n    }\n  }\n\n  a {\n    font-size: 14px;\n    color: ${(props) => props.theme.headerActionsColor}; //rgba(255,255,255,.6);\n    text-rendering: optimizeLegibility;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    transition: none;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n    line-height: 36px;\n    width: 100%;\n    // &:hover {\n    //     color: rgba(255,255,255,.8);\n    // }\n    // .tnt-themeS1 & {\n    //     color: ${(props) => props.theme.headerActionsColor};\n    // }\n  }\n\n  &:hover,\n  &.active {\n    .tnt-icon[type='close'] {\n      display: unset;\n      color: #455064;\n      // .tnt-themeS1 & {\n      //     color: #455064;\n      // }\n    }\n  }\n\n  &.active {\n    background: #f1f2f5;\n    border-radius: 2px 2px 0 0;\n    color: ${(props) => props.theme.primaryTextColor};\n    font-weight: 600;\n\n    a {\n      color: ${(props) => props.theme.primaryTextColor};\n    }\n  }\n`\n\nexport const HeaderTabs = withTheme(\n  ({\n    theme,\n    className,\n    tabs = [],\n    onTabChange,\n    onTabSelect,\n    onTabClose,\n    appListVisible,\n    orgListVisible,\n    orgAppListVisible,\n    language,\n    ...props\n  }) => {\n    const [selectedKey, setSelectedKey] = useState(props.selectedKey || get(tabs, '0.key'))\n    const [tabItems, setTabItems] = useState(tabs || [])\n    const [arrowVisible, setArrowVisible] = useState(false)\n    const [tabsPositionFlags, setTabsPositionFlags] = useState({ start: true, end: true })\n    const tabsRef = useRef()\n\n    const getTabsDom = () => tabsRef.current\n\n    const onTabClick = (tab, index) => {\n      setSelectedKey(tab.key)\n      onTabSelect?.(tab)\n\n      if (selectedKey !== tab.key) {\n        onTabChange?.(tab)\n      }\n    }\n    const closeTabHandle = (tab, index, evt) => {\n      evt.stopPropagation()\n      const newTabItems = tabItems.filter(({ key }) => key !== tab.key)\n      let newSelectedKey = selectedKey\n\n      setTabItems(newTabItems)\n      if (tab.key === selectedKey) {\n        newSelectedKey = index === 0 ? newTabItems[0]?.key : newTabItems[index - 1]?.key\n        setSelectedKey(newSelectedKey)\n      }\n      onTabClose?.(\n        tab,\n        newTabItems,\n        newTabItems.find(({ key }) => key === newSelectedKey)\n      )\n    }\n    const onMoveToLeft = () => {\n      const tabsDom = getTabsDom()\n      const parentBBox = tabsDom.parentNode.getBoundingClientRect()\n      const parentWidth = parentBBox.width - 32\n      let x = Math.abs(+tabsDom.style.transform.replace(/[^\\d.-]/g, ''))\n      const index = Math.ceil(x / 130)\n      const trueX = index * 130\n      let newX = Math.min(0, -(trueX - parentWidth))\n      tabsDom.style.transform = `translateX(${newX}px)`\n\n      const width = tabItems.length * 130\n      setTabsPositionFlags({\n        start: newX < 0,\n        end: Math.abs(newX) < width - parentWidth,\n      })\n    }\n    const onMoveToRight = () => {\n      const tabsDom = getTabsDom()\n      const parentBBox = tabsDom.parentNode.getBoundingClientRect()\n      const parentWidth = parentBBox.width - 32\n      const width = tabItems.length * 130\n\n      let x = Math.abs(+tabsDom.style.transform.replace(/[^\\d.-]/g, ''))\n      const index = Math.floor(x / 130)\n      const trueX = index * 130\n      let newX = Math.max(-(width - parentWidth), -(trueX + parentWidth))\n      tabsDom.style.transform = `translateX(${newX}px)`\n\n      setTabsPositionFlags({\n        start: newX < 0,\n        end: Math.abs(newX) < width - parentWidth,\n      })\n    }\n\n    const translateTabsDom = (tabs, selectedKey) => {\n      if (!selectedKey) return\n      const index = tabs.indexOf(tabs.find(({ key }) => key === selectedKey))\n      if (index === -1) return\n      const tabsDom = getTabsDom()\n      let x = -+tabsDom.style.transform.replace(/[^\\d.-]/g, '')\n      const bbox = {\n        left: index * 130,\n        right: (index + 1) * 130,\n      }\n      const parentBBox = tabsDom.parentNode.getBoundingClientRect()\n      const parentWidth = parentBBox.width - 36\n      const width = tabItems.length * 130\n\n      let tailX = x + parentWidth //当前滑动窗口尾部坐标\n      let newX = -x\n      if (bbox.left < x) {\n        newX = -bbox.left\n      } else if (bbox.right >= tailX) {\n        newX = parentWidth - bbox.right\n      }\n      if (newX + width < parentWidth) {\n        newX = -(width - parentWidth)\n      }\n      newX = Math.min(0, newX)\n      tabsDom.style.transform = `translateX(${newX}px)`\n\n      setTabsPositionFlags({\n        start: newX < 0,\n        end: Math.abs(newX) < width - parentWidth,\n      })\n    }\n\n    useEffect(() => {\n      setSelectedKey(props.selectedKey || get(tabs, '0.key'))\n      // const t = [{'code':'tagdata','enName':'tagdata','icon':'layer-color','menuName':'打标数据管理打标数据管理打标数据管理','path':'/orion/tag/datalist','key':'tagdata','name':'打标数据管理打标数据管理打标数据管理'},{'code':'taglist','enName':'taglist','icon':'home','menuName':'标签管理','path':'http://baidu.com/orion/tag/list','key':'taglist','name':'标签管理'},{'code':'relation1','enName':'dadicasesearch1','icon':'home','menuName':'案件检索1','path':'/orion/case/relation1','key':'relation1','name':'案件检索1'},{'code':'dadicasesearch-0','enName':'dadicasesearch','icon':'home','menuName':'案件检索-0','path':'/orion/case/relation0','key':'dadicasesearch-0','name':'案件检索-0'},{'code':'dadicasesearch-1','enName':'dadicasesearch','icon':'home','menuName':'案件检索-1','path':'/orion/case/relation1','key':'dadicasesearch-1','name':'案件检索-1'},{'code':'dadicasesearch-2','enName':'dadicasesearch','icon':'home','menuName':'案件检索-2','path':'/orion/case/relation2','key':'dadicasesearch-2','name':'案件检索-2'},{'code':'dadicasesearch-3','enName':'dadicasesearch','icon':'home','menuName':'案件检索-3','path':'/orion/case/relation3','key':'dadicasesearch-3','name':'案件检索-3'},{'code':'dadicasesearch-4','enName':'dadicasesearch','icon':'home','menuName':'案件检索-4','path':'/orion/case/relation4','key':'dadicasesearch-4','name':'案件检索-4'},{'code':'dadicasesearch-5','enName':'dadicasesearch','icon':'home','menuName':'案件检索-5','path':'/orion/case/relation5','key':'dadicasesearch-5','name':'案件检索-5'},{'code':'dadicasesearch-6','enName':'dadicasesearch','icon':'home','menuName':'案件检索-6','path':'/orion/case/relation6','key':'dadicasesearch-6','name':'案件检索-6'},{'code':'dadicasesearch-7','enName':'dadicasesearch','icon':'home','menuName':'案件检索-7','path':'/orion/case/relation7','key':'dadicasesearch-7','name':'案件检索-7'},{'code':'dadicasesearch-8','enName':'dadicasesearch','icon':'home','menuName':'案件检索-8','path':'/orion/case/relation8','key':'dadicasesearch-8','name':'案件检索-8'}] ;\n      setTabItems(tabs)\n    }, [tabs, props.selectedKey])\n\n    useEffect(() => {}, [props.orgAppListVisible])\n\n    useEffect(() => {\n      const tabsDom = getTabsDom()\n\n      setArrowVisible(tabsDom.offsetWidth - tabsDom.parentNode.offsetWidth > 0)\n    }, [tabItems])\n\n    useEffect(() => {\n      translateTabsDom(tabItems, selectedKey)\n    }, [tabItems, selectedKey, appListVisible, orgListVisible, orgAppListVisible])\n\n    return (\n      <TabsContainer\n        {...props}\n        className={cn('tnt-layout-header-tabs', { [className]: className })}\n      >\n        <Tabs className=\"tnt-layout-header-tabs-content\" ref={tabsRef}>\n          {tabItems.map((tab, index) => (\n            <TabItem\n              key={tab.key}\n              theme={theme}\n              className={cn({\n                active: selectedKey === tab.key,\n                activeTabPreSibling: tabItems[index + 1]?.key === selectedKey,\n              })}\n              onClick={() => onTabClick(tab, index)}\n            >\n              <a href={tab.key} onClick={(evt) => evt.preventDefault()}>\n                {\n                  {\n                    cn: tab.name,\n                    en: tab.enName || tab.name,\n                  }[language || 'cn']\n                }\n              </a>\n              {tab.closable !== false && tabItems.length > 1 && (\n                <Icon type=\"close\" onClick={closeTabHandle.bind(null, tab, index)} />\n              )}\n            </TabItem>\n          ))}\n        </Tabs>\n        {arrowVisible && (\n          <div className=\"tnt-layout-header-tabs-arrows\">\n            <Icon type=\"left\" onClick={onMoveToLeft} disabled={!tabsPositionFlags.start} />\n            <Icon type=\"right\" onClick={onMoveToRight} disabled={!tabsPositionFlags.end} />\n          </div>\n        )}\n      </TabsContainer>\n    )\n  }\n)\n\nexport default HeaderTabs\n"]}
+{"version":3,"file":"HeaderTabs.js","sourceRoot":"","sources":["../../src/tntd-layout/HeaderTabs.js"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useEffect, useRef } from 'react'\nimport styled, { withTheme } from 'styled-components'\nimport cn from 'classnames'\nimport { get } from 'lodash'\nimport Icon from '../tntd-icon'\n\nconst TabsContainer = styled.div`\n  display: flex;\n  flex: 1;\n  overflow: hidden;\n  position: relative;\n  margin-right: 12px;\n  margin-left: 4px;\n\n  .tnt-layout-header-tabs-arrows {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    font-size: 16px;\n    line-height: 36px;\n    height: 36px;\n    background: #fff !important;\n    color: rgba(255, 255, 255, 0.8) !important;\n    .tnt-icon {\n      cursor: pointer;\n      color: rgba(139, 145, 158, 1);\n      &[disabled] {\n        color: rgba(139, 145, 158, 0.5);\n        pointer-events: none;\n        cursor: not-allowed;\n      }\n    }\n    // background: #191D29;\n    // .tnt-icon {\n    //     cursor: pointer;\n    //     &[disabled] {\n    //         color: rgba(139, 145, 158, .5);\n    //         pointer-events: none;\n    //         cursor: not-allowed;\n    //     }\n    // }\n    // .tnt-themeS1 & {\n    //     background: #fff;\n    //     .tnt-icon {\n    //         color: rgba(139,145,158,1);\n    //     }\n    // }\n    // 多签页的箭头样式\n    // .tnt-themeS3 & {\n    //     background: ${(props) => `${props.theme.blueBgColor}`}; //#1D4295;\n    //     .tnt-icon {\n    //         color: rgba(255, 255, 255, .5);\n    //         &[disabled] {\n    //             color: rgba(139, 145, 158, .5);\n    //             pointer-events: none;\n    //             cursor: not-allowed;\n    //         }\n    //     }\n    // }\n  }\n`\nconst Tabs = styled.ul`\n  margin: 14px 0 0;\n  padding: 0;\n  list-style: none;\n  text-align: left;\n  height: 36px;\n  line-height: 36px;\n  flex: 1;\n  white-space: nowrap;\n  padding-right: 40px;\n  transition: transform 0.25s linear;\n  position: absolute;\n`\nconst TabItem = styled.li`\n  position: relative;\n  margin: 0;\n  padding: 0 20px 0 10px;\n  cursor: pointer;\n  display: inline-block;\n  line-height: ${(props) => (props.theme.size === 'large' ? '46px' : '36px')};\n  /* transition: background-color .5; */\n  width: 130px;\n  color: rgba(255, 255, 255, 0.6);\n\n  .tnt-icon[type='close'] {\n    display: none;\n    position: absolute;\n    right: 0;\n    top: 0;\n    font-size: 10px;\n    padding: 0 10px;\n    cursor: pointer;\n    z-index: 1;\n  }\n\n  &:not(:last-child):after {\n    position: absolute;\n    content: '';\n    right: 0;\n    top: 6px;\n    height: 24px;\n    width: 1px;\n    // opacity: .5;\n    // background: #fff;\n    background: #e1e6ee;\n    opacity: 0.5;\n    // .tnt-themeS1 & {\n    //     background: #E1E6EE;\n    //     opacity: 1;\n    // }\n  }\n\n  &.active,\n  &.activeTabPreSibling {\n    &:after {\n      display: none;\n    }\n  }\n\n  a {\n    font-size: 14px;\n    color: ${(props) => props.theme.headerActionsColor}; //rgba(255,255,255,.6);\n    text-rendering: optimizeLegibility;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    transition: none;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n    line-height: 36px;\n    width: 100%;\n    // &:hover {\n    //     color: rgba(255,255,255,.8);\n    // }\n    // .tnt-themeS1 & {\n    //     color: ${(props) => props.theme.headerActionsColor};\n    // }\n  }\n\n  &:hover,\n  &.active {\n    .tnt-icon[type='close'] {\n      display: unset;\n      color: #455064;\n      // .tnt-themeS1 & {\n      //     color: #455064;\n      // }\n    }\n  }\n\n  &.active {\n    background: #f1f2f5;\n    border-radius: 2px 2px 0 0;\n    color: ${(props) => props.theme.primaryTextColor};\n    font-weight: 600;\n\n    a {\n      color: ${(props) => props.theme.primaryTextColor};\n    }\n  }\n`\n\nexport const HeaderTabs = withTheme(\n  ({\n    theme,\n    className,\n    tabs = [],\n    onTabChange,\n    onTabSelect,\n    onTabClose,\n    appListVisible,\n    orgListVisible,\n    orgAppListVisible,\n    language,\n    ...props\n  }) => {\n    const [selectedKey, setSelectedKey] = useState(props.selectedKey || get(tabs, '0.key'))\n    const [tabItems, setTabItems] = useState(tabs || [])\n    const [arrowVisible, setArrowVisible] = useState(false)\n    const [tabsPositionFlags, setTabsPositionFlags] = useState({ start: true, end: true })\n    const tabsRef = useRef()\n\n    const getTabsDom = () => tabsRef.current\n\n    const onTabClick = (tab, index) => {\n      setSelectedKey(tab.key)\n      onTabSelect?.(tab)\n\n      if (selectedKey !== tab.key) {\n        onTabChange?.(tab)\n      }\n    }\n    const closeTabHandle = (tab, index, evt) => {\n      evt.stopPropagation()\n      const newTabItems = tabItems.filter(({ key }) => key !== tab.key)\n      let newSelectedKey = selectedKey\n\n      setTabItems(newTabItems)\n      if (tab.key === selectedKey) {\n        newSelectedKey = index === 0 ? newTabItems[0]?.key : newTabItems[index - 1]?.key\n        setSelectedKey(newSelectedKey)\n      }\n      onTabClose?.(\n        tab,\n        newTabItems,\n        newTabItems.find(({ key }) => key === newSelectedKey)\n      )\n    }\n    const onMoveToLeft = () => {\n      const tabsDom = getTabsDom()\n      const parentBBox = tabsDom.parentNode.getBoundingClientRect()\n      const parentWidth = parentBBox.width - 32\n      let x = Math.abs(+tabsDom.style.transform.replace(/[^\\d.-]/g, ''))\n      const index = Math.ceil(x / 130)\n      const trueX = index * 130\n      let newX = Math.min(0, -(trueX - parentWidth))\n      tabsDom.style.transform = `translateX(${newX}px)`\n\n      const width = tabItems.length * 130\n      setTabsPositionFlags({\n        start: newX < 0,\n        end: Math.abs(newX) < width - parentWidth,\n      })\n    }\n    const onMoveToRight = () => {\n      const tabsDom = getTabsDom()\n      const parentBBox = tabsDom.parentNode.getBoundingClientRect()\n      const parentWidth = parentBBox.width - 32\n      const width = tabItems.length * 130\n\n      let x = Math.abs(+tabsDom.style.transform.replace(/[^\\d.-]/g, ''))\n      const index = Math.floor(x / 130)\n      const trueX = index * 130\n      let newX = Math.max(-(width - parentWidth), -(trueX + parentWidth))\n      tabsDom.style.transform = `translateX(${newX}px)`\n\n      setTabsPositionFlags({\n        start: newX < 0,\n        end: Math.abs(newX) < width - parentWidth,\n      })\n    }\n\n    const translateTabsDom = (tabs, selectedKey) => {\n      if (!selectedKey) return\n      const index = tabs.indexOf(tabs.find(({ key }) => key === selectedKey))\n      if (index === -1) return\n      const tabsDom = getTabsDom()\n      let x = -+tabsDom.style.transform.replace(/[^\\d.-]/g, '')\n      const bbox = {\n        left: index * 130,\n        right: (index + 1) * 130,\n      }\n      const parentBBox = tabsDom.parentNode.getBoundingClientRect()\n      const parentWidth = parentBBox.width - 36\n      const width = tabItems.length * 130\n\n      let tailX = x + parentWidth //当前滑动窗口尾部坐标\n      let newX = -x\n      if (bbox.left < x) {\n        newX = -bbox.left\n      } else if (bbox.right >= tailX) {\n        newX = parentWidth - bbox.right\n      }\n      if (newX + width < parentWidth) {\n        newX = -(width - parentWidth)\n      }\n      newX = Math.min(0, newX)\n      tabsDom.style.transform = `translateX(${newX}px)`\n\n      setTabsPositionFlags({\n        start: newX < 0,\n        end: Math.abs(newX) < width - parentWidth,\n      })\n    }\n\n    useEffect(() => {\n      setSelectedKey(props.selectedKey || get(tabs, '0.key'))\n      // const t = [{'code':'tagdata','enName':'tagdata','icon':'layer-color','menuName':'打标数据管理打标数据管理打标数据管理','path':'/orion/tag/datalist','key':'tagdata','name':'打标数据管理打标数据管理打标数据管理'},{'code':'taglist','enName':'taglist','icon':'home','menuName':'标签管理','path':'http://baidu.com/orion/tag/list','key':'taglist','name':'标签管理'},{'code':'relation1','enName':'dadicasesearch1','icon':'home','menuName':'案件检索1','path':'/orion/case/relation1','key':'relation1','name':'案件检索1'},{'code':'dadicasesearch-0','enName':'dadicasesearch','icon':'home','menuName':'案件检索-0','path':'/orion/case/relation0','key':'dadicasesearch-0','name':'案件检索-0'},{'code':'dadicasesearch-1','enName':'dadicasesearch','icon':'home','menuName':'案件检索-1','path':'/orion/case/relation1','key':'dadicasesearch-1','name':'案件检索-1'},{'code':'dadicasesearch-2','enName':'dadicasesearch','icon':'home','menuName':'案件检索-2','path':'/orion/case/relation2','key':'dadicasesearch-2','name':'案件检索-2'},{'code':'dadicasesearch-3','enName':'dadicasesearch','icon':'home','menuName':'案件检索-3','path':'/orion/case/relation3','key':'dadicasesearch-3','name':'案件检索-3'},{'code':'dadicasesearch-4','enName':'dadicasesearch','icon':'home','menuName':'案件检索-4','path':'/orion/case/relation4','key':'dadicasesearch-4','name':'案件检索-4'},{'code':'dadicasesearch-5','enName':'dadicasesearch','icon':'home','menuName':'案件检索-5','path':'/orion/case/relation5','key':'dadicasesearch-5','name':'案件检索-5'},{'code':'dadicasesearch-6','enName':'dadicasesearch','icon':'home','menuName':'案件检索-6','path':'/orion/case/relation6','key':'dadicasesearch-6','name':'案件检索-6'},{'code':'dadicasesearch-7','enName':'dadicasesearch','icon':'home','menuName':'案件检索-7','path':'/orion/case/relation7','key':'dadicasesearch-7','name':'案件检索-7'},{'code':'dadicasesearch-8','enName':'dadicasesearch','icon':'home','menuName':'案件检索-8','path':'/orion/case/relation8','key':'dadicasesearch-8','name':'案件检索-8'}] ;\n      setTabItems(tabs)\n    }, [tabs, props.selectedKey])\n\n    useEffect(() => {}, [props.orgAppListVisible])\n\n    useEffect(() => {\n      const tabsDom = getTabsDom()\n\n      setArrowVisible(tabsDom.offsetWidth - tabsDom.parentNode.offsetWidth > 0)\n    }, [tabItems])\n\n    useEffect(() => {\n      translateTabsDom(tabItems, selectedKey)\n    }, [tabItems, selectedKey, appListVisible, orgListVisible, orgAppListVisible])\n\n    return (\n      <TabsContainer\n        {...props}\n        className={cn('tnt-layout-header-tabs', { [className]: className })}\n      >\n        <Tabs className=\"tnt-layout-header-tabs-content\" ref={tabsRef}>\n          {tabItems.map((tab, index) => (\n            <TabItem\n              key={tab.key}\n              theme={theme}\n              className={cn({\n                active: selectedKey === tab.key,\n                activeTabPreSibling: tabItems[index + 1]?.key === selectedKey,\n              })}\n              onClick={() => onTabClick(tab, index)}\n            >\n              <a href={tab.key} onClick={(evt) => evt.preventDefault()}>\n                {\n                  {\n                    cn: tab.name,\n                    en: tab.enName || tab.name,\n                  }[language || 'cn']\n                }\n              </a>\n              {tab.closable !== false && tabItems.length > 1 && (\n                <Icon type=\"close\" onClick={closeTabHandle.bind(null, tab, index)} />\n              )}\n            </TabItem>\n          ))}\n        </Tabs>\n        {arrowVisible && (\n          <div className=\"tnt-layout-header-tabs-arrows\">\n            <Icon type=\"left\" onClick={onMoveToLeft} disabled={!tabsPositionFlags.start} />\n            <Icon type=\"right\" onClick={onMoveToRight} disabled={!tabsPositionFlags.end} />\n          </div>\n        )}\n      </TabsContainer>\n    )\n  }\n)\n\nexport default HeaderTabs\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"Language.js","sourceRoot":"","sources":["../../src/tntd-layout/Language.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,uEAAqD;AACrD,mCAA4B;AAC5B,0DAAiC;AACjC,uCAA8D;AAE9D,MAAM,SAAS,GAAG;IAChB,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE;IAC3B,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE;CAC9B,CAAA;AACD,MAAM,YAAY,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;IACjD,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,GAAG,CAAA;IACpB,OAAO,GAAG,CAAA;AACZ,CAAC,EAAE,EAAE,CAAC,CAAA;AAEN,MAAM,QAAQ,GAAG,2BAAM,CAAC,EAAE,CAAA;eACX,CAAC,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;;iBAE3D,CAAC,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;;;;;iBAK7D,CAAC,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;WACnE,CAAC,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;;;;;;;;;CASvE,CAAA;AAED,kBAAe,IAAA,6BAAS,EAAC,CAAC,KAAK,EAAE,EAAE;IACjC,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IAC1B,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,IAAI,GAAG,IAAA,0BAAgB,GAAE,IAAI,KAAK,CAAC,QAAQ,CAAA;QAE/C,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE;YACvB,IAAI,GAAG,IAAA,YAAG,EAAC,SAAS,EAAE,SAAS,CAAC,CAAA;SACjC;QAED,OAAO,IAAI,CAAA;IACb,CAAC,CAAA;IACD,MAAM,CAAC,QAAQ,GAAG,IAAI,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,WAAW,EAAE,CAAC,CAAA;IAC9D,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,MAAM,IAAI,GAAG,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;QAE5C,WAAW,CAAC,IAAI,CAAC,CAAA;QACjB,IAAA,0BAAgB,EAAC,IAAI,CAAC,CAAA;QACtB,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAA;IAC5B,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,QAAQ,IAAC,OAAO,EAAE,cAAc;QAC/B,8BAAC,kBAAQ,IAAC,IAAI,EAAE,QAAQ,QAAQ,EAAE,GAAI;QACtC,4CAAO,IAAA,YAAG,EAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,CAAQ,CACzC,CACZ,CAAA;AACH,CAAC,CAAC,CAAA","sourcesContent":["import React, { useState } from 'react'\nimport styled, { withTheme } from 'styled-components'\nimport { get } from 'lodash'\nimport Iconfont from './Iconfont'\nimport { setLanguageStore, getLanguageStore } from './storage'\n\nconst languages = [\n  { value: 'cn', name: '中文' },\n  { value: 'en', name: ' EN ' },\n]\nconst languagesMap = languages.reduce((acc, cur) => {\n  acc[cur.value] = cur\n  return acc\n}, {})\n\nconst Language = styled.li`\n  font-size: ${({ theme: { size } }) => (size === 'large' ? '14px' : '12px')};\n  .tnt-icon {\n    font-size: ${({ theme: { size } }) => (size === 'large' ? '24px' : '20px')};\n    margin-right: 4px;\n  }\n  span {\n    position: relative;\n    font-size: ${({ theme: { size } }) => (size === 'large' ? '14px' : '12px')};\n    top: ${({ theme: { size } }) => (size === 'large' ? '-3px' : '-2px')};\n    font-family: auto;\n    .tnt-themeS1 & {\n      /* color: rgba(255,255,255,.85); */\n    }\n  }\n  .isInIframe & {\n    display: none;\n  }\n`\n\nexport default withTheme((props) => {\n  const { onChange } = props\n  const getLanguage = () => {\n    let lang = getLanguageStore() || props.language\n\n    if (!languagesMap[lang]) {\n      lang = get(languages, '0.value')\n    }\n\n    return lang\n  }\n  const [language = 'cn', setLanguage] = useState(getLanguage())\n  const switchLanguage = () => {\n    const lang = language === 'cn' ? 'en' : 'cn'\n\n    setLanguage(lang)\n    setLanguageStore(lang)\n    onChange && onChange(lang)\n  }\n\n  return (\n    <Language onClick={switchLanguage}>\n      <Iconfont type={`flag-${language}`} />\n      <span>{get(languagesMap[language], 'name')}</span>\n    </Language>\n  )\n})\n"]}
+{"version":3,"file":"Language.js","sourceRoot":"","sources":["../../src/tntd-layout/Language.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,uEAAqD;AACrD,mCAA4B;AAC5B,0DAAiC;AACjC,uCAA8D;AAE9D,MAAM,SAAS,GAAG;IAChB,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE;IAC3B,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE;CAC9B,CAAA;AACD,MAAM,YAAY,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;IACjD,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,GAAG,CAAA;IACpB,OAAO,GAAG,CAAA;AACZ,CAAC,EAAE,EAAE,CAAC,CAAA;AAEN,MAAM,QAAQ,GAAG,2BAAM,CAAC,EAAE,CAAA;eACX,CAAC,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;;iBAE3D,CAAC,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;;;;;iBAK7D,CAAC,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;WACnE,CAAC,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;;;;;;;;;CASvE,CAAA;AAED,kBAAe,IAAA,6BAAS,EAAC,CAAC,KAAK,EAAE,EAAE;IACjC,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IAC1B,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,IAAI,GAAG,IAAA,0BAAgB,GAAE,IAAI,KAAK,CAAC,QAAQ,CAAA;QAE/C,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE;YACvB,IAAI,GAAG,IAAA,YAAG,EAAC,SAAS,EAAE,SAAS,CAAC,CAAA;SACjC;QAED,OAAO,IAAI,CAAA;IACb,CAAC,CAAA;IACD,MAAM,CAAC,QAAQ,GAAG,IAAI,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,WAAW,EAAE,CAAC,CAAA;IAC9D,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,MAAM,IAAI,GAAG,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;QAE5C,WAAW,CAAC,IAAI,CAAC,CAAA;QACjB,IAAA,0BAAgB,EAAC,IAAI,CAAC,CAAA;QACtB,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAA;IAC5B,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,QAAQ,IAAC,OAAO,EAAE,cAAc;QAC/B,8BAAC,kBAAQ,IAAC,IAAI,EAAE,QAAQ,QAAQ,EAAE,GAAI;QACtC,4CAAO,IAAA,YAAG,EAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,CAAQ,CACzC,CACZ,CAAA;AACH,CAAC,CAAC,CAAA","sourcesContent":["import React, { useState } from 'react'\nimport styled, { withTheme } from 'styled-components'\nimport { get } from 'lodash'\nimport Iconfont from './Iconfont'\nimport { setLanguageStore, getLanguageStore } from './storage'\n\nconst languages = [\n  { value: 'cn', name: '中文' },\n  { value: 'en', name: ' EN ' },\n]\nconst languagesMap = languages.reduce((acc, cur) => {\n  acc[cur.value] = cur\n  return acc\n}, {})\n\nconst Language = styled.li`\n  font-size: ${({ theme: { size } }) => (size === 'large' ? '14px' : '12px')};\n  .tnt-icon {\n    font-size: ${({ theme: { size } }) => (size === 'large' ? '24px' : '20px')};\n    margin-right: 4px;\n  }\n  span {\n    position: relative;\n    font-size: ${({ theme: { size } }) => (size === 'large' ? '14px' : '12px')};\n    top: ${({ theme: { size } }) => (size === 'large' ? '-3px' : '-2px')};\n    font-family: auto;\n    .tnt-themeS1 & {\n      /* color: rgba(255,255,255,.85); */\n    }\n  }\n  .isInIframe & {\n    display: none;\n  }\n`\n\nexport default withTheme((props) => {\n  const { onChange } = props\n  const getLanguage = () => {\n    let lang = getLanguageStore() || props.language\n\n    if (!languagesMap[lang]) {\n      lang = get(languages, '0.value')\n    }\n\n    return lang\n  }\n  const [language = 'cn', setLanguage] = useState(getLanguage())\n  const switchLanguage = () => {\n    const lang = language === 'cn' ? 'en' : 'cn'\n\n    setLanguage(lang)\n    setLanguageStore(lang)\n    onChange && onChange(lang)\n  }\n\n  return (\n    <Language onClick={switchLanguage}>\n      <Iconfont type={`flag-${language}`} />\n      <span>{get(languagesMap[language], 'name')}</span>\n    </Language>\n  )\n})\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"Layout.js","sourceRoot":"","sources":["../../src/tntd-layout/Layout.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 { isUndefined } from 'lodash'\nimport Layout from '../layout'\nimport Icon from '../tntd-icon'\nimport Header from './Header'\nimport Logo from './Logo'\nimport SideMenu from './SideMenu'\nimport { getSideMenuStore, setSideMenuStore, getLanguageStore, getThemeStore } from './storage'\n\nconst { Content, Sider } = Layout\nconst TNTLayout = styled(Layout)`\n  position: relative;\n  .tnt-layout-sider {\n    overflow-x: hidden;\n    background: #191d29;\n  }\n  .tnt-layout-menu-collapse {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    line-height: 36px;\n    background: #191d29;\n    box-shadow: 0 0 6px 0 rgb(0 0 0 / 10%);\n    color: #fff;\n    width: 100%;\n    padding-left: 24px;\n    font-size: 14px;\n    cursor: pointer;\n  }\n  &.isInIframe,\n  &.isEmptyLayout {\n    .tnt-layout-sider {\n      display: none;\n    }\n  }\n  &.compatible .tnt-layout-sider {\n    background: linear-gradient(#213f83, #0f75d6) !important;\n  }\n  &.tnt-themeS1 {\n    .tnt-layout-sider {\n      background: #fff !important;\n      overflow-x: unset;\n    }\n    .tnt-layout-menu-collapse {\n      z-index: 3;\n      background: #fff;\n      color: ${(props) => props.theme.primaryTextColor};\n    }\n  }\n  // 蓝色系列\n  &.tnt-themeS3 {\n    .tnt-layout-sider {\n      background-image: linear-gradient(180deg, #213f83 0%, #0f75d6 100%) !important;\n      overflow-x: unset;\n    }\n    .tnt-layout-menu-collapse {\n      background: #207ad4;\n      color: #fff;\n    }\n  }\n  & > .ant-layout-content {\n    background-color: ${(props) => props.theme.lightBgColor};\n    & > div:nth-child(2) {\n      height: calc(100vh - 50px);\n      overflow: auto;\n    }\n  }\n  &.large-size > .ant-layout-content {\n    & > div:nth-child(2) {\n      height: calc(100vh - 60px);\n    }\n  }\n`\n\nexport default withTheme((props) => {\n  const {\n    type,\n    logo,\n    name,\n    enName,\n    selectedOrgKey,\n    orgAppShow,\n    orgList,\n    orgAppList,\n    onOrgChange,\n    selectedAppKey,\n    appList,\n    selectedMenuKey,\n    menuAlignMode = 'side',\n    collapseIconPlacement = 'right',\n    menus = [],\n    formatMenuPath,\n    changeRouter,\n    headerTabs,\n    orgTreeConfig,\n    headerNavs,\n    extraHeaderActions,\n    isInIframe,\n    isEmptyLayout,\n    onLogoClick = () => null,\n    onCollapseChange,\n    onThemeChange,\n    onLanguageChange,\n    onBeforeMenuChange,\n    onMenuChange,\n    onMenuSelect,\n    onAppChange,\n    onPersonalSetting,\n    onChangePassword,\n    onLogout,\n    config,\n    extendMap = {},\n    AvatarCustom, // 右上角用户信息自定义\n  } = props\n  let { collapsed: storeCollapsed, openKeys = [] } = getSideMenuStore()\n  const [collapsed, setCollapsed] = useState(\n    isUndefined(storeCollapsed) ? props.collapsed : storeCollapsed\n  )\n  const [openMenuKeys, setOpenMenuKeys] = useState(\n    (() => {\n      openKeys = collapsed ? [] : openKeys\n      openKeys = openKeys instanceof Array ? openKeys : []\n      return openKeys\n    })(openKeys)\n  )\n  const [userInfo, setUserInfo] = useState(props.userInfo || {})\n  let theme = getThemeStore() || extendMap?.defaultTheme || userInfo.theme || 'themeS2'\n  const language = getLanguageStore() || userInfo.lang || 'cn'\n  theme = theme === 'default' ? 'themeS2' : theme\n\n  const collapseChangeHandle = () => {\n    const { beforeOpenKeys = [] } = getSideMenuStore()\n    const newCollapsed = !collapsed\n\n    // 菜单收起：记住当前展开子菜单到store，并收起子菜单\n    if (newCollapsed) {\n      setSideMenuStore({\n        collapsed: newCollapsed,\n        beforeOpenKeys: openMenuKeys,\n      })\n      setOpenMenuKeys([])\n    } else {\n      // 菜单展开：恢复子菜单展开项，并更新到store\n      setSideMenuStore({\n        collapsed: newCollapsed,\n        openKeys: beforeOpenKeys,\n      })\n      setOpenMenuKeys(beforeOpenKeys)\n    }\n\n    setCollapsed(newCollapsed)\n    onCollapseChange && onCollapseChange(newCollapsed)\n  }\n\n  useEffect(() => {\n    setUserInfo(props.userInfo)\n  }, [props.userInfo])\n\n  return (\n    <TNTLayout\n      className={cn(`tnt-layout tnt-${theme} ${props.className || ''}`, {\n        'large-size': props.theme.size === 'large',\n        compatible: props.theme.compatible,\n        isInIframe,\n        isEmptyLayout,\n        noAppList: !appList,\n        hasHeaderTabs: !!headerTabs,\n        layoutMenusCollapsed: collapsed,\n        collapseIconPlacementBottom: collapseIconPlacement === 'bottom',\n      })}\n    >\n      <Sider\n        collapsible\n        breakpoint=\"md\"\n        className=\"tnt-layout-sider\"\n        collapsed={collapsed}\n        width={220}\n        trigger={null}\n      >\n        <Logo\n          language={language}\n          logo={logo}\n          name={name}\n          enName={enName}\n          collapsed={collapsed}\n          onClick={onLogoClick}\n        />\n        <SideMenu\n          language={language}\n          selectedKey={selectedMenuKey}\n          menuAlignMode={menuAlignMode}\n          menus={menus}\n          collapsed={collapsed}\n          openKeys={openMenuKeys}\n          onOpenChange={(keys) => {\n            if (!collapsed) {\n              setSideMenuStore({\n                openKeys: keys,\n                beforeOpenKeys: keys,\n              })\n            }\n\n            setOpenMenuKeys(keys)\n          }}\n          formatMenuPath={formatMenuPath}\n          changeRouter={changeRouter}\n          onBeforeChange={onBeforeMenuChange}\n          onChange={onMenuChange}\n          onSelect={onMenuSelect}\n        />\n        {collapseIconPlacement === 'bottom' && (\n          <div className=\"tnt-layout-menu-collapse\" onClick={collapseChangeHandle}>\n            <Icon type={`menu-${collapsed ? 'unfold' : 'fold'}`} />\n          </div>\n        )}\n      </Sider>\n      <Content>\n        <Header\n          type={type}\n          userInfo={userInfo}\n          config={config}\n          collapsed={collapsed}\n          collapseIconPlacement={collapseIconPlacement}\n          orgAppShow={orgAppShow}\n          orgList={orgList}\n          orgTreeConfig={orgTreeConfig}\n          orgAppList={orgAppList}\n          onOrgChange={onOrgChange}\n          selectedOrgKey={selectedOrgKey}\n          selectedAppKey={selectedAppKey}\n          appList={appList}\n          menus={menus}\n          headerTabs={headerTabs}\n          extraActions={extraHeaderActions}\n          onAppChange={onAppChange}\n          onCollapseChange={collapseChangeHandle}\n          AvatarCustom={AvatarCustom}\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          onPersonalSetting={onPersonalSetting}\n          onChangePassword={onChangePassword}\n          onLogout={onLogout}\n        >\n          {headerNavs}\n        </Header>\n        {props.children}\n      </Content>\n    </TNTLayout>\n  )\n})\n"]}
+{"version":3,"file":"Layout.js","sourceRoot":"","sources":["../../src/tntd-layout/Layout.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkD;AAClD,uEAAqD;AACrD,4DAA2B;AAC3B,mCAAoC;AACpC,uDAA8B;AAC9B,6DAA+B;AAC/B,sDAA6B;AAC7B,kDAAyB;AACzB,0DAAiC;AACjC,uCAA+F;AAE/F,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,gBAAM,CAAA;AACjC,MAAM,SAAS,GAAG,IAAA,2BAAM,EAAC,gBAAM,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAoCjB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,gBAAgB;;;;;;;;;;;;;;;wBAe9B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY;;;;;;;;;;;CAW1D,CAAA;AAED,kBAAe,IAAA,6BAAS,EAAC,CAAC,KAAK,EAAE,EAAE;IACjC,MAAM,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,cAAc,EACd,UAAU,EACV,OAAO,EACP,UAAU,EACV,WAAW,EACX,cAAc,EACd,OAAO,EACP,eAAe,EACf,aAAa,GAAG,MAAM,EACtB,qBAAqB,GAAG,OAAO,EAC/B,KAAK,GAAG,EAAE,EACV,cAAc,EACd,YAAY,EACZ,UAAU,EACV,aAAa,EACb,UAAU,EACV,kBAAkB,EAClB,UAAU,EACV,aAAa,EACb,WAAW,GAAG,GAAG,EAAE,CAAC,IAAI,EACxB,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,QAAQ,EACR,MAAM,EACN,SAAS,GAAG,EAAE,EACd,YAAY,EAAE,aAAa;MAC5B,GAAG,KAAK,CAAA;IACT,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,QAAQ,GAAG,EAAE,EAAE,GAAG,IAAA,0BAAgB,GAAE,CAAA;IACrE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EACxC,IAAA,oBAAW,EAAC,cAAc,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,CAC/D,CAAA;IACD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAC9C,CAAC,GAAG,EAAE;QACJ,QAAQ,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAA;QACpC,QAAQ,GAAG,QAAQ,YAAY,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAA;QACpD,OAAO,QAAQ,CAAA;IACjB,CAAC,CAAC,CAAC,QAAQ,CAAC,CACb,CAAA;IACD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAA;IAC9D,IAAI,KAAK,GAAG,IAAA,uBAAa,GAAE,KAAI,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,YAAY,CAAA,IAAI,QAAQ,CAAC,KAAK,IAAI,SAAS,CAAA;IACrF,MAAM,QAAQ,GAAG,IAAA,0BAAgB,GAAE,IAAI,QAAQ,CAAC,IAAI,IAAI,IAAI,CAAA;IAC5D,KAAK,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAA;IAE/C,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,MAAM,EAAE,cAAc,GAAG,EAAE,EAAE,GAAG,IAAA,0BAAgB,GAAE,CAAA;QAClD,MAAM,YAAY,GAAG,CAAC,SAAS,CAAA;QAE/B,8BAA8B;QAC9B,IAAI,YAAY,EAAE;YAChB,IAAA,0BAAgB,EAAC;gBACf,SAAS,EAAE,YAAY;gBACvB,cAAc,EAAE,YAAY;aAC7B,CAAC,CAAA;YACF,eAAe,CAAC,EAAE,CAAC,CAAA;SACpB;aAAM;YACL,0BAA0B;YAC1B,IAAA,0BAAgB,EAAC;gBACf,SAAS,EAAE,YAAY;gBACvB,QAAQ,EAAE,cAAc;aACzB,CAAC,CAAA;YACF,eAAe,CAAC,cAAc,CAAC,CAAA;SAChC;QAED,YAAY,CAAC,YAAY,CAAC,CAAA;QAC1B,gBAAgB,IAAI,gBAAgB,CAAC,YAAY,CAAC,CAAA;IACpD,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,WAAW,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;IAC7B,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEpB,OAAO,CACL,8BAAC,SAAS,IACR,SAAS,EAAE,IAAA,oBAAE,EAAC,kBAAkB,KAAK,IAAI,KAAK,CAAC,SAAS,IAAI,EAAE,EAAE,EAAE;YAChE,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO;YAC1C,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,UAAU;YAClC,UAAU;YACV,aAAa;YACb,SAAS,EAAE,CAAC,OAAO;YACnB,aAAa,EAAE,CAAC,CAAC,UAAU;YAC3B,oBAAoB,EAAE,SAAS;YAC/B,2BAA2B,EAAE,qBAAqB,KAAK,QAAQ;SAChE,CAAC;QAEF,8BAAC,KAAK,IACJ,WAAW,QACX,UAAU,EAAC,IAAI,EACf,SAAS,EAAC,kBAAkB,EAC5B,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,GAAG,EACV,OAAO,EAAE,IAAI;YAEb,8BAAC,cAAI,IACH,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,WAAW,GACpB;YACF,8BAAC,kBAAQ,IACP,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,eAAe,EAC5B,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,YAAY,EACtB,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;oBACrB,IAAI,CAAC,SAAS,EAAE;wBACd,IAAA,0BAAgB,EAAC;4BACf,QAAQ,EAAE,IAAI;4BACd,cAAc,EAAE,IAAI;yBACrB,CAAC,CAAA;qBACH;oBAED,eAAe,CAAC,IAAI,CAAC,CAAA;gBACvB,CAAC,EACD,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,kBAAkB,EAClC,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,YAAY,GACtB;YACD,qBAAqB,KAAK,QAAQ,IAAI,CACrC,uCAAK,SAAS,EAAC,0BAA0B,EAAC,OAAO,EAAE,oBAAoB;gBACrE,8BAAC,mBAAI,IAAC,IAAI,EAAE,QAAQ,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAI,CACnD,CACP,CACK;QACR,8BAAC,OAAO;YACN,8BAAC,gBAAM,IACL,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,qBAAqB,EAAE,qBAAqB,EAC5C,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,kBAAkB,EAChC,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,oBAAoB,EACtC,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;oBACvB,WAAW,iCACN,QAAQ,KACX,KAAK,IACL,CAAA;oBACF,aAAa,IAAI,aAAa,CAAC,KAAK,CAAC,CAAA;gBACvC,CAAC,EACD,gBAAgB,EAAE,CAAC,IAAI,EAAE,EAAE;oBACzB,WAAW,iCACN,QAAQ,KACX,IAAI,IACJ,CAAA;oBACF,gBAAgB,IAAI,gBAAgB,CAAC,IAAI,CAAC,CAAA;gBAC5C,CAAC,EACD,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,QAAQ,IAEjB,UAAU,CACJ;YACR,KAAK,CAAC,QAAQ,CACP,CACA,CACb,CAAA;AACH,CAAC,CAAC,CAAA","sourcesContent":["import React, { useState, useEffect } from 'react'\nimport styled, { withTheme } from 'styled-components'\nimport cn from 'classnames'\nimport { isUndefined } from 'lodash'\nimport Layout from '../layout'\nimport Icon from '../tntd-icon'\nimport Header from './Header'\nimport Logo from './Logo'\nimport SideMenu from './SideMenu'\nimport { getSideMenuStore, setSideMenuStore, getLanguageStore, getThemeStore } from './storage'\n\nconst { Content, Sider } = Layout\nconst TNTLayout = styled(Layout)`\n  position: relative;\n  .tnt-layout-sider {\n    overflow-x: hidden;\n    background: #191d29;\n  }\n  .tnt-layout-menu-collapse {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    line-height: 36px;\n    background: #191d29;\n    box-shadow: 0 0 6px 0 rgb(0 0 0 / 10%);\n    color: #fff;\n    width: 100%;\n    padding-left: 24px;\n    font-size: 14px;\n    cursor: pointer;\n  }\n  &.isInIframe,\n  &.isEmptyLayout {\n    .tnt-layout-sider {\n      display: none;\n    }\n  }\n  &.compatible .tnt-layout-sider {\n    background: linear-gradient(#213f83, #0f75d6) !important;\n  }\n  &.tnt-themeS1 {\n    .tnt-layout-sider {\n      background: #fff !important;\n      overflow-x: unset;\n    }\n    .tnt-layout-menu-collapse {\n      z-index: 3;\n      background: #fff;\n      color: ${(props) => props.theme.primaryTextColor};\n    }\n  }\n  // 蓝色系列\n  &.tnt-themeS3 {\n    .tnt-layout-sider {\n      background-image: linear-gradient(180deg, #213f83 0%, #0f75d6 100%) !important;\n      overflow-x: unset;\n    }\n    .tnt-layout-menu-collapse {\n      background: #207ad4;\n      color: #fff;\n    }\n  }\n  & > .ant-layout-content {\n    background-color: ${(props) => props.theme.lightBgColor};\n    & > div:nth-child(2) {\n      height: calc(100vh - 50px);\n      overflow: auto;\n    }\n  }\n  &.large-size > .ant-layout-content {\n    & > div:nth-child(2) {\n      height: calc(100vh - 60px);\n    }\n  }\n`\n\nexport default withTheme((props) => {\n  const {\n    type,\n    logo,\n    name,\n    enName,\n    selectedOrgKey,\n    orgAppShow,\n    orgList,\n    orgAppList,\n    onOrgChange,\n    selectedAppKey,\n    appList,\n    selectedMenuKey,\n    menuAlignMode = 'side',\n    collapseIconPlacement = 'right',\n    menus = [],\n    formatMenuPath,\n    changeRouter,\n    headerTabs,\n    orgTreeConfig,\n    headerNavs,\n    extraHeaderActions,\n    isInIframe,\n    isEmptyLayout,\n    onLogoClick = () => null,\n    onCollapseChange,\n    onThemeChange,\n    onLanguageChange,\n    onBeforeMenuChange,\n    onMenuChange,\n    onMenuSelect,\n    onAppChange,\n    onPersonalSetting,\n    onChangePassword,\n    onLogout,\n    config,\n    extendMap = {},\n    AvatarCustom, // 右上角用户信息自定义\n  } = props\n  let { collapsed: storeCollapsed, openKeys = [] } = getSideMenuStore()\n  const [collapsed, setCollapsed] = useState(\n    isUndefined(storeCollapsed) ? props.collapsed : storeCollapsed\n  )\n  const [openMenuKeys, setOpenMenuKeys] = useState(\n    (() => {\n      openKeys = collapsed ? [] : openKeys\n      openKeys = openKeys instanceof Array ? openKeys : []\n      return openKeys\n    })(openKeys)\n  )\n  const [userInfo, setUserInfo] = useState(props.userInfo || {})\n  let theme = getThemeStore() || extendMap?.defaultTheme || userInfo.theme || 'themeS2'\n  const language = getLanguageStore() || userInfo.lang || 'cn'\n  theme = theme === 'default' ? 'themeS2' : theme\n\n  const collapseChangeHandle = () => {\n    const { beforeOpenKeys = [] } = getSideMenuStore()\n    const newCollapsed = !collapsed\n\n    // 菜单收起：记住当前展开子菜单到store，并收起子菜单\n    if (newCollapsed) {\n      setSideMenuStore({\n        collapsed: newCollapsed,\n        beforeOpenKeys: openMenuKeys,\n      })\n      setOpenMenuKeys([])\n    } else {\n      // 菜单展开：恢复子菜单展开项，并更新到store\n      setSideMenuStore({\n        collapsed: newCollapsed,\n        openKeys: beforeOpenKeys,\n      })\n      setOpenMenuKeys(beforeOpenKeys)\n    }\n\n    setCollapsed(newCollapsed)\n    onCollapseChange && onCollapseChange(newCollapsed)\n  }\n\n  useEffect(() => {\n    setUserInfo(props.userInfo)\n  }, [props.userInfo])\n\n  return (\n    <TNTLayout\n      className={cn(`tnt-layout tnt-${theme} ${props.className || ''}`, {\n        'large-size': props.theme.size === 'large',\n        compatible: props.theme.compatible,\n        isInIframe,\n        isEmptyLayout,\n        noAppList: !appList,\n        hasHeaderTabs: !!headerTabs,\n        layoutMenusCollapsed: collapsed,\n        collapseIconPlacementBottom: collapseIconPlacement === 'bottom',\n      })}\n    >\n      <Sider\n        collapsible\n        breakpoint=\"md\"\n        className=\"tnt-layout-sider\"\n        collapsed={collapsed}\n        width={220}\n        trigger={null}\n      >\n        <Logo\n          language={language}\n          logo={logo}\n          name={name}\n          enName={enName}\n          collapsed={collapsed}\n          onClick={onLogoClick}\n        />\n        <SideMenu\n          language={language}\n          selectedKey={selectedMenuKey}\n          menuAlignMode={menuAlignMode}\n          menus={menus}\n          collapsed={collapsed}\n          openKeys={openMenuKeys}\n          onOpenChange={(keys) => {\n            if (!collapsed) {\n              setSideMenuStore({\n                openKeys: keys,\n                beforeOpenKeys: keys,\n              })\n            }\n\n            setOpenMenuKeys(keys)\n          }}\n          formatMenuPath={formatMenuPath}\n          changeRouter={changeRouter}\n          onBeforeChange={onBeforeMenuChange}\n          onChange={onMenuChange}\n          onSelect={onMenuSelect}\n        />\n        {collapseIconPlacement === 'bottom' && (\n          <div className=\"tnt-layout-menu-collapse\" onClick={collapseChangeHandle}>\n            <Icon type={`menu-${collapsed ? 'unfold' : 'fold'}`} />\n          </div>\n        )}\n      </Sider>\n      <Content>\n        <Header\n          type={type}\n          userInfo={userInfo}\n          config={config}\n          collapsed={collapsed}\n          collapseIconPlacement={collapseIconPlacement}\n          orgAppShow={orgAppShow}\n          orgList={orgList}\n          orgTreeConfig={orgTreeConfig}\n          orgAppList={orgAppList}\n          onOrgChange={onOrgChange}\n          selectedOrgKey={selectedOrgKey}\n          selectedAppKey={selectedAppKey}\n          appList={appList}\n          menus={menus}\n          headerTabs={headerTabs}\n          extraActions={extraHeaderActions}\n          onAppChange={onAppChange}\n          onCollapseChange={collapseChangeHandle}\n          AvatarCustom={AvatarCustom}\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          onPersonalSetting={onPersonalSetting}\n          onChangePassword={onChangePassword}\n          onLogout={onLogout}\n        >\n          {headerNavs}\n        </Header>\n        {props.children}\n      </Content>\n    </TNTLayout>\n  )\n})\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"Logo.js","sourceRoot":"","sources":["../../src/tntd-layout/Logo.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;GAGG;AACH,kDAAyB;AACzB,uEAAqD;AACrD,qCAAqC;AAErC,MAAM,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAA;YACX,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,YAAY,IAAI;iBACrC,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,YAAY,IAAI;;;;eAI5C,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,QAAQ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAkD7B,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,WAAW,aAAa;;;;;;;;;;;;;;;;;;;CAmBnE,CAAA;AAED,+BAA+B;AAC/B,MAAM,SAAS,GAAG,CAAC,GAAG,GAAG,EAAE,EAAE,EAAE;IAC7B,IAAI,GAAG,GAAG,CAAC,CAAA;IAEX,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACnC,IAAI,CAAC,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;QACzB,IAAI,WAAW,GAAG,CAAC,CAAA;QAEnB,OAAO;QACP,IAAI,CAAC,CAAC,IAAI,MAAM,IAAI,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,IAAI,MAAM,CAAC,EAAE;YAChE,WAAW,GAAG,CAAC,CAAA;SAChB;QAED,GAAG,IAAI,WAAW,CAAA;KACnB;IAED,OAAO,GAAG,CAAA;AACZ,CAAC,CAAA;AAED,kBAAe,IAAA,6BAAS,EAAC,CAAC,KAAK,EAAE,EAAE;;IACjC,MAAM,EACJ,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,SAAS,EACT,KAAK,EAAE,EAAE,IAAI,EAAE,GAChB,GAAG,KAAK,CAAA;IACT,MAAM,cAAc,GAAG,SAAS,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;IACnE,MAAM,QAAQ,GACZ;QACE,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;KACP,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5E,MAAM,OAAO,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,CACzB,qDACE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,CAAC,CAAC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAA;YACvB,CAAC,CAAC,MAAM,CAAC,GAAG,GAAG,mBAAU,CAAC,OAAO,CAAA;QACnC,CAAC,IACG,KAAK,EACT,CACH,CAAA;IAED,OAAO,CACL,8BAAC,IAAI,oBAAK,KAAK,IAAE,QAAQ,EAAE,QAAQ;QAChC,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC1B,8BAAC,OAAO,IAAC,GAAG,EAAE,mBAAU,CAAC,IAAI,CAAC,IAAI,mBAAU,CAAC,OAAO,GAAI,CACzD,CAAC,CAAC,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CAChC,8BAAC,OAAO,oBAAK,IAAI,CAAC,KAAK,IAAE,GAAG,EAAE,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,GAAG,KAAI,mBAAU,CAAC,OAAO,IAAI,CACxE,CAAC,CAAC,CAAC,CACF,IAAI,CACL;QACA,SAAS;YACR,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC;gBACE,EAAE,EAAE,IAAI;gBACR,EAAE,EAAE,MAAM;aACX,CAAC,QAAQ,CAAC,CACV,CACR,CAAA;AACH,CAAC,CAAC,CAAA","sourcesContent":["/**\n * @file Logo\n * @author zhangyou\n */\nimport React from 'react'\nimport styled, { withTheme } from 'styled-components'\nimport { logoImgMap } from './images'\n\nconst Logo = styled.div`\n  height: ${(props) => `${props.theme.headerHeight}px`};\n  line-height: ${(props) => `${props.theme.headerHeight}px`};\n  padding-left: 15px;\n  width: 220px;\n  background: #191d29;\n  font-size: ${(props) => `${props.fontSize}px`};\n  color: rgba(226, 237, 255, 0.9);\n  letter-spacing: 0;\n  position: relative;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  &:after {\n    position: absolute;\n    bottom: -12px;\n    left: 0;\n    background-image: linear-gradient(0deg, #191d29 23%, #151924 93%);\n    content: '';\n    width: 100%;\n    height: 12px;\n  }\n\n  .ant-layout-sider-collapsed & {\n    padding-left: 26px;\n  }\n\n  .compatible & {\n    background: #213f83;\n    color: #a1d7ff;\n    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.3);\n    &:after {\n      display: none;\n    }\n  }\n  cursor: pointer;\n  font-weight: 400;\n  text-rendering: optimizeLegibility;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n\n  .tnt-themeS1 & {\n    background: #ffffff !important;\n    box-shadow: 2px 3px 8px -1px rgba(0, 0, 0, 0.15);\n    color: #17233d;\n    &:after {\n      display: none;\n    }\n  }\n\n  .tnt-themeS1.compatible & {\n    background: #323b4a;\n  }\n\n  // 蓝色主题\n  .tnt-themeS3 & {\n    background: ${(props) => `${props.theme.blueBgColor} !important`}; //#1D4295 !important;\n    box-shadow: 2px 3px 8px -1px rgba(0, 0, 0, 0.15);\n    color: #ffffff;\n    &:after {\n      display: none;\n    }\n  }\n\n  img {\n    position: relative;\n    top: -1px;\n    width: 23px;\n    height: 23px;\n    margin-right: 12px;\n    .large-size & {\n      width: 28px;\n      height: 28px;\n    }\n  }\n`\n\n// JS判断字符串长度（英文占1个字符，中文汉字占2个字符）\nconst getStrLen = (str = '') => {\n  let len = 0\n\n  for (let i = 0; i < str.length; i++) {\n    let c = str.charCodeAt(i)\n    let chartLength = 2\n\n    //单字节加1\n    if ((c >= 0x0001 && c <= 0x007e) || (0xff60 <= c && c <= 0xff9f)) {\n      chartLength = 1\n    }\n\n    len += chartLength\n  }\n\n  return len\n}\n\nexport default withTheme((props) => {\n  const {\n    logo,\n    name,\n    enName,\n    language,\n    collapsed,\n    theme: { size },\n  } = props\n  const productNameLen = getStrLen(language === 'cn' ? name : enName)\n  const fontSize =\n    {\n      12: 19,\n      13: 18,\n      14: 17,\n      15: 16,\n      16: 15,\n    }[Math.max(12, Math.min(productNameLen, 16))] + (size === 'large' ? 1 : 0)\n  const LogoImg = (props) => (\n    <img\n      onError={(e) => {\n        e.target.onerror = null\n        e.target.src = logoImgMap.default\n      }}\n      {...props}\n    />\n  )\n\n  return (\n    <Logo {...props} fontSize={fontSize}>\n      {typeof logo === 'string' ? (\n        <LogoImg src={logoImgMap[logo] || logoImgMap.default} />\n      ) : logo && logo.type === 'img' ? (\n        <LogoImg {...logo.props} src={logo.props?.src || logoImgMap.default} />\n      ) : (\n        logo\n      )}\n      {collapsed\n        ? ''\n        : {\n            cn: name,\n            en: enName,\n          }[language]}\n    </Logo>\n  )\n})\n"]}
+{"version":3,"file":"Logo.js","sourceRoot":"","sources":["../../src/tntd-layout/Logo.js"],"names":[],"mappings":"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","sourcesContent":["/**\n * @file Logo\n * @author zhangyou\n */\nimport React from 'react'\nimport styled, { withTheme } from 'styled-components'\nimport { logoImgMap } from './images'\n\nconst Logo = styled.div`\n  height: ${(props) => `${props.theme.headerHeight}px`};\n  line-height: ${(props) => `${props.theme.headerHeight}px`};\n  padding-left: 15px;\n  width: 220px;\n  background: #191d29;\n  font-size: ${(props) => `${props.fontSize}px`};\n  color: rgba(226, 237, 255, 0.9);\n  letter-spacing: 0;\n  position: relative;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  &:after {\n    position: absolute;\n    bottom: -12px;\n    left: 0;\n    background-image: linear-gradient(0deg, #191d29 23%, #151924 93%);\n    content: '';\n    width: 100%;\n    height: 12px;\n  }\n\n  .ant-layout-sider-collapsed & {\n    padding-left: 26px;\n  }\n\n  .compatible & {\n    background: #213f83;\n    color: #a1d7ff;\n    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.3);\n    &:after {\n      display: none;\n    }\n  }\n  cursor: pointer;\n  font-weight: 400;\n  text-rendering: optimizeLegibility;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n\n  .tnt-themeS1 & {\n    background: #ffffff !important;\n    box-shadow: 2px 3px 8px -1px rgba(0, 0, 0, 0.15);\n    color: #17233d;\n    &:after {\n      display: none;\n    }\n  }\n\n  .tnt-themeS1.compatible & {\n    background: #323b4a;\n  }\n\n  // 蓝色主题\n  .tnt-themeS3 & {\n    background: ${(props) => `${props.theme.blueBgColor} !important`}; //#1D4295 !important;\n    box-shadow: 2px 3px 8px -1px rgba(0, 0, 0, 0.15);\n    color: #ffffff;\n    &:after {\n      display: none;\n    }\n  }\n\n  img {\n    position: relative;\n    top: -1px;\n    width: 23px;\n    height: 23px;\n    margin-right: 12px;\n    .large-size & {\n      width: 28px;\n      height: 28px;\n    }\n  }\n`\n\n// JS判断字符串长度（英文占1个字符，中文汉字占2个字符）\nconst getStrLen = (str = '') => {\n  let len = 0\n\n  for (let i = 0; i < str.length; i++) {\n    let c = str.charCodeAt(i)\n    let chartLength = 2\n\n    //单字节加1\n    if ((c >= 0x0001 && c <= 0x007e) || (0xff60 <= c && c <= 0xff9f)) {\n      chartLength = 1\n    }\n\n    len += chartLength\n  }\n\n  return len\n}\n\nexport default withTheme((props) => {\n  const {\n    logo,\n    name,\n    enName,\n    language,\n    collapsed,\n    theme: { size },\n  } = props\n  const productNameLen = getStrLen(language === 'cn' ? name : enName)\n  const fontSize =\n    {\n      12: 19,\n      13: 18,\n      14: 17,\n      15: 16,\n      16: 15,\n    }[Math.max(12, Math.min(productNameLen, 16))] + (size === 'large' ? 1 : 0)\n  const LogoImg = (props) => (\n    <img\n      onError={(e) => {\n        e.target.onerror = null\n        e.target.src = logoImgMap.default\n      }}\n      {...props}\n    />\n  )\n\n  return (\n    <Logo {...props} fontSize={fontSize}>\n      {typeof logo === 'string' ? (\n        <LogoImg src={logoImgMap[logo] || logoImgMap.default} />\n      ) : logo && logo.type === 'img' ? (\n        <LogoImg {...logo.props} src={logo.props?.src || logoImgMap.default} />\n      ) : (\n        logo\n      )}\n      {collapsed\n        ? ''\n        : {\n            cn: name,\n            en: enName,\n          }[language]}\n    </Logo>\n  )\n})\n"]}

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