tntd 2.6.7 → 2.6.8

package/lib/tntd-icon/index.js

@@ -1,29 +1,44 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.iconList = void 0;
-const react_1 = __importDefault(require("react"));
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+Object.defineProperty(exports, "iconList", {
+  enumerable: true,
+  get: function get() {
+    return _iconList["default"];
+  }
+});
+var _react = _interopRequireDefault(require("react"));
 require("./fonts/iconfont");
 require("./index.less");
-var icon_list_1 = require("../icon-list");
-Object.defineProperty(exports, "iconList", { enumerable: true, get: function () { return __importDefault(icon_list_1).default; } });
-exports.default = (_a) => {
-    var { type, prefix = 'tnt-', className = '' } = _a, props = __rest(_a, ["type", "prefix", "className"]);
-    return (react_1.default.createElement("i", Object.assign({ className: `tnt-icon ${className}`, type: type }, props),
-        react_1.default.createElement("svg", { "aria-hidden": "true" },
-            react_1.default.createElement("use", { xlinkHref: `#${prefix}${type}` }))));
+var _iconList = _interopRequireDefault(require("../icon-list"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var _default = function _default(_a) {
+  var type = _a.type,
+    _a$prefix = _a.prefix,
+    prefix = _a$prefix === void 0 ? 'tnt-' : _a$prefix,
+    _a$className = _a.className,
+    className = _a$className === void 0 ? '' : _a$className,
+    props = __rest(_a, ["type", "prefix", "className"]);
+  return _react["default"].createElement("i", Object.assign({
+    className: "tnt-icon ".concat(className),
+    type: type
+  }, props), _react["default"].createElement("svg", {
+    "aria-hidden": "true"
+  }, _react["default"].createElement("use", {
+    xlinkHref: "#".concat(prefix).concat(type)
+  })));
 };
-//# sourceMappingURL=index.js.map
+exports["default"] = _default;

package/lib/tntd-layout/ActionsContext.js

@@ -1,6 +1,10 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = require("react");
 // import createActions from './createActions';
-exports.default = (0, react_1.createContext)({});
-//# sourceMappingURL=ActionsContext.js.map
+var _default = (0, _react.createContext)({});
+exports["default"] = _default;

package/lib/tntd-layout/AppList.js

@@ -1,230 +1,183 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const styled_components_1 = __importStar(require("styled-components"));
-const lodash_1 = require("lodash");
-const dropdown_1 = __importDefault(require("../dropdown"));
-const menu_1 = __importDefault(require("../menu"));
-const input_1 = __importDefault(require("../input"));
-const select_1 = __importDefault(require("../select"));
-const tree_select_1 = __importDefault(require("../tree-select"));
-const tntd_icon_1 = __importDefault(require("../tntd-icon"));
-const storage_1 = require("./storage");
-const utils_1 = require("../utils");
-const { Option } = select_1.default;
-const MenuList = (0, styled_components_1.default)(menu_1.default) `
-  border-radius: 0;
-  min-width: 250px;
-  max-height: 350px;
-  overflow-y: auto;
-  border: 1px solid #ccc;
-  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
-  .ant-dropdown-menu-item {
-    padding: 0 20px;
-    height: 44px;
-    line-height: 44px;
-    &:hover {
-      background: rgba(0, 0, 0, 0.1);
-    }
-    &.app-search-warp {
-      padding: 0;
-      &:hover {
-        background: none;
-      }
-      .ant-input-affix-wrapper {
-        height: 100%;
-      }
-      .ant-input {
-        border: none;
-        border-bottom: 1px dashed #dcdcdc;
-        box-shadow: none;
-        padding: 0 20px;
-      }
-    }
-    i {
-      margin-right: 0 !important;
-      margin-left: 6px !important;
-    }
-  }
-  .isInIframe & {
-    margin-left: 20px;
-  }
-`;
+exports["default"] = void 0;
+var _get2 = _interopRequireDefault(require("lodash/get"));
+var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _dropdown = _interopRequireDefault(require("../dropdown"));
+var _menu = _interopRequireDefault(require("../menu"));
+var _input = _interopRequireDefault(require("../input"));
+var _select = _interopRequireDefault(require("../select"));
+var _treeSelect = _interopRequireDefault(require("../tree-select"));
+var _tntdIcon = _interopRequireDefault(require("../tntd-icon"));
+var _storage = require("./storage");
+var _utils = require("../utils");
+var _templateObject,
+  _templateObject2,
+  _templateObject3,
+  _templateObject4,
+  _this = void 0;
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var Option = _select["default"].Option;
+var MenuList = (0, _styledComponents["default"])(_menu["default"])(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border-radius: 0;\n  min-width: 250px;\n  max-height: 350px;\n  overflow-y: auto;\n  border: 1px solid #ccc;\n  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;\n  .ant-dropdown-menu-item {\n    padding: 0 20px;\n    height: 44px;\n    line-height: 44px;\n    &:hover {\n      background: rgba(0, 0, 0, 0.1);\n    }\n    &.app-search-warp {\n      padding: 0;\n      &:hover {\n        background: none;\n      }\n      .ant-input-affix-wrapper {\n        height: 100%;\n      }\n      .ant-input {\n        border: none;\n        border-bottom: 1px dashed #dcdcdc;\n        box-shadow: none;\n        padding: 0 20px;\n      }\n    }\n    i {\n      margin-right: 0 !important;\n      margin-left: 6px !important;\n    }\n  }\n  .isInIframe & {\n    margin-left: 20px;\n  }\n"])));
 // 新版UI
-const AppsSelect = (0, styled_components_1.default)(select_1.default) `
-  min-width: 160px;
-  height: 28px;
-  line-height: 28;
-  position: relative;
-  top: 50%;
-  transform: translateY(-50%);
-  .ant-select-selection,
-  .ant-select-selection__rendered {
-    line-height: 28px;
-    height: 28px;
-  }
-
-  .ant-select-selection {
-    .hasHeaderTabs & {
-      border-radius: 14px;
-      font-size: 12px;
-      // 去掉默认黑色
-      // background: #191D29;
-      // border: 1px solid rgba(186,189,197,0.60);
-      // color: rgba(255,255,255,.8);
-      // 统一为浅色调
-      background: #fff !important;
-      border-color: #c9d2dd !important;
-      color: #8b919e !important;
+var AppsSelect = (0, _styledComponents["default"])(_select["default"])(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  min-width: 160px;\n  height: 28px;\n  line-height: 28;\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n  .ant-select-selection,\n  .ant-select-selection__rendered {\n    line-height: 28px;\n    height: 28px;\n  }\n\n  .ant-select-selection {\n    .hasHeaderTabs & {\n      border-radius: 14px;\n      font-size: 12px;\n      // \u53BB\u6389\u9ED8\u8BA4\u9ED1\u8272\n      // background: #191D29;\n      // border: 1px solid rgba(186,189,197,0.60);\n      // color: rgba(255,255,255,.8);\n      // \u7EDF\u4E00\u4E3A\u6D45\u8272\u8C03\n      background: #fff !important;\n      border-color: #c9d2dd !important;\n      color: #8b919e !important;\n    }\n    // \u7EDF\u4E00\u8272\u8C03\n    // .tnt-themeS1.hasHeaderTabs & {\n    //     /* background: #141825; */\n    //     /* color: rgba(255,255,255,.85); */\n    //     background: #fff;\n    //     border-color: #c9d2dd;\n    //     color: #8b919e;\n    // }\n\n    // .tnt-themeS3.hasHeaderTabs &{\n    //     background: ", "; //#1D4295\n    //     color: rgba(255,255,255,0.8);\n    //     border-color: rgba(255,255,255,0.5);\n    // }\n  }\n\n  .ant-select-arrow {\n    .hasHeaderTabs & {\n      color: #b2becd;\n    }\n    .tnt-themeS1 & {\n      /* color: rgba(255,255,255,.85); */\n    }\n  }\n\n  .tnt-themeS1 & {\n    border-radius: 2px;\n  }\n\n  .isInIframe & {\n    margin-left: 20px;\n  }\n"])), function (props) {
+  return "".concat(props.theme.blueBgColor, " !important");
+});
+var AppTreeSelect = (0, _styledComponents["default"])(_treeSelect["default"])(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  min-width: 160px;\n  height: 28px;\n  line-height: 28;\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n"])));
+var SwitchAppMenu = _styledComponents["default"].a(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: block;\n  color: #666;\n  line-height: ", ";\n  font-size: ", ";\n\n  .tnt-themeS1 & {\n    color: rgba(255, 255, 255, 0.85);\n  }\n  &:hover {\n    color: #666;\n  }\n  i {\n    margin-left: 12px;\n  }\n"])), function (props) {
+  return "".concat(props.theme.headerHeight, "px");
+}, function (props) {
+  return "".concat(props.theme.size === 'large' ? 16 : 14, "px");
+});
+var _default = (0, _styledComponents.withTheme)(function (props) {
+  var selectedKey = props.selectedKey,
+    _props$items = props.items,
+    items = _props$items === void 0 ? [] : _props$items,
+    onChange = props.onChange;
+  var getInitialSelectedApp = function getInitialSelectedApp() {
+    var currentAppStore = (0, _storage.getCurrentAppStore)();
+    var findAppByKey = function findAppByKey(selectedKey) {
+      var findApp;
+      (0, _utils.traverseTree)(items, function (item) {
+        if (item.key === selectedKey) {
+          findApp = item;
+          return false;
+        }
+      });
+      return findApp;
+    };
+    var currentApp = findAppByKey(selectedKey || (0, _get2["default"])(currentAppStore, 'key'));
+    return currentApp || items[0];
+  };
+  var changeApp = function changeApp(app) {
+    setSelectedApp(app);
+    (0, _storage.setCurrentAppStore)(app);
+    onChange && onChange(app);
+  };
+  var _useState = (0, _react.useState)(),
+    _useState2 = _slicedToArray(_useState, 2),
+    searchValue = _useState2[0],
+    setSearchValue = _useState2[1];
+  var _useState3 = (0, _react.useState)(getInitialSelectedApp()),
+    _useState4 = _slicedToArray(_useState3, 2),
+    selectedApp = _useState4[0],
+    setSelectedApp = _useState4[1];
+  var Menus = _react["default"].createElement(MenuList, {
+    selectedKeys: [(0, _get2["default"])(selectedApp, 'key')]
+  }, _react["default"].createElement(_menu["default"].Item, {
+    className: "app-search-warp",
+    key: "search",
+    disabled: true
+  }, _react["default"].createElement(_input["default"], {
+    allowClear: true,
+    placeholder: "\u8F93\u5165\u5173\u952E\u8BCD\u641C\u7D22",
+    value: searchValue,
+    onChange: function onChange(evt) {
+      setSearchValue(evt.target.value);
     }
-    // 统一色调
-    // .tnt-themeS1.hasHeaderTabs & {
-    //     /* background: #141825; */
-    //     /* color: rgba(255,255,255,.85); */
-    //     background: #fff;
-    //     border-color: #c9d2dd;
-    //     color: #8b919e;
-    // }
-
-    // .tnt-themeS3.hasHeaderTabs &{
-    //     background: ${(props) => `${props.theme.blueBgColor} !important`}; //#1D4295
-    //     color: rgba(255,255,255,0.8);
-    //     border-color: rgba(255,255,255,0.5);
-    // }
-  }
-
-  .ant-select-arrow {
-    .hasHeaderTabs & {
-      color: #b2becd;
+  })), items.filter(function () {
+    var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      key = _ref.key,
+      name = _ref.name;
+    var regExp = new RegExp(searchValue, 'i');
+    if (searchValue) {
+      return regExp.test(key) || regExp.test(name);
     }
-    .tnt-themeS1 & {
-      /* color: rgba(255,255,255,.85); */
+    return true;
+  }).map(function (item) {
+    return _react["default"].createElement(_menu["default"].Item, {
+      key: item.key,
+      onClick: changeApp.bind(_this, item)
+    }, item.name);
+  }));
+  (0, _react.useEffect)(function () {
+    var newApp = getInitialSelectedApp();
+    if ((newApp === null || newApp === void 0 ? void 0 : newApp.key) !== (selectedApp === null || selectedApp === void 0 ? void 0 : selectedApp.key)) {
+      changeApp(newApp);
     }
-  }
-
-  .tnt-themeS1 & {
-    border-radius: 2px;
-  }
-
-  .isInIframe & {
-    margin-left: 20px;
-  }
-`;
-const AppTreeSelect = (0, styled_components_1.default)(tree_select_1.default) `
-  min-width: 160px;
-  height: 28px;
-  line-height: 28;
-  position: relative;
-  top: 50%;
-  transform: translateY(-50%);
-`;
-const SwitchAppMenu = styled_components_1.default.a `
-  display: block;
-  color: #666;
-  line-height: ${(props) => `${props.theme.headerHeight}px`};
-  font-size: ${(props) => `${props.theme.size === 'large' ? 16 : 14}px`};
-
-  .tnt-themeS1 & {
-    color: rgba(255, 255, 255, 0.85);
-  }
-  &:hover {
-    color: #666;
-  }
-  i {
-    margin-left: 12px;
-  }
-`;
-exports.default = (0, styled_components_1.withTheme)((props) => {
-    const { selectedKey, items = [], onChange } = props;
-    const getInitialSelectedApp = () => {
-        const currentAppStore = (0, storage_1.getCurrentAppStore)();
-        const findAppByKey = (selectedKey) => {
-            let findApp;
-            (0, utils_1.traverseTree)(items, (item) => {
-                if (item.key === selectedKey) {
-                    findApp = item;
-                    return false;
-                }
-            });
-            return findApp;
-        };
-        const currentApp = findAppByKey(selectedKey || (0, lodash_1.get)(currentAppStore, 'key'));
-        return currentApp || items[0];
-    };
-    const changeApp = (app) => {
-        setSelectedApp(app);
-        (0, storage_1.setCurrentAppStore)(app);
-        onChange && onChange(app);
-    };
-    const [searchValue, setSearchValue] = (0, react_1.useState)();
-    const [selectedApp, setSelectedApp] = (0, react_1.useState)(getInitialSelectedApp());
-    const Menus = (react_1.default.createElement(MenuList, { selectedKeys: [(0, lodash_1.get)(selectedApp, 'key')] },
-        react_1.default.createElement(menu_1.default.Item, { className: "app-search-warp", key: "search", disabled: true },
-            react_1.default.createElement(input_1.default, { allowClear: true, placeholder: "\u8F93\u5165\u5173\u952E\u8BCD\u641C\u7D22", value: searchValue, onChange: (evt) => {
-                    setSearchValue(evt.target.value);
-                } })),
-        items
-            .filter(({ key, name } = {}) => {
-            const regExp = new RegExp(searchValue, 'i');
-            if (searchValue) {
-                return regExp.test(key) || regExp.test(name);
+  }, [items, selectedKey]);
+  if (!props.theme.compatible) {
+    if (items === null || items === void 0 ? void 0 : items.some(function (item) {
+      var _a;
+      return (_a = item.children) === null || _a === void 0 ? void 0 : _a.length;
+    })) {
+      return _react["default"].createElement(AppTreeSelect, {
+        placeholder: "\u8BF7\u9009\u62E9",
+        showSearch: true,
+        treeNodeFilterProp: "title",
+        treeDefaultExpandAll: true,
+        dropdownClassName: "tnt-layout-header-app-tree-select",
+        dropdownStyle: {
+          maxHeight: 560
+        },
+        value: (0, _get2["default"])(selectedApp, 'key'),
+        treeData: (0, _utils.traverseTree)(items, function (item) {
+          item.title = item.name;
+          item.value = item.key;
+          item.selectable = !item.children;
+          item.disabled = !!item.children;
+        }),
+        onChange: function onChange(appKey) {
+          var findItem;
+          (0, _utils.traverseTree)(items, function (node) {
+            if (node.key === appKey) {
+              findItem = node;
+              return false;
             }
-            return true;
-        })
-            .map((item) => (react_1.default.createElement(menu_1.default.Item, { key: item.key, onClick: changeApp.bind(this, item) }, item.name)))));
-    (0, react_1.useEffect)(() => {
-        const newApp = getInitialSelectedApp();
-        if ((newApp === null || newApp === void 0 ? void 0 : newApp.key) !== (selectedApp === null || selectedApp === void 0 ? void 0 : selectedApp.key)) {
-            changeApp(newApp);
-        }
-    }, [items, selectedKey]);
-    if (!props.theme.compatible) {
-        if (items === null || items === void 0 ? void 0 : items.some((item) => { var _a; return (_a = item.children) === null || _a === void 0 ? void 0 : _a.length; })) {
-            return (react_1.default.createElement(AppTreeSelect, { placeholder: "\u8BF7\u9009\u62E9", showSearch: true, treeNodeFilterProp: "title", treeDefaultExpandAll: true, dropdownClassName: "tnt-layout-header-app-tree-select", dropdownStyle: { maxHeight: 560 }, value: (0, lodash_1.get)(selectedApp, 'key'), treeData: (0, utils_1.traverseTree)(items, (item) => {
-                    item.title = item.name;
-                    item.value = item.key;
-                    item.selectable = !item.children;
-                    item.disabled = !!item.children;
-                }), onChange: (appKey) => {
-                    let findItem;
-                    (0, utils_1.traverseTree)(items, (node) => {
-                        if (node.key === appKey) {
-                            findItem = node;
-                            return false;
-                        }
-                    });
-                    changeApp(findItem);
-                }, style: { minWidth: 160, height: 28, lineHeight: 28 } }));
+          });
+          changeApp(findItem);
+        },
+        style: {
+          minWidth: 160,
+          height: 28,
+          lineHeight: 28
         }
-        return (react_1.default.createElement(AppsSelect, { placeholder: "\u8BF7\u9009\u62E9", showSearch: true, optionFilterProp: "children", value: (0, lodash_1.get)(selectedApp, 'key'), onChange: (appKey) => {
-                changeApp(items.find(({ key }) => key === appKey));
-            }, style: { minWidth: 160, height: 28, lineHeight: 28 } }, items.map(({ key, name }) => (react_1.default.createElement(Option, { key: key, value: key }, name)))));
+      });
     }
-    return (react_1.default.createElement(dropdown_1.default, { overlay: Menus, trigger: ['click'] },
-        react_1.default.createElement(SwitchAppMenu, null,
-            react_1.default.createElement("span", null, (0, lodash_1.get)(selectedApp, 'name', '请选择')),
-            react_1.default.createElement(tntd_icon_1.default, { type: "caret-down" }))));
+    return _react["default"].createElement(AppsSelect, {
+      placeholder: "\u8BF7\u9009\u62E9",
+      showSearch: true,
+      optionFilterProp: "children",
+      value: (0, _get2["default"])(selectedApp, 'key'),
+      onChange: function onChange(appKey) {
+        changeApp(items.find(function (_ref2) {
+          var key = _ref2.key;
+          return key === appKey;
+        }));
+      },
+      style: {
+        minWidth: 160,
+        height: 28,
+        lineHeight: 28
+      }
+    }, items.map(function (_ref3) {
+      var key = _ref3.key,
+        name = _ref3.name;
+      return _react["default"].createElement(Option, {
+        key: key,
+        value: key
+      }, name);
+    }));
+  }
+  return _react["default"].createElement(_dropdown["default"], {
+    overlay: Menus,
+    trigger: ['click']
+  }, _react["default"].createElement(SwitchAppMenu, null, _react["default"].createElement("span", null, (0, _get2["default"])(selectedApp, 'name', '请选择')), _react["default"].createElement(_tntdIcon["default"], {
+    type: "caret-down"
+  })));
 });
-//# sourceMappingURL=AppList.js.map
+exports["default"] = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"AppList.js","sourceRoot":"","sources":["../../src/tntd-layout/AppList.js"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from 'react'\nimport styled, { withTheme } from 'styled-components'\nimport { get } from 'lodash'\n\nimport Dropdown from '../dropdown'\nimport Menu from '../menu'\nimport Input from '../input'\nimport Select from '../select'\nimport TreeSelect from '../tree-select'\nimport Icon from '../tntd-icon'\nimport { getCurrentAppStore, setCurrentAppStore } from './storage'\nimport { traverseTree } from '../utils'\n\nconst { Option } = Select\nconst MenuList = styled(Menu)`\n  border-radius: 0;\n  min-width: 250px;\n  max-height: 350px;\n  overflow-y: auto;\n  border: 1px solid #ccc;\n  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;\n  .ant-dropdown-menu-item {\n    padding: 0 20px;\n    height: 44px;\n    line-height: 44px;\n    &:hover {\n      background: rgba(0, 0, 0, 0.1);\n    }\n    &.app-search-warp {\n      padding: 0;\n      &:hover {\n        background: none;\n      }\n      .ant-input-affix-wrapper {\n        height: 100%;\n      }\n      .ant-input {\n        border: none;\n        border-bottom: 1px dashed #dcdcdc;\n        box-shadow: none;\n        padding: 0 20px;\n      }\n    }\n    i {\n      margin-right: 0 !important;\n      margin-left: 6px !important;\n    }\n  }\n  .isInIframe & {\n    margin-left: 20px;\n  }\n`\n\n// 新版UI\nconst AppsSelect = styled(Select)`\n  min-width: 160px;\n  height: 28px;\n  line-height: 28;\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n  .ant-select-selection,\n  .ant-select-selection__rendered {\n    line-height: 28px;\n    height: 28px;\n  }\n\n  .ant-select-selection {\n    .hasHeaderTabs & {\n      border-radius: 14px;\n      font-size: 12px;\n      // 去掉默认黑色\n      // background: #191D29;\n      // border: 1px solid rgba(186,189,197,0.60);\n      // color: rgba(255,255,255,.8);\n      // 统一为浅色调\n      background: #fff !important;\n      border-color: #c9d2dd !important;\n      color: #8b919e !important;\n    }\n    // 统一色调\n    // .tnt-themeS1.hasHeaderTabs & {\n    //     /* background: #141825; */\n    //     /* color: rgba(255,255,255,.85); */\n    //     background: #fff;\n    //     border-color: #c9d2dd;\n    //     color: #8b919e;\n    // }\n\n    // .tnt-themeS3.hasHeaderTabs &{\n    //     background: ${(props) => `${props.theme.blueBgColor} !important`}; //#1D4295\n    //     color: rgba(255,255,255,0.8);\n    //     border-color: rgba(255,255,255,0.5);\n    // }\n  }\n\n  .ant-select-arrow {\n    .hasHeaderTabs & {\n      color: #b2becd;\n    }\n    .tnt-themeS1 & {\n      /* color: rgba(255,255,255,.85); */\n    }\n  }\n\n  .tnt-themeS1 & {\n    border-radius: 2px;\n  }\n\n  .isInIframe & {\n    margin-left: 20px;\n  }\n`\n\nconst AppTreeSelect = styled(TreeSelect)`\n  min-width: 160px;\n  height: 28px;\n  line-height: 28;\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n`\n\nconst SwitchAppMenu = styled.a`\n  display: block;\n  color: #666;\n  line-height: ${(props) => `${props.theme.headerHeight}px`};\n  font-size: ${(props) => `${props.theme.size === 'large' ? 16 : 14}px`};\n\n  .tnt-themeS1 & {\n    color: rgba(255, 255, 255, 0.85);\n  }\n  &:hover {\n    color: #666;\n  }\n  i {\n    margin-left: 12px;\n  }\n`\n\nexport default withTheme((props) => {\n  const { selectedKey, items = [], onChange } = props\n  const getInitialSelectedApp = () => {\n    const currentAppStore = getCurrentAppStore()\n    const findAppByKey = (selectedKey) => {\n      let findApp\n\n      traverseTree(items, (item) => {\n        if (item.key === selectedKey) {\n          findApp = item\n          return false\n        }\n      })\n\n      return findApp\n    }\n    const currentApp = findAppByKey(selectedKey || get(currentAppStore, 'key'))\n\n    return currentApp || items[0]\n  }\n  const changeApp = (app) => {\n    setSelectedApp(app)\n    setCurrentAppStore(app)\n    onChange && onChange(app)\n  }\n\n  const [searchValue, setSearchValue] = useState()\n  const [selectedApp, setSelectedApp] = useState(getInitialSelectedApp())\n  const Menus = (\n    <MenuList selectedKeys={[get(selectedApp, 'key')]}>\n      <Menu.Item className=\"app-search-warp\" key=\"search\" disabled>\n        <Input\n          allowClear\n          placeholder=\"输入关键词搜索\"\n          value={searchValue}\n          onChange={(evt) => {\n            setSearchValue(evt.target.value)\n          }}\n        />\n      </Menu.Item>\n      {items\n        .filter(({ key, name } = {}) => {\n          const regExp = new RegExp(searchValue, 'i')\n          if (searchValue) {\n            return regExp.test(key) || regExp.test(name)\n          }\n          return true\n        })\n        .map((item) => (\n          <Menu.Item key={item.key} onClick={changeApp.bind(this, item)}>\n            {item.name}\n          </Menu.Item>\n        ))}\n    </MenuList>\n  )\n\n  useEffect(() => {\n    const newApp = getInitialSelectedApp()\n\n    if (newApp?.key !== selectedApp?.key) {\n      changeApp(newApp)\n    }\n  }, [items, selectedKey])\n\n  if (!props.theme.compatible) {\n    if (items?.some((item) => item.children?.length)) {\n      return (\n        <AppTreeSelect\n          placeholder=\"请选择\"\n          showSearch\n          treeNodeFilterProp=\"title\"\n          treeDefaultExpandAll\n          dropdownClassName=\"tnt-layout-header-app-tree-select\"\n          dropdownStyle={{ maxHeight: 560 }}\n          value={get(selectedApp, 'key')}\n          treeData={traverseTree(items, (item) => {\n            item.title = item.name\n            item.value = item.key\n            item.selectable = !item.children\n            item.disabled = !!item.children\n          })}\n          onChange={(appKey) => {\n            let findItem\n\n            traverseTree(items, (node) => {\n              if (node.key === appKey) {\n                findItem = node\n                return false\n              }\n            })\n            changeApp(findItem)\n          }}\n          style={{ minWidth: 160, height: 28, lineHeight: 28 }}\n        />\n      )\n    }\n\n    return (\n      <AppsSelect\n        placeholder=\"请选择\"\n        showSearch\n        optionFilterProp=\"children\"\n        value={get(selectedApp, 'key')}\n        onChange={(appKey) => {\n          changeApp(items.find(({ key }) => key === appKey))\n        }}\n        style={{ minWidth: 160, height: 28, lineHeight: 28 }}\n      >\n        {items.map(({ key, name }) => (\n          <Option key={key} value={key}>\n            {name}\n          </Option>\n        ))}\n      </AppsSelect>\n    )\n  }\n\n  return (\n    <Dropdown overlay={Menus} trigger={['click']}>\n      <SwitchAppMenu>\n        <span>{get(selectedApp, 'name', '请选择')}</span>\n        <Icon type=\"caret-down\" />\n      </SwitchAppMenu>\n    </Dropdown>\n  )\n})\n"]}
+{"version":3,"file":"AppList.js","sourceRoot":"","sources":["../../src/tntd-layout/AppList.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkD;AAClD,uEAAqD;AACrD,mCAA4B;AAE5B,2DAAkC;AAClC,mDAA0B;AAC1B,qDAA4B;AAC5B,uDAA8B;AAC9B,iEAAuC;AACvC,6DAA+B;AAC/B,uCAAkE;AAClE,oCAAuC;AAEvC,MAAM,EAAE,MAAM,EAAE,GAAG,gBAAM,CAAA;AACzB,MAAM,QAAQ,GAAG,IAAA,2BAAM,EAAC,cAAI,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqC5B,CAAA;AAED,OAAO;AACP,MAAM,UAAU,GAAG,IAAA,2BAAM,EAAC,gBAAM,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAoCR,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,WAAW,aAAa;;;;;;;;;;;;;;;;;;;;;;CAsB1E,CAAA;AAED,MAAM,aAAa,GAAG,IAAA,2BAAM,EAAC,qBAAU,CAAC,CAAA;;;;;;;CAOvC,CAAA;AAED,MAAM,aAAa,GAAG,2BAAM,CAAC,CAAC,CAAA;;;iBAGb,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,YAAY,IAAI;eAC5C,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI;;;;;;;;;;;CAWtE,CAAA;AAED,kBAAe,IAAA,6BAAS,EAAC,CAAC,KAAK,EAAE,EAAE;IACjC,MAAM,EAAE,WAAW,EAAE,KAAK,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IACnD,MAAM,qBAAqB,GAAG,GAAG,EAAE;QACjC,MAAM,eAAe,GAAG,IAAA,4BAAkB,GAAE,CAAA;QAC5C,MAAM,YAAY,GAAG,CAAC,WAAW,EAAE,EAAE;YACnC,IAAI,OAAO,CAAA;YAEX,IAAA,oBAAY,EAAC,KAAK,EAAE,CAAC,IAAI,EAAE,EAAE;gBAC3B,IAAI,IAAI,CAAC,GAAG,KAAK,WAAW,EAAE;oBAC5B,OAAO,GAAG,IAAI,CAAA;oBACd,OAAO,KAAK,CAAA;iBACb;YACH,CAAC,CAAC,CAAA;YAEF,OAAO,OAAO,CAAA;QAChB,CAAC,CAAA;QACD,MAAM,UAAU,GAAG,YAAY,CAAC,WAAW,IAAI,IAAA,YAAG,EAAC,eAAe,EAAE,KAAK,CAAC,CAAC,CAAA;QAE3E,OAAO,UAAU,IAAI,KAAK,CAAC,CAAC,CAAC,CAAA;IAC/B,CAAC,CAAA;IACD,MAAM,SAAS,GAAG,CAAC,GAAG,EAAE,EAAE;QACxB,cAAc,CAAC,GAAG,CAAC,CAAA;QACnB,IAAA,4BAAkB,EAAC,GAAG,CAAC,CAAA;QACvB,QAAQ,IAAI,QAAQ,CAAC,GAAG,CAAC,CAAA;IAC3B,CAAC,CAAA;IAED,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,GAAE,CAAA;IAChD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,qBAAqB,EAAE,CAAC,CAAA;IACvE,MAAM,KAAK,GAAG,CACZ,8BAAC,QAAQ,IAAC,YAAY,EAAE,CAAC,IAAA,YAAG,EAAC,WAAW,EAAE,KAAK,CAAC,CAAC;QAC/C,8BAAC,cAAI,CAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,EAAC,GAAG,EAAC,QAAQ,EAAC,QAAQ;YAC1D,8BAAC,eAAK,IACJ,UAAU,QACV,WAAW,EAAC,4CAAS,EACrB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;oBAChB,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;gBAClC,CAAC,GACD,CACQ;QACX,KAAK;aACH,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE;YAC7B,MAAM,MAAM,GAAG,IAAI,MAAM,CAAC,WAAW,EAAE,GAAG,CAAC,CAAA;YAC3C,IAAI,WAAW,EAAE;gBACf,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;aAC7C;YACD,OAAO,IAAI,CAAA;QACb,CAAC,CAAC;aACD,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACb,8BAAC,cAAI,CAAC,IAAI,IAAC,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,IAC1D,IAAI,CAAC,IAAI,CACA,CACb,CAAC,CACK,CACZ,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,qBAAqB,EAAE,CAAA;QAEtC,IAAI,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,OAAK,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,CAAA,EAAE;YACpC,SAAS,CAAC,MAAM,CAAC,CAAA;SAClB;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAA;IAExB,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,EAAE;QAC3B,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,WAAC,OAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,MAAM,CAAA,EAAA,CAAC,EAAE;YAChD,OAAO,CACL,8BAAC,aAAa,IACZ,WAAW,EAAC,oBAAK,EACjB,UAAU,QACV,kBAAkB,EAAC,OAAO,EAC1B,oBAAoB,QACpB,iBAAiB,EAAC,mCAAmC,EACrD,aAAa,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,EACjC,KAAK,EAAE,IAAA,YAAG,EAAC,WAAW,EAAE,KAAK,CAAC,EAC9B,QAAQ,EAAE,IAAA,oBAAY,EAAC,KAAK,EAAE,CAAC,IAAI,EAAE,EAAE;oBACrC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAA;oBACtB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAA;oBACrB,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAA;oBAChC,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAA;gBACjC,CAAC,CAAC,EACF,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE;oBACnB,IAAI,QAAQ,CAAA;oBAEZ,IAAA,oBAAY,EAAC,KAAK,EAAE,CAAC,IAAI,EAAE,EAAE;wBAC3B,IAAI,IAAI,CAAC,GAAG,KAAK,MAAM,EAAE;4BACvB,QAAQ,GAAG,IAAI,CAAA;4BACf,OAAO,KAAK,CAAA;yBACb;oBACH,CAAC,CAAC,CAAA;oBACF,SAAS,CAAC,QAAQ,CAAC,CAAA;gBACrB,CAAC,EACD,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,GACpD,CACH,CAAA;SACF;QAED,OAAO,CACL,8BAAC,UAAU,IACT,WAAW,EAAC,oBAAK,EACjB,UAAU,QACV,gBAAgB,EAAC,UAAU,EAC3B,KAAK,EAAE,IAAA,YAAG,EAAC,WAAW,EAAE,KAAK,CAAC,EAC9B,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE;gBACnB,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,GAAG,KAAK,MAAM,CAAC,CAAC,CAAA;YACpD,CAAC,EACD,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,IAEnD,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAC5B,8BAAC,MAAM,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IACzB,IAAI,CACE,CACV,CAAC,CACS,CACd,CAAA;KACF;IAED,OAAO,CACL,8BAAC,kBAAQ,IAAC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,OAAO,CAAC;QAC1C,8BAAC,aAAa;YACZ,4CAAO,IAAA,YAAG,EAAC,WAAW,EAAE,MAAM,EAAE,KAAK,CAAC,CAAQ;YAC9C,8BAAC,mBAAI,IAAC,IAAI,EAAC,YAAY,GAAG,CACZ,CACP,CACZ,CAAA;AACH,CAAC,CAAC,CAAA","sourcesContent":["import React, { useState, useEffect } from 'react'\nimport styled, { withTheme } from 'styled-components'\nimport { get } from 'lodash'\n\nimport Dropdown from '../dropdown'\nimport Menu from '../menu'\nimport Input from '../input'\nimport Select from '../select'\nimport TreeSelect from '../tree-select'\nimport Icon from '../tntd-icon'\nimport { getCurrentAppStore, setCurrentAppStore } from './storage'\nimport { traverseTree } from '../utils'\n\nconst { Option } = Select\nconst MenuList = styled(Menu)`\n  border-radius: 0;\n  min-width: 250px;\n  max-height: 350px;\n  overflow-y: auto;\n  border: 1px solid #ccc;\n  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;\n  .ant-dropdown-menu-item {\n    padding: 0 20px;\n    height: 44px;\n    line-height: 44px;\n    &:hover {\n      background: rgba(0, 0, 0, 0.1);\n    }\n    &.app-search-warp {\n      padding: 0;\n      &:hover {\n        background: none;\n      }\n      .ant-input-affix-wrapper {\n        height: 100%;\n      }\n      .ant-input {\n        border: none;\n        border-bottom: 1px dashed #dcdcdc;\n        box-shadow: none;\n        padding: 0 20px;\n      }\n    }\n    i {\n      margin-right: 0 !important;\n      margin-left: 6px !important;\n    }\n  }\n  .isInIframe & {\n    margin-left: 20px;\n  }\n`\n\n// 新版UI\nconst AppsSelect = styled(Select)`\n  min-width: 160px;\n  height: 28px;\n  line-height: 28;\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n  .ant-select-selection,\n  .ant-select-selection__rendered {\n    line-height: 28px;\n    height: 28px;\n  }\n\n  .ant-select-selection {\n    .hasHeaderTabs & {\n      border-radius: 14px;\n      font-size: 12px;\n      // 去掉默认黑色\n      // background: #191D29;\n      // border: 1px solid rgba(186,189,197,0.60);\n      // color: rgba(255,255,255,.8);\n      // 统一为浅色调\n      background: #fff !important;\n      border-color: #c9d2dd !important;\n      color: #8b919e !important;\n    }\n    // 统一色调\n    // .tnt-themeS1.hasHeaderTabs & {\n    //     /* background: #141825; */\n    //     /* color: rgba(255,255,255,.85); */\n    //     background: #fff;\n    //     border-color: #c9d2dd;\n    //     color: #8b919e;\n    // }\n\n    // .tnt-themeS3.hasHeaderTabs &{\n    //     background: ${(props) => `${props.theme.blueBgColor} !important`}; //#1D4295\n    //     color: rgba(255,255,255,0.8);\n    //     border-color: rgba(255,255,255,0.5);\n    // }\n  }\n\n  .ant-select-arrow {\n    .hasHeaderTabs & {\n      color: #b2becd;\n    }\n    .tnt-themeS1 & {\n      /* color: rgba(255,255,255,.85); */\n    }\n  }\n\n  .tnt-themeS1 & {\n    border-radius: 2px;\n  }\n\n  .isInIframe & {\n    margin-left: 20px;\n  }\n`\n\nconst AppTreeSelect = styled(TreeSelect)`\n  min-width: 160px;\n  height: 28px;\n  line-height: 28;\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n`\n\nconst SwitchAppMenu = styled.a`\n  display: block;\n  color: #666;\n  line-height: ${(props) => `${props.theme.headerHeight}px`};\n  font-size: ${(props) => `${props.theme.size === 'large' ? 16 : 14}px`};\n\n  .tnt-themeS1 & {\n    color: rgba(255, 255, 255, 0.85);\n  }\n  &:hover {\n    color: #666;\n  }\n  i {\n    margin-left: 12px;\n  }\n`\n\nexport default withTheme((props) => {\n  const { selectedKey, items = [], onChange } = props\n  const getInitialSelectedApp = () => {\n    const currentAppStore = getCurrentAppStore()\n    const findAppByKey = (selectedKey) => {\n      let findApp\n\n      traverseTree(items, (item) => {\n        if (item.key === selectedKey) {\n          findApp = item\n          return false\n        }\n      })\n\n      return findApp\n    }\n    const currentApp = findAppByKey(selectedKey || get(currentAppStore, 'key'))\n\n    return currentApp || items[0]\n  }\n  const changeApp = (app) => {\n    setSelectedApp(app)\n    setCurrentAppStore(app)\n    onChange && onChange(app)\n  }\n\n  const [searchValue, setSearchValue] = useState()\n  const [selectedApp, setSelectedApp] = useState(getInitialSelectedApp())\n  const Menus = (\n    <MenuList selectedKeys={[get(selectedApp, 'key')]}>\n      <Menu.Item className=\"app-search-warp\" key=\"search\" disabled>\n        <Input\n          allowClear\n          placeholder=\"输入关键词搜索\"\n          value={searchValue}\n          onChange={(evt) => {\n            setSearchValue(evt.target.value)\n          }}\n        />\n      </Menu.Item>\n      {items\n        .filter(({ key, name } = {}) => {\n          const regExp = new RegExp(searchValue, 'i')\n          if (searchValue) {\n            return regExp.test(key) || regExp.test(name)\n          }\n          return true\n        })\n        .map((item) => (\n          <Menu.Item key={item.key} onClick={changeApp.bind(this, item)}>\n            {item.name}\n          </Menu.Item>\n        ))}\n    </MenuList>\n  )\n\n  useEffect(() => {\n    const newApp = getInitialSelectedApp()\n\n    if (newApp?.key !== selectedApp?.key) {\n      changeApp(newApp)\n    }\n  }, [items, selectedKey])\n\n  if (!props.theme.compatible) {\n    if (items?.some((item) => item.children?.length)) {\n      return (\n        <AppTreeSelect\n          placeholder=\"请选择\"\n          showSearch\n          treeNodeFilterProp=\"title\"\n          treeDefaultExpandAll\n          dropdownClassName=\"tnt-layout-header-app-tree-select\"\n          dropdownStyle={{ maxHeight: 560 }}\n          value={get(selectedApp, 'key')}\n          treeData={traverseTree(items, (item) => {\n            item.title = item.name\n            item.value = item.key\n            item.selectable = !item.children\n            item.disabled = !!item.children\n          })}\n          onChange={(appKey) => {\n            let findItem\n\n            traverseTree(items, (node) => {\n              if (node.key === appKey) {\n                findItem = node\n                return false\n              }\n            })\n            changeApp(findItem)\n          }}\n          style={{ minWidth: 160, height: 28, lineHeight: 28 }}\n        />\n      )\n    }\n\n    return (\n      <AppsSelect\n        placeholder=\"请选择\"\n        showSearch\n        optionFilterProp=\"children\"\n        value={get(selectedApp, 'key')}\n        onChange={(appKey) => {\n          changeApp(items.find(({ key }) => key === appKey))\n        }}\n        style={{ minWidth: 160, height: 28, lineHeight: 28 }}\n      >\n        {items.map(({ key, name }) => (\n          <Option key={key} value={key}>\n            {name}\n          </Option>\n        ))}\n      </AppsSelect>\n    )\n  }\n\n  return (\n    <Dropdown overlay={Menus} trigger={['click']}>\n      <SwitchAppMenu>\n        <span>{get(selectedApp, 'name', '请选择')}</span>\n        <Icon type=\"caret-down\" />\n      </SwitchAppMenu>\n    </Dropdown>\n  )\n})\n"]}