@titaui/pc 1.16.22 → 1.16.25

package/lib/components/communication/style.js

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ReplyUser = exports.ReplyToUser = exports.ConfirmWrapper = exports.ConfirmText = exports.ConfirmBtnGroup = exports.CommunicationWrapper = exports.CommunicationRecordTotal = exports.CommunicationPraiseTotal = exports.CommunicationItem = exports.CommunicationDetail = exports.CommunicationContent = exports.CommunicationAttachmentContainer = exports.CommunicationActionbar = exports.ButtonConfirm = exports.ButtonCancel = exports.AttachmentItemWrapper = exports.AttachmentItemName = exports.AttachmentItemIcon = exports.AttachmentAction = exports.ActionbarList = exports.ActionbarItem = void 0;
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _praiseBg = _interopRequireDefault(require("./praise-bg.png"));
+
+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  font-family: OPPOSans, Arial, Verdana, Helvetica Neue, Helvetica, PingFang SC, Microsoft YaHei, sans-serif;\n"])));
+
+exports.CommunicationWrapper = CommunicationWrapper;
+
+var CommunicationRecordTotal = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-bottom: 8px;\n  font-size: 12px;\n  line-height: 22px;\n  color: #8f9ca6;\n  display: inline-block;\n  cursor: pointer;\n\n  &:hover {\n    color: #2879ff;\n  }\n"])));
+
+exports.CommunicationRecordTotal = CommunicationRecordTotal;
+
+var ReplyToUser = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  height: ", ";\n  padding: ", "; /**3px 0*/\n  font-size: 12px;\n  line-height: 24px;\n  color: #aaaaaa;\n  transition: all 0.3s ease-in-out;\n"])), function (p) {
+  return p.height;
+}, function (p) {
+  return p.padding;
+});
+
+exports.ReplyToUser = ReplyToUser;
+
+var ReplyUser = _styledComponents["default"].span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  padding: 2px 8px;\n  line-height: 20px;\n  border-radius: 12px;\n  display: inline-flex;\n  align-items: center;\n  color: #89919F;\n  background-color: #f5f8fa;\n  word-break: break-all;\n\n  .tu-icon-cross {\n    margin-left: 4px;\n    font-size: 16px;\n    color: #89919F;\n    cursor: pointer;\n    &:hover {\n      color: #f05e5e;\n    }\n  }\n"])));
+
+exports.ReplyUser = ReplyUser;
+
+var CommunicationItem = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-left: -8px;\n  padding: 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  position: relative;\n\n  p {\n    line-height: 17px;\n  }\n"])));
+
+exports.CommunicationDetail = CommunicationDetail;
+
+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(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  display: none;\n  position: absolute;\n  right: 0;\n  top: 0;\n"])));
+
+exports.CommunicationActionbar = CommunicationActionbar;
+
+var ActionbarList = _styledComponents["default"].div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  color: #2879ff;\n"])));
+
+exports.ActionbarList = ActionbarList;
+
+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(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  margin-left: 5px;\n  cursor: pointer;\n"])));
+
+exports.CommunicationPraiseTotal = CommunicationPraiseTotal;
+
+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(_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(_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(_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(_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(_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"])), _praiseBg["default"]);
+
+exports.ConfirmWrapper = ConfirmWrapper;
+
+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(_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(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n  background-color: #f5f8fa;\n  color: #34434e;\n"])));
+
+exports.ButtonCancel = ButtonCancel;
+
+var ButtonConfirm = _styledComponents["default"].button(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  background-color: #2879FF;\n  color: #fff;\n"])));
+
+exports.ButtonConfirm = ButtonConfirm;