@titaui/pc 1.5.82 → 1.5.83

package/lib/components/dynamic/quick-operation/index.js

@@ -0,0 +1,112 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _createOkr = _interopRequireDefault(require("./components/create-okr"));
+
+var _createTask = _interopRequireDefault(require("./components/create-task"));
+
+var _createShare = _interopRequireDefault(require("./components/create-share"));
+
+var _createAnnouncement = _interopRequireDefault(require("./components/create-announcement"));
+
+var _auth = require("../../../utils/auth");
+
+var _createOkr2 = _interopRequireDefault(require("../../create-okr"));
+
+var _publishDynamicModal = _interopRequireDefault(require("../../publish-dynamic-modal/publish-dynamic-modal"));
+
+var _popDownNotification = require("../../pop-down-notification");
+
+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; }
+
+var prefix = "titaui-pc-dynamic-quick-operation";
+
+var DynamicQuickOperation = function DynamicQuickOperation(_ref) {
+  var _ref$showCreateOKr = _ref.showCreateOKr,
+      showCreateOKr = _ref$showCreateOKr === void 0 ? true : _ref$showCreateOKr,
+      _ref$showCreateTask = _ref.showCreateTask,
+      showCreateTask = _ref$showCreateTask === void 0 ? true : _ref$showCreateTask,
+      _ref$showCreateShare = _ref.showCreateShare,
+      showCreateShare = _ref$showCreateShare === void 0 ? true : _ref$showCreateShare,
+      _ref$showCreateAnnoun = _ref.showCreateAnnouncement,
+      showCreateAnnouncement = _ref$showCreateAnnoun === void 0 ? true : _ref$showCreateAnnoun;
+  var hasDynamicAnnouncementAuth = new _auth.DynamicManagerAuth().hasAuth();
+  var createTaskDivRef = (0, _react.useRef)(document.createElement('div'));
+
+  var handleShowCreateOKrModal = function handleShowCreateOKrModal() {
+    // @ts-ignore
+    window.showCreateOkrModal && window.showCreateOkrModal();
+  };
+
+  var handleShowCreateAnnouncement = function handleShowCreateAnnouncement() {
+    // @ts-ignore
+    window.showPublishAnnouncementDynamicModal && window.showPublishAnnouncementDynamicModal();
+  };
+
+  var handleShowCreatShare = function handleShowCreatShare() {
+    // @ts-ignore
+    window.showPublishShareDynamicModal && window.showPublishShareDynamicModal();
+  };
+
+  var handleCreateTaskClick = function handleCreateTaskClick() {
+    // @ts-ignore
+    window.openCreateTaskPop(createTaskDivRef.current, {
+      'createParams': {
+        'objId': '',
+        'objType': 4,
+        'AppId': 1,
+        'AppType': 1,
+        'TaskType': 0,
+        'WorkMileStoneId': ''
+      }
+    }).then(function () {
+      _popDownNotification.Toast.Success('发布成功', {
+        canClose: false
+      });
+
+      setTimeout(function () {
+        // @ts-ignore 跳到我的发布页签
+        window.setTabsToPublish && window.setTabsToPublish();
+      }, 2000);
+    });
+  };
+
+  var handleAfterSuccess = function handleAfterSuccess() {
+    setTimeout(function () {
+      // @ts-ignore 跳到我的发布页签
+      window.setTabsToPublish && window.setTabsToPublish();
+    }, 2000);
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix
+  }, showCreateOKr && /*#__PURE__*/_react["default"].createElement(_createOkr["default"], {
+    onClick: handleShowCreateOKrModal
+  }), showCreateTask && /*#__PURE__*/_react["default"].createElement(_createTask["default"], {
+    onClick: handleCreateTaskClick,
+    ref: createTaskDivRef
+  }), showCreateShare && /*#__PURE__*/_react["default"].createElement(_createShare["default"], {
+    onClick: handleShowCreatShare
+  }), showCreateAnnouncement && hasDynamicAnnouncementAuth && /*#__PURE__*/_react["default"].createElement(_createAnnouncement["default"], {
+    onClick: handleShowCreateAnnouncement
+  }), /*#__PURE__*/_react["default"].createElement(_createOkr2["default"], {
+    onSuccess: handleAfterSuccess
+  }), /*#__PURE__*/_react["default"].createElement(_publishDynamicModal["default"], null));
+};
+
+var _default = DynamicQuickOperation;
+exports["default"] = _default;

package/lib/components/dynamic/request-api.js

