tntd 1.4.7 → 1.4.10

package/dist/stats.json

@@ -5,9 +5,9 @@
     "entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.\nEntrypoints:\n  main (600 KiB)\n      tntd.css\n      tntd.js\n"
   ],
   "version": "4.46.0",
-  "hash": "6663dbe2cf6a223a85d5",
-  "time": 26376,
-  "builtAt": 1652779562208,
+  "hash": "603c3a699732ae74f12b",
+  "time": 27228,
+  "builtAt": 1658116898638,
   "publicPath": "",
   "outputPath": "/Users/wangxiaofei/git/tntd/dist",
   "assetsByChunkName": {
@@ -35,7 +35,7 @@
     },
     {
       "name": "1.tntd.js",
-      "size": 6995,
+      "size": 6989,
       "chunks": [
         1
       ],
@@ -137,7 +137,7 @@
     },
     {
       "name": "tntd.js",
-      "size": 601198,
+      "size": 601275,
       "chunks": [
         0
       ],
@@ -184,7 +184,7 @@
       "rendered": true,
       "initial": true,
       "entry": true,
-      "size": 890762,
+      "size": 890904,
       "names": [
         "main"
       ],
@@ -192,7 +192,7 @@
         "tntd.css",
         "tntd.js"
       ],
-      "hash": "f312ac7605a22d34312b",
+      "hash": "8467c64b3e73cbd2e5b0",
       "siblings": [],
       "parents": [],
       "children": [
@@ -1662,7 +1662,7 @@
               "moduleName": "./components/index.js + 88 modules",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "82:18-26"
+              "loc": "83:9-14"
             },
             {
               "moduleId": 87,
@@ -1671,7 +1671,7 @@
               "moduleName": "./components/index.js + 88 modules",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "83:9-14"
+              "loc": "83:18-26"
             },
             {
               "moduleId": 87,
@@ -1707,7 +1707,7 @@
               "moduleName": "./components/index.js + 88 modules",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "87:19-27"
+              "loc": "88:2-11"
             },
             {
               "moduleId": 87,
@@ -1716,7 +1716,7 @@
               "moduleName": "./components/index.js + 88 modules",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "88:2-11"
+              "loc": "88:19-27"
             },
             {
               "moduleId": 87,
@@ -1752,7 +1752,7 @@
               "moduleName": "./components/index.js + 88 modules",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "92:19-27"
+              "loc": "93:19-27"
             },
             {
               "moduleId": 87,
@@ -1788,7 +1788,7 @@
               "moduleName": "./components/index.js + 88 modules",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "97:19-27"
+              "loc": "98:16-26"
             },
             {
               "moduleId": 87,
@@ -1797,7 +1797,7 @@
               "moduleName": "./components/index.js + 88 modules",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "98:16-26"
+              "loc": "98:19-27"
             },
             {
               "moduleId": 87,
@@ -1851,7 +1851,7 @@
               "moduleName": "./components/index.js + 88 modules",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "105:16-22"
+              "loc": "106:11-16"
             },
             {
               "moduleId": 87,
@@ -1860,7 +1860,7 @@
               "moduleName": "./components/index.js + 88 modules",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "106:11-16"
+              "loc": "106:16-22"
             },
             {
               "moduleId": 87,
@@ -2490,7 +2490,7 @@
               "moduleName": "./components/index.js + 88 modules",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "212:2-11"
+              "loc": "213:2-11"
             },
             {
               "moduleId": 87,
@@ -2508,7 +2508,7 @@
               "moduleName": "./components/index.js + 88 modules",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "217:2-11"
+              "loc": "217:13-18"
             },
             {
               "moduleId": 87,
@@ -2517,7 +2517,7 @@
               "moduleName": "./components/index.js + 88 modules",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "217:13-18"
+              "loc": "218:2-11"
             },
             {
               "moduleId": 87,
@@ -2526,7 +2526,7 @@
               "moduleName": "./components/index.js + 88 modules",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "218:2-11"
+              "loc": "218:13-18"
             },
             {
               "moduleId": 87,
@@ -2535,7 +2535,7 @@
               "moduleName": "./components/index.js + 88 modules",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "218:13-18"
+              "loc": "219:2-11"
             },
             {
               "moduleId": 87,
@@ -2553,7 +2553,7 @@
               "moduleName": "./components/index.js + 88 modules",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "222:2-11"
+              "loc": "223:2-11"
             },
             {
               "moduleId": 87,
@@ -2909,9 +2909,9 @@
           "chunks": [
             0
           ],
-          "issuer": "/Users/wangxiaofei/git/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/wangxiaofei/git/tntd/components/QueryForm/index.js",
+          "issuer": "/Users/wangxiaofei/git/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/wangxiaofei/git/tntd/components/Table/ResizableTable/index.js",
           "issuerId": null,
-          "issuerName": "./components/QueryForm/index.js",
+          "issuerName": "./components/Table/ResizableTable/index.js",
           "issuerPath": [
             {
               "id": null,
@@ -2920,8 +2920,8 @@
             },
             {
               "id": null,
-              "identifier": "/Users/wangxiaofei/git/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/wangxiaofei/git/tntd/components/QueryForm/index.js",
-              "name": "./components/QueryForm/index.js"
+              "identifier": "/Users/wangxiaofei/git/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/wangxiaofei/git/tntd/components/Table/ResizableTable/index.js",
+              "name": "./components/Table/ResizableTable/index.js"
             }
           ],
           "failed": false,
@@ -5020,9 +5020,9 @@
           "chunks": [
             0
           ],
-          "issuer": "/Users/wangxiaofei/git/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/wangxiaofei/git/tntd/components/QueryForm/index.js",
+          "issuer": "/Users/wangxiaofei/git/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/wangxiaofei/git/tntd/components/Table/ResizableTable/index.js",
           "issuerId": null,
-          "issuerName": "./components/QueryForm/index.js",
+          "issuerName": "./components/Table/ResizableTable/index.js",
           "issuerPath": [
             {
               "id": null,
@@ -5031,8 +5031,8 @@
             },
             {
               "id": null,
-              "identifier": "/Users/wangxiaofei/git/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/wangxiaofei/git/tntd/components/QueryForm/index.js",
-              "name": "./components/QueryForm/index.js"
+              "identifier": "/Users/wangxiaofei/git/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/wangxiaofei/git/tntd/components/Table/ResizableTable/index.js",
+              "name": "./components/Table/ResizableTable/index.js"
             }
           ],
           "failed": false,
@@ -5488,7 +5488,7 @@
               "moduleName": "./components/index.js + 88 modules",
               "type": "harmony import specifier",
               "userRequest": "lodash",
-              "loc": "82:48-51"
+              "loc": "82:67-70"
             },
             {
               "moduleId": 87,
@@ -5497,7 +5497,7 @@
               "moduleName": "./components/index.js + 88 modules",
               "type": "harmony import specifier",
               "userRequest": "lodash",
-              "loc": "82:67-70"
+              "loc": "83:48-51"
             },
             {
               "moduleId": 87,
@@ -5821,7 +5821,7 @@
               "moduleName": "./components/index.js + 88 modules",
               "type": "harmony import specifier",
               "userRequest": "lodash",
-              "loc": "213:40-43"
+              "loc": "214:40-43"
             },
             {
               "moduleId": 87,
@@ -5913,9 +5913,9 @@
           "chunks": [
             0
           ],
-          "issuer": "/Users/wangxiaofei/git/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/wangxiaofei/git/tntd/components/QueryForm/index.js",
+          "issuer": "/Users/wangxiaofei/git/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/wangxiaofei/git/tntd/components/Table/ResizableTable/index.js",
           "issuerId": null,
-          "issuerName": "./components/QueryForm/index.js",
+          "issuerName": "./components/Table/ResizableTable/index.js",
           "issuerPath": [
             {
               "id": null,
@@ -5924,8 +5924,8 @@
             },
             {
               "id": null,
-              "identifier": "/Users/wangxiaofei/git/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/wangxiaofei/git/tntd/components/QueryForm/index.js",
-              "name": "./components/QueryForm/index.js"
+              "identifier": "/Users/wangxiaofei/git/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/wangxiaofei/git/tntd/components/Table/ResizableTable/index.js",
+              "name": "./components/Table/ResizableTable/index.js"
             }
           ],
           "failed": false,
@@ -6363,7 +6363,7 @@
               "moduleName": "./components/index.js + 88 modules",
               "type": "harmony import specifier",
               "userRequest": "classnames",
-              "loc": "226:15-17"
+              "loc": "227:15-17"
             },
             {
               "moduleId": 87,
@@ -6372,7 +6372,7 @@
               "moduleName": "./components/index.js + 88 modules",
               "type": "harmony import specifier",
               "userRequest": "classnames",
-              "loc": "236:17-19"
+              "loc": "237:17-19"
             },
             {
               "moduleId": 87,
@@ -7780,9 +7780,9 @@
           "chunks": [
             0
           ],
-          "issuer": "/Users/wangxiaofei/git/tntd/node_modules/react-resizable/build/Resizable.js",
-          "issuerId": 15,
-          "issuerName": "./node_modules/react-resizable/build/Resizable.js",
+          "issuer": "/Users/wangxiaofei/git/tntd/node_modules/react-resizable/build/ResizableBox.js",
+          "issuerId": 85,
+          "issuerName": "./node_modules/react-resizable/build/ResizableBox.js",
           "issuerPath": [
             {
               "id": null,
@@ -7800,9 +7800,9 @@
               "name": "./node_modules/react-resizable/index.js"
             },
             {
-              "id": 15,
-              "identifier": "/Users/wangxiaofei/git/tntd/node_modules/react-resizable/build/Resizable.js",
-              "name": "./node_modules/react-resizable/build/Resizable.js"
+              "id": 85,
+              "identifier": "/Users/wangxiaofei/git/tntd/node_modules/react-resizable/build/ResizableBox.js",
+              "name": "./node_modules/react-resizable/build/ResizableBox.js"
             }
           ],
           "failed": false,
@@ -12767,7 +12767,7 @@
           "name": "./components/index.js + 88 modules",
           "index": 0,
           "index2": 187,
-          "size": 398580,
+          "size": 398722,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -13213,7 +13213,7 @@
                   "moduleName": "./components/Layout/HeaderTabs.js",
                   "type": "harmony import specifier",
                   "userRequest": "../Icon",
-                  "loc": "248:61-65"
+                  "loc": "252:95-99"
                 },
                 {
                   "moduleId": null,
@@ -13222,7 +13222,7 @@
                   "moduleName": "./components/Layout/HeaderTabs.js",
                   "type": "harmony import specifier",
                   "userRequest": "../Icon",
-                  "loc": "254:25-29"
+                  "loc": "258:25-29"
                 },
                 {
                   "moduleId": null,
@@ -13231,7 +13231,7 @@
                   "moduleName": "./components/Layout/HeaderTabs.js",
                   "type": "harmony import specifier",
                   "userRequest": "../Icon",
-                  "loc": "258:26-30"
+                  "loc": "262:26-30"
                 }
               ],
               "usedExports": [
@@ -15768,7 +15768,7 @@
               "name": "./components/Layout/HeaderTabs.js",
               "index": 108,
               "index2": 106,
-              "size": 16138,
+              "size": 16280,
               "cacheable": true,
               "built": true,
               "optional": false,
@@ -15822,7 +15822,7 @@
               ],
               "optimizationBailout": [],
               "depth": 2,
