@titaui/pc 1.9.85 → 1.9.89

package/.eslintrc.js

@@ -171,7 +171,7 @@ module.exports = {
     "class-methods-use-this": 2,
     "react/no-access-state-in-setstate": 2,
     "no-confusing-arrow": 2,
-    "react/no-deprecated": 2,
+    "react/no-deprecated": 1,
     "no-mixed-spaces-and-tabs": 2,
     "array-bracket-spacing": 2,
     "import/no-useless-path-segments": 2,

package/lib/components/change-okr-modal/Item.js

@@ -27,12 +27,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 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); } }
@@ -53,6 +47,12 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var colorMap = {
   1: "132,117,255",
   2: "79,115,255",
@@ -60,12 +60,48 @@ var colorMap = {
   4: "12,192,201"
 };
 
+var formatKeywordsFunc = function formatKeywordsFunc(str, key) {
+  var reg = new RegExp("(".concat(key, ")"), "g");
+  var newstr = str.replace(reg, "<span style=\"color: #2879ff;\">".concat(key, "</span>"));
+  return newstr;
+};
+
+var unFormatKeywordsFunc = function unFormatKeywordsFunc(str, key) {
+  var regExpKey = "<span style=\"color: #2879ff;\">".concat(key, "</span>");
+  var reg = new RegExp("(".concat(regExpKey, ")"), "g");
+  var newstr = str.replace(reg, key);
+  return newstr;
+};
+
+var htmlToText = function htmlToText(text) {
+  var div = document.createElement("div");
+  div.innerHTML = text;
+  var newtext = div.innerText || div.textContent;
+  return newtext;
+};
+
+var dealOkrData = function dealOkrData(data, keyWords) {
+  var newData = data;
+
+  if (keyWords) {
+    newData.workName = formatKeywordsFunc(data.workName, keyWords);
+    newData.Krs = newData.Krs.map(function (item) {
+      return _objectSpread(_objectSpread({}, item), {}, {
+        mileStoneName: formatKeywordsFunc(item.mileStoneName, keyWords)
+      });
+    });
+  }
+
+  return data;
+};
+
 var Item = /*#__PURE__*/function (_PureComponent) {
   _inherits(Item, _PureComponent);
 
   var _super = _createSuper(Item);
 
   // @ts-ignore
+  // const {data,keywords} = props
   function Item(props) {
     var _this;
 
@@ -74,31 +110,34 @@ var Item = /*#__PURE__*/function (_PureComponent) {
     _this = _super.call(this, props);
     _this.isObjectiveRelevanceKr = window.BSGlobal.OkrAdvancedSetting.KRSetting.ObjectiveRelevanceKr;
 
-    _this.onSelect = function (e, data) {
+    _this.onSelect = function (e, pdata) {
       e.stopPropagation();
       e.nativeEvent.stopImmediatePropagation();
-      var keywords = _this.props.keywords;
+      var _this$props = _this.props,
+          keywords = _this$props.keywords,
+          onSelect = _this$props.onSelect,
+          data = _this$props.data;
 
-      var unFormatData = _objectSpread({}, data);
+      var unFormatData = _objectSpread({}, pdata);
 
       if (keywords) {
         if (unFormatData.workName) {
-          unFormatData.workName = _this.unFormatKeywordsFunc(unFormatData.workName, keywords);
+          unFormatData.workName = unFormatKeywordsFunc(unFormatData.workName, keywords);
         } else {
-          unFormatData.mileStoneName = _this.unFormatKeywordsFunc(unFormatData.mileStoneName, keywords);
+          unFormatData.mileStoneName = unFormatKeywordsFunc(unFormatData.mileStoneName, keywords);
         }
       }
 
-      _this.props.onSelect({
+      onSelect({
         selectData: unFormatData,
-        okrInfo: _this.props.data
+        okrInfo: data
       });
     };
 
     _this.isExtend = function () {
-      var _this$props = _this.props,
-          data = _this$props.data,
-          active = _this$props.active;
+      var _this$props2 = _this.props,
+          data = _this$props2.data,
+          active = _this$props2.active;
       var isExpand = _this.state.isExpand;
 
       if (data.Krs.length > 0) {
@@ -112,13 +151,6 @@ var Item = /*#__PURE__*/function (_PureComponent) {
       }
     };
 
-    _this.htmlToText = function (text) {
-      var div = document.createElement("div");
-      div.innerHTML = text;
-      var newtext = div.innerText || div.textContent;
-      return newtext;
-    };
-
     _this.getCycleText = function () {
       var data = _this.props.data;
       var hzNum = [(0, _getLocale.getLocale)("OKR_MyO_Pop_1stQuarter"), (0, _getLocale.getLocale)("OKR_MyO_Pop_2ndQuarter"), (0, _getLocale.getLocale)("OKR_MyO_Pop_3rdQuarter"), (0, _getLocale.getLocale)("OKR_MyO_Pop_4thQuarter")];
@@ -144,33 +176,67 @@ var Item = /*#__PURE__*/function (_PureComponent) {
       }
     };
 
-    _this.formatKeywordsFunc = function (str, key) {
-      var reg = new RegExp("(".concat(key, ")"), "g");
-      var newstr = str.replace(reg, "<span style=\"color: #2879ff;\">".concat(key, "</span>"));
-      return newstr;
-    };
-
-    _this.unFormatKeywordsFunc = function (str, key) {
-      var regExpKey = "<span style=\"color: #2879ff;\">".concat(key, "</span>");
-      var reg = new RegExp("(".concat(regExpKey, ")"), "g");
-      var newstr = str.replace(reg, key);
-      return newstr;
-    };
+    _this.renderItemKr = function () {
+      var _this$props3 = _this.props,
+          data = _this$props3.data,
+          active = _this$props3.active,
+          isShowKr = _this$props3.isShowKr,
+          keywords = _this$props3.keywords;
+      var okrData = dealOkrData(data, keywords);
+
+      if (okrData.Krs.length > 0) {
+        return okrData.Krs.map(function (item, index) {
+          if (_this.isObjectiveRelevanceKr) {
+            return /*#__PURE__*/_react["default"].createElement(_styledComponents.ItemTop, {
+              key: item.mileStoneId
+            }, /*#__PURE__*/_react["default"].createElement(_styledComponents.Radio, {
+              onClick: function onClick(e) {
+                return _this.onSelect(e, data.Krs[index]);
+              },
+              active: active && item.mileStoneId === (active.workId || active.mileStoneId)
+            }), /*#__PURE__*/_react["default"].createElement(_styledComponents.WorkNameWrapper, {
+              isShowKr: isShowKr
+            }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+              placement: "top",
+              overlay: htmlToText(item.mileStoneName)
+            }, /*#__PURE__*/_react["default"].createElement(_styledComponents.OkrName, {
+              isKr: true,
+              isShowKr: isShowKr,
+              dangerouslySetInnerHTML: {
+                __html: "KR".concat(index + 1, "\uFF1A").concat(item.mileStoneName)
+              }
+            }))));
+          }
 
-    _this.dealOkrData = function (data, keyWords) {
-      var newData = data;
+          if (active && item.mileStoneId === (active.workId || active.mileStoneId)) {
+            return /*#__PURE__*/_react["default"].createElement(_styledComponents.ItemTop, {
+              key: item.mileStoneId
+            }, /*#__PURE__*/_react["default"].createElement(_styledComponents.Radio, {
+              onClick: function onClick(e) {
+                return _this.onSelect(e, data.Krs[index]);
+              },
+              active: active && item.mileStoneId === (active.workId || active.mileStoneId)
+            }), /*#__PURE__*/_react["default"].createElement(_styledComponents.WorkNameWrapper, {
+              isShowKr: isShowKr
+            }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+              placement: "top",
+              overlay: htmlToText(item.mileStoneName)
+            }, /*#__PURE__*/_react["default"].createElement(_styledComponents.OkrName, {
+              isKr: true,
+              isShowKr: isShowKr,
+              dangerouslySetInnerHTML: {
+                __html: "KR".concat(index + 1, "\uFF1A").concat(item.mileStoneName)
+              }
+            }))));
+          }
 
-      if (keyWords) {
-        newData.workName = _this.formatKeywordsFunc(data.workName, keyWords);
-        newData.Krs.forEach(function (item) {
-          item.mileStoneName = _this.formatKeywordsFunc(item.mileStoneName, keyWords);
+          return "";
         });
       }
 
-      return data;
+      return /*#__PURE__*/_react["default"].createElement("span", null);
     };
 
-    _this.okrData = _this.dealOkrData(_this.props.data, _this.props.keywords);
     _this.state = {
       isExpand: false
     };
@@ -192,11 +258,13 @@ var Item = /*#__PURE__*/function (_PureComponent) {
     value: function render() {
       var _this2 = this;
 
-      var _this$props2 = this.props,
-          data = _this$props2.data,
-          active = _this$props2.active,
-          isShowKr = _this$props2.isShowKr;
+      var _this$props4 = this.props,
+          data = _this$props4.data,
+          active = _this$props4.active,
+          isShowKr = _this$props4.isShowKr,
+          keywords = _this$props4.keywords;
       var isExpand = this.state.isExpand;
+      var okrData = dealOkrData(data, keywords);
       return /*#__PURE__*/_react["default"].createElement(_styledComponents.ItemWrapper, null, /*#__PURE__*/_react["default"].createElement(_styledComponents.ItemObjectiveContainer, {
         onClick: function onClick() {
           return _this2.setState({
@@ -214,59 +282,21 @@ var Item = /*#__PURE__*/function (_PureComponent) {
         isShowKr: isShowKr
       }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
         placement: "top",
-        overlay: this.htmlToText(this.okrData.workName)
+        overlay: htmlToText(okrData.workName)
       }, /*#__PURE__*/_react["default"].createElement(_styledComponents.OkrName, {
         isKr: false,
         isShowKr: isShowKr,
         dangerouslySetInnerHTML: {
-          __html: this.okrData.workName
+          __html: okrData.workName
         }
       }))), this.isObjectiveRelevanceKr && isShowKr && data.Krs.length > 0 && /*#__PURE__*/_react["default"].createElement("span", {
-        className: "".concat(this.state.isExpand ? "tu-icon-arrow-up" : "tu-icon-arrow-down")
+        className: "".concat(isExpand ? "tu-icon-arrow-up" : "tu-icon-arrow-down")
       })), /*#__PURE__*/_react["default"].createElement(_styledComponents.ItemBottom, null, !isShowKr && [/*#__PURE__*/_react["default"].createElement("span", null, (0, _constant.getTypeMap)()[data.okrType]), /*#__PURE__*/_react["default"].createElement(_styledComponents.Separator, null)], /*#__PURE__*/_react["default"].createElement(_styledComponents.PricipleName, null, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
         name: data.principalUser.name,
         id: data.principalUser.userId
-      })), /*#__PURE__*/_react["default"].createElement(_styledComponents.Separator, null), /*#__PURE__*/_react["default"].createElement("span", null, data.startDate, "-", data.endDate), isShowKr && [/*#__PURE__*/_react["default"].createElement(_styledComponents.Separator, null), /*#__PURE__*/_react["default"].createElement("span", null, data.statusName)])), isShowKr && (this.isObjectiveRelevanceKr || !this.isObjectiveRelevanceKr && this.okrData.hasSub) && /*#__PURE__*/_react["default"].createElement(_styledComponents.ItemKrContainer, {
+      })), /*#__PURE__*/_react["default"].createElement(_styledComponents.Separator, null), /*#__PURE__*/_react["default"].createElement("span", null, data.startDate, "-", data.endDate), isShowKr && [/*#__PURE__*/_react["default"].createElement(_styledComponents.Separator, null), /*#__PURE__*/_react["default"].createElement("span", null, data.statusName)])), isShowKr && (this.isObjectiveRelevanceKr || !this.isObjectiveRelevanceKr && okrData.hasSub) && /*#__PURE__*/_react["default"].createElement(_styledComponents.ItemKrContainer, {
         className: "".concat(isExpand ? "slideIn" : "slideOut")
-      }, this.okrData.Krs.length > 0 && this.okrData.Krs.map(function (item, index) {
-        return _this2.isObjectiveRelevanceKr ? /*#__PURE__*/_react["default"].createElement(_styledComponents.ItemTop, {
-          key: item.mileStoneId
-        }, /*#__PURE__*/_react["default"].createElement(_styledComponents.Radio, {
-          onClick: function onClick(e) {
-            return _this2.onSelect(e, data.Krs[index]);
-          },
-          active: active && item.mileStoneId === (active.workId || active.mileStoneId)
-        }), /*#__PURE__*/_react["default"].createElement(_styledComponents.WorkNameWrapper, {
-          isShowKr: isShowKr
-        }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
-          placement: "top",
-          overlay: _this2.htmlToText(item.mileStoneName)
-        }, /*#__PURE__*/_react["default"].createElement(_styledComponents.OkrName, {
-          isKr: true,
-          isShowKr: isShowKr,
-          dangerouslySetInnerHTML: {
-            __html: "KR".concat(index + 1, "\uFF1A").concat(item.mileStoneName)
-          }
-        })))) : active && item.mileStoneId === (active.workId || active.mileStoneId) ? /*#__PURE__*/_react["default"].createElement(_styledComponents.ItemTop, {
-          key: item.mileStoneId
-        }, /*#__PURE__*/_react["default"].createElement(_styledComponents.Radio, {
-          onClick: function onClick(e) {
-            return _this2.onSelect(e, data.Krs[index]);
-          },
-          active: active && item.mileStoneId === (active.workId || active.mileStoneId)
-        }), /*#__PURE__*/_react["default"].createElement(_styledComponents.WorkNameWrapper, {
-          isShowKr: isShowKr
-        }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
-          placement: "top",
-          overlay: _this2.htmlToText(item.mileStoneName)
-        }, /*#__PURE__*/_react["default"].createElement(_styledComponents.OkrName, {
-          isKr: true,
-          isShowKr: isShowKr,
-          dangerouslySetInnerHTML: {
-            __html: "KR".concat(index + 1, "\uFF1A").concat(item.mileStoneName)
-          }
-        })))) : "";
-      })));
+      }, this.renderItemKr()));
     }
   }]);
 

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

