@titaui/pc 1.12.9-beta.2 → 1.12.9-beta.3

package/lib/components/nav-top/components/app-center/images/summary.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="52" height="52" viewBox="0 0 52 52"><defs><filter id="d" width="130%" height="245.6%" x="-15%" y="-72.8%" filterUnits="objectBoundingBox"><feGaussianBlur in="SourceGraphic" stdDeviation="1"/></filter><filter id="g" width="115.6%" height="115.6%" x="-7.8%" y="-7.8%" filterUnits="objectBoundingBox"><feGaussianBlur in="SourceAlpha" result="shadowBlurInner1" stdDeviation="1.5"/><feOffset dy="-2" in="shadowBlurInner1" result="shadowOffsetInner1"/><feComposite in="shadowOffsetInner1" in2="SourceAlpha" k2="-1" k3="1" operator="arithmetic" result="shadowInnerInner1"/><feColorMatrix in="shadowInnerInner1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.8 0"/></filter><filter id="i" width="149.8%" height="149.8%" x="-24.9%" y="-12.4%" filterUnits="objectBoundingBox"><feOffset dy="3" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1.5"/><feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 1 0 0 0 0 0.604939494 0 0 0 0 0 0 0 0 1 0"/></filter><filter id="k" width="166.4%" height="166.4%" x="-33.2%" y="-16.6%" filterUnits="objectBoundingBox"><feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 1 0 0 0 0 0.603921569 0 0 0 0 0 0 0 0 0.6 0"/></filter><filter id="m" width="166.4%" height="166.4%" x="-33.2%" y="-16.6%" filterUnits="objectBoundingBox"><feGaussianBlur in="SourceAlpha" result="shadowBlurInner1" stdDeviation="1"/><feOffset dy="-2" in="shadowBlurInner1" result="shadowOffsetInner1"/><feComposite in="shadowOffsetInner1" in2="SourceAlpha" k2="-1" k3="1" operator="arithmetic" result="shadowInnerInner1"/><feColorMatrix in="shadowInnerInner1" result="shadowMatrixInner1" values="0 0 0 0 1 0 0 0 0 0.761011937 0 0 0 0 0 0 0 0 0.5 0"/><feGaussianBlur in="SourceAlpha" result="shadowBlurInner2" stdDeviation="1"/><feOffset dy="1" in="shadowBlurInner2" result="shadowOffsetInner2"/><feComposite in="shadowOffsetInner2" in2="SourceAlpha" k2="-1" k3="1" operator="arithmetic" result="shadowInnerInner2"/><feColorMatrix in="shadowInnerInner2" result="shadowMatrixInner2" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.8 0"/><feMerge><feMergeNode in="shadowMatrixInner1"/><feMergeNode in="shadowMatrixInner2"/></feMerge></filter><path id="e" d="M34.0363636,9.92727273 L17.9636364,9.92727273 C13.5252753,9.92727273 9.92727273,13.1254972 9.92727273,17.0707071 L9.92727273,34.9292929 C9.92727273,38.8745028 13.5252753,42.0727273 17.9636364,42.0727273 L34.0363636,42.0727273 C38.4747247,42.0727273 42.0727273,38.8745028 42.0727273,34.9292929 L42.0727273,17.0707071 C42.0727273,13.1254972 38.4747247,9.92727273 34.0363636,9.92727273 Z"/><path id="h" d="M32.0272727,13.9454545 L19.9727273,13.9454545 C16.6439565,13.9454545 13.9454545,16.3441229 13.9454545,19.3030303 L13.9454545,32.6969697 C13.9454545,35.6558771 16.6439565,38.0545455 19.9727273,38.0545455 L32.0272727,38.0545455 C35.3560435,38.0545455 38.0545455,35.6558771 38.0545455,32.6969697 L38.0545455,19.3030303 C38.0545455,16.3441229 35.3560435,13.9454545 32.0272727,13.9454545 Z"/><path id="j" d="M25.397292,19.9727273 C28.3040069,19.9727273 30.6823714,22.2680903 30.8159052,25.1509079 L30.8218182,25.4067553 L30.8190101,25.5743738 C30.786559,26.5815822 30.4788491,27.5194058 29.968624,28.3154957 L31.6849023,30.0317919 C32.1413962,30.4882857 32.1413962,31.2284085 31.6849023,31.6849023 C31.2381211,32.1316836 30.5196519,32.1411895 30.0613095,31.7134203 L28.3155396,29.9671093 C27.5848861,30.4346862 26.7349083,30.7325158 25.8216612,30.8048471 L25.4763373,30.8212922 L25.2192106,30.8190188 C22.3011127,30.7245095 19.9727273,28.3220929 19.9727273,25.397312 C19.9727273,22.4050973 22.4050854,19.9727273 25.397292,19.9727273 Z M25.3972727,22.3836364 C23.7328873,22.3836364 22.3836364,23.7328873 22.3836364,25.3972727 C22.3836364,27.0616581 23.7328873,28.4109091 25.3972727,28.4109091 C27.0616581,28.4109091 28.4109091,27.0616581 28.4109091,25.3972727 C28.4109091,23.7328873 27.0616581,22.3836364 25.3972727,22.3836364 Z"/><radialGradient id="f" cx="26.486%" cy="8.756%" r="56.457%" fx="26.486%" fy="8.756%"><stop offset="0%" stop-color="#FFDE7D"/><stop offset="100%" stop-color="#F6BD16"/></radialGradient><radialGradient id="l" cx="57.437%" cy="67.761%" r="66.729%" fx="57.437%" fy="67.761%"><stop offset="0%" stop-color="#FFF800"/><stop offset="100%" stop-color="#FDE396"/></radialGradient><linearGradient id="c" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#F6BD16"/><stop offset="100%" stop-color="#F6BD16" stop-opacity="0"/></linearGradient><polygon id="a" points="0 0 52 0 52 52 0 52"/></defs><g fill="none" fill-rule="evenodd"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><path fill="#F6BD16" fill-opacity=".16" d="M12.1333518,2.31108338 C21.3778302,-0.770361126 30.6221698,-0.770361126 39.8666482,2.31108338 C43.5641899,3.6827713 48.3171222,8.43583913 49.6888111,12.1333784 C52.7703963,21.3777119 52.7703963,30.6221841 49.6888111,39.8666563 C48.3171222,43.5640569 43.5641899,48.3171247 39.8666482,49.6888126 C30.6221698,52.7703958 21.3778302,52.7703958 12.1333518,49.6888126 C8.43594875,48.3171247 3.68287776,43.5640569 2.31118892,39.8666563 C-0.770396306,30.6221841 -0.770396306,21.3777119 2.31118892,12.1333784 C3.68287776,8.43583913 8.43594875,3.6827713 12.1333518,2.31108338" mask="url(#b)"/><path fill="url(#c)" fill-opacity=".8" d="M36,44.5 C36,43.6715729 31.5228475,41 26,41 C20.4771525,41 16,43.6715729 16,44.5 C16,45.3284271 36,45.3284271 36,44.5 Z" filter="url(#d)" mask="url(#b)"/><g fill-rule="nonzero" mask="url(#b)"><use xlink:href="#e" fill="url(#f)"/><use xlink:href="#e" fill="#000" filter="url(#g)"/></g><g fill-rule="nonzero" mask="url(#b)"><use xlink:href="#h" fill="#000" filter="url(#i)"/><use xlink:href="#h" fill="#FFF" fill-opacity=".4"/></g><g fill-rule="nonzero" mask="url(#b)"><use xlink:href="#j" fill="#000" filter="url(#k)"/><use xlink:href="#j" fill="url(#l)"/><use xlink:href="#j" fill="#000" filter="url(#m)"/></g></g></svg>

