@titaui/pc 1.10.4 → 1.10.7

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

@@ -11,21 +11,17 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _dynamicLeftQuoto = _interopRequireDefault(require("../../img/dynamic-left-quoto.svg"));
-
 var _context = require("../../context");
 
 var _header = _interopRequireDefault(require("../components/header"));
 
 var _dangerousHtml = _interopRequireDefault(require("../../components/dangerous-html"));
 
-var _util = require("../../util");
-
 var _tools = require("../../../../utils/tools");
 
 var _bsGlobal = require("../../../../utils/bs-global");
 
-var _guanlian = _interopRequireDefault(require("./img/guanlian.png"));
+var _dynamicShareCourse = _interopRequireDefault(require("./img/dynamic-share-course.png"));
 
 var _getLocale = require("../../../../utils/getLocale");
 
@@ -70,11 +66,6 @@ var DynamicShare = function DynamicShare(_ref) {
       searchKeyWord = _useContext.searchKeyWord;
 
   var contentRef = (0, _react.useRef)();
-
-  var _getFeedTypeAndTypeCo = (0, _util.getFeedTypeAndTypeColor)(data.feedType),
-      feedTypeText = _getFeedTypeAndTypeCo.feedTypeText,
-      feedTypeColor = _getFeedTypeAndTypeCo.feedTypeColor;
-
   var isPublisher = data.publishUser.userId === window.BSGlobal.loginUserInfo.Id;
 
   var _useState = (0, _react.useState)(),
@@ -82,27 +73,22 @@ var DynamicShare = function DynamicShare(_ref) {
       title = _useState2[0],
       setTitle = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(),
+  var _useState3 = (0, _react.useState)(""),
       _useState4 = _slicedToArray(_useState3, 2),
       content = _useState4[0],
       setContent = _useState4[1];
 
   var renderDesc = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
+    return /*#__PURE__*/_react["default"].createElement("span", {
       className: "".concat(prefix, "__operate-desc")
-    }, (0, _getLocale.getLocale)("Feed_sharedexcelle")), /*#__PURE__*/_react["default"].createElement("span", {
-      className: "".concat(prefix, "-desc-operate-type"),
-      style: {
-        background: feedTypeColor
-      }
-    }));
+    }, (0, _getLocale.getLocale)("Feed_sharedexcelle"));
   }, []);
 
   var htmlToText = function htmlToText(text) {
     var div = document.createElement("div");
     div.innerHTML = text;
-    text = div.innerText || div.textContent;
-    return text;
+    var result = div.innerText || div.textContent || "";
+    return result;
   };
 
   var handleClick = function handleClick() {
@@ -131,10 +117,7 @@ var DynamicShare = function DynamicShare(_ref) {
     user: data.publishUser
   }, restProps)), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content")
