@titaui/pc 1.15.70 → 1.15.74

package/lib/components/menus/export-modules/survey-menu/index.js

@@ -0,0 +1,120 @@
+"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 _reactRouter = require("react-router");
+
+var _flipMenuCard = _interopRequireDefault(require("../../components/flip-menu-card"));
+
+var _surveyFrontMenus = _interopRequireDefault(require("./survey-front-menus"));
+
+var _context = require("../../context");
+
+var _precls = _interopRequireDefault(require("../../precls"));
+
+var _getLocale = require("../../../../utils/getLocale");
+
+require("../../index.css");
+
+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; }
+
+function SurveyMenus(props) {
+  var _props$onSelect = props.onSelect,
+      onSelect = _props$onSelect === void 0 ? function () {} : _props$onSelect,
+      history = props.history;
+
+  var _useState = (0, _react.useState)({}),
+      _useState2 = _slicedToArray(_useState, 2),
+      flipOptions = _useState2[0],
+      setFlipOptions = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(""),
+      _useState4 = _slicedToArray(_useState3, 2),
+      flipBackType = _useState4[0],
+      setFlipBackType = _useState4[1];
+
+  var surveyFrontMenu = (0, _react.useRef)();
+  var menuRef = (0, _react.useRef)();
+  var flipRef = (0, _react.useRef)({
+    next: function next() {},
+    goback: function goback() {}
+  });
+
+  var flipGoNext = function flipGoNext(opt) {
+    setFlipBackType(opt.type);
+    setFlipOptions(opt.options);
+    flipRef.current.next();
+  };
+
+  var collapseMenu = function collapseMenu(isHide) {
+    if (isHide) {
+      menuRef.current.style.width = "0px";
+    } else {
+      menuRef.current.style.width = "";
+    }
+  };
+
+  var onFlipChangeHandler = function onFlipChangeHandler(isBack) {
+    if (!isBack) {
+      // 返回，取消菜单的高亮
+      surveyFrontMenu.current.setSelectedMenuKeys([]);
+      setTimeout(function () {
+        return (// 正面时销毁背面
+          setFlipBackType("")
+        );
+      }, 600);
+    }
+  };
+
+  return /*#__PURE__*/_react["default"].createElement(_context.FlipContext.Provider, {
+    value: {
+      flipGoNext: flipGoNext
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    ref: menuRef,
+    className: (0, _classnames["default"])("".concat(_precls["default"], "-survey-menus"))
+  }, /*#__PURE__*/_react["default"].createElement(_flipMenuCard["default"], {
+    ref: flipRef,
+    collapseMenu: collapseMenu,
+    defaultWidth: _getLocale.isEn ? 210 : 180,
+    onChange: onFlipChangeHandler
+  }, /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_surveyFrontMenus["default"], {
+    ref: surveyFrontMenu,
+    onSelect: onSelect,
+    history: history
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("tita-bootstrap__scrollbar")
+  }))));
+} // @ts-ignore
+
+
+var _default = (0, _reactRouter.withRouter)(SurveyMenus);
+
+exports["default"] = _default;

package/lib/components/menus/export-modules/survey-menu/menu-highlight.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _menus = require("./menus");
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+var _default = /*#__PURE__*/function () {
+  function _default(history) {
+    _classCallCheck(this, _default);
+
+    this.history = null;
+    this.history = history;
+  }
+
+  _createClass(_default, [{
+    key: "highlight",
+    value: function highlight(cb) {
+      if (this.isEvaluationManage()) {
+        cb(_menus.PAGE_SURVEY_MANAGE);
+      } else if (this.isMyInvolved()) {
+        cb(_menus.PAGE_SURVEY_MY_INVOLVED);
+      }
+
+      return null;
+    }
+  }, {
+    key: "isMyInvolved",
+    value: function isMyInvolved() {
+      var pathname = this.history.location.pathname;
+      return pathname.match(/survey\/my-involved/);
+    }
+  }, {
+    key: "isEvaluationManage",
+    value: function isEvaluationManage() {
+      var pathname = this.history.location.pathname;
+      return pathname.match(/survey\/manage/);
+    }
+  }]);
+
+  return _default;
+}();
+
+exports["default"] = _default;

package/lib/components/menus/export-modules/survey-menu/menus.js

