@titaui/pc 1.6.11 → 1.6.15

package/lib/components/menus/components/flip-menu-card/index.css

@@ -4,8 +4,8 @@
   background-color: transparent;
   perspective: 1000px;
   transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
-  opacity: 1;
   will-change: opacity;
+  opacity: 1;
 }
 
 .titaui-flip-card__fixed-hide-icon {
@@ -13,6 +13,11 @@
   position: fixed;
   top: 74px;
   left: -12px;
+  transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
+}
+
+.titaui-flip-card__fixed-hide-icon:hover {
+  left: 0;
 }
 
 .titaui-flip-card__fixed-hide-icon > div {
@@ -29,7 +34,6 @@
 }
 
 .titaui-flip-card__inner-front, .titaui-flip-card__inner-back {
-  position: absolute;
   width: 100%;
   height: 100%;
   backface-visibility: hidden;
@@ -61,6 +65,7 @@
 }
 
 .titaui-flip-card__inner-back {
+  display: none;
   transform: rotateY(180deg);
   z-index: 10;
 }

package/lib/components/menus/components/flip-menu-card/index.js

@@ -19,6 +19,8 @@ var _flipBackHeader = _interopRequireDefault(require("./flip-back-header"));
 
 var _menuCloseBtn = _interopRequireDefault(require("../menu-close-btn"));
 
+var _dragResize = _interopRequireDefault(require("../drag-resize"));
+
 var _precls = _interopRequireDefault(require("./precls"));
 
 require("./index.css");