-  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
-    className: (0, _classnames["default"])("".concat(prefix, "__content-quoto"), "".concat(prefix, "__content-quoto--left")),
-    src: _dynamicLeftQuoto["default"]
-  })), /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement("div", {
     ref: contentRef,
     className: "".concat(prefix, "__content-title")
   }, /*#__PURE__*/_react["default"].createElement(_dangerousHtml["default"], {
@@ -145,7 +128,8 @@ var DynamicShare = function DynamicShare(_ref) {
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(prefix, "__share-img"))
   }, /*#__PURE__*/_react["default"].createElement("img", {
-    src: _guanlian["default"]
+    src: _dynamicShareCourse["default"],
+    alt: ""
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(prefix, "__share-right"))
   }, /*#__PURE__*/_react["default"].createElement("span", {

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

@@ -8,30 +8,27 @@
 }
 
 .titaui-dynamic-task-item__content {
-  height: 78px;
+  height: 64px;
+  background: rgba(40, 121, 255, 0.06);
+  border-radius: 12px;
   display: flex;
   align-items: center;
-  border-radius: 8px;
-  background: rgba(240, 244, 250, 0.5);
-  padding: 16px 12px 16px 16px;
+  padding: 8px 12px;
   box-sizing: border-box;
-  margin-left: 69px;
-}
-
-.titaui-dynamic-task-item__content-img {
-  display: inline-block;
-  width: 36px;
-  border-radius: 6px;
+  margin-left: 88px;
 }
 
 .titaui-dynamic-task-item__content-info {
   flex: 1;
   display: flex;
   flex-direction: column;
-  margin-left: 16px;
   overflow: hidden;
 }
 
+.titaui-dynamic-task-item__content-status-icon {
+  font-size: 14px;
+}
+
 .titaui-dynamic-task-item__content-status-and-time-range {
   display: flex;
   align-items: center;
@@ -59,10 +56,30 @@
   font-weight: 600;
   color: #3f4755;
   line-height: 24px;
+  display: flex;
+  margin-bottom: 4px;
+  align-items: center;
+}
+
+.titaui-dynamic-task-item__content-title-type {
+  border-radius: 18px;
+  background: rgba(92, 142, 255, 0.5);
+  color: #ffffff;
+  margin-right: 8px;
+  font-size: 14px;
+  line-height: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 6px;
+  font-weight: 400;
+  height: 20px;
 }
 
 .titaui-dynamic-task-item__content-title-text {
+  flex: 1;
   cursor: pointer;
+  overflow: hidden;
 }
 
 .titaui-dynamic-task-item__content-title-text:hover {
@@ -76,9 +93,9 @@
 }
 
 .titaui-dynamic-task-item__object-name {
-  font-size: 14px;
+  font-size: 16px;
   color: #2879ff;
-  line-height: 22px;
+  line-height: 24px;
   margin: 0 4px;
   overflow: hidden;
 }
@@ -89,27 +106,14 @@
 }
 
 .titaui-dynamic-task-item__operate-desc {
-  font-size: 14px;
+  font-size: 16px;
   font-weight: 400;
   color: #89919f;
-  line-height: 22px;
-  margin: 0 8px 0 4px;
+  line-height: 24px;
+  margin-left: 4px;
   overflow: hidden;
 }
 
 .titaui-dynamic-task-item__operate-desc-wrapper {
   display: flex;
 }
-
-.titaui-dynamic-task-item-desc-operate-type {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0 6px;
-  height: 18px;
-  min-width: 40px;
-  border-radius: 10px 10px 10px 2px;
-  font-size: 12px;
-  color: #ffffff;
-  line-height: 18px;
-}

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

@@ -15,8 +15,6 @@ var _header = _interopRequireDefault(require("../components/header"));
 
 var _constant = require("./constant");
 
-var _taskIcon = _interopRequireDefault(require("./img/task-icon.png"));
-
 var _constant2 = require("../../constant");
 
 var _context = require("../../context");
@@ -25,8 +23,6 @@ var _searchKeyHandle = _interopRequireDefault(require("../../../search-key-handl
 
 var _tooltip = _interopRequireDefault(require("../../../tooltip"));
 
-var _util = require("../../util");
-
 var _drawerManager = _interopRequireDefault(require("../../../drawer-manager"));
 
 var _getLocale = require("../../../../utils/getLocale");
@@ -59,7 +55,6 @@ var DynamicTask = function DynamicTask(_ref) {
       taskName = data.taskName,
       startDate = data.startDate,
       deadline = data.deadline,
-      feedType = data.feedType,
       obj = data.obj,
       principalUser = data.principalUser,
       workId = data.workId;
@@ -67,10 +62,6 @@ var DynamicTask = function DynamicTask(_ref) {
   var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
       searchKeyWord = _useContext.searchKeyWord;
 
-  var _getFeedTypeAndTypeCo = (0, _util.getFeedTypeAndTypeColor)(feedType),
-      feedTypeText = _getFeedTypeAndTypeCo.feedTypeText,
-      feedTypeColor = _getFeedTypeAndTypeCo.feedTypeColor;
-
   var handleClickTaskTitle = function handleClickTaskTitle() {
     window.Talent.app.vent.trigger("global-pull-screen", data.taskId, "task");
   };
@@ -132,14 +123,9 @@ var DynamicTask = function DynamicTask(_ref) {
       })), (0, _getLocale.getLocale)("Mod_stask"));
     }
 
-    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
+    return /*#__PURE__*/_react["default"].createElement("span", {
       className: "".concat(prefix, "__operate-desc")
-    }, dom), /*#__PURE__*/_react["default"].createElement("span", {
-      className: "".concat(prefix, "-desc-operate-type"),
-      style: {
-        background: feedTypeColor
-      }
-    }, feedTypeText));
+    }, dom);
   }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix
@@ -150,26 +136,26 @@ var DynamicTask = function DynamicTask(_ref) {
     user: principalUser
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content")
-  }, /*#__PURE__*/_react["default"].createElement("img", {
-    className: "".concat(prefix, "__content-img"),
-    src: _taskIcon["default"],
-    alt: ""
-  }), /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content-info")
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content-title")
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "__content-title-type")
+  }, (0, _getLocale.getLocale)("Feed_Tab_Title_Task")), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "__content-title-text")
   }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
     isPercent: true,
     text: renderName,
     minusWidth: 30
-  })), /*#__PURE__*/_react["default"].createElement("div", {
+  }))), /*#__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])
+    className: (0, _classnames["default"])(_constant2.EStatusStatus2ClassType[status], "".concat(prefix, "__content-status-icon"))
   }), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__content-status-text")
   }, (0, _constant.getEStatusClass2StatusTypeText)()[status]), /*#__PURE__*/_react["default"].createElement("i", {
-    className: (0, _classnames["default"])("tu-icon-deferred")
+    className: (0, _classnames["default"])("tu-icon-deferred", "".concat(prefix, "__content-status-icon"))
   }), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__content-time-range")
   }, startDate, "-", deadline)))));

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

@@ -10,7 +10,7 @@
 .titaui-dynamic-item__content {
   position: relative;
   overflow: hidden;
-  margin-right: 20px;
+  margin-right: 24px;
 }
 
 .titaui-dynamic-item__content-show-more {
@@ -36,7 +36,7 @@
 }
 
 .titaui-dynamic-item__footer {
-  margin: 12px 20px 0 68px;
+  margin: 12px 24px 0 88px;
   height: 54px;
   border-radius: 0px 0px 6px 6px;
   display: flex;
@@ -44,6 +44,7 @@
   align-items: center;
   color: #89919f;
   position: relative;
+  border-bottom: 1px solid #F0F4FA;
 }
 
 .titaui-dynamic-item__footer-left {
@@ -115,8 +116,7 @@
 }
 
 .titaui-dynamic-item__communication {
-  padding: 12px 20px 20px 68px;
-  box-shadow: inset 0px 12px 12px -12px rgba(127, 145, 180, 0.14);
+  padding: 8px 20px 20px 88px;
 }
 
 .titaui-dynamic-item__upvote-btn {

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

@@ -274,11 +274,38 @@ var DynamicItem = function DynamicItem(_ref) {
         return null;
     }
   }, [data]);
-  (0, _react.useEffect)(function () {
-    if (dynamicContentRef.current && dynamicContentRef.current.offsetHeight > 288) {
-      setContentIsOverflow(true);
+
+  var renderUpvoteCount = function renderUpvoteCount(type, count) {
+    if (count === 0) {
+      return "";
     }
-  }, []);
+
+    return count || type;
+  }; // const handlePayReward = () => {
+  //   const data = {
+  //     multi: false,
+  //     toUserInfo: publishUser,
+  //     objId: feedId,
+  //     objType: feedType,
+  //   };
+  //   if (window.util) {
+  //     window.util.rewardGetFile((myReward) => {
+  //       myReward.renderPayReward(data);
+  //     });
+  //   }
+  // };
+
+
+  (0, _react.useEffect)(function () {
+    setTimeout(function () {
+      if (dynamicContentRef.current && dynamicContentRef.current.offsetHeight > 288) {
+        setContentIsOverflow(true);
+      }
+    }, 0);
+  }, [data]);
+  (0, _react.useEffect)(function () {
+    setShowComment(feedComments.total > 0);
+  }, [feedComments]);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -295,7 +322,7 @@ var DynamicItem = function DynamicItem(_ref) {
   }, (0, _getLocale.getLocale)("Tasks_Tab_MyS_Butt_Seemoral"), /*#__PURE__*/_react["default"].createElement("i", {
     className: (0, _classnames["default"])("tu-icon-arrow-down", "".concat(prefix, "__icon"))
   })))), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefix, "__footer")