@@ -0,0 +1,125 @@
+"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 _menuTree = _interopRequireDefault(require("../../components/menu-tree"));
+
+var _scrollbar = _interopRequireDefault(require("../../../scrollbar"));
+
+var _menus = _interopRequireWildcard(require("./menus"));
+
+var _menuHighlight = _interopRequireDefault(require("./menu-highlight"));
+
+var _precls = _interopRequireDefault(require("../../precls"));
+
+var _getLocale = require("../../../../utils/getLocale");
+
+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 DemoMenus = function DemoMenus(props) {
+  var _props$onSelect = props.onSelect,
+      onSelect = _props$onSelect === void 0 ? function () {} : _props$onSelect,
+      history = props.history;
+  var menuRef = (0, _react.useRef)();
+  var okrMenusData = (0, _react.useRef)(_menus.defaultRefObject);
+
+  var _useState = (0, _react.useState)([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      selectedMenuKeys = _useState2[0],
+      setSelectedMenuKeys = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(["demofree"]),
+      _useState4 = _slicedToArray(_useState3, 2),
+      expandedKeys = _useState4[0],
+      setExpandedKeys = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(function () {
+    okrMenusData.current = new _menus["default"]();
+    return okrMenusData.current.getMenus();
+  }),
+      _useState6 = _slicedToArray(_useState5, 1),
+      menus = _useState6[0];
+
+  var flipRef = (0, _react.useRef)({
+    next: function next() {},
+    goback: function goback() {}
+  });
+
+  var collapseMenu = function collapseMenu(isHide) {
+    if (isHide) {
+      menuRef.current.style.width = "0px";
+    } else {
+      menuRef.current.style.width = "";
+    }
+  };
+
+  var onExpandHandler = function onExpandHandler(expandKeys) {
+    setExpandedKeys(expandKeys);
+  }; // 判断路由高亮菜单
+
+
+  (0, _react.useEffect)(function () {
+    var menuHighlight = new _menuHighlight["default"](history);
+    menuHighlight.highlight(function (menu) {
+      return setSelectedMenuKeys([menu]);
+    });
+  }, [history.location.pathname, history.location.search]);
+
+  var onSelectHandler = function onSelectHandler(selectedKyes, _ref) {
+    var node = _ref.node;
+    onSelect(node); // 处理菜单选中
+
+    if (!selectedKyes.length) return;
+    setSelectedMenuKeys(selectedKyes);
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    ref: menuRef,
+    className: (0, _classnames["default"])(_precls["default"], "".concat(_precls["default"], "-appraisal-menus"))
+  }, /*#__PURE__*/_react["default"].createElement(_flipMenuCard["default"], {
+    collapseMenu: collapseMenu,
+    ref: flipRef,
+    defaultWidth: _getLocale.isEn ? 210 : 180
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(_precls["default"], "-appraisal-menus-tree"))
+  }, /*#__PURE__*/_react["default"].createElement(_scrollbar["default"], null, /*#__PURE__*/_react["default"].createElement(_menuTree["default"], {
+    data: menus,
+    selectedKeys: selectedMenuKeys,
+    expandedKeys: expandedKeys,
+    onExpand: onExpandHandler,
+    onSelect: onSelectHandler
+  }))), /*#__PURE__*/_react["default"].createElement("div", null)));
+};
+
+var _default = (0, _reactRouter.withRouter)(DemoMenus);
+
+exports["default"] = _default;

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

