@titaui/pc 1.5.82 → 1.5.83

package/lib/components/communication/style.js

@@ -3,21 +3,21 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ButtonConfirm = exports.ButtonCancel = exports.ConfirmBtnGroup = exports.ConfirmText = exports.ConfirmWrapper = exports.AttachmentAction = exports.AttachmentItemName = exports.AttachmentItemIcon = exports.AttachmentItemWrapper = exports.CommunicationAttachmentContainer = exports.CommunicationPraiseTotal = exports.ActionbarItem = exports.ActionbarList = exports.CommunicationActionbar = exports.CommunicationContent = exports.CommunicationReplyedContent = exports.CommunicationDetail = exports.CommunicationItem = exports.ReplyUser = exports.ReplyToUser = exports.CommunicationRecordTotal = exports.CommunicationWrapper = void 0;
+exports.ButtonConfirm = exports.ButtonCancel = exports.ConfirmBtnGroup = exports.ConfirmText = exports.ConfirmWrapper = exports.AttachmentAction = exports.AttachmentItemName = exports.AttachmentItemIcon = exports.AttachmentItemWrapper = exports.CommunicationAttachmentContainer = exports.CommunicationPraiseTotal = exports.ActionbarItem = exports.ActionbarList = exports.CommunicationActionbar = exports.CommunicationContent = exports.CommunicationDetail = exports.CommunicationItem = exports.ReplyUser = exports.ReplyToUser = exports.CommunicationRecordTotal = exports.CommunicationWrapper = void 0;
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var CommunicationWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n"])));
+var CommunicationWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica,\n    sans-serif, PingFang SC, Microsoft YaHei;\n"])));
 
 exports.CommunicationWrapper = CommunicationWrapper;
 
-var CommunicationRecordTotal = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-bottom: 8px;\n  font-size: 12px;\n  color: #8f9ca6;\n  display: inline-block;\n  cursor: pointer;\n\n  &:hover {\n    color: #2879ff;\n  }\n\n  p {\n    line-height: 17px;\n\n    &::before {\n      float: right;\n      margin-left: 4px;\n    }\n  }\n"])));
+var CommunicationRecordTotal = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-bottom: 8px;\n  font-size: 12px;\n  color: #8f9ca6;\n  display: inline-block;\n  cursor: pointer;\n\n  &:hover {\n    color: #2879ff;\n  }\n"])));
 
 exports.CommunicationRecordTotal = CommunicationRecordTotal;
 
