@titaui/pc 1.6.12 → 1.6.16

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;
 }
@@ -73,7 +78,6 @@
   left: 12px;
   height: 18px;
   font-size: 12px;
-  font-family: Resource-Han-Rounded-CN-Normal, Resource-Han-Rounded-CN;
   font-weight: 400;
   color: #89919f;
   line-height: 18px;

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,92 +107,98 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     setTimeout(function () {
       // 1秒后隐藏菜单到左侧
       setIsFloatHide(!isFloatHide);
-    }, !isFloat ? 200 : 0);
+    }, !isFloat ? 400 : 0);
   };
 
-  var onFixedHideIconMouseEnter = function onFixedHideIconMouseEnter() {
-    setIsFloatHide(false);
-  };
-
-  var removeCloseFloat = function removeCloseFloat(e) {
-    if (hideFloatRef.current) clearTimeout(hideFloatRef.current);
+  var removeCloseFloat = function removeCloseFloat() {
+    clearTimeout(hideFloatRef.current);
   }; // 隐藏浮动的菜单（通用）
 
 
-  var onFixedHideIcon = function onFixedHideIcon(e) {
-    if (!isFloat) return;
-    removeCloseFloat(e);
+  var hideFlipCard = function hideFlipCard(e) {
+    if (!isFloat) return; // 非浮动状态下不隐藏
+
+    removeCloseFloat();
     hideFloatRef.current = setTimeout(function () {
       setIsFloatHide(true);
     }, 400);
   };
 
+  var onFixedHideIconMouseEnter = function onFixedHideIconMouseEnter(e) {
+    e.stopPropagation();
+    removeCloseFloat();
+    setIsFloatHide(false);
+  };
+
+  var onFixedHideIconMouseLeave = function onFixedHideIconMouseLeave(e) {
+    e.stopPropagation();
+    hideFlipCard(e);
+  };
+
   var onFixedHideIconClickHandler = function onFixedHideIconClickHandler(e) {
+    e.stopPropagation();
     collapseMenu(false);
     setIsFloat(false);
     setIsFloatHide(false);
   };
 
   var onFlipMouseEnterHandler = function onFlipMouseEnterHandler(e) {
-    removeCloseFloat(e);
+    e.stopPropagation();
+    removeCloseFloat();
   };
 
   var onFlipMouseLeaveHandler = function onFlipMouseLeaveHandler(e) {
+    e.stopPropagation();
+
     if (e.currentTarget.className.indexOf('titaui-flip-card--is-float-hide') != -1) {
       return;
     }
 
     ;
-    onFixedHideIcon(e);
+    hideFlipCard(e);
   };
 
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__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,
     isAutoShow: false,
     onClick: onFixedHideIconClickHandler,
     onMouseEnter: onFixedHideIconMouseEnter,
-    onMouseLeave: function onMouseLeave(e) {
-      return onFixedHideIcon(e);
-    }
+    onMouseLeave: onFixedHideIconMouseLeave
   })), document.body));
 });
 

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/images/appraisal-menu/KH-help.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="240px" height="240px" viewBox="0 0 240 240" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>KH-help</title>
+    <g id="KH-help" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="编组" transform="translate(50.000000, 17.000000)">
+            <path d="M95.6050016,190.485147 C96.3722275,194.836302 93.4668794,198.985569 89.115725,199.752795 L53.6626459,206.004129 C49.3114914,206.771355 45.1622243,203.866007 44.3949984,199.514853 C43.6277725,195.163698 46.5331206,191.014431 50.884275,190.247205 L86.3373541,183.995871 C90.6885086,183.228645 94.8377757,186.133993 95.6050016,190.485147 Z M113.331541,163.35948 C114.098767,167.710635 111.193419,171.859902 106.842265,172.627128 L35.9361063,185.129796 C31.5849519,185.897022 27.4356848,182.991674 26.6684589,178.64052 C25.9012329,174.289365 28.806581,170.140098 33.1577355,169.372872 L104.063894,156.870204 C108.415048,156.102978 112.564315,159.008326 113.331541,163.35948 Z M70,1.70530257e-13 C108.659932,1.70530257e-13 140,31.3400675 140,70 C140,94.7872411 126.997401,117.2584 106.397876,129.805294 L106.397876,129.805294 L106,130.043 L106,142.000737 C105.999651,145.790116 103.343578,149.046406 99.6591131,149.826119 L99.6591131,149.826119 L99.4063251,149.875421 L43.4063251,159.875421 C38.5029415,160.751025 34.0001,156.98111 34,152.000161 L34,152.000161 L33.999,130.044 L33.6031267,129.805905 C13.2245488,117.394057 0.280513695,95.2697735 0.00450352625,70.7987892 L0.00450352625,70.7987892 L0,70 C0,31.3400675 31.3400675,1.70530257e-13 70,1.70530257e-13 Z M70,16 C40.1766235,16 16,40.1766235 16,70 C16,90.566917 27.5956533,109.058856 45.6173548,118.196747 C48.3054635,119.55975 49.9994039,122.317852 49.9994644,125.331771 L49.9994644,125.331771 L49.999,142.444 L90,135.301 L90.0015363,125.330687 C90.0018053,122.411205 91.5914523,119.731851 94.1344636,118.328132 L94.1344636,118.328132 L94.3835163,118.196305 C112.404743,109.058244 124,90.5665674 124,70 C124,40.1766235 99.8233765,16 70,16 Z" id="形状结合" fill="#141C28"></path>
+            <path d="M75,35 C89.9116882,35 102,47.0883118 102,62 C102,66.418278 98.418278,70 94,70 C89.6650857,70 86.1354571,66.5521622 86.0038068,62.2491793 L86,62 C86,56.0212984 81.2302364,51.1566348 75.2884075,51.0037074 L75,51 C70.581722,51 67,47.418278 67,43 C67,38.581722 70.581722,35 75,35 Z" id="路径" fill="#2879FF" fill-rule="nonzero"></path>
+        </g>
+    </g>
+</svg>

