@titaui/pc 1.15.46 → 1.15.47-beta.3

package/lib/components/menus/export-modules/demo-menus/index.js

@@ -49,9 +49,10 @@ var DemoMenus = function DemoMenus(props) {
   var _props$onSelect = props.onSelect,
       onSelect = _props$onSelect === void 0 ? function () {} : _props$onSelect,
       history = props.history,
-      isManager = props.isManager;
+      roleList = props.roleList,
+      showCompeteCustomer = props.showCompeteCustomer;
   var menuRef = (0, _react.useRef)();
-  var okrMenusData = (0, _react.useRef)(_menus.defaultRefObject);
+  var demoMenusData = (0, _react.useRef)(_menus.defaultRefObject);
 
   var _useState = (0, _react.useState)([]),
       _useState2 = _slicedToArray(_useState, 2),
@@ -64,18 +65,18 @@ var DemoMenus = function DemoMenus(props) {
       setExpandedKeys = _useState4[1];
 
   var _useState5 = (0, _react.useState)(function () {
-    okrMenusData.current = new _menus["default"](isManager);
-    return okrMenusData.current.getMenus();
+    demoMenusData.current = new _menus["default"](roleList, showCompeteCustomer);
+    return demoMenusData.current.getMenus();
   }),
       _useState6 = _slicedToArray(_useState5, 2),
       menus = _useState6[0],
       setMenus = _useState6[1];
 
   (0, _react.useEffect)(function () {
-    okrMenusData.current = new _menus["default"](isManager);
-    setMenus(okrMenusData.current.getMenus());
+    demoMenusData.current = new _menus["default"](roleList, showCompeteCustomer);
+    setMenus(demoMenusData.current.getMenus());
     setExpandedKeys(["demofree"]);
-  }, [isManager]);
+  }, [roleList, showCompeteCustomer]);
   var flipRef = (0, _react.useRef)({
     next: function next() {},
     goback: function goback() {}
@@ -95,11 +96,11 @@ var DemoMenus = function DemoMenus(props) {
 
 
   (0, _react.useEffect)(function () {
-    var menuHighlight = new _menuHighlight["default"](history, isManager);
+    var menuHighlight = new _menuHighlight["default"](history, roleList.includes(_menus.ERoleType.Manager));
     menuHighlight.highlight(function (menu) {
       return setSelectedMenuKeys([menu]);
     });
-  }, [history.location.pathname, history.location.search, isManager]);
+  }, [history.location.pathname, history.location.search, roleList]);
 
   var onSelectHandler = function onSelectHandler(selectedKyes, _ref) {
     var node = _ref.node;

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

@@ -25,7 +25,7 @@ var _default = /*#__PURE__*/function () {
   _createClass(_default, [{
     key: "highlight",
     value: function highlight(cb) {
-      if (this.isUnAssigned()) cb(_menus.PAGE_UNASSIGNED_DEMOFREE);else if (this.isAssigned()) cb(_menus.PAGE_ASSIGNED_DEMOFREE);else if (this.isReserved()) cb(_menus.PAGE_RESERVED_DEMOFREE);else if (this.isDone()) cb(_menus.PAGE_DONE_DEMOFREE);else if (this.isIgnore()) cb(_menus.PAGE_IGNORED_DEMOFREE);else if (this.isChart()) cb(_menus.PAGE_CHARTS_DEMOFREE);else if (this.isRechargeList()) cb(_menus.PAGE_RECHARGE_LIST);else if (this.isRechargeStatistics()) cb(_menus.PAGE_RECHARGE_STATISTICS);else if (this.isRechargeStatus()) cb(_menus.PAGE_RECHARGE_STATUS);else if (this.isDueDateOrder()) cb(_menus.PAGE_DUEDATE_ORDER);else if (this.isAllCustomer()) cb(_menus.PAGE_ALL_CUSTOMER);else if (this.isPublicCustomer()) cb(_menus.PAGE_PUBLIC_CUSTOMER);else if (this.isMyCustomer()) cb(_menus.PAGE_MY_CUSTOMER);
+      if (this.isUnAssigned()) cb(_menus.PAGE_UNASSIGNED_DEMOFREE);else if (this.isAssigned()) cb(_menus.PAGE_ASSIGNED_DEMOFREE);else if (this.isReserved()) cb(_menus.PAGE_RESERVED_DEMOFREE);else if (this.isDone()) cb(_menus.PAGE_DONE_DEMOFREE);else if (this.isIgnore()) cb(_menus.PAGE_IGNORED_DEMOFREE);else if (this.isChart()) cb(_menus.PAGE_CHARTS_DEMOFREE);else if (this.isRechargeList()) cb(_menus.PAGE_RECHARGE_LIST);else if (this.isRechargeStatistics()) cb(_menus.PAGE_RECHARGE_STATISTICS);else if (this.isRechargeStatus()) cb(_menus.PAGE_RECHARGE_STATUS);else if (this.isDueDateOrder()) cb(_menus.PAGE_DUEDATE_ORDER);else if (this.isAllCustomer()) cb(_menus.PAGE_ALL_CUSTOMER);else if (this.isPublicCustomer()) cb(_menus.PAGE_PUBLIC_CUSTOMER);else if (this.isMyCustomer()) cb(_menus.PAGE_MY_CUSTOMER);else if (this.isLimitCustomer()) cb(_menus.PAGE_LIMIT_CUSTOMER);
     }
   }, {
     key: "isChart",
@@ -64,7 +64,7 @@ var _default = /*#__PURE__*/function () {
           pathname = _this$history$locatio.pathname,
           search = _this$history$locatio.search;
 
-      if (this.isManager === 1) {
+      if (this.isManager) {
         return pathname.match(/demofree\/list/) && (!search || search.match(/selected[\s]*?=[\s]*?unassigned/));
       }
 
@@ -120,6 +120,12 @@ var _default = /*#__PURE__*/function () {
       var pathname = this.history.location.pathname;
       return pathname.match(/demofree\/customer\/all/);
     }
+  }, {
+    key: "isLimitCustomer",
+    value: function isLimitCustomer() {
+      var pathname = this.history.location.pathname;
+      return pathname.match(/demofree\/customer\/limit/);
+    }
   }]);
 
   return _default;

package/lib/components/menus/export-modules/demo-menus/menus.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.defaultRefObject = exports["default"] = exports.PAGE_UNASSIGNED_DEMOFREE = exports.PAGE_RESERVED_DEMOFREE = exports.PAGE_RECHARGE_STATUS = exports.PAGE_RECHARGE_STATISTICS = exports.PAGE_RECHARGE_LIST = exports.PAGE_PUBLIC_CUSTOMER = exports.PAGE_MY_CUSTOMER = exports.PAGE_IGNORED_DEMOFREE = exports.PAGE_DUEDATE_ORDER = exports.PAGE_DONE_DEMOFREE = exports.PAGE_CHARTS_DEMOFREE = exports.PAGE_CHARTS = exports.PAGE_ASSIGNED_DEMOFREE = exports.PAGE_ALL_CUSTOMER = void 0;
+exports.defaultRefObject = exports["default"] = exports.PAGE_UNASSIGNED_DEMOFREE = exports.PAGE_STAFF_ROLES_MANAGEMENT = exports.PAGE_RESERVED_DEMOFREE = exports.PAGE_RECHARGE_STATUS = exports.PAGE_RECHARGE_STATISTICS = exports.PAGE_RECHARGE_LIST = exports.PAGE_PUBLIC_CUSTOMER = exports.PAGE_MY_CUSTOMER = exports.PAGE_LIMIT_CUSTOMER = exports.PAGE_IGNORED_DEMOFREE = exports.PAGE_DUEDATE_ORDER = exports.PAGE_DONE_DEMOFREE = exports.PAGE_CHARTS_DEMOFREE = exports.PAGE_CHARTS = exports.PAGE_ASSIGNED_DEMOFREE = exports.PAGE_ALL_CUSTOMER = exports.ERoleType = void 0;
 
 var _index = require("../../components/menu-tree/tree-node/index");
 
@@ -13,17 +13,20 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 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 EManagerType;
+var ERoleType;
+exports.ERoleType = ERoleType;
 
-(function (EManagerType) {
-  EManagerType[EManagerType["Sales"] = 0] = "Sales";
-  EManagerType[EManagerType["Manager"] = 1] = "Manager";
-  EManagerType[EManagerType["Supervisor"] = 2] = "Supervisor";
-  EManagerType[EManagerType["ReCharge"] = 3] = "ReCharge";
-  EManagerType[EManagerType["DemoFreeReadOnly"] = 4] = "DemoFreeReadOnly";
-  EManagerType[EManagerType["ReadOnlyAll"] = 5] = "ReadOnlyAll";
-})(EManagerType || (EManagerType = {}));
+(function (ERoleType) {
+  ERoleType["Sales"] = "sales";
+  ERoleType["Manager"] = "manager";
+  ERoleType["Supervisor"] = "supervisor";
+  ERoleType["SalesOperation"] = "salesOperation";
+  ERoleType["CRM"] = "CRM";
+  ERoleType["PublicCustomer"] = "publicCustomer";
+  ERoleType["DemoReadOnly"] = "demoReadOnly";
+})(ERoleType || (exports.ERoleType = ERoleType = {}));
 
+var demoRole = [ERoleType.Sales, ERoleType.Manager, ERoleType.Supervisor, ERoleType.SalesOperation, ERoleType.DemoReadOnly];
 var defaultRefObject = {
   menus: [],
   getMenus: function getMenus() {}
@@ -45,6 +48,8 @@ var PAGE_ALL_CUSTOMER = "allCustomer";
 exports.PAGE_ALL_CUSTOMER = PAGE_ALL_CUSTOMER;
 var PAGE_PUBLIC_CUSTOMER = "publicCustomer";
 exports.PAGE_PUBLIC_CUSTOMER = PAGE_PUBLIC_CUSTOMER;
+var PAGE_LIMIT_CUSTOMER = 'limitCustomer';
+exports.PAGE_LIMIT_CUSTOMER = PAGE_LIMIT_CUSTOMER;
 var PAGE_MY_CUSTOMER = "myCustomer";
 exports.PAGE_MY_CUSTOMER = PAGE_MY_CUSTOMER;
 var PAGE_CHARTS = "charts";
@@ -57,92 +62,134 @@ var PAGE_RECHARGE_STATISTICS = "rechargeStatistics";
 exports.PAGE_RECHARGE_STATISTICS = PAGE_RECHARGE_STATISTICS;
 var PAGE_RECHARGE_STATUS = "rechargeStatus";
 exports.PAGE_RECHARGE_STATUS = PAGE_RECHARGE_STATUS;
+var PAGE_STAFF_ROLES_MANAGEMENT = 'staffManagement';
+exports.PAGE_STAFF_ROLES_MANAGEMENT = PAGE_STAFF_ROLES_MANAGEMENT;
 
 var DemoMenuData = /*#__PURE__*/function () {
-  function DemoMenuData(isManager) {
+  function DemoMenuData(roleList, showCompeteCustomer) {
     _classCallCheck(this, DemoMenuData);
 
-    this.isManager = isManager;
+    this.roleList = roleList;
+    this.showDemo = this.roleList.some(function (role) {
+      return demoRole.includes(role);
+    });
+    this.isManager = this.roleList.includes(ERoleType.Manager);
+    this.showCompeteCustomer = showCompeteCustomer;
     this.menus = [{
       icon: "kaohe",
       label: "任务状态",
       key: "demofree",
       href: this.isManager ? "#/demofree/list?selected=unassigned" : "#/demofree/list?selected=assigned",
-      isShow: this.isManager !== EManagerType.ReCharge,
+      isShow: this.showDemo,
       children: [{
         icon: "",
         label: "未分配",
         key: "unassigned",
         href: "#/demofree/list?selected=unassigned",
-        isShow: this.isManager === EManagerType.Manager
+        isShow: this.isManager
       }, {
         icon: "",
         label: "已分配",
         key: "assigned",
         href: "#/demofree/list?selected=assigned",
-        isShow: this.isManager !== EManagerType.ReCharge
+        isShow: this.showDemo
       }, {
         icon: "",
         label: "已预约",
         key: "reserved",
         href: "#/demofree/list?selected=reserved",
-        isShow: this.isManager !== EManagerType.ReCharge
+        isShow: this.showDemo
       }, {
         icon: "",
         label: "已完成",
         key: "done",
         href: "#/demofree/list?selected=done",
-        isShow: this.isManager !== EManagerType.ReCharge
+        isShow: this.showDemo
       }, {
         icon: "",
         label: "已忽略",
         key: "ignore",
         href: "#/demofree/list?selected=ignore",
-        isShow: this.isManager === EManagerType.Manager
+        isShow: this.isManager
       }]
     }, {
       icon: "KH-help",
       label: "公海资源",
       key: "customer",
       href: "#/demofree/customer/public",
-      isShow: true,
+      isShow: this.roleList.some(function (role) {
+        return [ERoleType.SalesOperation, ERoleType.Manager, ERoleType.PublicCustomer].includes(role);
+      }),
       children: [{
         icon: "",
         label: "全部客户",
         key: PAGE_ALL_CUSTOMER,
         href: "#/demofree/customer/all",
-        isShow: this.isManager === EManagerType.ReCharge || this.isManager === EManagerType.Manager
+        isShow: this.roleList.some(function (role) {
+          return [ERoleType.SalesOperation, ERoleType.Manager].includes(role);
+        })
       }, {
         icon: "",
         label: "公海资源",
         key: PAGE_PUBLIC_CUSTOMER,
         href: "#/demofree/customer/public",
-        isShow: this.isManager !== EManagerType.ReCharge
+        isShow: this.roleList.some(function (role) {
+          return [ERoleType.SalesOperation, ERoleType.Manager].includes(role);
+        })
+      }, {
+        icon: "",
+        label: "限时资源",
+        key: PAGE_LIMIT_CUSTOMER,
+        href: "#/demofree/customer/limit",
+        isShow: this.roleList.some(function (role) {
+          return [ERoleType.SalesOperation, ERoleType.Manager, ERoleType.PublicCustomer].includes(role);
+        }) && this.showCompeteCustomer
       }, {
         icon: "",
         label: "我的资源",
         key: PAGE_MY_CUSTOMER,
         href: "#/demofree/customer/my",
-        isShow: this.isManager !== EManagerType.ReCharge
+        isShow: this.roleList.some(function (role) {
+          return [ERoleType.SalesOperation, ERoleType.Manager, ERoleType.PublicCustomer].includes(role);
+        })
       }]
     }, {
-      icon: "KH-help",
+      icon: "PF-shezhi",
       label: "客户续费",
       key: "recharge",
       href: "#/demofree/recharge",
-      isShow: this.isManager === EManagerType.ReCharge || this.isManager === EManagerType.Manager || this.isManager === EManagerType.ReadOnlyAll,
+      isShow: this.roleList.some(function (role) {
+        return [ERoleType.CRM, ERoleType.Manager].includes(role);
+      }),
       children: [{
         icon: "",
         label: "客户",
         key: PAGE_RECHARGE_LIST,
         href: "#/demofree/recharge/list",
-        isShow: this.isManager === EManagerType.ReCharge || this.isManager === EManagerType.Manager || this.isManager === EManagerType.ReadOnlyAll
+        isShow: this.roleList.some(function (role) {
+          return [ERoleType.CRM, ERoleType.Manager].includes(role);
+        })
       }, {
         icon: "",
         label: "到期订单",
         key: PAGE_DUEDATE_ORDER,
         href: "#/demofree/recharge/order",
-        isShow: this.isManager === EManagerType.ReCharge || this.isManager === EManagerType.Manager || this.isManager === EManagerType.ReadOnlyAll
+        isShow: this.roleList.some(function (role) {
+          return [ERoleType.CRM, ERoleType.Manager].includes(role);
+        })
+      }]
+    }, {
+      icon: "setting",
+      label: "人员管理",
+      key: "management",
+      href: "#/demofree/management",
+      isShow: this.isManager,
+      children: [{
+        icon: "",
+        label: "员工列表",
+        key: PAGE_STAFF_ROLES_MANAGEMENT,
+        href: "#/demofree/management",
+        isShow: this.isManager
       }]
     }];
   }

package/lib/components/menus/export-modules/summary-menus/menus.js

@@ -13,6 +13,18 @@ var _getLocale = require("../../../../utils/getLocale");
 
 var _bsGlobal = require("../../../../utils/bs-global");
 
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+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 _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); } }
@@ -61,6 +73,7 @@ var summaryMenus = /*#__PURE__*/function () {
     _classCallCheck(this, summaryMenus);
 
     this.COMPANYALL = _index.COMPANY_ALL_NODE;
+    this.USERCONCERN = _index.SUMMARY_USER_CONCERN_NODE;
     this.SHARE = _index.SHARE_NODE;
     this.TONGJI = _index.TONGJI_NODE;
     this.SUBORDINATES = _index.SUBORDINATES_NODE;
@@ -105,6 +118,13 @@ var summaryMenus = /*#__PURE__*/function () {
       children: [],
       href: "#/summary/share",
       isShow: props.isShowShare
+    }, {
+      icon: "guanzhu",
+      label: _i18n.locale.menu_concerned_user,
+      key: this.USERCONCERN,
+      type: this.USERCONCERN,
+      href: "#/summary/all",
+      isShow: true
     }, {
       icon: "bumen",
       label: _i18n.locale.menu_department,
@@ -278,6 +298,108 @@ var summaryMenus = /*#__PURE__*/function () {
 
       this.menus[3].children = treeNodeUsers;
     }
+  }, {
+    key: "setConcernLoading",
+    value: function setConcernLoading(loading) {
+      this.menus[5].children = [];
+
+      if (loading) {
+        this.menus[5].children.push({
+          icon: '',
+          label: 'loading',
+          key: 'loading-concern',
+          type: _index.LOADING_NODE,
+          href: '',
+          data: {}
+        });
+      }
+    }
+  }, {
+    key: "checkConcernExist",
+    value: function checkConcernExist(user) {
+      var concerns = this.menus[5].children;
+
+      for (var i = 0; i < concerns.length; i++) {
+        var it = concerns[i];
+
+        if (it.key == "concern-".concat(user.userId)) {
+          return true;
+        }
+      }
+
+      return false;
+    }
+  }, {
+    key: "insertConcern",
+    value: function insertConcern(users) {
+      var treeNodeUsers = []; // 如果没有关注者，显示空
+
+      this.setEmptyConcerners(false);
+
+      if (!users || !users.length) {
+        this.setEmptyConcerners(true);
+      }
+
+      for (var i = 0; i < users.length; i++) {
+        var user = users[i];
+        if (this.checkConcernExist(user)) continue;
+        treeNodeUsers.push({
+          icon: '',
+          label: user.name,
+          key: "concern-".concat(user.userId),
+          type: _index.SUMMARY_FOLLOWER_NODE,
+          href: '',
+          data: user
+        });
+      }
+
+      this.menus[5].children = this.menus[5].children.concat(treeNodeUsers);
+    }
+  }, {
+    key: "addConcerner",
+    value: function addConcerner(user) {
+      if (this.menus[5].children.length && this.menus[5].children[0].key == 'empty-concerners') {
+        this.menus[5].children = [];
+      }
+
+      this.menus[5].children.push({
+        icon: '',
+        label: user.name,
+        key: "concern-".concat(user.userId),
+        type: _index.SUMMARY_FOLLOWER_NODE,
+        href: '',
+        data: user
+      });
+    }
+  }, {
+    key: "setEmptyConcerners",
+    value: function setEmptyConcerners(empty) {
+      this.menus[5].children = [];
+
+      if (empty) {
+        this.menus[5].children.push({
+          icon: '',
+          label: 'empty-concerners',
+          key: 'empty-concerners',
+          type: _index.NO_FOLLOWER_NODE,
+          href: '',
+          data: {}
+        });
+      }
+    }
+  }, {
+    key: "removeConcerner",
+    value: function removeConcerner(user) {
+      var newChildren = _toConsumableArray(this.menus[5].children).filter(function (it) {
+        return it.key != "concern-".concat(user.userId);
+      });
+
+      if (!newChildren.length) {
+        this.setEmptyConcerners(true);
+      } else {
+        this.menus[5].children = newChildren;
+      }
+    }
   }, {
     key: "getMenus",
     value: function getMenus() {

package/lib/components/menus/export-modules/summary-menus/summary-front-menus.js

@@ -25,6 +25,8 @@ var _requestApis = require("../../request-apis");
 
 var _requestApi = require("./request-api");
 
+var _context = require("../../context");
+
 var _auth = require("../../../../utils/auth");
 
 require("../../index.css");
@@ -122,7 +124,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var nodeType = node.nodeType,
         data = node.data;
 
-    if (nodeType == _index.USER_NODE || nodeType == _index.FOLLOWER_NODE || nodeType == _index.SAME_LEVEL_USER_NODE) {
+    if (nodeType == _index.USER_NODE || nodeType == _index.FOLLOWER_NODE || nodeType == _index.SAME_LEVEL_USER_NODE || nodeType == _index.SUMMARY_FOLLOWER_NODE) {
       location.href = "#/summary/manage?toUserId=".concat(data.userId, "&subordinates=1");
     }
 
@@ -196,6 +198,23 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         resolve(true);
       })["catch"](reject);
     });
+  }; // 获取关注的人数据列表
+
+
+  var getConcerners = function getConcerners() {
+    return new Promise(function (resolve, reject) {
+      var mdata = summaryMenusData.current; // 初始化 Loading
+
+      mdata.setConcernLoading(true);
+      setMenus(mdata.getMenus());
+      resolve(true); // 获取数据
+
+      (0, _requestApis.getSummaryFollowerList)().then(function (user) {
+        mdata.setConcernLoading(false);
+        mdata.insertConcern(user);
+        setMenus(mdata.getMenus());
+      })["catch"](reject);
+    });
   };
 
   var onLoadTreeNodeDataHandler = function onLoadTreeNodeDataHandler(treeNode) {
@@ -218,6 +237,12 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         })["catch"](function () {
           return resolve(true);
         });
+      } else if (treeNode.key == summaryMenusData.current.USERCONCERN) {
+        getConcerners().then(function () {
+          return resolve(true);
+        })["catch"](function () {
+          return resolve(true);
+        });
       } else {
         resolve(true);
       }
@@ -230,6 +255,22 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     setExpandedKeys(expandKeys);
   };
 
+  var onAddConcerner = function onAddConcerner(user) {
+    var mdata = summaryMenusData.current;
+    mdata.addConcerner(user.data);
+    setMenus(mdata.getMenus());
+  };
+
+  var onRemoveConcerner = function onRemoveConcerner(user) {
+    (0, _requestApis.removeSummaryFollower)(user.userId).then(function (res) {
+      if (res.Code == 1) {
+        var mdata = summaryMenusData.current;
+        mdata.removeConcerner(user);
+        setMenus(mdata.getMenus());
+      }
+    });
+  };
+
   (0, _react.useImperativeHandle)(ref, function () {
     return {
       setSelectedMenuKeys: setSelectedMenuKeys
@@ -279,7 +320,12 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       obs.unobserve(document.body);
     };
   }, []);
-  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_scrollbar["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_context.SummaryMenusContext.Provider, {
+    value: {
+      onAddConcerner: onAddConcerner,
+      onRemoveConcerner: onRemoveConcerner
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_scrollbar["default"], {
     style: {
       maxHeight: maxHeight
     }
@@ -290,7 +336,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     onSelect: onSelectHandler,
     onExpand: onExpandHandler,
     loadData: onLoadTreeNodeDataHandler
-  })));
+  }))));
 });
 
 exports["default"] = _default;

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

@@ -0,0 +1,9 @@
+.titaui-menus-survey-menus {
+  position: relative;
+  box-sizing: border-box;
+}
+
+.titaui-menus-survey-menus-back {
+  height: 100%;
+  overflow: hidden;
+}

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;