@titaui/pc 1.10.22 → 1.10.23

package/lib/components/communication/index.css

@@ -5,9 +5,9 @@
 
 .titaui-communication__communication-text {
   font-size: 14px;
-  color: #89919f;
+  color: #3f4755;
   line-height: 22px;
-  margin: 0 8px;
+  margin: 0 4px;
 }
 
 .titaui-communication__communication-content {
@@ -15,6 +15,7 @@
   color: #6f7886;
   line-height: 22px;
   position: relative;
+  margin-top: 4px;
 }
 
 .titaui-communication__communication-content .highlight {
@@ -28,7 +29,7 @@
 .titaui-communication__communication-content__user-link {
   font-size: 14px;
   font-weight: 600;
-  color: #3F4755;
+  color: #3f4755;
   line-height: 22px;
 }
 
@@ -47,7 +48,7 @@
 .titaui-communication__communication-time {
   font-size: 12px;
   font-weight: 400;
-  color: #89919F;
+  color: #89919f;
   line-height: 18px;
   margin-left: 12px;
 }
@@ -73,7 +74,6 @@
 
 .titaui-communication__communication-total-icon {
   margin-left: 4px;
-  margin-top: -2px;
 }
 
 .titaui-communication__reply-container-text {
@@ -93,13 +93,13 @@
   flex: 1;
   cursor: text;
   font-size: 12px;
-  color: #BFC7D5;
+  color: #bfc7d5;
   line-height: 22px;
   margin-left: 12px;
   height: 32px;
   border-radius: 16px;
   border-radius: 16px;
-  border: 1px solid #E9ECF0;
+  border: 1px solid #e9ecf0;
   display: flex;
   align-items: center;
   box-sizing: border-box;

package/lib/components/communication/style.js

@@ -19,7 +19,7 @@ var CommunicationWrapper = _styledComponents["default"].div(_templateObject || (
 
 exports.CommunicationWrapper = CommunicationWrapper;
 
-var CommunicationRecordTotal = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-bottom: 8px;\n  font-size: 13px;\n  line-height: 22px;\n  color: #8f9ca6;\n  display: inline-block;\n  cursor: pointer;\n\n  &:hover {\n    color: #2879ff;\n  }\n"])));
+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;
 

package/lib/components/dynamic/dynamic-item/dynamic-assessment/index.js

@@ -41,7 +41,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 var prefix = "titaui-dynamic-assessment-item";
 
-var DynamicShare = function DynamicShare(_ref) {
+var DynamicAssessment = function DynamicAssessment(_ref) {
   var data = _ref.data,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
@@ -97,5 +97,5 @@ var DynamicShare = function DynamicShare(_ref) {
   }), /*#__PURE__*/_react["default"].createElement("span", null, "".concat(data.startDate, "-").concat(data.deadline))))));
 };
 
-var _default = DynamicShare;
+var _default = DynamicAssessment;
 exports["default"] = _default;

package/lib/components/dynamic/dynamic-item/dynamic-create-o/index.css

@@ -74,7 +74,6 @@
 
 .titaui-dynamic-create-o-item__kr {
   display: flex;
-  align-items: center;
   margin-top: 6px;
 }
 
@@ -83,7 +82,7 @@
   color: #89919f;
   line-height: 18px;
   margin-right: 4px;
-  margin-top: 1px;
+  margin-top: 3px;
   word-break: keep-all;
 }
 

package/lib/components/dynamic/dynamic-item/{dynamic-share-to-dynamic → dynamic-learning}/index.js

@@ -56,7 +56,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 var prefix = "titaui-dynamic-share-to-dynamic";
 var userId = (0, _bsGlobal.getUserInfo)().Id;
 
-var DynamicShare = function DynamicShare(_ref) {
+var DynamicLearning = function DynamicLearning(_ref) {
   var data = _ref.data,
       _ref$hasDynamicOperea = _ref.hasDynamicOpereateAuth,
       hasDynamicOpereateAuth = _ref$hasDynamicOperea === void 0 ? false : _ref$hasDynamicOperea,
@@ -103,8 +103,9 @@ var DynamicShare = function DynamicShare(_ref) {
   }, [data, searchKeyWord]);
   (0, _react.useEffect)(function () {
     if (data.shareContent && typeof data.shareContent === "string" && data.shareContent.substr(0, 1) === "{") {
-      setTitle(JSON.parse(data.shareContent).title);
-      setContent(htmlToText(JSON.parse(data.shareContent).content));
+      var shareContent = JSON.parse(data.shareContent);
+      setTitle(shareContent.title);
+      setContent(htmlToText(shareContent.content));
     }
   }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
@@ -139,5 +140,5 @@ var DynamicShare = function DynamicShare(_ref) {
   }, content))));
 };
 