@@ -0,0 +1,87 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultRefObject = exports["default"] = exports.PAGE_SURVEY_MY_INVOLVED = exports.PAGE_SURVEY_MANAGE = void 0;
+
+var _index = require("../../components/menu-tree/tree-node/index");
+
+var _getLocale = require("../../../../utils/getLocale");
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+var defaultRefObject = {
+  menus: [],
+  getMenus: function getMenus() {}
+};
+exports.defaultRefObject = defaultRefObject;
+var PAGE_SURVEY_MANAGE = 'surveymanage';
+exports.PAGE_SURVEY_MANAGE = PAGE_SURVEY_MANAGE;
+var PAGE_SURVEY_MY_INVOLVED = 'surveymyinvolved';
+exports.PAGE_SURVEY_MY_INVOLVED = PAGE_SURVEY_MY_INVOLVED;
+
+var surveyMenus = /*#__PURE__*/function () {
+  function surveyMenus(props) {
+    _classCallCheck(this, surveyMenus);
+
+    this.menus = [{
+      icon: 'survey-manage',
+      label: (0, _getLocale.getLocale)('360_men_360revman'),
+      key: PAGE_SURVEY_MANAGE,
+      type: _index.MENU_ITEM_NOE,
+      href: '#/survey/manage',
+      isShow: props.isShowSurveyManage
+    }, {
+      icon: 'survey-involved',
+      label: (0, _getLocale.getLocale)('OKR_Menu_Title_Collaborator'),
+      key: PAGE_SURVEY_MY_INVOLVED,
+      type: _index.MENU_ITEM_NOE,
+      href: '#/survey/my-involved',
+      isShow: true
+    }];
+  }
+
+  _createClass(surveyMenus, [{
+    key: "getMenus",
+    value: function getMenus() {
+      var menus = this.formateToTreeNodeData(this.menus.filter(function (it) {
+        return it.isShow == true;
+      }));
+      return menus;
+    }
+  }, {
+    key: "formateToTreeNodeData",
+    value: function formateToTreeNodeData(menus) {
+      var pid = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+      var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+      var treeNodes = [];
+
+      for (var i = 0; i < menus.length; i++) {
+        var menu = menus[i];
+        var hasChildren = !!(menu.children && menu.children.length);
+        var isLeaf = menu.isLeaf !== undefined ? menu.isLeaf : !hasChildren;
+        var nodeType = menu.type;
+        if (!nodeType) nodeType = !isLeaf ? _index.PARENT_MENU_NODE : _index.SUB_MENU_ITEM_NOE;
+        treeNodes.push({
+          key: "".concat(menu.key),
+          title: (0, _getLocale.getLocale)(menu.label) ? (0, _getLocale.getLocale)(menu.label) : menu.label,
+          data: menu.data || menu,
+          isLeaf: isLeaf,
+          children: this.formateToTreeNodeData(menu.children || [], level + 1, menu.key),
+          nodeType: nodeType
+        });
+      }
+
+      return treeNodes;
+    }
+  }]);
+
+  return surveyMenus;
+}();
+
+exports["default"] = surveyMenus;

package/lib/components/menus/export-modules/survey-menu/request-api.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/components/menus/export-modules/survey-menu/survey-front-menus.js