-              "source": "function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); }\n\nfunction _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === \"[object Arguments]\")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nfunction _templateObject3() {\n  var data = _taggedTemplateLiteral([\"\\n    position: relative;\\n    margin: 0;\\n    padding: 0 20px 0 10px;\\n    cursor: pointer;\\n    display: inline-block;\\n    line-height: \", \";\\n    /* transition: background-color .5; */\\n    width: 130px;\\n    color: rgba(255,255,255,.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: .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: \", \";//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: \", \";\\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: \", \";\\n        font-weight: 600;\\n\\n        a {\\n            color: \", \";\\n        }\\n    }\\n\"]);\n\n  _templateObject3 = function _templateObject3() {\n    return data;\n  };\n\n  return data;\n}\n\nfunction _templateObject2() {\n  var data = _taggedTemplateLiteral([\"\\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 .25s linear;\\n    position:absolute;\\n\"]);\n\n  _templateObject2 = function _templateObject2() {\n    return data;\n  };\n\n  return data;\n}\n\nfunction _templateObject() {\n  var data = _taggedTemplateLiteral([\"\\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,.8)  !important;\\n        .tnt-icon {\\n            cursor: pointer;\\n            color: rgba(139,145,158,1);\\n            &[disabled] {\\n                color: rgba(139, 145, 158, .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        // \\u591A\\u7B7E\\u9875\\u7684\\u7BAD\\u5934\\u6837\\u5F0F\\n        // .tnt-themeS3 & {\\n        //     background: \", \"; //#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\"]);\n\n  _templateObject = function _templateObject() {\n    return data;\n  };\n\n  return data;\n}\n\nfunction _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }\n\nimport { useState, useEffect, useRef } from 'react';\nimport styled, { withTheme } from 'styled-components';\nimport cn from 'classnames';\nimport { get } from 'lodash';\nimport Icon from '../Icon';\nvar TabsContainer = styled.div(_templateObject(), function (props) {\n  return \"\".concat(props.theme.blueBgColor);\n});\nvar Tabs = styled.ul(_templateObject2());\nvar TabItem = styled.li(_templateObject3(), function (props) {\n  return props.theme.size === 'large' ? '46px' : '36px';\n}, function (props) {\n  return props.theme.headerActionsColor;\n}, function (props) {\n  return props.theme.headerActionsColor;\n}, function (props) {\n  return props.theme.primaryTextColor;\n}, function (props) {\n  return props.theme.primaryTextColor;\n});\nexport var HeaderTabs = withTheme(function (_ref) {\n  var theme = _ref.theme,\n      className = _ref.className,\n      _ref$tabs = _ref.tabs,\n      tabs = _ref$tabs === void 0 ? [] : _ref$tabs,\n      onTabChange = _ref.onTabChange,\n      onTabSelect = _ref.onTabSelect,\n      onTabClose = _ref.onTabClose,\n      appListVisible = _ref.appListVisible,\n      orgListVisible = _ref.orgListVisible,\n      orgAppListVisible = _ref.orgAppListVisible,\n      props = _objectWithoutProperties(_ref, [\"theme\", \"className\", \"tabs\", \"onTabChange\", \"onTabSelect\", \"onTabClose\", \"appListVisible\", \"orgListVisible\", \"orgAppListVisible\"]);\n\n  var _useState = useState(props.selectedKey || get(tabs, '0.key')),\n      _useState2 = _slicedToArray(_useState, 2),\n      selectedKey = _useState2[0],\n      setSelectedKey = _useState2[1];\n\n  var _useState3 = useState(tabs || []),\n      _useState4 = _slicedToArray(_useState3, 2),\n      tabItems = _useState4[0],\n      setTabItems = _useState4[1];\n\n  var _useState5 = useState(false),\n      _useState6 = _slicedToArray(_useState5, 2),\n      arrowVisible = _useState6[0],\n      setArrowVisible = _useState6[1];\n\n  var _useState7 = useState({\n    start: true,\n    end: true\n  }),\n      _useState8 = _slicedToArray(_useState7, 2),\n      tabsPositionFlags = _useState8[0],\n      setTabsPositionFlags = _useState8[1];\n\n  var tabsRef = useRef();\n\n  var getTabsDom = function getTabsDom() {\n    return tabsRef.current;\n  };\n\n  var onTabClick = function onTabClick(tab, index) {\n    setSelectedKey(tab.key);\n    onTabSelect == null ? void 0 : onTabSelect(tab);\n\n    if (selectedKey !== tab.key) {\n      onTabChange == null ? void 0 : onTabChange(tab);\n    }\n  };\n\n  var closeTabHandle = function closeTabHandle(tab, index, evt) {\n    evt.stopPropagation();\n    var newTabItems = tabItems.filter(function (_ref2) {\n      var key = _ref2.key;\n      return key !== tab.key;\n    });\n    var newSelectedKey = selectedKey;\n    setTabItems(newTabItems);\n\n    if (tab.key === selectedKey) {\n      var _newTabItems$, _newTabItems;\n\n      newSelectedKey = index === 0 ? (_newTabItems$ = newTabItems[0]) == null ? void 0 : _newTabItems$.key : (_newTabItems = newTabItems[index - 1]) == null ? void 0 : _newTabItems.key;\n      setSelectedKey(newSelectedKey);\n    }\n\n    onTabClose == null ? void 0 : onTabClose(tab, newTabItems, newTabItems.find(function (_ref3) {\n      var key = _ref3.key;\n      return key === newSelectedKey;\n    }));\n  };\n\n  var onMoveToLeft = function onMoveToLeft() {\n    var tabsDom = getTabsDom();\n    var parentBBox = tabsDom.parentNode.getBoundingClientRect();\n    var parentWidth = parentBBox.width - 32;\n    var x = Math.abs(+tabsDom.style.transform.replace(/[^\\d.-]/g, ''));\n    var index = Math.ceil(x / 130);\n    var trueX = index * 130;\n    var newX = Math.min(0, -(trueX - parentWidth));\n    tabsDom.style.transform = \"translateX(\".concat(newX, \"px)\");\n    var width = tabItems.length * 130;\n    setTabsPositionFlags({\n      start: newX < 0,\n      end: Math.abs(newX) < width - parentWidth\n    });\n  };\n\n  var onMoveToRight = function onMoveToRight() {\n    var tabsDom = getTabsDom();\n    var parentBBox = tabsDom.parentNode.getBoundingClientRect();\n    var parentWidth = parentBBox.width - 32;\n    var width = tabItems.length * 130;\n    var x = Math.abs(+tabsDom.style.transform.replace(/[^\\d.-]/g, ''));\n    var index = Math.floor(x / 130);\n    var trueX = index * 130;\n    var newX = Math.max(-(width - parentWidth), -(trueX + parentWidth));\n    tabsDom.style.transform = \"translateX(\".concat(newX, \"px)\");\n    setTabsPositionFlags({\n      start: newX < 0,\n      end: Math.abs(newX) < width - parentWidth\n    });\n  };\n\n  var translateTabsDom = function translateTabsDom(tabs, selectedKey) {\n    if (!selectedKey) return;\n    var index = tabs.indexOf(tabs.find(function (_ref4) {\n      var key = _ref4.key;\n      return key === selectedKey;\n    }));\n    if (index === -1) return;\n    var tabsDom = getTabsDom();\n    var x = -+tabsDom.style.transform.replace(/[^\\d.-]/g, '');\n    var bbox = {\n      left: index * 130,\n      right: (index + 1) * 130\n    };\n    var parentBBox = tabsDom.parentNode.getBoundingClientRect();\n    var parentWidth = parentBBox.width - 36;\n    var width = tabItems.length * 130;\n    var tailX = x + parentWidth; //当前滑动窗口尾部坐标\n\n    var newX = -x;\n\n    if (bbox.left < x) {\n      newX = -bbox.left;\n    } else if (bbox.right >= tailX) {\n      newX = parentWidth - bbox.right;\n    }\n\n    if (newX + width < parentWidth) {\n      newX = -(width - parentWidth);\n    }\n\n    newX = Math.min(0, newX);\n    tabsDom.style.transform = \"translateX(\".concat(newX, \"px)\");\n    setTabsPositionFlags({\n      start: newX < 0,\n      end: Math.abs(newX) < width - parentWidth\n    });\n  };\n\n  useEffect(function () {\n    setSelectedKey(props.selectedKey || get(tabs, '0.key')); // 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\n    setTabItems(tabs);\n  }, [tabs, props.selectedKey]);\n  useEffect(function () {}, [props.orgAppListVisible]);\n  useEffect(function () {\n    var tabsDom = getTabsDom();\n    setArrowVisible(tabsDom.offsetWidth - tabsDom.parentNode.offsetWidth > 0);\n  }, [tabItems]);\n  useEffect(function () {\n    translateTabsDom(tabItems, selectedKey);\n  }, [tabItems, selectedKey, appListVisible, orgListVisible, orgAppListVisible]);\n  return React.createElement(TabsContainer, _extends({}, props, {\n    className: cn('tnt-layout-header-tabs', _defineProperty({}, className, className))\n  }), React.createElement(Tabs, {\n    className: \"tnt-layout-header-tabs-content\",\n    ref: tabsRef\n  }, tabItems.map(function (tab, index) {\n    var _tabItems;\n\n    return React.createElement(TabItem, {\n      key: tab.key,\n      theme: theme,\n      className: cn({\n        active: selectedKey === tab.key,\n        activeTabPreSibling: ((_tabItems = tabItems[index + 1]) == null ? void 0 : _tabItems.key) === selectedKey\n      }),\n      onClick: function onClick() {\n        return onTabClick(tab, index);\n      }\n    }, React.createElement(\"a\", {\n      href: tab.key,\n      onClick: function onClick(evt) {\n        return evt.preventDefault();\n      }\n    }, tab.name), tabItems.length > 1 && React.createElement(Icon, {\n      type: \"close\",\n      onClick: closeTabHandle.bind(null, tab, index)\n    }));\n  })), arrowVisible && React.createElement(\"div\", {\n    className: \"tnt-layout-header-tabs-arrows\"\n  }, React.createElement(Icon, {\n    type: \"left\",\n    onClick: onMoveToLeft,\n    disabled: !tabsPositionFlags.start\n  }), React.createElement(Icon, {\n    type: \"right\",\n    onClick: onMoveToRight,\n    disabled: !tabsPositionFlags.end\n  })));\n});\nexport default HeaderTabs;"
+              "source": "function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); }\n\nfunction _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === \"[object Arguments]\")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nfunction _templateObject3() {\n  var data = _taggedTemplateLiteral([\"\\n    position: relative;\\n    margin: 0;\\n    padding: 0 20px 0 10px;\\n    cursor: pointer;\\n    display: inline-block;\\n    line-height: \", \";\\n    /* transition: background-color .5; */\\n    width: 130px;\\n    color: rgba(255,255,255,.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: .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: \", \";//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: \", \";\\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: \", \";\\n        font-weight: 600;\\n\\n        a {\\n            color: \", \";\\n        }\\n    }\\n\"]);\n\n  _templateObject3 = function _templateObject3() {\n    return data;\n  };\n\n  return data;\n}\n\nfunction _templateObject2() {\n  var data = _taggedTemplateLiteral([\"\\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\"]);\n\n  _templateObject2 = function _templateObject2() {\n    return data;\n  };\n\n  return data;\n}\n\nfunction _templateObject() {\n  var data = _taggedTemplateLiteral([\"\\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,.8)  !important;\\n        .tnt-icon {\\n            cursor: pointer;\\n            color: rgba(139,145,158,1);\\n            &[disabled] {\\n                color: rgba(139, 145, 158, .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        // \\u591A\\u7B7E\\u9875\\u7684\\u7BAD\\u5934\\u6837\\u5F0F\\n        // .tnt-themeS3 & {\\n        //     background: \", \"; //#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\"]);\n\n  _templateObject = function _templateObject() {\n    return data;\n  };\n\n  return data;\n}\n\nfunction _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }\n\nimport { useState, useEffect, useRef } from \"react\";\nimport styled, { withTheme } from \"styled-components\";\nimport cn from \"classnames\";\nimport { get } from \"lodash\";\nimport Icon from \"../Icon\";\nvar TabsContainer = styled.div(_templateObject(), function (props) {\n  return \"\".concat(props.theme.blueBgColor);\n});\nvar Tabs = styled.ul(_templateObject2());\nvar TabItem = styled.li(_templateObject3(), function (props) {\n  return props.theme.size === \"large\" ? \"46px\" : \"36px\";\n}, function (props) {\n  return props.theme.headerActionsColor;\n}, function (props) {\n  return props.theme.headerActionsColor;\n}, function (props) {\n  return props.theme.primaryTextColor;\n}, function (props) {\n  return props.theme.primaryTextColor;\n});\nexport var HeaderTabs = withTheme(function (_ref) {\n  var theme = _ref.theme,\n      className = _ref.className,\n      _ref$tabs = _ref.tabs,\n      tabs = _ref$tabs === void 0 ? [] : _ref$tabs,\n      onTabChange = _ref.onTabChange,\n      onTabSelect = _ref.onTabSelect,\n      onTabClose = _ref.onTabClose,\n      appListVisible = _ref.appListVisible,\n      orgListVisible = _ref.orgListVisible,\n      orgAppListVisible = _ref.orgAppListVisible,\n      language = _ref.language,\n      props = _objectWithoutProperties(_ref, [\"theme\", \"className\", \"tabs\", \"onTabChange\", \"onTabSelect\", \"onTabClose\", \"appListVisible\", \"orgListVisible\", \"orgAppListVisible\", \"language\"]);\n\n  var _useState = useState(props.selectedKey || get(tabs, \"0.key\")),\n      _useState2 = _slicedToArray(_useState, 2),\n      selectedKey = _useState2[0],\n      setSelectedKey = _useState2[1];\n\n  var _useState3 = useState(tabs || []),\n      _useState4 = _slicedToArray(_useState3, 2),\n      tabItems = _useState4[0],\n      setTabItems = _useState4[1];\n\n  var _useState5 = useState(false),\n      _useState6 = _slicedToArray(_useState5, 2),\n      arrowVisible = _useState6[0],\n      setArrowVisible = _useState6[1];\n\n  var _useState7 = useState({\n    start: true,\n    end: true\n  }),\n      _useState8 = _slicedToArray(_useState7, 2),\n      tabsPositionFlags = _useState8[0],\n      setTabsPositionFlags = _useState8[1];\n\n  var tabsRef = useRef();\n\n  var getTabsDom = function getTabsDom() {\n    return tabsRef.current;\n  };\n\n  var onTabClick = function onTabClick(tab, index) {\n    setSelectedKey(tab.key);\n    onTabSelect == null ? void 0 : onTabSelect(tab);\n\n    if (selectedKey !== tab.key) {\n      onTabChange == null ? void 0 : onTabChange(tab);\n    }\n  };\n\n  var closeTabHandle = function closeTabHandle(tab, index, evt) {\n    evt.stopPropagation();\n    var newTabItems = tabItems.filter(function (_ref2) {\n      var key = _ref2.key;\n      return key !== tab.key;\n    });\n    var newSelectedKey = selectedKey;\n    setTabItems(newTabItems);\n\n    if (tab.key === selectedKey) {\n      var _newTabItems$, _newTabItems;\n\n      newSelectedKey = index === 0 ? (_newTabItems$ = newTabItems[0]) == null ? void 0 : _newTabItems$.key : (_newTabItems = newTabItems[index - 1]) == null ? void 0 : _newTabItems.key;\n      setSelectedKey(newSelectedKey);\n    }\n\n    onTabClose == null ? void 0 : onTabClose(tab, newTabItems, newTabItems.find(function (_ref3) {\n      var key = _ref3.key;\n      return key === newSelectedKey;\n    }));\n  };\n\n  var onMoveToLeft = function onMoveToLeft() {\n    var tabsDom = getTabsDom();\n    var parentBBox = tabsDom.parentNode.getBoundingClientRect();\n    var parentWidth = parentBBox.width - 32;\n    var x = Math.abs(+tabsDom.style.transform.replace(/[^\\d.-]/g, \"\"));\n    var index = Math.ceil(x / 130);\n    var trueX = index * 130;\n    var newX = Math.min(0, -(trueX - parentWidth));\n    tabsDom.style.transform = \"translateX(\".concat(newX, \"px)\");\n    var width = tabItems.length * 130;\n    setTabsPositionFlags({\n      start: newX < 0,\n      end: Math.abs(newX) < width - parentWidth\n    });\n  };\n\n  var onMoveToRight = function onMoveToRight() {\n    var tabsDom = getTabsDom();\n    var parentBBox = tabsDom.parentNode.getBoundingClientRect();\n    var parentWidth = parentBBox.width - 32;\n    var width = tabItems.length * 130;\n    var x = Math.abs(+tabsDom.style.transform.replace(/[^\\d.-]/g, \"\"));\n    var index = Math.floor(x / 130);\n    var trueX = index * 130;\n    var newX = Math.max(-(width - parentWidth), -(trueX + parentWidth));\n    tabsDom.style.transform = \"translateX(\".concat(newX, \"px)\");\n    setTabsPositionFlags({\n      start: newX < 0,\n      end: Math.abs(newX) < width - parentWidth\n    });\n  };\n\n  var translateTabsDom = function translateTabsDom(tabs, selectedKey) {\n    if (!selectedKey) return;\n    var index = tabs.indexOf(tabs.find(function (_ref4) {\n      var key = _ref4.key;\n      return key === selectedKey;\n    }));\n    if (index === -1) return;\n    var tabsDom = getTabsDom();\n    var x = -+tabsDom.style.transform.replace(/[^\\d.-]/g, \"\");\n    var bbox = {\n      left: index * 130,\n      right: (index + 1) * 130\n    };\n    var parentBBox = tabsDom.parentNode.getBoundingClientRect();\n    var parentWidth = parentBBox.width - 36;\n    var width = tabItems.length * 130;\n    var tailX = x + parentWidth; //当前滑动窗口尾部坐标\n\n    var newX = -x;\n\n    if (bbox.left < x) {\n      newX = -bbox.left;\n    } else if (bbox.right >= tailX) {\n      newX = parentWidth - bbox.right;\n    }\n\n    if (newX + width < parentWidth) {\n      newX = -(width - parentWidth);\n    }\n\n    newX = Math.min(0, newX);\n    tabsDom.style.transform = \"translateX(\".concat(newX, \"px)\");\n    setTabsPositionFlags({\n      start: newX < 0,\n      end: Math.abs(newX) < width - parentWidth\n    });\n  };\n\n  useEffect(function () {\n    setSelectedKey(props.selectedKey || get(tabs, \"0.key\")); // 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\n    setTabItems(tabs);\n  }, [tabs, props.selectedKey]);\n  useEffect(function () {}, [props.orgAppListVisible]);\n  useEffect(function () {\n    var tabsDom = getTabsDom();\n    setArrowVisible(tabsDom.offsetWidth - tabsDom.parentNode.offsetWidth > 0);\n  }, [tabItems]);\n  useEffect(function () {\n    translateTabsDom(tabItems, selectedKey);\n  }, [tabItems, selectedKey, appListVisible, orgListVisible, orgAppListVisible]);\n  return React.createElement(TabsContainer, _extends({}, props, {\n    className: cn(\"tnt-layout-header-tabs\", _defineProperty({}, className, className))\n  }), React.createElement(Tabs, {\n    className: \"tnt-layout-header-tabs-content\",\n    ref: tabsRef\n  }, tabItems.map(function (tab, index) {\n    var _tabItems;\n\n    return React.createElement(TabItem, {\n      key: tab.key,\n      theme: theme,\n      className: cn({\n        active: selectedKey === tab.key,\n        activeTabPreSibling: ((_tabItems = tabItems[index + 1]) == null ? void 0 : _tabItems.key) === selectedKey\n      }),\n      onClick: function onClick() {\n        return onTabClick(tab, index);\n      }\n    }, React.createElement(\"a\", {\n      href: tab.key,\n      onClick: function onClick(evt) {\n        return evt.preventDefault();\n      }\n    }, {\n      cn: tab.name,\n      en: tab.enName || tab.name\n    }[language || \"cn\"]), tab.closable !== false && tabItems.length > 1 && React.createElement(Icon, {\n      type: \"close\",\n      onClick: closeTabHandle.bind(null, tab, index)\n    }));\n  })), arrowVisible && React.createElement(\"div\", {\n    className: \"tnt-layout-header-tabs-arrows\"\n  }, React.createElement(Icon, {\n    type: \"left\",\n    onClick: onMoveToLeft,\n    disabled: !tabsPositionFlags.start\n  }), React.createElement(Icon, {\n    type: \"right\",\n    onClick: onMoveToRight,\n    disabled: !tabsPositionFlags.end\n  })));\n});\nexport default HeaderTabs;"
             },
             {
               "id": null,
@@ -21096,7 +21096,7 @@
       "files": [
         "1.tntd.js"
       ],
-      "hash": "cff068146fd7022523ec",
+      "hash": "04d0a35e883db5b75273",
       "siblings": [],
       "parents": [
         0
@@ -21380,7 +21380,7 @@
                 "ModuleConcatenation bailout: Module is referenced from these modules with unsupported syntax: ./components/DevelopmentLogin/index.js (referenced with import())"
               ],
               "depth": 2,
-              "source": "function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); }\n\nfunction _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === \"[object Arguments]\")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nimport { useState } from 'react';\nimport { Modal, Input, Form, message } from 'antd';\nimport Cookies from 'universal-cookie';\nvar cookies = new Cookies(); // 默认\n\nvar accountInfoDefault = {\n  account: 'admin',\n  password: 'Td@123456'\n};\nexport default (function (_ref) {\n  var visible = _ref.visible,\n      close = _ref.close,\n      signIn = _ref.signIn;\n\n  var _useState = useState(false),\n      _useState2 = _slicedToArray(_useState, 2),\n      confirmLoading = _useState2[0],\n      setConfirmLoading = _useState2[1]; // 如果storage中已存在，则取storage\n\n\n  var storageAccountInfo = localStorage.getItem('accountInfo');\n\n  if (storageAccountInfo) {\n    try {\n      accountInfoDefault = JSON.parse(storageAccountInfo);\n    } catch (e) {}\n  }\n\n  var _useState3 = useState(accountInfoDefault),\n      _useState4 = _slicedToArray(_useState3, 2),\n      accountInfo = _useState4[0],\n      setAccountInfo = _useState4[1];\n\n  var account = accountInfo.account,\n      password = accountInfo.password;\n\n  var onSubmit = function onSubmit() {\n    setConfirmLoading(true);\n    var returnVal = signIn && signIn(accountInfo);\n\n    if (returnVal && returnVal.then) {\n      returnVal.then(function (res) {\n        message.success('模拟登陆成功');\n        localStorage.setItem('accountInfo', JSON.stringify(accountInfo));\n        setConfirmLoading(false);\n        setTimeout(function () {\n          var _ref2 = res || {},\n              token = _ref2.tdToken,\n              userId = _ref2.userId;\n\n          cookies.set('_td_token_', token, {\n            path: '/'\n          });\n          cookies.set('_uid_', userId, {\n            path: '/'\n          });\n          close();\n        }, 500);\n      })[\"catch\"](function (err) {\n        setConfirmLoading(false);\n        throw err;\n      });\n    }\n  };\n\n  var changeFieldValue = function changeFieldValue(key, evt) {\n    setAccountInfo(_objectSpread({}, accountInfo, _defineProperty({}, key, evt.target.value)));\n  };\n\n  return React.createElement(Modal, {\n    title: \"\\u5F00\\u53D1\\u8005\\u6A21\\u62DF\\u767B\\u9646\",\n    visible: visible,\n    maskClosable: false,\n    onOk: onSubmit,\n    onCancel: close,\n    confirmLoading: confirmLoading\n  }, React.createElement(Form, {\n    labelCol: {\n      span: 5\n    },\n    wrapperCol: {\n      span: 18\n    }\n  }, React.createElement(Form.Item, {\n    label: \"\\u7528\\u6237\\u540D\\uFF1A\"\n  }, React.createElement(Input, {\n    type: \"text\",\n    placeholder: \"\\u8BF7\\u8F93\\u5165\\u7528\\u6237\\u540D\",\n    value: account || undefined,\n    onChange: function onChange(evt) {\n      return changeFieldValue('account', evt);\n    }\n  })), React.createElement(Form.Item, {\n    label: \"\\u5BC6\\u7801\\uFF1A\"\n  }, React.createElement(Input, {\n    type: \"text\",\n    placeholder: \"\\u8BF7\\u8F93\\u5165\\u7528\\u6237\\u540D\",\n    value: password || undefined,\n    onChange: function onChange(evt) {\n      return changeFieldValue('password', evt);\n    }\n  }))));\n});"
+              "source": "function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); }\n\nfunction _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === \"[object Arguments]\")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nimport { useState } from 'react';\nimport { Modal, Input, Form, message } from 'antd';\nimport Cookies from 'universal-cookie';\nvar cookies = new Cookies(); // 默认\n\nvar accountInfoDefault = {\n  account: undefined,\n  password: undefined\n};\nexport default (function (_ref) {\n  var visible = _ref.visible,\n      close = _ref.close,\n      signIn = _ref.signIn;\n\n  var _useState = useState(false),\n      _useState2 = _slicedToArray(_useState, 2),\n      confirmLoading = _useState2[0],\n      setConfirmLoading = _useState2[1]; // 如果storage中已存在，则取storage\n\n\n  var storageAccountInfo = localStorage.getItem('accountInfo');\n\n  if (storageAccountInfo) {\n    try {\n      accountInfoDefault = JSON.parse(storageAccountInfo);\n    } catch (e) {}\n  }\n\n  var _useState3 = useState(accountInfoDefault),\n      _useState4 = _slicedToArray(_useState3, 2),\n      accountInfo = _useState4[0],\n      setAccountInfo = _useState4[1];\n\n  var account = accountInfo.account,\n      password = accountInfo.password;\n\n  var onSubmit = function onSubmit() {\n    setConfirmLoading(true);\n    var returnVal = signIn && signIn(accountInfo);\n\n    if (returnVal && returnVal.then) {\n      returnVal.then(function (res) {\n        message.success('模拟登陆成功');\n        localStorage.setItem('accountInfo', JSON.stringify(accountInfo));\n        setConfirmLoading(false);\n        setTimeout(function () {\n          var _ref2 = res || {},\n              token = _ref2.tdToken,\n              userId = _ref2.userId;\n\n          cookies.set('_td_token_', token, {\n            path: '/'\n          });\n          cookies.set('_uid_', userId, {\n            path: '/'\n          });\n          close();\n        }, 500);\n      })[\"catch\"](function (err) {\n        setConfirmLoading(false);\n        throw err;\n      });\n    }\n  };\n\n  var changeFieldValue = function changeFieldValue(key, evt) {\n    setAccountInfo(_objectSpread({}, accountInfo, _defineProperty({}, key, evt.target.value)));\n  };\n\n  return React.createElement(Modal, {\n    title: \"\\u5F00\\u53D1\\u8005\\u6A21\\u62DF\\u767B\\u9646\",\n    visible: visible,\n    maskClosable: false,\n    onOk: onSubmit,\n    onCancel: close,\n    confirmLoading: confirmLoading\n  }, React.createElement(Form, {\n    labelCol: {\n      span: 5\n    },\n    wrapperCol: {\n      span: 18\n    }\n  }, React.createElement(Form.Item, {\n    label: \"\\u7528\\u6237\\u540D\\uFF1A\"\n  }, React.createElement(Input, {\n    type: \"text\",\n    placeholder: \"\\u8BF7\\u8F93\\u5165\\u7528\\u6237\\u540D\",\n    value: account || undefined,\n    onChange: function onChange(evt) {\n      return changeFieldValue('account', evt);\n    }\n  })), React.createElement(Form.Item, {\n    label: \"\\u5BC6\\u7801\\uFF1A\"\n  }, React.createElement(Input, {\n    type: \"text\",\n    placeholder: \"\\u8BF7\\u8F93\\u5165\\u7528\\u6237\\u540D\",\n    value: password || undefined,\n    onChange: function onChange(evt) {\n      return changeFieldValue('password', evt);\n    }\n  }))));\n});"
             },
             {
               "id": null,
@@ -23109,7 +23109,7 @@
           "moduleName": "./components/index.js + 88 modules",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "82:18-26"
+          "loc": "83:9-14"
         },
         {
           "moduleId": 87,
@@ -23118,7 +23118,7 @@
           "moduleName": "./components/index.js + 88 modules",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "83:9-14"
+          "loc": "83:18-26"
         },
         {
           "moduleId": 87,
@@ -23154,7 +23154,7 @@
           "moduleName": "./components/index.js + 88 modules",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "87:19-27"
+          "loc": "88:2-11"
         },
         {
           "moduleId": 87,
@@ -23163,7 +23163,7 @@
           "moduleName": "./components/index.js + 88 modules",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "88:2-11"
+          "loc": "88:19-27"
         },
         {
           "moduleId": 87,
@@ -23199,7 +23199,7 @@
           "moduleName": "./components/index.js + 88 modules",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "92:19-27"
+          "loc": "93:19-27"
         },
         {
           "moduleId": 87,
@@ -23235,7 +23235,7 @@
           "moduleName": "./components/index.js + 88 modules",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "97:19-27"
+          "loc": "98:16-26"
         },
         {
           "moduleId": 87,
@@ -23244,7 +23244,7 @@
           "moduleName": "./components/index.js + 88 modules",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "98:16-26"
+          "loc": "98:19-27"
         },
         {
           "moduleId": 87,
@@ -23298,7 +23298,7 @@
           "moduleName": "./components/index.js + 88 modules",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "105:16-22"
+          "loc": "106:11-16"
         },
         {
           "moduleId": 87,
@@ -23307,7 +23307,7 @@
           "moduleName": "./components/index.js + 88 modules",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "106:11-16"
+          "loc": "106:16-22"
         },
         {
           "moduleId": 87,
@@ -23937,7 +23937,7 @@
           "moduleName": "./components/index.js + 88 modules",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "212:2-11"
+          "loc": "213:2-11"
         },
         {
           "moduleId": 87,
@@ -23955,7 +23955,7 @@
           "moduleName": "./components/index.js + 88 modules",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "217:2-11"
+          "loc": "217:13-18"
         },
         {
           "moduleId": 87,
@@ -23964,7 +23964,7 @@
           "moduleName": "./components/index.js + 88 modules",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "217:13-18"
+          "loc": "218:2-11"
         },
         {
           "moduleId": 87,
@@ -23973,7 +23973,7 @@
           "moduleName": "./components/index.js + 88 modules",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "218:2-11"
+          "loc": "218:13-18"
         },
         {
           "moduleId": 87,
@@ -23982,7 +23982,7 @@
           "moduleName": "./components/index.js + 88 modules",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "218:13-18"
+          "loc": "219:2-11"
         },
         {
           "moduleId": 87,
@@ -24000,7 +24000,7 @@
           "moduleName": "./components/index.js + 88 modules",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "222:2-11"
+          "loc": "223:2-11"
         },
         {
           "moduleId": 87,
@@ -24356,9 +24356,9 @@
       "chunks": [
         0
       ],
-      "issuer": "/Users/wangxiaofei/git/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/wangxiaofei/git/tntd/components/QueryForm/index.js",
+      "issuer": "/Users/wangxiaofei/git/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/wangxiaofei/git/tntd/components/Table/ResizableTable/index.js",
       "issuerId": null,
-      "issuerName": "./components/QueryForm/index.js",
+      "issuerName": "./components/Table/ResizableTable/index.js",
       "issuerPath": [
         {
           "id": null,
@@ -24367,8 +24367,8 @@
         },
         {
           "id": null,
-          "identifier": "/Users/wangxiaofei/git/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/wangxiaofei/git/tntd/components/QueryForm/index.js",
-          "name": "./components/QueryForm/index.js"
+          "identifier": "/Users/wangxiaofei/git/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/wangxiaofei/git/tntd/components/Table/ResizableTable/index.js",
+          "name": "./components/Table/ResizableTable/index.js"
         }
       ],
       "failed": false,
@@ -26467,9 +26467,9 @@
       "chunks": [
         0
       ],
-      "issuer": "/Users/wangxiaofei/git/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/wangxiaofei/git/tntd/components/QueryForm/index.js",
+      "issuer": "/Users/wangxiaofei/git/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/wangxiaofei/git/tntd/components/Table/ResizableTable/index.js",
       "issuerId": null,
-      "issuerName": "./components/QueryForm/index.js",
+      "issuerName": "./components/Table/ResizableTable/index.js",
       "issuerPath": [
         {
           "id": null,
@@ -26478,8 +26478,8 @@
         },
         {
           "id": null,
-          "identifier": "/Users/wangxiaofei/git/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/wangxiaofei/git/tntd/components/QueryForm/index.js",
-          "name": "./components/QueryForm/index.js"
+          "identifier": "/Users/wangxiaofei/git/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/wangxiaofei/git/tntd/components/Table/ResizableTable/index.js",
+          "name": "./components/Table/ResizableTable/index.js"
         }
       ],
       "failed": false,
@@ -26935,7 +26935,7 @@
           "moduleName": "./components/index.js + 88 modules",
           "type": "harmony import specifier",
           "userRequest": "lodash",
-          "loc": "82:48-51"
+          "loc": "82:67-70"
         },
         {
           "moduleId": 87,
@@ -26944,7 +26944,7 @@
           "moduleName": "./components/index.js + 88 modules",
           "type": "harmony import specifier",
           "userRequest": "lodash",
-          "loc": "82:67-70"
+          "loc": "83:48-51"
         },
         {
           "moduleId": 87,
@@ -27268,7 +27268,7 @@
           "moduleName": "./components/index.js + 88 modules",
           "type": "harmony import specifier",
           "userRequest": "lodash",
-          "loc": "213:40-43"
+          "loc": "214:40-43"
         },
         {
           "moduleId": 87,
@@ -27360,9 +27360,9 @@
       "chunks": [
         0
       ],
-      "issuer": "/Users/wangxiaofei/git/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/wangxiaofei/git/tntd/components/QueryForm/index.js",
+      "issuer": "/Users/wangxiaofei/git/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/wangxiaofei/git/tntd/components/Table/ResizableTable/index.js",
       "issuerId": null,
-      "issuerName": "./components/QueryForm/index.js",
+      "issuerName": "./components/Table/ResizableTable/index.js",
       "issuerPath": [
         {
           "id": null,
@@ -27371,8 +27371,8 @@
         },
         {
           "id": null,
-          "identifier": "/Users/wangxiaofei/git/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/wangxiaofei/git/tntd/components/QueryForm/index.js",
-          "name": "./components/QueryForm/index.js"
+          "identifier": "/Users/wangxiaofei/git/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/wangxiaofei/git/tntd/components/Table/ResizableTable/index.js",
+          "name": "./components/Table/ResizableTable/index.js"
         }
       ],
       "failed": false,
@@ -27810,7 +27810,7 @@
           "moduleName": "./components/index.js + 88 modules",
           "type": "harmony import specifier",
           "userRequest": "classnames",
-          "loc": "226:15-17"
+          "loc": "227:15-17"
         },
         {
           "moduleId": 87,
@@ -27819,7 +27819,7 @@
           "moduleName": "./components/index.js + 88 modules",
           "type": "harmony import specifier",
           "userRequest": "classnames",
-          "loc": "236:17-19"
+          "loc": "237:17-19"
         },
         {
           "moduleId": 87,
@@ -29227,9 +29227,9 @@
       "chunks": [
         0
       ],
-      "issuer": "/Users/wangxiaofei/git/tntd/node_modules/react-resizable/build/Resizable.js",
-      "issuerId": 15,
-      "issuerName": "./node_modules/react-resizable/build/Resizable.js",
+      "issuer": "/Users/wangxiaofei/git/tntd/node_modules/react-resizable/build/ResizableBox.js",
+      "issuerId": 85,
+      "issuerName": "./node_modules/react-resizable/build/ResizableBox.js",
       "issuerPath": [
         {
           "id": null,
@@ -29247,9 +29247,9 @@
           "name": "./node_modules/react-resizable/index.js"
         },
         {
-          "id": 15,
-          "identifier": "/Users/wangxiaofei/git/tntd/node_modules/react-resizable/build/Resizable.js",
-          "name": "./node_modules/react-resizable/build/Resizable.js"
+          "id": 85,
+          "identifier": "/Users/wangxiaofei/git/tntd/node_modules/react-resizable/build/ResizableBox.js",
+          "name": "./node_modules/react-resizable/build/ResizableBox.js"
         }
       ],
       "failed": false,
@@ -34214,7 +34214,7 @@
       "name": "./components/index.js + 88 modules",
       "index": 0,
       "index2": 187,
-      "size": 398580,
+      "size": 398722,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -34660,7 +34660,7 @@
               "moduleName": "./components/Layout/HeaderTabs.js",
               "type": "harmony import specifier",
               "userRequest": "../Icon",
-              "loc": "248:61-65"
+              "loc": "252:95-99"
             },
             {
               "moduleId": null,
@@ -34669,7 +34669,7 @@
               "moduleName": "./components/Layout/HeaderTabs.js",
               "type": "harmony import specifier",
               "userRequest": "../Icon",
-              "loc": "254:25-29"
+              "loc": "258:25-29"
             },
             {
               "moduleId": null,
@@ -34678,7 +34678,7 @@
               "moduleName": "./components/Layout/HeaderTabs.js",
               "type": "harmony import specifier",
               "userRequest": "../Icon",
-              "loc": "258:26-30"
+              "loc": "262:26-30"
             }
           ],
           "usedExports": [
@@ -37215,7 +37215,7 @@
           "name": "./components/Layout/HeaderTabs.js",
           "index": 108,
           "index2": 106,
-          "size": 16138,
+          "size": 16280,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -37269,7 +37269,7 @@
           ],
           "optimizationBailout": [],
           "depth": 2,
