@titaui/pc 1.5.69-beta.2 → 1.5.69-beta.23

package/lib/components/avatar/icon-avatar/index.js

@@ -34,7 +34,7 @@ var IconAvatar = function IconAvatar(_ref) {
     className: "tita-icon-avatar"
   }, /*#__PURE__*/_react["default"].createElement(_default2["default"], _extends({
     userId: userId,
-    src: avatar.HasAvatar ? avatar.medium : '',
+    src: avatar.HasAvatar || avatar.hasAvatar ? avatar.medium : "",
     color: avatar.color,
     name: name
   }, restProps)), /*#__PURE__*/_react["default"].createElement("img", {

package/lib/components/avatar/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.IconAvatar = exports.NameAvatar = exports.DefaultAvatar = exports.TextAvatar = void 0;
+exports["default"] = exports.NumAvatar = exports.IconAvatar = exports.NameAvatar = exports.DefaultAvatar = exports.TextAvatar = void 0;
 
 var _default2 = _interopRequireDefault(require("./default"));
 
@@ -13,6 +13,8 @@ var _nameAvatar = _interopRequireDefault(require("./name-avatar"));
 
 var _iconAvatar = _interopRequireDefault(require("./icon-avatar"));
 
+var _numAvatar = _interopRequireDefault(require("./num-avatar"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var TextAvatar = _textAvatar["default"];
@@ -23,5 +25,7 @@ var NameAvatar = _nameAvatar["default"];
 exports.NameAvatar = NameAvatar;
 var IconAvatar = _iconAvatar["default"];
 exports.IconAvatar = IconAvatar;
+var NumAvatar = _numAvatar["default"];
+exports.NumAvatar = NumAvatar;
 var _default = _default2["default"];
 exports["default"] = _default;

package/lib/components/avatar/num-avatar/index.css

@@ -0,0 +1,12 @@
+.tita-num-avatar {
+  cursor: pointer;
+  width: 28px;
+  height: 28px;
+  background: #2879FF;
+  border-radius: 15px;
+  font-size: 12px;
+  font-weight: 400;
+  color: #FFFFFF;
+  line-height: 28px;
+  text-align: center;
+}

package/lib/components/avatar/num-avatar/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _bsGlobal = require("../../../utils/bs-global");
+
+require("./index.css");
+
+var _excluded = ["num"];
+
+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); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+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 IconAvatar = function IconAvatar(_ref) {
+  var num = _ref.num,
+      restProps = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_react["default"].createElement("div", _extends({
+    className: "tita-num-avatar"
+  }, restProps), (0, _bsGlobal.formatNum)(num));
+};
+
+var _default = IconAvatar;
+exports["default"] = _default;

package/lib/components/button/default-button/index.css

@@ -0,0 +1,49 @@
+.tita-button-small {
+  min-width: 64px;
+  height: 28px;
+  padding: 12px 4px;
+}
+
+.tita-button-middle {
+  min-width: 90px;
+  height: 32px;
+  padding: 12px 4px;
+}
+
+.tita-button-large {
+  min-width: 90px;
+  height: 36px;
+  padding: 16px 4px;
+}
+
+.tita-button-primary {
+  background: #2879FF;
+  color: #ffffff;
+  border-radius: 4px;
+  box-sizing: border-box;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  user-select: none;
+  cursor: pointer;
+}
+
+.tita-button-primary:hover {
+  background: #5C8EFF;
+}
+
+.tita-button-default {
+  background: #ffffff;
+  border-radius: 4px;
+  border: 1px solid #2879FF;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  user-select: none;
+}
+
+.tita-button-default:hover {
+  background: #E9F1FF;
+}

package/lib/components/button/default-button/index.js

@@ -0,0 +1,51 @@
+"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"));
+
+require("./index.css");
+
+var _excluded = ["type", "children", "size", "className"];
+
+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 _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); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+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 preCls = "tita-button";
+
+var Button = function Button(_ref) {
+  var _ref$type = _ref.type,
+      type = _ref$type === void 0 ? "default" : _ref$type,
+      _ref$children = _ref.children,
+      children = _ref$children === void 0 ? "确定" : _ref$children,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? "middle" : _ref$size,
+      _ref$className = _ref.className,
+      className = _ref$className === void 0 ? '' : _ref$className,
+      restProps = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement("div", _extends({
+    className: (0, _classnames["default"])(_defineProperty({}, "".concat(preCls, "-primary"), type === "primary"), _defineProperty({}, "".concat(preCls, "-default"), type === "default"), "".concat(preCls, "-").concat(size), className)
+  }, restProps), children));
+};
+
+var _default = Button;
+exports["default"] = _default;