package/lib/components/menus/components/menu-tree/images/appraisal-menu/mypingjia.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="240px" height="240px" viewBox="0 0 240 240" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>mypingjia</title>
+    <g id="mypingjia" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="编组" transform="translate(143.461201, 153.925667) rotate(-315.000000) translate(-143.461201, -153.925667) translate(59.961201, 40.925667)">
+            <path d="M50.6820795,0.878679656 C68.325306,0.69074376 82.781759,14.8478592 82.9717178,32.5286618 L82.9717178,32.5286618 L83.5649712,183.702684 C83.5857215,189.03634 81.4743199,194.156928 77.700787,197.924177 L77.700787,197.924177 L54.3761067,221.210018 C48.1358777,227.439856 38.03158,227.434171 31.798357,221.197315 L31.798357,221.197315 L6.41326808,195.797431 C2.64917057,192.03114 0.543921901,186.916866 0.564971157,181.590568 L0.564971157,181.590568 L1.15713556,32.910529 C1.22669943,15.439821 15.3014514,1.26122504 32.7611121,1.07337733 L32.7611121,1.07337733 Z M65.7878426,61.98171 L17.0158148,61.98083 L16.5388385,181.654246 C16.5349293,182.643415 16.8976981,183.596021 17.5522916,184.330162 L17.7084978,184.495618 L43.0935867,209.895502 L66.418267,186.609661 C67.1729736,185.856211 67.5952539,184.832094 67.5911039,183.765363 L67.5911039,183.765363 L67.1137754,61.8723368 C66.6824969,61.9442745 66.2395415,61.98171 65.7878426,61.98171 Z M164.543723,99.9436508 C167.667917,103.067845 167.667917,108.133165 164.543723,111.257359 L120.703102,155.09798 C117.578908,158.222174 112.513588,158.222174 109.389394,155.09798 C106.265199,151.973785 106.265199,146.908466 109.389394,143.784271 L153.230014,99.9436508 C156.354208,96.8194565 161.419528,96.8194565 164.543723,99.9436508 Z M141.916306,77.3162338 C145.0405,80.4404281 145.0405,85.505748 141.916306,88.6299423 L116.460461,114.085786 C113.336267,117.209981 108.270947,117.209981 105.146753,114.085786 C102.022559,110.961592 102.022559,105.896272 105.146753,102.772078 L130.602597,77.3162338 C133.726791,74.1920395 138.792111,74.1920395 141.916306,77.3162338 Z M51.1682024,16.8615608 L50.8538316,16.8618764 L32.9328642,17.0556307 C24.2030338,17.1495545 17.1656578,24.2388525 17.1308759,32.9742065 L17.1308759,32.9742065 L17.0788148,45.98083 L65.7878426,45.98171 C66.2179157,45.98171 66.6400626,46.0156468 67.0517512,46.0809885 L66.9985274,32.6732209 C66.9036713,23.8464662 59.6754448,16.7679084 50.8538316,16.8618764 Z" id="形状结合" fill="#141C28" fill-rule="nonzero"></path>
+            <path d="M42.2020561,138.2193 C46.6203341,138.2193 50.2020561,141.801022 50.2020561,146.2193 L50.2020561,182.2193 C50.2020561,186.637578 46.6203341,190.2193 42.2020561,190.2193 C37.7837781,190.2193 34.2020561,186.637578 34.2020561,182.2193 L34.2020561,146.2193 C34.2020561,141.801022 37.7837781,138.2193 42.2020561,138.2193 Z" id="矩形" fill="#2879FF" transform="translate(42.202056, 164.219300) rotate(-180.000000) translate(-42.202056, -164.219300) "></path>
+        </g>
+    </g>
+</svg>