@@ -71,16 +73,20 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var flipBackRef = (0, _react.useRef)();
 
   var goBackHandler = function goBackHandler() {
+    flipBackRef.current.style.position = 'absolute';
     flipFrontRef.current.style.display = 'block';
     setTimeout(function () {
+      flipFrontRef.current.style.position = 'relative';
       flipBackRef.current.style.display = 'none';
     }, 600);
     setIsBack(false);
   };
 
   var nextHandler = function nextHandler() {
+    flipFrontRef.current.style.position = 'absolute';
     flipBackRef.current.style.display = 'block';
     setTimeout(function () {
+      flipBackRef.current.style.position = 'relative';
       flipFrontRef.current.style.display = 'none';
     }, 600);
     setIsBack(true);
@@ -101,7 +107,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     setTimeout(function () {
       // 1秒后隐藏菜单到左侧
       setIsFloatHide(!isFloatHide);
-    }, !isFloat ? 200 : 0);
+    }, !isFloat ? 400 : 0);
   };
 
   var onFixedHideIconMouseEnter = function onFixedHideIconMouseEnter() {
@@ -142,42 +148,38 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
   return /*#__PURE__*/_react["default"].createElement("div", {
     ref: flipCardRef,
-    style: {
-      'width': defaultWidth
-    },
     onMouseEnter: onFlipMouseEnterHandler,
     onMouseLeave: onFlipMouseLeaveHandler,
     className: (0, _classnames["default"])(_precls["default"], (_classNames = {}, _defineProperty(_classNames, "".concat(_precls["default"], "--is-back"), isBack), _defineProperty(_classNames, "".concat(_precls["default"], "--is-float"), isFloat), _defineProperty(_classNames, "".concat(_precls["default"], "--is-float-hide"), isFloatHide), _classNames))
+  }, /*#__PURE__*/_react["default"].createElement(_dragResize["default"], {
+    minWidth: defaultWidth - 10,
+    maxWidth: 600,
+    defaultWidth: defaultWidth
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "__inner"))
   }, /*#__PURE__*/_react["default"].createElement("div", {
     ref: flipFrontRef,
     className: (0, _classnames["default"])("".concat(_precls["default"], "__inner-front"))
   }, /*#__PURE__*/_react["default"].createElement(_menuCard["default"], {
-    container: flipCardRef,
-    onMenuHide: onMenuHideHandler,
     isFloat: isFloat,
     isFloatHide: isFloatHide,
     style: {
       'padding': '28px 12px'
-    }
+    },
+    onMenuHide: onMenuHideHandler
   }, children[0])), /*#__PURE__*/_react["default"].createElement("div", {
     ref: flipBackRef,
-    className: (0, _classnames["default"])("".concat(_precls["default"], "__inner-back")),
-    style: {
-      'display': 'none'
-    }
+    className: (0, _classnames["default"])("".concat(_precls["default"], "__inner-back"))
   }, /*#__PURE__*/_react["default"].createElement(_menuCard["default"], {
-    container: flipCardRef,
-    onMenuHide: onMenuHideHandler,
     isFloat: isFloat,
     isFloatHide: isFloatHide,
     style: {
       'padding': '42px 12px 28px 12px'
-    }
+    },
+    onMenuHide: onMenuHideHandler
   }, /*#__PURE__*/_react["default"].createElement(_flipBackHeader["default"], {
     onClick: goBackHandler
-  }), children[1]))), isFloat && /*#__PURE__*/_reactDom["default"].createPortal( /*#__PURE__*/_react["default"].createElement("span", {
+  }), children[1])))), isFloat && /*#__PURE__*/_reactDom["default"].createPortal( /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "__fixed-hide-icon"))
   }, /*#__PURE__*/_react["default"].createElement(_menuCloseBtn["default"], {
     isClose: true,

package/lib/components/menus/components/menu-card/index.js

@@ -9,8 +9,6 @@ var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _dragResize = _interopRequireDefault(require("../drag-resize"));
-
 var _menuCloseBtn = _interopRequireDefault(require("../menu-close-btn"));
 
 var _precls = _interopRequireDefault(require("../../precls"));
@@ -30,7 +28,6 @@ var _default = function _default(props) {
 
   var children = props.children,
       style = props.style,
-      container = props.container,
       onMenuHide = props.onMenuHide,
       isFloat = props.isFloat,
       isFloatHide = props.isFloatHide;
@@ -42,9 +39,7 @@ var _default = function _default(props) {
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "__menu-card"), (_classNames = {}, _defineProperty(_classNames, "".concat(_precls["default"], "__menu-card--is-float"), isFloat), _defineProperty(_classNames, "".concat(_precls["default"], "__menu-card--is-float-hide"), isFloatHide), _classNames)),
     style: _objectSpread({}, style)
-  }, children, /*#__PURE__*/_react["default"].createElement(_dragResize["default"], {
-    container: container
-  }), !isFloat && /*#__PURE__*/_react["default"].createElement(_menuCloseBtn["default"], {
+  }, children, !isFloat && /*#__PURE__*/_react["default"].createElement(_menuCloseBtn["default"], {
     isAutoShow: true,
     onClick: onHideHandler
   }));

package/lib/components/menus/components/menu-close-btn/index.css

@@ -8,7 +8,8 @@
   line-height: 30px;
   font-size: 10px;
   background-color: white;
-  border-radius: 50%;
+  border-top-right-radius: 50%;
+  border-bottom-right-radius: 50%;
   cursor: pointer;
 }
 

package/lib/components/menus/components/menu-tree/index.js

