@titaui/pc 1.11.4-1 → 1.11.4-12

package/lib/components/task-tree/task-item-node/index.css

@@ -0,0 +1,289 @@
+.titaui-task-tree__e-task-node {
+  display: flex;
+  align-items: center;
+  padding: 2px 0;
+  width: 100%;
+}
+
+.titaui-task-tree__e-task-node-prefix {
+  position: relative;
+  top: 2px;
+  display: inline-block;
+  vertical-align: top;
+}
+
+.titaui-task-tree__e-task-node-prefix .tu-icon-jiantou-right:before {
+  color: #89919f;
+}
+
+.titaui-task-tree__e-task-node-title {
+  height: 22px;
+  font-size: 14px;
+  font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
+  color: #3f4755;
+  line-height: 22px;
+  overflow: hidden;
+  white-space: nowrap;
+  word-break: keep-all;
+  padding-top: 1px;
+  flex: 1;
+}
+
+.titaui-task-tree__e-task-node-priority {
+  display: inline-block;
+  margin-right: 4px;
+  vertical-align: top;
+}
+
+.titaui-task-tree__e-task-node-priority > span {
+  position: relative;
+  top: 1px;
+  display: inline-block;
+  vertical-align: text-bottom;
+  height: 16px;
+  width: 16px;
+}
+
+.titaui-task-tree__e-task-node-priority-p1 {
+  background: url(../images/P1.svg) transparent no-repeat 50% 50%;
+}
+
+.titaui-task-tree__e-task-node-priority-p2 {
+  background: url(../images/P2.svg) transparent no-repeat 50% 50%;
+}
+
+.titaui-task-tree__e-task-node-priority-p3 {
+  background: url(../images/P3.svg) transparent no-repeat 50% 50%;
+}
+
+.titaui-task-tree__e-task-node-priority-p4 {
+  background: url(../images/P4.svg) transparent no-repeat 50% 50%;
+}
+
+.titaui-task-tree__e-task-node-priority-p5 {
+  background: url(../images/P5.svg) transparent no-repeat 50% 50%;
+}
+
+.titaui-task-tree__e-task-node-actions {
+  display: flex;
+  align-items: center;
+  float: right;
+}
+
+.titaui-task-tree__e-task-node-actions-user {
+  display: inline-block;
+  width: 64px;
+  margin-left: 16px;
+}
+
+.titaui-task-tree__e-task-node-actions-date {
+  font-size: 12px;
+  font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
+  color: #89919f;
+  line-height: 18px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: flex-end;
+  box-sizing: border-box;
+  width: 78px;
+  height: 26px;
+  padding: 4px;
+  text-align: left;
+  line-height: 26px;
+}
+
+.titaui-task-tree__e-task-node-actions-date > span {
+  vertical-align: text-bottom;
+}
+
+.titaui-task-tree__e-task-node-actions-progress {
+  position: relative;
+  top: 3px;
+  color: #89919f;
+  cursor: auto;
+  width: 64px;
+  margin-left: 16px;
+  margin-right: 4px;
+}
+
+.titaui-task-tree__e-task-node-actions-progress .tooltip-text-wrapper {
+  margin-left: 4px;
+}
+
+.titaui-task-tree__e-task-node-actions-connect {
+  display: inline-block;
+  color: #cccccc;
+  margin-left: 27px;
+  margin-right: 10px;
+}
+
+.titaui-task-tree__e-task-node-actions-connect:hover {
+  color: #2879ff;
+}
+
+.titaui-task-tree__e-task-node-select-priority {
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+  margin-right: 10px;
+  vertical-align: text-bottom;
+}
+
+.titaui-task-tree__e-project-node {
+  position: relative;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: 2px 0;
+}
+
+.titaui-task-tree__e-project-node-prefix {
+  display: inline-block;
+  font-size: 14px;
+  width: 21px;
+  color: #89919f;
+  line-height: 1;
+}
+
+.titaui-task-tree__e-project-node-title {
+  display: inline-flex;
+  font-size: 14px;
+  font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
+  color: #3f4755;
+  line-height: 22px;
+  overflow: hidden;
+  white-space: nowrap;
+  word-break: keep-all;
+  flex: 1;
+}
+
+.titaui-task-tree__e-project-node-title-name {
+  overflow: hidden;
+}
+
+.titaui-task-tree__e-project-node-title-approvaling {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 36px;
+  padding: 0 6px;
+  height: 20px;
+  font-size: 12px;
+  font-weight: 400;
+  color: #f05e5e;
+  background: rgba(240, 94, 94, 0.1);
+  border-radius: 10px;
+  margin-left: 8px;
+}
+
+.titaui-task-tree__e-project-node-gray {
+  color: #bfc7d5 !important;
+}
+
+.titaui-task-tree__e-project-node-priority {
+  display: inline-block;
+  margin-right: 4px;
+  vertical-align: top;
+}
+
+.titaui-task-tree__e-project-node-priority > span {
+  position: relative;
+  top: 1px;
+  display: inline-block;
+  vertical-align: text-bottom;
+  height: 16px;
+  width: 16px;
+}
+
+.titaui-task-tree__e-project-node-priority-p1 {
+  background: url(../images/P1.svg) transparent no-repeat 50% 50%;
+}
+
+.titaui-task-tree__e-project-node-priority-p2 {
+  background: url(../images/P2.svg) transparent no-repeat 50% 50%;
+}
+
+.titaui-task-tree__e-project-node-priority-p3 {
+  background: url(../images/P3.svg) transparent no-repeat 50% 50%;
+}
+
+.titaui-task-tree__e-project-node-priority-p4 {
+  background: url(../images/P4.svg) transparent no-repeat 50% 50%;
+}
+
+.titaui-task-tree__e-project-node-priority-p5 {
+  background: url(../images/P5.svg) transparent no-repeat 50% 50%;
+}
+
+.titaui-task-tree__e-project-node-actions {
+  display: flex;
+  align-items: center;
+  float: right;
+}
+
+.titaui-task-tree__e-project-node-actions-user {
+  display: inline-block;
+  width: 64px;
+  margin-left: 16px;
+}
+
+.titaui-task-tree__e-project-node-actions-date {
+  font-size: 12px;
+  font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
+  color: #89919f;
+  line-height: 18px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: flex-end;
+  box-sizing: border-box;
+  width: 78px;
+  height: 26px;
+  padding: 4px;
+  text-align: left;
+  line-height: 26px;
+}
+
+.titaui-task-tree__e-project-node-actions-date > span {
+  vertical-align: text-bottom;
+}
+
+.titaui-task-tree__e-project-node-actions-progress {
+  position: relative;
+  top: 3px;
+  color: #89919f;
+  cursor: auto;
+  width: 64px;
+  margin-left: 16px;
+  margin-right: 4px;
+}
+
+.titaui-task-tree__e-project-node-actions-progress .tooltip-text-wrapper {
+  margin-left: 4px;
+}
+
+.titaui-task-tree__e-project-node-actions-connect {
+  display: inline-block;
+  color: #cccccc;
+  margin-left: 27px;
+  margin-right: 10px;
+}
+
+.titaui-task-tree__e-project-node-actions-connect:hover {
+  color: #2879ff;
+}
+
+.titaui-task-tree__e-empty-node {
+  font-size: 12px;
+  font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
+  color: #a4acb9;
+  line-height: 18px;
+  padding-left: 12px;
+}
+
+.titaui-task-tree__e-empty-node:hover {
+  cursor: text;
+}
+
+.e-node-status-icon {
+  color: #89919f;
+}