@@ -0,0 +1,178 @@
+"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 _resizeObserverPolyfill = _interopRequireDefault(require("resize-observer-polyfill"));
+
+var _scrollbar = _interopRequireDefault(require("../../../scrollbar"));
+
+var _menuTree = _interopRequireDefault(require("../../components/menu-tree"));
+
+var _menus = _interopRequireWildcard(require("./menus"));
+
+var _menuHighlight = _interopRequireDefault(require("./menu-highlight"));
+
+var _auth = require("../../../../utils/auth");
+
+require("../../index.css");
+
+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 _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+
+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 _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var _props$onSelect = props.onSelect,
+      onSelect = _props$onSelect === void 0 ? function () {} : _props$onSelect,
+      history = props.history;
+  var baseAuth = new _auth.BaseAuth();
+  var isShowSurveyManage = baseAuth.isBoss() || baseAuth.isSurveyManager();
+
+  var _useState = (0, _react.useState)(function () {
+    return document.body.offsetHeight - 198;
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      maxHeight = _useState2[0],
+      setMaxHeight = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(['myokr']),
+      _useState4 = _slicedToArray(_useState3, 2),
+      expandedKeys = _useState4[0],
+      setExpandedKeys = _useState4[1];
+
+  var _useState5 = (0, _react.useState)([]),
+      _useState6 = _slicedToArray(_useState5, 2),
+      selectedMenuKeys = _useState6[0],
+      setSelectedMenuKeys = _useState6[1];
+
+  var flipRef = (0, _react.useRef)({
+    next: function next() {},
+    goback: function goback() {}
+  });
+  var surveyMenusData = (0, _react.useRef)(_menus.defaultRefObject);
+
+  var _useState7 = (0, _react.useState)(function () {
+    surveyMenusData.current = new _menus["default"]({
+      isShowSurveyManage: isShowSurveyManage
+    });
+    return surveyMenusData.current.getMenus();
+  }),
+      _useState8 = _slicedToArray(_useState7, 2),
+      menus = _useState8[0],
+      setMenus = _useState8[1]; // 判断路由高亮菜单
+
+
+  (0, _react.useEffect)(function () {
+    var menuHighlight = new _menuHighlight["default"](history);
+    menuHighlight.highlight(function (menu) {
+      return changeHighlightMenu([menu]);
+    });
+    var pathname = history.location.pathname;
+    var firstMenuHref = menus[0].data.href;
+    if (firstMenuHref.split('#')[1] === pathname) return; //当前路由与二级菜单第一项相同时直接return
+
+    var menusHrefArr = ['/survey/manage', '/survey/my-involved'];
+    var isIncludeMenu = menusHrefArr.find(function (item) {
+      //表示当前路由是否是左侧二级菜单的选项
+      return item.includes(pathname);
+    });
+    if (!isIncludeMenu) return; //如果不是二级菜单选项直接return
+
+    var isShowMenuItem = menus.find(function (item) {
+      //判断当前路由是否有权限被展示
+      return item.data.href.split('#')[1].includes(pathname);
+    });
+
+    if (!isShowMenuItem) {
+      //如果当前路由没有权限展示的话，则跳转到有权限二级路由的第一项
+      window.location.href = firstMenuHref;
+    }
+  }, [history.location.pathname, history.location.search]);
+
+  var changeHighlightMenu = function changeHighlightMenu(menuKeys) {
+    setSelectedMenuKeys(menuKeys);
+    flipRef.current.goback();
+  };
+
+  var onSelectHandler = function onSelectHandler(selectedKyes, _ref) {
+    var node = _ref.node;
+    onSelect(node); // 处理菜单选中
+
+    if (!selectedKyes.length) {
+      return;
+    } else {
+      setSelectedMenuKeys(selectedKyes);
+    }
+  };
+
+  var onExpandHandler = function onExpandHandler(expandKeys, _ref2) {
+    var expanded = _ref2.expanded,
+        node = _ref2.node;
+    setExpandedKeys(expandKeys);
+  };
+
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      setSelectedMenuKeys: setSelectedMenuKeys
+    };
+  });
+  (0, _react.useEffect)(function () {
+    var obs = new _resizeObserverPolyfill["default"](function (entries) {
+      var _iterator = _createForOfIteratorHelper(entries),
+          _step;
+
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var entry = _step.value;
+          var cr = entry.contentRect;
+          setMaxHeight(cr.height - 198);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    });
+    obs.observe(document.body);
+    return function () {
+      obs.unobserve(document.body);
+    };
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_scrollbar["default"], {
+    style: {
+      maxHeight: maxHeight
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_menuTree["default"], {
+    data: menus,
+    selectedKeys: selectedMenuKeys,
+    expandedKeys: expandedKeys,
+    onSelect: onSelectHandler,
+    onExpand: onExpandHandler
+  })));
+});
+
+exports["default"] = _default;

package/lib/components/menus/index.js

@@ -23,6 +23,8 @@ var _demoMenus = _interopRequireDefault(require("./export-modules/demo-menus"));
 
 var _summaryMenus = _interopRequireDefault(require("./export-modules/summary-menus"));
 