-var _default = DynamicShare;
+var _default = DynamicLearning;
 exports["default"] = _default;

package/lib/components/dynamic/dynamic-item/dynamic-milestone/constant.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MileStoneStatusClass2StatusTypeText = void 0;
+exports.MileStoneStatusClass2StatusTypeText = exports.EStatusStatus2ClassType = void 0;
 
 var _getLocale = require("../../../../utils/getLocale");
 
@@ -13,4 +13,11 @@ var MileStoneStatusClass2StatusTypeText = {
   4: (0, _getLocale.getLocale)("OKR_MyO_E_Overdue"),
   3: (0, _getLocale.getLocale)("Pro_page_Sta_Completed")
 };
-exports.MileStoneStatusClass2StatusTypeText = MileStoneStatusClass2StatusTypeText;
+exports.MileStoneStatusClass2StatusTypeText = MileStoneStatusClass2StatusTypeText;
+var EStatusStatus2ClassType = {
+  3: "tu-icon-finished",
+  2: "tu-icon-running",
+  4: "tu-icon-deferred",
+  1: "tu-icon-notstart"
+};
+exports.EStatusStatus2ClassType = EStatusStatus2ClassType;

package/lib/components/dynamic/dynamic-item/dynamic-milestone/index.js

@@ -124,7 +124,7 @@ var DynamicMilestone = function DynamicMilestone(_ref) {
   }))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content-status-and-time-range")
   }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: (0, _classnames["default"])(_constant2.EStatusStatus2ClassType[status], "".concat(prefix, "__content-status-icon"))