package/lib/components/task-tree/task-item-node/task-node-render.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _eTask = _interopRequireDefault(require("./e-task"));
+
+var _eProject = _interopRequireDefault(require("./e-project"));
+
+var _eEmpty = _interopRequireDefault(require("./e-empty"));
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var _default = function _default(node, level) {
+  switch (node.nodeType) {
+    case "e-task":
+      return /*#__PURE__*/_react["default"].createElement(_eTask["default"], _extends({}, node, {
+        level: level
+      }));
+
+    case "e-project":
+      return /*#__PURE__*/_react["default"].createElement(_eProject["default"], _extends({}, node, {
+        level: level
+      }));
+
+    case "e-empty":
+      return /*#__PURE__*/_react["default"].createElement(_eEmpty["default"], _extends({}, node, {
+        level: level
+      }));
+
+    default:
+  }
+};
+
+exports["default"] = _default;

package/lib/components/task-tree/task-tree.css

@@ -0,0 +1,16 @@
+.titaui-task-tree {
+  position: relative;
+  overflow: hidden;
+}
+
+.titaui-task-tree .rc-tree-treenode {
+  padding: 0 4px;
+}
+
+.titaui-task-tree .rc-tree-treenode .rc-tree-node-content-wrapper {
+  width: 100% !important;
+}
+
+.titaui-task-tree .rc-tree-treenode-switcher-close:hover {
+  background: #f7f8fa;
+}