+    className: (0, _classnames["default"])("".concat(prefix, "__footer"))
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__footer-left")
   }, praiseData.map(function (item, index) {
@@ -346,7 +373,8 @@ var DynamicItem = function DynamicItem(_ref) {
       marginLeft: 30
     },
     buttonType: "tu-icon-tyle-column",
-    customUpvoteBtnCls: "".concat(prefix, "__upvote-btn")
+    customUpvoteBtnCls: "".concat(prefix, "__upvote-btn"),
+    renderCount: renderUpvoteCount
   }), /*#__PURE__*/_react["default"].createElement(_upvoteListModal["default"], {
     feedId: feedId,
     visible: upvoteModalVisible,
@@ -356,7 +384,7 @@ var DynamicItem = function DynamicItem(_ref) {
   }))), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
     condition: showComment
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefix, "__communication")
+    className: (0, _classnames["default"])("".concat(prefix, "__communication"))
   }, /*#__PURE__*/_react["default"].createElement(_communication["default"], {
     feedId: feedId,
     commentCount: 3,
@@ -365,7 +393,9 @@ var DynamicItem = function DynamicItem(_ref) {
     autoFocus: feedComments.total === 0,
     usePropsComment: usePropsComment,
     communication: feedComments.comments,
-    totalCommunicationNum: feedComments.total
+    totalCommunicationNum: feedComments.total,
+    showUser: true,
+    showDefaultInput: true
   }))));
 };
 

package/lib/components/dynamic/util.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getProgressState = exports.getFeedTypeAndTypeColor = exports.formatMenu = exports.formatCycleData = void 0;
+exports.getProgressState = exports.getProcessColor = exports.formatMenu = exports.formatCycleData = exports["default"] = void 0;
 
 var _getLocale = require("../../utils/getLocale");
 
