@titaui/pc 1.9.87 → 1.9.88

package/lib/components-v1/userSelector/components/MultiMode/index.js

@@ -41,7 +41,7 @@ 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; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 

package/lib/components-v1/userSelector/components/SearchBar.js

@@ -25,7 +25,7 @@ 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; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 

package/lib/components-v1/userSelector/components/SingleMode.js

@@ -33,7 +33,7 @@ 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; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 

package/lib/components-v1/userSelector/components/UserItem.js

@@ -27,7 +27,7 @@ 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; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 

package/lib/components-v1/userSelector/index.js

@@ -43,7 +43,7 @@ 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; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 

package/lib/index.js

@@ -63,6 +63,12 @@ Object.defineProperty(exports, "DatePicker", {
     return _datePicker["default"];
   }
 });
+Object.defineProperty(exports, "DemoFree", {
+  enumerable: true,
+  get: function get() {
+    return _demoFree["default"];
+  }
+});
 Object.defineProperty(exports, "Dialog", {
   enumerable: true,
   get: function get() {
@@ -465,12 +471,6 @@ Object.defineProperty(exports, "UpdateModal", {
     return _updateModal["default"];
   }
 });
-Object.defineProperty(exports, "UploadPhotoModal", {
-  enumerable: true,
-  get: function get() {
-    return _uploadPhotoModal["default"];
-  }
-});
 Object.defineProperty(exports, "Upvote", {
   enumerable: true,
   get: function get() {
@@ -525,6 +525,12 @@ Object.defineProperty(exports, "requestApi", {
     return _request["default"];
   }
 });
+Object.defineProperty(exports, "tasUploadPhotoModal", {
+  enumerable: true,
+  get: function get() {
+    return _uploadPhotoModal["default"];
+  }
+});
 Object.defineProperty(exports, "upload", {
   enumerable: true,
   get: function get() {
@@ -574,6 +580,8 @@ var _rangePickerPop = _interopRequireDefault(require("./components/range-picker-
 
 var _datePicker = _interopRequireDefault(require("./components/date-picker"));
 
+var _demoFree = _interopRequireDefault(require("./pages/demo-free"));
+
 var _okrMap = _interopRequireDefault(require("./pages/okr-map"));
 
 var _okrFlow = _interopRequireDefault(require("./components/okr-flow"));

package/lib/pages/appointment-demo/input/index.js

@@ -23,7 +23,7 @@ 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; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 

package/lib/pages/demo-free/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _dynamic = _interopRequireDefault(require("../../components/dynamic/dynamic"));
+
+var _errorBoundary = _interopRequireDefault(require("../../components/error-boundary"));
+
+var _errorLevel = _interopRequireDefault(require("../../utils/error-level"));
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var prefix = "dynamic-page";
+
+var DemoFree = function DemoFree() {
+  return /*#__PURE__*/_react["default"].createElement(_errorBoundary["default"], {
+    errorLevel: _errorLevel["default"].P0
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix
+  }, /*#__PURE__*/_react["default"].createElement(_dynamic["default"], null)));
+};
+
+var _default = DemoFree;
+exports["default"] = _default;

package/lib/pages/group-management/components/input-form/index.js

@@ -23,7 +23,7 @@ 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; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 

package/lib/pages/new-okr-list/init-cycle-setting.js

@@ -38,10 +38,8 @@ function InitCycleSetting(props) {
       setVisible = _useState2[1];
 
   (0, _react.useEffect)(function () {
-    if (localStorage.getItem("cycle_setting_stop_show".concat((0, _bsGlobal.getUserInfo)().Id)) == 'true') return;
-    localStorage.removeItem("OKR_CYCLE_SETTING");
+    if (localStorage.getItem("cycle_setting_stop_show".concat((0, _bsGlobal.getUserInfo)().Id)) == "true") return;
     (0, _requestApi.getCycleSetting)().then(function (res) {
-      localStorage.setItem("OKR_CYCLE_SETTING", JSON.stringify((res === null || res === void 0 ? void 0 : res.Data) || {}));
       var hasSetting = res.Data.hasSetting;
       if (!hasSetting) setVisible(true);
     });
@@ -52,7 +50,7 @@ function InitCycleSetting(props) {
       return setVisible(false);
     },
     onRefresh: function onRefresh() {
-      return window.location.reload();
+      return location.reload();
     }
   });
 }

package/lib/pages/new-okr-list/request-api.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.visitOkrCyclePag = exports.okrSearch = exports.okrList = exports.okrCrowd = exports.getUserInfoById = exports.getOkrInfoWithListData = exports.getCycleSetting = void 0;
+exports.visitOkrCyclePag = exports.okrSearch = exports.okrList = exports.okrCrowd = exports.getUserInfoById = exports.getOkrSetting = exports.getOkrInfoWithListData = exports.getCycleSetting = void 0;
 
 var _request = require("../../utils/request");
 
@@ -117,14 +117,39 @@ var getOkrInfoWithListData = /*#__PURE__*/function () {
 
 exports.getOkrInfoWithListData = getOkrInfoWithListData;
 
-var okrList = /*#__PURE__*/function () {
-  var _ref4 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4(param) {
-    var res;
+var getOkrSetting = /*#__PURE__*/function () {
+  var _ref4 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
     return regeneratorRuntime.wrap(function _callee4$(_context4) {
       while (1) {
         switch (_context4.prev = _context4.next) {
           case 0:
-            _context4.next = 2;
+            return _context4.abrupt("return", (0, _request.rget)("v1")("okr/cycleSetting").then(function (res) {
+              return res.Data;
+            }));
+
+          case 1:
+          case "end":
+            return _context4.stop();
+        }
+      }
+    }, _callee4);
+  }));
+
+  return function getOkrSetting() {
+    return _ref4.apply(this, arguments);
+  };
+}();
+
+exports.getOkrSetting = getOkrSetting;
+
+var okrList = /*#__PURE__*/function () {
+  var _ref5 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5(param) {
+    var res;
+    return regeneratorRuntime.wrap(function _callee5$(_context5) {
+      while (1) {
+        switch (_context5.prev = _context5.next) {
+          case 0:
+            _context5.next = 2;
             return (0, _request.rpost)("v1")("okr/list?toUserId=".concat(param.toUserId), _objectSpread({
               orderType: 2,
               // 默认创建时间正序
@@ -133,94 +158,94 @@ var okrList = /*#__PURE__*/function () {
             }, param));
 
           case 2:
-            res = _context4.sent;
+            res = _context5.sent;
 
             if (!(res.Code == 1)) {
-              _context4.next = 5;
+              _context5.next = 5;
               break;
             }
 
-            return _context4.abrupt("return", res.Data);
+            return _context5.abrupt("return", res.Data);
 
           case 5:
           case "end":
-            return _context4.stop();
+            return _context5.stop();
         }
       }
-    }, _callee4);
+    }, _callee5);
   }));
 
   return function okrList(_x4) {
-    return _ref4.apply(this, arguments);
+    return _ref5.apply(this, arguments);
   };
 }();
 
 exports.okrList = okrList;
 
 var getUserInfoById = /*#__PURE__*/function () {
-  var _ref5 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5(toUserId) {
-    return regeneratorRuntime.wrap(function _callee5$(_context5) {
+  var _ref6 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee6(toUserId) {
+    return regeneratorRuntime.wrap(function _callee6$(_context6) {
       while (1) {
-        switch (_context5.prev = _context5.next) {
+        switch (_context6.prev = _context6.next) {
           case 0:
-            return _context5.abrupt("return", (0, _request.rget)("v2")("user/GetById?toUserid=".concat(toUserId)));
+            return _context6.abrupt("return", (0, _request.rget)("v2")("user/GetById?toUserid=".concat(toUserId)));
 
           case 1:
           case "end":
-            return _context5.stop();
+            return _context6.stop();
         }
       }
-    }, _callee5);
+    }, _callee6);
   }));
 
   return function getUserInfoById(_x5) {
-    return _ref5.apply(this, arguments);
+    return _ref6.apply(this, arguments);
   };
 }();
 
 exports.getUserInfoById = getUserInfoById;
 
 var visitOkrCyclePag = /*#__PURE__*/function () {
-  var _ref6 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee6(toUserId) {
-    return regeneratorRuntime.wrap(function _callee6$(_context6) {
+  var _ref7 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee7(toUserId) {
+    return regeneratorRuntime.wrap(function _callee7$(_context7) {
       while (1) {
-        switch (_context6.prev = _context6.next) {
+        switch (_context7.prev = _context7.next) {
           case 0:
-            return _context6.abrupt("return", (0, _request.rpost)("v1")("okr/visitOkrCyclePag?toUserId=".concat(toUserId)));
+            return _context7.abrupt("return", (0, _request.rpost)("v1")("okr/visitOkrCyclePag?toUserId=".concat(toUserId)));
 
           case 1:
           case "end":
-            return _context6.stop();
+            return _context7.stop();
         }
       }
-    }, _callee6);
+    }, _callee7);
   }));
 
   return function visitOkrCyclePag(_x6) {
-    return _ref6.apply(this, arguments);
+    return _ref7.apply(this, arguments);
   };
 }();
 
 exports.visitOkrCyclePag = visitOkrCyclePag;
 
 var getCycleSetting = /*#__PURE__*/function () {
-  var _ref7 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee7() {
-    return regeneratorRuntime.wrap(function _callee7$(_context7) {
+  var _ref8 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee8() {
+    return regeneratorRuntime.wrap(function _callee8$(_context8) {
       while (1) {
-        switch (_context7.prev = _context7.next) {
+        switch (_context8.prev = _context8.next) {
           case 0:
-            return _context7.abrupt("return", (0, _request.rget)("v1")("okr/cycleSetting"));
+            return _context8.abrupt("return", (0, _request.rget)("v1")("okr/cycleSetting"));
 
           case 1:
           case "end":
-            return _context7.stop();
+            return _context8.stop();
         }
       }
-    }, _callee7);
+    }, _callee8);
   }));
 
   return function getCycleSetting() {
-    return _ref7.apply(this, arguments);
+    return _ref8.apply(this, arguments);
   };
 }();
 

package/lib/utils/auth.js

@@ -9,7 +9,7 @@ exports.hasSuperior = exports.OAuth = exports.KRAuth = exports.EAuth = exports.D
 
 var _bsGlobal = require("./bs-global");
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@titaui/pc",
-  "version": "1.9.87",
+  "version": "1.9.88",
   "nameCN": "",
   "description": "",
   "main": "src/index.js",
@@ -119,6 +119,7 @@
     "react-dom": "^17.0.2",
     "react-grid-layout": "^1.2.5",
     "react-perfect-scrollbar": "^1.5.8",
+    "react-router": "^6.2.1",
     "react-sizeme": "^3.0.1",
     "react-slick": "^0.28.1",
     "react-spring": "^9.2.4",

package/src/components/menus/export-modules/demo-menus/index.tsx

@@ -0,0 +1,80 @@
+import React, { useState, useRef, useEffect } from "react";
+import classNames from "classnames";
+import { withRouter } from "react-router";
+// import { ResizeObserver } from '@juggle/resize-observer';
+// import ResizeObserver from "resize-observer-polyfill";
+import FlipCard, { flipRefIns } from "../../components/flip-menu-card";
+import MenuTree from "../../components/menu-tree";
+import Scrollbar from "../../../scrollbar";
+import DemoMenuData, { DemoMenusInt, defaultRefObject } from "./menus";
+import MenuHighlight from "./menu-highlight";
+import preCls from "../../precls";
+import { isEn } from "../../../../utils/getLocale";
+
+interface DemoMenusProps {
+  onSelect: (node: any) => void;
+  history: any;
+}
+const DemoMenus: React.FC<DemoMenusProps> = (props) => {
+  const { onSelect = () => { }, history } = props;
+
+  const menuRef = useRef<any>();
+  const okrMenusData = useRef<DemoMenusInt>(defaultRefObject);
+  const [selectedMenuKeys, setSelectedMenuKeys] = useState<string[]>([]);
+  const [expandedKeys, setExpandedKeys] = useState(["demofree"]);
+  const [menus] = useState(() => {
+    okrMenusData.current = new DemoMenuData();
+    return okrMenusData.current.getMenus();
+  });
+  const flipRef = useRef<flipRefIns>({
+    next: () => { },
+    goback: () => { },
+  });
+  const collapseMenu = (isHide) => {
+    if (isHide) {
+      menuRef.current.style.width = "0px";
+    } else {
+      menuRef.current.style.width = "";
+    }
+  };
+  const onExpandHandler = (expandKeys) => {
+    setExpandedKeys(expandKeys);
+  };
+  // 判断路由高亮菜单
+  useEffect(() => {
+    const menuHighlight = new MenuHighlight(history);
+    menuHighlight.highlight((menu) => setSelectedMenuKeys([menu]));
+  }, [
+    history.location.pathname,
+    history.location.search,
+  ]);
+
+  const onSelectHandler = (selectedKyes, { node }) => {
+    onSelect(node);
+    // 处理菜单选中
+    if (!selectedKyes.length) return;
+    setSelectedMenuKeys(selectedKyes);
+  };
+  return (
+    <div
+      ref={menuRef}
+      className={classNames(preCls, `${preCls}-appraisal-menus`)}
+    >
+      <FlipCard collapseMenu={collapseMenu} ref={flipRef} defaultWidth={isEn ? 210 : 180}>
+        <div className={classNames(`${preCls}-appraisal-menus-tree`)}>
+          <Scrollbar>
+            <MenuTree
+              data={menus}
+              selectedKeys={selectedMenuKeys}
+              expandedKeys={expandedKeys}
+              onExpand={onExpandHandler}
+              onSelect={onSelectHandler}
+            />
+          </Scrollbar>
+        </div>
+        <div />
+      </FlipCard>
+    </div>
+  );
+};
+export default withRouter(DemoMenus);

package/src/components/menus/export-modules/demo-menus/menu-highlight.ts

@@ -0,0 +1,53 @@
+import {
+  PAGE_UNASSIGNED_DEMOFREE,
+  PAGE_ASSIGNED_DEMOFREE,
+  PAGE_RESERVED_DEMOFREE,
+  PAGE_DONE_DEMOFREE,
+  PAGE_IGNORED_DEMOFREE,
+} from "./menus";
+
+export default class {
+  private history: any = null;
+
+  constructor(history: any) {
+    this.history = history;
+  }
+
+  highlight(cb) {
+    if (this.isUnAssigned()) cb(PAGE_UNASSIGNED_DEMOFREE);
+    else if (this.isAssigned()) cb(PAGE_ASSIGNED_DEMOFREE);
+    else if (this.isReserved()) cb(PAGE_RESERVED_DEMOFREE);
+    else if (this.isDone()) cb(PAGE_DONE_DEMOFREE);
+    else if (this.isIgnore()) cb(PAGE_IGNORED_DEMOFREE);
+  }
+
+  isUnAssigned() {
+    const { pathname, search } = this.history.location;
+    return pathname.match(/demofree/)
+      && (!search || search.match(/selected[\s]*?=[\s]*?unassigned/));
+  }
+
+  isAssigned() {
+    const { pathname, search } = this.history.location;
+    return pathname.match(/demofree/)
+      && search.match(/selected[\s]*?=[\s]*?assigned/);
+  }
+
+  isReserved() {
+    const { pathname, search } = this.history.location;
+    return pathname.match(/demofree/)
+      && search.match(/selected[\s]*?=[\s]*?reserved/);
+  }
+
+  isDone() {
+    const { pathname, search } = this.history.location;
+    return pathname.match(/demofree/)
+      && search.match(/selected[\s]*?=[\s]*?done/);
+  }
+
+  isIgnore() {
+    const { pathname, search } = this.history.location;
+    return pathname.match(/demofree/)
+      && search.match(/selected[\s]*?=[\s]*?ignore/);
+  }
+}

package/src/components/menus/export-modules/demo-menus/menus.tsx

@@ -0,0 +1,136 @@
+import { PARENT_MENU_NODE, SUB_MENU_ITEM_NOE } from "../../components/menu-tree/tree-node/index";
+
+interface TreeNode {
+  key: string;
+  title: string;
+  nodeType: string;
+  isLeaf: boolean;
+  data: any;
+  children?: TreeNode[];
+}
+export const defaultRefObject = {
+  menus: [],
+  getMenus: () => { },
+};
+export interface DemoMenusInt {
+  menus: any[];
+  getMenus: Function;
+}
+export const PAGE_UNASSIGNED_DEMOFREE = "unassigned";
+export const PAGE_ASSIGNED_DEMOFREE = "assigned";
+export const PAGE_RESERVED_DEMOFREE = "reserved";
+export const PAGE_DONE_DEMOFREE = "done";
+export const PAGE_IGNORED_DEMOFREE = "ignore";
+export default class DemoMenuData {
+  public menus;
+
+  public isManager;
+
+  constructor() {
+    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,
+      //   }]
+      // },
+    ];
+  }
+
+  getMenus() {
+    const menus = this.formateToTreeNodeData(this.menus);
+    return menus;
+  }
+
+  formateToTreeNodeData(menus) {
+    const treeNodes: TreeNode[] = [];
+
+    for (let i = 0; i < menus.length; i += 1) {
+      const menu = menus[i];
+      const hasChildren = !!((menu.children && menu.children.length));
+      const isLeaf = menu.isLeaf !== undefined ? menu.isLeaf : !hasChildren;
+
+      let nodeType = menu.type;
+      if (!nodeType) nodeType = !isLeaf ? PARENT_MENU_NODE : SUB_MENU_ITEM_NOE;
+
+      if (menu.isShow) {
+        treeNodes.push({
+          key: `${menu.key}`,
+          title: menu.label,
+          data: menu,
+          isLeaf,
+          children: this.formateToTreeNodeData(menu.children || []),
+          nodeType,
+        });
+      }
+    }
+
+    return treeNodes;
+  }
+}