-          "source": "function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); }\n\nfunction _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === \"[object Arguments]\")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nfunction _templateObject3() {\n  var data = _taggedTemplateLiteral([\"\\n    position: relative;\\n    margin: 0;\\n    padding: 0 20px 0 10px;\\n    cursor: pointer;\\n    display: inline-block;\\n    line-height: \", \";\\n    /* transition: background-color .5; */\\n    width: 130px;\\n    color: rgba(255,255,255,.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: .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: \", \";//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: \", \";\\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: \", \";\\n        font-weight: 600;\\n\\n        a {\\n            color: \", \";\\n        }\\n    }\\n\"]);\n\n  _templateObject3 = function _templateObject3() {\n    return data;\n  };\n\n  return data;\n}\n\nfunction _templateObject2() {\n  var data = _taggedTemplateLiteral([\"\\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 .25s linear;\\n    position:absolute;\\n\"]);\n\n  _templateObject2 = function _templateObject2() {\n    return data;\n  };\n\n  return data;\n}\n\nfunction _templateObject() {\n  var data = _taggedTemplateLiteral([\"\\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,.8)  !important;\\n        .tnt-icon {\\n            cursor: pointer;\\n            color: rgba(139,145,158,1);\\n            &[disabled] {\\n                color: rgba(139, 145, 158, .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        // \\u591A\\u7B7E\\u9875\\u7684\\u7BAD\\u5934\\u6837\\u5F0F\\n        // .tnt-themeS3 & {\\n        //     background: \", \"; //#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\"]);\n\n  _templateObject = function _templateObject() {\n    return data;\n  };\n\n  return data;\n}\n\nfunction _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }\n\nimport { useState, useEffect, useRef } from 'react';\nimport styled, { withTheme } from 'styled-components';\nimport cn from 'classnames';\nimport { get } from 'lodash';\nimport Icon from '../Icon';\nvar TabsContainer = styled.div(_templateObject(), function (props) {\n  return \"\".concat(props.theme.blueBgColor);\n});\nvar Tabs = styled.ul(_templateObject2());\nvar TabItem = styled.li(_templateObject3(), function (props) {\n  return props.theme.size === 'large' ? '46px' : '36px';\n}, function (props) {\n  return props.theme.headerActionsColor;\n}, function (props) {\n  return props.theme.headerActionsColor;\n}, function (props) {\n  return props.theme.primaryTextColor;\n}, function (props) {\n  return props.theme.primaryTextColor;\n});\nexport var HeaderTabs = withTheme(function (_ref) {\n  var theme = _ref.theme,\n      className = _ref.className,\n      _ref$tabs = _ref.tabs,\n      tabs = _ref$tabs === void 0 ? [] : _ref$tabs,\n      onTabChange = _ref.onTabChange,\n      onTabSelect = _ref.onTabSelect,\n      onTabClose = _ref.onTabClose,\n      appListVisible = _ref.appListVisible,\n      orgListVisible = _ref.orgListVisible,\n      orgAppListVisible = _ref.orgAppListVisible,\n      props = _objectWithoutProperties(_ref, [\"theme\", \"className\", \"tabs\", \"onTabChange\", \"onTabSelect\", \"onTabClose\", \"appListVisible\", \"orgListVisible\", \"orgAppListVisible\"]);\n\n  var _useState = useState(props.selectedKey || get(tabs, '0.key')),\n      _useState2 = _slicedToArray(_useState, 2),\n      selectedKey = _useState2[0],\n      setSelectedKey = _useState2[1];\n\n  var _useState3 = useState(tabs || []),\n      _useState4 = _slicedToArray(_useState3, 2),\n      tabItems = _useState4[0],\n      setTabItems = _useState4[1];\n\n  var _useState5 = useState(false),\n      _useState6 = _slicedToArray(_useState5, 2),\n      arrowVisible = _useState6[0],\n      setArrowVisible = _useState6[1];\n\n  var _useState7 = useState({\n    start: true,\n    end: true\n  }),\n      _useState8 = _slicedToArray(_useState7, 2),\n      tabsPositionFlags = _useState8[0],\n      setTabsPositionFlags = _useState8[1];\n\n  var tabsRef = useRef();\n\n  var getTabsDom = function getTabsDom() {\n    return tabsRef.current;\n  };\n\n  var onTabClick = function onTabClick(tab, index) {\n    setSelectedKey(tab.key);\n    onTabSelect == null ? void 0 : onTabSelect(tab);\n\n    if (selectedKey !== tab.key) {\n      onTabChange == null ? void 0 : onTabChange(tab);\n    }\n  };\n\n  var closeTabHandle = function closeTabHandle(tab, index, evt) {\n    evt.stopPropagation();\n    var newTabItems = tabItems.filter(function (_ref2) {\n      var key = _ref2.key;\n      return key !== tab.key;\n    });\n    var newSelectedKey = selectedKey;\n    setTabItems(newTabItems);\n\n    if (tab.key === selectedKey) {\n      var _newTabItems$, _newTabItems;\n\n      newSelectedKey = index === 0 ? (_newTabItems$ = newTabItems[0]) == null ? void 0 : _newTabItems$.key : (_newTabItems = newTabItems[index - 1]) == null ? void 0 : _newTabItems.key;\n      setSelectedKey(newSelectedKey);\n    }\n\n    onTabClose == null ? void 0 : onTabClose(tab, newTabItems, newTabItems.find(function (_ref3) {\n      var key = _ref3.key;\n      return key === newSelectedKey;\n    }));\n  };\n\n  var onMoveToLeft = function onMoveToLeft() {\n    var tabsDom = getTabsDom();\n    var parentBBox = tabsDom.parentNode.getBoundingClientRect();\n    var parentWidth = parentBBox.width - 32;\n    var x = Math.abs(+tabsDom.style.transform.replace(/[^\\d.-]/g, ''));\n    var index = Math.ceil(x / 130);\n    var trueX = index * 130;\n    var newX = Math.min(0, -(trueX - parentWidth));\n    tabsDom.style.transform = \"translateX(\".concat(newX, \"px)\");\n    var width = tabItems.length * 130;\n    setTabsPositionFlags({\n      start: newX < 0,\n      end: Math.abs(newX) < width - parentWidth\n    });\n  };\n\n  var onMoveToRight = function onMoveToRight() {\n    var tabsDom = getTabsDom();\n    var parentBBox = tabsDom.parentNode.getBoundingClientRect();\n    var parentWidth = parentBBox.width - 32;\n    var width = tabItems.length * 130;\n    var x = Math.abs(+tabsDom.style.transform.replace(/[^\\d.-]/g, ''));\n    var index = Math.floor(x / 130);\n    var trueX = index * 130;\n    var newX = Math.max(-(width - parentWidth), -(trueX + parentWidth));\n    tabsDom.style.transform = \"translateX(\".concat(newX, \"px)\");\n    setTabsPositionFlags({\n      start: newX < 0,\n      end: Math.abs(newX) < width - parentWidth\n    });\n  };\n\n  var translateTabsDom = function translateTabsDom(tabs, selectedKey) {\n    if (!selectedKey) return;\n    var index = tabs.indexOf(tabs.find(function (_ref4) {\n      var key = _ref4.key;\n      return key === selectedKey;\n    }));\n    if (index === -1) return;\n    var tabsDom = getTabsDom();\n    var x = -+tabsDom.style.transform.replace(/[^\\d.-]/g, '');\n    var bbox = {\n      left: index * 130,\n      right: (index + 1) * 130\n    };\n    var parentBBox = tabsDom.parentNode.getBoundingClientRect();\n    var parentWidth = parentBBox.width - 36;\n    var width = tabItems.length * 130;\n    var tailX = x + parentWidth; //当前滑动窗口尾部坐标\n\n    var newX = -x;\n\n    if (bbox.left < x) {\n      newX = -bbox.left;\n    } else if (bbox.right >= tailX) {\n      newX = parentWidth - bbox.right;\n    }\n\n    if (newX + width < parentWidth) {\n      newX = -(width - parentWidth);\n    }\n\n    newX = Math.min(0, newX);\n    tabsDom.style.transform = \"translateX(\".concat(newX, \"px)\");\n    setTabsPositionFlags({\n      start: newX < 0,\n      end: Math.abs(newX) < width - parentWidth\n    });\n  };\n\n  useEffect(function () {\n    setSelectedKey(props.selectedKey || get(tabs, '0.key')); // 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\n    setTabItems(tabs);\n  }, [tabs, props.selectedKey]);\n  useEffect(function () {}, [props.orgAppListVisible]);\n  useEffect(function () {\n    var tabsDom = getTabsDom();\n    setArrowVisible(tabsDom.offsetWidth - tabsDom.parentNode.offsetWidth > 0);\n  }, [tabItems]);\n  useEffect(function () {\n    translateTabsDom(tabItems, selectedKey);\n  }, [tabItems, selectedKey, appListVisible, orgListVisible, orgAppListVisible]);\n  return React.createElement(TabsContainer, _extends({}, props, {\n    className: cn('tnt-layout-header-tabs', _defineProperty({}, className, className))\n  }), React.createElement(Tabs, {\n    className: \"tnt-layout-header-tabs-content\",\n    ref: tabsRef\n  }, tabItems.map(function (tab, index) {\n    var _tabItems;\n\n    return React.createElement(TabItem, {\n      key: tab.key,\n      theme: theme,\n      className: cn({\n        active: selectedKey === tab.key,\n        activeTabPreSibling: ((_tabItems = tabItems[index + 1]) == null ? void 0 : _tabItems.key) === selectedKey\n      }),\n      onClick: function onClick() {\n        return onTabClick(tab, index);\n      }\n    }, React.createElement(\"a\", {\n      href: tab.key,\n      onClick: function onClick(evt) {\n        return evt.preventDefault();\n      }\n    }, tab.name), tabItems.length > 1 && React.createElement(Icon, {\n      type: \"close\",\n      onClick: closeTabHandle.bind(null, tab, index)\n    }));\n  })), arrowVisible && React.createElement(\"div\", {\n    className: \"tnt-layout-header-tabs-arrows\"\n  }, React.createElement(Icon, {\n    type: \"left\",\n    onClick: onMoveToLeft,\n    disabled: !tabsPositionFlags.start\n  }), React.createElement(Icon, {\n    type: \"right\",\n    onClick: onMoveToRight,\n    disabled: !tabsPositionFlags.end\n  })));\n});\nexport default HeaderTabs;"
+          "source": "function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); }\n\nfunction _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === \"[object Arguments]\")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nfunction _templateObject3() {\n  var data = _taggedTemplateLiteral([\"\\n    position: relative;\\n    margin: 0;\\n    padding: 0 20px 0 10px;\\n    cursor: pointer;\\n    display: inline-block;\\n    line-height: \", \";\\n    /* transition: background-color .5; */\\n    width: 130px;\\n    color: rgba(255,255,255,.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: .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: \", \";//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: \", \";\\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: \", \";\\n        font-weight: 600;\\n\\n        a {\\n            color: \", \";\\n        }\\n    }\\n\"]);\n\n  _templateObject3 = function _templateObject3() {\n    return data;\n  };\n\n  return data;\n}\n\nfunction _templateObject2() {\n  var data = _taggedTemplateLiteral([\"\\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\"]);\n\n  _templateObject2 = function _templateObject2() {\n    return data;\n  };\n\n  return data;\n}\n\nfunction _templateObject() {\n  var data = _taggedTemplateLiteral([\"\\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,.8)  !important;\\n        .tnt-icon {\\n            cursor: pointer;\\n            color: rgba(139,145,158,1);\\n            &[disabled] {\\n                color: rgba(139, 145, 158, .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        // \\u591A\\u7B7E\\u9875\\u7684\\u7BAD\\u5934\\u6837\\u5F0F\\n        // .tnt-themeS3 & {\\n        //     background: \", \"; //#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\"]);\n\n  _templateObject = function _templateObject() {\n    return data;\n  };\n\n  return data;\n}\n\nfunction _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }\n\nimport { useState, useEffect, useRef } from \"react\";\nimport styled, { withTheme } from \"styled-components\";\nimport cn from \"classnames\";\nimport { get } from \"lodash\";\nimport Icon from \"../Icon\";\nvar TabsContainer = styled.div(_templateObject(), function (props) {\n  return \"\".concat(props.theme.blueBgColor);\n});\nvar Tabs = styled.ul(_templateObject2());\nvar TabItem = styled.li(_templateObject3(), function (props) {\n  return props.theme.size === \"large\" ? \"46px\" : \"36px\";\n}, function (props) {\n  return props.theme.headerActionsColor;\n}, function (props) {\n  return props.theme.headerActionsColor;\n}, function (props) {\n  return props.theme.primaryTextColor;\n}, function (props) {\n  return props.theme.primaryTextColor;\n});\nexport var HeaderTabs = withTheme(function (_ref) {\n  var theme = _ref.theme,\n      className = _ref.className,\n      _ref$tabs = _ref.tabs,\n      tabs = _ref$tabs === void 0 ? [] : _ref$tabs,\n      onTabChange = _ref.onTabChange,\n      onTabSelect = _ref.onTabSelect,\n      onTabClose = _ref.onTabClose,\n      appListVisible = _ref.appListVisible,\n      orgListVisible = _ref.orgListVisible,\n      orgAppListVisible = _ref.orgAppListVisible,\n      language = _ref.language,\n      props = _objectWithoutProperties(_ref, [\"theme\", \"className\", \"tabs\", \"onTabChange\", \"onTabSelect\", \"onTabClose\", \"appListVisible\", \"orgListVisible\", \"orgAppListVisible\", \"language\"]);\n\n  var _useState = useState(props.selectedKey || get(tabs, \"0.key\")),\n      _useState2 = _slicedToArray(_useState, 2),\n      selectedKey = _useState2[0],\n      setSelectedKey = _useState2[1];\n\n  var _useState3 = useState(tabs || []),\n      _useState4 = _slicedToArray(_useState3, 2),\n      tabItems = _useState4[0],\n      setTabItems = _useState4[1];\n\n  var _useState5 = useState(false),\n      _useState6 = _slicedToArray(_useState5, 2),\n      arrowVisible = _useState6[0],\n      setArrowVisible = _useState6[1];\n\n  var _useState7 = useState({\n    start: true,\n    end: true\n  }),\n      _useState8 = _slicedToArray(_useState7, 2),\n      tabsPositionFlags = _useState8[0],\n      setTabsPositionFlags = _useState8[1];\n\n  var tabsRef = useRef();\n\n  var getTabsDom = function getTabsDom() {\n    return tabsRef.current;\n  };\n\n  var onTabClick = function onTabClick(tab, index) {\n    setSelectedKey(tab.key);\n    onTabSelect == null ? void 0 : onTabSelect(tab);\n\n    if (selectedKey !== tab.key) {\n      onTabChange == null ? void 0 : onTabChange(tab);\n    }\n  };\n\n  var closeTabHandle = function closeTabHandle(tab, index, evt) {\n    evt.stopPropagation();\n    var newTabItems = tabItems.filter(function (_ref2) {\n      var key = _ref2.key;\n      return key !== tab.key;\n    });\n    var newSelectedKey = selectedKey;\n    setTabItems(newTabItems);\n\n    if (tab.key === selectedKey) {\n      var _newTabItems$, _newTabItems;\n\n      newSelectedKey = index === 0 ? (_newTabItems$ = newTabItems[0]) == null ? void 0 : _newTabItems$.key : (_newTabItems = newTabItems[index - 1]) == null ? void 0 : _newTabItems.key;\n      setSelectedKey(newSelectedKey);\n    }\n\n    onTabClose == null ? void 0 : onTabClose(tab, newTabItems, newTabItems.find(function (_ref3) {\n      var key = _ref3.key;\n      return key === newSelectedKey;\n    }));\n  };\n\n  var onMoveToLeft = function onMoveToLeft() {\n    var tabsDom = getTabsDom();\n    var parentBBox = tabsDom.parentNode.getBoundingClientRect();\n    var parentWidth = parentBBox.width - 32;\n    var x = Math.abs(+tabsDom.style.transform.replace(/[^\\d.-]/g, \"\"));\n    var index = Math.ceil(x / 130);\n    var trueX = index * 130;\n    var newX = Math.min(0, -(trueX - parentWidth));\n    tabsDom.style.transform = \"translateX(\".concat(newX, \"px)\");\n    var width = tabItems.length * 130;\n    setTabsPositionFlags({\n      start: newX < 0,\n      end: Math.abs(newX) < width - parentWidth\n    });\n  };\n\n  var onMoveToRight = function onMoveToRight() {\n    var tabsDom = getTabsDom();\n    var parentBBox = tabsDom.parentNode.getBoundingClientRect();\n    var parentWidth = parentBBox.width - 32;\n    var width = tabItems.length * 130;\n    var x = Math.abs(+tabsDom.style.transform.replace(/[^\\d.-]/g, \"\"));\n    var index = Math.floor(x / 130);\n    var trueX = index * 130;\n    var newX = Math.max(-(width - parentWidth), -(trueX + parentWidth));\n    tabsDom.style.transform = \"translateX(\".concat(newX, \"px)\");\n    setTabsPositionFlags({\n      start: newX < 0,\n      end: Math.abs(newX) < width - parentWidth\n    });\n  };\n\n  var translateTabsDom = function translateTabsDom(tabs, selectedKey) {\n    if (!selectedKey) return;\n    var index = tabs.indexOf(tabs.find(function (_ref4) {\n      var key = _ref4.key;\n      return key === selectedKey;\n    }));\n    if (index === -1) return;\n    var tabsDom = getTabsDom();\n    var x = -+tabsDom.style.transform.replace(/[^\\d.-]/g, \"\");\n    var bbox = {\n      left: index * 130,\n      right: (index + 1) * 130\n    };\n    var parentBBox = tabsDom.parentNode.getBoundingClientRect();\n    var parentWidth = parentBBox.width - 36;\n    var width = tabItems.length * 130;\n    var tailX = x + parentWidth; //当前滑动窗口尾部坐标\n\n    var newX = -x;\n\n    if (bbox.left < x) {\n      newX = -bbox.left;\n    } else if (bbox.right >= tailX) {\n      newX = parentWidth - bbox.right;\n    }\n\n    if (newX + width < parentWidth) {\n      newX = -(width - parentWidth);\n    }\n\n    newX = Math.min(0, newX);\n    tabsDom.style.transform = \"translateX(\".concat(newX, \"px)\");\n    setTabsPositionFlags({\n      start: newX < 0,\n      end: Math.abs(newX) < width - parentWidth\n    });\n  };\n\n  useEffect(function () {\n    setSelectedKey(props.selectedKey || get(tabs, \"0.key\")); // 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\n    setTabItems(tabs);\n  }, [tabs, props.selectedKey]);\n  useEffect(function () {}, [props.orgAppListVisible]);\n  useEffect(function () {\n    var tabsDom = getTabsDom();\n    setArrowVisible(tabsDom.offsetWidth - tabsDom.parentNode.offsetWidth > 0);\n  }, [tabItems]);\n  useEffect(function () {\n    translateTabsDom(tabItems, selectedKey);\n  }, [tabItems, selectedKey, appListVisible, orgListVisible, orgAppListVisible]);\n  return React.createElement(TabsContainer, _extends({}, props, {\n    className: cn(\"tnt-layout-header-tabs\", _defineProperty({}, className, className))\n  }), React.createElement(Tabs, {\n    className: \"tnt-layout-header-tabs-content\",\n    ref: tabsRef\n  }, tabItems.map(function (tab, index) {\n    var _tabItems;\n\n    return React.createElement(TabItem, {\n      key: tab.key,\n      theme: theme,\n      className: cn({\n        active: selectedKey === tab.key,\n        activeTabPreSibling: ((_tabItems = tabItems[index + 1]) == null ? void 0 : _tabItems.key) === selectedKey\n      }),\n      onClick: function onClick() {\n        return onTabClick(tab, index);\n      }\n    }, React.createElement(\"a\", {\n      href: tab.key,\n      onClick: function onClick(evt) {\n        return evt.preventDefault();\n      }\n    }, {\n      cn: tab.name,\n      en: tab.enName || tab.name\n    }[language || \"cn\"]), tab.closable !== false && tabItems.length > 1 && React.createElement(Icon, {\n      type: \"close\",\n      onClick: closeTabHandle.bind(null, tab, index)\n    }));\n  })), arrowVisible && React.createElement(\"div\", {\n    className: \"tnt-layout-header-tabs-arrows\"\n  }, React.createElement(Icon, {\n    type: \"left\",\n    onClick: onMoveToLeft,\n    disabled: !tabsPositionFlags.start\n  }), React.createElement(Icon, {\n    type: \"right\",\n    onClick: onMoveToRight,\n    disabled: !tabsPositionFlags.end\n  })));\n});\nexport default HeaderTabs;"
         },
         {
           "id": null,
@@ -42224,7 +42224,7 @@
             "ModuleConcatenation bailout: Module is referenced from these modules with unsupported syntax: ./components/DevelopmentLogin/index.js (referenced with import())"
           ],
           "depth": 2,