@@ -33,74 +33,70 @@ var ReplyUser = _styledComponents["default"].div(_templateObject4 || (_templateO
 
 exports.ReplyUser = ReplyUser;
 
-var CommunicationItem = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  min-height: 66px;\n  padding: 8px 15px;\n  margin-bottom: 10px;\n  font-size: 12px;\n  color: #83898f;\n  border-radius: 3px;\n  background: #fafbfc;\n  display: flex;\n  position: relative;\n\n  &:hover {\n    background: #eff5fb;\n    .communication__actionbar {\n      display: block;\n    }\n  }\n"])));
+var CommunicationItem = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-left: -8px;\n  padding: 8px 8px 4px 8px;\n  margin-bottom: 4px;\n  font-size: 12px;\n  color: #83898f;\n  border-radius: 8px;\n  display: flex;\n  position: relative;\n\n  &:hover {\n    background: #F7F9FB;\n    .communication__actionbar {\n      display: inline-block;\n    }\n  }\n"])));
 
 exports.CommunicationItem = CommunicationItem;
 
-var CommunicationDetail = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: calc(100% - 35px);\n  margin-top: 2px;\n  margin-left: 12px;\n  display: flex;\n  flex-direction: column;\n\n  p {\n    line-height: 17px;\n  }\n"])));
+var CommunicationDetail = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: calc(100% - 35px);\n  margin-top: 2px;\n  margin-left: 8px;\n  display: flex;\n  flex-direction: column;\n\n  p {\n    line-height: 17px;\n  }\n"])));
 
 exports.CommunicationDetail = CommunicationDetail;
 
-var CommunicationReplyedContent = _styledComponents["default"].span(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  font-weight: bold;\n  cursor: pointer;\n"])));
-
-exports.CommunicationReplyedContent = CommunicationReplyedContent;
-
-var CommunicationContent = _styledComponents["default"].p(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  font-size: 13px;\n  margin: 7px 0 8px;\n  line-height: 18px;\n  word-wrap: break-word;\n  word-break: break-all;\n\n  img {\n    vertical-align: text-bottom;\n  }\n"])));
+var CommunicationContent = _styledComponents["default"].p(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  font-size: 13px;\n  margin: 7px 0 8px;\n  line-height: 18px;\n  word-wrap: break-word;\n  word-break: break-all;\n\n  img {\n    vertical-align: text-bottom;\n  }\n"])));
 
 exports.CommunicationContent = CommunicationContent;
 
-var CommunicationActionbar = _styledComponents["default"].div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: none;\n  position: absolute;\n  right: 15px;\n  bottom: 8px;\n"])));
+var CommunicationActionbar = _styledComponents["default"].div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  display: none;\n  position: absolute;\n  right: 0;\n"])));
 
 exports.CommunicationActionbar = CommunicationActionbar;
 
-var ActionbarList = _styledComponents["default"].div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  color: #2879ff;\n"])));
+var ActionbarList = _styledComponents["default"].div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  color: #2879ff;\n"])));
 
 exports.ActionbarList = ActionbarList;
 
-var ActionbarItem = _styledComponents["default"].div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  padding-left: 10px;\n  font-size: 12px;\n  line-height: 24px;\n  cursor: pointer;\n"])));
+var ActionbarItem = _styledComponents["default"].div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  padding-left: 10px;\n  font-size: 12px;\n  line-height: 24px;\n  cursor: pointer;\n  &:hover {\n    color: #5C8EFF;\n  }\n"])));
 
 exports.ActionbarItem = ActionbarItem;
 
-var CommunicationPraiseTotal = _styledComponents["default"].span(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  margin-left: 5px;\n  cursor: pointer;\n"])));
+var CommunicationPraiseTotal = _styledComponents["default"].span(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  margin-left: 5px;\n  cursor: pointer;\n"])));
 
 exports.CommunicationPraiseTotal = CommunicationPraiseTotal;
 
-var CommunicationAttachmentContainer = _styledComponents["default"].div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  margin-top: 20px;\n  display: flex;\n  flex-wrap: wrap;\n"])));
+var CommunicationAttachmentContainer = _styledComponents["default"].div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  margin-top: 20px;\n  display: flex;\n  flex-wrap: wrap;\n"])));
 
 exports.CommunicationAttachmentContainer = CommunicationAttachmentContainer;
 
-var AttachmentItemWrapper = _styledComponents["default"].div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  margin: 0 40px 5px 0;\n  display: flex;\n  flex-direction: column;\n\n  &.row-wrapper {\n    width: 310px;\n    height: 30px;\n    padding: 5px;\n    font-size: 12px;\n    background-color: #f5f8fa;\n    align-items: center;\n    flex-direction: row;\n\n    .file-icon {\n      width: 30px;\n      height: 30px;\n      margin-right: 10px;\n      line-height: 30px;\n\n      .ico_afb {\n        font-size: 24px;\n        line-height: 30px;\n      }\n    }\n\n    .file-name {\n      flex: 1;\n      margin: 0 20px 0 0;\n      color: #647481;\n    }\n\n    .item__action {\n      display: flex;\n      opacity: 1;\n\n      a, span {\n        transition: all .3s ease-in;\n        color: #a9b8bf !important;\n\n        &:hover {\n          color: #2879ff !important;\n        }\n      }\n    }\n  }\n\n  &:hover {\n    .item__action {\n      opacity: 1;\n    }\n  }\n"])));
+var AttachmentItemWrapper = _styledComponents["default"].div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  margin: 0 40px 5px 0;\n  display: flex;\n  flex-direction: column;\n\n  &.row-wrapper {\n    width: 310px;\n    height: 30px;\n    padding: 5px;\n    font-size: 12px;\n    background-color: #f5f8fa;\n    align-items: center;\n    flex-direction: row;\n\n    .file-icon {\n      width: 30px;\n      height: 30px;\n      margin-right: 10px;\n      line-height: 30px;\n\n      .ico_afb {\n        font-size: 24px;\n        line-height: 30px;\n      }\n    }\n\n    .file-name {\n      flex: 1;\n      margin: 0 20px 0 0;\n      color: #647481;\n    }\n\n    .item__action {\n      display: flex;\n      opacity: 1;\n\n      a, span {\n        transition: all .3s ease-in;\n        color: #a9b8bf !important;\n\n        &:hover {\n          color: #2879ff !important;\n        }\n      }\n    }\n  }\n\n  &:hover {\n    .item__action {\n      opacity: 1;\n    }\n  }\n"])));
 
 exports.AttachmentItemWrapper = AttachmentItemWrapper;
 
-var AttachmentItemIcon = _styledComponents["default"].div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  width: 98px;\n  height: 98px;\n  line-height: 97px;\n  border: 1px solid #e9edf0;\n  border-radius: 1px;\n  background: #f5f8fa;\n  text-align: center;\n\n  img {\n    max-width: 100%;\n    max-height: 100%;\n  }\n\n  span {\n    font-size: 50px;\n    line-height: 98px;\n  }\n"])));
+var AttachmentItemIcon = _styledComponents["default"].div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  width: 98px;\n  height: 98px;\n  line-height: 97px;\n  border: 1px solid #e9edf0;\n  border-radius: 1px;\n  background: #f5f8fa;\n  text-align: center;\n\n  img {\n    max-width: 100%;\n    max-height: 100%;\n  }\n\n  span {\n    font-size: 50px;\n    line-height: 98px;\n  }\n"])));
 
 exports.AttachmentItemIcon = AttachmentItemIcon;
 
-var AttachmentItemName = _styledComponents["default"].div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  width: 100px;\n  margin-top: 5px;\n  font-size: 12px;\n  line-height: 20px;\n  color: #36434d;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])));
+var AttachmentItemName = _styledComponents["default"].div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  width: 100px;\n  margin-top: 5px;\n  font-size: 12px;\n  line-height: 20px;\n  color: #36434d;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])));
 
 exports.AttachmentItemName = AttachmentItemName;
 
-var AttachmentAction = _styledComponents["default"].div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  height: 20px;\n  line-height: 20px;\n  opacity: 0;\n\n  a {\n    font-size: 12px;\n    color: #2879ff;\n    &:first-child {\n      margin-right: 10px;\n    }\n  }\n"])));
+var AttachmentAction = _styledComponents["default"].div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  height: 20px;\n  line-height: 20px;\n  opacity: 0;\n\n  a {\n    font-size: 12px;\n    color: #2879ff;\n    &:first-child {\n      margin-right: 10px;\n    }\n  }\n"])));
 
 exports.AttachmentAction = AttachmentAction;
 
-var ConfirmWrapper = _styledComponents["default"].div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  min-width: 300px;\n  border-radius: 2px;\n  box-shadow: 0 0 4px 0 rgba(0,0,0,0.20);\n  background-color: #ffffff;\n  \n  &.bg {\n    background: url(", ") no-repeat 0 0 / 101% 105%;\n    box-shadow: 0 6px 15px 0 rgba(0,0,0,0.15);\n  }\n"])), require("./praise-bg.png"));
+var ConfirmWrapper = _styledComponents["default"].div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  min-width: 300px;\n  border-radius: 2px;\n  box-shadow: 0 0 4px 0 rgba(0,0,0,0.20);\n  background-color: #ffffff;\n  \n  &.bg {\n    background: url(", ") no-repeat 0 0 / 101% 105%;\n    box-shadow: 0 6px 15px 0 rgba(0,0,0,0.15);\n  }\n"])), require("./praise-bg.png"));
 
 exports.ConfirmWrapper = ConfirmWrapper;
 
-var ConfirmText = _styledComponents["default"].div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  padding: 12px 20px;\n  font-size: 14px;\n  line-height: 24px;\n  text-align: left;\n  word-break: break-all;\n  word-wrap: break-word;\n  word-break: break-all;\n"])));
+var ConfirmText = _styledComponents["default"].div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  padding: 12px 20px;\n  font-size: 14px;\n  line-height: 24px;\n  text-align: left;\n  word-break: break-all;\n  word-wrap: break-word;\n  word-break: break-all;\n"])));
 
 exports.ConfirmText = ConfirmText;
 
-var ConfirmBtnGroup = _styledComponents["default"].div(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n  padding: 0 15px 15px 10px;\n  text-align: right;\n\n  button {\n    margin-left: 5px;\n    padding: 0px 15px;\n    font-size: 14px;\n    line-height: 30px;\n    border-radius: 2px;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18);\n    border: none;\n  }\n"])));
+var ConfirmBtnGroup = _styledComponents["default"].div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  padding: 0 15px 15px 10px;\n  text-align: right;\n\n  button {\n    margin-left: 5px;\n    padding: 0px 15px;\n    font-size: 14px;\n    line-height: 30px;\n    border-radius: 2px;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18);\n    border: none;\n  }\n"])));
 
 exports.ConfirmBtnGroup = ConfirmBtnGroup;
 
-var ButtonCancel = _styledComponents["default"].button(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  background-color: #f5f8fa;\n  color: #34434e;\n"])));
+var ButtonCancel = _styledComponents["default"].button(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n  background-color: #f5f8fa;\n  color: #34434e;\n"])));
 
 exports.ButtonCancel = ButtonCancel;
 
-var ButtonConfirm = _styledComponents["default"].button(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  background-color: #2879FF;\n  color: #fff;\n"])));
+var ButtonConfirm = _styledComponents["default"].button(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  background-color: #2879FF;\n  color: #fff;\n"])));
 
 exports.ButtonConfirm = ButtonConfirm;