package/lib/components/button/index.js

@@ -3,15 +3,21 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ExportBtn = exports.AdminButton = void 0;
+exports["default"] = exports.Default = exports.ExportBtn = exports.AdminButton = void 0;
 
 var _adminButton = _interopRequireDefault(require("./admin-button"));
 
 var _exportButton = _interopRequireDefault(require("./export-button"));
 
+var _defaultButton = _interopRequireDefault(require("./default-button"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var AdminButton = _adminButton["default"];
 exports.AdminButton = AdminButton;
 var ExportBtn = _exportButton["default"];
-exports.ExportBtn = ExportBtn;
+exports.ExportBtn = ExportBtn;
+var Default = _defaultButton["default"];
+exports.Default = Default;
+var _default = Default;
+exports["default"] = _default;

package/lib/components/communication/CommunicationRecord.js

@@ -19,12 +19,12 @@ var _ConfirmPop = _interopRequireDefault(require("../delete-confirm-pop/ConfirmP
 
 var _ConvertUserName = _interopRequireDefault(require("./ConvertUserName"));
 
-var _requestV = require("../../utils/request-v1");
-
 var _openData = require("../../utils/open-data");
 
 var _fileList = _interopRequireDefault(require("../file-list"));
 
+var _tools = require("../../utils/tools");
+
 require("./index.css");
 
 var _style = require("./style");
@@ -35,167 +35,115 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-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 } }); 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); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
 var prefix = "titaui-communication";
 