package/lib/components/nav-top/components/app-center/index.css

@@ -0,0 +1,91 @@
+.app-center {
+  width: 872px;
+  padding: 40px 0 44px;
+  margin: 0 auto;
+}
+
+.app-center__title {
+  font-size: 24px;
+  color: #141c28;
+  line-height: 38px;
+  margin-bottom: 32px;
+  font-weight: 500;
+  font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
+}
+
+.app-center__app-list {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.app-center__app-item {
+  box-sizing: border-box;
+  width: 280px;
+  height: 84px;
+  padding: 16px 20px;
+  border-radius: 24px;
+  border: 1px solid #e9ecf0;
+  display: flex;
+  align-items: center;
+  margin-right: 16px;
+  margin-bottom: 16px;
+  cursor: pointer;
+}
+
+.app-center__app-item:nth-child(3n) {
+  margin-right: 0;
+}
+
+.app-center__app-item:hover {
+  box-shadow: 0px 8px 16px 0px rgba(127, 145, 180, 0.1);
+}
+
+.app-center__app-item-icon {
+  width: 52px;
+  height: 52px;
+  margin-right: 12px;
+  background-size: contain;
+}
+
+.app-center__app-item-icon--chart {
+  background-image: url(./images/chart.svg);
+}
+
+.app-center__app-item-icon--file {
+  background-image: url("./images/file.svg");
+}
+
+.app-center__app-item-icon--interview {
+  background-image: url("./images/interview.svg");
+}
+
+.app-center__app-item-icon--learning {
+  background-image: url("./images/learning.svg");
+}
+
+.app-center__app-item-icon--okr {
+  background-image: url("./images/okr.svg");
+}
+
+.app-center__app-item-icon--performance {
+  background-image: url("./images/performance.svg");
+}
+
+.app-center__app-item-icon--project {
+  background-image: url("./images/project.svg");
+}
+
+.app-center__app-item-icon--summary {
+  background-image: url("./images/summary.svg");
+}
+
+.app-center__app-item-icon--plan {
+  background-image: url("./images/plan.svg");
+}
+
+.app-center__app-item-name {
+  font-size: 18px;
+  color: #141c28;
+  line-height: 26px;
+  font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
+}

package/lib/components/nav-top/components/app-center/index.js

@@ -0,0 +1,123 @@
+"use strict";
+
+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
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _getLocale = require("../../../../utils/getLocale");
+
+var _drawer = _interopRequireDefault(require("../../../drawer"));
+
+var _utils = require("../../utils");
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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 _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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_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; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var precls = "app-center";
+
+var AppCenter = function AppCenter(props) {
+  var _useState = (0, _react.useState)(function () {
+    var menus = (0, _utils.getMenus)();
+    return menus.filter(function (menu) {
+      return menu.key !== "dynamic";
+    });
+  }),
+      _useState2 = _slicedToArray(_useState, 1),
+      apps = _useState2[0];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      init = _useState4[0],
+      setInit = _useState4[1];
+
+  var _props$appCenterVisib = props.appCenterVisible,
+      appCenterVisible = _props$appCenterVisib === void 0 ? false : _props$appCenterVisib,
+      closeAppCenter = props.closeAppCenter,
+      setMenu = props.setMenu;
+
+  var _useState5 = (0, _react.useState)(function () {
+    var hash = window.location.hash.split("?")[0] || "";
+
+    if (hash) {
+      var activeApp = apps.find(function (app) {
+        return hash.includes(app.key);
+      });
+      return (activeApp === null || activeApp === void 0 ? void 0 : activeApp.id) || apps[0].id;
+    }
+
+    return apps[0].id;
+  }),
+      _useState6 = _slicedToArray(_useState5, 2),
+      currentAppId = _useState6[0],
+      setCurrentAppId = _useState6[1];
+
+  (0, _react.useEffect)(function () {
+    setInit(true);
+  }, []);
+  (0, _react.useEffect)(function () {
+    var _apps$find;
+
+    var menus = ((_apps$find = apps.find(function (app) {
+      return app.id === currentAppId;
+    })) === null || _apps$find === void 0 ? void 0 : _apps$find.children) || [];
+    setMenu(menus);
+
+    if (init) {
+      window.location.href = menus === null || menus === void 0 ? void 0 : menus[0].href;
+    }
+
+    closeAppCenter();
+  }, [currentAppId]);
+  return /*#__PURE__*/_react["default"].createElement(_drawer["default"], {
+    className: "".concat(precls, "__drawer"),
+    placement: "top",
+    onClose: closeAppCenter,
+    visible: appCenterVisible,
+    mask: true,
+    width: "100%"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: precls
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(precls, "__title")
+  }, (0, _getLocale.getLocale)("Feed_Title_HiwelcTita")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(precls, "__app-list")
+  }, apps.length > 0 && apps.map(function (app) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(precls, "__app-item"),
+      onClick: function onClick() {
+        return setCurrentAppId(app.id);
+      }
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: (0, _classnames["default"])("".concat(precls, "__app-item-icon"), "".concat(precls, "__app-item-icon--").concat(app.iconName))
+    }), /*#__PURE__*/_react["default"].createElement("span", {
+      className: "".concat(precls, "__app-item-name")
+    }, app.title));
+  }))));
+};
+
+var _default = AppCenter;
+exports["default"] = _default;

