@titaui/pc 1.6.8 → 1.6.12

package/lib/components/nav-top/components/user-message/components/remind/index.css

@@ -0,0 +1,159 @@
+.titaui-user-message-msg-remind__items {
+  width: 420px;
+  height: 500px;
+  margin-top: 8px;
+}
+
+.titaui-user-message-msg-remind__item {
+  display: flex;
+  position: relative;
+  box-sizing: border-box;
+  height: 60px;
+  border-radius: 12px;
+  margin-bottom: 8px;
+  margin: 0 12px;
+}
+
+.titaui-user-message-msg-remind__item-photo {
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  margin-top: 13px;
+  margin-left: 8px;
+}
+
+.titaui-user-message-msg-remind__item-right {
+  box-sizing: border-box;
+  width: 224px;
+  height: 60px;
+  padding-left: 8px;
+  margin-left: 12px;
+  padding-top: 8px;
+}
+
+.titaui-user-message-msg-remind__item-right-name {
+  height: 22px;
+  font-size: 14px;
+  font-family: Resource-Han-Rounded-CN-Medium, Resource-Han-Rounded-CN;
+  font-weight: 500;
+  color: #3f4755;
+  line-height: 22px;
+}
+
+.titaui-user-message-msg-remind__item-right-name-status {
+  margin-left: 8px;
+  color: #89919f;
+}
+
+.titaui-user-message-msg-remind__item-right-content {
+  position: relative;
+  height: 22px;
+  margin-top: 2px;
+  font-size: 14px;
+  font-family: Resource-Han-Rounded-CN-Normal, Resource-Han-Rounded-CN;
+  font-weight: 400;
+  color: #3f4755;
+  line-height: 22px;
+  overflow: hidden;
+  white-space: nowrap;
+  cursor: pointer;
+}
+
+.titaui-user-message-msg-remind__item-right-content-tooltip {
+  z-index: 2001;
+}
+
+.titaui-user-message-msg-remind__item-handle {
+  flex: 1;
+  height: 60px;
+  margin-top: 0;
+  margin-left: 16px;
+}
+
+.titaui-user-message-msg-remind__item-handle-ignore {
+  display: inline-block;
+  margin-top: 20px;
+  margin-right: 10px;
+  width: 28px;
+  height: 20px;
+  font-size: 14px;
+  font-family: Resource-Han-Rounded-CN-Regular, Resource-Han-Rounded-CN;
+  font-weight: 400;
+  color: #2879ff;
+  line-height: 20px;
+  cursor: pointer;
+}
+
+.titaui-user-message-msg-remind__item-handle-deal {
+  width: 66px;
+  height: 28px;
+  margin-top: 16px;
+  background: #2879ff;
+  border-radius: 16px;
+  display: inline-block;
+  text-align: center;
+  font-size: 14px;
+  font-family: Resource-Han-Rounded-CN-Regular, Resource-Han-Rounded-CN;
+  font-weight: 400;
+  color: #ffffff;
+  line-height: 28px;
+  cursor: pointer;
+}
+
+.titaui-user-message-msg-remind__item:hover {
+  background: #f7f8fa;
+}
+
+.titaui-user-message-msg-remind__footer {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 420px;
+  height: 50px;
+  background: #ffffff;
+  border-radius: 0px 0px 24px 24px;
+}
+
+.titaui-user-message-msg-remind__footer-all {
+  display: inline-block;
+  margin: 16px 24px 16px 348px;
+  width: 48px;
+  height: 18px;
+  font-size: 12px;
+  font-family: Resource-Han-Rounded-CN-Regular, Resource-Han-Rounded-CN;
+  font-weight: 400;
+  color: #2879ff;
+  line-height: 18px;
+  cursor: pointer;
+}
+
+.titaui-user-message-msg-remind__empty {
+  width: 160px;
+  height: 106px;
+  margin: 120px 130px 216px;
+}
+
+.titaui-user-message-msg-remind__empty-text {
+  width: 182px;
+  height: 22px;
+  font-size: 14px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #6f7886;
+  line-height: 22px;
+  margin-top: -26px;
+  margin-left: -10px;
+}
+
+.titaui-user-message-msg-remind__empty-all {
+  width: 336px;
+  height: 22px;
+  font-size: 14px;
+  font-family: Resource-Han-Rounded-CN-Normal, Resource-Han-Rounded-CN;
+  font-weight: 400;
+  color: #2879ff;
+  line-height: 22px;
+  text-align: center;
+  margin-left: -88px;
+  cursor: pointer;
+}