@@ -0,0 +1,92 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDynamicFeedList = exports.getMenu = exports.getLeastPariseInfo = exports.getRanking = exports.getPraise = exports.deleteDynamic = exports.cancelCollectDynamic = exports.collectDynamic = exports.cancelTopDynamic = exports.topDynamic = void 0;
+
+var _request = require("../../utils/request");
+
+// @ts-ignore
+var userId = BSGlobal && BSGlobal.loginUserInfo.Id || 0;
+
+var topDynamic = function topDynamic(_ref) {
+  var feedId = _ref.feedId;
+  return (0, _request.rget)("v2")("user/feednew/setTop?feedId=".concat(feedId));
+};
+
+exports.topDynamic = topDynamic;
+
+var cancelTopDynamic = function cancelTopDynamic(_ref2) {
+  var feedId = _ref2.feedId;
+  return (0, _request.rget)("v2")("user/feednew/cancelTop?feedId=".concat(feedId));
+};
+
+exports.cancelTopDynamic = cancelTopDynamic;
+
+var collectDynamic = function collectDynamic(_ref3) {
+  var feedId = _ref3.feedId;
+  return (0, _request.rput)("v2")("user/feed/Collect?feed_id=".concat(feedId));
+};
+
+exports.collectDynamic = collectDynamic;
+
+var cancelCollectDynamic = function cancelCollectDynamic(_ref4) {
+  var feedId = _ref4.feedId;
+  return (0, _request.rdelete)("v2")("user/feed/CancelCollect?feed_id=".concat(feedId));
+};
+
+exports.cancelCollectDynamic = cancelCollectDynamic;
+
+var deleteDynamic = function deleteDynamic(_ref5) {
+  var feedId = _ref5.feedId;
+  return (0, _request.rdelete)("v2")("user/feed/Delete?feed_id=".concat(feedId));
+};
+
+exports.deleteDynamic = deleteDynamic;
+
+var getPraise = function getPraise(_ref6) {
+  var objId = _ref6.objId,
+      _ref6$start = _ref6.start,
+      start = _ref6$start === void 0 ? "" : _ref6$start,
+      _ref6$count = _ref6.count,
+      count = _ref6$count === void 0 ? 5 : _ref6$count,
+      _ref6$objType = _ref6.objType,
+      objType = _ref6$objType === void 0 ? 10 : _ref6$objType;
+  return (0, _request.rget)("v1")("praise/get?objId=".concat(objId, "&start=&count=").concat(count, "&objType=").concat(objType));
+};
+
+exports.getPraise = getPraise;
+
+var getRanking = function getRanking(data) {
+  return (0, _request.rpost)("v1")("praise/getRanking", data);
+};
+
+exports.getRanking = getRanking;
+
+var getLeastPariseInfo = function getLeastPariseInfo() {
+  return (0, _request.rget)("v1")("praise/getLeastPariseInfo?count=10");
+};
+
+exports.getLeastPariseInfo = getLeastPariseInfo;
+
+var getMenu = function getMenu() {
+  return (0, _request.rget)("v2")("feed/FeedTabMenus");
+};
+
+exports.getMenu = getMenu;
+
+var getDynamicFeedList = function getDynamicFeedList() {
+  var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+    PageSize: 20,
+    PageNum: 1,
+    KeyWord: "",
+    ChannelIds: "",
+    Domain: "",
+    TitaHost: "",
+    RequestSource: 0
+  };
+  return (0, _request.rpost)("v2")("feed/feeds", data);
+};
+
+exports.getDynamicFeedList = getDynamicFeedList;

package/lib/components/dynamic/util.js

