ydb-components-material 0.1.86 → 0.1.88

package/lib/components/file-item/index.scss

@@ -258,10 +258,12 @@
       position: absolute;
       bottom: 0;
       left: 0;
-      background-color: #fff;
+      background-color: #F5F5F5;
       border-radius: 16px 16px 0px 0px;
 
       .material_lib_title {
+        border-radius: 16px 16px 0px 0px;
+        background-color: #fff;
         font-size: 16px;
         color: #333333;
         line-height: 54px;
@@ -289,7 +291,7 @@
         padding: 12px 12px 0 12px;
         width: 100%;
         background-color: #F5F5F5;
-        margin-bottom: 64px;
+        // margin-bottom: 14px;
         max-height: 300px;
         overflow: auto;
 
@@ -318,6 +320,15 @@
         }
       }
 
+      .more {
+        color: #1678FF;
+        text-align: center;
+        height: 30px;
+        line-height: 30px;
+        margin-bottom: 70px;
+        background-color: #F5F5F5;
+      }
+
       .bottom_btn {
         background-color: #fff;
         height: 64px;

package/lib/components/file-list/checkPoint.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import './checkPoint.scss';
+export default function CheckPoint(props: any): JSX.Element;

package/lib/components/file-list/checkPoint.js

@@ -0,0 +1,162 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = CheckPoint;
+var _message = _interopRequireDefault(require("@alifd/next/lib/message"));
+var _react = require("react");
+var _icons = require("@ant-design/icons");
+require("./checkPoint.scss");
+function CheckPoint(props) {
+  var _resultData$at, _resultData$at2;
+  var checkPointData = props.checkPointData,
+    handleClose = props.handleClose;
+  var _useState = (0, _react.useState)(0),
+    resIndex = _useState[0],
+    setResIndex = _useState[1];
+  var _useState2 = (0, _react.useState)(null),
+    resIndexData = _useState2[0],
+    setResIndexData = _useState2[1];
+  var _useState3 = (0, _react.useState)([]),
+    resultData = _useState3[0],
+    setResultData = _useState3[1];
+  var _useState4 = (0, _react.useState)(0),
+    pageHeight = _useState4[0],
+    setPageHeight = _useState4[1];
+  var imgRef = (0, _react.useRef)();
+  var initData = function initData() {
+    var fileUrl = checkPointData.fileUrl,
+      _checkPointData$annot = checkPointData.annotations,
+      annotations = _checkPointData$annot === void 0 ? [] : _checkPointData$annot;
+    setTimeout(function () {
+      var iframe = document.getElementById('file_check_point');
+      iframe.src = fileUrl + "#toolbar=0";
+    }, 500);
+    setResIndexData(annotations[0]);
+    // 其中的page可能是乱序的，所以先排序一下
+    setResultData(annotations.sort(function (a, b) {
+      return a.page - b.page;
+    }));
+    var clientWidth = document.documentElement.clientWidth;
+    var _annotations$ = annotations[0],
+      scrollWidth = _annotations$.scrollWidth,
+      scrollHeight = _annotations$.scrollHeight;
+    var scale = clientWidth / scrollWidth;
+    setPageHeight(scrollHeight * scale);
+  };
+
+  // 获取标识的位置和大小 [方法]
+  var getTipDotStyle = function getTipDotStyle(item) {
+    var width = item.width,
+      height = item.height,
+      x = item.x,
+      y = item.y,
+      scrollWidth = item.scrollWidth,
+      scrollHeight = item.scrollHeight,
+      page = item.page;
+    console.log(width, height, x, y);
+    var img = imgRef.current;
+    console.log(img, 'refs');
+    var clientWidth = document.documentElement.clientWidth;
+    console.log('clientWidth-----', clientWidth);
+
+    // 算出一个系数，来动态生成下面的边框样式
+    var scale = clientWidth / scrollWidth;
+
+    // console.log('原始宽高', sourceImgWidth, sourceImgHeight);
+    console.log('原始宽高', scrollWidth, scrollHeight);
+    console.log('缩放系数', scale, scale);
+    return {
+      width: width * scale + 'px',
+      height: height * scale + 'px',
+      left: x * scale + 'px',
+      top: (page - 1) * pageHeight + y * scale + 'px'
+    };
+  };
+
+  // 上一项(prev),下一项(next) [按钮]
+  var handleSwitch = function handleSwitch(state) {
+    if (state === 'next' && resIndex === resultData.length - 1) return _message["default"].notice('没有下一项了');
+    if (state === 'prev' && resIndex === 0) return _message["default"].notice('没有上一项了');
+    if (state === 'next') {
+      setResIndex(resIndex + 1);
+      setResIndexData(resultData[resIndex + 1]);
+    }
+    if (state === 'prev') {
+      setResIndex(resIndex - 1);
+      setResIndexData(resultData[resIndex - 1]);
+    }
+  };
+  var checkOneDot = function checkOneDot(item, index) {
+    setResIndex(index);
+    setResIndexData(item);
+  };
+  (0, _react.useEffect)(function () {
+    if (checkPointData) {
+      initData();
+    }
+  }, [checkPointData]);
+  return /*#__PURE__*/_react.React.createElement("div", null, /*#__PURE__*/_react.React.createElement("div", {
+    className: "keyPoint-container"
+  }, /*#__PURE__*/_react.React.createElement("div", {
+    className: "tipDot-content",
+    style: {
+      height: ((_resultData$at = resultData.at(-1)) === null || _resultData$at === void 0 ? void 0 : _resultData$at.page) * pageHeight + 'px'
+    }
+  }, resultData.map(function (item, index) {
+    return /*#__PURE__*/_react.React.createElement("div", {
+      className: "tip-item " + (index === resIndex ? 'active' : ''),
+      key: index,
+      onClick: function onClick() {
+        return checkOneDot(item, index);
+      },
+      style: getTipDotStyle(item)
+    }, /*#__PURE__*/_react.React.createElement("div", {
+      className: "num " + (index === resIndex ? 'active' : '')
+    }, index + 1));
+  })), resIndexData && /*#__PURE__*/_react.React.createElement("div", {
+    className: "result-outter"
+  }, /*#__PURE__*/_react.React.createElement("div", {
+    className: "result-card"
+  }, /*#__PURE__*/_react.React.createElement("div", {
+    className: "result-title"
+  }, resIndex + 1, "\u3001", resIndexData.text), /*#__PURE__*/_react.React.createElement("div", {
+    className: "result-info"
+  }, /*#__PURE__*/_react.React.createElement(_icons.CheckCircleFilled, {
+    color: "#15bc83",
+    size: "20",
+    style: {
+      color: '#15bc83',
+      fontSize: '20px'
+    }
+  }), /*#__PURE__*/_react.React.createElement("div", {
+    className: "result-text"
+  }, resIndexData.reviewNotes)))), /*#__PURE__*/_react.React.createElement("div", {
+    className: "bottom-btn"
+  }, /*#__PURE__*/_react.React.createElement("div", {
+    className: "btn"
+  }, /*#__PURE__*/_react.React.createElement("div", {
+    onClick: handleClose
+  }, "\u8FD4\u56DE")), /*#__PURE__*/_react.React.createElement("div", {
+    className: "btn"
+  }, /*#__PURE__*/_react.React.createElement("div", {
+    onClick: function onClick() {
+      return handleSwitch('prev');
+    }
+  }, "\u4E0A\u4E00\u9879")), /*#__PURE__*/_react.React.createElement("div", {
+    className: "btn btn-blue"
+  }, /*#__PURE__*/_react.React.createElement("div", {
+    onClick: function onClick() {
+      return handleSwitch('next');
+    }
+  }, "\u4E0B\u4E00\u9879"))), /*#__PURE__*/_react.React.createElement("iframe", {
+    ref: imgRef,
+    id: "file_check_point",
+    frameBorder: "0",
+    height: "100%",
+    width: "100%",
+    style: {
+      height: ((_resultData$at2 = resultData.at(-1)) === null || _resultData$at2 === void 0 ? void 0 : _resultData$at2.page) * pageHeight + 'px'
+    }
+  })));
+}

package/lib/components/file-list/checkPoint.scss

@@ -0,0 +1,120 @@
+.keyPoint-container {
+	// position: sticky;
+	height: 100vh;
+  // margin-top: -56px;
+	width: 100vw;
+  position: fixed;
+  z-index: 999;
+  left: 0;
+  top: 0;
+  background: #919191;
+  overflow-y: scroll;
+  #file_check_point {
+    overflow: visible !important;
+    overflow-clip-margin: unset !important;
+  }
+  .tipDot-content{
+    // height: 100vh;
+    width: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    // overflow: scroll;
+    .tip-item{
+      position: absolute;
+      border-radius: 2px;
+      border: 1px solid #15BC83;
+      background: rgba(21, 188, 131, 0.1);
+      &.active {
+        background: rgba(247, 98, 93, 0.1);
+        border: 1px solid #F7625D;
+      }
+      .num{
+        width: 20px;
+        height: 20px;
+        border-radius: 50%;
+        font-size: 10px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        color: #ffffff;
+        margin-left: -20px;
+        background: #15BC83;
+        &.active {
+          background: #F7625D;
+        }
+      }
+    }
+
+  }
+	.result-outter {
+		box-sizing: border-box;
+		padding: 0 24px;
+		// border: 1px solid red;
+		position: fixed;
+		width: 100%;
+		bottom: 65px;
+		left: 0;
+		.result-card {
+			border-radius: 10px;
+			padding: 16px;
+      background: #ffffff;
+      border: 1px solid #ddd;
+      box-shadow: 0px 4px 10px 0px rgba(177, 188, 200, 0.25);
+			.result-title {
+				color: #333;
+				font-size: 14px;
+				margin-bottom: 8px;
+			}
+			.result-info{
+				font-size: 14px;
+				margin-bottom: 10px;
+				display: flex;
+				justify-content: flex-start;
+				align-items: center;
+				gap: 5px;
+				// 提示类型: error/judge/pass
+				.result-text{
+				}
+			}
+		}
+
+	}
+	.bottom-btn {
+		box-sizing: border-box;
+		position: fixed;
+		bottom: 0;
+		left: 0;
+		width: 100%;
+		background-color: #fff;
+		padding: 11px 0;
+		display: flex;
+		box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.1);
+		z-index: 200;
+		.btn {
+			margin: 0 10px;
+			flex: 1;
+      color: #323233;
+      background-color: #fff;
+      border-color: #ebedf0;
+      border-width: 1px;
+      border-style: solid;
+      border-radius: 100px;
+      padding: 0 12px;
+      font-size: 14px;
+      height: 40px;
+      position: relative;
+      align-items: center;
+      justify-content: center;
+      display: flex;
+      flex-direction: row;
+      box-sizing: border-box;
+      flex-direction: row;
+		}
+    .btn-blue {
+      color: white;
+      border-width: 0px;
+      background-image: linear-gradient(rgb(22, 120, 255), rgb(118, 173, 250));
+    }
+	}
+}

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