package/{es/components/okr-detail/components/okr-tree/index.js → lib/components/task-tree/task-tree.js}

@@ -3,21 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = _default;
+exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _taskNodeRender = _interopRequireDefault(require("./task-item-node/task-node-render"));
 
-var _tree = _interopRequireDefault(require("../../../tree"));
-
-var _treeNode = _interopRequireDefault(require("./tree-node"));
+var _tree = _interopRequireDefault(require("../tree"));
 
 var _precls = _interopRequireDefault(require("./precls"));
 
-require("./index.scss");
+require("./task-tree.css");
 
-var _excluded = ["data", "defaultExpandedKeys", "draggable"];
+var _excluded = ["dataSource", "defaultExpandedKeys", "draggable"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -27,22 +25,25 @@ 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; }
 
-function _default(props) {
-  var data = props.data,
+var TaskTree = function TaskTree(props) {
+  var dataSource = props.dataSource,
       defaultExpandedKeys = props.defaultExpandedKeys,
-      draggable = props.draggable,
+      _props$draggable = props.draggable,
+      draggable = _props$draggable === void 0 ? false : _props$draggable,
       restProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(_precls["default"])
+    className: _precls["default"]
   }, /*#__PURE__*/_react["default"].createElement(_tree["default"], _extends({
     draggable: draggable,
     defaultExpandedKeys: defaultExpandedKeys,
-    treeData: data,
-    titleRender: _treeNode["default"],
+    treeData: dataSource,
+    titleRender: _taskNodeRender["default"],
     allowDrop: function allowDrop() {
       return true;
-    },
-    className: "okr-list-tree"
+    }
   }, restProps)));
-}
+};
+
+var _default = TaskTree;
+exports["default"] = _default;

package/lib/components/time-picker/index.css

@@ -62,9 +62,15 @@
 
 .tita-ui__time-picker-icon {
   font-size: 16px;
+  color: #3f4755;
   cursor: pointer;
 }
 
+.tita-ui__time-picker-icon::before {
+  transform: scale(0.5);
+  display: inline-block;
+}
+
 .tita-ui__time-picker-icon:hover {
   color: #2879ff;
 }

package/lib/components/time-picker/time-picker.js