package/lib/components/menus/components/menu-tree/images/okr-menu/cases.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="240px" height="240px" viewBox="0 0 240 240" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>ditu</title>
+    <g id="ditu" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect id="矩形" stroke="#141C28" stroke-width="16" x="138" y="28" width="74" height="74" rx="32"></rect>
+        <rect id="矩形" stroke="#141C28" stroke-width="16" x="28" y="138" width="184" height="74" rx="32"></rect>
+        <rect id="矩形" stroke="#2879FF" stroke-width="16" x="28" y="28" width="74" height="74" rx="32"></rect>
+    </g>
+</svg>

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.switcherIconHandler = void 0;
+exports.switcherIconHandler = exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -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,49 @@
+.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-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/company-all-node.js

@@ -37,7 +37,8 @@ var _default = function _default(props) {
 
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "__company-all-node")),
-    onClick: onExpandHander
+    onClick: onExpandHander,
+    title: ""
   }, data.icon && /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "__company-all-node-icon"), data.icon)
   }), /*#__PURE__*/_react["default"].createElement("span", {

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,8 +32,9 @@ var ComponyNode = function ComponyNode() {
   };
 
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(_precls["default"], "__compony-node"),
-    onClick: gotoDepartTree
+    className: (0, _classnames["default"])("".concat(_precls["default"], "__compony-node"), 'noselect'),
+    onClick: gotoDepartTree,
+    title: ""
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "tu-icon-OKR-gongsi-m"
   }), /*#__PURE__*/_react["default"].createElement("span", null, "\u516C\u53F8\u5168\u90E8"));

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,8 @@ var DepartNode = function DepartNode(props) {
   };
 
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(_precls["default"], "__depart-node"),
+    title: "",
+    className: (0, _classnames["default"])("".concat(_precls["default"], "__depart-node"), 'noselect'),
     style: {
       paddingLeft: 12 + level * 10
     }
@@ -60,7 +62,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,47 @@
+.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-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,67 @@
+"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(e) {
+    e.stopPropagation();
+    onRemoveConcerner(user);
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    title: "",
+    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/group-name-node.js

@@ -17,7 +17,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 var _default = function _default(props) {
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(_precls["default"], "__group-name-node"))
+    className: (0, _classnames["default"])("".concat(_precls["default"], "__group-name-node")),
+    title: ""
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "__group-name-node-title"), 'noselect')
   }, props.title));