@@ -0,0 +1,306 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.dataURLtoBlob = dataURLtoBlob;
+exports.getBlob = getBlob;
+exports.getFileExtension = getFileExtension;
+exports.pdfToImageUrl = exports.initFormat = void 0;
+exports.upload = upload;
+exports.uploadFilePromise = uploadFilePromise;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var pdfjsLib = _interopRequireWildcard(require("pdfjs-dist/build/pdf"));
+require("pdfjs-dist/build/pdf.worker.entry");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+// import apiConfig from '@/config/api.cofig'
+
+// utils/pdfToImage.js
+
+// 配置 worker（必须！）
+if (typeof window !== 'undefined') {
+  pdfjsLib.GlobalWorkerOptions.workerSrc = require('pdfjs-dist/build/pdf.worker.entry');
+}
+
+/**
+ * 将 PDF URL 转换为图片 URL
+ * @param {string} pdfUrl - PDF 文件的 URL
+ * @param {number} [page=1] - 页码，默认第1页
+ * @param {number} [scale=0.5] - 缩放比例，默认0.5
+ * @param {string} [imageFormat='image/jpeg'] - 图片格式
+ * @param {number} [imageQuality=0.8] - 图片质量(0-1)
+ * @returns {Promise<string>} 返回图片的 Data URL
+ */
+var pdfToImageUrl = exports.pdfToImageUrl = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(pdfUrl, scale) {
+    return _regenerator["default"].wrap(function (_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (scale === void 0) {
+            scale = 0.5;
+          }
+          console.log('pdfToImageUrl----', pdfUrl);
+          pdfjsLib.getDocument(pdfUrl).promise.then(function (pdf) {
+            console.log('获取PDF文件成功', pdf);
+            // 获取第一页
+            return pdf.getPage(1);
+          }).then(function (page) {
+            console.log('获取PDF页面成功', page);
+            // 设置缩略图的缩放比例 (0.5 表示缩小到一半尺寸)
+            var viewport = page.getViewport({
+              scale: scale
+            });
+
+            // 创建Canvas元素
+            var canvas = document.createElement('canvas');
+            var context = canvas.getContext('2d');
+            canvas.height = viewport.height;
+            canvas.width = viewport.width;
+
+            // 将PDF页面渲染到Canvas上
+            var renderContext = {
+              canvasContext: context,
+              viewport: viewport
+            };
+            page.render(renderContext).promise.then(function () {
+              // 将Canvas转换为图片URL
+              var thumbnail = canvas.toDataURL();
+              console.log('获取图片成功', thumbnail);
+              return thumbnail;
+            });
+          })["catch"](function (error) {
+            console.error('Error generating thumbnail:', error);
+          });
+        case 1:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function pdfToImageUrl(_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+// 下载文件
+function getBlob(url) {
+  return new Promise(function (resolve, reject) {
+    var xhr = new XMLHttpRequest();
+    xhr.open('GET', url, true);
+    xhr.responseType = 'blob';
+    xhr.onload = function () {
+      if (xhr.status === 200) {
+        resolve(xhr.response);
+      } else {
+        reject("Request failed with status " + xhr.status);
+      }
+    };
+    xhr.onerror = function () {
+      reject('Request failed');
+    };
+    xhr.send();
+  });
+}
+
+// 上传文件
+function upload(option) {
+  var xhr = new XMLHttpRequest(); // 定义上传方式
+
+  if (option.onProgress && xhr.upload) {
+    xhr.upload.onprogress = function progress(e) {
+      if (e.total > 0) {
+        e.percent = e.loaded / e.total * 100;
+      }
+      option.onProgress(e); // 上传进度，也是上传成功后回调
+    };
+  }
+  var formData = new FormData();
+  formData.append('file', option.file, option.file.name);
+  if (option.title) {
+    formData.append('title', option.title);
+  }
+  if (option.fileType) {
+    formData.append('fileType', option.fileType);
+  }
+  xhr.onerror = function error(e) {
+    option.onError(e); // 失败返回
+  };
+  xhr.onload = function onload() {
+    if (xhr.status !== 200) {
+      return option.onError(JSON.parse(xhr.response));
+    }
+    option.onSuccess(JSON.parse(xhr.response)); // 成功返回函数
+  };
+  xhr.open('post', option.action, true);
+  if (option.withCredentials && 'withCredentials' in xhr) {
+    xhr.withCredentials = true;
+  }
+  var headers = option.headers || {}; // 定义请求头
+  if (headers['X-Requested-With'] !== null) {
+    xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
+  }
+  for (var h in headers) {
+    if (headers.hasOwnProperty(h) && headers[h] !== null) {
+      xhr.setRequestHeader(h, headers[h]);
+    }
+  }
+  xhr.send(formData);
+  return {
+    abort: function abort() {
+      xhr.abort();
+    }
+  };
+}
+
+// 获取文件名后缀
+function getFileExtension(filename) {
+  var match = filename.match(/\.([^.]+)$/);
+  return match ? match[1].toLowerCase() : '';
+}
+
+// base64转换为流文件
+function dataURLtoBlob(dataUrl) {
+  var arr = dataUrl.split(',');
+  var mime = arr[0].match(/:(.*?);/)[1];
+  var bstr = atob(arr[1]);
+  var n = bstr.length;
+  var u8arr = new Uint8Array(n);
+  while (n--) {
+    u8arr[n] = bstr.charCodeAt(n);
+  }
+  return new Blob([u8arr], {
+    type: mime
+  });
+}
+
+// 上传文件至申报端的服务器 [方法]
+function uploadFilePromise(url, config) {
+  console.log('uploadFilePromise', config);
+  return new Promise(function (resolve, reject) {
+    var formData = new FormData();
+    formData.append('file', url);
+    formData.append('open', true);
+    formData.append('open', 'true');
+    fetch(config.baseUrl + "/declaration/material/file/files/api", {
+      method: 'POST',
+      body: formData,
+      headers: {
+        Authorization: config.tokenTY
+      }
+    }).then(function (response) {
+      return response.json();
+    }).then(function (res) {
+      resolve(res);
+      // if (res.fileId) {
+      //   valChange({
+      //     ...res,
+      //     name: fileData.name,
+      //     type: fileData.type
+      //   })
+      //   // Message.notice('上传成功')
+      // } else {
+      //   // Message.error('上传失败，请重试')
+      // }
+    })["catch"](function (err) {
+      return err;
+    });
+    // uni.uploadFile({
+    // 	url: `${baseURL}/declaration/material/file/files/api`,
+    // 	filePath: url,
+    // 	name: 'file',
+    // 	formData: {
+    // 		// #ifdef H5
+    // 		open: true,
+    // 		// #endif
+    // 		// #ifdef MP-WEIXIN
+    // 		open: 'true'
+    // 		// #endif
+    // 	},
+    // 	header: {
+    // 		Authorization: uni.getStorageSync('declarationAppToken')
+    // 	},
+    // 	success: (res) => {
+    // 		if (res.statusCode === 200) {
+    // 			// resolve(JSON.parse(res.data))
+    // 			resolve({
+    // 				status: 'success',
+    // 				message: '上传成功',
+    // 				...JSON.parse(res.data)
+    // 			});
+    // 		} else {
+    // 			resolve({
+    // 				status: 'failed',
+    // 				message: '上传失败'
+    // 			})
+    // 		}
+    // 	},
+    // 	fail: (err) => {
+    // 		resolve({
+    // 			status: 'failed',
+    // 			message: '上传失败'
+    // 		})
+    // 	}
+    // })
+  });
+}
+
+// 初始化材料格式 [方法]
+var initFormat = exports.initFormat = function initFormat(materialSpec) {
+  var materialSpecArr = materialSpec.split(',');
+  var arr = [{
+    key: '1',
+    value: 'doc'
+  }, {
+    key: '2',
+    value: 'docx'
+  }, {
+    key: '3',
+    value: 'pdf'
+  }, {
+    key: '4',
+    value: 'ofd'
+  }, {
+    key: '5',
+    value: 'xlsx'
+  }, {
+    key: '6',
+    value: 'xls'
+  }, {
+    key: '7',
+    value: 'png'
+  }, {
+    key: '8',
+    value: 'jpg'
+  }, {
+    key: '9',
+    value: 'jpeg'
+  }, {
+    key: '10',
+    value: 'gif'
+  }, {
+    key: '11',
+    value: 'bmp'
+  }, {
+    key: '12',
+    value: 'zip'
+  }, {
+    key: '13',
+    value: 'rar'
+  }, {
+    key: '14',
+    value: 'mp3'
+  }, {
+    key: '15',
+    value: 'mp4'
+  }, {
+    key: '16',
+    value: 'xml'
+  }];
+  var formatArr = [];
+  arr.forEach(function (ele) {
+    if (materialSpecArr.includes(ele.key)) {
+      formatArr.push(ele.value);
+    }
+  });
+  return formatArr;
+};

package/lib/components/file-list/icon/checked.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="14" height="14" viewBox="0 0 14 14"><defs><clipPath id="master_svg0_106_93330"><rect x="0" y="0" width="14" height="14" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_106_93330)"><g><path d="M7.0020943,14.000407C3.672467,14.005688,0.80125445,11.65946,0.13995513,8.3929729C-0.52134383,5.1264863,1.2108389,1.846483,4.2798362,0.55383289C7.8382812,-0.95109636,11.941765,0.71642286,13.445227,4.2783422C14.948689,7.8402619,13.282796,11.947755,9.7243519,13.452684C8.8629837,13.816712,7.9370847,14.003004,7.0020943,14.000407ZM7.0020943,1.1015548C3.7463284,1.1015548,1.1061484,3.744313,1.1061484,7.0032587C1.1061484,10.262204,3.7463281,12.904963,7.0020943,12.904963C10.25786,12.904963,12.89804,10.262204,12.89804,7.0032587C12.89804,3.744313,10.25786,1.1015548,7.0020943,1.1015548Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g><g><path d="M5.8392997015625,9.782016725C5.694968501562499,9.779958725,5.5572960015625,9.720898625,5.4562683015625,9.617700625000001L2.8297682115625,6.988634825C2.6147319265625,6.773055825,2.6148665585625,6.423844625,2.8300691515625,6.208432225C3.0452717515625,5.9930196250000005,3.3941421515625,5.992884625,3.6095104215625,6.208130825L5.8392997015625,8.453790625L10.4767141015625,3.811847495C10.6920643015625,3.596497122,11.0410194015625,3.596582655,11.2562647015625,3.812038165C11.4715099015625,4.027494105,11.4715958015625,4.376790285,11.2564564015625,4.592351375L6.2223310015625,9.617699625C6.1213033015625005,9.720897625,5.9836309015625,9.779958225,5.8392997015625,9.782016725Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>

package/lib/components/file-list/icon/close.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="24" height="24" viewBox="0 0 24 24"><defs><clipPath id="master_svg0_106_93607"><rect x="0" y="0" width="24" height="24" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_106_93607)"><path d="M10.62774178125,12.00024228125L3.78474200125,5.15724198125C3.40573692325,4.77823618125,3.40573692325,4.16374743125,3.7847423512500002,3.7847423512500002C4.16374779125,3.40573692325,4.77823648125,3.40573692325,5.15724198125,3.78474200125L12.00024228125,10.62774178125L18.843241281250002,3.78474200125C19.222301281249997,3.40605306625,19.83653228125,3.40620327025,20.21540428125,3.78507745125C20.59428028125,4.16395199125,20.59443128125,4.77818178125,20.21574428125,5.15724198125L13.37274168125,12.00024228125L20.21574028125,18.843241281250002C20.59474528125,19.22224728125,20.59474528125,19.83673828125,20.21574028125,20.21574028125C19.83673428125,20.59474528125,19.22224428125,20.59474528125,18.843241281250002,20.21574428125L12.00024228125,13.37274168125L5.15724198125,20.21574428125C4.77818178125,20.59443128125,4.16395163125,20.59428028125,3.78507709125,20.21540428125C3.40620291225,19.83653228125,3.40605306625,19.222301281249997,3.78474200125,18.843241281250002L10.62774178125,12.00024228125Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></svg>

package/lib/components/file-list/icon/del.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><g><g><ellipse cx="8" cy="8" rx="8" ry="8" fill="#333333" fill-opacity="1"/></g><g><path d="M11.7879457,4.21203609C11.5011454,3.929321304,11.040452,3.929321304,10.753614899999999,4.21203609C10.753614899999999,4.21203609,7.9922135,6.9734569,7.9922135,6.9734569C7.9922135,6.9734569,5.2307363,4.21201725,5.2307363,4.21201725C4.94241077,3.94331019,4.49305326,3.951255418,4.21434879,4.22994111C3.935663126,4.50862682,3.927717894,4.95796555,4.19642495,5.2463286C4.19642495,5.2463286,6.9578644999999995,8.0078058,6.9578644999999995,8.0078058C6.9578644999999995,8.0078058,4.19642495,10.7692451,4.19642495,10.7692451C3.927717894,11.0575709,3.935663126,11.5069466,4.21434879,11.7856331C4.49303442,12.0643187,4.9423731,12.0722647,5.2307363,11.8035569C5.2307363,11.8035569,7.9922135,9.042117099999999,7.9922135,9.042117099999999C7.9922135,9.042117099999999,10.753653,11.8035569,10.753653,11.8035569C11.041997,12.0722647,11.4913545,12.0643187,11.7700396,11.7856331C12.0487261,11.5069466,12.0566711,11.0576091,11.787963900000001,10.7692451C11.787963900000001,10.7692451,9.0265245,8.0078058,9.0265245,8.0078058C9.0265245,8.0078058,11.787963900000001,5.2463286,11.787963900000001,5.2463286C12.0706787,4.95950937,12.0706787,4.49883649,11.787963900000001,4.21201725C11.787963900000001,4.21201725,11.7879457,4.21203609,11.7879457,4.21203609Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>

package/lib/components/file-list/icon/download.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="11.727999687194824" viewBox="0 0 16 11.727999687194824"><g><path d="M16,9.5679989Q16,9.9679985,15.864,10.319999Q15.728001,10.671999,15.488,10.959999Q15.247999,11.247999,14.92,11.431999Q14.592001,11.615999,14.208,11.679999L14.208,11.711999L13.872,11.711999L13.856,11.711999L3.4720001,11.711999Q3.4400001,11.711999,3.4320002,11.719999Q3.4240003,11.728,3.3920002,11.728Q3.3600001,11.728,3.3440001,11.719999Q3.3280001,11.711999,3.296,11.711999L3.2,11.711999L3.2,11.695999Q2.5280001,11.664,1.944,11.391999Q1.3599999,11.119999,0.92799997,10.664Q0.49600008,10.208,0.248,9.6079998Q-8.9406967e-8,9.0079994,0,8.3359995Q8.9406967e-8,7.6639996,0.248,7.0719995Q0.4959999,6.4799995,0.91999996,6.0319996Q1.3440001,5.5839996,1.9119999,5.2959995Q2.4799998,5.0079994,3.1359999,4.96Q3.2479999,3.9199998,3.7119999,3.016Q4.1759996,2.1120002,4.9039998,1.4400001Q5.632,0.76799989,6.5759997,0.38400006Q7.5199995,2.3841858e-7,8.592,0Q9.7279997,0,10.736,0.43199992Q11.744,0.86399984,12.488,1.6159999Q13.231999,2.3680003,13.664,3.3679998Q14.096,4.3679991,14.096,5.5039997Q14.096,6.0159998,14,6.5039997Q13.904,6.9919996,13.728,7.4399996Q13.759999,7.4399996,13.799999,7.4319992Q13.839999,7.4239988,13.871999,7.4239988Q14.319999,7.4239988,14.703999,7.5919991Q15.087998,7.7599993,15.375998,8.0479994Q15.663999,8.3359995,15.831999,8.7279997Q15.999999,9.1199999,16,9.5679989ZM10.736,7.1999989Q10.928,6.8799992,10.848001,6.8319988Q10.768001,6.7839985,10.448001,6.7839985Q10.256001,6.7839985,9.9120007,6.7759981Q9.5680008,6.7679977,9.3920002,6.7679977Q9.1360006,6.7679977,9.0640001,6.5599976Q8.9919996,6.3519974,8.9920006,5.9839973Q8.9920006,5.4719973,8.9840002,5.1599979Q8.9759998,4.8479977,8.9759998,4.4799976Q8.9759998,4.0639982,8.9200001,3.8719981Q8.8640003,3.6799982,8.4639997,3.6799982Q8.1759996,3.6799982,8.0319996,3.6879981Q7.8879995,3.695998,7.6319995,3.695998Q7.1999993,3.695998,7.0959997,3.9439981Q6.9920001,4.1919985,6.9919996,4.4319983L6.9919996,4.9439983Q6.9919996,5.1519985,6.9999995,5.343998Q7.0079994,5.5359983,7.0079994,5.7439985L7.0079994,6.2079983Q7.0079994,6.4639978,6.9439993,6.5999985Q6.8799992,6.7359991,6.6399994,6.7359982Q6.5439992,6.7519979,6.3759995,6.7599983Q6.2079997,6.7679987,6.0319996,6.7759981Q5.8559995,6.7839975,5.6959996,6.7839985L5.4399996,6.7839985Q5.1039996,6.7839985,5.0399995,6.9919987Q4.9759994,7.1999989,5.2479997,7.5199986Q5.5199995,7.855999,5.8319998,8.2479982Q6.1440001,8.6399975,6.448,9.0399981Q6.7519999,9.4399986,7.0320001,9.8159981Q7.3120003,10.191998,7.552,10.463998Q7.9840002,10.943997,8.3839998,10.447998Q8.6239996,10.175998,8.9440002,9.7439985Q9.2640009,9.3119993,9.6000004,8.8399982Q9.9359999,8.3679972,10.240001,7.9279985Q10.544002,7.4879999,10.736,7.1999989Z" fill="#1678FF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></svg>

package/lib/components/file-list/icon/download_pc.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="14" height="14" viewBox="0 0 14 14"><defs><clipPath id="master_svg0_106_82168"><rect x="0" y="0" width="14" height="14" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_106_82168)"><g><path d="M13.026563,9.1396484375C12.733489,9.1465744972,12.497551,9.3825128075,12.490624,9.6755861075C12.490624,10.8546484375,11.703125,11.8215239375,10.70125,11.8215239375L3.2987499,11.8215239375C2.296875,11.8127737375,1.509375,10.8546484375,1.509375,9.6755861075C1.5024495,9.3825119775,1.26651073,9.1465736628,0.97343743,9.1396484375C0.68036395,9.1465744972,0.4444256425,9.3825128075,0.4375,9.6755861075C0.4375,11.462774037500001,1.7259375,12.8933982375,3.2987499,12.8933982375L10.70125,12.8933982375C12.274063,12.8933982375,13.5625,11.462774037500001,13.5625,9.6755861075C13.555574,9.3825119775,13.319635,9.1465736628,13.026563,9.1396484375Z" fill="#1678FF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g><g><path d="M6.62372038125,9.3891039375C6.85207508125,9.5784521375,7.182865881250001,9.5784521375,7.411220581249999,9.3891039375L9.44997068125,7.3503537375C9.63593958125,7.1398992375,9.626101981249999,6.8210883375,9.42751268125,6.6224990375C9.228923281250001,6.4239096375,8.91011238125,6.4140730375,8.699657881250001,6.6000414375L7.59059548125,7.7091035375L7.59059548125,1.6278542875C7.57250328125,1.3445480175,7.33744718125,1.1240234375,7.05356358125,1.1240234375C6.76968078125,1.1240234375,6.53462458125,1.3445481175,6.51653288125,1.6278542875L6.51653288125,7.7091035375L5.40747034125,6.6000414375C5.19701534125,6.4140749375,4.87820670125,6.4239130375,4.67961819125,6.6225018375C4.48102968525,6.8210902375,4.47119176025,7.1398983375,4.65715773125,7.3503537375L6.62372038125,9.3891039375Z" fill="#1678FF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>

package/lib/components/file-list/icon/file.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="24" height="24" viewBox="0 0 24 24"><defs><clipPath id="master_svg0_125_16922"><rect x="0" y="0" width="24" height="24" rx="0"/></clipPath><linearGradient x1="0.5" y1="0" x2="0.5" y2="1" id="master_svg1_125_17238"><stop offset="0%" stop-color="#579EFF" stop-opacity="1"/><stop offset="100%" stop-color="#85B8FF" stop-opacity="1"/></linearGradient></defs><g clip-path="url(#master_svg0_125_16922)"><g><path d="M8.7133856e-15,3.00078105C-7.9004963e-8,2.33803946,0.53725815,1.80078125,1.2,1.80078125L9.4087505,1.80078125C9.8887873,1.800799667833,10.322625,2.08689746,10.5117,2.52813119L11.1,3.90078095L22.800001,3.90078095C23.462742,3.90078115,24,4.43803905,24,5.10078075L24,17.70077925C24,18.36352125,23.462742,18.90077925,22.799999,18.90077925L1.2,18.90077925C0.53725827,18.90077925,8.7133856e-15,18.36352125,8.7133856e-15,17.70077925L8.7133856e-15,3.00078105Z" fill="#4288E7" fill-opacity="1" style="mix-blend-mode:passthrough"/></g><g><path d="M3.30009795625,5.8505859375L20.70009765625,5.8505859375Q21.90009865625,5.8505859375,21.90009865625,7.0505862375L21.90009865625,17.850584937500003Q21.90009865625,19.0505849375,20.70009765625,19.0505849375L3.30009755625,19.0505849375Q2.10009765625,19.0505849375,2.10009765625,17.850584937500003L2.10009765625,7.0505855375Q2.10009765625,5.85058557987213,3.30009795625,5.8505859375Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g><g><path d="M1.1999998,7.80078125L22.799999,7.80078125Q24,7.80078125,24,9.00078155L24,21.00078225Q24,22.20078225,22.799999,22.20078225L1.2,22.20078225Q0,22.20078225,0,21.00078225L0,9.00078155Q0,7.80078125,1.1999998,7.80078125Z" fill="url(#master_svg1_125_17238)" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>