package/lib/components/nav-top/components/user-message/components/remind/index.js

@@ -0,0 +1,120 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _reactPerfectScrollbar = _interopRequireDefault(require("react-perfect-scrollbar"));
+
+var _tooltipText = _interopRequireDefault(require("../../../../../tooltip/tooltip-text"));
+
+var _conditionRender = _interopRequireDefault(require("../../../../../dynamic/components/condition-render"));
+
+var _request = require("../../../../../../utils/request");
+
+var _empty = _interopRequireDefault(require("../empty"));
+
+var _appTixing = _interopRequireDefault(require("../../images/app-tixing.svg"));
+
+require("./index.css");
+
+var _constant = require("../../constant");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var preCls = "titaui-user-message-msg-remind";
+
+var Remind = function Remind(props) {
+  var reminds = props.reminds,
+      deleteReminds = props.deleteReminds,
+      deleteRemindsAll = props.deleteRemindsAll,
+      onItemClick = props.onItemClick;
+
+  var handleRemindClick = function handleRemindClick() {
+    onItemClick && onItemClick(false);
+  };
+
+  var deleteTask = function deleteTask(remind) {
+    var remindpath = "remind/close?remindId=".concat(remind.id);
+    (0, _request.rpost)("v2")(remindpath, remind);
+    handleDelete(remind.id);
+  };
+
+  var handleDelete = function handleDelete(id) {
+    deleteReminds(id);
+  };
+
+  var deleteAll = function deleteAll(reminds) {
+    var remindpath = "RemindV2/BatchDelete";
+    (0, _request.rpost)("v2")(remindpath, reminds);
+    handleDeleteAll();
+  };
+
+  var handleDeleteAll = function handleDeleteAll() {
+    deleteRemindsAll();
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+    condition: reminds.length !== 0
+  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_reactPerfectScrollbar["default"], {
+    options: {
+      suppressScrollX: true
+    }
+  }, /*#__PURE__*/_react["default"].createElement("ul", {
+    className: (0, _classnames["default"])("".concat(preCls, "__items"))
+  }, reminds.map(function (remind) {
+    return /*#__PURE__*/_react["default"].createElement("li", {
+      className: (0, _classnames["default"])("".concat(preCls, "__item")),
+      key: remind.id
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      src: _appTixing["default"],
+      className: (0, _classnames["default"])("".concat(preCls, "__item-photo"))
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])("".concat(preCls, "__item-right"))
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])("".concat(preCls, "__item-right-name"))
+    }, /*#__PURE__*/_react["default"].createElement("span", null, "\u4EFB\u52A1"), /*#__PURE__*/_react["default"].createElement("span", {
+      className: (0, _classnames["default"])("".concat(preCls, "__item-right-name-status"))
+    }, remind.content)), /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])("".concat(preCls, "__item-right-content"))
+    }, /*#__PURE__*/_react["default"].createElement(_tooltipText["default"], {
+      overlayClassName: "".concat(preCls, "__item-right-content-tooltip"),
+      text: remind.objName,
+      isPercent: true,
+      mouseEnterDelay: 0.8
+    }))), /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])("".concat(preCls, "__item-handle"))
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: (0, _classnames["default"])("".concat(preCls, "__item-handle-ignore")),
+      onClick: function onClick() {
+        return deleteTask(remind);
+      }
+    }, "\u5FFD\u7565"), /*#__PURE__*/_react["default"].createElement("a", {
+      target: "_blank",
+      href: "".concat(_constant.apiServer, "/u/").concat(_constant.userId, "/Home#more/taskinfo?Id=").concat(remind.objId),
+      onClick: handleRemindClick
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: (0, _classnames["default"])("".concat(preCls, "__item-handle-deal")),
+      onClick: function onClick() {
+        return deleteTask(remind);
+      }
+    }, "\u53BB\u5904\u7406"))));
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(preCls, "__footer"))
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(preCls, "__footer-all")),
+    onClick: function onClick() {
+      return deleteAll(reminds);
+    }
+  }, "\u5168\u90E8\u5FFD\u7565")))), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+    condition: reminds.length === 0
+  }, /*#__PURE__*/_react["default"].createElement(_empty["default"], null)));
+};
+
+var _default = Remind;
+exports["default"] = _default;