package/lib/components/nav-top/components/menu/index.js

@@ -19,8 +19,6 @@ var _popup = _interopRequireDefault(require("../../../popup"));
 
 var _conditionRender = _interopRequireDefault(require("../../../../components/condition-render"));
 
-var _useGlobalValue3 = _interopRequireDefault(require("../../useGlobalValue"));
-
 var _new = _interopRequireDefault(require("./img/new.svg"));
 
 require("./index.css");
@@ -76,12 +74,10 @@ var Menu = function Menu(_ref) {
   var _useState3 = (0, _react.useState)(false),
       _useState4 = _slicedToArray(_useState3, 2),
       popupVisible = _useState4[0],
-      setPopupVisible = _useState4[1];
+      setPopupVisible = _useState4[1]; // const [feedNum] = useGlobalValue();
 
-  var _useGlobalValue = (0, _useGlobalValue3["default"])(),
-      _useGlobalValue2 = _slicedToArray(_useGlobalValue, 1),
-      feedNum = _useGlobalValue2[0];
 
+  var feedNum = 20;
   var containerRef = (0, _react.useRef)();
   var apiPath = (0, _bsGlobal.getBSGlobal)("apiPath");
   var userId = (0, _bsGlobal.getUserInfo)().Id;

package/lib/components/nav-top/index.css

@@ -18,14 +18,14 @@
   height: 54px;
   border-radius: 0px 0px 0px 24px;
   box-sizing: border-box;
-  padding: 0 10px 0 20px;
+  padding-left: 20px;
   cursor: default;
 }
 
 .titaui-nav-top__left-home {
   display: inline-flex;
   border-radius: 4px;
-  padding: 4px;
+  margin-right: 24px;
 }
 
 .titaui-nav-top__left-home--active {
@@ -33,8 +33,8 @@
 }
 
 .titaui-nav-top__left-home-img {
-  width: 20px;
-  height: 20px;
+  width: 24px;
+  height: 24px;
 }
 
 .titaui-nav-top__left-home--hover:hover {
@@ -50,6 +50,41 @@
   cursor: pointer;
 }
 