@@ -27,9 +27,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var switcherIconHandler = function switcherIconHandler(_ref) {
-  var expanded = _ref.expanded,
-      isLeaf = _ref.isLeaf;
+var switcherIconHandler = function switcherIconHandler() {
   return /*#__PURE__*/_react["default"].createElement("span", null);
 };
 
@@ -44,6 +42,9 @@ var _default = function _default(props) {
 
   var beforeSelectHandler = function beforeSelectHandler(node) {
     if (node.nodeType == 'group-name') return false;
+    if (node.nodeType == 'loading') return false;
+    if (node.nodeType == 'no-follower') return false;
+    if (node.nodeType == 'company-all') return false;
     return true;
   };
 

package/lib/components/menus/components/menu-tree/tree-node/avatar/index.css

@@ -0,0 +1,50 @@
+.titaui-menus-tree__avatar-img {
+  display: inline-block;
+  line-height: 24px;
+  width: 24px;
+  height: 24px;
+  font-size: 12px;
+  border-radius: 50%;
+  margin-right: 8px;
+}
+
+.titaui-menus-tree__avatar-img > img {
+  overflow: hidden;
+  border-radius: 50%;
+}
+
+.titaui-menus-tree__avatar-name {
+  display: inline-block;
+  line-height: 24px;
+  width: 24px;
+  height: 24px;
+  font-size: 12px;
+  border-radius: 50%;
+  margin-right: 8px;
+  color: white;
+}
+
+.titaui-menus-tree__avatar-name-slice {
+  position: relative;
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  text-indent: 6px;
+  overflow: hidden;
+}
+
+.titaui-menus-tree__avatar-name-slice > span {
+  overflow: hidden;
+  display: inline-block;
+  width: 12px;
+  text-indent: 0;
+  text-align: left;
+}
+
+.titaui-menus-tree__avatar-username {
+  font-size: 14px;
+  font-family: Resource-Han-Rounded-CN-Normal, Resource-Han-Rounded-CN;
+  font-weight: 400;
+  color: #3f4755;
+  line-height: 20px;
+}

package/lib/components/menus/components/menu-tree/tree-node/avatar/index.js

@@ -0,0 +1,72 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _precls = _interopRequireDefault(require("../../precls"));
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var _default = function _default(props) {
+  var user = props.user;
+
+  var _useState = (0, _react.useState)(function () {
+    return !!user.avatar.medium;
+  }),
+      _useState2 = _slicedToArray(_useState, 1),
+      hasAvatar = _useState2[0];
+
+  var renderImgAvatar = function renderImgAvatar() {
+    return /*#__PURE__*/_react["default"].createElement("span", {
+      className: (0, _classnames["default"])("".concat(_precls["default"], "__avatar-img"), "noselect")
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      style: {
+        'width': 24,
+        'height': 24,
+        'verticalAlign': "top"
+      },
+      src: user.avatar.medium
+    }));
+  };
+
+  var renderTextAvatar = function renderTextAvatar() {
+    return /*#__PURE__*/_react["default"].createElement("span", {
+      className: (0, _classnames["default"])("".concat(_precls["default"], "__avatar-name"), "noselect"),
+      style: {
+        'backgroundColor': user.avatar.color
+      }
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: (0, _classnames["default"])("".concat(_precls["default"], "__avatar-name-slice"))
+    }, /*#__PURE__*/_react["default"].createElement("span", null, user.name)));
+  };
+
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, hasAvatar ? renderImgAvatar() : renderTextAvatar());
+};
+
+exports["default"] = _default;

package/lib/components/menus/components/menu-tree/tree-node/compony-node/index.js

@@ -9,6 +9,8 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _precls = _interopRequireDefault(require("../../precls"));
 
 var _context = require("../../../../context");
@@ -30,7 +32,7 @@ var ComponyNode = function ComponyNode() {
   };
 
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(_precls["default"], "__compony-node"),
+    className: (0, _classnames["default"])("".concat(_precls["default"], "__compony-node"), 'noselect'),
     onClick: gotoDepartTree
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "tu-icon-OKR-gongsi-m"

package/lib/components/menus/components/menu-tree/tree-node/depart-node/index.js

@@ -11,6 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _openData = require("../../../../../../utils/open-data");
+
 var _precls = _interopRequireDefault(require("../../precls"));
 
 require("./index.css");
@@ -37,8 +39,7 @@ var DepartNode = function DepartNode(props) {
   var onExpand = props.onExpand,
       data = props.data,
       _props$level = props.level,
-      level = _props$level === void 0 ? 0 : _props$level,
-      title = props.title;
+      level = _props$level === void 0 ? 0 : _props$level;
   var hasChild = data.hasChild;
 
   var _useState = (0, _react.useState)(false),
@@ -52,7 +53,7 @@ var DepartNode = function DepartNode(props) {
   };
 
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(_precls["default"], "__depart-node"),
+    className: (0, _classnames["default"])("".concat(_precls["default"], "__depart-node"), 'noselect'),
     style: {
       paddingLeft: 12 + level * 10
     }
@@ -60,7 +61,10 @@ var DepartNode = function DepartNode(props) {
     className: "tu-icon-biaoqian-bumen"
   }), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(_precls["default"], "__depart-node-title")