package/lib/components/nav-top/components/user-message/components/reply/index.css

@@ -0,0 +1,132 @@
+.titaui-user-message-msg-reply__items {
+  width: 420px;
+  margin-top: 8px;
+}
+
+.titaui-user-message-msg-reply__item {
+  display: flex;
+  position: relative;
+  box-sizing: border-box;
+  height: 82px;
+  border-radius: 12px;
+  margin-bottom: 4px;
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+.titaui-user-message-msg-reply__item-symbol {
+  position: absolute;
+  left: 42px;
+  top: 32px;
+  font-size: 18px;
+  font-family: Resource-Han-Rounded-CN-Normal, Resource-Han-Rounded-CN;
+  font-weight: 400;
+  color: rgba(40, 121, 255, 0.4);
+  line-height: 26px;
+}
+
+.titaui-user-message-msg-reply__item-photo {
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  margin-top: 14px;
+  margin-left: 8px;
+}
+
+.titaui-user-message-msg-reply__item-photo .titaui-pc-avatar--text {
+  width: 32px !important;
+  height: 32px !important;
+}
+
+.titaui-user-message-msg-reply__item-photo img {
+  width: 32px !important;
+  height: 32px !important;
+}
+
+.titaui-user-message-msg-reply__item-right {
+  flex: 1;
+  position: relative;
+  box-sizing: border-box;
+  width: 334px;
+  height: 82px;
+  margin-left: 12px;
+  padding-top: 8px;
+}
+
+.titaui-user-message-msg-reply__item-right-header {
+  position: relative;
+  display: flex;
+  height: 22px;
+}
+
+.titaui-user-message-msg-reply__item-right-header-name {
+  margin-right: 8px;
+  font-size: 14px;
+  font-family: Resource-Han-Rounded-CN-Medium, Resource-Han-Rounded-CN;
+  font-weight: 500;
+  color: #3f4755;
+  line-height: 22px;
+}
+
+.titaui-user-message-msg-reply__item-right-header-name-tooltip {
+  z-index: 2001;
+}
+
+.titaui-user-message-msg-reply__item-right-header-status {
+  flex: 1;
+  color: #89919f;
+}
+
+.titaui-user-message-msg-reply__item-right-content {
+  position: relative;
+  height: 22px;
+  margin-top: 2px;
+  font-size: 14px;
+  font-family: Resource-Han-Rounded-CN-Normal, Resource-Han-Rounded-CN;
+  font-weight: 400;
+  color: #3f4755;
+  line-height: 22px;
+  overflow: hidden;
+  white-space: nowrap;
+  cursor: pointer;
+}
+
+.titaui-user-message-msg-reply__item-right-content-tooltip {
+  z-index: 2001;
+}
+
+.titaui-user-message-msg-reply__item-right-time {
+  margin-top: 2px;
+  height: 18px;
+  font-size: 12px;
+  font-family: Resource-Han-Rounded-CN-Normal, Resource-Han-Rounded-CN;
+  font-weight: 400;
+  color: #89919f;
+  line-height: 18px;
+}
+
+.titaui-user-message-msg-reply__item:hover {
+  background: #f7f8fa;
+}
+
+.titaui-user-message-msg-reply__footer {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 420px;
+  height: 50px;
+  background: #ffffff;
+  border-radius: 0px 0px 24px 24px;
+}
+
+.titaui-user-message-msg-reply__footer-all {
+  display: inline-block;
+  margin: 16px 24px 16px 348px;
+  width: 48px;
+  height: 18px;
+  font-size: 12px;
+  font-family: Resource-Han-Rounded-CN-Regular, Resource-Han-Rounded-CN;
+  font-weight: 400;
+  color: #2879ff;
+  line-height: 18px;
+}

package/lib/components/nav-top/components/user-message/components/reply/index.js

@@ -0,0 +1,100 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _reactPerfectScrollbar = _interopRequireDefault(require("react-perfect-scrollbar"));
+
+var _default2 = _interopRequireDefault(require("../../../../../../components/avatar/default"));
+
+var _conditionRender = _interopRequireDefault(require("../../../../../dynamic/components/condition-render"));
+
+var _tooltipText = _interopRequireDefault(require("../../../../../tooltip/tooltip-text"));
+
+var _empty = _interopRequireDefault(require("../empty"));
+
+require("./index.css");
+
+var _constant = require("../../constant");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var preCls = "titaui-user-message-msg-reply";
+
+var Reply = function Reply(props) {
+  var replys = props.replys,
+      userInfo = props.userInfo,
+      onItemClick = props.onItemClick;
+
+  var handleReplyClick = function handleReplyClick() {
+    onItemClick && onItemClick(false);
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+    condition: replys.total !== 0
+  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_reactPerfectScrollbar["default"], {
+    options: {
+      suppressScrollX: true
+    }
+  }, /*#__PURE__*/_react["default"].createElement("ul", {
+    className: (0, _classnames["default"])("".concat(preCls, "__items"))
+  }, replys.messages.map(function (reply, index) {
+    return /*#__PURE__*/_react["default"].createElement("li", {
+      className: (0, _classnames["default"])("".concat(preCls, "__item")),
+      key: index
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])("".concat(preCls, "__item-photo"))
+    }, /*#__PURE__*/_react["default"].createElement(_default2["default"], {
+      userId: userInfo.Id,
+      name: userInfo.Name,
+      color: userInfo.UserAvatar.Color,
+      src: userInfo.Avatar
+    })), /*#__PURE__*/_react["default"].createElement("span", {
+      className: (0, _classnames["default"])("".concat(preCls, "__item-symbol"))
+    }, "\u201C"), /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])("".concat(preCls, "__item-right"))
+    }, /*#__PURE__*/_react["default"].createElement("a", {
+      target: "_blank",
+      href: "".concat(_constant.apiServer, "/").concat(_constant.userId, "/ITalentHome#more/shareinfo?id=").concat(reply.feed.feedId),
+      onClick: handleReplyClick
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])("".concat(preCls, "__item-right-header"))
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: (0, _classnames["default"])("".concat(preCls, "__item-right-header-name"))
+    }, /*#__PURE__*/_react["default"].createElement(_tooltipText["default"], {
+      overlayClassName: "".concat(preCls, "__item-right-header-name-tooltip"),
+      text: reply.user.name,
+      maxWidth: 100,
+      mouseEnterDelay: 0.8
+    })), /*#__PURE__*/_react["default"].createElement("span", {
+      className: (0, _classnames["default"])("".concat(preCls, "__item-right-header-status"))
+    }, reply.content.trim().substr(0, 1) === "@" ? "@我" : "回复我")), /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])("".concat(preCls, "__item-right-content"))
+    }, /*#__PURE__*/_react["default"].createElement(_tooltipText["default"], {
+      overlayClassName: "".concat(preCls, "__item-right-content-tooltip"),
+      text: (0, _constant.htmlToText)(reply.content),
+      isPercent: true,
+      mouseEnterDelay: 0.8
+    })), /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])("".concat(preCls, "__item-right-time"))
+    }, reply.createDate))));
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(preCls, "__footer"))
+  }, /*#__PURE__*/_react["default"].createElement("a", {
+    target: "_blank",
+    href: "".concat(_constant.apiServer, "/u/").concat(_constant.userId, "/Home#more/messages?messageType=2&isRead=1")
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(preCls, "__footer-all"))
+  }, "\u67E5\u770B\u5168\u90E8"))))), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+    condition: replys.total === 0
+  }, /*#__PURE__*/_react["default"].createElement(_empty["default"], null)));
+};
+
+var _default = Reply;
+exports["default"] = _default;