@@ -0,0 +1,74 @@
+"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.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);
+    }
+  }, {
+    key: "isUnAssigned",
+    value: function isUnAssigned() {
+      var _this$history$locatio = this.history.location,
+          pathname = _this$history$locatio.pathname,
+          search = _this$history$locatio.search;
+      return pathname.match(/demofree/) && (!search || search.match(/selected[\s]*?=[\s]*?unassigned/));
+    }
+  }, {
+    key: "isAssigned",
+    value: function isAssigned() {
+      var _this$history$locatio2 = this.history.location,
+          pathname = _this$history$locatio2.pathname,
+          search = _this$history$locatio2.search;
+      return pathname.match(/demofree/) && search.match(/selected[\s]*?=[\s]*?assigned/);
+    }
+  }, {
+    key: "isReserved",
+    value: function isReserved() {
+      var _this$history$locatio3 = this.history.location,
+          pathname = _this$history$locatio3.pathname,
+          search = _this$history$locatio3.search;
+      return pathname.match(/demofree/) && search.match(/selected[\s]*?=[\s]*?reserved/);
+    }
+  }, {
+    key: "isDone",
+    value: function isDone() {
+      var _this$history$locatio4 = this.history.location,
+          pathname = _this$history$locatio4.pathname,
+          search = _this$history$locatio4.search;
+      return pathname.match(/demofree/) && search.match(/selected[\s]*?=[\s]*?done/);
+    }
+  }, {
+    key: "isIgnore",
+    value: function isIgnore() {
+      var _this$history$locatio5 = this.history.location,
+          pathname = _this$history$locatio5.pathname,
+          search = _this$history$locatio5.search;
+      return pathname.match(/demofree/) && search.match(/selected[\s]*?=[\s]*?ignore/);
+    }
+  }]);
+
+  return _default;
+}();
+
+exports["default"] = _default;

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