-var CommunicationRecord = /*#__PURE__*/function (_PureComponent) {
-  _inherits(CommunicationRecord, _PureComponent);
-
-  var _super = _createSuper(CommunicationRecord);
-
-  function CommunicationRecord(props) {
-    var _this;
-
-    _classCallCheck(this, CommunicationRecord);
-
-    _this = _super.call(this, props);
-
-    _this.getCommentGetByIds = function (commentId) {
-      var url = (0, _requestV.getApiUrl2)("comment/GetByIds?comment_id=".concat(commentId));
-      (0, _requestV.taker)(url, "GET").then(function (res) {
-        if (res.Code == 1) {
-          _this.setState({
-            replyedContent: res.Data.content
-          });
-        }
+var CommunicationRecord = function CommunicationRecord(_ref) {
+  var communicationTrack = _ref.communicationTrack,
+      _ref$confirmPopAlign = _ref.confirmPopAlign,
+      confirmPopAlign = _ref$confirmPopAlign === void 0 ? "top right" : _ref$confirmPopAlign,
+      highLightKeyWord = _ref.highLightKeyWord,
+      index = _ref.index,
+      onCommunicationRecordChange = _ref.onCommunicationRecordChange,
+      className = _ref.className,
+      praiseStatus = _ref.praiseStatus;
+  var contentRef = (0, _react.useRef)();
+  (0, _react.useEffect)(function () {
+    (0, _tools.unHighLight)({
+      parentDom: contentRef.current
+    });
+
+    if (highLightKeyWord) {
+      (0, _tools.highLightWord)({
+        parentDom: contentRef.current,
+        keyWord: highLightKeyWord
       });
-    };
-
-    _this.state = {
-      replyedContent: ""
-    };
-    return _this;
-  }
-
-  _createClass(CommunicationRecord, [{
-    key: "componentWillMount",
-    value: function componentWillMount() {
-      var parentCommentId = this.props.communicationTrack.parentCommentId;
-
-      if (parentCommentId) {
-        this.getCommentGetByIds(parentCommentId);
-      }
-    } // 获取被回复人发布的沟通内容：“的话”上的tips信息
-
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          communicationTrack = _this$props.communicationTrack,
-          index = _this$props.index,
-          onCommunicationRecordChange = _this$props.onCommunicationRecordChange,
-          className = _this$props.className,
-          confirmPopAlign = _this$props.confirmPopAlign,
-          praiseStatus = _this$props.praiseStatus;
-      return /*#__PURE__*/_react["default"].createElement(_style.CommunicationItem, {
-        className: className
-      }, /*#__PURE__*/_react["default"].createElement(_avatar["default"], {
-        size: _avatar["default"].size(7),
-        name: communicationTrack.publishUser.name,
-        src: communicationTrack.publishUser.avatar.small,
-        color: communicationTrack.publishUser.avatar.color,
-        userId: communicationTrack.publishUser.userId
-      }), /*#__PURE__*/_react["default"].createElement(_style.CommunicationDetail, null, /*#__PURE__*/_react["default"].createElement("p", {
-        style: {
-          color: "#3a4247",
-          wordBreak: "break-all"
-        }
-      }, communicationTrack.commentType != 2 ? /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_ConvertUserName["default"], {
-        userName: communicationTrack.publishUser.name,
-        userId: communicationTrack.publishUser.userId
-      }), /*#__PURE__*/_react["default"].createElement("span", {
-        className: prefix + "__communication-colon"
-      }, "\uFF1A")) : /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_ConvertUserName["default"], {
-        userName: communicationTrack.publishUser.name,
-        userId: communicationTrack.publishUser.userId
-      }), /*#__PURE__*/_react["default"].createElement("span", {
-        className: prefix + "__communication-text"
-      }, "\u56DE\u590D"), /*#__PURE__*/_react["default"].createElement(_ConvertUserName["default"], {
-        userName: communicationTrack.parentUser.name,
-        userId: communicationTrack.parentUser.userId
-      }), /*#__PURE__*/_react["default"].createElement("span", {
-        className: prefix + "__communication-colon"
-      }, "\uFF1A"), /*#__PURE__*/_react["default"].createElement(_Portals["default"], null, /*#__PURE__*/_react["default"].createElement(_reactTooltip["default"], {
-        html: true,
-        className: "tt-react-tooltip",
-        place: "top",
-        type: "dark",
-        effect: "solid"
-      }))), /*#__PURE__*/_react["default"].createElement("span", {
-        className: prefix + "__communication-content"
-      }, (0, _openData.parseTag)(communicationTrack.content))), communicationTrack.attachments && /*#__PURE__*/_react["default"].createElement("div", {
-        className: prefix + "__communication-attachments"
-      }, /*#__PURE__*/_react["default"].createElement(_fileList["default"], {
-        data: communicationTrack.attachments
-      })), /*#__PURE__*/_react["default"].createElement("div", {
-        className: prefix + '__communication-bottom'
-      }, /*#__PURE__*/_react["default"].createElement("span", {
-        className: prefix + "__communication-time"
-      }, communicationTrack.createDate), /*#__PURE__*/_react["default"].createElement(_style.CommunicationActionbar, {
-        className: "communication__actionbar"
-      }, /*#__PURE__*/_react["default"].createElement(_style.ActionbarList, null, /*#__PURE__*/_react["default"].createElement(_style.ActionbarItem, {
-        onMouseDown: function onMouseDown(event) {
-          praiseStatus != 2 && onCommunicationRecordChange(event, "reply", index);
-        }
-      }, "\u56DE\u590D"), /*#__PURE__*/_react["default"].createElement(_style.ActionbarItem, {
-        onMouseDown: function onMouseDown(event) {
-          praiseStatus != 2 && onCommunicationRecordChange(event, "praise", index);
-        }
-      }, communicationTrack.isPraise ? "已赞" : "点赞"), communicationTrack.praiseTotal > 0 &&
-      /*#__PURE__*/
-      // <ToolTip title='点击查看点赞记录'>
-      _react["default"].createElement(_style.CommunicationPraiseTotal, {
-        className: "communication__praise__total",
-        onMouseDown: function onMouseDown(event) {
-          onCommunicationRecordChange(event, "showPraiseRecord", index);
-          event.stopPropagation();
-          event.nativeEvent.stopImmediatePropagation();
-        },
-        onClick: function onClick(event) {
-          event.stopPropagation();
-          event.nativeEvent.stopImmediatePropagation();
-        },
-        "data-for": "praise-record",
-        "data-tip": !!communicationTrack.praiseTotal ? "点击查看点赞记录" : ""
-      }, communicationTrack.praiseTotal) // </ToolTip>
-      , communicationTrack.isEdit && /*#__PURE__*/_react["default"].createElement(_ConfirmPop["default"], {
-        align: confirmPopAlign,
-        onSubmit: function onSubmit(event) {
-          return onCommunicationRecordChange(event, "delete", index);
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_style.ActionbarItem, null, "\u5220\u9664")))))), /*#__PURE__*/_react["default"].createElement(_reactTooltip["default"], {
-        id: "praise-record",
-        className: "tt-react-tooltip",
-        place: "top",
-        type: "dark",
-        effect: "solid"
-      }));
     }
-  }]);
-
-  return CommunicationRecord;
-}(_react.PureComponent);
-
-exports["default"] = CommunicationRecord;
-CommunicationRecord.defaultProps = {
-  confirmPopAlign: "top right"
-};
+  }, [highLightKeyWord]);
+  return /*#__PURE__*/_react["default"].createElement(_style.CommunicationItem, {
+    className: className
+  }, /*#__PURE__*/_react["default"].createElement(_avatar["default"], {
+    size: _avatar["default"].size(7),
+    name: communicationTrack.publishUser.name,
+    src: communicationTrack.publishUser.avatar.small,
+    color: communicationTrack.publishUser.avatar.color,
+    userId: communicationTrack.publishUser.userId
+  }), /*#__PURE__*/_react["default"].createElement(_style.CommunicationDetail, null, /*#__PURE__*/_react["default"].createElement("p", {
+    style: {
+      color: "#3a4247",
+      wordBreak: "break-all"
+    }
+  }, communicationTrack.commentType != 2 ? /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_ConvertUserName["default"], {
+    userName: communicationTrack.publishUser.name,
+    userId: communicationTrack.publishUser.userId
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: prefix + "__communication-colon"
+  }, "\uFF1A")) : /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_ConvertUserName["default"], {
+    userName: communicationTrack.publishUser.name,
+    userId: communicationTrack.publishUser.userId
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: prefix + "__communication-text"
+  }, "\u56DE\u590D"), /*#__PURE__*/_react["default"].createElement(_ConvertUserName["default"], {
+    userName: communicationTrack.parentUser.name,
+    userId: communicationTrack.parentUser.userId
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: prefix + "__communication-colon"
+  }, "\uFF1A"), /*#__PURE__*/_react["default"].createElement(_Portals["default"], null, /*#__PURE__*/_react["default"].createElement(_reactTooltip["default"], {
+    html: true,
+    className: "tt-react-tooltip",
+    place: "top",
+    type: "dark",
+    effect: "solid"
+  }))), /*#__PURE__*/_react["default"].createElement("span", {
+    className: prefix + "__communication-content",
+    ref: contentRef
+  }, (0, _openData.parseTag)(communicationTrack.content))), communicationTrack.attachments && /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix + "__communication-attachments"
+  }, /*#__PURE__*/_react["default"].createElement(_fileList["default"], {
+    data: communicationTrack.attachments
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix + "__communication-bottom"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: prefix + "__communication-time"
+  }, communicationTrack.createDate), /*#__PURE__*/_react["default"].createElement(_style.CommunicationActionbar, {
+    className: "communication__actionbar"
+  }, /*#__PURE__*/_react["default"].createElement(_style.ActionbarList, null, /*#__PURE__*/_react["default"].createElement(_style.ActionbarItem, {
+    onMouseDown: function onMouseDown(event) {
+      praiseStatus != 2 && onCommunicationRecordChange(event, "reply", index);
+    }
+  }, "\u56DE\u590D"), /*#__PURE__*/_react["default"].createElement(_style.ActionbarItem, {
+    onMouseDown: function onMouseDown(event) {
+      praiseStatus != 2 && onCommunicationRecordChange(event, "praise", index);
+    }
+  }, communicationTrack.isPraise ? "已赞" : "点赞"), communicationTrack.praiseTotal > 0 &&
+  /*#__PURE__*/
+  // <ToolTip title='点击查看点赞记录'>
+  _react["default"].createElement(_style.CommunicationPraiseTotal, {
+    className: "communication__praise__total",
+    onMouseDown: function onMouseDown(event) {
+      onCommunicationRecordChange(event, "showPraiseRecord", index);
+      event.stopPropagation();
+      event.nativeEvent.stopImmediatePropagation();
+    },
+    onClick: function onClick(event) {
+      event.stopPropagation();
+      event.nativeEvent.stopImmediatePropagation();
+    },
+    "data-for": "praise-record",
+    "data-tip": !!communicationTrack.praiseTotal ? "点击查看点赞记录" : ""
+  }, communicationTrack.praiseTotal) // </ToolTip>
+  , communicationTrack.isEdit && /*#__PURE__*/_react["default"].createElement(_ConfirmPop["default"], {
+    align: confirmPopAlign,
+    onSubmit: function onSubmit(event) {
+      return onCommunicationRecordChange(event, "delete", index);
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_style.ActionbarItem, null, "\u5220\u9664")))))), /*#__PURE__*/_react["default"].createElement(_reactTooltip["default"], {
+    id: "praise-record",
+    className: "tt-react-tooltip",
+    place: "top",
+    type: "dark",
+    effect: "solid"
+  }));
+};
+
+var _default = CommunicationRecord;
+exports["default"] = _default;

package/lib/components/communication/index.css

@@ -18,6 +18,10 @@
   line-height: 22px;
 }
 
+.titaui-communication__communication-content .highlight {
+  color: #f05e5e;
+}
+
 .titaui-communication__communication-content img {
   vertical-align: text-bottom;
 }