@@ -0,0 +1,140 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formatMenu = exports.formatCycleData = exports.getFeedTypeAndTypeColor = exports.getProgressState = void 0;
+
+var _constant = require("./constant");
+
+var getProgressState = function getProgressState(oStatus, riskLevel) {
+  // 2代表已结束
+  if (oStatus === 2) {
+    return "end";
+  } else {
+    return _constant.OkrRiskMapping[riskLevel] ? _constant.OkrRiskMapping[riskLevel] : "normal";
+  }
+};
+
+exports.getProgressState = getProgressState;
+
+var getFeedTypeAndTypeColor = function getFeedTypeAndTypeColor(feedType) {
+  var feedTypeText = "";
+  var feedTypeColor = "";
+
+  if (feedType === _constant.EFeedType.Assessment) {
+    feedTypeText = "考核";
+    feedTypeColor = "linear-gradient(90deg, #5AD9D8 0%, #94EDEC 100%)";
+  }
+
+  if (feedType === _constant.EFeedType.Report) {
+    feedTypeText = "总结";
+    feedTypeColor = "linear-gradient(270deg, #FF9EC3 0%, #FF4D91 100%)";
+  }
+
+  if (feedType === _constant.EFeedType.Reply) {
+    feedTypeText = "复盘";
+    feedTypeColor = "linear-gradient(270deg, #FFA5A5 0%, #F05E5E 100%)";
+  }
+
+  if (feedType === _constant.EFeedType.Align) {
+    feedTypeText = "对齐";
+    feedTypeColor = "linear-gradient(270deg, #93EED2 0%, rgba(90, 216, 166, 0.85) 100%)";
+  }
+
+  if (feedType === _constant.EFeedType.Progress) {
+    feedTypeText = "进展";
+    feedTypeColor = "linear-gradient(90deg, #FFAB67 0%, #FFD5A0 100%)";
+  }
+
+  if (feedType === _constant.EFeedType.Relative) {
+    feedTypeText = "关联";
+    feedTypeColor = "linear-gradient(270deg, #FFE18B 0%, #F6BD16 100%)";
+  }
+
+  if (feedType === _constant.EFeedType.O) {
+    feedTypeText = 'OKRs';
+    feedTypeColor = 'linear-gradient(90deg, #2879FF 0%, #9FBFFF 100%)';
+  }
+
+  if (feedType === _constant.EFeedType.Kr) {
+    feedTypeText = 'KR';
+    feedTypeColor = 'linear-gradient(90deg, #2879FF 0%, #9FBFFF 100%)';
+  }
+
+  if (feedType === _constant.EFeedType.Project) {
+    feedTypeText = '项目';
+    feedTypeColor = 'linear-gradient(90deg, #624DFF 0%, #CDC7FF 100%)';
+  }
+
+  if (feedType === _constant.EFeedType.MileStone) {
+    feedTypeText = '里程碑';
+    feedTypeColor = 'linear-gradient(90deg, #624DFF 0%, #CDC7FF 100%)';
+  }
+
+  if (feedType === _constant.EFeedType.Task) {
+    feedTypeText = '任务';
+    feedTypeColor = 'linear-gradient(90deg, #BB4DFF 0%, #EAC7FF 100%)';
+  }
+
+  return {
+    feedTypeText: feedTypeText,
+    feedTypeColor: feedTypeColor
+  };
+};
+
+exports.getFeedTypeAndTypeColor = getFeedTypeAndTypeColor;
+
+var formatCycleData = function formatCycleData(periodParams, isGetCycleRange) {
+  if (!periodParams) return '';
+  var quarter = ['', '第一季度', '第二季度', '第三季度', '第四季度'];
+  var cycleDate = '';
+  var startDate = periodParams.startDate;
+  var endDate = periodParams.endDate;
+  var annualNum = periodParams.annualNum == '-1' ? '全部年份' : periodParams.annualNum;
+
+  switch (periodParams.cycleType.toString()) {
+    case '-1':
+      cycleDate = '全部周期';
+      break;
+
+    case '1':
+      cycleDate = '年度';
+      break;
+
+    case '2':
+      // 季度
+      cycleDate = quarter[Number(periodParams.yqmNum)];
+      break;
+
+    case '3':
+      cycleDate = periodParams.yqmNum + '月';
+      break;
+
+    default:
+      cycleDate = '自定义';
+  }
+
+  if (new Date(periodParams.startDate).getFullYear() == new Date().getFullYear()) {
+    startDate = periodParams.startDate.slice(5);
+    endDate = periodParams.endDate.slice(5);
+  }
+
+  return annualNum + '年  ' + cycleDate + "".concat(isGetCycleRange ? ',' + startDate + '~' + endDate : '');
+};
+
+exports.formatCycleData = formatCycleData;
+
+var formatMenu = function formatMenu(data) {
+  data.sort(function (a, b) {
+    return a.Order - b.Order;
+  });
+  data.forEach(function (item) {
+    item.ChildMenus.sort(function (a, b) {
+      return a.Order - b.Order;
+    });
+  });
+  return data;
+};
+
+exports.formatMenu = formatMenu;

package/lib/components/emotionsSelector/style.js

@@ -13,7 +13,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var EmotionWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-block;\n  z-index: 1010;\n"])));
+var EmotionWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-block;\n  z-index: 2;\n"])));
 
 exports.EmotionWrapper = EmotionWrapper;
 

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

