@titaui/pc 1.12.65 → 1.12.66

package/lib/components/dialog-upload/uploaded-preview.js

@@ -0,0 +1,134 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _tooltip = _interopRequireDefault(require("../tooltip"));
+
+var _util = require("./util");
+
+var _getLocale = require("../../utils/getLocale");
+
+require("./uploaded-preview.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var prefix = 'titaui-dialog-upload-preview';
+
+var UploadedPreview = function UploadedPreview(_ref) {
+  var uploadResultItem = _ref.uploadResultItem,
+      onSubmit = _ref.onSubmit,
+      className = _ref.className,
+      index = _ref.index;
+  var updateStatusTimer = null; // 附件缩略图
+
+  var renderPreviewThumbnail = function renderPreviewThumbnail() {
+    // 上传中或不是图片文件时用默认icon
+    if (uploadResultItem.uploadStatus === 2 || !(0, _util.isImg)(uploadResultItem.MediaType || uploadResultItem.FileType)) {
+      if (uploadResultItem.MediaType || uploadResultItem.FileType) {
+        return /*#__PURE__*/_react["default"].createElement("img", {
+          src: (0, _util.getFileTypeMapIcon)(uploadResultItem.MediaType || uploadResultItem.FileType),
+          className: "upload-preview-img"
+        });
+      }
+    }
+
+    return /*#__PURE__*/_react["default"].createElement("img", {
+      src: uploadResultItem.ClientUrl || uploadResultItem.PreviewUrl,
+      className: "upload-preview-img"
+    }); // 上传成功且为图片时
+  }; // 删除、预览icon
+
+
+  var dealPreviewOptions = function dealPreviewOptions(uploadStatus, index, deleteable, smallImageUrl, downloadUrl) {
+    var canCancel = uploadStatus === 2 || uploadStatus === 1;
+    var canDelete = deleteable && !canCancel;
+    var canPreview = !!smallImageUrl;
+    var canDowload = !canCancel && !!downloadUrl;
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, canDowload && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+      overlay: (0, _getLocale.getLocale)('Mod_Download'),
+      placement: "top"
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: "dialog-upload-file-action-wrapper"
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: "tu-icon-APP-xiazai action-icon",
+      onMouseDown: function onMouseDown() {
+        return onSubmit(index, 'download');
+      }
+    }))), canPreview && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+      overlay: (0, _getLocale.getLocale)('Mod_Preview'),
+      placement: "top"
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: "dialog-upload-file-action-wrapper"
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: "tu-icon-yulan action-icon",
+      onMouseDown: function onMouseDown() {
+        return onSubmit(index, 'preview');
+      }
+    }))), canDelete && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+      overlay: (0, _getLocale.getLocale)('Mod_Delete'),
+      placement: "top"
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: "dialog-upload-file-action-wrapper"
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: "tu-icon-canceled action-icon delete",
+      onMouseDown: function onMouseDown() {
+        return onSubmit(index, 'delete');
+      }
+    }))), canCancel && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+      overlay: (0, _getLocale.getLocale)('Rep_NewS_CanUpload'),
+      placement: "top"
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: "dialog-upload-file-action-wrapper"
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: "tu-icon-canceled action-icon action-icon-delete",
+      onMouseDown: function onMouseDown() {
+        return onSubmit(index, 'cancel');
+      }
+    }))));
+  };
+
+  (0, _react.useEffect)(function () {
+    return function () {
+      clearTimeout(updateStatusTimer);
+    };
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "preview__content document-mouse-event-ignore ".concat(className, " ").concat(prefix)
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__img-wrapper")
+  }, renderPreviewThumbnail()), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__message-wrapper")
+  }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+    overlay: uploadResultItem.FileName,
+    placement: "top"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__file-title"),
+    "data-tip": uploadResultItem.FileName,
+    key: uploadResultItem.Id
+  }, uploadResultItem.FileName, (uploadResultItem.uploadStatus === 2 || uploadResultItem.uploadStatus === 3) && uploadResultItem.percentComplete !== 100 ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__upload-progress")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      width: "".concat(uploadResultItem.percentComplete, "%")
+    },
+    className: "upload-file--progress"
+  })) : /*#__PURE__*/_react["default"].createElement("div", {
+    className: uploadResultItem.uploadStatus === 3 || uploadResultItem.uploadStatus === 2 ? 'upload-file-size' : 'upload-file-size upload-file-size--error'
+  }, uploadResultItem.uploadStatus === 3 || uploadResultItem.uploadStatus === 2 ? (0, _util.getFileSize)(uploadResultItem.Size) : uploadResultItem.Msg)))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__options-wrapper")
+  }, dealPreviewOptions(uploadResultItem.uploadStatus, index, uploadResultItem.Deleteable, uploadResultItem.ClientUrl || uploadResultItem.PreviewUrl, uploadResultItem.DownloadUrl)));
+};
+
+var _default = UploadedPreview;
+exports["default"] = _default;

