tntd 1.4.16 → 1.4.18

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": "466e55cd524c84d31783",
-  "time": 7904,
-  "builtAt": 1667961438650,
+  "hash": "5269bc5898a83739f491",
+  "time": 10467,
+  "builtAt": 1670917492659,
   "publicPath": "",
   "outputPath": "/Users/zhouzefei/projects/tntd/dist",
   "assetsByChunkName": {
@@ -137,7 +137,7 @@
     },
     {
       "name": "tntd.js",
-      "size": 601607,
+      "size": 601644,
       "chunks": [
         0
       ],
@@ -184,7 +184,7 @@
       "rendered": true,
       "initial": true,
       "entry": true,
-      "size": 892368,
+      "size": 892421,
       "names": [
         "main"
       ],
@@ -192,7 +192,7 @@
         "tntd.css",
         "tntd.js"
       ],
-      "hash": "d79e5baaf87947de6700",
+      "hash": "a3e0d0d009c1584c4402",
       "siblings": [],
       "parents": [],
       "children": [
@@ -555,7 +555,7 @@
               "moduleName": "./components/index.js + 102 modules",
               "type": "harmony side effect evaluation",
               "userRequest": "react",
-              "loc": "1:0-38"
+              "loc": "1:0-31"
             },
             {
               "moduleId": 74,
@@ -564,7 +564,7 @@
               "moduleName": "./components/index.js + 102 modules",
               "type": "harmony side effect evaluation",
               "userRequest": "react",
-              "loc": "1:0-31"
+              "loc": "1:0-38"
             },
             {
               "moduleId": 74,
@@ -789,7 +789,7 @@
               "moduleName": "./components/index.js + 102 modules",
               "type": "harmony side effect evaluation",
               "userRequest": "react",
-              "loc": "21:0-33"
+              "loc": "21:0-51"
             },
             {
               "moduleId": 74,
@@ -807,7 +807,7 @@
               "moduleName": "./components/index.js + 102 modules",
               "type": "harmony side effect evaluation",
               "userRequest": "react",
-              "loc": "21:0-51"
+              "loc": "21:0-33"
             },
             {
               "moduleId": 74,
@@ -1077,7 +1077,7 @@
               "moduleName": "./components/index.js + 102 modules",
               "type": "harmony side effect evaluation",
               "userRequest": "react",
-              "loc": "35:0-41"
+              "loc": "35:0-44"
             },
             {
               "moduleId": 74,
@@ -1086,7 +1086,7 @@
               "moduleName": "./components/index.js + 102 modules",
               "type": "harmony side effect evaluation",
               "userRequest": "react",
-              "loc": "35:0-44"
+              "loc": "35:0-41"
             },
             {
               "moduleId": 74,
@@ -2909,9 +2909,9 @@
           "chunks": [
             0
           ],
-          "issuer": "/Users/zhouzefei/projects/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/zhouzefei/projects/tntd/components/Table/index.js",
+          "issuer": "/Users/zhouzefei/projects/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/zhouzefei/projects/tntd/components/QueryForm/index.js",
           "issuerId": null,
-          "issuerName": "./components/Table/index.js",
+          "issuerName": "./components/QueryForm/index.js",
           "issuerPath": [
             {
               "id": null,
@@ -2920,8 +2920,8 @@
             },
             {
               "id": null,
-              "identifier": "/Users/zhouzefei/projects/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/zhouzefei/projects/tntd/components/Table/index.js",
-              "name": "./components/Table/index.js"
+              "identifier": "/Users/zhouzefei/projects/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/zhouzefei/projects/tntd/components/QueryForm/index.js",
+              "name": "./components/QueryForm/index.js"
             }
           ],
           "failed": false,
@@ -3170,7 +3170,7 @@
               "moduleName": "./components/index.js + 102 modules",
               "type": "harmony import specifier",
               "userRequest": "antd",
-              "loc": "28:29-34"
+              "loc": "28:29-32"
             },
             {
               "moduleId": 74,
@@ -3179,7 +3179,7 @@
               "moduleName": "./components/index.js + 102 modules",
               "type": "harmony import specifier",
               "userRequest": "antd",
-              "loc": "28:29-32"
+              "loc": "28:29-34"
             },
             {
               "moduleId": 74,
@@ -5011,9 +5011,9 @@
           "chunks": [
             0
           ],
-          "issuer": "/Users/zhouzefei/projects/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/zhouzefei/projects/tntd/components/Table/ResizableTable/index.js",
+          "issuer": "/Users/zhouzefei/projects/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/zhouzefei/projects/tntd/components/QueryForm/index.js",
           "issuerId": null,
-          "issuerName": "./components/Table/ResizableTable/index.js",
+          "issuerName": "./components/QueryForm/index.js",
           "issuerPath": [
             {
               "id": null,
@@ -5022,8 +5022,8 @@
             },
             {
               "id": null,
-              "identifier": "/Users/zhouzefei/projects/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/zhouzefei/projects/tntd/components/Table/ResizableTable/index.js",
-              "name": "./components/Table/ResizableTable/index.js"
+              "identifier": "/Users/zhouzefei/projects/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/zhouzefei/projects/tntd/components/QueryForm/index.js",
+              "name": "./components/QueryForm/index.js"
             }
           ],
           "failed": false,
@@ -5263,7 +5263,7 @@
               "moduleName": "./components/index.js + 102 modules",
               "type": "harmony side effect evaluation",
               "userRequest": "lodash",
-              "loc": "38:0-66"
+              "loc": "38:0-29"
             },
             {
               "moduleId": 74,
@@ -5272,7 +5272,7 @@
               "moduleName": "./components/index.js + 102 modules",
               "type": "harmony side effect evaluation",
               "userRequest": "lodash",
-              "loc": "38:0-29"
+              "loc": "38:0-66"
             },
             {
               "moduleId": 74,
@@ -5904,9 +5904,9 @@
           "chunks": [
             0
           ],
-          "issuer": "/Users/zhouzefei/projects/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/zhouzefei/projects/tntd/components/Table/index.js",
+          "issuer": "/Users/zhouzefei/projects/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/zhouzefei/projects/tntd/components/QueryForm/index.js",
           "issuerId": null,
-          "issuerName": "./components/Table/index.js",
+          "issuerName": "./components/QueryForm/index.js",
           "issuerPath": [
             {
               "id": null,
@@ -5915,8 +5915,8 @@
             },
             {
               "id": null,
-              "identifier": "/Users/zhouzefei/projects/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/zhouzefei/projects/tntd/components/Table/index.js",
-              "name": "./components/Table/index.js"
+              "identifier": "/Users/zhouzefei/projects/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/zhouzefei/projects/tntd/components/QueryForm/index.js",
+              "name": "./components/QueryForm/index.js"
             }
           ],
           "failed": false,
@@ -6533,9 +6533,9 @@
           "chunks": [
             0
           ],
-          "issuer": "/Users/zhouzefei/projects/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/zhouzefei/projects/tntd/components/QueryListScene/createActions.js",
+          "issuer": "/Users/zhouzefei/projects/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/zhouzefei/projects/tntd/components/Layout/createActions.js",
           "issuerId": null,
-          "issuerName": "./components/QueryListScene/createActions.js",
+          "issuerName": "./components/Layout/createActions.js",
           "issuerPath": [
             {
               "id": null,
@@ -6544,13 +6544,13 @@
             },
             {
               "id": null,
-              "identifier": "/Users/zhouzefei/projects/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/zhouzefei/projects/tntd/components/QueryListScene/index.js",
-              "name": "./components/QueryListScene/index.js"
+              "identifier": "/Users/zhouzefei/projects/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/zhouzefei/projects/tntd/components/Layout/index.js",
+              "name": "./components/Layout/index.js"
             },
             {
               "id": null,
-              "identifier": "/Users/zhouzefei/projects/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/zhouzefei/projects/tntd/components/QueryListScene/createActions.js",
-              "name": "./components/QueryListScene/createActions.js"
+              "identifier": "/Users/zhouzefei/projects/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/zhouzefei/projects/tntd/components/Layout/createActions.js",
+              "name": "./components/Layout/createActions.js"
             }
           ],
           "failed": false,
@@ -7693,9 +7693,9 @@
           "chunks": [
             0
           ],
-          "issuer": "/Users/zhouzefei/projects/tntd/node_modules/react-resizable/build/Resizable.js",
-          "issuerId": 14,
-          "issuerName": "./node_modules/react-resizable/build/Resizable.js",
+          "issuer": "/Users/zhouzefei/projects/tntd/node_modules/react-resizable/build/ResizableBox.js",
+          "issuerId": 72,
+          "issuerName": "./node_modules/react-resizable/build/ResizableBox.js",
           "issuerPath": [
             {
               "id": null,
@@ -7713,9 +7713,9 @@
               "name": "./node_modules/react-resizable/index.js"
             },
             {
-              "id": 14,
-              "identifier": "/Users/zhouzefei/projects/tntd/node_modules/react-resizable/build/Resizable.js",
-              "name": "./node_modules/react-resizable/build/Resizable.js"
+              "id": 72,
+              "identifier": "/Users/zhouzefei/projects/tntd/node_modules/react-resizable/build/ResizableBox.js",
+              "name": "./node_modules/react-resizable/build/ResizableBox.js"
             }
           ],
           "failed": false,
@@ -11995,7 +11995,7 @@
           "name": "./components/index.js + 102 modules",
           "index": 0,
           "index2": 188,
-          "size": 452905,
+          "size": 452958,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -12445,7 +12445,7 @@
                   "moduleName": "./components/Layout/Layout.js",
                   "type": "harmony import specifier",
                   "userRequest": "../Icon",
-                  "loc": "195:25-29"
+                  "loc": "196:25-29"
                 },
                 {
                   "moduleId": null,
@@ -13887,7 +13887,7 @@
               "name": "./components/Ellipsis/index.js",
               "index": 178,
               "index2": 183,
-              "size": 6917,
+              "size": 6920,
               "cacheable": true,
               "built": true,
               "optional": false,
@@ -13935,7 +13935,7 @@
               ],
               "optimizationBailout": [],
               "depth": 1,