+    className: (0, _classnames["default"])(_constant.EStatusStatus2ClassType[status], "".concat(prefix, "__content-status-icon"))
   }), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__content-status-text")
   }, _constant.MileStoneStatusClass2StatusTypeText[status]), /*#__PURE__*/_react["default"].createElement("i", {

package/lib/components/dynamic/dynamic-item/dynamic-relative/index.js

@@ -53,6 +53,18 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 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; }
@@ -80,6 +92,11 @@ var DynamicRelative = function DynamicRelative(_ref) {
   var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
       searchKeyWord = _useContext.searchKeyWord;
 
+  var _useState = (0, _react.useState)(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      relatedImgUrl = _useState2[0],
+      setRelatedImgUrl = _useState2[1];
+
   var handleClickTitle = function handleClickTitle(id, type) {
     if (type === _constant.EObjType.Kr) {
       _drawerManager["default"].open("krDetail", {
@@ -113,10 +130,23 @@ var DynamicRelative = function DynamicRelative(_ref) {
       text = "".concat((0, _getLocale.getLocale)("Mod_Connected")).concat((0, _getLocale.getLocale)("Mod_Objective"));
     }
 
+    if (relateObjType === _constant.EObjType.Project) {
+      text = "".concat((0, _getLocale.getLocale)("Mod_Connected")).concat((0, _getLocale.getLocale)("Feed_Set_Project"));
+    }
+
     return /*#__PURE__*/_react["default"].createElement("span", {
       className: "".concat(prefix, "__operate-desc")
     }, text);
   }, []);
+  (0, _react.useEffect)(function () {
+    if (relateObjType === _constant.EObjType.O) {
+      setRelatedImgUrl(_dynamicRelaO["default"]);
+    } else if (relateObjType === _constant.EObjType.Kr) {
+      setRelatedImgUrl(_dynamicRelaKr["default"]);
+    } else {
+      setRelatedImgUrl(_dynamicRelaProject["default"]);
+    }
+  }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix
   }, /*#__PURE__*/_react["default"].createElement(_header["default"], _extends({
@@ -131,11 +161,11 @@ var DynamicRelative = function DynamicRelative(_ref) {
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__obj-base-info")
   }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: (0, _classnames["default"])("".concat(prefix, "__obj-base-info-left"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "__obj-base-info-left--o"), relateObjType === _constant.EObjType.O), _defineProperty(_classNames, "".concat(prefix, "__obj-base-info-left--kr"), relateObjType === _constant.EObjType.Kr), _classNames))
+    className: (0, _classnames["default"])("".concat(prefix, "__obj-base-info-left"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "__obj-base-info-left--o"), relateObjType === _constant.EObjType.O), _defineProperty(_classNames, "".concat(prefix, "__obj-base-info-left--kr"), relateObjType === _constant.EObjType.Kr), _defineProperty(_classNames, "".concat(prefix, "__obj-base-info-left--project"), relateObjType === _constant.EObjType.Project), _classNames))
   }, /*#__PURE__*/_react["default"].createElement("img", {
     alt: "",
     className: "".concat(prefix, "__obj-base-info-left-img"),
-    src: relateObjType === _constant.EObjType.O ? _dynamicRelaO["default"] : _dynamicRelaKr["default"]
+    src: relatedImgUrl || ""
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__obj-base-info-right")
   }, /*#__PURE__*/_react["default"].createElement("span", {

package/lib/components/dynamic/dynamic-item/dynamic-reply/index.css

@@ -12,7 +12,7 @@
 }
 
 .titaui-dynamic-reply-item__detail {
-  margin-top: 14px;
+  margin-top: 12px;
 }
 
 .titaui-dynamic-reply-item__detail-gain {
@@ -27,21 +27,25 @@
   margin-bottom: 0;
 }
 
+.titaui-dynamic-reply-item__detail-tasks {
+  margin-top: 16px;
+}
+
 .titaui-dynamic-reply-item__detail-tasks-item {
   display: flex;
   align-items: center;
-  margin-left: 8px;
   font-size: 14px;
   color: #6f7886;
   line-height: 22px;
+  margin-top: 8px;
   cursor: pointer;
 }
 
 .titaui-dynamic-reply-item__detail-tasks-item::before {
   content: '';
   display: inline-block;
-  width: 6px;
-  height: 6px;
+  width: 5px;
+  height: 5px;
   background: #2879ff;
   border-radius: 50%;
   margin-right: 6px;
@@ -69,18 +73,9 @@
   font-weight: 600;
   color: #3f4755;
   line-height: 22px;
-  margin-left: 8px;
   white-space: pre-wrap;
-}
-
-.titaui-dynamic-reply-item__detail-block-title--sub::before {
-  content: '';
-  display: inline-block;
-  width: 6px;
-  height: 6px;
-  background: #2879ff;
-  border-radius: 50%;
-  margin-right: 6px;
+  margin-left: 12px;
+  margin-top: 16px;
 }
 
 .titaui-dynamic-reply-item__detail-block-content {
@@ -97,7 +92,7 @@
 }
 
 .titaui-dynamic-reply-item__detail-block-content--sub {
-  margin-left: 20px;
+  margin-left: 12px;
 }
 
 .titaui-dynamic-reply-item__object-name {

package/lib/components/dynamic/dynamic-item/dynamic-reply/index.js

@@ -163,7 +163,7 @@ var DynamicReply = function DynamicReply(_ref) {
     className: "".concat(prefix, "__detail-tasks")
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__detail-block-title")
-  }, "\u884C\u52A8\u8BA1\u5212"), data.tasks && data.tasks.map(function (task) {
+  }, "\u6539\u8FDB\u8BA1\u5212"), data.tasks && data.tasks.map(function (task) {
     return /*#__PURE__*/_react["default"].createElement("div", {
       key: task.taskId,
       className: "".concat(prefix, "__detail-tasks-item"),

package/lib/components/dynamic/dynamic-item/dynamic-share/index.css

@@ -3,13 +3,17 @@
 }
 
 .titaui-dynamic-share-item__content {
-  display: flex;
   font-size: 14px;
   color: #3f4755;
   line-height: 24px;
   margin-left: 88px;
 }
 
+.titaui-dynamic-share-item__content-obj {
+  display: flex;
+  margin-bottom: 4px;
+}
+
 .titaui-dynamic-share-item__operate-desc {
   font-size: 14px;
   font-weight: 400;

package/lib/components/dynamic/dynamic-item/dynamic-share/index.js

@@ -21,8 +21,16 @@ var _getLocale = require("../../../../utils/getLocale");
 
 var _openData = require("../../../../utils/open-data");
 
+var _title = _interopRequireDefault(require("../../components/title"));
+
+var _drawerManager = _interopRequireDefault(require("../../../drawer-manager"));
+
+var _utils = require("../dynamic-progress/utils");
+
 require("./index.css");
 
+var _constant = require("../../constant");
+
 var _excluded = ["data", "dynamicShareIsShowToping", "hasDynamicOpereateAuth"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -47,16 +55,61 @@ var DynamicShare = function DynamicShare(_ref) {
       hasDynamicOpereateAuth = _ref$hasDynamicOperea === void 0 ? false : _ref$hasDynamicOperea,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
+  var obj = data.obj;
+
   var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
       searchKeyWord = _useContext.searchKeyWord;
 
   var contentRef = (0, _react.useRef)();
   var isPublisher = data.publishUser.userId === window.BSGlobal.loginUserInfo.Id;
   var renderDesc = (0, _react.useMemo)(function () {
+    var text = (0, _getLocale.getLocale)("Mod_postedshare");
+    var obj = data.obj;
+
+    if (obj && obj.objType === _constant.EObjType.Kr) {
+      text = "";
+    }
+
+    if (obj && obj.objType === _constant.EObjType.O) {
+      text = "".concat((0, _getLocale.getLocale)("Mod_Updated")).concat((0, _getLocale.getLocale)("Mod_objectiveprog"));
+    }
+
+    if (obj && obj.objType === _constant.EObjType.Task) {
+      text = "".concat((0, _getLocale.getLocale)("Mod_Updated")).concat((0, _getLocale.getLocale)("Data_Taskprogress"));
+    }
+
+    if (obj && obj.objType === _constant.EObjType.Project) {
+      text = "".concat((0, _getLocale.getLocale)("Mod_Updated")).concat((0, _getLocale.getLocale)("Mod_ProjectProgress"));
+    }
+
     return /*#__PURE__*/_react["default"].createElement("span", {
       className: "".concat(prefix, "__operate-desc")
-    }, (0, _getLocale.getLocale)("Mod_postedshare"));
+    }, text);
   }, []);
+
+  var handleClickTitle = function handleClickTitle() {
+    if (!obj) {
+      return;
+    }
+
+    var objType = obj.objType,
+        objId = obj.objId;
+
+    if (objType === _constant.EObjType.Kr) {
+      _drawerManager["default"].open("krDetail", {
+        krId: objId
+      });
+    } else if (objType === _constant.EObjType.O) {
+      _drawerManager["default"].open("okrDetail", {
+        okrId: objId
+      });
+    } else if (objType === _constant.EObjType.Task) {
+      window.Talent.app.vent.trigger("global-pull-screen", objId, "task");
+    } else if (objType === _constant.EObjType.Project) {
+      window.open(window.location.href.replace(window.location.hash, "#work?iTalentNavCode=tita-work&work_id=".concat(objId)));
+    }
+  };
+
   (0, _react.useEffect)(function () {
     (0, _tools.highLightWord)({
       parentDom: contentRef.current,
@@ -73,7 +126,12 @@ var DynamicShare = function DynamicShare(_ref) {
     user: data.publishUser
   }, restProps)), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content")
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, obj && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__content-obj")
+  }, /*#__PURE__*/_react["default"].createElement(_title["default"], _extends({
+    content: (0, _tools.htmlDecodeByRegExp)(obj === null || obj === void 0 ? void 0 : obj.objName),
+    onClickTitle: handleClickTitle
+  }, (0, _utils.getDynamicTitleProps)(obj)))), /*#__PURE__*/_react["default"].createElement("div", {
     ref: contentRef
   }, (0, _openData.parseTag)(data.content))), data.attachments && /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__files")

package/lib/components/dynamic/dynamic-item/index.css

@@ -44,7 +44,7 @@
   align-items: center;
   color: #89919f;
   position: relative;
-  border-bottom: 1px solid #F0F4FA;
+  border-bottom: 1px solid #f0f4fa;
 }
 
 .titaui-dynamic-item__footer-left {
@@ -98,6 +98,23 @@
   color: #2879ff;
 }
 
+.titaui-dynamic-item__footer-icon-redenvelopes::before {
+  content: '';
+  display: inline-block;
+  background: url("../img/dynamic-redenvelopes-normal.svg") no-repeat;
+  background-size: 20px 20px;
+  width: 20px;
+  height: 20px;
+}
+
+.titaui-dynamic-item__footer-icon-redenvelopes:hover {
+  animation: redenvelopesRubberBand 1s;
+}
+
+.titaui-dynamic-item__footer-icon-redenvelopes:hover::before {
+  background: url("../img/dynamic-redenvelopes-hover.svg") no-repeat;
+}
+
 .titaui-dynamic-item__footer-number {
   margin-left: 8px;
   font-size: 14px;
@@ -122,8 +139,46 @@
 .titaui-dynamic-item__upvote-btn {
   color: #a4acb9;
   font-size: 20px;
+  width: 20px !important;
 }
 
 .titaui-dynamic-item__upvote-btn:hover {
   color: #2879ff;
 }
+
+@keyframes redenvelopesRubberBand {
+  0% {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+
+  30% {
+    -webkit-transform: scale3d(1.25, 0.75, 1);
+    transform: scale3d(1.25, 0.75, 1);
+  }
+
+  40% {
+    -webkit-transform: scale3d(0.75, 1.25, 1);
+    transform: scale3d(0.75, 1.25, 1);
+  }
+
+  50% {
+    -webkit-transform: scale3d(1.15, 0.85, 1);
+    transform: scale3d(1.15, 0.85, 1);
+  }
+
+  65% {
+    -webkit-transform: scale3d(0.95, 1.05, 1);
+    transform: scale3d(0.95, 1.05, 1);
+  }
+
+  75% {
+    -webkit-transform: scale3d(1.05, 0.95, 1);
+    transform: scale3d(1.05, 0.95, 1);
+  }
+
+  to {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+}

package/lib/components/dynamic/dynamic-item/index.js

@@ -49,7 +49,7 @@ var _dynamicReward = _interopRequireDefault(require("./dynamic-reward"));
 
 var _dynamicMilestone = _interopRequireDefault(require("./dynamic-milestone"));
 
-var _dynamicShareToDynamic = _interopRequireDefault(require("./dynamic-share-to-dynamic"));
+var _dynamicLearning = _interopRequireDefault(require("./dynamic-learning"));
 
 var _bsGlobal = require("../../../utils/bs-global");
 
@@ -266,7 +266,7 @@ var DynamicItem = function DynamicItem(_ref) {
           });
         }
 
-        return /*#__PURE__*/_react["default"].createElement(_dynamicShareToDynamic["default"], {
+        return /*#__PURE__*/_react["default"].createElement(_dynamicLearning["default"], {
           data: data
         });
 
@@ -388,7 +388,7 @@ var DynamicItem = function DynamicItem(_ref) {
     className: (0, _classnames["default"])("tu-icon-arrow-down", "".concat(prefix, "__icon"), "".concat(prefix, "__icon-up"))
   }))), /*#__PURE__*/_react["default"].createElement("span", {
     onClick: handlePayReward,
-    className: (0, _classnames["default"])("tu-icon-red-envelopes", "".concat(prefix, "__footer-icon"))
+    className: (0, _classnames["default"])("".concat(prefix, "__footer-icon"), "".concat(prefix, "__footer-icon-redenvelopes"))
   }), /*#__PURE__*/_react["default"].createElement("span", {
     onClick: handleCommentClick,
     className: (0, _classnames["default"])("tu-icon-pinglun-m", "".concat(prefix, "__footer-icon"))

package/lib/components/dynamic/img/dynamic-redenvelopes-hover.svg

@@ -0,0 +1 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="74.137%" y1="76.285%" x2="7.656%" y2=".727%" id="a"><stop stop-color="#F05E5E" offset="0%"/><stop stop-color="#FFA5A5" offset="100%"/></linearGradient></defs><g fill="none" fill-rule="evenodd"><rect width="20" height="20" rx=".167"/><path d="M16.905 4.805c0 .004.003.01.005.014.67 1.56 1.007 3.286 1.007 5.181s-.336 3.622-1.008 5.18v.001a3.5 3.5 0 0 1-1.814 1.823c-1.394.609-3.093.913-5.095.913s-3.7-.304-5.095-.912A3.5 3.5 0 0 1 3.09 15.18c-.67-1.56-1.007-3.286-1.007-5.181 0-1.75.287-3.355.86-4.818l.147-.363.006-.013c.356.213.797.408 1.306.58 1.433.482 3.412.78 5.598.78s4.165-.298 5.598-.78c.51-.172.95-.367 1.307-.58zm-8.143 4.63a.65.65 0 0 0-.895-.121.524.524 0 0 0-.098.735l1.08 1.413h-.646a.47.47 0 1 0 0 .94h1.176v.728H8.082a.595.595 0 0 0 0 1.19h1.297v.532a.648.648 0 1 0 1.296 0v-.532h1.313a.595.595 0 0 0 0-1.19h-1.313v-.728h1.192a.47.47 0 0 0 0-.94h-.641l.958-1.387a.555.555 0 0 0-.172-.79.638.638 0 0 0-.849.179l-1.123 1.594zM10 2.083c2.002 0 3.7.304 5.095.912a3.5 3.5 0 0 1 1.26.933c-.32.216-.88.412-1.64.574-1.244.264-2.922.415-4.715.415-1.793 0-3.471-.151-4.714-.415-.76-.162-1.32-.358-1.642-.573.342-.4.772-.72 1.26-.933v-.001c1.296-.564 2.853-.867 4.672-.907L10 2.083z" fill="url(#a)"/></g></svg>

package/lib/components/dynamic/img/dynamic-redenvelopes-normal.svg

@@ -0,0 +1 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><rect width="20" height="20" rx=".167"/><path d="M16.905 4.805c0 .004.003.01.005.014.67 1.56 1.007 3.286 1.007 5.181s-.336 3.622-1.008 5.18v.001a3.5 3.5 0 0 1-1.814 1.823c-1.394.609-3.093.913-5.095.913s-3.7-.304-5.095-.912A3.5 3.5 0 0 1 3.09 15.18c-.67-1.56-1.007-3.286-1.007-5.181 0-1.75.287-3.355.86-4.818l.147-.363.006-.013c.356.213.797.408 1.306.58 1.433.482 3.412.78 5.598.78s4.165-.298 5.598-.78c.51-.172.95-.367 1.307-.58zm-8.143 4.63a.65.65 0 0 0-.895-.121.524.524 0 0 0-.098.735l1.08 1.413h-.646a.47.47 0 1 0 0 .94h1.176v.728H8.082a.595.595 0 0 0 0 1.19h1.297v.532a.648.648 0 1 0 1.296 0v-.532h1.313a.595.595 0 0 0 0-1.19h-1.313v-.728h1.192a.47.47 0 0 0 0-.94h-.641l.958-1.387a.555.555 0 0 0-.172-.79.638.638 0 0 0-.849.179l-1.123 1.594zM10 2.083c2.002 0 3.7.304 5.095.912a3.5 3.5 0 0 1 1.26.933c-.32.216-.88.412-1.64.574-1.244.264-2.922.415-4.715.415-1.793 0-3.471-.151-4.714-.415-.76-.162-1.32-.358-1.642-.573.342-.4.772-.72 1.26-.933v-.001c1.296-.564 2.853-.867 4.672-.907L10 2.083z" fill="#A4ACB9"/></g></svg>

package/lib/components/file-list/components/single-file/index.css

@@ -11,7 +11,7 @@
   align-items: center;
   justify-content: center;
   margin-right: 10px;
-  background: #F0F2F5;
+  background: #f0f2f5;
 }
 
 .titaui-new-file-list-single-file__file-preview-img {
@@ -28,7 +28,8 @@
 .titaui-new-file-list-single-file__file-name {
   text-align: center;
   margin-top: 8px;
-  color: #3F4755;
+  color: #3f4755;
+  margin-right: 10px;
 }
 
 .titaui-new-file-list-single-file__operate {
@@ -47,7 +48,7 @@
 .titaui-new-file-list-single-file__operate-item {
   font-size: 12px;
   font-weight: 400;
-  color: #FFFFFF;
+  color: #ffffff;
   line-height: 18px;
   display: flex;
   flex-direction: column;
@@ -60,7 +61,7 @@
 
 .titaui-new-file-list-single-file__operate-item-icon {
   margin-bottom: 4px;
-  color: #3F4755;
+  color: #3f4755;
   width: 32px;
   height: 32px;
   display: flex;
@@ -73,7 +74,7 @@
 
 .titaui-new-file-list-single-file__operate-item:hover {
   cursor: pointer;
-  color: #FFFFFF;
+  color: #ffffff;
 }
 
 .titaui-new-file-list-single-file__operate-item--only {

package/lib/components/file-list/index.css

@@ -1,5 +1,6 @@
 .titaui-new-file-list {
   display: flex;
   flex-wrap: wrap;
+  row-gap: 12px;
   font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
 }