@@ -20,90 +20,13 @@ var getProgressState = function getProgressState(oStatus, riskLevel) {
 
 exports.getProgressState = getProgressState;
 
-var getFeedTypeAndTypeColor = function getFeedTypeAndTypeColor(feedType) {
-  var feedTypeText = "";
-  var feedTypeColor = "";
-
-  if (feedType === _constant.EFeedType.Assessment) {
-    feedTypeText = (0, _getLocale.getLocale)("Mod_Performance");
-    feedTypeColor = "linear-gradient(90deg, #5AD9D8 0%, #94EDEC 100%)";
-  }
-
-  if (feedType === _constant.EFeedType.Report) {
-    feedTypeText = (0, _getLocale.getLocale)("Menu_Title_Reports");
-    feedTypeColor = "linear-gradient(270deg, #FF9EC3 0%, #FF4D91 100%)";
-  }
-
-  if (feedType === _constant.EFeedType.Reply) {
-    feedTypeText = (0, _getLocale.getLocale)("OKR_MyO_KRP_Review");
-    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 = (0, _getLocale.getLocale)("Feed_Tab_Title_Progress");
-    feedTypeColor = "linear-gradient(90deg, #FFAB67 0%, #FFD5A0 100%)";
-  }
-
-  if (feedType === _constant.EFeedType.Relative) {
-    feedTypeText = (0, _getLocale.getLocale)("Mod_Associate");
-    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 = (0, _getLocale.getLocale)("Menu_Title_Projects");
-    feedTypeColor = "linear-gradient(90deg, #624DFF 0%, #CDC7FF 100%)";
-  }
-
-  if (feedType === _constant.EFeedType.MileStone) {
-    feedTypeText = (0, _getLocale.getLocale)("Pro_page_Plan_Milestone");
-    feedTypeColor = "linear-gradient(90deg, #624DFF 0%, #CDC7FF 100%)";
-  }
-
-  if (feedType === _constant.EFeedType.Task) {
-    feedTypeText = (0, _getLocale.getLocale)("Mod_Tasks");
-    feedTypeColor = "linear-gradient(90deg, #0080FF 0%, #8FC7FF 100%)";
-  }
-
-  if (feedType === _constant.EFeedType.PlanCommunication) {
-    feedTypeText = "计划表";
-    feedTypeColor = "linear-gradient(90deg, #0080FF 0%, #8FC7FF 100%)";
-  }
-
-  if (feedType === _constant.EFeedType.OKRsCommunication) {
-    feedTypeText = "OKRs";
-    feedTypeColor = "linear-gradient(90deg, #2879FF 0%, #9FBFFF 100%)";
-  }
-
-  return {
-    feedTypeText: feedTypeText,
-    feedTypeColor: feedTypeColor
-  };
-};
-
-exports.getFeedTypeAndTypeColor = getFeedTypeAndTypeColor;
-
 var formatCycleData = function formatCycleData(periodParams, isGetCycleRange) {
   if (!periodParams) return "";
   var quarter = ["", (0, _getLocale.getLocale)("OKR_MyO_Pop_1stQuarter"), (0, _getLocale.getLocale)("OKR_MyO_Pop_2ndQuarter"), (0, _getLocale.getLocale)("OKR_MyO_Pop_3rdQuarter"), (0, _getLocale.getLocale)("OKR_MyO_Pop_4thQuarter")];
   var cycleDate = "";
   var startDate = periodParams.startDate;
   var endDate = periodParams.endDate;
-  var annualNum = periodParams.annualNum == "-1" ? (0, _getLocale.getLocale)("OKR_MyO_Butt_Allyears") : periodParams.annualNum;
+  var annualNum = Number("".concat(periodParams.annualNum)) === -1 ? (0, _getLocale.getLocale)("OKR_MyO_Butt_Allyears") : periodParams.annualNum;
 
   switch (periodParams.cycleType.toString()) {
     case "-1":
@@ -127,7 +50,7 @@ var formatCycleData = function formatCycleData(periodParams, isGetCycleRange) {
       cycleDate = (0, _getLocale.getLocale)("Mod_Customization");
   }
 
-  if (new Date(periodParams.startDate).getFullYear() == new Date().getFullYear()) {
+  if (new Date(periodParams.startDate).getFullYear() === new Date().getFullYear()) {
     startDate = periodParams.startDate.slice(5);
     endDate = periodParams.endDate.slice(5);
   }
@@ -149,4 +72,41 @@ var formatMenu = function formatMenu(data) {
   return data;
 };
 
-exports.formatMenu = formatMenu;
+exports.formatMenu = formatMenu;
+
+var getProcessColor = function getProcessColor(status, level, type) {
+  var processColor = {
+    1: {
+      riskLevel: 1,
+      linearStartColor: "#4E90FF",
+      linearEndColor: "#2879ff",
+      backgroundColor: "rgba(40,121,255,0.11)"
+    },
+    3: {
+      riskLevel: 3,
+      linearStartColor: "#FFA5A5",
+      linearEndColor: "#F05E5E",
+      backgroundColor: "rgba(222,89,89,0.1)"
+    },
+    2: {
+      riskLevel: 2,
+      linearStartColor: "#FDCD41",
+      linearEndColor: "#FFE18B",
+      backgroundColor: "#FEF5DC"
+    }
+  };
+
+  if (status === 2) {
+    var tempColor = processColor[2];
+    return tempColor[type];
+  }
+
+  var color = processColor["".concat(level)];
+  if (level === 0) color = processColor["1"];
+  if (!color) return {};
+  return color[type];
+};
+
+exports.getProcessColor = getProcessColor;
+var _default = {};
+exports["default"] = _default;

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

@@ -4,18 +4,19 @@
 }
 
 .titaui-new-file-list-single-file__file-preview {
-  width: 180px;
-  height: 180px;
-  border-radius: 8px;
+  width: 120px;
+  height: 120px;
+  border-radius: 12px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-right: 10px;
+  background: #F0F2F5;
 }
 
 .titaui-new-file-list-single-file__file-preview-img {
-  max-width: 180px;
-  max-height: 180px;
+  max-width: 120px;
+  max-height: 120px;
   border-radius: 8px;
 }
 
@@ -34,8 +35,8 @@
   position: absolute;
   top: 0;
   left: 0;
-  width: 180px;
-  height: 180px;
+  width: 120px;
+  height: 120px;
   background: rgba(20, 28, 40, 0.3);
   border-radius: 8px;
   display: flex;
@@ -54,7 +55,7 @@
 }
 
 .titaui-new-file-list-single-file__operate-item:first-of-type {
-  margin-right: 32px;
+  margin-right: 20px;
 }
 
 .titaui-new-file-list-single-file__operate-item-icon {

package/lib/components/float-fixed-video-modal/img/full.svg

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>全屏</title>
+    <defs>
+        <filter color-interpolation-filters="auto" id="filter-1">
+            <feColorMatrix in="SourceGraphic" type="matrix" values="0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="点击查看视频" transform="translate(-486.000000, -87.000000)">
+            <g id="全屏" transform="translate(486.000000, 87.000000)">
+                <rect id="矩形备份-6" x="0" y="0" width="16" height="16"></rect>
+                <g id="全屏" filter="url(#filter-1)">
+                    <g>
+                        <path d="M13.3333333,8.8699914 C13.6952827,8.8699914 13.9898621,9.15843612 13.9997439,9.51799775 L14,9.53665807 L14,11.8095238 C14,13.0071927 13.0388065,13.9803629 11.8457473,13.9997065 L11.8095238,14 L9.52485212,14 C9.15666229,14 8.85818546,13.7015232 8.85818546,13.3333333 C8.85818546,12.971384 9.14663018,12.6768046 9.5061918,12.6669228 L9.52485212,12.6666667 L11.8095238,12.6666667 C12.2760501,12.6666667 12.6555245,12.2939535 12.6664257,11.8300485 L12.6666667,11.8095238 L12.6666667,9.53665807 C12.6666667,9.16846824 12.9651435,8.8699914 13.3333333,8.8699914 Z M2.66666667,8.84191565 C3.02861599,8.84191565 3.32319545,9.13036037 3.33307721,9.489922 L3.33333333,9.50858232 L3.33333333,11.8095238 C3.33333333,12.2760501 3.70604651,12.6555245 4.16995152,12.6664257 L4.19047619,12.6666667 L6.47311169,12.6666667 C6.84130152,12.6666667 7.13977836,12.9651435 7.13977836,13.3333333 C7.13977836,13.6952827 6.85133364,13.9898621 6.49177201,13.9997439 L6.47311169,14 L4.19047619,14 C2.99280726,14 2.0196371,13.0388065 2.00029346,11.8457473 L2,11.8095238 L2,9.50858232 C2,9.14039249 2.29847683,8.84191565 2.66666667,8.84191565 Z M6.47638719,2 C6.84457703,2 7.14305386,2.29847683 7.14305386,2.66666667 C7.14305386,3.02861599 6.85460914,3.32319545 6.49504752,3.33307721 L6.47638719,3.33333333 L4.19047619,3.33333333 C3.72394994,3.33333333 3.34447552,3.70604651 3.33357425,4.16995152 L3.33333333,4.19047619 L3.33333333,6.47612057 C3.33333333,6.8443104 3.0348565,7.14278723 2.66666667,7.14278723 C2.30471734,7.14278723 2.01013789,6.85434251 2.00025612,6.49478089 L2,6.47612057 L2,4.19047619 C2,2.99280726 2.96119347,2.0196371 4.15425266,2.00029346 L4.19047619,2 L6.47638719,2 Z M11.8095238,2 C13.0071927,2 13.9803629,2.96119347 13.9997065,4.15425266 L14,4.19047619 L14,6.46713633 C14,6.83532616 13.7015232,7.13380299 13.3333333,7.13380299 C12.971384,7.13380299 12.6768046,6.84535827 12.6669228,6.48579665 L12.6666667,6.46713633 L12.6666667,4.19047619 C12.6666667,3.72394994 12.2939535,3.34447552 11.8300485,3.33357425 L11.8095238,3.33333333 L9.56078908,3.33333333 C9.19259925,3.33333333 8.89412242,3.0348565 8.89412242,2.66666667 C8.89412242,2.30471734 9.18256714,2.01013789 9.54212876,2.00025612 L9.56078908,2 L11.8095238,2 Z" id="形状" fill="#444444" fill-rule="nonzero"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/float-fixed-video-modal/img/muted.svg

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>静音</title>
+    <defs>
+        <filter color-interpolation-filters="auto" id="filter-1">
+            <feColorMatrix in="SourceGraphic" type="matrix" values="0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="点击查看视频" transform="translate(-432.000000, -87.000000)">
+            <g id="静音" transform="translate(432.000000, 87.000000)">
+                <rect id="矩形" x="0" y="0" width="16" height="16"></rect>
+                <g id="静音" filter="url(#filter-1)">
+                    <g>
+                        <path d="M3.28766429,4.60754762 L4.25898598,5.57889897 C3.71839644,5.84502621 3.34393885,6.39826821 3.33355489,7.04022003 L3.33333333,8.93245138 C3.33333333,9.83877344 4.05900687,10.5752087 4.95973238,10.5898467 L4.9870801,10.5900688 L5.65310585,10.5900688 C6.07617225,10.5900688 6.48158322,10.7576044 6.7810532,11.0552843 L6.80226255,11.0767679 L8.29926628,12.6219853 C8.48581643,12.7800023 8.72216689,12.8666971 8.96640827,12.8666971 C9.53019785,12.8666971 9.98855748,12.4142413 9.99978907,11.8518276 L10,11.8306862 L10,11.3199333 L11.2241569,12.5440254 C10.9218408,13.5036526 10.0257704,14.2000304 8.96640827,14.2000304 C8.41865484,14.2000304 7.88834453,14.0098771 7.46550858,13.6627582 L7.43747973,13.6393848 L7.38734907,13.5969217 L5.84463197,12.0045187 C5.7979892,11.9563737 5.73507167,11.9276985 5.66852215,11.9238477 L4.9870801,11.9234022 C3.35316681,11.9234022 2.02676463,10.6102728 2.00039998,8.98189173 L2,7.06763176 C2,6.04826718 2.50945141,5.14757661 3.28766429,4.60754762 Z M3.28595479,2.34314575 L13.6568542,12.7140452 C13.9172038,12.9743947 13.9172038,13.3965047 13.6568542,13.6568542 C13.3965047,13.9172038 12.9743947,13.9172038 12.7140452,13.6568542 L2.34314575,3.28595479 C2.08279622,3.02560526 2.08279622,2.60349528 2.34314575,2.34314575 C2.60349528,2.08279622 3.02560526,2.08279622 3.28595479,2.34314575 Z M12.9612676,4.39630795 C13.635995,5.45648994 14,6.6878458 14,7.97134943 C14,9.26666772 13.6292471,10.5087612 12.9428229,11.5752092 C12.9365895,11.5848936 12.9301474,11.5943626 12.9235064,11.6036141 L11.9550266,10.6350444 C12.4183868,9.83322648 12.6666667,8.92137825 12.6666667,7.97134943 C12.6666667,6.94333913 12.3759736,5.95998277 11.8364174,5.11219185 C11.6387315,4.80157303 11.7302817,4.38951067 12.0409006,4.19182479 C12.3515194,3.99413891 12.7635817,4.08568914 12.9612676,4.39630795 Z M10.7752429,2.64125439 C11.1278572,3.05949124 11.3246633,3.58664187 11.3330535,4.13294907 L11.3333333,10.0134 L10,8.68006667 L10,4.16939694 C10,3.9245839 9.91350763,3.68768026 9.75585962,3.50069348 C9.39252467,3.06974081 8.75332847,3.0103815 8.31755677,3.36295511 L8.29926628,3.37809784 L6.80226255,4.92331521 C6.70885932,5.01972666 6.60457885,5.10312547 6.4922413,5.17231722 L5.3966,4.07666667 L5.65310585,4.07668099 C5.72013933,4.07668099 5.78451333,4.05144474 5.8335851,4.0063268 L5.84463197,3.99556447 L7.38734907,2.40316145 L7.43747973,2.36069836 C8.43638105,1.51458065 9.93143682,1.64041351 10.7752429,2.64125439 Z" id="形状结合" fill="#444444" fill-rule="nonzero"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>