-              "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 _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 _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\n/*\n * @Author: 梁洪刚\n * @CreatDate: 2021-03-31 13:57:32\n * @Describe: 省略号组件\n */\nimport { useState, useEffect, useRef } from 'react';\nimport { Popover, Tooltip } from 'antd';\nimport copy from 'copy-to-clipboard';\nimport CopySVG from './Svg/CopySVG';\nimport TickSVG from './Svg/TickSVG';\nimport './index.less';\nvar tolerance = 0; // In px. Depends on the font you are using\n\nvar isEllipsisActive = function isEllipsisActive(e) {\n  if (e.offsetWidth === e.scrollWidth && e.offsetHeight === e.scrollHeight) {\n    var _e$parentNode, _e$parentNode$getAttr;\n\n    var styleStr = 'overflow:visible; ';\n\n    if (!(e == null ? void 0 : (_e$parentNode = e.parentNode) == null ? void 0 : (_e$parentNode$getAttr = _e$parentNode.getAttribute('style')) == null ? void 0 : _e$parentNode$getAttr.includes('width'))) {\n      styleStr += 'width:100%;';\n    }\n\n    e.parentNode.setAttribute('style', styleStr);\n  }\n\n  return e.offsetWidth + tolerance < e.scrollWidth || e.offsetHeight < e.scrollHeight;\n};\n\nexport default (function (props) {\n  var _props$_popover = props._popover,\n      _popover = _props$_popover === void 0 ? props.Popover : _props$_popover,\n      title = props.title,\n      content = props.content,\n      className = props.className,\n      style = props.style,\n      widthLimit = props.widthLimit,\n      _props$_lines = props._lines,\n      _lines = _props$_lines === void 0 ? props.lines !== 1 && props.lines : _props$_lines,\n      children = props.children,\n      emptyText = props.emptyText,\n      _props$_copyable = props._copyable,\n      _copyable = _props$_copyable === void 0 ? props.copyable : _props$_copyable,\n      prefix = props.prefix,\n      suffix = props.suffix; // allow visible or not state\n\n\n  var _useState = useState(true),\n      _useState2 = _slicedToArray(_useState, 2),\n      flag = _useState2[0],\n      setFlag = _useState2[1]; // visible[Tooltip/Popover] state\n\n\n  var _useState3 = useState(false),\n      _useState4 = _slicedToArray(_useState3, 2),\n      tipVisible = _useState4[0],\n      setTipVisible = _useState4[1]; // copy animation state\n\n\n  var _useState5 = useState(false),\n      _useState6 = _slicedToArray(_useState5, 2),\n      hasCopy = _useState6[0],\n      setHasCopy = _useState6[1];\n\n  var elementRef = useRef();\n  useEffect(function () {\n    elementRef.current && isEllipsisActive(elementRef.current) ? setFlag(true) : (setFlag(false), setTipVisible(false));\n  }); // original Node\n\n  var inner = typeof children === 'string' ? children : _popover ? content : title; // for className\n\n  var getClassName = function getClassName() {\n    return \"overflow \".concat(_lines ? 'ellipsis-wrap' : 'ellipsis-nowrap', \" \").concat(className || '');\n  }; // Tooltip.trigger(default 'hover') ==trigger==> onVisibleChange(visible)\n\n\n  var handleVisibleChange = function handleVisibleChange(visible) {\n    // const { onVisibleChange } = props;\n    // onVisibleChange(visible);\n    flag && setTipVisible(visible);\n  }; // onClick Copy Button\n\n\n  var handleCopy = function handleCopy(innerText) {\n    copy(innerText);\n    setHasCopy(!hasCopy);\n    setTimeout(function () {\n      setHasCopy(false);\n    }, 1000);\n  };\n\n  var renderNode = function renderNode() {\n    var popoverNode = React.createElement(Popover, _extends({}, props, {\n      content: content || children,\n      visible: tipVisible,\n      onVisibleChange: function onVisibleChange(visible) {\n        return handleVisibleChange(visible);\n      }\n    }), React.createElement(\"div\", {\n      className: className,\n      style: {\n        WebkitLineClamp: _lines\n      },\n      ref: elementRef\n    }, children || content));\n    var tooltipNode = React.createElement(Tooltip, _extends({}, props, {\n      title: title || children,\n      visible: tipVisible,\n      onVisibleChange: function onVisibleChange(visible) {\n        return handleVisibleChange(visible);\n      }\n    }), React.createElement(\"div\", {\n      className: className,\n      style: {\n        WebkitLineClamp: _lines\n      },\n      ref: elementRef\n    }, children || title));\n    return _popover ? popoverNode : tooltipNode;\n  };\n\n  return React.createElement(React.Fragment, null, React.createElement(\"div\", {\n    className: \"tnt-ellipsis\",\n    style: _objectSpread({}, style, {\n      maxWidth: widthLimit\n    })\n  }, prefix && prefix, React.createElement(\"div\", {\n    className: getClassName()\n  }, inner ? renderNode() : emptyText), suffix && suffix, inner && _copyable && React.createElement(\"div\", {\n    className: \"svg-button\",\n    onClick: function onClick() {\n      return handleCopy(elementRef.current.innerText);\n    }\n  }, !hasCopy ? React.createElement(CopySVG, null) : React.createElement(TickSVG, null))));\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 _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 _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\n/*\n * @Author: 梁洪刚\n * @CreatDate: 2021-03-31 13:57:32\n * @Describe: 省略号组件\n */\nimport { useState, useEffect, useRef } from 'react';\nimport { Popover, Tooltip } from 'antd';\nimport copy from 'copy-to-clipboard';\nimport CopySVG from './Svg/CopySVG';\nimport TickSVG from './Svg/TickSVG';\nimport './index.less';\nvar tolerance = 0; // In px. Depends on the font you are using\n\nvar isEllipsisActive = function isEllipsisActive(e) {\n  if (e.offsetWidth === e.scrollWidth && e.offsetHeight === e.scrollHeight) {\n    var _e$parentNode, _e$parentNode$getAttr;\n\n    var styleStr = 'overflow:visible; ';\n\n    if (!(e == null ? void 0 : (_e$parentNode = e.parentNode) == null ? void 0 : (_e$parentNode$getAttr = _e$parentNode.getAttribute('style')) == null ? void 0 : _e$parentNode$getAttr.includes('width'))) {\n      styleStr += 'maxWidth:100%;';\n    }\n\n    e.parentNode.setAttribute('style', styleStr);\n  }\n\n  return e.offsetWidth + tolerance < e.scrollWidth || e.offsetHeight < e.scrollHeight;\n};\n\nexport default (function (props) {\n  var _props$_popover = props._popover,\n      _popover = _props$_popover === void 0 ? props.Popover : _props$_popover,\n      title = props.title,\n      content = props.content,\n      className = props.className,\n      style = props.style,\n      widthLimit = props.widthLimit,\n      _props$_lines = props._lines,\n      _lines = _props$_lines === void 0 ? props.lines !== 1 && props.lines : _props$_lines,\n      children = props.children,\n      emptyText = props.emptyText,\n      _props$_copyable = props._copyable,\n      _copyable = _props$_copyable === void 0 ? props.copyable : _props$_copyable,\n      prefix = props.prefix,\n      suffix = props.suffix; // allow visible or not state\n\n\n  var _useState = useState(true),\n      _useState2 = _slicedToArray(_useState, 2),\n      flag = _useState2[0],\n      setFlag = _useState2[1]; // visible[Tooltip/Popover] state\n\n\n  var _useState3 = useState(false),\n      _useState4 = _slicedToArray(_useState3, 2),\n      tipVisible = _useState4[0],\n      setTipVisible = _useState4[1]; // copy animation state\n\n\n  var _useState5 = useState(false),\n      _useState6 = _slicedToArray(_useState5, 2),\n      hasCopy = _useState6[0],\n      setHasCopy = _useState6[1];\n\n  var elementRef = useRef();\n  useEffect(function () {\n    elementRef.current && isEllipsisActive(elementRef.current) ? setFlag(true) : (setFlag(false), setTipVisible(false));\n  }); // original Node\n\n  var inner = typeof children === 'string' ? children : _popover ? content : title; // for className\n\n  var getClassName = function getClassName() {\n    return \"overflow \".concat(_lines ? 'ellipsis-wrap' : 'ellipsis-nowrap', \" \").concat(className || '');\n  }; // Tooltip.trigger(default 'hover') ==trigger==> onVisibleChange(visible)\n\n\n  var handleVisibleChange = function handleVisibleChange(visible) {\n    // const { onVisibleChange } = props;\n    // onVisibleChange(visible);\n    flag && setTipVisible(visible);\n  }; // onClick Copy Button\n\n\n  var handleCopy = function handleCopy(innerText) {\n    copy(innerText);\n    setHasCopy(!hasCopy);\n    setTimeout(function () {\n      setHasCopy(false);\n    }, 1000);\n  };\n\n  var renderNode = function renderNode() {\n    var popoverNode = React.createElement(Popover, _extends({}, props, {\n      content: content || children,\n      visible: tipVisible,\n      onVisibleChange: function onVisibleChange(visible) {\n        return handleVisibleChange(visible);\n      }\n    }), React.createElement(\"div\", {\n      className: className,\n      style: {\n        WebkitLineClamp: _lines\n      },\n      ref: elementRef\n    }, children || content));\n    var tooltipNode = React.createElement(Tooltip, _extends({}, props, {\n      title: title || children,\n      visible: tipVisible,\n      onVisibleChange: function onVisibleChange(visible) {\n        return handleVisibleChange(visible);\n      }\n    }), React.createElement(\"div\", {\n      className: className,\n      style: {\n        WebkitLineClamp: _lines\n      },\n      ref: elementRef\n    }, children || title));\n    return _popover ? popoverNode : tooltipNode;\n  };\n\n  return React.createElement(React.Fragment, null, React.createElement(\"div\", {\n    className: \"tnt-ellipsis\",\n    style: _objectSpread({}, style, {\n      maxWidth: widthLimit\n    })\n  }, prefix && prefix, React.createElement(\"div\", {\n    className: getClassName()\n  }, inner ? renderNode() : emptyText), suffix && suffix, inner && _copyable && React.createElement(\"div\", {\n    className: \"svg-button\",\n    onClick: function onClick() {\n      return handleCopy(elementRef.current.innerText);\n    }\n  }, !hasCopy ? React.createElement(CopySVG, null) : React.createElement(TickSVG, null))));\n});"
             },
             {
               "id": null,
@@ -14853,7 +14853,7 @@
                   "moduleName": "./components/Layout/Layout.js",
                   "type": "harmony import specifier",
                   "userRequest": "./storage",
-                  "loc": "179:8-24"
+                  "loc": "180:8-24"
                 },
                 {
                   "moduleId": null,
@@ -14903,7 +14903,7 @@
               "name": "./components/Layout/Layout.js",
               "index": 2,
               "index2": 97,
-              "size": 11262,
+              "size": 11312,
               "cacheable": true,
               "built": true,
               "optional": false,
@@ -14974,7 +14974,7 @@
               ],
               "optimizationBailout": [],
               "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\nfunction _templateObject() {\n  var data = _taggedTemplateLiteral([\"\\n    position: relative;\\n    .tnt-layout-sider {\\n        overflow-x: hidden;\\n        background: #191D29;\\n    }\\n    .tnt-layout-menu-collapse {\\n        position: absolute;\\n        bottom: 0;\\n        left: 0;\\n        line-height: 36px;\\n        background: #191D29;\\n        box-shadow: 0 0 6px 0 rgb(0 0 0 / 10%);\\n        color: #fff;\\n        width: 100%;\\n        padding-left: 24px;\\n        font-size: 14px;\\n        cursor: pointer;\\n    }\\n    &.isInIframe, &.isEmptyLayout {\\n        .tnt-layout-sider {\\n            display: none;\\n        }\\n    }\\n    &.compatible .tnt-layout-sider {\\n        background: linear-gradient(#213f83, #0f75d6) !important;\\n    }\\n    &.tnt-themeS1 {\\n        .tnt-layout-sider {\\n            background: #fff !important;\\n            overflow-x: unset;\\n        }\\n        .tnt-layout-menu-collapse {\\n            z-index: 3;\\n            background: #fff;\\n            color: \", \";\\n        }\\n    }\\n    // \\u84DD\\u8272\\u7CFB\\u5217\\n    &.tnt-themeS3 {\\n        .tnt-layout-sider {\\n            background-image: linear-gradient(180deg, #213F83 0%, #0F75D6 100%) !important;\\n            overflow-x: unset;\\n        }\\n        .tnt-layout-menu-collapse {\\n            background: #207AD4;\\n            color: #fff;\\n        }\\n    }\\n    & > .ant-layout-content {\\n        background-color: \", \";\\n        & > div:nth-child(2) {\\n            height: calc(100vh - 50px);\\n            overflow: auto;\\n        }\\n    }\\n    &.large-size > .ant-layout-content {\\n        & > div:nth-child(2) {\\n            height: calc(100vh - 60px);\\n        }\\n    }\\n\"]);\n\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 } from 'react';\nimport styled, { withTheme } from 'styled-components';\nimport cn from 'classnames';\nimport { isUndefined } from 'lodash';\nimport { Layout } from 'antd';\nimport Icon from '../Icon';\nimport Header from './Header';\nimport Logo from './Logo';\nimport SideMenu from './SideMenu';\nimport { getSideMenuStore, setSideMenuStore, getLanguageStore, getThemeStore } from './storage';\nvar Content = Layout.Content,\n    Sider = Layout.Sider;\nvar TNTLayout = styled(Layout)(_templateObject(), function (props) {\n  return props.theme.primaryTextColor;\n}, function (props) {\n  return props.theme.lightBgColor;\n});\nexport default withTheme(function (props) {\n  var logo = props.logo,\n      name = props.name,\n      enName = props.enName,\n      selectedOrgKey = props.selectedOrgKey,\n      orgAppShow = props.orgAppShow,\n      orgList = props.orgList,\n      orgAppList = props.orgAppList,\n      onOrgChange = props.onOrgChange,\n      selectedAppKey = props.selectedAppKey,\n      appList = props.appList,\n      selectedMenuKey = props.selectedMenuKey,\n      _props$menuAlignMode = props.menuAlignMode,\n      menuAlignMode = _props$menuAlignMode === void 0 ? 'side' : _props$menuAlignMode,\n      _props$collapseIconPl = props.collapseIconPlacement,\n      collapseIconPlacement = _props$collapseIconPl === void 0 ? 'right' : _props$collapseIconPl,\n      _props$menus = props.menus,\n      menus = _props$menus === void 0 ? [] : _props$menus,\n      formatMenuPath = props.formatMenuPath,\n      changeRouter = props.changeRouter,\n      headerTabs = props.headerTabs,\n      orgTreeConfig = props.orgTreeConfig,\n      headerNavs = props.headerNavs,\n      extraHeaderActions = props.extraHeaderActions,\n      isInIframe = props.isInIframe,\n      isEmptyLayout = props.isEmptyLayout,\n      _props$onLogoClick = props.onLogoClick,\n      onLogoClick = _props$onLogoClick === void 0 ? function () {\n    return null;\n  } : _props$onLogoClick,\n      onCollapseChange = props.onCollapseChange,\n      _onThemeChange = props.onThemeChange,\n      _onLanguageChange = props.onLanguageChange,\n      onBeforeMenuChange = props.onBeforeMenuChange,\n      onMenuChange = props.onMenuChange,\n      onMenuSelect = props.onMenuSelect,\n      onAppChange = props.onAppChange,\n      onPersonalSetting = props.onPersonalSetting,\n      onChangePassword = props.onChangePassword,\n      onLogout = props.onLogout,\n      config = props.config,\n      _props$extendMap = props.extendMap,\n      extendMap = _props$extendMap === void 0 ? {} : _props$extendMap,\n      AvatarCustom = props.AvatarCustom;\n\n  var _getSideMenuStore = getSideMenuStore(),\n      storeCollapsed = _getSideMenuStore.collapsed,\n      _getSideMenuStore$ope = _getSideMenuStore.openKeys,\n      openKeys = _getSideMenuStore$ope === void 0 ? [] : _getSideMenuStore$ope;\n\n  var _useState = useState(isUndefined(storeCollapsed) ? props.collapsed : storeCollapsed),\n      _useState2 = _slicedToArray(_useState, 2),\n      collapsed = _useState2[0],\n      setCollapsed = _useState2[1];\n\n  var _useState3 = useState(function () {\n    openKeys = collapsed ? [] : openKeys;\n    openKeys = openKeys instanceof Array ? openKeys : [];\n    return openKeys;\n  }(openKeys)),\n      _useState4 = _slicedToArray(_useState3, 2),\n      openMenuKeys = _useState4[0],\n      setOpenMenuKeys = _useState4[1];\n\n  var _useState5 = useState(props.userInfo || {}),\n      _useState6 = _slicedToArray(_useState5, 2),\n      userInfo = _useState6[0],\n      setUserInfo = _useState6[1];\n\n  var theme = getThemeStore() || (extendMap == null ? void 0 : extendMap.defaultTheme) || userInfo.theme || 'themeS2';\n  var language = getLanguageStore() || userInfo.lang || 'cn';\n  theme = theme === 'default' ? 'themeS2' : theme;\n\n  var collapseChangeHandle = function collapseChangeHandle() {\n    var _getSideMenuStore2 = getSideMenuStore(),\n        _getSideMenuStore2$be = _getSideMenuStore2.beforeOpenKeys,\n        beforeOpenKeys = _getSideMenuStore2$be === void 0 ? [] : _getSideMenuStore2$be;\n\n    var newCollapsed = !collapsed; // 菜单收起：记住当前展开子菜单到store，并收起子菜单\n\n    if (newCollapsed) {\n      setSideMenuStore({\n        collapsed: newCollapsed,\n        beforeOpenKeys: openMenuKeys\n      });\n      setOpenMenuKeys([]);\n    } else {\n      // 菜单展开：恢复子菜单展开项，并更新到store\n      setSideMenuStore({\n        collapsed: newCollapsed,\n        openKeys: beforeOpenKeys\n      });\n      setOpenMenuKeys(beforeOpenKeys);\n    }\n\n    setCollapsed(newCollapsed);\n    onCollapseChange && onCollapseChange(newCollapsed);\n  };\n\n  useEffect(function () {\n    setUserInfo(props.userInfo);\n  }, [props.userInfo]);\n  return React.createElement(TNTLayout, {\n    className: cn(\"tnt-\".concat(theme, \" \").concat(props.className || ''), {\n      'large-size': props.theme.size === 'large',\n      compatible: props.theme.compatible,\n      isInIframe: isInIframe,\n      isEmptyLayout: isEmptyLayout,\n      noAppList: !appList,\n      hasHeaderTabs: !!headerTabs,\n      collapseIconPlacementBottom: collapseIconPlacement === 'bottom'\n    })\n  }, React.createElement(Sider, {\n    collapsible: true,\n    breakpoint: \"md\",\n    className: \"tnt-layout-sider\",\n    collapsed: collapsed,\n    width: 220,\n    trigger: null\n  }, React.createElement(Logo, {\n    language: language,\n    logo: logo,\n    name: name,\n    enName: enName,\n    collapsed: collapsed,\n    onClick: onLogoClick\n  }), React.createElement(SideMenu, {\n    language: language,\n    selectedKey: selectedMenuKey,\n    menuAlignMode: menuAlignMode,\n    menus: menus,\n    collapsed: collapsed,\n    openKeys: openMenuKeys,\n    onOpenChange: function onOpenChange(keys) {\n      if (!collapsed) {\n        setSideMenuStore({\n          openKeys: keys,\n          beforeOpenKeys: keys\n        });\n      }\n\n      setOpenMenuKeys(keys);\n    },\n    formatMenuPath: formatMenuPath,\n    changeRouter: changeRouter,\n    onBeforeChange: onBeforeMenuChange,\n    onChange: onMenuChange,\n    onSelect: onMenuSelect\n  }), collapseIconPlacement === 'bottom' && React.createElement(\"div\", {\n    className: \"tnt-layout-menu-collapse\",\n    onClick: collapseChangeHandle\n  }, React.createElement(Icon, {\n    type: \"menu-\".concat(collapsed ? 'unfold' : 'fold')\n  }))), React.createElement(Content, null, React.createElement(Header, {\n    userInfo: userInfo,\n    config: config,\n    collapsed: collapsed,\n    collapseIconPlacement: collapseIconPlacement,\n    orgAppShow: orgAppShow,\n    orgList: orgList,\n    orgTreeConfig: orgTreeConfig,\n    orgAppList: orgAppList,\n    onOrgChange: onOrgChange,\n    selectedOrgKey: selectedOrgKey,\n    selectedAppKey: selectedAppKey,\n    appList: appList,\n    menus: menus,\n    headerTabs: headerTabs,\n    extraActions: extraHeaderActions,\n    onAppChange: onAppChange,\n    onCollapseChange: collapseChangeHandle,\n    AvatarCustom: AvatarCustom,\n    onThemeChange: function onThemeChange(theme) {\n      setUserInfo(_objectSpread({}, userInfo, {\n        theme: theme\n      }));\n      _onThemeChange && _onThemeChange(theme);\n    },\n    onLanguageChange: function onLanguageChange(lang) {\n      setUserInfo(_objectSpread({}, userInfo, {\n        lang: lang\n      }));\n      _onLanguageChange && _onLanguageChange(lang);\n    },\n    onPersonalSetting: onPersonalSetting,\n    onChangePassword: onChangePassword,\n    onLogout: onLogout\n  }, headerNavs), props.children));\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\nfunction _templateObject() {\n  var data = _taggedTemplateLiteral([\"\\n    position: relative;\\n    .tnt-layout-sider {\\n        overflow-x: hidden;\\n        background: #191D29;\\n    }\\n    .tnt-layout-menu-collapse {\\n        position: absolute;\\n        bottom: 0;\\n        left: 0;\\n        line-height: 36px;\\n        background: #191D29;\\n        box-shadow: 0 0 6px 0 rgb(0 0 0 / 10%);\\n        color: #fff;\\n        width: 100%;\\n        padding-left: 24px;\\n        font-size: 14px;\\n        cursor: pointer;\\n    }\\n    &.isInIframe, &.isEmptyLayout {\\n        .tnt-layout-sider {\\n            display: none;\\n        }\\n    }\\n    &.compatible .tnt-layout-sider {\\n        background: linear-gradient(#213f83, #0f75d6) !important;\\n    }\\n    &.tnt-themeS1 {\\n        .tnt-layout-sider {\\n            background: #fff !important;\\n            overflow-x: unset;\\n        }\\n        .tnt-layout-menu-collapse {\\n            z-index: 3;\\n            background: #fff;\\n            color: \", \";\\n        }\\n    }\\n    // \\u84DD\\u8272\\u7CFB\\u5217\\n    &.tnt-themeS3 {\\n        .tnt-layout-sider {\\n            background-image: linear-gradient(180deg, #213F83 0%, #0F75D6 100%) !important;\\n            overflow-x: unset;\\n        }\\n        .tnt-layout-menu-collapse {\\n            background: #207AD4;\\n            color: #fff;\\n        }\\n    }\\n    & > .ant-layout-content {\\n        background-color: \", \";\\n        & > div:nth-child(2) {\\n            height: calc(100vh - 50px);\\n            overflow: auto;\\n        }\\n    }\\n    &.large-size > .ant-layout-content {\\n        & > div:nth-child(2) {\\n            height: calc(100vh - 60px);\\n        }\\n    }\\n\"]);\n\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 } from 'react';\nimport styled, { withTheme } from 'styled-components';\nimport cn from 'classnames';\nimport { isUndefined } from 'lodash';\nimport { Layout } from 'antd';\nimport Icon from '../Icon';\nimport Header from './Header';\nimport Logo from './Logo';\nimport SideMenu from './SideMenu';\nimport { getSideMenuStore, setSideMenuStore, getLanguageStore, getThemeStore } from './storage';\nvar Content = Layout.Content,\n    Sider = Layout.Sider;\nvar TNTLayout = styled(Layout)(_templateObject(), function (props) {\n  return props.theme.primaryTextColor;\n}, function (props) {\n  return props.theme.lightBgColor;\n});\nexport default withTheme(function (props) {\n  var logo = props.logo,\n      name = props.name,\n      enName = props.enName,\n      selectedOrgKey = props.selectedOrgKey,\n      orgAppShow = props.orgAppShow,\n      orgList = props.orgList,\n      orgAppList = props.orgAppList,\n      onOrgChange = props.onOrgChange,\n      selectedAppKey = props.selectedAppKey,\n      appList = props.appList,\n      selectedMenuKey = props.selectedMenuKey,\n      _props$menuAlignMode = props.menuAlignMode,\n      menuAlignMode = _props$menuAlignMode === void 0 ? 'side' : _props$menuAlignMode,\n      _props$collapseIconPl = props.collapseIconPlacement,\n      collapseIconPlacement = _props$collapseIconPl === void 0 ? 'right' : _props$collapseIconPl,\n      _props$menus = props.menus,\n      menus = _props$menus === void 0 ? [] : _props$menus,\n      formatMenuPath = props.formatMenuPath,\n      changeRouter = props.changeRouter,\n      headerTabs = props.headerTabs,\n      orgTreeConfig = props.orgTreeConfig,\n      headerNavs = props.headerNavs,\n      extraHeaderActions = props.extraHeaderActions,\n      isInIframe = props.isInIframe,\n      isEmptyLayout = props.isEmptyLayout,\n      _props$onLogoClick = props.onLogoClick,\n      onLogoClick = _props$onLogoClick === void 0 ? function () {\n    return null;\n  } : _props$onLogoClick,\n      onCollapseChange = props.onCollapseChange,\n      _onThemeChange = props.onThemeChange,\n      _onLanguageChange = props.onLanguageChange,\n      onBeforeMenuChange = props.onBeforeMenuChange,\n      onMenuChange = props.onMenuChange,\n      onMenuSelect = props.onMenuSelect,\n      onAppChange = props.onAppChange,\n      onPersonalSetting = props.onPersonalSetting,\n      onChangePassword = props.onChangePassword,\n      onLogout = props.onLogout,\n      config = props.config,\n      _props$extendMap = props.extendMap,\n      extendMap = _props$extendMap === void 0 ? {} : _props$extendMap,\n      AvatarCustom = props.AvatarCustom;\n\n  var _getSideMenuStore = getSideMenuStore(),\n      storeCollapsed = _getSideMenuStore.collapsed,\n      _getSideMenuStore$ope = _getSideMenuStore.openKeys,\n      openKeys = _getSideMenuStore$ope === void 0 ? [] : _getSideMenuStore$ope;\n\n  var _useState = useState(isUndefined(storeCollapsed) ? props.collapsed : storeCollapsed),\n      _useState2 = _slicedToArray(_useState, 2),\n      collapsed = _useState2[0],\n      setCollapsed = _useState2[1];\n\n  var _useState3 = useState(function () {\n    openKeys = collapsed ? [] : openKeys;\n    openKeys = openKeys instanceof Array ? openKeys : [];\n    return openKeys;\n  }(openKeys)),\n      _useState4 = _slicedToArray(_useState3, 2),\n      openMenuKeys = _useState4[0],\n      setOpenMenuKeys = _useState4[1];\n\n  var _useState5 = useState(props.userInfo || {}),\n      _useState6 = _slicedToArray(_useState5, 2),\n      userInfo = _useState6[0],\n      setUserInfo = _useState6[1];\n\n  var theme = getThemeStore() || (extendMap == null ? void 0 : extendMap.defaultTheme) || userInfo.theme || 'themeS2';\n  var language = getLanguageStore() || userInfo.lang || 'cn';\n  theme = theme === 'default' ? 'themeS2' : theme;\n\n  var collapseChangeHandle = function collapseChangeHandle() {\n    var _getSideMenuStore2 = getSideMenuStore(),\n        _getSideMenuStore2$be = _getSideMenuStore2.beforeOpenKeys,\n        beforeOpenKeys = _getSideMenuStore2$be === void 0 ? [] : _getSideMenuStore2$be;\n\n    var newCollapsed = !collapsed; // 菜单收起：记住当前展开子菜单到store，并收起子菜单\n\n    if (newCollapsed) {\n      setSideMenuStore({\n        collapsed: newCollapsed,\n        beforeOpenKeys: openMenuKeys\n      });\n      setOpenMenuKeys([]);\n    } else {\n      // 菜单展开：恢复子菜单展开项，并更新到store\n      setSideMenuStore({\n        collapsed: newCollapsed,\n        openKeys: beforeOpenKeys\n      });\n      setOpenMenuKeys(beforeOpenKeys);\n    }\n\n    setCollapsed(newCollapsed);\n    onCollapseChange && onCollapseChange(newCollapsed);\n  };\n\n  useEffect(function () {\n    setUserInfo(props.userInfo);\n  }, [props.userInfo]);\n  return React.createElement(TNTLayout, {\n    className: cn(\"tnt-layout tnt-\".concat(theme, \" \").concat(props.className || ''), {\n      'large-size': props.theme.size === 'large',\n      compatible: props.theme.compatible,\n      isInIframe: isInIframe,\n      isEmptyLayout: isEmptyLayout,\n      noAppList: !appList,\n      hasHeaderTabs: !!headerTabs,\n      layoutMenusCollapsed: collapsed,\n      collapseIconPlacementBottom: collapseIconPlacement === 'bottom'\n    })\n  }, React.createElement(Sider, {\n    collapsible: true,\n    breakpoint: \"md\",\n    className: \"tnt-layout-sider\",\n    collapsed: collapsed,\n    width: 220,\n    trigger: null\n  }, React.createElement(Logo, {\n    language: language,\n    logo: logo,\n    name: name,\n    enName: enName,\n    collapsed: collapsed,\n    onClick: onLogoClick\n  }), React.createElement(SideMenu, {\n    language: language,\n    selectedKey: selectedMenuKey,\n    menuAlignMode: menuAlignMode,\n    menus: menus,\n    collapsed: collapsed,\n    openKeys: openMenuKeys,\n    onOpenChange: function onOpenChange(keys) {\n      if (!collapsed) {\n        setSideMenuStore({\n          openKeys: keys,\n          beforeOpenKeys: keys\n        });\n      }\n\n      setOpenMenuKeys(keys);\n    },\n    formatMenuPath: formatMenuPath,\n    changeRouter: changeRouter,\n    onBeforeChange: onBeforeMenuChange,\n    onChange: onMenuChange,\n    onSelect: onMenuSelect\n  }), collapseIconPlacement === 'bottom' && React.createElement(\"div\", {\n    className: \"tnt-layout-menu-collapse\",\n    onClick: collapseChangeHandle\n  }, React.createElement(Icon, {\n    type: \"menu-\".concat(collapsed ? 'unfold' : 'fold')\n  }))), React.createElement(Content, null, React.createElement(Header, {\n    userInfo: userInfo,\n    config: config,\n    collapsed: collapsed,\n    collapseIconPlacement: collapseIconPlacement,\n    orgAppShow: orgAppShow,\n    orgList: orgList,\n    orgTreeConfig: orgTreeConfig,\n    orgAppList: orgAppList,\n    onOrgChange: onOrgChange,\n    selectedOrgKey: selectedOrgKey,\n    selectedAppKey: selectedAppKey,\n    appList: appList,\n    menus: menus,\n    headerTabs: headerTabs,\n    extraActions: extraHeaderActions,\n    onAppChange: onAppChange,\n    onCollapseChange: collapseChangeHandle,\n    AvatarCustom: AvatarCustom,\n    onThemeChange: function onThemeChange(theme) {\n      setUserInfo(_objectSpread({}, userInfo, {\n        theme: theme\n      }));\n      _onThemeChange && _onThemeChange(theme);\n    },\n    onLanguageChange: function onLanguageChange(lang) {\n      setUserInfo(_objectSpread({}, userInfo, {\n        lang: lang\n      }));\n      _onLanguageChange && _onLanguageChange(lang);\n    },\n    onPersonalSetting: onPersonalSetting,\n    onChangePassword: onChangePassword,\n    onLogout: onLogout\n  }, headerNavs), props.children));\n});"
             },
             {
               "id": null,
@@ -17252,7 +17252,7 @@
                   "moduleName": "./components/Layout/Layout.js",
                   "type": "harmony import specifier",
                   "userRequest": "./Header",
-                  "loc": "197:63-69"
+                  "loc": "198:63-69"
                 }
               ],
               "usedExports": [
@@ -17336,7 +17336,7 @@
                   "moduleName": "./components/Layout/Layout.js",
                   "type": "harmony import specifier",
                   "userRequest": "./Logo",
-                  "loc": "163:25-29"
+                  "loc": "164:25-29"
                 }
               ],
               "usedExports": [
@@ -17402,7 +17402,7 @@
                   "moduleName": "./components/Layout/Layout.js",
                   "type": "harmony import specifier",
                   "userRequest": "./SideMenu",
-                  "loc": "170:26-34"
+                  "loc": "171:26-34"
                 }
               ],
               "usedExports": [
@@ -22390,7 +22390,7 @@
           "moduleName": "./components/index.js + 102 modules",
           "type": "harmony side effect evaluation",
           "userRequest": "react",
-          "loc": "1:0-38"
+          "loc": "1:0-31"
         },
         {
           "moduleId": 74,
@@ -22399,7 +22399,7 @@
           "moduleName": "./components/index.js + 102 modules",
           "type": "harmony side effect evaluation",
           "userRequest": "react",
-          "loc": "1:0-31"
+          "loc": "1:0-38"
         },
         {
           "moduleId": 74,
@@ -22624,7 +22624,7 @@
           "moduleName": "./components/index.js + 102 modules",
           "type": "harmony side effect evaluation",
           "userRequest": "react",
-          "loc": "21:0-33"
+          "loc": "21:0-51"
         },
         {
           "moduleId": 74,
@@ -22642,7 +22642,7 @@
           "moduleName": "./components/index.js + 102 modules",
           "type": "harmony side effect evaluation",
           "userRequest": "react",
-          "loc": "21:0-51"
+          "loc": "21:0-33"
         },
         {
           "moduleId": 74,
@@ -22912,7 +22912,7 @@
           "moduleName": "./components/index.js + 102 modules",
           "type": "harmony side effect evaluation",
           "userRequest": "react",
-          "loc": "35:0-41"
+          "loc": "35:0-44"
         },
         {
           "moduleId": 74,
@@ -22921,7 +22921,7 @@
           "moduleName": "./components/index.js + 102 modules",
           "type": "harmony side effect evaluation",
           "userRequest": "react",
-          "loc": "35:0-44"
+          "loc": "35:0-41"
         },
         {
           "moduleId": 74,
@@ -24744,9 +24744,9 @@
       "chunks": [
         0
       ],
-      "issuer": "/Users/zhouzefei/projects/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/zhouzefei/projects/tntd/components/Table/index.js",
+      "issuer": "/Users/zhouzefei/projects/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/zhouzefei/projects/tntd/components/QueryForm/index.js",
       "issuerId": null,
-      "issuerName": "./components/Table/index.js",
+      "issuerName": "./components/QueryForm/index.js",
       "issuerPath": [
         {
           "id": null,
@@ -24755,8 +24755,8 @@
         },
         {
           "id": null,
-          "identifier": "/Users/zhouzefei/projects/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/zhouzefei/projects/tntd/components/Table/index.js",
-          "name": "./components/Table/index.js"
+          "identifier": "/Users/zhouzefei/projects/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/zhouzefei/projects/tntd/components/QueryForm/index.js",
+          "name": "./components/QueryForm/index.js"
         }
       ],
       "failed": false,
@@ -25005,7 +25005,7 @@
           "moduleName": "./components/index.js + 102 modules",
           "type": "harmony import specifier",
           "userRequest": "antd",
-          "loc": "28:29-34"
+          "loc": "28:29-32"
         },
         {
           "moduleId": 74,
@@ -25014,7 +25014,7 @@
           "moduleName": "./components/index.js + 102 modules",
           "type": "harmony import specifier",
           "userRequest": "antd",
-          "loc": "28:29-32"
+          "loc": "28:29-34"
         },
         {
           "moduleId": 74,
@@ -26846,9 +26846,9 @@
       "chunks": [
         0
       ],
-      "issuer": "/Users/zhouzefei/projects/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/zhouzefei/projects/tntd/components/Table/ResizableTable/index.js",
+      "issuer": "/Users/zhouzefei/projects/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/zhouzefei/projects/tntd/components/QueryForm/index.js",
       "issuerId": null,
-      "issuerName": "./components/Table/ResizableTable/index.js",
+      "issuerName": "./components/QueryForm/index.js",
       "issuerPath": [
         {
           "id": null,
@@ -26857,8 +26857,8 @@
         },
         {
           "id": null,
-          "identifier": "/Users/zhouzefei/projects/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/zhouzefei/projects/tntd/components/Table/ResizableTable/index.js",
-          "name": "./components/Table/ResizableTable/index.js"
+          "identifier": "/Users/zhouzefei/projects/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/zhouzefei/projects/tntd/components/QueryForm/index.js",
+          "name": "./components/QueryForm/index.js"
         }
       ],
       "failed": false,
@@ -27098,7 +27098,7 @@
           "moduleName": "./components/index.js + 102 modules",
           "type": "harmony side effect evaluation",
           "userRequest": "lodash",
-          "loc": "38:0-66"
+          "loc": "38:0-29"
         },
         {
           "moduleId": 74,
@@ -27107,7 +27107,7 @@
           "moduleName": "./components/index.js + 102 modules",
           "type": "harmony side effect evaluation",
           "userRequest": "lodash",
-          "loc": "38:0-29"
+          "loc": "38:0-66"
         },
         {
           "moduleId": 74,
@@ -27739,9 +27739,9 @@
       "chunks": [
         0
       ],
-      "issuer": "/Users/zhouzefei/projects/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/zhouzefei/projects/tntd/components/Table/index.js",
+      "issuer": "/Users/zhouzefei/projects/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/zhouzefei/projects/tntd/components/QueryForm/index.js",
       "issuerId": null,
-      "issuerName": "./components/Table/index.js",
+      "issuerName": "./components/QueryForm/index.js",
       "issuerPath": [
         {
           "id": null,
@@ -27750,8 +27750,8 @@
         },
         {
           "id": null,
-          "identifier": "/Users/zhouzefei/projects/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/zhouzefei/projects/tntd/components/Table/index.js",
-          "name": "./components/Table/index.js"
+          "identifier": "/Users/zhouzefei/projects/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/zhouzefei/projects/tntd/components/QueryForm/index.js",
+          "name": "./components/QueryForm/index.js"
         }
       ],
       "failed": false,
@@ -28368,9 +28368,9 @@
       "chunks": [
         0
       ],
-      "issuer": "/Users/zhouzefei/projects/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/zhouzefei/projects/tntd/components/QueryListScene/createActions.js",
+      "issuer": "/Users/zhouzefei/projects/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/zhouzefei/projects/tntd/components/Layout/createActions.js",
       "issuerId": null,
-      "issuerName": "./components/QueryListScene/createActions.js",
+      "issuerName": "./components/Layout/createActions.js",
       "issuerPath": [
         {
           "id": null,
@@ -28379,13 +28379,13 @@
         },
         {
           "id": null,
-          "identifier": "/Users/zhouzefei/projects/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/zhouzefei/projects/tntd/components/QueryListScene/index.js",
-          "name": "./components/QueryListScene/index.js"
+          "identifier": "/Users/zhouzefei/projects/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/zhouzefei/projects/tntd/components/Layout/index.js",
+          "name": "./components/Layout/index.js"
         },
         {
           "id": null,
-          "identifier": "/Users/zhouzefei/projects/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/zhouzefei/projects/tntd/components/QueryListScene/createActions.js",
-          "name": "./components/QueryListScene/createActions.js"
+          "identifier": "/Users/zhouzefei/projects/tntd/node_modules/babel-loader/lib/index.js?cacheDirectory=true!/Users/zhouzefei/projects/tntd/components/Layout/createActions.js",
+          "name": "./components/Layout/createActions.js"
         }
       ],
       "failed": false,
@@ -29528,9 +29528,9 @@
       "chunks": [
         0
       ],
-      "issuer": "/Users/zhouzefei/projects/tntd/node_modules/react-resizable/build/Resizable.js",
-      "issuerId": 14,
-      "issuerName": "./node_modules/react-resizable/build/Resizable.js",
+      "issuer": "/Users/zhouzefei/projects/tntd/node_modules/react-resizable/build/ResizableBox.js",
+      "issuerId": 72,
+      "issuerName": "./node_modules/react-resizable/build/ResizableBox.js",
       "issuerPath": [
         {
           "id": null,
@@ -29548,9 +29548,9 @@
           "name": "./node_modules/react-resizable/index.js"
         },
         {
-          "id": 14,
-          "identifier": "/Users/zhouzefei/projects/tntd/node_modules/react-resizable/build/Resizable.js",
-          "name": "./node_modules/react-resizable/build/Resizable.js"
+          "id": 72,
+          "identifier": "/Users/zhouzefei/projects/tntd/node_modules/react-resizable/build/ResizableBox.js",
+          "name": "./node_modules/react-resizable/build/ResizableBox.js"
         }
       ],
       "failed": false,
@@ -33830,7 +33830,7 @@
       "name": "./components/index.js + 102 modules",
       "index": 0,
       "index2": 188,
-      "size": 452905,
+      "size": 452958,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -34280,7 +34280,7 @@
               "moduleName": "./components/Layout/Layout.js",
               "type": "harmony import specifier",
               "userRequest": "../Icon",
-              "loc": "195:25-29"
+              "loc": "196:25-29"
             },
             {
               "moduleId": null,
@@ -35722,7 +35722,7 @@
           "name": "./components/Ellipsis/index.js",
           "index": 178,
           "index2": 183,
-          "size": 6917,
+          "size": 6920,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -35770,7 +35770,7 @@
           ],
           "optimizationBailout": [],
           "depth": 1,