@@ -0,0 +1,84 @@
+.titaui-new-file-list-single-file {
+  position: relative;
+  margin-bottom: 12px;
+}
+
+.titaui-new-file-list-single-file__file-preview {
+  width: 180px;
+  height: 180px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 10px;
+}
+
+.titaui-new-file-list-single-file__file-preview-img {
+  width: 180px;
+  height: 180px;
+  border-radius: 8px;
+}
+
+.titaui-new-file-list-single-file__file-preview-other-img {
+  width: 54px;
+  height: 54px;
+}
+
+.titaui-new-file-list-single-file__file-name {
+  text-align: center;
+  margin-top: 8px;
+  color: #3F4755;
+}
+
+.titaui-new-file-list-single-file__operate {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 180px;
+  height: 180px;
+  background: rgba(20, 28, 40, 0.3);
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.titaui-new-file-list-single-file__operate-item {
+  font-size: 12px;
+  font-weight: 400;
+  color: #FFFFFF;
+  line-height: 18px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.titaui-new-file-list-single-file__operate-item:first-of-type {
+  margin-right: 32px;
+}
+
+.titaui-new-file-list-single-file__operate-item-icon {
+  margin-bottom: 4px;
+  color: #3F4755;
+  width: 32px;
+  height: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 20px;
+  border-radius: 50%;
+  background: rgba(247, 248, 250, 0.9);
+}
+
+.titaui-new-file-list-single-file__operate-item:hover {
+  cursor: pointer;
+  color: #FFFFFF;
+}
+
+.titaui-new-file-list-single-file__operate-item--only {
+  margin-right: 0 !important;
+}
+
+.titaui-new-file-list-single-file__not-preview {
+  margin-right: 0 !important;
+}

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

@@ -0,0 +1,115 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _util = require("../../util");
+
+var _tooltip = require("../../../tooltip");
+
+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 _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; }
+
+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 prefix = "titaui-new-file-list-single-file";
+
+var SingleFile = function SingleFile(_ref) {
+  var data = _ref.data,
+      index = _ref.index,
+      onPreview = _ref.onPreview,
+      showDownload = _ref.showDownload;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isMouseEnter = _useState2[0],
+      setIsMouseEnter = _useState2[1];
+
+  var _getFileTypeMapIcon = (0, _util.getFileTypeMapIcon)(data.fileType),
+      isImg = _getFileTypeMapIcon.isImg,
+      fileImg = _getFileTypeMapIcon.fileImg,
+      backGroundColor = _getFileTypeMapIcon.backGroundColor,
+      canPreview = _getFileTypeMapIcon.canPreview;
+
+  var handleMouseEnter = function handleMouseEnter() {
+    setIsMouseEnter(true);
+  };
+
+  var handleMouseLeave = function handleMouseLeave() {
+    setIsMouseEnter(false);
+  };
+
+  var handlePreviewImg = function handlePreviewImg() {
+    onPreview && onPreview(index);
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix
+  }, isMouseEnter && /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix + "__operate",
+    onMouseLeave: handleMouseLeave
+  }, !isImg && canPreview && /*#__PURE__*/_react["default"].createElement("a", {
+    className: (0, _classnames["default"])(prefix + "__operate-item", _defineProperty({}, prefix + "__operate-item--only", !showDownload)),
+    href: data.previewUrl,
+    target: "_blank"
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])("tu-icon-yulan", prefix + "__operate-item-icon")
+  }), "\u9884\u89C8"), isImg && /*#__PURE__*/_react["default"].createElement("a", {
+    className: (0, _classnames["default"])(prefix + "__operate-item", _defineProperty({}, prefix + "__operate-item--only", !showDownload)),
+    onClick: handlePreviewImg
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])("tu-icon-yulan", prefix + "__operate-item-icon")
+  }), "\u9884\u89C8"), showDownload && /*#__PURE__*/_react["default"].createElement("a", {
+    className: (0, _classnames["default"])(prefix + "__operate-item", _defineProperty({}, prefix + '__not-preview', !canPreview)),
+    href: data.downloadUrl
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])("tu-icon-APP-xiazai", prefix + "__operate-item-icon")
+  }), "\u4E0B\u8F7D")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])(prefix + "__file-preview"),
+    onMouseEnter: handleMouseEnter,
+    style: {
+      backgroundColor: backGroundColor
+    }
+  }, isImg && /*#__PURE__*/_react["default"].createElement("img", {
+    className: prefix + "__file-preview-img",
+    src: data.bigImageUrl || data.smallImageUrl
+  }), !isImg && /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix + "__file-preview-other"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    className: prefix + "__file-preview-other-img",
+    src: fileImg
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix + "__file-name"
+  }, /*#__PURE__*/_react["default"].createElement(_tooltip.TooltipText, {
+    text: data.fileName,
+    maxWidth: 180
+  })));
+};
+
+var _default = SingleFile;
+exports["default"] = _default;

package/lib/components/file-list/img/new-file-list-doc.svg