@@ -0,0 +1,147 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultRefObject = exports["default"] = exports.PAGE_UNASSIGNED_DEMOFREE = exports.PAGE_RESERVED_DEMOFREE = exports.PAGE_IGNORED_DEMOFREE = exports.PAGE_DONE_DEMOFREE = exports.PAGE_ASSIGNED_DEMOFREE = void 0;
+
+var _index = require("../../components/menu-tree/tree-node/index");
+
+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_UNASSIGNED_DEMOFREE = "unassigned";
+exports.PAGE_UNASSIGNED_DEMOFREE = PAGE_UNASSIGNED_DEMOFREE;
+var PAGE_ASSIGNED_DEMOFREE = "assigned";
+exports.PAGE_ASSIGNED_DEMOFREE = PAGE_ASSIGNED_DEMOFREE;
+var PAGE_RESERVED_DEMOFREE = "reserved";
+exports.PAGE_RESERVED_DEMOFREE = PAGE_RESERVED_DEMOFREE;
+var PAGE_DONE_DEMOFREE = "done";
+exports.PAGE_DONE_DEMOFREE = PAGE_DONE_DEMOFREE;
+var PAGE_IGNORED_DEMOFREE = "ignore";
+exports.PAGE_IGNORED_DEMOFREE = PAGE_IGNORED_DEMOFREE;
+
+var DemoMenuData = /*#__PURE__*/function () {
+  function DemoMenuData() {
+    _classCallCheck(this, DemoMenuData);
+
+    this.isManager = localStorage.getItem("DEMO_USER_IS_MANAGER") === "1";
+    this.menus = [{
+      icon: "kaohe",
+      label: "任务状态",
+      key: "demofree",
+      href: this.isManager ? "#/demofree/list?selected=unassigned" : "#/demofree/list?selected=assigned",
+      isShow: true,
+      children: [{
+        icon: "",
+        label: "未分配",
+        key: "unassigned",
+        href: "#/demofree/list?selected=unassigned",
+        isShow: this.isManager
+      }, {
+        icon: "",
+        label: "已分配",
+        key: "assigned",
+        href: "#/demofree/list?selected=assigned",
+        isShow: true
+      }, {
+        icon: "",
+        label: "已预约",
+        key: "reserved",
+        href: "#/demofree/list?selected=reserved",
+        isShow: true
+      }, {
+        icon: "",
+        label: "已完成",
+        key: "done",
+        href: "#/demofree/list?selected=done",
+        isShow: true
+      }, {
+        icon: "",
+        label: "已忽略",
+        key: "ignore",
+        href: "#/demofree/list?selected=ignore",
+        isShow: this.isManager
+      }]
+    } // {
+    //   icon: "KH-help",
+    //   label: "客户续费情况",
+    //   key: "custom",
+    //   href: "#/custom",
+    //   isShow: true,
+    //   type: MENU_ITEM_NOE,
+    //   children:[{
+    //     icon: "",
+    //     label: "未处理",
+    //     key: "ignore",
+    //     href: "#/demofree/custom?selected=未处理",
+    //     isShow: true,
+    //   },{
+    //     icon: "",
+    //     label: "待定",
+    //     key: "ignore",
+    //     href: "#/demofree/custom?selected=待定",
+    //     isShow: true,
+    //   },{
+    //     icon: "",
+    //     label: "已续费",
+    //     key: "ignore",
+    //     href: "#/demofree/custom?selected=已续费",
+    //     isShow: true,
+    //   },{
+    //     icon: "",
+    //     label: "未续费",
+    //     key: "ignore",
+    //     href: "#/demofree/custom?selected=未续费",
+    //     isShow: true,
+    //   }]
+    // },
+    ];
+  }
+
+  _createClass(DemoMenuData, [{
+    key: "getMenus",
+    value: function getMenus() {
+      var menus = this.formateToTreeNodeData(this.menus);
+      return menus;
+    }
+  }, {
+    key: "formateToTreeNodeData",
+    value: function formateToTreeNodeData(menus) {
+      var treeNodes = [];
+
+      for (var i = 0; i < menus.length; i += 1) {
+        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;
+
+        if (menu.isShow) {
+          treeNodes.push({
+            key: "".concat(menu.key),
+            title: menu.label,
+            data: menu,
+            isLeaf: isLeaf,
+            children: this.formateToTreeNodeData(menu.children || []),
+            nodeType: nodeType
+          });
+        }
+      }
+
+      return treeNodes;
+    }
+  }]);
+
+  return DemoMenuData;
+}();
+
+exports["default"] = DemoMenuData;