package/lib/components/dialog-upload/util.js

@@ -0,0 +1,131 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.transferRcFileToUploadFile = exports.isImg = exports.getFileTypeMapIcon = exports.getFileSize = void 0;
+
+var _doc = _interopRequireDefault(require("./img/doc.svg"));
+
+var _other = _interopRequireDefault(require("./img/other.svg"));
+
+var _pdf = _interopRequireDefault(require("./img/pdf.svg"));
+
+var _ppt = _interopRequireDefault(require("./img/ppt.svg"));
+
+var _radio = _interopRequireDefault(require("./img/radio.svg"));
+
+var _video = _interopRequireDefault(require("./img/video.svg"));
+
+var _xls = _interopRequireDefault(require("./img/xls.svg"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var getFileSize = function getFileSize(fileSize) {
+  if (!fileSize) return '';
+
+  if (fileSize < 1024) {
+    return "".concat(fileSize, "KB");
+  }
+
+  if (fileSize < 1024 * 1024) {
+    var _temp = fileSize / 1024;
+
+    _temp = Number(_temp.toFixed(2));
+    return "".concat(_temp, "M");
+  }
+
+  var temp = fileSize / (1024 * 1024);
+  temp = Number(temp.toFixed(2));
+  return "".concat(temp, "GB");
+};
+
+exports.getFileSize = getFileSize;
+
+var getFileTypeMapIcon = function getFileTypeMapIcon(fileType) {
+  // if (/^(jpg|png|gif|jpeg|image|JPG|PNG|GIF|JPEG)$/.test(fileType)) {
+  //   return
+  // } else
+  if (/^(mp3|ogg|ape|flac)$/.test(fileType.toLowerCase())) {
+    return _radio["default"];
+  }
+
+  if (/^(avi|wmv|mov|mp4|rmvb)$/.test(fileType.toLowerCase())) {
+    return _video["default"];
+  }
+
+  if (/^(pptx|ppt)$/.test(fileType.toLowerCase())) {
+    return _ppt["default"];
+  }
+
+  if (/^(doc|docx)$/.test(fileType.toLowerCase())) {
+    return _doc["default"];
+  }
+
+  if (/^(xls|xlsx)$/.test(fileType.toLowerCase())) {
+    return _xls["default"];
+  }
+
+  if (/^(pdf)$/.test(fileType.toLowerCase())) {
+    return _pdf["default"];
+  }
+
+  return _other["default"];
+};
+
+exports.getFileTypeMapIcon = getFileTypeMapIcon;
+
+var isImg = function isImg(fileType) {
+  if (/^(jpg|png|gif|jpeg|image|JPG|PNG|GIF|JPEG)$/.test(fileType)) {
+    return true;
+  }
+
+  return false;
+}; // export const getPreviewImgs = (files: UploadResultObj[]) => files.filter((file) => isImg(file.FileType)).map((file) => ({
+//   documentId: file.documentId,
+//   bigImageUrl: file.ClientUrl,
+//   fileName: file.FileName,
+//   fileType: file.FileType,
+//   previewUrl: file.ClientUrl,
+//   deleteable: file.Deleteable,
+//   smallImageUrl: file.ClientUrl,
+//   createDate: "",
+//   documentSource: "",
+//   downloadUrl: file.DownloadUrl,
+//   imageUrl: file.ClientUrl,
+//   relatedFileId: null,
+//   size: file.FileSize,
+//   thumbnailGenerated: null,
+// }));
+
+/**
+ * uid: "rc-upload-1647410201539-4"
+  lastModified: 1624862495244
+  lastModifiedDate: Mon Jun 28 2021 14:41:35 GMT+0800 (中国标准时间) {}
+  name: "【去哪儿网】2021-06-25 北京-青岛机票订单电子报销凭证.pdf"
+  size: 36988
+  type: "application/pdf"
+  webkitRelativePath: ""
+ */
+
+
+exports.isImg = isImg;
+
+var transferRcFileToUploadFile = function transferRcFileToUploadFile(file) {
+  var extra = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return _objectSpread({
+    FileName: file.name,
+    Id: file.uid,
+    Size: Math.round(file.size * 10 / 1024) / 10,
+    MediaType: file.type,
+    Deleteable: true
+  }, extra);
+};
+
+exports.transferRcFileToUploadFile = transferRcFileToUploadFile;

package/lib/components/drawer/index.css

@@ -27,14 +27,14 @@
   display: flex;
   align-items: center;
   padding: 0 32px;
-  color: #141C28;
+  color: #141c28;
   font-weight: 600;
   font-size: 16px;
 }
 
 .titaui-drawer-header-back {
   font-size: 12px;
-  color: #89919F;
+  color: #89919f;
 }
 
 .titaui-drawer-header-back:hover {
@@ -49,7 +49,7 @@
   margin: 0 8px;
   width: 1px;
   height: 22px;
-  background: linear-gradient(180deg, rgba(191, 199, 213, 0) 0%, #BFC7D5 50%, rgba(240, 242, 245, 0) 100%);
+  background: linear-gradient(180deg, rgba(191, 199, 213, 0) 0%, #bfc7d5 50%, rgba(240, 242, 245, 0) 100%);
 }
 
 .titaui-drawer-header-action {
@@ -114,7 +114,7 @@
 }
 
 .titaui-drawer-header-action-drop-wrapper::before, .titaui-drawer-header-action-drop-wrapper::after {
-  content: "";
+  content: '';
   display: block;
   position: absolute;
   top: -4px;
@@ -174,7 +174,7 @@
   align-items: center;
   padding: 0 23px;
   cursor: pointer;
-  color: #BFC7D5;
+  color: #bfc7d5;
 }
 
 .titaui-drawer-header-action-drop-wrapper .header-drop-item-approval-icon {

package/lib/components/drawer/index.js

@@ -56,7 +56,7 @@ var Drawer = function Drawer(props) {
 
   var visible = props.visible,
       _props$placement = props.placement,
-      placement = _props$placement === void 0 ? "right" : _props$placement,
+      placement = _props$placement === void 0 ? 'right' : _props$placement,
       children = props.children,
       _props$mask = props.mask,
       mask = _props$mask === void 0 ? false : _props$mask,
@@ -94,7 +94,7 @@ var Drawer = function Drawer(props) {
   }
 
   var autoClose = function autoClose(e) {
-    if ((0, _dom.hasAncestorElement)(e.target, "document-mouse-event-ignore,rc-tooltip,titaui-popup,rc-dialog-root,common-modal,in-modal,task-hot-add")) {
+    if ((0, _dom.hasAncestorElement)(e.target, 'document-mouse-event-ignore,rc-tooltip,titaui-popup,rc-dialog-root,common-modal,in-modal,task-hot-add,addClassName')) {
       return;
     }
 
@@ -103,11 +103,11 @@ var Drawer = function Drawer(props) {
 
   (0, _react.useEffect)(function () {
     if (autoClosable) {
-      document.addEventListener("mousedown", autoClose);
+      document.addEventListener('mousedown', autoClose);
     }
 
     return function () {
-      document.removeEventListener("mousedown", autoClose);
+      document.removeEventListener('mousedown', autoClose);
     };
   }, []);
   return /*#__PURE__*/_react["default"].createElement(DrawerContext.Provider, {
@@ -117,7 +117,7 @@ var Drawer = function Drawer(props) {
       }
     }
   }, /*#__PURE__*/_react["default"].createElement(_rcDrawer["default"], _extends({
-    className: (0, _classnames["default"])("titaui-drawer", "document-mouse-event-ignore", className),
+    className: (0, _classnames["default"])('titaui-drawer', 'document-mouse-event-ignore', className),
     style: _objectSpread(_objectSpread({}, style), {}, {
       zIndex: zIndex
     })
@@ -170,7 +170,7 @@ function DrawerHeader(_ref) {
     onClick: manager && manager.goBack
   }, /*#__PURE__*/_react["default"].createElement("i", {
     className: "tu-icon-fanhui"
-  }), (0, _getLocale.getLocale)("Mod_Back")), showBackBtn && hasContent && /*#__PURE__*/_react["default"].createElement("div", {
+  }), (0, _getLocale.getLocale)('Mod_Back')), showBackBtn && hasContent && /*#__PURE__*/_react["default"].createElement("div", {
     className: "titaui-drawer-header-divider"
   }), hasContent && content, /*#__PURE__*/_react["default"].createElement("div", {
     style: {
@@ -181,7 +181,7 @@ function DrawerHeader(_ref) {
   }), !!collapsedActions.length && /*#__PURE__*/_react["default"].createElement(_headerAction["default"], {
     approvalSetting: approvalSetting,
     detailInfo: detailInfo,
-    title: (0, _getLocale.getLocale)("Mod_MoreOperate"),
+    title: (0, _getLocale.getLocale)('Mod_MoreOperate'),
     icon: "tu-icon-10",
     children: collapsedActions
   }), showClose && /*#__PURE__*/_react["default"].createElement("div", {

package/lib/components/drop-selector/index.js

@@ -23,7 +23,7 @@ require("./index.css");
 var _iconItem = _interopRequireDefault(require("./icon-item"));
 
 var _excluded = ["name", "multi", "children", "onClick", "className"],
-    _excluded2 = ["trigger", "triggerIcon", "destroyPopupOnHide", "popupPlacement", "hideOnChange", "onChange", "canEdit", "popAction", "onPopupVisibleChange"];
+    _excluded2 = ["trigger", "triggerIcon", "destroyPopupOnHide", "popupPlacement", "hideOnChange", "onChange", "canEdit", "popAction", "onPopupVisibleChange", "popupProps"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -142,6 +142,8 @@ function DropSelector(props) {
       _props$popAction = props.popAction,
       popAction = _props$popAction === void 0 ? ['click'] : _props$popAction,
       onPopupVisibleChange = props.onPopupVisibleChange,
+      _props$popupProps = props.popupProps,
+      popupProps = _props$popupProps === void 0 ? {} : _props$popupProps,
       restProps = _objectWithoutProperties(props, _excluded2);
 
   var _useState3 = (0, _react.useState)(false),
@@ -175,16 +177,17 @@ function DropSelector(props) {
     }
   };
 
-  return /*#__PURE__*/_react["default"].createElement(_popup["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_popup["default"], _extends({
     popupVisible: canEdit && realVisible,
     popupPlacement: popupPlacement,
     onPopupVisibleChange: handlePopVisibleChange,
     destroyPopupOnHide: destroyPopupOnHide,
-    action: popAction,
+    action: popAction
+  }, popupProps, {
     popup: /*#__PURE__*/_react["default"].createElement(DropSelectorLayer, _extends({}, restProps, {
       onItemClick: onMenuClickHandler
     }))
-  }, trigger);
+  }), trigger);
 }
 
 DropSelector.IconItem = IconItem;

package/lib/components/dynamic/components/comments-dialog/api.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.userId = exports.tenantId = exports.setSummaryEvaluate = exports.getSummaryEvaluate = void 0;
+
+var _request = require("@titaui/request");
+
+var tenantId = window.BSGlobal && window.BSGlobal.tenantInfo.Id || 0;
+exports.tenantId = tenantId;
+var userId = window.BSGlobal && window.BSGlobal.loginUserInfo.Id || 0; // 获取评价数据
+
+exports.userId = userId;
+
+var getSummaryEvaluate = function getSummaryEvaluate(data) {
+  return (0, _request.rpost)("v1")("summary/getSummaryEvaluate", data);
+}; // 添加/编辑 评论
+
+
+exports.getSummaryEvaluate = getSummaryEvaluate;
+
+var setSummaryEvaluate = function setSummaryEvaluate(data) {
+  return (0, _request.rpost)("v1")("summary/setSummaryEvaluate/".concat(data.toUserId), data);
+};
+
+exports.setSummaryEvaluate = setSummaryEvaluate;

package/lib/components/dynamic/components/comments-dialog/encourage.js

@@ -0,0 +1,127 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _getLocale = require("../../../../utils/getLocale");
+
+var _efforts = _interopRequireDefault(require("./img/efforts.png"));
+
+var _good = _interopRequireDefault(require("./img/good.png"));
+
+var _great = _interopRequireDefault(require("./img/great.png"));
+
+var _curEfforts = _interopRequireDefault(require("./img/curEfforts.png"));
+
+var _curGood = _interopRequireDefault(require("./img/curGood.png"));
+
+var _curGreat = _interopRequireDefault(require("./img/curGreat.png"));
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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; }
+
+var encourageTypes = {
+  '1': {
+    text: (0, _getLocale.getLocale)('Rep_NewS_Marvelous')
+  },
+  '2': {
+    text: (0, _getLocale.getLocale)('Rep_NewS_Welldone')
+  },
+  '3': {
+    text: (0, _getLocale.getLocale)('Rep_NewS_MakePerEffo')
+  }
+};
+var encourageList = [{
+  text: (0, _getLocale.getLocale)('Rep_NewS_Marvelous'),
+  icon: _great["default"],
+  curIcon: _curGreat["default"],
+  id: '1',
+  textColor: '#BD7500'
+}, {
+  text: (0, _getLocale.getLocale)('Rep_NewS_Welldone'),
+  icon: _good["default"],
+  curIcon: _curGood["default"],
+  id: '2',
+  textColor: '#CC663D'
+}, {
+  text: (0, _getLocale.getLocale)('Rep_NewS_MakePerEffo'),
+  icon: _efforts["default"],
+  curIcon: _curEfforts["default"],
+  id: '3',
+  textColor: '#D61900'
+}];
+
+var Encourage = function Encourage(props) {
+  var encourageState = props.encourageState,
+      changeEncourage = props.changeEncourage;
+
+  var _useState = (0, _react.useState)(''),
+      _useState2 = _slicedToArray(_useState, 2),
+      isOver = _useState2[0],
+      setIsOver = _useState2[1];
+
+  var handleEncourage = function handleEncourage(id) {
+    changeEncourage(id);
+  }; // 鼠标移入
+
+
+  var changeMoveOver = function changeMoveOver(id) {
+    setIsOver(id);
+  }; // 鼠标移出
+
+
+  var changeMoveOut = function changeMoveOut() {
+    setIsOver('');
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: 'encourage_container',
+    onMouseOut: function onMouseOut() {}
+  }, encourageList.map(function (item) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "\n              encourage\n              ".concat(encourageState === item.id && encourageState === '1' && 'curEnourageGreat', "\n              ").concat(encourageState === item.id && encourageState === '2' && 'curEnourageGood', "\n              ").concat(encourageState === item.id && encourageState === '3' && 'curEnourageefforts', "\n              ").concat(isOver === item.id && isOver === '1' && 'curOverEnourageGreat', "\n              ").concat(isOver === item.id && isOver === '2' && 'curOverEnourageGood', "\n              ").concat(isOver === item.id && isOver === '3' && 'curOverEnourageefforts', "\n            "),
+      onMouseOver: function onMouseOver() {
+        return changeMoveOver(item.id);
+      },
+      onMouseOut: changeMoveOut,
+      onClick: function onClick() {
+        return handleEncourage(item.id);
+      }
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      src: encourageState === item.id ? item.curIcon : item.icon
+    }), encourageState === item.id ? /*#__PURE__*/_react["default"].createElement("span", {
+      className: "encourage-text",
+      style: {
+        color: item.textColor
+      }
+    }, item.text) : /*#__PURE__*/_react["default"].createElement("span", {
+      className: "encourage-text"
+    }, item.text));
+  }));
+};
+
+var _default = Encourage;
+exports["default"] = _default;

package/lib/components/dynamic/components/comments-dialog/img/top.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>top</title>
+    <g id="页面-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="关键成果" transform="translate(-1306.000000, -1911.000000)" fill="#141C28">
+            <g id="编组-9" transform="translate(1292.000000, 1897.000000)">
+                <g id="top" transform="translate(14.000000, 14.000000)">
+                    <path d="M12.0142136,5.6 C12.2358884,5.6 12.4365049,5.69016094 12.5813929,5.83581246 C12.640826,5.86963662 12.6972878,5.91247294 12.7485281,5.96371324 L12.7485281,5.96371324 L18.9710678,12.1862529 C19.2834872,12.4986723 19.2834872,13.0052043 18.9710678,13.3176238 C18.6586484,13.6300432 18.1521164,13.6300432 17.839697,13.3176238 L17.839697,13.3176238 L12.8140447,8.292 L12.8142136,20.8 C12.8142136,21.2418278 12.4560414,21.6 12.0142136,21.6 C11.5723858,21.6 11.2142136,21.2418278 11.2142136,20.8 L11.2140447,8.292 L6.18873016,13.3176238 C5.87631073,13.6300432 5.36977875,13.6300432 5.05735931,13.3176238 C4.74493988,13.0052043 4.74493988,12.4986723 5.05735931,12.1862529 L11.279899,5.96371324 C11.3309062,5.91270599 11.3870877,5.87002645 11.4467538,5.83567462 C11.5910041,5.69057405 11.7920315,5.6 12.0142136,5.6 Z" id="形状结合"></path>
+                    <path d="M12,-5.8 C12.4418278,-5.8 12.8,-5.4418278 12.8,-5 L12.8,11.4 C12.8,11.8418278 12.4418278,12.2 12,12.2 C11.5581722,12.2 11.2,11.8418278 11.2,11.4 L11.2,-5 C11.2,-5.4418278 11.5581722,-5.8 12,-5.8 Z" id="矩形" transform="translate(12.000000, 3.200000) rotate(-270.000000) translate(-12.000000, -3.200000) "></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>