package/lib/components/nav-top/components/user-message/components/tab-title/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _conditionRender = _interopRequireDefault(require("../../../../../dynamic/components/condition-render"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var prefixCls = "titaui-user-message-msg";
+
+var TabTitle = function TabTitle(props) {
+  var tab = props.tab,
+      title = props.title;
+  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(prefixCls, "__tabs-").concat(tab))
+  }, title, /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+    condition: tab.total !== 0 && tab.length !== 0
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(prefixCls, "__tabs-total"))
+  }, tab.total >= 100 ? "99+" : tab.total, tab.length >= 100 ? "99+" : tab.length))));
+};
+
+var _default = TabTitle;
+exports["default"] = _default;

package/lib/components/nav-top/components/user-message/components/todos/index.css

@@ -0,0 +1,129 @@
+.titaui-user-message-msg-todos__items {
+  width: 420px;
+  margin-top: 8px;
+}
+
+.titaui-user-message-msg-todos__item {
+  display: flex;
+  position: relative;
+  box-sizing: border-box;
+  height: 82px;
+  border-radius: 12px;
+  margin-bottom: 4px;
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+.titaui-user-message-msg-todos__item-photo {
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  margin-top: 14px;
+  margin-left: 8px;
+}
+
+.titaui-user-message-msg-todos__item-photo .titaui-pc-avatar--text {
+  width: 32px !important;
+  height: 32px !important;
+}
+
+.titaui-user-message-msg-todos__item-photo img {
+  width: 32px !important;
+  height: 32px !important;
+}
+
+.titaui-user-message-msg-todos__item-right {
+  flex: 1;
+  position: relative;
+  box-sizing: border-box;
+  width: 334px;
+  height: 82px;
+  margin-left: 12px;
+  padding-top: 8px;
+}
+
+.titaui-user-message-msg-todos__item-right-header {
+  position: relative;
+  display: flex;
+  height: 22px;
+}
+
+.titaui-user-message-msg-todos__item-right-header-name {
+  margin-right: 8px;
+  font-size: 14px;
+  font-family: Resource-Han-Rounded-CN-Medium, Resource-Han-Rounded-CN;
+  font-weight: 500;
+  color: #3f4755;
+  line-height: 22px;
+}
+
+.titaui-user-message-msg-todos__item-right-header-name-tooltip {
+  z-index: 2001;
+}
+
+.titaui-user-message-msg-todos__item-right-header-status {
+  flex: 1;
+  color: #89919f;
+}
+
+.titaui-user-message-msg-todos__item-right-content {
+  position: relative;
+  height: 22px;
+  margin-top: 2px;
+  font-size: 14px;
+  font-family: Resource-Han-Rounded-CN-Normal, Resource-Han-Rounded-CN;
+  font-weight: 400;
+  color: #3f4755;
+  line-height: 22px;
+  overflow: hidden;
+  white-space: nowrap;
+  cursor: pointer;
+}
+
+.titaui-user-message-msg-todos__item-right-content-tooltip {
+  z-index: 2001;
+}
+
+.titaui-user-message-msg-todos__item-right-time {
+  margin-top: 2px;
+  height: 18px;
+  font-size: 12px;
+  font-family: Resource-Han-Rounded-CN-Normal, Resource-Han-Rounded-CN;
+  font-weight: 400;
+  color: #89919f;
+  line-height: 18px;
+}
+
+.titaui-user-message-msg-todos__item:hover {
+  background: #f7f8fa;
+}
+
+.titaui-user-message-msg-todos__footer {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 420px;
+  height: 50px;
+  background: #ffffff;
+  border-radius: 0px 0px 24px 24px;
+}
+
+.titaui-user-message-msg-todos__footer-all {
+  display: inline-block;
+  margin: 16px 24px 16px 348px;
+  width: 48px;
+  height: 18px;
+  font-size: 12px;
+  font-family: Resource-Han-Rounded-CN-Regular, Resource-Han-Rounded-CN;
+  font-weight: 400;
+  color: #2879ff;
+  line-height: 18px;
+}
+
+.titaui-user-message-msg .titaui-tabs .scrollbar-container {
+  height: 394px;
+}
+
+.titaui-user-message-msg .titaui-tabs .scrollbar-container .ps__rail-y .ps__thumb-y {
+  width: 4px;
+}