-          "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 _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 _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\n/*\n * @Author: 梁洪刚\n * @CreatDate: 2021-03-31 13:57:32\n * @Describe: 省略号组件\n */\nimport { useState, useEffect, useRef } from 'react';\nimport { Popover, Tooltip } from 'antd';\nimport copy from 'copy-to-clipboard';\nimport CopySVG from './Svg/CopySVG';\nimport TickSVG from './Svg/TickSVG';\nimport './index.less';\nvar tolerance = 0; // In px. Depends on the font you are using\n\nvar isEllipsisActive = function isEllipsisActive(e) {\n  if (e.offsetWidth === e.scrollWidth && e.offsetHeight === e.scrollHeight) {\n    var _e$parentNode, _e$parentNode$getAttr;\n\n    var styleStr = 'overflow:visible; ';\n\n    if (!(e == null ? void 0 : (_e$parentNode = e.parentNode) == null ? void 0 : (_e$parentNode$getAttr = _e$parentNode.getAttribute('style')) == null ? void 0 : _e$parentNode$getAttr.includes('width'))) {\n      styleStr += 'width:100%;';\n    }\n\n    e.parentNode.setAttribute('style', styleStr);\n  }\n\n  return e.offsetWidth + tolerance < e.scrollWidth || e.offsetHeight < e.scrollHeight;\n};\n\nexport default (function (props) {\n  var _props$_popover = props._popover,\n      _popover = _props$_popover === void 0 ? props.Popover : _props$_popover,\n      title = props.title,\n      content = props.content,\n      className = props.className,\n      style = props.style,\n      widthLimit = props.widthLimit,\n      _props$_lines = props._lines,\n      _lines = _props$_lines === void 0 ? props.lines !== 1 && props.lines : _props$_lines,\n      children = props.children,\n      emptyText = props.emptyText,\n      _props$_copyable = props._copyable,\n      _copyable = _props$_copyable === void 0 ? props.copyable : _props$_copyable,\n      prefix = props.prefix,\n      suffix = props.suffix; // allow visible or not state\n\n\n  var _useState = useState(true),\n      _useState2 = _slicedToArray(_useState, 2),\n      flag = _useState2[0],\n      setFlag = _useState2[1]; // visible[Tooltip/Popover] state\n\n\n  var _useState3 = useState(false),\n      _useState4 = _slicedToArray(_useState3, 2),\n      tipVisible = _useState4[0],\n      setTipVisible = _useState4[1]; // copy animation state\n\n\n  var _useState5 = useState(false),\n      _useState6 = _slicedToArray(_useState5, 2),\n      hasCopy = _useState6[0],\n      setHasCopy = _useState6[1];\n\n  var elementRef = useRef();\n  useEffect(function () {\n    elementRef.current && isEllipsisActive(elementRef.current) ? setFlag(true) : (setFlag(false), setTipVisible(false));\n  }); // original Node\n\n  var inner = typeof children === 'string' ? children : _popover ? content : title; // for className\n\n  var getClassName = function getClassName() {\n    return \"overflow \".concat(_lines ? 'ellipsis-wrap' : 'ellipsis-nowrap', \" \").concat(className || '');\n  }; // Tooltip.trigger(default 'hover') ==trigger==> onVisibleChange(visible)\n\n\n  var handleVisibleChange = function handleVisibleChange(visible) {\n    // const { onVisibleChange } = props;\n    // onVisibleChange(visible);\n    flag && setTipVisible(visible);\n  }; // onClick Copy Button\n\n\n  var handleCopy = function handleCopy(innerText) {\n    copy(innerText);\n    setHasCopy(!hasCopy);\n    setTimeout(function () {\n      setHasCopy(false);\n    }, 1000);\n  };\n\n  var renderNode = function renderNode() {\n    var popoverNode = React.createElement(Popover, _extends({}, props, {\n      content: content || children,\n      visible: tipVisible,\n      onVisibleChange: function onVisibleChange(visible) {\n        return handleVisibleChange(visible);\n      }\n    }), React.createElement(\"div\", {\n      className: className,\n      style: {\n        WebkitLineClamp: _lines\n      },\n      ref: elementRef\n    }, children || content));\n    var tooltipNode = React.createElement(Tooltip, _extends({}, props, {\n      title: title || children,\n      visible: tipVisible,\n      onVisibleChange: function onVisibleChange(visible) {\n        return handleVisibleChange(visible);\n      }\n    }), React.createElement(\"div\", {\n      className: className,\n      style: {\n        WebkitLineClamp: _lines\n      },\n      ref: elementRef\n    }, children || title));\n    return _popover ? popoverNode : tooltipNode;\n  };\n\n  return React.createElement(React.Fragment, null, React.createElement(\"div\", {\n    className: \"tnt-ellipsis\",\n    style: _objectSpread({}, style, {\n      maxWidth: widthLimit\n    })\n  }, prefix && prefix, React.createElement(\"div\", {\n    className: getClassName()\n  }, inner ? renderNode() : emptyText), suffix && suffix, inner && _copyable && React.createElement(\"div\", {\n    className: \"svg-button\",\n    onClick: function onClick() {\n      return handleCopy(elementRef.current.innerText);\n    }\n  }, !hasCopy ? React.createElement(CopySVG, null) : React.createElement(TickSVG, null))));\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 _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 _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\n/*\n * @Author: 梁洪刚\n * @CreatDate: 2021-03-31 13:57:32\n * @Describe: 省略号组件\n */\nimport { useState, useEffect, useRef } from 'react';\nimport { Popover, Tooltip } from 'antd';\nimport copy from 'copy-to-clipboard';\nimport CopySVG from './Svg/CopySVG';\nimport TickSVG from './Svg/TickSVG';\nimport './index.less';\nvar tolerance = 0; // In px. Depends on the font you are using\n\nvar isEllipsisActive = function isEllipsisActive(e) {\n  if (e.offsetWidth === e.scrollWidth && e.offsetHeight === e.scrollHeight) {\n    var _e$parentNode, _e$parentNode$getAttr;\n\n    var styleStr = 'overflow:visible; ';\n\n    if (!(e == null ? void 0 : (_e$parentNode = e.parentNode) == null ? void 0 : (_e$parentNode$getAttr = _e$parentNode.getAttribute('style')) == null ? void 0 : _e$parentNode$getAttr.includes('width'))) {\n      styleStr += 'maxWidth:100%;';\n    }\n\n    e.parentNode.setAttribute('style', styleStr);\n  }\n\n  return e.offsetWidth + tolerance < e.scrollWidth || e.offsetHeight < e.scrollHeight;\n};\n\nexport default (function (props) {\n  var _props$_popover = props._popover,\n      _popover = _props$_popover === void 0 ? props.Popover : _props$_popover,\n      title = props.title,\n      content = props.content,\n      className = props.className,\n      style = props.style,\n      widthLimit = props.widthLimit,\n      _props$_lines = props._lines,\n      _lines = _props$_lines === void 0 ? props.lines !== 1 && props.lines : _props$_lines,\n      children = props.children,\n      emptyText = props.emptyText,\n      _props$_copyable = props._copyable,\n      _copyable = _props$_copyable === void 0 ? props.copyable : _props$_copyable,\n      prefix = props.prefix,\n      suffix = props.suffix; // allow visible or not state\n\n\n  var _useState = useState(true),\n      _useState2 = _slicedToArray(_useState, 2),\n      flag = _useState2[0],\n      setFlag = _useState2[1]; // visible[Tooltip/Popover] state\n\n\n  var _useState3 = useState(false),\n      _useState4 = _slicedToArray(_useState3, 2),\n      tipVisible = _useState4[0],\n      setTipVisible = _useState4[1]; // copy animation state\n\n\n  var _useState5 = useState(false),\n      _useState6 = _slicedToArray(_useState5, 2),\n      hasCopy = _useState6[0],\n      setHasCopy = _useState6[1];\n\n  var elementRef = useRef();\n  useEffect(function () {\n    elementRef.current && isEllipsisActive(elementRef.current) ? setFlag(true) : (setFlag(false), setTipVisible(false));\n  }); // original Node\n\n  var inner = typeof children === 'string' ? children : _popover ? content : title; // for className\n\n  var getClassName = function getClassName() {\n    return \"overflow \".concat(_lines ? 'ellipsis-wrap' : 'ellipsis-nowrap', \" \").concat(className || '');\n  }; // Tooltip.trigger(default 'hover') ==trigger==> onVisibleChange(visible)\n\n\n  var handleVisibleChange = function handleVisibleChange(visible) {\n    // const { onVisibleChange } = props;\n    // onVisibleChange(visible);\n    flag && setTipVisible(visible);\n  }; // onClick Copy Button\n\n\n  var handleCopy = function handleCopy(innerText) {\n    copy(innerText);\n    setHasCopy(!hasCopy);\n    setTimeout(function () {\n      setHasCopy(false);\n    }, 1000);\n  };\n\n  var renderNode = function renderNode() {\n    var popoverNode = React.createElement(Popover, _extends({}, props, {\n      content: content || children,\n      visible: tipVisible,\n      onVisibleChange: function onVisibleChange(visible) {\n        return handleVisibleChange(visible);\n      }\n    }), React.createElement(\"div\", {\n      className: className,\n      style: {\n        WebkitLineClamp: _lines\n      },\n      ref: elementRef\n    }, children || content));\n    var tooltipNode = React.createElement(Tooltip, _extends({}, props, {\n      title: title || children,\n      visible: tipVisible,\n      onVisibleChange: function onVisibleChange(visible) {\n        return handleVisibleChange(visible);\n      }\n    }), React.createElement(\"div\", {\n      className: className,\n      style: {\n        WebkitLineClamp: _lines\n      },\n      ref: elementRef\n    }, children || title));\n    return _popover ? popoverNode : tooltipNode;\n  };\n\n  return React.createElement(React.Fragment, null, React.createElement(\"div\", {\n    className: \"tnt-ellipsis\",\n    style: _objectSpread({}, style, {\n      maxWidth: widthLimit\n    })\n  }, prefix && prefix, React.createElement(\"div\", {\n    className: getClassName()\n  }, inner ? renderNode() : emptyText), suffix && suffix, inner && _copyable && React.createElement(\"div\", {\n    className: \"svg-button\",\n    onClick: function onClick() {\n      return handleCopy(elementRef.current.innerText);\n    }\n  }, !hasCopy ? React.createElement(CopySVG, null) : React.createElement(TickSVG, null))));\n});"
         },
         {
           "id": null,
@@ -36688,7 +36688,7 @@
               "moduleName": "./components/Layout/Layout.js",
               "type": "harmony import specifier",
               "userRequest": "./storage",
-              "loc": "179:8-24"
+              "loc": "180:8-24"
             },
             {
               "moduleId": null,
@@ -36738,7 +36738,7 @@
           "name": "./components/Layout/Layout.js",
           "index": 2,
           "index2": 97,
-          "size": 11262,
+          "size": 11312,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -36809,7 +36809,7 @@
           ],
           "optimizationBailout": [],
           "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\nfunction _templateObject() {\n  var data = _taggedTemplateLiteral([\"\\n    position: relative;\\n    .tnt-layout-sider {\\n        overflow-x: hidden;\\n        background: #191D29;\\n    }\\n    .tnt-layout-menu-collapse {\\n        position: absolute;\\n        bottom: 0;\\n        left: 0;\\n        line-height: 36px;\\n        background: #191D29;\\n        box-shadow: 0 0 6px 0 rgb(0 0 0 / 10%);\\n        color: #fff;\\n        width: 100%;\\n        padding-left: 24px;\\n        font-size: 14px;\\n        cursor: pointer;\\n    }\\n    &.isInIframe, &.isEmptyLayout {\\n        .tnt-layout-sider {\\n            display: none;\\n        }\\n    }\\n    &.compatible .tnt-layout-sider {\\n        background: linear-gradient(#213f83, #0f75d6) !important;\\n    }\\n    &.tnt-themeS1 {\\n        .tnt-layout-sider {\\n            background: #fff !important;\\n            overflow-x: unset;\\n        }\\n        .tnt-layout-menu-collapse {\\n            z-index: 3;\\n            background: #fff;\\n            color: \", \";\\n        }\\n    }\\n    // \\u84DD\\u8272\\u7CFB\\u5217\\n    &.tnt-themeS3 {\\n        .tnt-layout-sider {\\n            background-image: linear-gradient(180deg, #213F83 0%, #0F75D6 100%) !important;\\n            overflow-x: unset;\\n        }\\n        .tnt-layout-menu-collapse {\\n            background: #207AD4;\\n            color: #fff;\\n        }\\n    }\\n    & > .ant-layout-content {\\n        background-color: \", \";\\n        & > div:nth-child(2) {\\n            height: calc(100vh - 50px);\\n            overflow: auto;\\n        }\\n    }\\n    &.large-size > .ant-layout-content {\\n        & > div:nth-child(2) {\\n            height: calc(100vh - 60px);\\n        }\\n    }\\n\"]);\n\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 } from 'react';\nimport styled, { withTheme } from 'styled-components';\nimport cn from 'classnames';\nimport { isUndefined } from 'lodash';\nimport { Layout } from 'antd';\nimport Icon from '../Icon';\nimport Header from './Header';\nimport Logo from './Logo';\nimport SideMenu from './SideMenu';\nimport { getSideMenuStore, setSideMenuStore, getLanguageStore, getThemeStore } from './storage';\nvar Content = Layout.Content,\n    Sider = Layout.Sider;\nvar TNTLayout = styled(Layout)(_templateObject(), function (props) {\n  return props.theme.primaryTextColor;\n}, function (props) {\n  return props.theme.lightBgColor;\n});\nexport default withTheme(function (props) {\n  var logo = props.logo,\n      name = props.name,\n      enName = props.enName,\n      selectedOrgKey = props.selectedOrgKey,\n      orgAppShow = props.orgAppShow,\n      orgList = props.orgList,\n      orgAppList = props.orgAppList,\n      onOrgChange = props.onOrgChange,\n      selectedAppKey = props.selectedAppKey,\n      appList = props.appList,\n      selectedMenuKey = props.selectedMenuKey,\n      _props$menuAlignMode = props.menuAlignMode,\n      menuAlignMode = _props$menuAlignMode === void 0 ? 'side' : _props$menuAlignMode,\n      _props$collapseIconPl = props.collapseIconPlacement,\n      collapseIconPlacement = _props$collapseIconPl === void 0 ? 'right' : _props$collapseIconPl,\n      _props$menus = props.menus,\n      menus = _props$menus === void 0 ? [] : _props$menus,\n      formatMenuPath = props.formatMenuPath,\n      changeRouter = props.changeRouter,\n      headerTabs = props.headerTabs,\n      orgTreeConfig = props.orgTreeConfig,\n      headerNavs = props.headerNavs,\n      extraHeaderActions = props.extraHeaderActions,\n      isInIframe = props.isInIframe,\n      isEmptyLayout = props.isEmptyLayout,\n      _props$onLogoClick = props.onLogoClick,\n      onLogoClick = _props$onLogoClick === void 0 ? function () {\n    return null;\n  } : _props$onLogoClick,\n      onCollapseChange = props.onCollapseChange,\n      _onThemeChange = props.onThemeChange,\n      _onLanguageChange = props.onLanguageChange,\n      onBeforeMenuChange = props.onBeforeMenuChange,\n      onMenuChange = props.onMenuChange,\n      onMenuSelect = props.onMenuSelect,\n      onAppChange = props.onAppChange,\n      onPersonalSetting = props.onPersonalSetting,\n      onChangePassword = props.onChangePassword,\n      onLogout = props.onLogout,\n      config = props.config,\n      _props$extendMap = props.extendMap,\n      extendMap = _props$extendMap === void 0 ? {} : _props$extendMap,\n      AvatarCustom = props.AvatarCustom;\n\n  var _getSideMenuStore = getSideMenuStore(),\n      storeCollapsed = _getSideMenuStore.collapsed,\n      _getSideMenuStore$ope = _getSideMenuStore.openKeys,\n      openKeys = _getSideMenuStore$ope === void 0 ? [] : _getSideMenuStore$ope;\n\n  var _useState = useState(isUndefined(storeCollapsed) ? props.collapsed : storeCollapsed),\n      _useState2 = _slicedToArray(_useState, 2),\n      collapsed = _useState2[0],\n      setCollapsed = _useState2[1];\n\n  var _useState3 = useState(function () {\n    openKeys = collapsed ? [] : openKeys;\n    openKeys = openKeys instanceof Array ? openKeys : [];\n    return openKeys;\n  }(openKeys)),\n      _useState4 = _slicedToArray(_useState3, 2),\n      openMenuKeys = _useState4[0],\n      setOpenMenuKeys = _useState4[1];\n\n  var _useState5 = useState(props.userInfo || {}),\n      _useState6 = _slicedToArray(_useState5, 2),\n      userInfo = _useState6[0],\n      setUserInfo = _useState6[1];\n\n  var theme = getThemeStore() || (extendMap == null ? void 0 : extendMap.defaultTheme) || userInfo.theme || 'themeS2';\n  var language = getLanguageStore() || userInfo.lang || 'cn';\n  theme = theme === 'default' ? 'themeS2' : theme;\n\n  var collapseChangeHandle = function collapseChangeHandle() {\n    var _getSideMenuStore2 = getSideMenuStore(),\n        _getSideMenuStore2$be = _getSideMenuStore2.beforeOpenKeys,\n        beforeOpenKeys = _getSideMenuStore2$be === void 0 ? [] : _getSideMenuStore2$be;\n\n    var newCollapsed = !collapsed; // 菜单收起：记住当前展开子菜单到store，并收起子菜单\n\n    if (newCollapsed) {\n      setSideMenuStore({\n        collapsed: newCollapsed,\n        beforeOpenKeys: openMenuKeys\n      });\n      setOpenMenuKeys([]);\n    } else {\n      // 菜单展开：恢复子菜单展开项，并更新到store\n      setSideMenuStore({\n        collapsed: newCollapsed,\n        openKeys: beforeOpenKeys\n      });\n      setOpenMenuKeys(beforeOpenKeys);\n    }\n\n    setCollapsed(newCollapsed);\n    onCollapseChange && onCollapseChange(newCollapsed);\n  };\n\n  useEffect(function () {\n    setUserInfo(props.userInfo);\n  }, [props.userInfo]);\n  return React.createElement(TNTLayout, {\n    className: cn(\"tnt-\".concat(theme, \" \").concat(props.className || ''), {\n      'large-size': props.theme.size === 'large',\n      compatible: props.theme.compatible,\n      isInIframe: isInIframe,\n      isEmptyLayout: isEmptyLayout,\n      noAppList: !appList,\n      hasHeaderTabs: !!headerTabs,\n      collapseIconPlacementBottom: collapseIconPlacement === 'bottom'\n    })\n  }, React.createElement(Sider, {\n    collapsible: true,\n    breakpoint: \"md\",\n    className: \"tnt-layout-sider\",\n    collapsed: collapsed,\n    width: 220,\n    trigger: null\n  }, React.createElement(Logo, {\n    language: language,\n    logo: logo,\n    name: name,\n    enName: enName,\n    collapsed: collapsed,\n    onClick: onLogoClick\n  }), React.createElement(SideMenu, {\n    language: language,\n    selectedKey: selectedMenuKey,\n    menuAlignMode: menuAlignMode,\n    menus: menus,\n    collapsed: collapsed,\n    openKeys: openMenuKeys,\n    onOpenChange: function onOpenChange(keys) {\n      if (!collapsed) {\n        setSideMenuStore({\n          openKeys: keys,\n          beforeOpenKeys: keys\n        });\n      }\n\n      setOpenMenuKeys(keys);\n    },\n    formatMenuPath: formatMenuPath,\n    changeRouter: changeRouter,\n    onBeforeChange: onBeforeMenuChange,\n    onChange: onMenuChange,\n    onSelect: onMenuSelect\n  }), collapseIconPlacement === 'bottom' && React.createElement(\"div\", {\n    className: \"tnt-layout-menu-collapse\",\n    onClick: collapseChangeHandle\n  }, React.createElement(Icon, {\n    type: \"menu-\".concat(collapsed ? 'unfold' : 'fold')\n  }))), React.createElement(Content, null, React.createElement(Header, {\n    userInfo: userInfo,\n    config: config,\n    collapsed: collapsed,\n    collapseIconPlacement: collapseIconPlacement,\n    orgAppShow: orgAppShow,\n    orgList: orgList,\n    orgTreeConfig: orgTreeConfig,\n    orgAppList: orgAppList,\n    onOrgChange: onOrgChange,\n    selectedOrgKey: selectedOrgKey,\n    selectedAppKey: selectedAppKey,\n    appList: appList,\n    menus: menus,\n    headerTabs: headerTabs,\n    extraActions: extraHeaderActions,\n    onAppChange: onAppChange,\n    onCollapseChange: collapseChangeHandle,\n    AvatarCustom: AvatarCustom,\n    onThemeChange: function onThemeChange(theme) {\n      setUserInfo(_objectSpread({}, userInfo, {\n        theme: theme\n      }));\n      _onThemeChange && _onThemeChange(theme);\n    },\n    onLanguageChange: function onLanguageChange(lang) {\n      setUserInfo(_objectSpread({}, userInfo, {\n        lang: lang\n      }));\n      _onLanguageChange && _onLanguageChange(lang);\n    },\n    onPersonalSetting: onPersonalSetting,\n    onChangePassword: onChangePassword,\n    onLogout: onLogout\n  }, headerNavs), props.children));\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\nfunction _templateObject() {\n  var data = _taggedTemplateLiteral([\"\\n    position: relative;\\n    .tnt-layout-sider {\\n        overflow-x: hidden;\\n        background: #191D29;\\n    }\\n    .tnt-layout-menu-collapse {\\n        position: absolute;\\n        bottom: 0;\\n        left: 0;\\n        line-height: 36px;\\n        background: #191D29;\\n        box-shadow: 0 0 6px 0 rgb(0 0 0 / 10%);\\n        color: #fff;\\n        width: 100%;\\n        padding-left: 24px;\\n        font-size: 14px;\\n        cursor: pointer;\\n    }\\n    &.isInIframe, &.isEmptyLayout {\\n        .tnt-layout-sider {\\n            display: none;\\n        }\\n    }\\n    &.compatible .tnt-layout-sider {\\n        background: linear-gradient(#213f83, #0f75d6) !important;\\n    }\\n    &.tnt-themeS1 {\\n        .tnt-layout-sider {\\n            background: #fff !important;\\n            overflow-x: unset;\\n        }\\n        .tnt-layout-menu-collapse {\\n            z-index: 3;\\n            background: #fff;\\n            color: \", \";\\n        }\\n    }\\n    // \\u84DD\\u8272\\u7CFB\\u5217\\n    &.tnt-themeS3 {\\n        .tnt-layout-sider {\\n            background-image: linear-gradient(180deg, #213F83 0%, #0F75D6 100%) !important;\\n            overflow-x: unset;\\n        }\\n        .tnt-layout-menu-collapse {\\n            background: #207AD4;\\n            color: #fff;\\n        }\\n    }\\n    & > .ant-layout-content {\\n        background-color: \", \";\\n        & > div:nth-child(2) {\\n            height: calc(100vh - 50px);\\n            overflow: auto;\\n        }\\n    }\\n    &.large-size > .ant-layout-content {\\n        & > div:nth-child(2) {\\n            height: calc(100vh - 60px);\\n        }\\n    }\\n\"]);\n\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 } from 'react';\nimport styled, { withTheme } from 'styled-components';\nimport cn from 'classnames';\nimport { isUndefined } from 'lodash';\nimport { Layout } from 'antd';\nimport Icon from '../Icon';\nimport Header from './Header';\nimport Logo from './Logo';\nimport SideMenu from './SideMenu';\nimport { getSideMenuStore, setSideMenuStore, getLanguageStore, getThemeStore } from './storage';\nvar Content = Layout.Content,\n    Sider = Layout.Sider;\nvar TNTLayout = styled(Layout)(_templateObject(), function (props) {\n  return props.theme.primaryTextColor;\n}, function (props) {\n  return props.theme.lightBgColor;\n});\nexport default withTheme(function (props) {\n  var logo = props.logo,\n      name = props.name,\n      enName = props.enName,\n      selectedOrgKey = props.selectedOrgKey,\n      orgAppShow = props.orgAppShow,\n      orgList = props.orgList,\n      orgAppList = props.orgAppList,\n      onOrgChange = props.onOrgChange,\n      selectedAppKey = props.selectedAppKey,\n      appList = props.appList,\n      selectedMenuKey = props.selectedMenuKey,\n      _props$menuAlignMode = props.menuAlignMode,\n      menuAlignMode = _props$menuAlignMode === void 0 ? 'side' : _props$menuAlignMode,\n      _props$collapseIconPl = props.collapseIconPlacement,\n      collapseIconPlacement = _props$collapseIconPl === void 0 ? 'right' : _props$collapseIconPl,\n      _props$menus = props.menus,\n      menus = _props$menus === void 0 ? [] : _props$menus,\n      formatMenuPath = props.formatMenuPath,\n      changeRouter = props.changeRouter,\n      headerTabs = props.headerTabs,\n      orgTreeConfig = props.orgTreeConfig,\n      headerNavs = props.headerNavs,\n      extraHeaderActions = props.extraHeaderActions,\n      isInIframe = props.isInIframe,\n      isEmptyLayout = props.isEmptyLayout,\n      _props$onLogoClick = props.onLogoClick,\n      onLogoClick = _props$onLogoClick === void 0 ? function () {\n    return null;\n  } : _props$onLogoClick,\n      onCollapseChange = props.onCollapseChange,\n      _onThemeChange = props.onThemeChange,\n      _onLanguageChange = props.onLanguageChange,\n      onBeforeMenuChange = props.onBeforeMenuChange,\n      onMenuChange = props.onMenuChange,\n      onMenuSelect = props.onMenuSelect,\n      onAppChange = props.onAppChange,\n      onPersonalSetting = props.onPersonalSetting,\n      onChangePassword = props.onChangePassword,\n      onLogout = props.onLogout,\n      config = props.config,\n      _props$extendMap = props.extendMap,\n      extendMap = _props$extendMap === void 0 ? {} : _props$extendMap,\n      AvatarCustom = props.AvatarCustom;\n\n  var _getSideMenuStore = getSideMenuStore(),\n      storeCollapsed = _getSideMenuStore.collapsed,\n      _getSideMenuStore$ope = _getSideMenuStore.openKeys,\n      openKeys = _getSideMenuStore$ope === void 0 ? [] : _getSideMenuStore$ope;\n\n  var _useState = useState(isUndefined(storeCollapsed) ? props.collapsed : storeCollapsed),\n      _useState2 = _slicedToArray(_useState, 2),\n      collapsed = _useState2[0],\n      setCollapsed = _useState2[1];\n\n  var _useState3 = useState(function () {\n    openKeys = collapsed ? [] : openKeys;\n    openKeys = openKeys instanceof Array ? openKeys : [];\n    return openKeys;\n  }(openKeys)),\n      _useState4 = _slicedToArray(_useState3, 2),\n      openMenuKeys = _useState4[0],\n      setOpenMenuKeys = _useState4[1];\n\n  var _useState5 = useState(props.userInfo || {}),\n      _useState6 = _slicedToArray(_useState5, 2),\n      userInfo = _useState6[0],\n      setUserInfo = _useState6[1];\n\n  var theme = getThemeStore() || (extendMap == null ? void 0 : extendMap.defaultTheme) || userInfo.theme || 'themeS2';\n  var language = getLanguageStore() || userInfo.lang || 'cn';\n  theme = theme === 'default' ? 'themeS2' : theme;\n\n  var collapseChangeHandle = function collapseChangeHandle() {\n    var _getSideMenuStore2 = getSideMenuStore(),\n        _getSideMenuStore2$be = _getSideMenuStore2.beforeOpenKeys,\n        beforeOpenKeys = _getSideMenuStore2$be === void 0 ? [] : _getSideMenuStore2$be;\n\n    var newCollapsed = !collapsed; // 菜单收起：记住当前展开子菜单到store，并收起子菜单\n\n    if (newCollapsed) {\n      setSideMenuStore({\n        collapsed: newCollapsed,\n        beforeOpenKeys: openMenuKeys\n      });\n      setOpenMenuKeys([]);\n    } else {\n      // 菜单展开：恢复子菜单展开项，并更新到store\n      setSideMenuStore({\n        collapsed: newCollapsed,\n        openKeys: beforeOpenKeys\n      });\n      setOpenMenuKeys(beforeOpenKeys);\n    }\n\n    setCollapsed(newCollapsed);\n    onCollapseChange && onCollapseChange(newCollapsed);\n  };\n\n  useEffect(function () {\n    setUserInfo(props.userInfo);\n  }, [props.userInfo]);\n  return React.createElement(TNTLayout, {\n    className: cn(\"tnt-layout tnt-\".concat(theme, \" \").concat(props.className || ''), {\n      'large-size': props.theme.size === 'large',\n      compatible: props.theme.compatible,\n      isInIframe: isInIframe,\n      isEmptyLayout: isEmptyLayout,\n      noAppList: !appList,\n      hasHeaderTabs: !!headerTabs,\n      layoutMenusCollapsed: collapsed,\n      collapseIconPlacementBottom: collapseIconPlacement === 'bottom'\n    })\n  }, React.createElement(Sider, {\n    collapsible: true,\n    breakpoint: \"md\",\n    className: \"tnt-layout-sider\",\n    collapsed: collapsed,\n    width: 220,\n    trigger: null\n  }, React.createElement(Logo, {\n    language: language,\n    logo: logo,\n    name: name,\n    enName: enName,\n    collapsed: collapsed,\n    onClick: onLogoClick\n  }), React.createElement(SideMenu, {\n    language: language,\n    selectedKey: selectedMenuKey,\n    menuAlignMode: menuAlignMode,\n    menus: menus,\n    collapsed: collapsed,\n    openKeys: openMenuKeys,\n    onOpenChange: function onOpenChange(keys) {\n      if (!collapsed) {\n        setSideMenuStore({\n          openKeys: keys,\n          beforeOpenKeys: keys\n        });\n      }\n\n      setOpenMenuKeys(keys);\n    },\n    formatMenuPath: formatMenuPath,\n    changeRouter: changeRouter,\n    onBeforeChange: onBeforeMenuChange,\n    onChange: onMenuChange,\n    onSelect: onMenuSelect\n  }), collapseIconPlacement === 'bottom' && React.createElement(\"div\", {\n    className: \"tnt-layout-menu-collapse\",\n    onClick: collapseChangeHandle\n  }, React.createElement(Icon, {\n    type: \"menu-\".concat(collapsed ? 'unfold' : 'fold')\n  }))), React.createElement(Content, null, React.createElement(Header, {\n    userInfo: userInfo,\n    config: config,\n    collapsed: collapsed,\n    collapseIconPlacement: collapseIconPlacement,\n    orgAppShow: orgAppShow,\n    orgList: orgList,\n    orgTreeConfig: orgTreeConfig,\n    orgAppList: orgAppList,\n    onOrgChange: onOrgChange,\n    selectedOrgKey: selectedOrgKey,\n    selectedAppKey: selectedAppKey,\n    appList: appList,\n    menus: menus,\n    headerTabs: headerTabs,\n    extraActions: extraHeaderActions,\n    onAppChange: onAppChange,\n    onCollapseChange: collapseChangeHandle,\n    AvatarCustom: AvatarCustom,\n    onThemeChange: function onThemeChange(theme) {\n      setUserInfo(_objectSpread({}, userInfo, {\n        theme: theme\n      }));\n      _onThemeChange && _onThemeChange(theme);\n    },\n    onLanguageChange: function onLanguageChange(lang) {\n      setUserInfo(_objectSpread({}, userInfo, {\n        lang: lang\n      }));\n      _onLanguageChange && _onLanguageChange(lang);\n    },\n    onPersonalSetting: onPersonalSetting,\n    onChangePassword: onChangePassword,\n    onLogout: onLogout\n  }, headerNavs), props.children));\n});"
         },
         {
           "id": null,
@@ -39087,7 +39087,7 @@
               "moduleName": "./components/Layout/Layout.js",
               "type": "harmony import specifier",
               "userRequest": "./Header",
-              "loc": "197:63-69"
+              "loc": "198:63-69"
             }
           ],
           "usedExports": [
@@ -39171,7 +39171,7 @@
               "moduleName": "./components/Layout/Layout.js",
               "type": "harmony import specifier",
               "userRequest": "./Logo",
-              "loc": "163:25-29"
+              "loc": "164:25-29"
             }
           ],
           "usedExports": [
@@ -39237,7 +39237,7 @@
               "moduleName": "./components/Layout/Layout.js",
               "type": "harmony import specifier",
               "userRequest": "./SideMenu",
-              "loc": "170:26-34"
+              "loc": "171:26-34"
             }
           ],
           "usedExports": [