+var _surveyMenu = _interopRequireDefault(require("./export-modules/survey-menu"));
+
 var _excluded = ["type"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -62,6 +64,10 @@ var Menus = function Menus(props) {
       return /*#__PURE__*/_react["default"].createElement(_summaryMenus["default"], restProps);
     }
 
+    if (type === 'survey') {
+      return /*#__PURE__*/_react["default"].createElement(_surveyMenu["default"], restProps);
+    }
+
     return undefined;
   };
 

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

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>4、Tita 绩效宝</title>
+    <g id="导航" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="正式版-滑出一级菜单1" transform="translate(-616.000000, -100.000000)">
+            <g id="菜单" transform="translate(0.000000, 54.000000)">
+                <g id="1" transform="translate(600.000000, 32.000000)">
+                    <g id="4、Tita-绩效宝" transform="translate(16.000000, 14.000000)">
+                        <path d="M7.46667804,1.42220516 C13.1555878,-0.474068385 18.8444122,-0.474068385 24.533322,1.42220516 C26.8087323,2.2663208 29.7336137,5.19128562 30.5777299,7.4666944 C32.47409,13.155515 32.47409,18.844421 30.5777299,24.5333269 C29.7336137,26.8086504 26.8087323,29.7336152 24.533322,30.5777308 C18.8444122,32.4740897 13.1555878,32.4740897 7.46667804,30.5777308 C5.19135308,29.7336152 2.26638631,26.8086504 1.4222701,24.5333269 C-0.474090035,18.844421 -0.474090035,13.155515 1.4222701,7.4666944 C2.26638631,5.19128562 5.19135308,2.2663208 7.46667804,1.42220516" id="background备份" fill-opacity="0.16" fill="#26D8F0"></path>
+                        <g id="OKR" transform="translate(4.000000, 4.000000)">
+                            <rect id="矩形" x="0" y="0" width="24" height="24"></rect>
+                            <path d="M13.472244,3.28038227 L20.4658672,8.36175913 C21.3477284,9.00226882 21.7134687,10.127338 21.3755766,11.1632928 L18.705858,19.3840954 C18.3679659,20.4200502 17.4118427,21.1162564 16.322048,21.1162564 L7.67795201,21.1162564 C6.58815727,21.1162564 5.63017756,20.4200502 5.29414204,19.3840954 L2.6244234,11.1632928 C2.28653133,10.127338 2.65227164,9.00226882 3.53413281,8.36175913 L10.5258994,3.28038227 C11.4077606,2.63987258 12.5903828,2.63987258 13.472244,3.28038227 Z M15.8927968,17.9 L8.0927968,17.9 C7.650969,17.9 7.2927968,18.2581722 7.2927968,18.7 C7.2927968,19.1418278 7.650969,19.5 8.0927968,19.5 L8.0927968,19.5 L15.8927968,19.5 C16.3346246,19.5 16.6927968,19.1418278 16.6927968,18.7 C16.6927968,18.2581722 16.3346246,17.9 15.8927968,17.9 L15.8927968,17.9 Z" id="形状结合" fill="#26D8F0" fill-rule="nonzero"></path>
+                            <path d="M6.02670078,13.4684947 L7.1447618,13.4684947 C7.08760805,14.008709 7.25958889,14.2967788 7.66070433,14.332704 C8.06152287,14.2972241 8.31953125,14.0091544 8.43472945,13.4684947 C8.49218011,12.8202078 8.1194931,12.4960644 7.31666843,12.4960644 L7.43134706,11.6848522 C8.25302505,11.6848522 8.69266361,11.3967825 8.75026272,10.8206429 C8.80741647,10.3167992 8.6353614,10.046692 8.23409751,10.0103215 C7.85153849,10.0829142 7.61268034,10.3530213 7.51752304,10.8206429 L6.39946202,10.8206429 C6.57136864,9.77643643 7.2115649,9.23622212 8.32005082,9.2 C9.37108608,9.30807255 9.88717706,9.79425058 9.86832375,10.6585341 C9.73471757,11.4147451 9.35245545,11.8828863 8.72153739,12.0629577 C9.33300833,12.3153249 9.60022069,12.8375024 9.52317446,13.6294902 C9.29381719,14.5301442 8.63439648,15.0163223 7.54491232,15.0880247 C6.37956954,15.0886181 5.87349903,14.5487749 6.02670078,13.4684947 L6.02670078,13.4684947 Z M14.0824853,10.7133126 L12.9931496,10.7133126 C13.0312273,10.4619103 13.0118544,10.2813193 12.9356989,10.1730983 C12.8399478,10.0651 12.7065643,10.0112122 12.5348804,10.0112122 C12.0570156,10.0475828 11.7512059,10.6237965 11.6174513,11.7398534 C11.8276583,11.4520063 12.1430431,11.3079344 12.5636057,11.3076375 C13.5571903,11.41571 14.0254057,12.0099606 13.968252,13.0903892 C13.8536476,13.6666772 13.6434405,14.1348184 13.3376308,14.4948128 C12.9170683,14.8916232 12.4105524,15.0896572 11.8180832,15.088917 C10.6139947,15.088917 10.1171281,14.2786677 10.3274836,12.6581732 C10.5752489,10.3169476 11.3873518,9.16452014 12.7637923,9.2008907 C13.7573769,9.23726127 14.1969412,9.74140191 14.0824853,10.7133126 Z M12.7925176,13.25183 C12.8496714,12.5319896 12.6585403,12.1718467 12.2191244,12.1714014 C11.7984134,12.2076235 11.53083,12.5677664 11.416374,13.25183 C11.3397731,13.936339 11.5213291,14.2964819 11.9610418,14.3322586 C12.3813075,14.2972241 12.6584661,13.9372297 12.7925176,13.2522754 L12.7925176,13.25183 Z M17.9528336,12.1718467 C17.6856212,14.0813759 16.9593232,15.053732 15.7739395,15.088915 C14.6271531,15.0534351 14.1589377,14.081079 14.3692932,12.1718467 C14.6365055,10.2271346 15.3436534,9.23681592 16.4907366,9.2008907 C17.6747843,9.23726128 18.1621499,10.22758 17.9528336,12.1718467 Z M16.8060472,12.1718467 C16.9969556,10.7673489 16.8727019,10.0473601 16.433286,10.0118802 C15.9745714,10.0482508 15.6592609,10.7682396 15.4873542,12.1718467 C15.2961489,13.576493 15.4297551,14.2964819 15.8881728,14.3318133 C16.328034,14.2970757 16.6339922,13.5770868 16.8060472,12.1718467 Z" id="形状" fill="#FFFFFF" fill-rule="nonzero"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

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