-  }, title), !isOpen && hasChild && /*#__PURE__*/_react["default"].createElement("span", {
+  }, /*#__PURE__*/_react["default"].createElement(_openData.OpenDepartmentName, {
+    name: data.name,
+    id: data.id
+  })), !isOpen && hasChild && /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("tu-icon-APP-xi", "".concat(_precls["default"], "__depart-node-expand")),
     onClick: handleExpand
   }), isOpen && /*#__PURE__*/_react["default"].createElement("span", {

package/lib/components/menus/components/menu-tree/tree-node/follower-node/index.css

@@ -0,0 +1,48 @@
+.titaui-menus-tree__follower-node {
+  display: flex;
+  align-items: center;
+  height: 40px;
+  line-height: 40px;
+  border-radius: 12px;
+  cursor: pointer;
+  position: relative;
+}
+
+.titaui-menus-tree__follower-node:hover .titaui-menus-tree__follower-node-cancel {
+  opacity: 1;
+}
+
+.titaui-menus-tree__follower-node:hover .titaui-menus-tree__follower-node-username {
+  color: #2879ff;
+}
+
+.titaui-menus-tree__follower-node-username {
+  font-size: 14px;
+  font-family: Resource-Han-Rounded-CN-Normal, Resource-Han-Rounded-CN;
+  font-weight: 400;
+  color: #3f4755;
+  line-height: 20px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.titaui-menus-tree__follower-node-cancel {
+  display: inline-flex;
+  align-items: center;
+  position: absolute;
+  right: 5px;
+  opacity: 0;
+  transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
+  will-change: opacity;
+  color: #a4acb9;
+  border: 5px solid transparent;
+}
+
+.titaui-menus-tree__follower-node-cancel > span {
+  color: #a4acb9 !important;
+}
+
+.titaui-menus-tree__follower-node-cancel:hover > span {
+  color: #f05e5e !important;
+}

package/lib/components/menus/components/menu-tree/tree-node/follower-node/index.js

@@ -0,0 +1,65 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _openData = require("../../../../../../utils/open-data");
+
+var _context = require("../../../../context");
+
+var _avatar = _interopRequireDefault(require("../avatar"));
+
+var _precls = _interopRequireDefault(require("../../precls"));
+
+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; }
+
+var _default = function _default(props) {
+  var user = props.data,
+      _props$level = props.level,
+      level = _props$level === void 0 ? 0 : _props$level;
+
+  var _useContext = (0, _react.useContext)(_context.OkrMenusContext),
+      onRemoveConcerner = _useContext.onRemoveConcerner;
+
+  var onCancelFollowHandler = function onCancelFollowHandler() {
+    onRemoveConcerner(user);
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(_precls["default"], "__follower-node")),
+    style: {
+      'paddingLeft': 12 + level * 10
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_avatar["default"], {
+    user: user
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    style: {
+      'width': "calc(100% - ".concat(12 + 13 + level * 10, "px)")
+    },
+    className: (0, _classnames["default"])("".concat(_precls["default"], "__follower-node-username"), "noselect")
+  }, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
+    name: user.name,
+    id: user.userId
+  })), /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(_precls["default"], "__follower-node-cancel")),
+    onClick: onCancelFollowHandler
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "tu-icon-cross"
+  })));
+};
+
+exports["default"] = _default;

package/lib/components/menus/components/menu-tree/tree-node/index.css

@@ -187,6 +187,77 @@
   background-image: url("../images/okr-menu/rw-zx.svg");
 }
 