-          "source": "function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); }\n\nfunction _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === \"[object Arguments]\")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nimport { useState } from 'react';\nimport { Modal, Input, Form, message } from 'antd';\nimport Cookies from 'universal-cookie';\nvar cookies = new Cookies(); // 默认\n\nvar accountInfoDefault = {\n  account: 'admin',\n  password: 'Td@123456'\n};\nexport default (function (_ref) {\n  var visible = _ref.visible,\n      close = _ref.close,\n      signIn = _ref.signIn;\n\n  var _useState = useState(false),\n      _useState2 = _slicedToArray(_useState, 2),\n      confirmLoading = _useState2[0],\n      setConfirmLoading = _useState2[1]; // 如果storage中已存在，则取storage\n\n\n  var storageAccountInfo = localStorage.getItem('accountInfo');\n\n  if (storageAccountInfo) {\n    try {\n      accountInfoDefault = JSON.parse(storageAccountInfo);\n    } catch (e) {}\n  }\n\n  var _useState3 = useState(accountInfoDefault),\n      _useState4 = _slicedToArray(_useState3, 2),\n      accountInfo = _useState4[0],\n      setAccountInfo = _useState4[1];\n\n  var account = accountInfo.account,\n      password = accountInfo.password;\n\n  var onSubmit = function onSubmit() {\n    setConfirmLoading(true);\n    var returnVal = signIn && signIn(accountInfo);\n\n    if (returnVal && returnVal.then) {\n      returnVal.then(function (res) {\n        message.success('模拟登陆成功');\n        localStorage.setItem('accountInfo', JSON.stringify(accountInfo));\n        setConfirmLoading(false);\n        setTimeout(function () {\n          var _ref2 = res || {},\n              token = _ref2.tdToken,\n              userId = _ref2.userId;\n\n          cookies.set('_td_token_', token, {\n            path: '/'\n          });\n          cookies.set('_uid_', userId, {\n            path: '/'\n          });\n          close();\n        }, 500);\n      })[\"catch\"](function (err) {\n        setConfirmLoading(false);\n        throw err;\n      });\n    }\n  };\n\n  var changeFieldValue = function changeFieldValue(key, evt) {\n    setAccountInfo(_objectSpread({}, accountInfo, _defineProperty({}, key, evt.target.value)));\n  };\n\n  return React.createElement(Modal, {\n    title: \"\\u5F00\\u53D1\\u8005\\u6A21\\u62DF\\u767B\\u9646\",\n    visible: visible,\n    maskClosable: false,\n    onOk: onSubmit,\n    onCancel: close,\n    confirmLoading: confirmLoading\n  }, React.createElement(Form, {\n    labelCol: {\n      span: 5\n    },\n    wrapperCol: {\n      span: 18\n    }\n  }, React.createElement(Form.Item, {\n    label: \"\\u7528\\u6237\\u540D\\uFF1A\"\n  }, React.createElement(Input, {\n    type: \"text\",\n    placeholder: \"\\u8BF7\\u8F93\\u5165\\u7528\\u6237\\u540D\",\n    value: account || undefined,\n    onChange: function onChange(evt) {\n      return changeFieldValue('account', evt);\n    }\n  })), React.createElement(Form.Item, {\n    label: \"\\u5BC6\\u7801\\uFF1A\"\n  }, React.createElement(Input, {\n    type: \"text\",\n    placeholder: \"\\u8BF7\\u8F93\\u5165\\u7528\\u6237\\u540D\",\n    value: password || undefined,\n    onChange: function onChange(evt) {\n      return changeFieldValue('password', evt);\n    }\n  }))));\n});"
+          "source": "function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); }\n\nfunction _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === \"[object Arguments]\")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nimport { useState } from 'react';\nimport { Modal, Input, Form, message } from 'antd';\nimport Cookies from 'universal-cookie';\nvar cookies = new Cookies(); // 默认\n\nvar accountInfoDefault = {\n  account: undefined,\n  password: undefined\n};\nexport default (function (_ref) {\n  var visible = _ref.visible,\n      close = _ref.close,\n      signIn = _ref.signIn;\n\n  var _useState = useState(false),\n      _useState2 = _slicedToArray(_useState, 2),\n      confirmLoading = _useState2[0],\n      setConfirmLoading = _useState2[1]; // 如果storage中已存在，则取storage\n\n\n  var storageAccountInfo = localStorage.getItem('accountInfo');\n\n  if (storageAccountInfo) {\n    try {\n      accountInfoDefault = JSON.parse(storageAccountInfo);\n    } catch (e) {}\n  }\n\n  var _useState3 = useState(accountInfoDefault),\n      _useState4 = _slicedToArray(_useState3, 2),\n      accountInfo = _useState4[0],\n      setAccountInfo = _useState4[1];\n\n  var account = accountInfo.account,\n      password = accountInfo.password;\n\n  var onSubmit = function onSubmit() {\n    setConfirmLoading(true);\n    var returnVal = signIn && signIn(accountInfo);\n\n    if (returnVal && returnVal.then) {\n      returnVal.then(function (res) {\n        message.success('模拟登陆成功');\n        localStorage.setItem('accountInfo', JSON.stringify(accountInfo));\n        setConfirmLoading(false);\n        setTimeout(function () {\n          var _ref2 = res || {},\n              token = _ref2.tdToken,\n              userId = _ref2.userId;\n\n          cookies.set('_td_token_', token, {\n            path: '/'\n          });\n          cookies.set('_uid_', userId, {\n            path: '/'\n          });\n          close();\n        }, 500);\n      })[\"catch\"](function (err) {\n        setConfirmLoading(false);\n        throw err;\n      });\n    }\n  };\n\n  var changeFieldValue = function changeFieldValue(key, evt) {\n    setAccountInfo(_objectSpread({}, accountInfo, _defineProperty({}, key, evt.target.value)));\n  };\n\n  return React.createElement(Modal, {\n    title: \"\\u5F00\\u53D1\\u8005\\u6A21\\u62DF\\u767B\\u9646\",\n    visible: visible,\n    maskClosable: false,\n    onOk: onSubmit,\n    onCancel: close,\n    confirmLoading: confirmLoading\n  }, React.createElement(Form, {\n    labelCol: {\n      span: 5\n    },\n    wrapperCol: {\n      span: 18\n    }\n  }, React.createElement(Form.Item, {\n    label: \"\\u7528\\u6237\\u540D\\uFF1A\"\n  }, React.createElement(Input, {\n    type: \"text\",\n    placeholder: \"\\u8BF7\\u8F93\\u5165\\u7528\\u6237\\u540D\",\n    value: account || undefined,\n    onChange: function onChange(evt) {\n      return changeFieldValue('account', evt);\n    }\n  })), React.createElement(Form.Item, {\n    label: \"\\u5BC6\\u7801\\uFF1A\"\n  }, React.createElement(Input, {\n    type: \"text\",\n    placeholder: \"\\u8BF7\\u8F93\\u5165\\u7528\\u6237\\u540D\",\n    value: password || undefined,\n    onChange: function onChange(evt) {\n      return changeFieldValue('password', evt);\n    }\n  }))));\n});"
         },
         {
           "id": null,