@@ -52,30 +52,30 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 var TimePicker = function TimePicker(props) {
   var disabled = props.disabled,
       _props$timeFormat = props.timeFormat,
-      timeFormat = _props$timeFormat === void 0 ? "hh:mm" : _props$timeFormat,
+      timeFormat = _props$timeFormat === void 0 ? 'hh:mm' : _props$timeFormat,
       _props$hourStep = props.hourStep,
       hourStep = _props$hourStep === void 0 ? 1 : _props$hourStep,
       _props$minuteStep = props.minuteStep,
       minuteStep = _props$minuteStep === void 0 ? 1 : _props$minuteStep,
       onChange = props.onChange,
       _props$value = props.value,
-      value = _props$value === void 0 ? "00:00" : _props$value,
+      value = _props$value === void 0 ? '00:00' : _props$value,
       restProps = _objectWithoutProperties(props, _excluded);
 
-  var _useState = (0, _react.useState)(""),
+  var _useState = (0, _react.useState)(''),
       _useState2 = _slicedToArray(_useState, 2),
-      timeSetType = _useState2[0],
-      setTimeSetType = _useState2[1];
+      timeSetingtType = _useState2[0],
+      setTimeSettingType = _useState2[1];
 
   var _useState3 = (0, _react.useState)(false),
       _useState4 = _slicedToArray(_useState3, 2),
       visible = _useState4[0],
       setVisible = _useState4[1];
 
-  var hourRef = (0, _react.useRef)((0, _moment["default"])(value || "00:00", timeFormat).format("HH"));
+  var hourRef = (0, _react.useRef)((0, _moment["default"])(value || '00:00', timeFormat).format('HH'));
   var hInputRef = (0, _react.useRef)();
   var mInputRef = (0, _react.useRef)();
-  var minuteRef = (0, _react.useRef)((0, _moment["default"])(value || "00:00", timeFormat).format("mm"));
+  var minuteRef = (0, _react.useRef)((0, _moment["default"])(value || '00:00', timeFormat).format('mm'));
   var triggerRef = (0, _react.useRef)();
   var timerRef = (0, _react.useRef)();
   var hours = (0, _utils.getHours)(hourStep);
@@ -88,7 +88,7 @@ var TimePicker = function TimePicker(props) {
   var onInputClick = function onInputClick(type) {
     clearTimeout(timerRef.current);
     timerRef.current = setTimeout(function () {
-      if (type === "hour") {
+      if (type === 'hour') {
         var _hInputRef$current;
 
         (_hInputRef$current = hInputRef.current) === null || _hInputRef$current === void 0 ? void 0 : _hInputRef$current.focus();
@@ -98,12 +98,18 @@ var TimePicker = function TimePicker(props) {
         (_mInputRef$current = mInputRef.current) === null || _mInputRef$current === void 0 ? void 0 : _mInputRef$current.focus();
       }
 
-      setTimeSetType(function () {
+      setTimeSettingType(function () {
         return type;
       });
     }, 0);
   };
 
+  var onFocusHandler = function onFocusHandler(type) {
+    setTimeSettingType(function () {
+      return type;
+    });
+  };
+
   var onHourInputBlur = function onHourInputBlur() {
     // setHour((prevHour) => {
     // const prevHour = hourRef.current;
@@ -117,7 +123,7 @@ var TimePicker = function TimePicker(props) {
     //   hInputRef.current.focus();
     // }
     // onTimeChange();
-    setTimeSetType("");
+    setTimeSettingType('');
   };
 
   var onHourInputChange = function onHourInputChange(e) {
@@ -158,7 +164,7 @@ var TimePicker = function TimePicker(props) {
     //   mInputRef.current.focus();
     // }
     // onTimeChange();
-    setTimeSetType("");
+    setTimeSettingType('');
   };
 
   var onMinuteInputChange = function onMinuteInputChange(e) {
@@ -177,7 +183,7 @@ var TimePicker = function TimePicker(props) {
   };
 
   var setTimeOnKeyboardDirectionChange = function setTimeOnKeyboardDirectionChange(keyCode, type, currTime) {
-    var datas = JSON.parse(JSON.stringify(type === "hour" ? hours : minutes));
+    var datas = JSON.parse(JSON.stringify(type === 'hour' ? hours : minutes));
     var currentTimeIndex;
     datas.forEach(function (item, index) {
       if (item === currTime) {
@@ -198,8 +204,8 @@ var TimePicker = function TimePicker(props) {
       var nextValue = datas[nextIndex];
 
       if (currentTimeIndex > -1 && !!nextValue) {
-        if (type === "minute" && nextValue === datas[0]) {
-          hourRef.current = setTimeOnKeyboardDirectionChange(keyCode, "hour", hourRef.current);
+        if (type === 'minute' && nextValue === datas[0]) {
+          hourRef.current = setTimeOnKeyboardDirectionChange(keyCode, 'hour', hourRef.current);
         }
 
         return nextValue;
@@ -210,8 +216,8 @@ var TimePicker = function TimePicker(props) {
       var prevValue = datas[prevIndex];
 
       if (currentTimeIndex > -1 && !!prevValue) {
-        if (type === "minute" && prevValue === datas[datas.length - 1]) {
-          hourRef.current = setTimeOnKeyboardDirectionChange(keyCode, "hour", hourRef.current);
+        if (type === 'minute' && prevValue === datas[datas.length - 1]) {
+          hourRef.current = setTimeOnKeyboardDirectionChange(keyCode, 'hour', hourRef.current);
         }
 
         return prevValue;
@@ -225,18 +231,18 @@ var TimePicker = function TimePicker(props) {
     var keyCode = e.keyCode;
 
     if ([_utils.KEYCODE.directionLeft, _utils.KEYCODE.directionRight].includes(keyCode)) {
-      setTimeSetType(_utils.TargetMapByKeyCode[keyCode]);
+      setTimeSettingType(_utils.TargetMapByKeyCode[keyCode]);
     }
 
     if ([_utils.KEYCODE.directionUp, _utils.KEYCODE.directionDown].indexOf(keyCode) === -1) return;
 
-    switch (timeSetType) {
-      case "hour":
-        hourRef.current = setTimeOnKeyboardDirectionChange(keyCode, "hour", hourRef.current);
+    switch (timeSetingtType) {
+      case 'hour':
+        hourRef.current = setTimeOnKeyboardDirectionChange(keyCode, 'hour', hourRef.current);
         break;
 
-      case "minute":
-        minuteRef.current = setTimeOnKeyboardDirectionChange(keyCode, "minute", minuteRef.current);
+      case 'minute':
+        minuteRef.current = setTimeOnKeyboardDirectionChange(keyCode, 'minute', minuteRef.current);
         break;
 
       default:
@@ -247,12 +253,12 @@ var TimePicker = function TimePicker(props) {
   };
 
   (0, _react.useEffect)(function () {
-    document.removeEventListener("keydown", handleKeyDown);
-    document.addEventListener("keydown", handleKeyDown);
+    document.removeEventListener('keydown', handleKeyDown);
+    timeSetingtType && document.addEventListener('keydown', handleKeyDown);
     return function () {
-      document.removeEventListener("keydown", handleKeyDown);
+      document.removeEventListener('keydown', handleKeyDown);
     };
-  }, [timeSetType]);
+  }, [timeSetingtType]);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: _utils.TimePickerClass
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -262,27 +268,33 @@ var TimePicker = function TimePicker(props) {
     className: (0, _classnames["default"])("".concat(_utils.TimePickerClass, "-inputs"), _defineProperty({}, "".concat(_utils.TimePickerClass, "-inputs--placeholder"), !value))
   }, /*#__PURE__*/_react["default"].createElement(_timerPickerInput["default"], {
     className: (0, _classnames["default"])("".concat(_utils.TimePickerClass, "-input"), {
-      active: timeSetType === "hour"
+      active: timeSetingtType === 'hour'
     }),
     disabled: disabled,
     maxLength: 2,
     onBlur: onHourInputBlur,
     onChange: onHourInputChange,
     onClick: function onClick() {
-      return onInputClick("hour");
+      return onInputClick('hour');
+    },
+    onFocus: function onFocus() {
+      return onFocusHandler('hour');
     },
     ref: hInputRef,
     value: hourRef.current
   }), /*#__PURE__*/_react["default"].createElement("span", null, ":"), /*#__PURE__*/_react["default"].createElement(_timerPickerInput["default"], {
     className: (0, _classnames["default"])("".concat(_utils.TimePickerClass, "-input"), {
-      active: timeSetType === "minute"
+      active: timeSetingtType === 'minute'
     }),
     disabled: disabled,
     maxLength: 2,
     onBlur: onMinuteInputBlur,
     onChange: onMinuteInputChange,
     onClick: function onClick() {
-      return onInputClick("minute");
+      return onInputClick('minute');
+    },
+    onFocus: function onFocus() {
+      return onFocusHandler('minute');
     },
     ref: mInputRef,
     value: minuteRef.current
@@ -303,8 +315,8 @@ var TimePicker = function TimePicker(props) {
       hour: hourRef.current,
       minute: minuteRef.current,
       setTime: function setTime(time) {
-        hourRef.current = (0, _moment["default"])(time, "HH:mm").format("HH");
-        minuteRef.current = (0, _moment["default"])(time, "HH:mm").format("mm");
+        hourRef.current = (0, _moment["default"])(time, 'HH:mm').format('HH');
+        minuteRef.current = (0, _moment["default"])(time, 'HH:mm').format('mm');
         onChange(time);
       }
     },
@@ -313,7 +325,7 @@ var TimePicker = function TimePicker(props) {
       setVisible: setVisible
     }
   }, restProps), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(_utils.TimePickerClass, "-icon tu-icon-arrow-down"),
+    className: "".concat(_utils.TimePickerClass, "-icon tu-icon-caret-down"),
     onClick: function onClick() {
       setVisible(true);
     }

package/lib/components/tita-chart/errorBoundary/index.js

@@ -37,7 +37,7 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
   var _super = _createSuper(ErrorBoundary);
 
   function ErrorBoundary() {
-    var _temp, _this;
+    var _this;
 
     _classCallCheck(this, ErrorBoundary);
 
@@ -45,7 +45,7 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
       args[_key] = arguments[_key];
     }
 
-    return _possibleConstructorReturn(_this, (_temp = _this = _super.call.apply(_super, [this].concat(args)), _this.state = {
+    return _possibleConstructorReturn(_this, (_this = _super.call.apply(_super, [this].concat(args)), _this.state = {
       hasError: false
     }, _this.renderError = function (e) {
       var errorTemplate = _this.props.errorTemplate;
@@ -55,7 +55,7 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
           // fallback
           return errorTemplate && typeof errorTemplate === "function" ? errorTemplate(e) : /*#__PURE__*/_react["default"].createElement("h5", null, "\u7EC4\u4EF6\u51FA\u9519\u4E86\uFF0C\u8BF7\u6838\u67E5\u540E\u91CD\u8BD5\uFF1A", e.message);
       }
-    }, _temp));
+    }, _assertThisInitialized(_this)));
   }
 
   _createClass(ErrorBoundary, [{

package/lib/components/user-selector/select-tree/tree-nodes/tree-person-node/index.css

@@ -14,6 +14,7 @@
   line-height: 28px;
   border-radius: 50%;
   overflow: hidden;
+  display: flex;
 }
 
 .perspm-person--small .perspm-person__info {

package/lib/components/wechat-btn/index.css

@@ -0,0 +1,14 @@
+.titaui-wechat-btn {
+  font-size: 18px;
+  color: #a4acb9;
+  margin: 0 8px;
+  cursor: pointer;
+}
+
+.titaui-wechat-btn:hover {
+  color: #2879ff;
+}
+
+.titaui-wechat-btn__chat {
+  color: #2879ff;
+}