@@ -90,6 +90,10 @@
   background-image: url("./images/demo.png");
 }
 
+.app-center__app-item-icon--survey {
+  background-image: url("./images/survey.svg");
+}
+
 .app-center__app-item-desc {
   margin-top: 3px;
   margin-left: 44px;
@@ -185,6 +189,10 @@
   background-color: rgba(90, 216, 166, 0.1);
 }
 
+.app-center__app-item--survey:hover {
+  background-color: rgba(38, 216, 240, 0.1);
+}
+
 .app-center__app-guide .titaui-pc__guide-tip__popup-triangle {
   left: 18%;
   top: -5px;

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

@@ -70,8 +70,9 @@ var Menu = function Menu(_ref) {
 
   var _useGlobalValue = (0, _useGlobalValue3["default"])(),
       _useGlobalValue2 = _slicedToArray(_useGlobalValue, 1),
-      feedNum = _useGlobalValue2[0];
+      globalState = _useGlobalValue2[0];
 
+  var feedNum = globalState.feedNum;
   var containerRef = (0, _react.useRef)();
   var apiPath = (0, _bsGlobal.getBSGlobal)('apiPath');
   var userId = (0, _bsGlobal.getUserInfo)().Id;

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

@@ -84,7 +84,7 @@ function UserMessage() {
       firstTab = _useState12[0],
       setFirstTab = _useState12[1];
 
-  var setFeedNum = (0, _useGlobalValue["default"])()[1];
+  var setGlobalState = (0, _useGlobalValue["default"])()[1];
 
   var handleShowInfos = function handleShowInfos() {
     setPopupVisible(true);
@@ -191,14 +191,17 @@ function UserMessage() {
         var feedInfo = indicators.find(function (item) {
           return item.type === 'feedAboutMeIndicator';
         });
-
-        if (feedInfo) {
-          // @ts-ignore
-          setFeedNum(feedInfo.value);
-        } else {
-          // @ts-ignore
-          setFeedNum(0);
-        }
+        var feedInsightIndicator = indicators.find(function (item) {
+          return item.type === 'feedInsightIndicator';
+        });
+        setGlobalState({
+          feedNum: (feedInfo === null || feedInfo === void 0 ? void 0 : feedInfo.value) || 0,
+          insightNum: (feedInsightIndicator === null || feedInsightIndicator === void 0 ? void 0 : feedInsightIndicator.value) || 0
+        });
+        window.globalState = {
+          feedNum: (feedInfo === null || feedInfo === void 0 ? void 0 : feedInfo.value) || 0,
+          insightNum: (feedInsightIndicator === null || feedInsightIndicator === void 0 ? void 0 : feedInsightIndicator.value) || 0
+        };
       }
     });
   };

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

@@ -9,6 +9,9 @@ var _useGlobalState = _interopRequireDefault(require("../../hooks/useGlobalState
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var useGlobalValue = (0, _useGlobalState["default"])(0);
+var useGlobalValue = (0, _useGlobalState["default"])({
+  feedNum: 0,
+  insightNum: 0
+});
 var _default = useGlobalValue;
 exports["default"] = _default;

package/lib/components/pagination/index.css

@@ -5,6 +5,11 @@
   align-items: center;
 }
 
+.titaui-pagination-total-text {
+  margin-right: 12px;
+  color: #3F4755;
+}
+
 .titaui-pagination-prev, .titaui-pagination-next, .titaui-pagination-jump-prev, .titaui-pagination-jump-next, .titaui-pagination-item {
   transition: all 0.3s ease;
   box-sizing: border-box;