+.titaui-nav-top__left-dynamic, .titaui-nav-top__left-app-center {
+  font-size: 24px;
+  color: #ffffff;
+  padding: 2px;
+  margin-right: 14px;
+  border-radius: 8px;
+  cursor: pointer;
+}
+
+.titaui-nav-top__left-dynamic:hover, .titaui-nav-top__left-dynamic--active, .titaui-nav-top__left-app-center:hover, .titaui-nav-top__left-app-center--active {
+  background: rgba(255, 255, 255, 0.2);
+}
+
+.titaui-nav-top__left-dynamic {
+  position: relative;
+}
+
+.titaui-nav-top__left-dynamic-feed-num {
+  position: absolute;
+  right: -6px;
+  top: -2px;
+  background: #fe5042;
+  border-radius: 18px;
+  height: 16px;
+  font-size: 12px;
+  color: #ffffff;
+  line-height: 18px;
+  padding: 0 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 8px;
+  font-weight: 400;
+}
+
 .titaui-nav-top__line {
   width: 1px;
   min-width: 1px;
@@ -68,8 +103,8 @@
 
 .titaui-nav-top__msg {
   margin-right: 24px;
-  width: 20px;
-  height: 20px;
+  width: 24px;
+  height: 24px;
   cursor: pointer;
   display: inline-flex;
 }

package/lib/components/nav-top/index.js

@@ -11,25 +11,27 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _toast = _interopRequireDefault(require("../toast"));
+
 var _bsGlobal = require("../../utils/bs-global");
 
-var _userOwnMenu = _interopRequireDefault(require("./components/user-own-menu"));
+var _request = require("../../utils/request");
 
-var _useGlobalValue = _interopRequireDefault(require("./useGlobalValue"));
+var _appCenter = _interopRequireDefault(require("./components/app-center"));
+
+var _userOwnMenu = _interopRequireDefault(require("./components/user-own-menu"));
 
 var _menu = _interopRequireDefault(require("./components/menu"));
 
 var _userMessage = _interopRequireDefault(require("./components/user-message"));
 
-var _home = _interopRequireDefault(require("./images/home.png"));
-
 var _version = _interopRequireDefault(require("./components/version"));
 
-var _utils = require("./utils");
+var _useGlobalValue3 = _interopRequireDefault(require("./useGlobalValue"));
 
-var _request = require("../../utils/request");
+var _home = _interopRequireDefault(require("./images/home.png"));
 
-var _toast = _interopRequireDefault(require("../toast"));
+var _utils = require("./utils");
 
 require("./index.css");
 
@@ -61,11 +63,21 @@ var hasOKRApp = newNavigation.find(function (item) {
 var preCls = "titaui-nav-top";
 
 var NavTop = function NavTop() {
-  var _classNames2;
+  var _classNames3;
+
+  var isUseNewMenu = window.BSGlobal.isUseNewMenu;
+
+  var _useState = (0, _react.useState)(function () {
+    if (isUseNewMenu) return [];
+    return (0, _utils.getMenus)();
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      menu = _useState2[0],
+      setMenu = _useState2[1];
 
-  var _useState = (0, _react.useState)((0, _utils.getMenus)()),
-      _useState2 = _slicedToArray(_useState, 1),
-      menu = _useState2[0];
+  var _useGlobalValue = (0, _useGlobalValue3["default"])(),
+      _useGlobalValue2 = _slicedToArray(_useGlobalValue, 1),
+      feedNum = _useGlobalValue2[0];
 
   var versionInfo = (0, _bsGlobal.getBSGlobal)("tenantAuthentication");
 
@@ -74,6 +86,11 @@ var NavTop = function NavTop() {
       activeMenuId = _useState4[0],
       setActiveMenuId = _useState4[1];
 
+  var _useState5 = (0, _react.useState)(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      appCenterVisible = _useState6[0],
+      setAppCenterVisible = _useState6[1];
+
   var ua = navigator.userAgent.toLowerCase();
   var showWxInvite = (0, _bsGlobal.getTenantInfo)().mainCorpId && ua.indexOf("micromessenger") !== -1;
   var openWxInvite = (0, _react.useCallback)(function () {
@@ -84,15 +101,9 @@ var NavTop = function NavTop() {
         mode: "multi",
         // 必填，选择模式，single表示单选，multi表示多选
         selectedContextContact: 0 // 是否勾选当前环境的参与者。例如在群+号聊天附件栏打开，默认勾选当前群成员。
-        // "selectedOpenUserIds"["xxx","yyy"], // 非必填，已选用户OpenID列表。single模式忽略该参数。
-        // "selectedTickets"["ticket1","ticket2"] // 非必填，已选ticket列表。single模式忽略该参数
 
       }, function (res) {
         if (res.err_msg === "selectPrivilegedContact:ok") {
-          // var selectedUserList = res.result.userList; // 已选的成员列表
-          // for (var i = 0; i < selectedUserList.length; i++) {
-          //   var openUserId = selectedUserList[i].openUserId; //成员openUserId
-          // }
           var selectedTicket = res.result.selectedTicket.replace(/['"]/g, ""); // 已选的集合Ticket
 
           (0, _request.rpost)("v1")("wx/send/templateMessage?selectedTickets=".concat(selectedTicket)).then(function () {
@@ -107,6 +118,7 @@ var NavTop = function NavTop() {
   }, []);
 
   var handleHashChange = function handleHashChange() {
+    setAppCenterVisible(false);
     var hash = window.location.hash.split("?")[0] || "";
 
     if (hash) {
@@ -121,6 +133,11 @@ var NavTop = function NavTop() {
         return;
       }
 
+      if (hash.includes("dynamic")) {
+        setActiveMenuId("dynamic");
+        return;
+      }
+
       if (activeMenu) {
         setActiveMenuId(activeMenu.id);
       } else {
@@ -135,44 +152,61 @@ var NavTop = function NavTop() {
     return function () {
       window.removeEventListener("hashchange", handleHashChange);
     };
-  }, []);
+  }, [menu]);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(preCls))
   }, /*#__PURE__*/_react["default"].createElement("a", {
-    className: (0, _classnames["default"])("".concat(preCls, "__left")),
-    href: hasOKRApp ? "#homepage" : ""
+    className: "".concat(preCls, "__left"),
+    href: "#dynamic"
   }, /*#__PURE__*/_react["default"].createElement("img", {
     alt: "logo",
     src: Logo,
-    className: (0, _classnames["default"])("".concat(preCls, "__left-logo"), _defineProperty({}, "".concat(preCls, "__left-logo--hover"), hasOKRApp))
-  }), hasOKRApp && /*#__PURE__*/_react["default"].createElement("span", {
-    className: (0, _classnames["default"])("".concat(preCls, "__left-home"), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(preCls, "__left-home--active"), activeMenuId === 99999), _defineProperty(_classNames2, "".concat(preCls, "__left-home--hover"), hasOKRApp), _classNames2))
-  }, /*#__PURE__*/_react["default"].createElement("img", {
-    alt: "home-img",
-    src: _home["default"],
-    className: (0, _classnames["default"])("".concat(preCls, "__left-home-img"))
-  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__left-logo")
+  }), isUseNewMenu && /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(preCls, "__left-dynamic"), "tu-icon-feed-m", _defineProperty({}, "".concat(preCls, "__left-dynamic--active"), activeMenuId === "dynamic"))
+  }, feedNum > 0 && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__left-dynamic-feed-num")
+  }, feedNum > 100 ? "99+" : feedNum))), isUseNewMenu && /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(preCls, "__left-app-center"), "tu-icon-work-m", _defineProperty({}, "".concat(preCls, "__left-app-center--active"), appCenterVisible)),
+    onClick: function onClick() {
+      return setAppCenterVisible(true);
+    }
+  }), /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(preCls, "__line"))
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(preCls, "__middle"))
   }, /*#__PURE__*/_react["default"].createElement(_menu["default"], {
     menus: menu,
     activeMenuId: activeMenuId
-  })), showWxInvite && /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(preCls, "__invite")),
+  })), hasOKRApp && /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(preCls, "__left-home"), (_classNames3 = {}, _defineProperty(_classNames3, "".concat(preCls, "__left-home--active"), activeMenuId === 99999), _defineProperty(_classNames3, "".concat(preCls, "__left-home--hover"), hasOKRApp), _classNames3))
+  }, /*#__PURE__*/_react["default"].createElement("a", {
+    href: "#homepage"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    alt: "home-img",
+    src: _home["default"],
+    className: "".concat(preCls, "__left-home-img")
+  }))), showWxInvite && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__invite"),
     onClick: openWxInvite
   }, /*#__PURE__*/_react["default"].createElement("i", {
     className: (0, _classnames["default"])("tu-icon-add-people", "".concat(preCls, "__invite-icon"))
   })), /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(preCls, "__msg"))
+    className: "".concat(preCls, "__msg")
   }, /*#__PURE__*/_react["default"].createElement(_userMessage["default"], null)), versionInfo.Version === 1 && /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(preCls, "__version"))
+    className: "".concat(preCls, "__version")
   }, /*#__PURE__*/_react["default"].createElement(_version["default"], null)), /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(preCls, "__photo"))
-  }, /*#__PURE__*/_react["default"].createElement(_userOwnMenu["default"], null)));
+    className: "".concat(preCls, "__photo")
+  }, /*#__PURE__*/_react["default"].createElement(_userOwnMenu["default"], null)), isUseNewMenu && /*#__PURE__*/_react["default"].createElement(_appCenter["default"], {
+    appCenterVisible: appCenterVisible,
+    closeAppCenter: function closeAppCenter() {
+      return setAppCenterVisible(false);
+    },
+    setMenu: setMenu
+  }));
 };
 
 var _default = NavTop; // @ts-ignore
 
 exports["default"] = _default;
-NavTop.useGlobalValue = _useGlobalValue["default"];
+NavTop.useGlobalValue = _useGlobalValue3["default"];