+.titaui-menus-tree__no-follower-node {
+  display: flex;
+  align-items: center;
+  text-align: left;
+  height: 40px;
+  line-height: 40px;
+  border-radius: 12px;
+  padding: 0 8px;
+  cursor: pointer;
+  align-items: center;
+  justify-content: center;
+  cursor: default;
+  color: #89919F;
+  font-size: 14px;
+}
+
+.titaui-menus-tree__no-follower-node:hover .titaui-menus-tree__menu-item-node-title {
+  color: #2879ff;
+}
+
+.titaui-menus-tree__no-follower-node-indent {
+  display: inline-block;
+  width: 16px;
+}
+
+.titaui-menus-tree__no-follower-node-title {
+  font-size: 14px;
+  color: #3f4755;
+  line-height: 22px;
+  font-family: Resource-Han-Rounded-CN-Normal, Resource-Han-Rounded-CN;
+  font-weight: 400;
+}
+
+.titaui-menus-tree__loading-node {
+  display: flex;
+  align-items: center;
+  text-align: left;
+  height: 40px;
+  line-height: 40px;
+  border-radius: 12px;
+  padding: 0 8px;
+  cursor: pointer;
+  align-items: center;
+  justify-content: center;
+  cursor: default;
+}
+
+.titaui-menus-tree__loading-node:hover .titaui-menus-tree__menu-item-node-title {
+  color: #2879ff;
+}
+
+.titaui-menus-tree__loading-node-indent {
+  display: inline-block;
+  width: 16px;
+}
+
+.titaui-menus-tree__loading-node-title {
+  font-size: 14px;
+  color: #3f4755;
+  line-height: 22px;
+  font-family: Resource-Han-Rounded-CN-Normal, Resource-Han-Rounded-CN;
+  font-weight: 400;
+}
+
+.titaui-menus-tree__loading-node-icon {
+  width: 96px;
+  height: 20px;
+  background: url(../images/loading-node.gif) transparent no-repeat 50% 50%;
+  background-size: contain;
+}
+
 .titaui-menus-tree__company-all-node {
   display: flex;
   align-items: center;
@@ -357,4 +428,5 @@
   height: 14px;
   width: 14px;
   background: url(../images/user-concern-add.svg) transparent no-repeat 50% 50%;
+  border: 5px solid transparent;
 }

package/lib/components/menus/components/menu-tree/tree-node/index.js

@@ -23,6 +23,12 @@ var _userNode = _interopRequireDefault(require("./user-node"));
 
 var _companyAllNode = _interopRequireDefault(require("./company-all-node"));
 
+var _noFollowerNode = _interopRequireDefault(require("./no-follower-node"));
+
+var _followerNode = _interopRequireDefault(require("./follower-node"));
+
+var _loadingNode = _interopRequireDefault(require("./loading-node"));
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -34,6 +40,19 @@ var _default = function _default(node, level, _ref) {
       renderSwitcher = _ref.renderSwitcher;
 
   switch (node.nodeType) {
+    case 'loading':
+      return /*#__PURE__*/_react["default"].createElement(_loadingNode["default"], null);
+
+    case 'follower':
+      return /*#__PURE__*/_react["default"].createElement(_followerNode["default"], _extends({}, node, {
+        level: level,
+        onExpand: onExpand,
+        renderSwitcher: renderSwitcher
+      }));
+
+    case 'no-follower':
+      return /*#__PURE__*/_react["default"].createElement(_noFollowerNode["default"], null);
+
     case 'company-all':
       return /*#__PURE__*/_react["default"].createElement(_companyAllNode["default"], node);
 

package/lib/components/{button/admin-button/primary.js → menus/components/menu-tree/tree-node/loading-node.js}

@@ -9,25 +9,18 @@ var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _precls = _interopRequireDefault(require("../precls"));
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var preCls = "admin-button";
-
-var _default = function _default(_ref) {
-  var onClick = _ref.onClick,
-      id = _ref.id,
-      children = _ref.children;
-
-  var onHandleClick = function onHandleClick() {
-    onClick && onClick(id);
-  };
-
+var _default = function _default() {
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(preCls, "-primary ").concat(preCls, "-btn")),
-    onClick: onHandleClick
-  }, children);
+    className: (0, _classnames["default"])("".concat(_precls["default"], "__loading-node"))
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(_precls["default"], "__loading-node-icon"))
+  }));
 };
 
 exports["default"] = _default;

package/lib/components/menus/components/menu-tree/tree-node/no-follower-node.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _precls = _interopRequireDefault(require("../precls"));
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = function _default() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(_precls["default"], "__no-follower-node"))
+  }, /*#__PURE__*/_react["default"].createElement("span", null, "\u6682\u65E0\u5173\u6CE8\u7684\u4EBA"));
+};
+
+exports["default"] = _default;