@titaui/pc 1.11.52-beta.1 → 1.11.52-beta.2

package/lib/components/change-okr-modal/styledComponents.js

@@ -0,0 +1,167 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Wrapper = exports.WorkNameWrapper = exports.UserSelectorWrapper = exports.Tag = exports.Separator = exports.SearchWrapper = exports.Radio = exports.ProgressText = exports.PricipleName = exports.OptionItem = exports.OkrName = exports.NoMore = exports.LoadMore = exports.List = exports.KrWeightVert = exports.KrWeight = exports.KrTag = exports.KrItemWrapper = exports.ItemWrapper = exports.ItemTop = exports.ItemObjectiveContainer = exports.ItemKrContainer = exports.ItemBottom = exports.Header = exports.Footer = exports.FilterTop = exports.FilterOptionsWrapper = exports.FilterLeftWrapper = exports.FilterBottom = exports.Filter = exports.ButtonGroup = exports.Button = exports.Body = 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, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33;
+
+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 Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 589px;\n  height: 488px;\n  margin-top: ", ";\n  background: #ffffff;\n  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);\n  border-radius: 4px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n"])), function (p) {
+  return p.okrPopType === 1 ? 0 : "32px";
+});
+
+exports.Wrapper = Wrapper;
+
+var Header = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  background-image: linear-gradient(90deg, #2879ff 1%, #5cadff 100%);\n  height: 34px;\n  align-items: center;\n  font-size: 14px;\n  color: #fff;\n  justify-content: space-between;\n  padding: 0 16px;\n"])));
+
+exports.Header = Header;
+
+var Body = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  padding: 0 17px;\n  height: 0;\n"])));
+
+exports.Body = Body;
+
+var Filter = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  margin-top: 20px;\n"])));
+
+exports.Filter = Filter;
+
+var FilterTop = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n"])));
+
+exports.FilterTop = FilterTop;
+
+var FilterLeftWrapper = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  > div {\n    flex: 1;\n  }\n"])));
+
+exports.FilterLeftWrapper = FilterLeftWrapper;
+
+var UserSelectorWrapper = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  height: 26px;\n  background-color: rgb(255, 255, 255);\n  cursor: pointer;\n  font-size: 14px;\n  color: #36434d;\n  user-select: none;\n  box-sizing: border-box;\n  display: flex;\n  border-radius: 4px;\n  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n  background: #fff;\n  align-items: center;\n  padding: 0 5px;\n  span {\n    /* flex: 1; */\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .tu-icon-sort-up {\n    transform: rotate(180deg);\n    color: #bfc3c7;\n    transition: transform 0.3s ease;\n  }\n"])));
+
+exports.UserSelectorWrapper = UserSelectorWrapper;
+
+var SearchWrapper = _styledComponents["default"].div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  width: 174px;\n  height: 22px;\n  display: flex;\n  justify-content: space-between;\n"])));
+
+exports.SearchWrapper = SearchWrapper;
+
+var FilterBottom = _styledComponents["default"].div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  margin-top: 14px;\n  padding: 6px;\n  background: #fafbfc;\n  border-radius: 2px;\n  font-size: 12px;\n  line-height: 22px;\n  > span {\n    color: #36434d;\n    margin-right: 10px;\n    white-space: nowrap;\n  }\n"])));
+
+exports.FilterBottom = FilterBottom;
+
+var FilterOptionsWrapper = _styledComponents["default"].div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  flex: 1;\n  a {\n    color: #2879ff;\n    margin-right: 9px;\n    cursor: pointer;\n  }\n"])));
+
+exports.FilterOptionsWrapper = FilterOptionsWrapper;
+
+var OptionItem = _styledComponents["default"].span(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  color: #36434d;\n  white-space: normal;\n  word-break: break-all;\n  margin-right: 10px;\n  line-height: 22px;\n  i {\n    color: #c4ccd2;\n    font-size: 16px;\n    cursor: pointer;\n    margin-left: 5px;\n    vertical-align: sub;\n  }\n  i:hover {\n    color: #ee4344;\n  }\n"])));
+
+exports.OptionItem = OptionItem;
+
+var List = _styledComponents["default"].ul(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  /* overflow: auto; */\n  flex: 1;\n  max-height: 310px;\n  overflow-y: scroll;\n  &:empty::after {\n    content: '\\6682\\65e0\\6570\\636e';\n    display: block;\n    color: #c5c5c5;\n    border: dashed 1px #c5c5c5;\n    padding: 30px 25px;\n    border-radius: 3px;\n    text-align: center;\n    font-size: 22px;\n    line-height: 30px;\n    margin-top: 100px;\n  }\n"], ["\n  /* overflow: auto; */\n  flex: 1;\n  max-height: 310px;\n  overflow-y: scroll;\n  &:empty::after {\n    content: '\\\\6682\\\\65e0\\\\6570\\\\636e';\n    display: block;\n    color: #c5c5c5;\n    border: dashed 1px #c5c5c5;\n    padding: 30px 25px;\n    border-radius: 3px;\n    text-align: center;\n    font-size: 22px;\n    line-height: 30px;\n    margin-top: 100px;\n  }\n"])));
+
+exports.List = List;
+
+var ItemWrapper = _styledComponents["default"].li(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  min-height: 60px;\n  /* border-bottom: 1px dashed #F0F2F5; */\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  padding-top: 8px;\n  padding-right: 30px;\n"])));
+
+exports.ItemWrapper = ItemWrapper;
+
+var ItemObjectiveContainer = _styledComponents["default"].div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  border-bottom: 1px dashed #f0f2f5;\n"])));
+
+exports.ItemObjectiveContainer = ItemObjectiveContainer;
+
+var ItemKrContainer = _styledComponents["default"].div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  transition: all 0.3s ease;\n\n  & > div {\n    height: 38px;\n    line-height: 38px;\n    padding-left: 76px;\n    border-bottom: 1px dashed #f0f2f5;\n  }\n\n  &.slideIn {\n    max-height: 1000px;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &.slideOut {\n    max-height: 0;\n    opacity: 0;\n    visibility: hidden;\n  }\n\n  a {\n    margin-right: 10px;\n  }\n\n  span {\n    font-size: 13px;\n    color: #565e66;\n  }\n"])));
+
+exports.ItemKrContainer = ItemKrContainer;
+
+var ItemTop = _styledComponents["default"].div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  .tu-icon-arrow-up,\n  .tu-icon-arrow-down {\n    font-size: 20px;\n    color: #565e66;\n  }\n"])));
+
+exports.ItemTop = ItemTop;
+
+var WorkNameWrapper = _styledComponents["default"].div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  flex: 1px;\n  white-space: nowrap;\n  overflow: hidden;\n  cursor: ", ";\n"])), function (p) {
+  return p.isKr ? "default" : "pointer";
+});
+
+exports.WorkNameWrapper = WorkNameWrapper;
+
+var Radio = _styledComponents["default"].a(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 15px;\n  width: 15px;\n  border: 1px solid ", ";\n  border-radius: 50%;\n  &::after {\n    content: '';\n    display: ", ";\n    width: 9px;\n    height: 9px;\n    border-radius: 50%;\n    background-color: #2879ff;\n  }\n"])), function (p) {
+  return p.active ? "#2879ff" : "#BFC3C7";
+}, function (p) {
+  return p.active ? "block" : "none";
+});
+
+exports.Radio = Radio;
+
+var Tag = _styledComponents["default"].div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  width: 63px;\n  height: 21px;\n  border-radius: 12.5px;\n  background-color: ", ";\n  color: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  margin: 0 12px 0 9px;\n"])), function (p) {
+  return "rgba(".concat(p.color, ",0.1)");
+}, function (p) {
+  return "rgb(".concat(p.color, ")");
+});
+
+exports.Tag = Tag;
+
+var OkrName = _styledComponents["default"].span(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n  display: inline-block\n  flex: 1;\n  max-width: 400px;\n  font-size: 13px;\n  font-weight: ", ";\n  color: #33383d;\n  white-space: nowrap;\n  overflow: hidden;\n  word-break: keep-all;\n  text-overflow: ellipsis;\n  line-height: 1;\n"])), function (p) {
+  return p.isShowKr ? "normal" : "600";
+});
+
+exports.OkrName = OkrName;
+
+var ItemBottom = _styledComponents["default"].div(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  padding-left: 102px;\n  display: flex;\n  align-items: center;\n  font-size: 12px;\n  color: #83898f;\n"])));
+
+exports.ItemBottom = ItemBottom;
+
+var PricipleName = _styledComponents["default"].span(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  max-width: 200px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])));
+
+exports.PricipleName = PricipleName;
+
+var Separator = _styledComponents["default"].div(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n  width: 1px;\n  height: 10.6px;\n  background-color: #e6e8eb;\n  margin: 0 10px;\n"])));
+
+exports.Separator = Separator;
+
+var Footer = _styledComponents["default"].div(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n  display: flex;\n  height: 50px;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 16px;\n"])));
+
+exports.Footer = Footer;
+
+var ButtonGroup = _styledComponents["default"].div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n  flex: 1;\n  display: flex;\n  justify-content: flex-end;\n"])));
+
+exports.ButtonGroup = ButtonGroup;
+
+var Button = _styledComponents["default"].a(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n  display: block;\n  min-width: 28px;\n  height: 27px;\n  padding: 0 15px;\n  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.21);\n  border-radius: 2px;\n  background-color: ", ";\n  color: ", ";\n  cursor: pointer;\n  text-align: center;\n  white-space: nowrap;\n  line-height: 27px;\n  &:hover {\n    color: ", ";\n  }\n"])), function (p) {
+  return p.type !== "confirm" ? "#FAFBFC" : p.disabled ? "#E7EEF3" : "#2879FF";
+}, function (p) {
+  return p.type !== "confirm" ? "#565E66" : "#FFF";
+}, function (p) {
+  return p.type !== "confirm" ? "#565E66" : "#FFF";
+});
+
+exports.Button = Button;
+
+var KrItemWrapper = _styledComponents["default"].div(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n  margin: 10px 0;\n  display: flex;\n  align-items: top;\n  width: 100%;\n"])));
+
+exports.KrItemWrapper = KrItemWrapper;
+
+var KrTag = _styledComponents["default"].div(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n  background: rgba(46, 156, 255, 0.1);\n  border-radius: 11.5px;\n  height: 20px;\n  line-height: 20px;\n  font-size: 12px;\n  color: #2e9cff;\n  margin-right: 10px;\n  padding: 0 9px;\n"])));
+
+exports.KrTag = KrTag;
+
+var ProgressText = _styledComponents["default"].div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n  font-size: 12px;\n  color: #83898f;\n  line-height: 20px;\n  white-space: nowrap;\n  width: 70px;\n  margin-left: 10px;\n  span {\n    color: #1d86ef;\n  }\n"])));
+
+exports.ProgressText = ProgressText;
+
+var LoadMore = _styledComponents["default"].div(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #83898f !important;\n  font-size: 14px;\n  margin-top: 16px;\n  a {\n    display: flex;\n    align-items: center;\n    color: #83898f !important;\n  }\n  i {\n    margin-left: 2px;\n    font-size: 18px;\n    color: #83898f !important;\n  }\n\n  &:hover {\n    a,\n    i {\n      color: #2879ff !important;\n    }\n  }\n"])));
+
+exports.LoadMore = LoadMore;
+
+var NoMore = _styledComponents["default"].div(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n  color: #83898f !important;\n  font-size: 14px;\n  margin-top: 16px;\n  text-align: center;\n"]))); // 权重
+
+
+exports.NoMore = NoMore;
+
+var KrWeight = _styledComponents["default"].div(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  white-space: nowrap;\n  font-size: 12px;\n  color: #83898f;\n  line-height: 20px;\n  margin-right: 8px;\n  .kr-weight-number {\n    font-size: 14px;\n    color: #0cc991;\n  }\n"])));
+
+exports.KrWeight = KrWeight;
+
+var KrWeightVert = _styledComponents["default"].div(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n  font-size: 12px;\n  color: #83898f;\n  line-height: 17px;\n  .kr-weight-vert-num {\n    cursor: pointer;\n    color: #00be6a;\n  }\n"])));
+
+exports.KrWeightVert = KrWeightVert;

package/lib/components/change-okr-modal/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/components/common-share/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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: -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  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;