@@ -0,0 +1 @@
+<svg width="28" height="28" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="100%" y1="29.782%" x2="83.621%" y2="29.782%" id="a"><stop stop-color="#2879FF" offset="0%"/><stop stop-color="#005BDC" offset="100%"/></linearGradient><linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="b"><stop stop-color="#88BCFF" offset="0%"/><stop stop-color="#2879FF" offset="100%"/></linearGradient><filter x="-31.7%" y="-38%" width="163.3%" height="176%" filterUnits="objectBoundingBox" id="c"><feOffset dy=".8" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation=".4" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0.105882353 0 0 0 0 0.435294118 0 0 0 0 0.952941176 0 0 0 1 0" in="shadowBlurOuter1" result="shadowMatrixOuter1"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g fill="none" fill-rule="evenodd"><path d="M0 .452h28v27.097H0z"/><path d="M8.089 8.129h15.555c.86 0 1.556.668 1.556 1.492v14.177c0 .824-.696 1.492-1.556 1.492H8.09c-.86 0-1.556-.668-1.556-1.492V9.621c0-.824.697-1.492 1.556-1.492z" fill="url(#a)" fill-rule="nonzero"/><path d="M20.291 2.71c.84 0 1.521.674 1.521 1.505v19.57c0 .831.681 1.505 1.521 1.505H4.321c-.84 0-1.521-.674-1.521-1.505V4.215c0-.831.681-1.505 1.521-1.505h15.97z" fill="url(#b)" fill-rule="nonzero"/><g filter="url(#c)" transform="translate(6.533 8.773)"><path d="M.677 4.775h9.846a.677.677 0 1 1 0 1.355H.677a.677.677 0 1 1 0-1.355z" fill="#D2E3FF"/><path d="M.677 1.162h4.246a.677.677 0 0 1 0 1.355H.677a.677.677 0 0 1 0-1.355z" fill="#FFF"/><path d="M.677 8.351h9.846a.677.677 0 1 1 0 1.355H.677a.677.677 0 0 1 0-1.355z" fill="#A8C9FF"/></g></g></svg>

package/lib/components/file-list/img/new-file-list-other.svg

@@ -0,0 +1 @@
+<svg width="28" height="28" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="100%" y1="29.782%" x2="83.621%" y2="29.782%" id="a"><stop stop-color="#26D8F0" offset="0%"/><stop stop-color="#00A7BD" offset="100%"/></linearGradient><linearGradient x1="50%" y1="99.348%" x2="50%" y2="0%" id="b"><stop stop-color="#00BDD6" offset="0%"/><stop stop-color="#9EF4FF" offset="100%"/></linearGradient><filter x="-31.7%" y="-35.3%" width="163.3%" height="170.6%" filterUnits="objectBoundingBox" id="c"><feOffset dy=".8" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation=".4" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0.741176471 0 0 0 0 0.839215686 0 0 0 1 0" in="shadowBlurOuter1" result="shadowMatrixOuter1"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g fill="none" fill-rule="evenodd"><path d="M0 .452h28v27.097H0z"/><path d="M8.089 7.677h15.555c.86 0 1.556.669 1.556 1.493v14.176c0 .825-.696 1.493-1.556 1.493H8.09c-.86 0-1.556-.668-1.556-1.493V9.17c0-.824.697-1.493 1.556-1.493z" fill="url(#a)" fill-rule="nonzero" transform="translate(0 .452)"/><path d="M20.291 2.258c.84 0 1.521.674 1.521 1.505v19.57c0 .832.681 1.506 1.521 1.506H4.321c-.84 0-1.521-.674-1.521-1.506V3.763c0-.831.681-1.505 1.521-1.505h15.97z" fill="url(#b)" fill-rule="nonzero" transform="translate(0 .452)"/><g filter="url(#c)" transform="translate(6.3 8.6)" fill-rule="nonzero"><path d="M8.846 1.02H3.395l1.267 2.198A2 2 0 0 0 6.38 4.22l4.126.031V2.664c0-.916-.753-1.643-1.66-1.643zm0 1.175c.268 0 .486.21.486.47v.399l-3.416-.02-.49-.85h3.42z" fill="#C7F8FF"/><path d="M3.298 0H1.403C.628 0 0 .628 0 1.403v7.964c0 .775.628 1.403 1.403 1.403h9.193a1.403 1.403 0 0 0 1.403-1.403L12 4.545l-.006-.126a1.4 1.4 0 0 0-1.373-1.27l-4.678-.037L4.615.807C4.331.337 3.856 0 3.298 0zM1.403 1.174h1.895c.094 0 .222.09.306.23l1.49 2.585c.104.18.295.291.503.293l5.01.04c.12.002.219.102.22.225l-.002 4.82a.23.23 0 0 1-.229.23H1.403a.23.23 0 0 1-.23-.23V1.403a.23.23 0 0 1 .23-.23z" fill="#FFF"/></g></g></svg>

package/lib/components/file-list/img/new-file-list-pdf.svg

@@ -0,0 +1 @@
+<svg width="28" height="28" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="100%" y1="29.782%" x2="83.621%" y2="29.782%" id="a"><stop stop-color="#FD4F54" offset="0%"/><stop stop-color="#CD1116" offset="100%"/></linearGradient><linearGradient x1="50%" y1="100%" x2="50%" y2="0%" id="b"><stop stop-color="#EC3C3C" offset="0%"/><stop stop-color="#FF8383" offset="100%"/></linearGradient><linearGradient x1="47.638%" y1="10.393%" x2="52.642%" y2="90.65%" id="d"><stop stop-color="#FFF" offset="0%"/><stop stop-color="#F6AFAF" offset="45.302%"/><stop stop-color="#FFF" offset="100%"/></linearGradient><filter x="-15.6%" y="-15.6%" width="131.2%" height="131.2%" filterUnits="objectBoundingBox" id="c"><feOffset dy=".5" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation=".25" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0.878431373 0 0 0 0 0.125490196 0 0 0 0 0.125490196 0 0 0 1 0" in="shadowBlurOuter1" result="shadowMatrixOuter1"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g fill="none" fill-rule="evenodd"><path d="M0 .452h28v27.097H0z"/><path d="M8.089 8.129h15.555c.86 0 1.556.668 1.556 1.492v14.177c0 .824-.696 1.492-1.556 1.492H8.09c-.86 0-1.556-.668-1.556-1.492V9.621c0-.824.697-1.492 1.556-1.492z" fill="url(#a)" fill-rule="nonzero"/><path d="M20.291 2.71c.84 0 1.521.674 1.521 1.505v19.57c0 .831.681 1.505 1.521 1.505H4.321c-.84 0-1.521-.674-1.521-1.505V4.215c0-.831.681-1.505 1.521-1.505h15.97z" fill="url(#b)" fill-rule="nonzero"/><g filter="url(#c)" transform="translate(4 6.032)" fill-rule="nonzero"><path d="m11.249.837.176.048.189.062c.729.268 1.145.751 1.297 1.338.31 1.258-.573 2.82-2.161 4.553l-.334.355.101.388c.175.649.362 1.257.564 1.823l.155.417.131.33.215.099c1.977.926 3.282 1.856 3.643 2.845l.045.141.032.143c.103.492-.05.963-.441 1.359-.329.282-.684.43-1.06.43-1.233 0-2.347-1.514-3.368-3.854l-.082-.188-.421-.174a24.406 24.406 0 0 0-1.997-.705l-.49-.143L7.043 10l-.206.136c-1.307.845-2.517 1.418-3.54 1.549l-.217.02-.21.008c-.924 0-1.603-.48-1.851-1.311-.172-.587-.078-1.098.184-1.43.4-.557 1.189-.824 2.353-.824.815 0 1.813.13 2.908.379l.322.076.345-.251c.414-.31.815-.636 1.195-.97l.374-.338.28-.267-.04-.192c-.412-2.088-.448-3.81.134-4.852l.092-.151.096-.135c.465-.59 1.17-.801 1.986-.609zm.968 11.202.039.07c.628 1.126 1.235 1.783 1.545 1.783.033 0 .077-.018.145-.075.085-.085.094-.119.08-.18-.073-.369-.656-.928-1.695-1.534l-.114-.064zm-8.66-2.594c-.813 0-1.194.138-1.303.27l-.024.046c-.024.053-.027.134.016.289.065.26.22.386.625.386.511 0 1.225-.234 2.084-.68l.27-.146-.089-.016a10.444 10.444 0 0 0-1.345-.145l-.234-.004zM9.333 8.21l-.263.229-.337.283-.374.305.172.052c.36.112.723.235 1.078.364l.12.045-.067-.195a21.92 21.92 0 0 1-.205-.656l-.124-.427zm1.348-6.148a.506.506 0 0 0-.418.193c-.348.437-.439 1.523-.247 2.97l.061.414.085-.095c1.02-1.189 1.577-2.254 1.512-2.853l-.016-.095c-.031-.158-.143-.297-.471-.415l-.134-.043a.994.994 0 0 0-.372-.076z" fill="#FFF"/><path d="m10.416 7.193.101.388c.175.649.362 1.257.564 1.823l.155.417.131.33c.817 2.33 1.982 3.858 3.494 4.587-.329.282-.684.43-1.06.43-1.233 0-2.347-1.514-3.368-3.854l-.082-.188a25.48 25.48 0 0 1-.766-2.113 27.948 27.948 0 0 1-.605-2.237l-.038-.192c-.413-2.088-.449-3.81.133-4.852l.092-.151.096-.135c.465-.59 1.17-.801 1.986-.609l.176.048.189.062c.729.268 1.684 1.674-.427 1.23-1.408-.297-1.665 1.375-.77 5.016z" fill="url(#d)"/></g></g></svg>

package/lib/components/file-list/img/new-file-list-ppt.svg

@@ -0,0 +1 @@
+<svg width="28" height="28" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="100%" y1="29.782%" x2="83.621%" y2="29.782%" id="a"><stop stop-color="#F0A326" offset="0%"/><stop stop-color="#D68500" offset="100%"/></linearGradient><linearGradient x1="50%" y1="99.348%" x2="50%" y2="0%" id="b"><stop stop-color="#F0A326" offset="0%"/><stop stop-color="#FFDA9E" offset="100%"/></linearGradient><filter x="-47.5%" y="-34.5%" width="195%" height="169.1%" filterUnits="objectBoundingBox" id="c"><feOffset dy=".8" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation=".4" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0.839215686 0 0 0 0 0.521568627 0 0 0 0 0 0 0 0 1 0" in="shadowBlurOuter1" result="shadowMatrixOuter1"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g fill="none" fill-rule="evenodd"><path d="M0 .452h28v27.097H0z"/><path d="M8.089 8.129h15.555c.86 0 1.556.668 1.556 1.492v14.177c0 .824-.696 1.492-1.556 1.492H8.09c-.86 0-1.556-.668-1.556-1.492V9.621c0-.824.697-1.492 1.556-1.492z" fill="url(#a)" fill-rule="nonzero"/><path d="M20.291 2.71c.84 0 1.521.674 1.521 1.505v19.57c0 .831.681 1.505 1.521 1.505H4.321c-.84 0-1.521-.674-1.521-1.505V4.215c0-.831.681-1.505 1.521-1.505h15.97z" fill="url(#b)" fill-rule="nonzero"/><g filter="url(#c)" transform="translate(8 9)"><path d="M.933 9.687V2.7a.7.7 0 1 1 1.4 0v6.987a.7.7 0 1 1-1.4 0z" fill="#FFDA9E"/><path d="M4.57 0c2.222 0 3.333.91 3.333 2.745 0 1.847-1.125 2.77-3.36 2.77H.933a.608.608 0 0 1-.56-.592.597.597 0 0 1 .656-.586l3.423.002c.706 0 1.215-.126 1.542-.38.314-.252.484-.657.484-1.214 0-.557-.17-.961-.497-1.189-.327-.253-.837-.38-1.53-.38H.934a.602.602 0 0 1-.56-.589C.373.263.645 0 .98 0L.932.003.933 0z" fill="#FFF" fill-rule="nonzero"/></g></g></svg>

package/lib/components/file-list/img/new-file-list-radio.svg

@@ -0,0 +1 @@
+<svg width="28" height="28" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="100%" y1="29.782%" x2="83.621%" y2="29.782%" id="a"><stop stop-color="#F026D8" offset="0%"/><stop stop-color="#BD00A7" offset="100%"/></linearGradient><linearGradient x1="50%" y1="99.348%" x2="50%" y2=".295%" id="b"><stop stop-color="#F026D8" offset="0%"/><stop stop-color="#FF9EF4" offset="100%"/></linearGradient><filter x="-31.7%" y="-31.7%" width="163.3%" height="163.3%" filterUnits="objectBoundingBox" id="c"><feOffset dy=".8" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation=".4" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0.839215686 0 0 0 0 0 0 0 0 0 0.741176471 0 0 0 1 0" in="shadowBlurOuter1" result="shadowMatrixOuter1"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g fill="none" fill-rule="evenodd"><path d="M0 .452h28v27.097H0z"/><path d="M8.089 8.129h15.555c.86 0 1.556.668 1.556 1.492v14.177c0 .824-.696 1.492-1.556 1.492H8.09c-.86 0-1.556-.668-1.556-1.492V9.621c0-.824.697-1.492 1.556-1.492z" fill="url(#a)" fill-rule="nonzero"/><path d="M20.291 2.71c.84 0 1.521.674 1.521 1.505v19.57c0 .831.681 1.505 1.521 1.505H4.321c-.84 0-1.521-.674-1.521-1.505V4.215c0-.831.681-1.505 1.521-1.505h15.97z" fill="url(#b)" fill-rule="nonzero"/><g filter="url(#c)" transform="translate(6 8.37)" fill-rule="nonzero"><path d="M3.285 5.04a.567.567 0 0 1-.081-1.129l3.902-.703a.568.568 0 0 1 .166 1.12l-3.902.704a.448.448 0 0 1-.085.007z" fill="#FFC7F8"/><path d="M10.926.137a.569.569 0 0 1 .197.43v8.059a.566.566 0 0 1-.032.187c-.148.82-.946 1.447-1.903 1.447-1.063 0-1.928-.772-1.928-1.72s.865-1.72 1.928-1.72c.285 0 .556.056.8.156v-5.75l.484-1.22a.57.57 0 0 1 .454.131zM9.187 7.955c-.43 0-.792.268-.792.585 0 .317.363.585.793.585.43 0 .792-.268.792-.585 0-.317-.363-.585-.793-.585z" fill="#FFF"/><path d="M3.287 10.278a.568.568 0 0 1-.568-.567V1.652c0-.281.205-.52.483-.561l7.27-1.085a.57.57 0 0 1 .65.561c-.002.165-.035.287-.1.365a.49.49 0 0 1-.27.159l-6.9 1.051v7.57a.564.564 0 0 1-.565.566z" fill="#FFF"/><path d="M1.927 7.905c1.062 0 1.927.772 1.927 1.72s-.865 1.72-1.927 1.72C.864 11.344 0 10.572 0 9.624s.864-1.72 1.927-1.72zm0 1.135c-.43 0-.793.267-.793.585 0 .317.363.585.793.585.43 0 .793-.268.793-.585 0-.318-.364-.585-.793-.585z" fill="#FFF"/></g></g></svg>

package/lib/components/file-list/img/new-file-list-video.svg

@@ -0,0 +1 @@
+<svg width="28" height="28" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="100%" y1="29.782%" x2="83.621%" y2="29.782%" id="a"><stop stop-color="#A226F0" offset="0%"/><stop stop-color="#7500BD" offset="100%"/></linearGradient><linearGradient x1="50%" y1="99.348%" x2="50%" y2="0%" id="b"><stop stop-color="#A226F0" offset="0%"/><stop stop-color="#DA9EFF" offset="100%"/></linearGradient><filter x="-31.7%" y="-31.7%" width="163.3%" height="163.3%" filterUnits="objectBoundingBox" id="c"><feOffset dy=".8" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation=".4" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0.458823529 0 0 0 0 0 0 0 0 0 0.741176471 0 0 0 1 0" in="shadowBlurOuter1" result="shadowMatrixOuter1"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g fill="none" fill-rule="evenodd"><path d="M0 .452h28v27.097H0z"/><path d="M8.089 8.129h15.555c.86 0 1.556.668 1.556 1.492v14.177c0 .824-.696 1.492-1.556 1.492H8.09c-.86 0-1.556-.668-1.556-1.492V9.621c0-.824.697-1.492 1.556-1.492z" fill="url(#a)" fill-rule="nonzero"/><path d="M20.291 2.71c.84 0 1.521.674 1.521 1.505v19.57c0 .831.681 1.505 1.521 1.505H4.321c-.84 0-1.521-.674-1.521-1.505V4.215c0-.831.681-1.505 1.521-1.505h15.97z" fill="url(#b)" fill-rule="nonzero"/><g filter="url(#c)" transform="translate(6 8)"><path d="M6 10.6h5.3a.7.7 0 0 1 0 1.4H6v-1.4z" fill="#EAC7FF"/><circle stroke="#FFF" stroke-width="1.4" cx="6" cy="6" r="5.3"/><path d="M5.032 7.75c.842 0 2.916-.746 2.916-1.75S5.874 4.25 5.032 4.25c-.843 0-.843 3.5 0 3.5z" stroke="#FFF" stroke-width="1.2" stroke-linejoin="round"/></g></g></svg>

package/lib/components/file-list/img/new-file-list-xls.svg

@@ -0,0 +1 @@
+<svg width="28" height="28" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="100%" y1="29.782%" x2="83.621%" y2="29.782%" id="a"><stop stop-color="#3FC87D" offset="0%"/><stop stop-color="#009B46" offset="100%"/></linearGradient><linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="b"><stop stop-color="#21E9AA" offset="0%"/><stop stop-color="#00BF77" offset="100%"/></linearGradient><filter x="-20.8%" y="-22.7%" width="141.7%" height="145.5%" filterUnits="objectBoundingBox" id="c"><feOffset dy=".5" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation=".25" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0.0745098039 0 0 0 0 0.662745098 0 0 0 0 0.337254902 0 0 0 1 0" in="shadowBlurOuter1" result="shadowMatrixOuter1"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g fill="none" fill-rule="evenodd"><path d="M0 .452h28v27.097H0z"/><path d="M8.089 8.129h15.555c.86 0 1.556.668 1.556 1.492v14.177c0 .824-.696 1.492-1.556 1.492H8.09c-.86 0-1.556-.668-1.556-1.492V9.621c0-.824.697-1.492 1.556-1.492z" fill="url(#a)" fill-rule="nonzero"/><path d="M20.291 2.71c.84 0 1.521.674 1.521 1.505v19.57c0 .831.681 1.505 1.521 1.505H4.321c-.84 0-1.521-.674-1.521-1.505V4.215c0-.831.681-1.505 1.521-1.505h15.97z" fill="url(#b)" fill-rule="nonzero"/><g filter="url(#c)" transform="translate(6.067 9.032)"><path d="M10.99 8.129H1.143a.677.677 0 1 1 0-1.355h9.845a.677.677 0 0 1 0 1.355z" fill="#A1EDD3"/><path d="M2.567 9.461V.926a.7.7 0 1 1 1.4 0V9.46a.7.7 0 0 1-1.4 0z" fill="#FFF"/></g></g></svg>

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

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