From 713316f87cf51b65283322f6c25cefeedc891158 Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Fri, 21 Jan 2022 13:50:23 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=9A=97=E9=BB=91=E7=9A=AE?=
 =?UTF-8?q?=E8=82=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/images/file/archive.svg                |   1 -
 public/images/file/cad.svg                    |   1 -
 public/images/file/code.svg                   |   1 -
 public/images/file/dark/archive.svg           |  63 ++++++++++
 public/images/file/dark/cad.svg               | 109 ++++++++++++++++++
 public/images/file/dark/code.svg              |  64 ++++++++++
 public/images/file/dark/document.svg          |  84 ++++++++++++++
 public/images/file/dark/excel.svg             |  60 ++++++++++
 public/images/file/dark/flow.svg              |  94 +++++++++++++++
 public/images/file/dark/folder.svg            |  25 ++++
 public/images/file/dark/media.svg             |  58 ++++++++++
 public/images/file/dark/mind.svg              | 106 +++++++++++++++++
 public/images/file/dark/ofd.svg               |  61 ++++++++++
 public/images/file/dark/other.svg             |  72 ++++++++++++
 public/images/file/dark/pdf.svg               |  93 +++++++++++++++
 public/images/file/dark/picture.svg           |  57 +++++++++
 public/images/file/dark/ppt.svg               |  62 ++++++++++
 public/images/file/dark/sheet.svg             |  90 +++++++++++++++
 public/images/file/dark/tif.svg               |  71 ++++++++++++
 public/images/file/dark/txt.svg               |  81 +++++++++++++
 public/images/file/dark/updir.svg             |  48 ++++++++
 public/images/file/dark/upload.svg            |  74 ++++++++++++
 public/images/file/dark/word.svg              |  54 +++++++++
 public/images/file/dark/wps.svg               |  70 +++++++++++
 public/images/file/document.svg               |   1 -
 public/images/file/excel.svg                  |   1 -
 public/images/file/flow.svg                   |   1 -
 public/images/file/folder.svg                 |   1 -
 public/images/file/light/archive.svg          |  69 +++++++++++
 public/images/file/light/cad.svg              | 100 ++++++++++++++++
 public/images/file/light/code.svg             |  76 ++++++++++++
 public/images/file/light/document.svg         |  90 +++++++++++++++
 public/images/file/light/excel.svg            |  67 +++++++++++
 public/images/file/light/flow.svg             | 106 +++++++++++++++++
 public/images/file/light/folder.svg           |  27 +++++
 public/images/file/light/media.svg            |  64 ++++++++++
 public/images/file/light/mind.svg             | 106 +++++++++++++++++
 public/images/file/light/ofd.svg              |  67 +++++++++++
 public/images/file/light/other.svg            |  72 ++++++++++++
 public/images/file/light/pdf.svg              | 105 +++++++++++++++++
 public/images/file/light/picture.svg          |  69 +++++++++++
 public/images/file/light/ppt.svg              |  62 ++++++++++
 public/images/file/light/sheet.svg            |  90 +++++++++++++++
 public/images/file/light/tif.svg              |  77 +++++++++++++
 public/images/file/light/txt.svg              | 105 +++++++++++++++++
 public/images/file/light/updir.svg            |  50 ++++++++
 public/images/file/light/upload.svg           |  80 +++++++++++++
 public/images/file/light/word.svg             |  61 ++++++++++
 public/images/file/light/wps.svg              |  76 ++++++++++++
 public/images/file/media.svg                  |   1 -
 public/images/file/mind.svg                   |   1 -
 public/images/file/ofd.svg                    |   1 -
 public/images/file/other.svg                  |   1 -
 public/images/file/pdf.svg                    |   1 -
 public/images/file/picture.svg                |   1 -
 public/images/file/ppt.svg                    |   1 -
 public/images/file/sheet.svg                  |   1 -
 public/images/file/tif.svg                    |   1 -
 public/images/file/txt.svg                    |   1 -
 public/images/file/updir.svg                  |   1 -
 public/images/file/upload.svg                 |   1 -
 public/images/file/word.svg                   |   1 -
 public/images/file/wps.svg                    |   1 -
 resources/assets/sass/fileicon.scss           |  42 +++----
 .../statics/public/images/file/archive.svg    |   1 -
 .../assets/statics/public/images/file/cad.svg |   1 -
 .../statics/public/images/file/code.svg       |   1 -
 .../public/images/file/dark/archive.svg       |  63 ++++++++++
 .../statics/public/images/file/dark/cad.svg   | 109 ++++++++++++++++++
 .../statics/public/images/file/dark/code.svg  |  64 ++++++++++
 .../public/images/file/dark/document.svg      |  84 ++++++++++++++
 .../statics/public/images/file/dark/excel.svg |  60 ++++++++++
 .../statics/public/images/file/dark/flow.svg  |  94 +++++++++++++++
 .../public/images/file/dark/folder.svg        |  25 ++++
 .../statics/public/images/file/dark/media.svg |  58 ++++++++++
 .../statics/public/images/file/dark/mind.svg  | 106 +++++++++++++++++
 .../statics/public/images/file/dark/ofd.svg   |  61 ++++++++++
 .../statics/public/images/file/dark/other.svg |  72 ++++++++++++
 .../statics/public/images/file/dark/pdf.svg   |  93 +++++++++++++++
 .../public/images/file/dark/picture.svg       |  57 +++++++++
 .../statics/public/images/file/dark/ppt.svg   |  62 ++++++++++
 .../statics/public/images/file/dark/sheet.svg |  90 +++++++++++++++
 .../statics/public/images/file/dark/tif.svg   |  71 ++++++++++++
 .../statics/public/images/file/dark/txt.svg   |  81 +++++++++++++
 .../statics/public/images/file/dark/updir.svg |  48 ++++++++
 .../public/images/file/dark/upload.svg        |  74 ++++++++++++
 .../statics/public/images/file/dark/word.svg  |  54 +++++++++
 .../statics/public/images/file/dark/wps.svg   |  70 +++++++++++
 .../statics/public/images/file/document.svg   |   1 -
 .../statics/public/images/file/excel.svg      |   1 -
 .../statics/public/images/file/flow.svg       |   1 -
 .../statics/public/images/file/folder.svg     |   1 -
 .../public/images/file/light/archive.svg      |  69 +++++++++++
 .../statics/public/images/file/light/cad.svg  | 100 ++++++++++++++++
 .../statics/public/images/file/light/code.svg |  76 ++++++++++++
 .../public/images/file/light/document.svg     |  90 +++++++++++++++
 .../public/images/file/light/excel.svg        |  67 +++++++++++
 .../statics/public/images/file/light/flow.svg | 106 +++++++++++++++++
 .../public/images/file/light/folder.svg       |  27 +++++
 .../public/images/file/light/media.svg        |  64 ++++++++++
 .../statics/public/images/file/light/mind.svg | 106 +++++++++++++++++
 .../statics/public/images/file/light/ofd.svg  |  67 +++++++++++
 .../public/images/file/light/other.svg        |  72 ++++++++++++
 .../statics/public/images/file/light/pdf.svg  | 105 +++++++++++++++++
 .../public/images/file/light/picture.svg      |  69 +++++++++++
 .../statics/public/images/file/light/ppt.svg  |  62 ++++++++++
 .../public/images/file/light/sheet.svg        |  90 +++++++++++++++
 .../statics/public/images/file/light/tif.svg  |  77 +++++++++++++
 .../statics/public/images/file/light/txt.svg  | 105 +++++++++++++++++
 .../public/images/file/light/updir.svg        |  50 ++++++++
 .../public/images/file/light/upload.svg       |  80 +++++++++++++
 .../statics/public/images/file/light/word.svg |  61 ++++++++++
 .../statics/public/images/file/light/wps.svg  |  76 ++++++++++++
 .../statics/public/images/file/media.svg      |   1 -
 .../statics/public/images/file/mind.svg       |   1 -
 .../assets/statics/public/images/file/ofd.svg |   1 -
 .../statics/public/images/file/other.svg      |   1 -
 .../assets/statics/public/images/file/pdf.svg |   1 -
 .../statics/public/images/file/picture.svg    |   1 -
 .../assets/statics/public/images/file/ppt.svg |   1 -
 .../statics/public/images/file/sheet.svg      |   1 -
 .../assets/statics/public/images/file/tif.svg |   1 -
 .../assets/statics/public/images/file/txt.svg |   1 -
 .../statics/public/images/file/updir.svg      |   1 -
 .../statics/public/images/file/upload.svg     |   1 -
 .../statics/public/images/file/word.svg       |   1 -
 .../assets/statics/public/images/file/wps.svg |   1 -
 127 files changed, 6251 insertions(+), 63 deletions(-)
 delete mode 100644 public/images/file/archive.svg
 delete mode 100644 public/images/file/cad.svg
 delete mode 100644 public/images/file/code.svg
 create mode 100644 public/images/file/dark/archive.svg
 create mode 100644 public/images/file/dark/cad.svg
 create mode 100644 public/images/file/dark/code.svg
 create mode 100644 public/images/file/dark/document.svg
 create mode 100644 public/images/file/dark/excel.svg
 create mode 100644 public/images/file/dark/flow.svg
 create mode 100644 public/images/file/dark/folder.svg
 create mode 100644 public/images/file/dark/media.svg
 create mode 100644 public/images/file/dark/mind.svg
 create mode 100644 public/images/file/dark/ofd.svg
 create mode 100644 public/images/file/dark/other.svg
 create mode 100644 public/images/file/dark/pdf.svg
 create mode 100644 public/images/file/dark/picture.svg
 create mode 100644 public/images/file/dark/ppt.svg
 create mode 100644 public/images/file/dark/sheet.svg
 create mode 100644 public/images/file/dark/tif.svg
 create mode 100644 public/images/file/dark/txt.svg
 create mode 100644 public/images/file/dark/updir.svg
 create mode 100644 public/images/file/dark/upload.svg
 create mode 100644 public/images/file/dark/word.svg
 create mode 100644 public/images/file/dark/wps.svg
 delete mode 100644 public/images/file/document.svg
 delete mode 100644 public/images/file/excel.svg
 delete mode 100644 public/images/file/flow.svg
 delete mode 100644 public/images/file/folder.svg
 create mode 100644 public/images/file/light/archive.svg
 create mode 100644 public/images/file/light/cad.svg
 create mode 100644 public/images/file/light/code.svg
 create mode 100644 public/images/file/light/document.svg
 create mode 100644 public/images/file/light/excel.svg
 create mode 100644 public/images/file/light/flow.svg
 create mode 100644 public/images/file/light/folder.svg
 create mode 100644 public/images/file/light/media.svg
 create mode 100644 public/images/file/light/mind.svg
 create mode 100644 public/images/file/light/ofd.svg
 create mode 100644 public/images/file/light/other.svg
 create mode 100644 public/images/file/light/pdf.svg
 create mode 100644 public/images/file/light/picture.svg
 create mode 100644 public/images/file/light/ppt.svg
 create mode 100644 public/images/file/light/sheet.svg
 create mode 100644 public/images/file/light/tif.svg
 create mode 100644 public/images/file/light/txt.svg
 create mode 100644 public/images/file/light/updir.svg
 create mode 100644 public/images/file/light/upload.svg
 create mode 100644 public/images/file/light/word.svg
 create mode 100644 public/images/file/light/wps.svg
 delete mode 100644 public/images/file/media.svg
 delete mode 100644 public/images/file/mind.svg
 delete mode 100644 public/images/file/ofd.svg
 delete mode 100644 public/images/file/other.svg
 delete mode 100644 public/images/file/pdf.svg
 delete mode 100644 public/images/file/picture.svg
 delete mode 100644 public/images/file/ppt.svg
 delete mode 100644 public/images/file/sheet.svg
 delete mode 100644 public/images/file/tif.svg
 delete mode 100644 public/images/file/txt.svg
 delete mode 100644 public/images/file/updir.svg
 delete mode 100644 public/images/file/upload.svg
 delete mode 100644 public/images/file/word.svg
 delete mode 100644 public/images/file/wps.svg
 delete mode 100644 resources/assets/statics/public/images/file/archive.svg
 delete mode 100644 resources/assets/statics/public/images/file/cad.svg
 delete mode 100644 resources/assets/statics/public/images/file/code.svg
 create mode 100644 resources/assets/statics/public/images/file/dark/archive.svg
 create mode 100644 resources/assets/statics/public/images/file/dark/cad.svg
 create mode 100644 resources/assets/statics/public/images/file/dark/code.svg
 create mode 100644 resources/assets/statics/public/images/file/dark/document.svg
 create mode 100644 resources/assets/statics/public/images/file/dark/excel.svg
 create mode 100644 resources/assets/statics/public/images/file/dark/flow.svg
 create mode 100644 resources/assets/statics/public/images/file/dark/folder.svg
 create mode 100644 resources/assets/statics/public/images/file/dark/media.svg
 create mode 100644 resources/assets/statics/public/images/file/dark/mind.svg
 create mode 100644 resources/assets/statics/public/images/file/dark/ofd.svg
 create mode 100644 resources/assets/statics/public/images/file/dark/other.svg
 create mode 100644 resources/assets/statics/public/images/file/dark/pdf.svg
 create mode 100644 resources/assets/statics/public/images/file/dark/picture.svg
 create mode 100644 resources/assets/statics/public/images/file/dark/ppt.svg
 create mode 100644 resources/assets/statics/public/images/file/dark/sheet.svg
 create mode 100644 resources/assets/statics/public/images/file/dark/tif.svg
 create mode 100644 resources/assets/statics/public/images/file/dark/txt.svg
 create mode 100644 resources/assets/statics/public/images/file/dark/updir.svg
 create mode 100644 resources/assets/statics/public/images/file/dark/upload.svg
 create mode 100644 resources/assets/statics/public/images/file/dark/word.svg
 create mode 100644 resources/assets/statics/public/images/file/dark/wps.svg
 delete mode 100644 resources/assets/statics/public/images/file/document.svg
 delete mode 100644 resources/assets/statics/public/images/file/excel.svg
 delete mode 100644 resources/assets/statics/public/images/file/flow.svg
 delete mode 100644 resources/assets/statics/public/images/file/folder.svg
 create mode 100644 resources/assets/statics/public/images/file/light/archive.svg
 create mode 100644 resources/assets/statics/public/images/file/light/cad.svg
 create mode 100644 resources/assets/statics/public/images/file/light/code.svg
 create mode 100644 resources/assets/statics/public/images/file/light/document.svg
 create mode 100644 resources/assets/statics/public/images/file/light/excel.svg
 create mode 100644 resources/assets/statics/public/images/file/light/flow.svg
 create mode 100644 resources/assets/statics/public/images/file/light/folder.svg
 create mode 100644 resources/assets/statics/public/images/file/light/media.svg
 create mode 100644 resources/assets/statics/public/images/file/light/mind.svg
 create mode 100644 resources/assets/statics/public/images/file/light/ofd.svg
 create mode 100644 resources/assets/statics/public/images/file/light/other.svg
 create mode 100644 resources/assets/statics/public/images/file/light/pdf.svg
 create mode 100644 resources/assets/statics/public/images/file/light/picture.svg
 create mode 100644 resources/assets/statics/public/images/file/light/ppt.svg
 create mode 100644 resources/assets/statics/public/images/file/light/sheet.svg
 create mode 100644 resources/assets/statics/public/images/file/light/tif.svg
 create mode 100644 resources/assets/statics/public/images/file/light/txt.svg
 create mode 100644 resources/assets/statics/public/images/file/light/updir.svg
 create mode 100644 resources/assets/statics/public/images/file/light/upload.svg
 create mode 100644 resources/assets/statics/public/images/file/light/word.svg
 create mode 100644 resources/assets/statics/public/images/file/light/wps.svg
 delete mode 100644 resources/assets/statics/public/images/file/media.svg
 delete mode 100644 resources/assets/statics/public/images/file/mind.svg
 delete mode 100644 resources/assets/statics/public/images/file/ofd.svg
 delete mode 100644 resources/assets/statics/public/images/file/other.svg
 delete mode 100644 resources/assets/statics/public/images/file/pdf.svg
 delete mode 100644 resources/assets/statics/public/images/file/picture.svg
 delete mode 100644 resources/assets/statics/public/images/file/ppt.svg
 delete mode 100644 resources/assets/statics/public/images/file/sheet.svg
 delete mode 100644 resources/assets/statics/public/images/file/tif.svg
 delete mode 100644 resources/assets/statics/public/images/file/txt.svg
 delete mode 100644 resources/assets/statics/public/images/file/updir.svg
 delete mode 100644 resources/assets/statics/public/images/file/upload.svg
 delete mode 100644 resources/assets/statics/public/images/file/word.svg
 delete mode 100644 resources/assets/statics/public/images/file/wps.svg

diff --git a/public/images/file/archive.svg b/public/images/file/archive.svg
deleted file mode 100644
index 7fa49efc8..000000000
--- a/public/images/file/archive.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1639134709586" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5694" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M256 85.333333c-46.933333 0-85.333333 38.4-85.333333 85.333334v682.666666c0 46.933333 38.4 85.333333 85.333333 85.333334h512c46.933333 0 85.333333-38.4 85.333333-85.333334V337.066667L601.6 85.333333H256z" fill="#989FA5" p-id="5695"></path><path d="M686.933333 337.066667h166.4L601.6 85.333333v166.4c0 46.933333 38.4 85.333333 85.333333 85.333334z" fill="#FFFFFF" opacity=".4" p-id="5696"></path><path d="M533.333333 524.8v119.466667l12.8 25.6c0 4.266667 4.266667 8.533333 4.266667 8.533333v72.533333c8.533333-4.266667 12.8-12.8 12.8-25.6v-170.666666c-4.266667-12.8-17.066667-25.6-29.866667-29.866667zM512 652.8v-119.466667c0-12.8-8.533333-21.333333-21.333333-21.333333h-68.266667v29.866667h-29.866667v-29.866667h-55.466666c-12.8 0-21.333333 8.533333-21.333334 21.333333v213.333334c0 12.8 8.533333 21.333333 21.333334 21.333333h170.666666c12.8 0 21.333333-8.533333 21.333334-21.333333v-64l-17.066667-29.866667z m-59.733333-76.8h-29.866667v29.866667h29.866667v89.6h-59.733334v-59.733334h29.866667v-29.866666h-29.866667v-29.866667h29.866667v-29.866667h29.866667v29.866667z" fill="#FFFFFF" p-id="5697"></path></svg>
diff --git a/public/images/file/cad.svg b/public/images/file/cad.svg
deleted file mode 100644
index dc92a1be5..000000000
--- a/public/images/file/cad.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1639134784950" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5982" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M256 85.333333c-46.933333 0-85.333333 38.4-85.333333 85.333334v682.666666c0 46.933333 38.4 85.333333 85.333333 85.333334h512c46.933333 0 85.333333-38.4 85.333333-85.333334V339.2L599.466667 85.333333H256z" fill="#66CC66" p-id="5983"></path><path d="M684.8 339.2h168.533333L599.466667 85.333333v168.533334c0 46.933333 38.4 85.333333 85.333333 85.333333z" fill="#FFFFFF" opacity=".4" p-id="5984"></path><path d="M349.866667 545.706667c0 2.346667-0.64 5.12-1.706667 7.893333-1.066667 2.773333-2.773333 5.546667-5.12 8.32-2.346667 2.773333-5.333333 4.906667-8.96 6.613333-3.626667 1.706667-7.68 2.56-12.586667 2.56-3.626667 0-6.826667-0.426667-9.813333-1.066666-2.986667-0.853333-5.76-1.92-8.106667-3.626667-2.346667-1.706667-4.693333-3.626667-6.613333-6.4-1.706667-2.346667-3.413333-5.12-4.693333-7.893333-1.28-2.986667-2.346667-5.973333-2.773334-9.386667-0.64-3.413333-0.853333-6.826667-0.853333-10.666667 0-6.186667 0.853333-11.52 2.346667-16.426666 1.706667-4.906667 3.84-8.96 6.826666-12.373334 2.986667-3.413333 6.613333-5.973333 10.666667-7.893333 4.053333-1.706667 8.32-2.56 12.8-2.56 5.546667 0 10.453333 1.28 14.933333 3.626667 4.266667 2.56 7.68 5.546667 10.026667 8.96 2.346667 3.626667 3.413333 7.04 3.413333 10.24 0 1.706667-0.64 3.2-1.706666 4.693333-1.066667 1.28-2.56 1.92-4.053334 1.92-1.706667 0-3.2-0.426667-4.053333-1.493333-0.853333-0.853333-1.92-2.56-2.986667-4.693334-1.706667-3.84-3.84-6.613333-6.4-8.32-2.56-1.92-5.546667-2.773333-8.96-2.773333-5.76 0-10.24 2.346667-13.653333 7.253333s-5.12 11.52-5.12 20.48c0 5.973333 0.853333 10.666667 2.346667 14.72 1.493333 3.84 3.626667 6.826667 6.4 8.746667 2.773333 1.92 5.973333 2.986667 9.6 2.986667 4.053333 0 7.466667-1.066667 10.24-3.2 2.773333-2.133333 4.906667-5.333333 6.186666-9.6 0.64-1.92 1.28-3.626667 2.133334-4.906667 0.853333-1.28 2.346667-1.92 4.266666-1.92 1.706667 0 2.986667 0.64 4.266667 1.92s1.706667 2.346667 1.706667 4.266667zM406.4 561.066667l-3.2-9.386667h-27.946667l-3.2 9.6c-1.28 3.84-2.346667 6.4-3.2 7.68-0.853333 1.28-2.346667 1.92-4.48 1.92-1.706667 0-3.2-0.64-4.693333-2.133333-1.28-1.493333-1.92-2.986667-1.92-4.693334 0-1.066667 0.213333-2.133333 0.426667-3.2s0.853333-2.56 1.493333-4.693333l17.493333-49.066667c0.426667-1.493333 1.066667-3.2 1.706667-5.12 0.64-1.92 1.493333-3.626667 2.346667-4.906666s1.92-2.346667 3.2-3.2c1.28-0.853333 2.986667-1.28 4.693333-1.28 1.92 0 3.626667 0.426667 4.906667 1.28s2.346667 1.92 3.2 3.2 1.493333 2.56 1.92 4.053333c0.64 1.493333 1.28 3.413333 2.133333 5.76l17.92 48.853333c1.493333 3.626667 2.133333 6.4 2.133333 8.106667 0 1.706667-0.64 3.413333-1.92 4.906667s-2.986667 2.133333-4.693333 2.133333c-1.066667 0-2.133333-0.213333-2.773333-0.64-0.853333-0.426667-1.493333-1.066667-1.92-1.706667-0.64-0.853333-1.066667-1.92-1.706667-3.413333-0.853333-1.493333-1.493333-2.773333-1.92-4.053333z m-27.52-20.906667h20.48l-10.453333-31.146667-10.026667 31.146667zM440.106667 494.08h18.133333c4.693333 0 8.746667 0.426667 12.16 1.493333s6.4 2.773333 9.173333 5.333334c7.253333 6.826667 10.666667 17.066667 10.666667 30.72 0 4.48-0.426667 8.746667-1.066667 12.373333-0.64 3.84-1.92 7.04-3.413333 10.24-1.493333 2.986667-3.413333 5.76-5.76 8.106667-1.92 1.92-3.84 3.2-5.973333 4.48-2.133333 1.066667-4.48 1.92-7.04 2.346666-2.56 0.426667-5.333333 0.64-8.533334 0.64h-18.133333c-2.56 0-4.48-0.426667-5.76-1.28-1.28-0.853333-2.133333-1.92-2.56-3.626666-0.426667-1.493333-0.64-3.626667-0.64-5.973334v-55.466666c0-3.2 0.64-5.76 1.92-7.253334 1.706667-1.493333 3.84-2.133333 6.826667-2.133333z m5.333333 12.16v51.413333h10.453333c2.346667 0 4.053333 0 5.333334-0.213333s2.56-0.426667 4.053333-1.066667 2.56-1.28 3.626667-2.346666c4.693333-4.266667 7.04-11.733333 7.04-22.4 0-7.466667-1.066667-13.013333-2.986667-16.853334-2.133333-3.626667-4.48-6.186667-7.466667-7.04-2.986667-1.066667-6.613333-1.493333-10.88-1.493333h-9.173333z" fill="#FFFFFF" p-id="5985"></path><path d="M595.84 663.466667h-21.333333v-21.333334c0-5.973333-4.693333-10.666667-10.666667-10.666666h-20.693333v-162.133334c0-5.973333-4.693333-10.666667-10.666667-10.666666s-10.666667 4.693333-10.666667 10.666666v162.133334h-21.973333c-5.973333 0-10.666667 4.693333-10.666667 10.666666v21.333334h-192c-5.973333 0-10.666667 4.693333-10.666666 10.666666s4.693333 10.666667 10.666666 10.666667h192v21.333333c0 5.973333 4.693333 10.666667 10.666667 10.666667h21.973333v29.866667c0 5.973333 4.693333 10.666667 10.666667 10.666666s10.666667-4.693333 10.666667-10.666666v-29.866667h20.693333c5.973333 0 10.666667-4.693333 10.666667-10.666667v-21.333333h21.333333c5.973333 0 10.666667-4.693333 10.666667-10.666667s-4.693333-10.666667-10.666667-10.666666z" fill="#FFFFFF" p-id="5986"></path></svg>
diff --git a/public/images/file/code.svg b/public/images/file/code.svg
deleted file mode 100644
index e9e55f18f..000000000
--- a/public/images/file/code.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1625028321516" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10195" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M256 85.333333c-46.933333 0-85.333333 38.4-85.333333 85.333334v682.666666c0 46.933333 38.4 85.333333 85.333333 85.333334h512c46.933333 0 85.333333-38.4 85.333333-85.333334V337.066667L601.6 85.333333H256z" fill="#447AF9" p-id="10196"></path><path d="M686.933333 337.066667H853.333333L601.6 85.333333v166.4c0 46.933333 38.4 85.333333 85.333333 85.333334z" fill="#FFFFFF" opacity=".4" p-id="10197"></path><path d="M486.4 780.8h-170.666667c-4.266667 0-8.533333-4.266667-8.533333-8.533333s4.266667-8.533333 8.533333-8.533334h170.666667c4.266667 0 8.533333 4.266667 8.533333 8.533334s-4.266667 8.533333-8.533333 8.533333zM571.733333 695.466667h-256c-4.266667 0-8.533333-4.266667-8.533333-8.533334s4.266667-8.533333 8.533333-8.533333h256c4.266667 0 8.533333 4.266667 8.533334 8.533333s-4.266667 8.533333-8.533334 8.533334zM571.733333 610.133333h-256c-4.266667 0-8.533333-4.266667-8.533333-8.533333s4.266667-8.533333 8.533333-8.533333h256c4.266667 0 8.533333 4.266667 8.533334 8.533333s-4.266667 8.533333-8.533334 8.533333zM571.733333 524.8h-256c-4.266667 0-8.533333-4.266667-8.533333-8.533333s4.266667-8.533333 8.533333-8.533334h256c4.266667 0 8.533333 4.266667 8.533334 8.533334s-4.266667 8.533333-8.533334 8.533333z" fill="#FFFFFF" p-id="10198"></path></svg>
\ No newline at end of file
diff --git a/public/images/file/dark/archive.svg b/public/images/file/dark/archive.svg
new file mode 100644
index 000000000..4471a9663
--- /dev/null
+++ b/public/images/file/dark/archive.svg
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_2_);}
+	.st1{clip-path:url(#SVGID_4_);}
+	.st2{fill:#989FA5;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_6_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_1_" x="96" y="96" width="832" height="832"/>
+		</defs>
+		<clipPath id="SVGID_2_">
+			<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+		</clipPath>
+		<g id="组_294" class="st0">
+			<g id="组_293" transform="translate(8 2)">
+				<g>
+					<g>
+						<defs>
+							<rect id="SVGID_3_" x="192" y="120" width="624" height="780"/>
+						</defs>
+						<clipPath id="SVGID_4_">
+							<use xlink:href="#SVGID_3_"  style="overflow:visible;"/>
+						</clipPath>
+						<g id="组_292" class="st1">
+							<path id="路径_155" class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78
+								V352.1L584,120H270z"/>
+							<g id="组_291" transform="translate(30.15)" class="st3">
+								<g id="组_290">
+									<g>
+										<g>
+											<defs>
+												<rect id="SVGID_5_" x="553.8" y="120" width="232.1" height="232.1"/>
+											</defs>
+											<clipPath id="SVGID_6_">
+												<use xlink:href="#SVGID_5_"  style="overflow:visible;"/>
+											</clipPath>
+											<g id="组_289" class="st4">
+												<path id="路径_156" class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+							<path id="路径_157" class="st5" d="M521.7,522.8c1,3,1.6,6,1.8,9.1v102.2l12.1,21.5c1.6,2.9,2.5,6.2,2.5,9.5v61.8
+								c0,0.8-0.4,1.4-0.4,2.3c6.4-5.4,10.1-13.4,10.2-21.8v-156C547.7,536.6,536.4,524.3,521.7,522.8"/>
+							<path id="路径_158" class="st5" d="M504,639.2V531.9c0-10.8-8.7-19.5-19.5-19.5H421v27.3h-27.3v-27.3H343
+								c-10.8,0-19.5,8.7-19.5,19.5v195c0,10.8,8.7,19.5,19.5,19.5h156c10.8,0,19.5-8.7,19.5-19.5v-61.7L504,639.2z M448.3,567H421
+								v27.3h27.3v81.9h-54.6v-54.6H421v-27.3h-27.3V567H421v-27.3h27.3V567z"/>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/images/file/dark/cad.svg b/public/images/file/dark/cad.svg
new file mode 100644
index 000000000..23b792d95
--- /dev/null
+++ b/public/images/file/dark/cad.svg
@@ -0,0 +1,109 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#4D994D;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+	.st6{enable-background:new    ;}
+	.st7{clip-path:url(#SVGID_4_);}
+</style>
+<g>
+	<g>
+		<g>
+			<defs>
+				<rect id="SVGID_9_" x="96" y="96" width="832" height="832"/>
+			</defs>
+			<clipPath id="SVGID_1_">
+				<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+			</clipPath>
+			<g id="组_344" class="st0">
+				<g id="组_346" transform="translate(8 2)">
+					<g id="组_341">
+						<g>
+							<g>
+								<g>
+									<defs>
+										<rect id="SVGID_11_" x="192" y="120" width="624" height="780"/>
+									</defs>
+									<clipPath id="SVGID_2_">
+										<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+									</clipPath>
+									<g id="组_340" class="st1">
+										<path id="路径_181" class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78
+											V352.1L584,120H270z"/>
+										<g id="组_339" transform="translate(30.15)" class="st3">
+											<g id="组_338">
+												<g>
+													<g>
+														<g>
+															<defs>
+																<rect id="SVGID_13_" x="553.8" y="120" width="232.1" height="232.1"/>
+															</defs>
+															<clipPath id="SVGID_3_">
+																<use xlink:href="#SVGID_13_"  style="overflow:visible;"/>
+															</clipPath>
+															<g id="组_337" class="st4">
+																<path id="路径_182" class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+															</g>
+														</g>
+													</g>
+												</g>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+						</g>
+					</g>
+					<g class="st6">
+						<path class="st5" d="M343.8,538.8l12.8,4c-2,7.1-5.2,12.4-9.8,15.8c-4.6,3.5-10.3,5.2-17.3,5.2c-8.7,0-15.8-3-21.3-8.9
+							c-5.6-5.9-8.4-14-8.4-24.2c0-10.8,2.8-19.3,8.4-25.3s13-9,22.1-9c8,0,14.4,2.3,19.4,7.1c3,2.8,5.2,6.8,6.7,12l-13,3.1
+							c-0.8-3.4-2.4-6-4.8-8c-2.5-2-5.4-2.9-8.9-2.9c-4.8,0-8.7,1.7-11.8,5.2c-3,3.5-4.5,9.1-4.5,16.8c0,8.2,1.5,14.1,4.4,17.6
+							s6.8,5.2,11.6,5.2c3.5,0,6.5-1.1,9-3.3C340.9,547,342.7,543.5,343.8,538.8z"/>
+						<path class="st5" d="M426.6,562.7h-14.3l-5.7-14.8h-26l-5.4,14.8h-14l25.4-65.1h13.9L426.6,562.7z M402.3,536.9l-9-24.2
+							l-8.8,24.2H402.3z"/>
+						<path class="st5" d="M433.5,497.6h24c5.4,0,9.6,0.4,12.4,1.2c3.8,1.1,7.1,3.1,9.8,6c2.7,2.9,4.8,6.4,6.2,10.5
+							c1.4,4.2,2.1,9.3,2.1,15.4c0,5.4-0.7,10-2,13.9c-1.6,4.7-4,8.6-7,11.5c-2.3,2.2-5.4,4-9.2,5.2c-2.9,0.9-6.8,1.4-11.6,1.4
+							h-24.7L433.5,497.6L433.5,497.6z M446.6,508.6v43.2h9.8c3.7,0,6.3-0.2,8-0.6c2.1-0.5,3.9-1.4,5.3-2.7s2.6-3.4,3.4-6.3
+							s1.3-6.9,1.3-11.9s-0.4-8.9-1.3-11.6c-0.9-2.7-2.1-4.8-3.7-6.3s-3.6-2.5-6.1-3.1c-1.8-0.4-5.4-0.6-10.8-0.6h-5.9L446.6,508.6
+							L446.6,508.6z"/>
+					</g>
+					<g id="组_343">
+						<g>
+							<g>
+								<g>
+									<defs>
+										<rect id="SVGID_15_" x="192" y="120" width="624" height="780"/>
+									</defs>
+									<clipPath id="SVGID_4_">
+										<use xlink:href="#SVGID_15_"  style="overflow:visible;"/>
+									</clipPath>
+									<g id="组_342" class="st7">
+										<g id="直线_96">
+											<path class="st5" d="M580.7,666.3h-273c-4.5,0-8.1-3.6-8.1-8.1s3.6-8.1,8.1-8.1h273c4.5,0,8.1,3.6,8.1,8.1
+												S585.2,666.3,580.7,666.3z"/>
+										</g>
+										<g id="直线_97">
+											<path class="st5" d="M522.7,732.6c-4.5,0-8.1-3.6-8.1-8.1V471c0-4.5,3.6-8.1,8.1-8.1s8.1,3.6,8.1,8.1v253.5
+												C530.9,729,527.2,732.6,522.7,732.6z"/>
+										</g>
+										<g id="路径_186">
+											<path class="st5" d="M551.5,697.2H493c-5.4,0-9.8-4.4-9.8-9.8V629c0-5.4,4.4-9.8,9.8-9.8h58.5c5.4,0,9.8,4.4,9.8,9.8
+												v58.5C561.2,692.8,556.8,697.2,551.5,697.2"/>
+										</g>
+									</g>
+								</g>
+							</g>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/images/file/dark/code.svg b/public/images/file/dark/code.svg
new file mode 100644
index 000000000..c5f14229f
--- /dev/null
+++ b/public/images/file/dark/code.svg
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_2_);}
+	.st1{clip-path:url(#SVGID_4_);}
+	.st2{fill:#3661C7;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_6_);}
+	.st5{fill:#FFFFFF;}
+	.st6{enable-background:new    ;}
+</style>
+<g>
+	<defs>
+		<rect id="SVGID_1_" x="96" y="96" width="832" height="832"/>
+	</defs>
+	<clipPath id="SVGID_2_">
+		<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+	</clipPath>
+	<g id="组_404" class="st0">
+		<g id="组_406" transform="translate(8 2)">
+			<g id="组_401">
+				<g>
+					<defs>
+						<rect id="SVGID_3_" x="192" y="120" width="624" height="780"/>
+					</defs>
+					<clipPath id="SVGID_4_">
+						<use xlink:href="#SVGID_3_"  style="overflow:visible;"/>
+					</clipPath>
+					<g id="组_400" class="st1">
+						<g id="路径_215">
+							<path class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1L584,120H270z"
+								/>
+						</g>
+						<g id="组_399" transform="translate(30.15)" class="st3">
+							<g id="组_398">
+								<g>
+									<defs>
+										<rect id="SVGID_5_" x="553.8" y="120" width="232.1" height="232.1"/>
+									</defs>
+									<clipPath id="SVGID_6_">
+										<use xlink:href="#SVGID_5_"  style="overflow:visible;"/>
+									</clipPath>
+									<g id="组_397" class="st4">
+										<g id="路径_216">
+											<path class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+										</g>
+									</g>
+								</g>
+							</g>
+						</g>
+					</g>
+				</g>
+			</g>
+			<g class="st6">
+				<path class="st5" d="M297.2,668.8v-17.1l98.6-41.6v18.2l-78.2,32.1l78.2,32.4v18.2L297.2,668.8z"/>
+				<path class="st5" d="M407.3,736.4l43.2-154h14.6l-43.1,154H407.3z"/>
+				<path class="st5" d="M575.1,668.8l-98.6,42.1v-18.2l78.1-32.4l-78.1-32.1v-18.2l98.6,41.6V668.8z"/>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/images/file/dark/document.svg b/public/images/file/dark/document.svg
new file mode 100644
index 000000000..e9f9b7406
--- /dev/null
+++ b/public/images/file/dark/document.svg
@@ -0,0 +1,84 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#3A6ACC;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<g>
+		<g>
+			<defs>
+				<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+			</defs>
+			<clipPath id="SVGID_1_">
+				<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+			</clipPath>
+			<g id="组_244" class="st0">
+				<g id="组_243" transform="translate(8 2)">
+					<g>
+						<g>
+							<g>
+								<defs>
+									<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+								</defs>
+								<clipPath id="SVGID_2_">
+									<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+								</clipPath>
+								<g id="组_242" class="st1">
+									<g id="路径_134">
+										<path class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1L584,120
+											H270z"/>
+									</g>
+									<g id="组_241" transform="translate(30.15)" class="st3">
+										<g id="组_240">
+											<g>
+												<g>
+													<g>
+														<defs>
+															<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+														</defs>
+														<clipPath id="SVGID_3_">
+															<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+														</clipPath>
+														<g id="组_239" class="st4">
+															<g id="路径_135">
+																<path class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+															</g>
+														</g>
+													</g>
+												</g>
+											</g>
+										</g>
+									</g>
+									<g id="直线_87">
+										<path class="st5" d="M480.3,754.9h-156c-4.5,0-8.1-3.6-8.1-8.1s3.6-8.1,8.1-8.1h156c4.5,0,8.1,3.6,8.1,8.1
+											S484.8,754.9,480.3,754.9z"/>
+									</g>
+									<g id="直线_88">
+										<path class="st5" d="M558.3,676.5h-234c-4.5,0-8.1-3.6-8.1-8.1s3.6-8.1,8.1-8.1h234c4.5,0,8.1,3.6,8.1,8.1
+											S562.8,676.5,558.3,676.5z"/>
+									</g>
+									<g id="直线_89">
+										<path class="st5" d="M558.3,598.5h-234c-4.5,0-8.1-3.6-8.1-8.1s3.6-8.1,8.1-8.1h234c4.5,0,8.1,3.6,8.1,8.1
+											S562.8,598.5,558.3,598.5z"/>
+									</g>
+									<g id="直线_90">
+										<path class="st5" d="M558.3,520.5h-234c-4.5,0-8.1-3.6-8.1-8.1s3.6-8.1,8.1-8.1h234c4.5,0,8.1,3.6,8.1,8.1
+											C566.4,516.9,562.8,520.5,558.3,520.5z"/>
+									</g>
+								</g>
+							</g>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/images/file/dark/excel.svg b/public/images/file/dark/excel.svg
new file mode 100644
index 000000000..66b2e01fc
--- /dev/null
+++ b/public/images/file/dark/excel.svg
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#26915F;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+		</defs>
+		<clipPath id="SVGID_1_">
+			<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+		</clipPath>
+		<g id="组_258" class="st0">
+			<g id="组_257" transform="translate(8 2)">
+				<g>
+					<g>
+						<defs>
+							<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+						</defs>
+						<clipPath id="SVGID_2_">
+							<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+						</clipPath>
+						<g id="组_256" class="st1">
+							<path id="路径_139" class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78
+								V352.1L584,120H270z"/>
+							<g id="组_255" transform="translate(30.15)" class="st3">
+								<g id="组_254">
+									<g>
+										<g>
+											<defs>
+												<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+											</defs>
+											<clipPath id="SVGID_3_">
+												<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+											</clipPath>
+											<g id="组_253" class="st4">
+												<path id="路径_140" class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+							<path id="路径_141" class="st5" d="M351.8,735.6l69.8-110.4l-64.6-102h40.5l29.3,49.8c5.5,9.5,9.9,17.4,13.4,23.8
+								c5.3-8.8,10.1-16.6,14.5-23.4l32.2-50.2h38.7l-66.1,100l71.1,112.4h-39.7l-39.2-66l-10.4-17.8l-50.2,83.7h-39.3V735.6z"/>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/images/file/dark/flow.svg b/public/images/file/dark/flow.svg
new file mode 100644
index 000000000..7c7e7f39a
--- /dev/null
+++ b/public/images/file/dark/flow.svg
@@ -0,0 +1,94 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_2_);}
+	.st1{clip-path:url(#SVGID_4_);}
+	.st2{fill:#434343;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_6_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<defs>
+		<rect id="SVGID_1_" x="96" y="96" width="832" height="832"/>
+	</defs>
+	<clipPath id="SVGID_2_">
+		<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+	</clipPath>
+	<g id="组_279" class="st0">
+		<g id="组_278" transform="translate(8 2)">
+			<g>
+				<defs>
+					<rect id="SVGID_3_" x="192" y="120" width="624" height="780"/>
+				</defs>
+				<clipPath id="SVGID_4_">
+					<use xlink:href="#SVGID_3_"  style="overflow:visible;"/>
+				</clipPath>
+				<g id="组_277" class="st1">
+					<g id="路径_149">
+						<path class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1L584,120H270z"
+							/>
+					</g>
+					<g id="组_276" transform="translate(30.15)" class="st3">
+						<g id="组_275">
+							<g>
+								<defs>
+									<rect id="SVGID_5_" x="553.8" y="120" width="232.1" height="232.1"/>
+								</defs>
+								<clipPath id="SVGID_6_">
+									<use xlink:href="#SVGID_5_"  style="overflow:visible;"/>
+								</clipPath>
+								<g id="组_274" class="st4">
+									<g id="路径_150">
+										<path class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+									</g>
+								</g>
+							</g>
+						</g>
+					</g>
+					<g id="矩形_151">
+						<path class="st5" d="M363.3,683.7c-2.1,0-4.2-0.8-5.7-2.4l-39-39c-3.2-3.2-3.2-8.3,0-11.5l39-39c3-3,8.4-3,11.5,0l39,39
+							c1.5,1.5,2.4,3.6,2.4,5.7c0,2.2-0.9,4.2-2.4,5.7l-39,39C367.4,682.9,365.4,683.7,363.3,683.7z M335.8,636.6l27.5,27.5
+							l27.5-27.5l-27.5-27.5L335.8,636.6z"/>
+					</g>
+					<g id="矩形_152">
+						<path class="st5" d="M558.3,664.2h-92.9c-4.5,0-8.1-3.6-8.1-8.1v-39c0-4.5,3.6-8.1,8.1-8.1h92.9c4.5,0,8.1,3.6,8.1,8.1v39
+							C566.4,660.5,562.8,664.2,558.3,664.2z M473.5,647.9h76.7v-22.8h-76.7V647.9z"/>
+					</g>
+					<g id="矩形_153">
+						<path class="st5" d="M558.3,754.5h-92.9c-4.5,0-8.1-3.6-8.1-8.1v-39c0-4.5,3.6-8.1,8.1-8.1h92.9c4.5,0,8.1,3.6,8.1,8.1v39
+							C566.4,750.9,562.8,754.5,558.3,754.5z M473.5,738.3h76.7v-22.8h-76.7V738.3z"/>
+					</g>
+					<g id="路径_151">
+						<path class="st5" d="M382.8,531.9c0,10.8-8.7,19.5-19.5,19.5s-19.5-8.7-19.5-19.5c0-10.8,8.7-19.5,19.5-19.5
+							S382.8,521.1,382.8,531.9"/>
+					</g>
+					<g id="椭圆_35">
+						<path class="st5" d="M363.3,559.5c-15.2,0-27.6-12.4-27.6-27.6s12.4-27.6,27.6-27.6s27.6,12.4,27.6,27.6
+							S378.5,559.5,363.3,559.5z M363.3,520.5c-6.3,0-11.4,5.1-11.4,11.4s5.1,11.4,11.4,11.4s11.4-5.1,11.4-11.4
+							S369.5,520.5,363.3,520.5z"/>
+					</g>
+					<g id="直线_91">
+						<path class="st5" d="M363.3,605.7c-4.5,0-8.1-3.6-8.1-8.1v-85.2c0-4.5,3.6-8.1,8.1-8.1s8.1,3.6,8.1,8.1v85.2
+							C371.4,602.1,367.8,605.7,363.3,605.7z"/>
+					</g>
+					<g id="直线_92">
+						<path class="st5" d="M464.2,644.7h-62c-4.5,0-8.1-3.6-8.1-8.1s3.6-8.1,8.1-8.1h62c4.5,0,8.1,3.6,8.1,8.1
+							S468.7,644.7,464.2,644.7z"/>
+					</g>
+					<g id="直线_93">
+						<path class="st5" d="M363.3,735c-4.5,0-8.1-3.6-8.1-8.1v-51.3c0-4.5,3.6-8.1,8.1-8.1s8.1,3.6,8.1,8.1v51.3
+							C371.4,731.4,367.8,735,363.3,735z"/>
+					</g>
+					<g id="直线_94">
+						<path class="st5" d="M464.2,735H363.7c-4.5,0-8.1-3.6-8.1-8.1s3.6-8.1,8.1-8.1h100.5c4.5,0,8.1,3.6,8.1,8.1
+							S468.7,735,464.2,735z"/>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/images/file/dark/folder.svg b/public/images/file/dark/folder.svg
new file mode 100644
index 000000000..c06c8d2b4
--- /dev/null
+++ b/public/images/file/dark/folder.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_2_);}
+	.st1{fill:#CC8829;}
+	.st2{fill:#E6A82E;}
+</style>
+<g>
+	<defs>
+		<rect id="SVGID_1_" x="96" y="96" width="832" height="832"/>
+	</defs>
+	<clipPath id="SVGID_2_">
+		<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+	</clipPath>
+	<g id="组_229" class="st0">
+		<path id="路径_130" class="st1" d="M224,752.4h576.1c35.3-0.1,63.9-28.7,64-64V299.8c-0.1-35.3-28.7-63.9-64-64H224
+			c-35.3,0.1-63.9,28.7-64,64v388.6C160.1,723.7,188.7,752.3,224,752.4"/>
+		<path id="路径_131" class="st2" d="M842.7,871.6H181.3c-47.1,0-85.3-38.2-85.3-85.3V252.8c0-47.1,38.2-85.3,85.3-85.3h268.5
+			c36.6,0,69.1,23.3,80.9,58l24.1,71.4c11.7,34.7,44.3,58,80.9,58h206.6c47.1,0,85.3,38.1,85.3,85.2l0.5,346
+			C928,833.3,889.8,871.6,842.7,871.6C842.7,871.6,842.7,871.6,842.7,871.6"/>
+	</g>
+</g>
+</svg>
diff --git a/public/images/file/dark/media.svg b/public/images/file/dark/media.svg
new file mode 100644
index 000000000..045644ed2
--- /dev/null
+++ b/public/images/file/dark/media.svg
@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#4A4FA8;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<defs>
+		<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+	</defs>
+	<clipPath id="SVGID_1_">
+		<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+	</clipPath>
+	<g id="组_395" class="st0">
+		<g id="组_394" transform="translate(8 2)">
+			<g>
+				<defs>
+					<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+				</defs>
+				<clipPath id="SVGID_2_">
+					<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+				</clipPath>
+				<g id="组_393" class="st1">
+					<path id="路径_210" class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1
+						L584,120H270z"/>
+					<g id="组_392" transform="translate(30.15)" class="st3">
+						<g id="组_391">
+							<g>
+								<defs>
+									<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+								</defs>
+								<clipPath id="SVGID_3_">
+									<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+								</clipPath>
+								<g id="组_390" class="st4">
+									<path id="路径_211" class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+								</g>
+							</g>
+						</g>
+					</g>
+					<path id="路径_212" class="st5" d="M508.9,615.6v27.7l52.8,46.3c6.6,5.7,16.6,5.1,22.3-1.5c2.5-2.9,3.9-6.6,3.9-10.4v-96.3
+						c0-8.7-7-15.8-15.8-15.8c-3.8,0-7.5,1.4-10.4,3.9L508.9,615.6z"/>
+					<path id="路径_213" class="st5" d="M469.9,526.6H334.5c-21.5,0-38.9,17.5-39,39v127.5c0.1,21.5,17.5,38.9,39,39h135.4
+						c21.5-0.1,38.9-17.5,39-39V565.6C508.8,544.1,491.4,526.7,469.9,526.6 M440.1,635.6l-50.9,40.8c-3.4,2.8-8.5,2.2-11.2-1.2
+						c-1.1-1.4-1.8-3.2-1.8-5v-81.5c0-4.4,3.6-8,8-8c1.8,0,3.6,0.6,5,1.7l50.9,40.8c3.4,2.7,4,7.8,1.3,11.2
+						C441,634.9,440.6,635.3,440.1,635.6"/>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/images/file/dark/mind.svg b/public/images/file/dark/mind.svg
new file mode 100644
index 000000000..fd91f9b6b
--- /dev/null
+++ b/public/images/file/dark/mind.svg
@@ -0,0 +1,106 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#6441A6;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+		</defs>
+		<clipPath id="SVGID_1_">
+			<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+		</clipPath>
+		<g id="组_237" class="st0">
+			<g id="组_236" transform="translate(7.75 2)">
+				<g>
+					<g>
+						<defs>
+							<rect id="SVGID_9_" x="189" y="120" width="624" height="780"/>
+						</defs>
+						<clipPath id="SVGID_2_">
+							<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+						</clipPath>
+						<g id="组_235" class="st1">
+							<g id="路径_132">
+								<path class="st2" d="M267,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1L581,120H267z
+									"/>
+							</g>
+							<g id="组_234" transform="translate(30.15)" class="st3">
+								<g id="组_233">
+									<g>
+										<g>
+											<defs>
+												<rect id="SVGID_11_" x="550.8" y="120" width="232.1" height="232.1"/>
+											</defs>
+											<clipPath id="SVGID_3_">
+												<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+											</clipPath>
+											<g id="组_232" class="st4">
+												<g id="路径_133">
+													<path class="st5" d="M628.8,352.1h154L550.8,120v154.1C550.9,317.1,585.8,351.9,628.8,352.1"/>
+												</g>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+							<g id="椭圆_29">
+								<path class="st5" d="M428.5,670.7c-22.8,0-41.3-18.5-41.3-41.3s18.5-41.3,41.3-41.3s41.3,18.5,41.3,41.3
+									S451.2,670.7,428.5,670.7z M428.5,604.4c-13.8,0-25,11.2-25,25s11.2,25,25,25s25-11.2,25-25S442.3,604.4,428.5,604.4z"/>
+							</g>
+							<g id="椭圆_30">
+								<path class="st5" d="M465.3,571.2c-18.5,0-33.5-15-33.5-33.5s15-33.5,33.5-33.5s33.5,15,33.5,33.5S483.8,571.2,465.3,571.2z
+									 M465.3,520.5c-9.5,0-17.2,7.7-17.2,17.2s7.7,17.2,17.2,17.2s17.2-7.7,17.2-17.2S474.8,520.5,465.3,520.5z"/>
+							</g>
+							<g id="椭圆_31">
+								<path class="st5" d="M346.6,572.6c-18.5,0-33.5-15-33.5-33.5s15-33.5,33.5-33.5s33.5,15,33.5,33.5S365.1,572.6,346.6,572.6z
+									 M346.6,521.9c-9.5,0-17.2,7.7-17.2,17.2s7.7,17.2,17.2,17.2s17.2-7.7,17.2-17.2S356.1,521.9,346.6,521.9z"/>
+							</g>
+							<g id="椭圆_32">
+								<path class="st5" d="M346.6,746.4c-18.5,0-33.5-15-33.5-33.5s15-33.5,33.5-33.5s33.5,15,33.5,33.5S365.1,746.4,346.6,746.4z
+									 M346.6,695.7c-9.5,0-17.2,7.7-17.2,17.2s7.7,17.2,17.2,17.2s17.2-7.7,17.2-17.2S356.1,695.7,346.6,695.7z"/>
+							</g>
+							<g id="椭圆_33">
+								<path class="st5" d="M478.9,754.5c-18.5,0-33.5-15-33.5-33.5s15-33.5,33.5-33.5s33.5,15,33.5,33.5S497.4,754.5,478.9,754.5z
+									 M478.9,703.8c-9.5,0-17.2,7.7-17.2,17.2s7.7,17.2,17.2,17.2s17.2-7.7,17.2-17.2S488.4,703.8,478.9,703.8z"/>
+							</g>
+							<g id="椭圆_34">
+								<path class="st5" d="M529.9,667.1c-18.5,0-33.5-15-33.5-33.5s15-33.5,33.5-33.5s33.5,15,33.5,33.5S548.4,667.1,529.9,667.1z
+									 M529.9,616.3c-9.5,0-17.2,7.7-17.2,17.2s7.7,17.2,17.2,17.2s17.2-7.7,17.2-17.2S539.4,616.3,529.9,616.3z"/>
+							</g>
+							<g id="直线_82">
+								<path class="st5" d="M400.2,618.9c-2.5,0-4.9-1.1-6.5-3.2l-33.3-44.4c-2.7-3.6-2-8.7,1.6-11.4s8.7-2,11.4,1.6l33.3,44.4
+									c2.7,3.6,2,8.7-1.6,11.4C403.6,618.3,401.9,618.9,400.2,618.9z"/>
+							</g>
+							<g id="直线_83">
+								<path class="st5" d="M470.5,704.3c-2.5,0-5-1.2-6.6-3.4l-23.2-32.4c-2.6-3.7-1.8-8.7,1.9-11.3c3.7-2.6,8.7-1.8,11.3,1.9
+									l23.2,32.4c2.6,3.7,1.8,8.7-1.9,11.3C473.7,703.8,472.1,704.3,470.5,704.3z"/>
+							</g>
+							<g id="直线_84">
+								<path class="st5" d="M504.6,641.7h-41.8c-4.5,0-8.1-3.6-8.1-8.1s3.6-8.1,8.1-8.1h41.8c4.5,0,8.1,3.6,8.1,8.1
+									S509.1,641.7,504.6,641.7z"/>
+							</g>
+							<g id="直线_85">
+								<path class="st5" d="M446.2,604.5c-1.4,0-2.8-0.3-4-1.1c-3.9-2.2-5.2-7.2-3-11.1l19.2-33.3c2.2-3.9,7.2-5.2,11.1-3
+									s5.2,7.2,3,11.1l-19.2,33.3C451.7,603.1,449,604.5,446.2,604.5z"/>
+							</g>
+							<g id="直线_86">
+								<path class="st5" d="M364.5,700.5c-2.2,0-4.5-0.9-6.1-2.8c-3-3.4-2.6-8.5,0.7-11.5l38.7-34.1c3.4-3,8.5-2.7,11.5,0.7
+									s2.6,8.5-0.7,11.5l-38.7,34.1C368.3,699.9,366.4,700.5,364.5,700.5z"/>
+							</g>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/images/file/dark/ofd.svg b/public/images/file/dark/ofd.svg
new file mode 100644
index 000000000..bde3e9660
--- /dev/null
+++ b/public/images/file/dark/ofd.svg
@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#129FE6;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<defs>
+		<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+	</defs>
+	<clipPath id="SVGID_1_">
+		<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+	</clipPath>
+	<g id="组_328" class="st0">
+		<g id="组_327" transform="translate(8 2)">
+			<g>
+				<defs>
+					<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+				</defs>
+				<clipPath id="SVGID_2_">
+					<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+				</clipPath>
+				<g id="组_326" class="st1">
+					<path id="路径_172" class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1
+						L584,120H270z"/>
+					<g id="组_325" transform="translate(30.15)" class="st3">
+						<g id="组_324">
+							<g>
+								<defs>
+									<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+								</defs>
+								<clipPath id="SVGID_3_">
+									<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+								</clipPath>
+								<g id="组_323" class="st4">
+									<path id="路径_173" class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+								</g>
+							</g>
+						</g>
+					</g>
+					<path id="路径_174" class="st5" d="M368.3,711.4c-0.5,0-0.8,0.2-1.3,0.2c-30,0-54.4-24.3-54.4-54.3c0-30,24.3-54.4,54.3-54.4
+						c25.6,0,47.7,17.8,53.2,42.8l13.6-17.2c-11.2-27-37.4-44.8-66.7-45c-40.7-0.1-73.7,32.8-73.8,73.5
+						c-0.1,35.8,25.6,66.4,60.8,72.7L368.3,711.4z"/>
+					<path id="路径_175" class="st5" d="M573.3,626.1c6.9,9,10.7,19.9,10.9,31.2c0,29.9-24.3,54.2-54.2,54.2
+						c-10.8,0-21.4-3.3-30.4-9.4l-30.4-23.9l-12,15.4l27.3,21.8c1.6,0.8,2.7,1.9,4.3,2.7c12.1,8.4,26.6,12.9,41.3,12.9
+						c40.5,0.2,73.5-32.4,73.7-72.9c0.1-17.6-6.2-34.7-17.7-48.1L573.3,626.1z"/>
+					<path id="路径_176" class="st5" d="M529.9,602.9c10.5,0.2,20.8,3.6,29.4,9.7l12.3-15.6c-12.1-8.7-26.7-13.4-41.6-13.6
+						c-23.3,0.1-45.2,11.2-59,29.9L378.7,730c19.6-3.2,37-14.2,48.4-30.5l52.8-66.6l46.7,37.2l12.2-15.2l-46-36.7
+						C502.7,608.5,516,603,529.9,602.9"/>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/images/file/dark/other.svg b/public/images/file/dark/other.svg
new file mode 100644
index 000000000..706a278b6
--- /dev/null
+++ b/public/images/file/dark/other.svg
@@ -0,0 +1,72 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#55575E;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+	.st6{enable-background:new    ;}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+		</defs>
+		<clipPath id="SVGID_1_">
+			<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+		</clipPath>
+		<g id="组_310" class="st0">
+			<g id="组_312" transform="translate(8 2)">
+				<g id="组_307">
+					<g>
+						<g>
+							<defs>
+								<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+							</defs>
+							<clipPath id="SVGID_2_">
+								<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+							</clipPath>
+							<g id="组_306" class="st1">
+								<g id="路径_167">
+									<path class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1L584,120H270
+										z"/>
+								</g>
+								<g id="组_305" transform="translate(30.15)" class="st3">
+									<g id="组_304">
+										<g>
+											<g>
+												<defs>
+													<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+												</defs>
+												<clipPath id="SVGID_3_">
+													<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+												</clipPath>
+												<g id="组_303" class="st4">
+													<g id="路径_168">
+														<path class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+													</g>
+												</g>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+						</g>
+					</g>
+				</g>
+				<g class="st6">
+					<path class="st5" d="M424.2,658.4h-32.4c-0.1-4.7-0.1-7.5-0.1-8.5c0-10.5,1.7-19.1,5.2-25.9s10.4-14.4,20.8-22.9
+						s16.6-14,18.7-16.6c3.1-4.2,4.7-8.7,4.7-13.7c0-6.9-2.8-12.9-8.3-17.8s-13-7.4-22.4-7.4c-9.1,0-16.6,2.6-22.7,7.7
+						s-10.3,13-12.6,23.6l-32.8-4.1c0.9-15.1,7.4-28,19.4-38.6s27.7-15.9,47.2-15.9c20.5,0,36.8,5.4,48.9,16.1s18.2,23.2,18.2,37.4
+						c0,7.9-2.2,15.3-6.7,22.3s-13.9,16.6-28.5,28.7c-7.5,6.3-12.2,11.3-14,15.1S424,648.6,424.2,658.4z M391.8,706.4v-35.7h35.7
+						v35.7H391.8z"/>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/images/file/dark/pdf.svg b/public/images/file/dark/pdf.svg
new file mode 100644
index 000000000..e8411fb5a
--- /dev/null
+++ b/public/images/file/dark/pdf.svg
@@ -0,0 +1,93 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_2_);}
+	.st1{clip-path:url(#SVGID_4_);}
+	.st2{fill:#E04A4D;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_6_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<defs>
+		<rect id="SVGID_1_" x="96" y="96" width="832" height="832"/>
+	</defs>
+	<clipPath id="SVGID_2_">
+		<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+	</clipPath>
+	<g id="组_301" class="st0">
+		<g id="组_300" transform="translate(8 2)">
+			<g>
+				<defs>
+					<rect id="SVGID_3_" x="192" y="120" width="624" height="780"/>
+				</defs>
+				<clipPath id="SVGID_4_">
+					<use xlink:href="#SVGID_3_"  style="overflow:visible;"/>
+				</clipPath>
+				<g id="组_299" class="st1">
+					<g id="路径_159">
+						<path class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1L584,120H270z"
+							/>
+					</g>
+					<g id="组_298" transform="translate(30.15)" class="st3">
+						<g id="组_297">
+							<g>
+								<defs>
+									<rect id="SVGID_5_" x="553.8" y="120" width="232.1" height="232.1"/>
+								</defs>
+								<clipPath id="SVGID_6_">
+									<use xlink:href="#SVGID_5_"  style="overflow:visible;"/>
+								</clipPath>
+								<g id="组_296" class="st4">
+									<g id="路径_160">
+										<path class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+									</g>
+								</g>
+							</g>
+						</g>
+					</g>
+					<g id="路径_161">
+						<path class="st5" d="M541.4,693.4c-0.3,0-0.6,0-0.9-0.1c-24.1-2.7-46.6-12.3-65.2-27.9c-0.5-0.2-0.9-0.5-1.3-0.7
+							c-13.2-9.8-25.5-20.9-36.6-32.9c-6.5-7.1-12.7-14.7-18.4-22.5c-22.5-30.5-35.1-62.8-33.9-86.3c0.1-5.5,1.7-11.2,4.7-16.1
+							c2.3-3.9,7.3-5.1,11.1-2.8c3.9,2.3,5.1,7.3,2.8,11.1c-1.5,2.5-2.3,5.4-2.4,8.4c-1.1,19.8,10.7,48.9,30.7,76.1
+							c5.4,7.4,11.1,14.5,17.2,21.1c10.1,10.9,21.2,21,33.2,30c0.7,0.3,1.4,0.7,2,1.2c16.3,14.1,36.3,22.8,57.7,25.1
+							c4.5,0.5,7.7,4.5,7.2,9C549,690.3,545.5,693.4,541.4,693.4z"/>
+					</g>
+					<g id="路径_162">
+						<path class="st5" d="M353.9,750.1c-2.3,0-4.5-0.9-6.1-2.8c-3-3.4-2.6-8.5,0.7-11.5c0.7-0.6,1.3-1.3,1.9-1.9
+							c13.8-16.6,26-34.9,36.1-54.2c0.4-0.7,0.8-1.3,1.3-1.9c6.5-13,12-25.2,16.9-37.3c5-12.4,9.3-25.3,13-38.2
+							c8.5-25.7,12.4-52,11.7-78.7c0-2.2-0.4-4.1-1.1-5.9c-1.7-4.1,0.2-8.9,4.3-10.6c4.1-1.8,8.9,0.2,10.6,4.3
+							c1.6,3.8,2.4,7.9,2.4,12.1c0.7,28.3-3.4,56.5-12.4,83.6c-3.7,13.1-8.3,26.5-13.5,39.5c-5.3,13.1-11.4,26.4-18.5,40.5
+							c-0.4,0.8-0.9,1.5-1.5,2.1c-10.4,19.6-22.9,38.2-37.1,55.3c-1.2,1.4-2.3,2.5-3.6,3.6C357.7,749.4,355.8,750.1,353.9,750.1z
+							 M394.2,683.5h0.1H394.2z"/>
+					</g>
+					<g id="路径_163">
+						<path class="st5" d="M329.6,723.5c-2.2,0-4.4-0.9-6-2.6c-3-3.3-2.8-8.4,0.5-11.5c2.3-2.1,4.8-3.9,7.6-5.3
+							c18.5-11,38.7-20.6,59.4-28.3c0.5-0.2,0.9-0.3,1.4-0.4c9.6-3.8,20.5-7.6,35.3-12.2c19.1-5.9,35.3-10.1,49.5-13
+							c0.4-0.1,0.7-0.1,1.1-0.1c20.4-4.4,41.2-6.8,62-7.1h1.9c4.5,0,8.1,3.6,8.1,8.1s-3.6,8.1-8.1,8.1h-1.8
+							c-19.9,0.3-39.9,2.6-59.5,6.9c-0.6,0.1-1.2,0.2-1.7,0.2c-12.5,2.6-28.2,6.8-46.8,12.5c-14.9,4.7-25.8,8.4-35.2,12.2
+							c-0.6,0.2-1.2,0.4-1.8,0.5c-19.4,7.3-38.3,16.3-56.1,26.9c-1.9,1-3.2,1.9-4.4,3C333.5,722.8,331.6,723.5,329.6,723.5z"/>
+					</g>
+					<g id="路径_164">
+						<path class="st5" d="M436,522.7c-3.1,0-6.1-1.8-7.5-4.9c-2.2-5.1-7.2-8.4-12.8-8.4c0,0-0.1,0-0.2,0c-4.8,0-9.2,2.3-11.9,6.2
+							c-2.5,3.7-7.6,4.7-11.3,2.1c-3.7-2.5-4.7-7.6-2.1-11.3c5.7-8.3,15.1-13.3,25.2-13.3c0.1,0,0.2,0,0.4,0
+							c12,0,22.8,7.1,27.6,18.2c1.8,4.1-0.1,8.9-4.2,10.7C438.1,522.5,437,522.7,436,522.7z"/>
+					</g>
+					<g id="路径_165">
+						<path class="st5" d="M342.7,754.5c-0.1,0-0.2,0-0.3,0c-7.5-0.1-14-2.9-18.8-7.9s-7.5-11.6-7.4-18.5
+							c-0.1-6.8,2.7-13.6,7.7-18.5c3.2-3.1,8.4-3.1,11.5,0.1c3.1,3.2,3.1,8.3-0.1,11.5c-1.9,1.8-2.9,4.4-2.9,6.9
+							c-0.1,5.6,4.3,10.1,9.7,10.2c2.6,0.2,4.8-0.8,6.4-2.3c3.3-3,8.4-2.8,11.5,0.5c3,3.3,2.8,8.4-0.5,11.5
+							C354.9,752.2,349,754.5,342.7,754.5z"/>
+					</g>
+					<g id="路径_166">
+						<path class="st5" d="M541.6,693.4l-0.1-16.2c4.8,0,8.7-3.9,8.7-8.7c0.1-4.9-3.6-8.9-8.3-9.2c-4.5-0.3-7.9-4.1-7.6-8.6
+							c0.3-4.5,4.1-8,8.6-7.6c13.4,0.9,23.8,12.1,23.6,25.5C566.5,682.1,555.3,693.3,541.6,693.4z"/>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/images/file/dark/picture.svg b/public/images/file/dark/picture.svg
new file mode 100644
index 000000000..b44949973
--- /dev/null
+++ b/public/images/file/dark/picture.svg
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_2_);}
+	.st1{clip-path:url(#SVGID_4_);}
+	.st2{fill:#3F9984;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_6_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<defs>
+		<rect id="SVGID_1_" x="96" y="96" width="832" height="832"/>
+	</defs>
+	<clipPath id="SVGID_2_">
+		<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+	</clipPath>
+	<g id="组_272" class="st0">
+		<g id="组_271" transform="translate(8 2)">
+			<g>
+				<defs>
+					<rect id="SVGID_3_" x="192" y="120" width="624" height="780"/>
+				</defs>
+				<clipPath id="SVGID_4_">
+					<use xlink:href="#SVGID_3_"  style="overflow:visible;"/>
+				</clipPath>
+				<g id="组_270" class="st1">
+					<path id="路径_146" class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1
+						L584,120H270z"/>
+					<g id="组_269" transform="translate(30.15)" class="st3">
+						<g id="组_268">
+							<g>
+								<defs>
+									<rect id="SVGID_5_" x="553.8" y="120" width="232.1" height="232.1"/>
+								</defs>
+								<clipPath id="SVGID_6_">
+									<use xlink:href="#SVGID_5_"  style="overflow:visible;"/>
+								</clipPath>
+								<g id="组_267" class="st4">
+									<path id="路径_147" class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+								</g>
+							</g>
+						</g>
+					</g>
+					<path id="路径_148" class="st5" d="M538.4,503H344.1c-16.1,0-29.2,13.1-29.2,29.2v194.3c0,16.1,13.1,29.2,29.2,29.2h194.3
+						c16.2,0,29.2-13.1,29.2-29.2V532.2C567.7,516.1,554.6,503,538.4,503 M476,566c15.8,0,28.6,12.8,28.6,28.6
+						c0,15.8-12.8,28.6-28.6,28.6c-15.8,0-28.6-12.8-28.6-28.5C447.4,578.9,460.2,566.1,476,566 M548.2,726.6c0,5.4-4.4,9.8-9.8,9.8
+						H344.1c-5.4,0-9.8-4.4-9.8-9.8v-23l51.2-51.2c9.8-9.9,25.8-9.9,35.6,0c0,0,0,0,0,0l52.7,52.7l18.4-18.4
+						c9.8-9.9,25.8-9.9,35.6,0c0,0,0,0,0,0l20.1,20.1V726.6z"/>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/images/file/dark/ppt.svg b/public/images/file/dark/ppt.svg
new file mode 100644
index 000000000..267ed409c
--- /dev/null
+++ b/public/images/file/dark/ppt.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#CC7356;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+		</defs>
+		<clipPath id="SVGID_1_">
+			<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+		</clipPath>
+		<g id="组_286" class="st0">
+			<g id="组_285" transform="translate(8 2)">
+				<g>
+					<g>
+						<defs>
+							<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+						</defs>
+						<clipPath id="SVGID_2_">
+							<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+						</clipPath>
+						<g id="组_284" class="st1">
+							<path id="路径_152" class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78
+								V352.1L584,120H270z"/>
+							<g id="组_283" transform="translate(30.15)" class="st3">
+								<g id="组_282">
+									<g>
+										<g>
+											<defs>
+												<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+											</defs>
+											<clipPath id="SVGID_3_">
+												<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+											</clipPath>
+											<g id="组_281" class="st4">
+												<path id="路径_153" class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+							<path id="路径_154" class="st5" d="M510.2,555.6c-3.4-8.4-8.9-15.7-16-21.3c-7.2-5.4-15.6-8.9-24.5-10.4
+								c-9.7-1.6-19.4-2.3-29.2-2.1h-74V737h30.8v-85.1h45.4c27.4,0,46.8-6.6,57.5-19.6c10.8-13.3,16.5-30,16-47.1
+								C516.3,575,514.2,564.9,510.2,555.6 M484.6,586.1c0.6,9.6-2.8,19-9.3,26c-9.2,7-20.7,10.3-32.3,9.1h-45.8v-68.9h45.2
+								c7.5-0.3,15,0.2,22.4,1.7c5.9,1.8,11,5.8,14.2,11.2C482.9,571.5,484.8,578.7,484.6,586.1"/>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/images/file/dark/sheet.svg b/public/images/file/dark/sheet.svg
new file mode 100644
index 000000000..f5af064bc
--- /dev/null
+++ b/public/images/file/dark/sheet.svg
@@ -0,0 +1,90 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#006B34;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+	.st6{fill:none;stroke:#FFFFFF;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+		</defs>
+		<clipPath id="SVGID_1_">
+			<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+		</clipPath>
+		<g id="组_379" class="st0">
+			<g id="组_378" transform="translate(8 2)">
+				<g>
+					<g>
+						<defs>
+							<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+						</defs>
+						<clipPath id="SVGID_2_">
+							<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+						</clipPath>
+						<g id="组_377" class="st1">
+							<g id="路径_200">
+								<path class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1L584,120H270z
+									"/>
+							</g>
+							<g id="组_376" transform="translate(30.15)" class="st3">
+								<g id="组_375">
+									<g>
+										<g>
+											<defs>
+												<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+											</defs>
+											<clipPath id="SVGID_3_">
+												<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+											</clipPath>
+											<g id="组_374" class="st4">
+												<g id="路径_201">
+													<path class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+												</g>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+							<g id="矩形_196">
+								<path class="st5" d="M551.8,754.5h-221c-8.1,0-14.6-6.6-14.6-14.6v-221c0-8.1,6.6-14.6,14.6-14.6h221
+									c8.1,0,14.6,6.6,14.6,14.6v221C566.4,748,559.8,754.5,551.8,754.5z M332.4,738.3h217.8V520.5H332.4V738.3z M551.8,520.5
+									L551.8,520.5L551.8,520.5z"/>
+							</g>
+							<g id="路径_202">
+								<path class="st6" d="M558.3,590.4L558.3,590.4z"/>
+							</g>
+							<g id="直线_98">
+								<path class="st5" d="M402.3,752.3c-4.5,0-8.1-3.6-8.1-8.1V590.6c0-4.5,3.6-8.1,8.1-8.1s8.1,3.6,8.1,8.1v153.6
+									C410.4,748.7,406.8,752.3,402.3,752.3z"/>
+							</g>
+							<g id="直线_99">
+								<path class="st5" d="M480.3,752.3c-4.5,0-8.1-3.6-8.1-8.1V590.6c0-4.5,3.6-8.1,8.1-8.1s8.1,3.6,8.1,8.1v153.6
+									C488.4,748.7,484.8,752.3,480.3,752.3z"/>
+							</g>
+							<g id="路径_203">
+								<path class="st6" d="M558.3,668.4L558.3,668.4z"/>
+							</g>
+							<g id="直线_99_1_">
+								<path class="st5" d="M318.6,590.4c0-4.5,5.2-8.1,11.7-8.1H552c6.5,0,11.7,3.6,11.7,8.1s-5.2,8.1-11.7,8.1H330.3
+									C323.8,598.5,318.6,594.9,318.6,590.4z"/>
+							</g>
+							<g id="直线_99_2_">
+								<path class="st5" d="M318.6,672c0-4.5,5.2-8.1,11.7-8.1H552c6.5,0,11.7,3.6,11.7,8.1s-5.2,8.1-11.7,8.1H330.3
+									C323.8,680.1,318.6,676.4,318.6,672z"/>
+							</g>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/images/file/dark/tif.svg b/public/images/file/dark/tif.svg
new file mode 100644
index 000000000..e2ab32f60
--- /dev/null
+++ b/public/images/file/dark/tif.svg
@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#493E8C;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+	.st6{enable-background:new    ;}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+		</defs>
+		<clipPath id="SVGID_1_">
+			<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+		</clipPath>
+		<g id="组_320" class="st0">
+			<g id="组_322" transform="translate(8 2)">
+				<g id="组_317">
+					<g>
+						<g>
+							<defs>
+								<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+							</defs>
+							<clipPath id="SVGID_2_">
+								<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+							</clipPath>
+							<g id="组_316" class="st1">
+								<g id="路径_170">
+									<path class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1L584,120H270
+										z"/>
+								</g>
+								<g id="组_315" transform="translate(30.15)" class="st3">
+									<g id="组_314">
+										<g>
+											<g>
+												<defs>
+													<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+												</defs>
+												<clipPath id="SVGID_3_">
+													<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+												</clipPath>
+												<g id="组_313" class="st4">
+													<g id="路径_171">
+														<path class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+													</g>
+												</g>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+						</g>
+					</g>
+				</g>
+				<g class="st6">
+					<path class="st5" d="M325.3,706.4V605.9h-35.9v-20.5h96.1v20.5h-35.8v100.5H325.3z"/>
+					<path class="st5" d="M400.6,706.4v-121H425v121H400.6z"/>
+					<path class="st5" d="M448.5,706.4v-121h82.9v20.5h-58.5v28.6h50.5V655h-50.5v51.4H448.5z"/>
+					<path class="st5" d="M551.7,706.4v-121h82.9v20.5h-58.5v28.6h50.5V655h-50.5v51.4H551.7z"/>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/images/file/dark/txt.svg b/public/images/file/dark/txt.svg
new file mode 100644
index 000000000..13d2bc8e0
--- /dev/null
+++ b/public/images/file/dark/txt.svg
@@ -0,0 +1,81 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_2_);}
+	.st1{clip-path:url(#SVGID_4_);}
+	.st2{opacity:0.375;}
+	.st3{clip-path:url(#SVGID_6_);}
+	.st4{fill:#E5E5E5;}
+	.st5{opacity:0.4;}
+	.st6{clip-path:url(#SVGID_8_);}
+	.st7{fill:#FFFFFF;}
+	.st8{enable-background:new    ;}
+</style>
+<g>
+	<defs>
+		<rect id="SVGID_1_" x="96" y="96" width="832" height="832"/>
+	</defs>
+	<clipPath id="SVGID_2_">
+		<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+	</clipPath>
+	<g id="组_357" class="st0">
+		<g id="组_359" transform="translate(8 2)">
+			<g id="组_354">
+				<g>
+					<defs>
+						<rect id="SVGID_3_" x="192" y="120" width="624" height="780"/>
+					</defs>
+					<clipPath id="SVGID_4_">
+						<use xlink:href="#SVGID_3_"  style="overflow:visible;"/>
+					</clipPath>
+					<g id="组_353" class="st1">
+						<g id="组_349" class="st2">
+							<g id="组_348">
+								<g>
+									<defs>
+										<rect id="SVGID_5_" x="192" y="120" width="624" height="780"/>
+									</defs>
+									<clipPath id="SVGID_6_">
+										<use xlink:href="#SVGID_5_"  style="overflow:visible;"/>
+									</clipPath>
+									<g id="组_347" class="st3">
+										<g id="路径_187">
+											<path class="st4" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1L584,120
+												H270z"/>
+										</g>
+									</g>
+								</g>
+							</g>
+						</g>
+						<g id="组_352" transform="translate(30.15)" class="st5">
+							<g id="组_351">
+								<g>
+									<defs>
+										<rect id="SVGID_7_" x="553.8" y="120" width="232.1" height="232.1"/>
+									</defs>
+									<clipPath id="SVGID_8_">
+										<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+									</clipPath>
+									<g id="组_350" class="st6">
+										<g id="路径_188">
+											<path class="st7" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+										</g>
+									</g>
+								</g>
+							</g>
+						</g>
+					</g>
+				</g>
+			</g>
+			<g class="st8">
+				<path class="st7" d="M345.4,698.9V598.4h-35.9V578h96.1v20.5h-35.8v100.5H345.4z"/>
+				<path class="st7" d="M409.1,698.9l41.3-63.1L413,578h28.6l24.3,38.9l23.8-38.9h28.3l-37.6,58.8l41.3,62.2h-29.5l-26.8-41.8
+					l-26.9,41.8H409.1z"/>
+				<path class="st7" d="M561.4,698.9V598.4h-35.9V578h96.1v20.5h-35.8v100.5H561.4z"/>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/images/file/dark/updir.svg b/public/images/file/dark/updir.svg
new file mode 100644
index 000000000..2376cb635
--- /dev/null
+++ b/public/images/file/dark/updir.svg
@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_2_);}
+	.st1{fill:#CC8829;}
+	.st2{fill:#E6A82E;}
+	.st3{fill:#FFFFFF;}
+</style>
+<g>
+	<defs>
+		<rect id="SVGID_1_" x="96" y="96" width="832" height="832"/>
+	</defs>
+	<clipPath id="SVGID_2_">
+		<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+	</clipPath>
+	<g id="组_381" class="st0">
+		<g id="路径_204">
+			<path class="st1" d="M224,745.9h576.1c35.3-0.1,63.9-28.7,64-64V293.3c-0.1-35.3-28.7-63.9-64-64H224c-35.3,0.1-63.9,28.7-64,64
+				v388.6C160.1,717.2,188.7,745.8,224,745.9"/>
+		</g>
+		<g id="路径_205">
+			<path class="st2" d="M842.7,865.1H181.3c-47.1,0-85.3-38.2-85.3-85.3V246.3c0-47.1,38.2-85.3,85.3-85.3h268.5
+				c36.6,0,69.1,23.3,80.9,58l24.1,71.4c11.7,34.7,44.3,58,80.9,58h206.6c47.1,0,85.3,38.1,85.3,85.2l0.5,346
+				C928,826.8,889.8,865.1,842.7,865.1C842.7,865.1,842.7,865.1,842.7,865.1"/>
+		</g>
+		<g id="直线_106">
+			<path class="st3" d="M411.2,576.4c-2.1,0-4.2-0.8-5.7-2.4l-53.7-53.7c-3.2-3.2-3.2-8.3,0-11.5c3.2-3.2,8.3-3.2,11.5,0l53.7,53.7
+				c3.2,3.2,3.2,8.3,0,11.5C415.4,575.6,413.3,576.4,411.2,576.4z"/>
+		</g>
+		<g id="直线_107">
+			<path class="st3" d="M303.9,576.4c-2.1,0-4.2-0.8-5.7-2.4c-3.2-3.2-3.2-8.3,0-11.5l53.7-53.7c3.2-3.2,8.3-3.2,11.5,0
+				c3.2,3.2,3.2,8.3,0,11.5L309.6,574C308,575.6,306,576.4,303.9,576.4z"/>
+		</g>
+		<g id="直线_108">
+			<path class="st3" d="M357.5,687.1c-4.5,0-8.1-3.6-8.1-8.1V514.6c0-4.5,3.6-8.1,8.1-8.1s8.1,3.6,8.1,8.1V679
+				C365.7,683.5,362,687.1,357.5,687.1z"/>
+		</g>
+		<g id="路径_214">
+			<path class="st3" d="M446,756.7H270.5c-20.5-0.1-37.3-16.8-37.4-37.3V641c0-18.4,15-33.4,33.4-33.4c0,0,0,0,0,0h12.7
+				c4.5,0,8.1,3.6,8.1,8.1s-3.6,8.1-8.1,8.1h-12.7h0c-9.5,0-17.2,7.7-17.2,17.2v78.3c0,11.6,9.5,21.1,21.2,21.1H446
+				c11.6,0,21.1-9.5,21.1-21.1V641c0-9.5-7.7-17.1-17.2-17.1c0,0,0,0,0,0h-12.6c-4.5,0-8.1-3.6-8.1-8.1s3.6-8.1,8.1-8.1h12.6
+				c0,0,0,0,0,0c18.4,0,33.4,15,33.4,33.4v78.3C483.3,739.9,466.6,756.7,446,756.7z"/>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/images/file/dark/upload.svg b/public/images/file/dark/upload.svg
new file mode 100644
index 000000000..0f2d83b98
--- /dev/null
+++ b/public/images/file/dark/upload.svg
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_2_);}
+	.st1{clip-path:url(#SVGID_4_);}
+	.st2{fill:#1370AD;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_6_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<defs>
+		<rect id="SVGID_1_" x="96" y="96" width="832" height="832"/>
+	</defs>
+	<clipPath id="SVGID_2_">
+		<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+	</clipPath>
+	<g id="组_388" class="st0">
+		<g id="组_387" transform="translate(8 2)">
+			<g>
+				<defs>
+					<rect id="SVGID_3_" x="192" y="120" width="624" height="780"/>
+				</defs>
+				<clipPath id="SVGID_4_">
+					<use xlink:href="#SVGID_3_"  style="overflow:visible;"/>
+				</clipPath>
+				<g id="组_386" class="st1">
+					<g id="路径_207">
+						<path class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1L584,120H270z"
+							/>
+					</g>
+					<g id="组_385" transform="translate(30.15)" class="st3">
+						<g id="组_384">
+							<g>
+								<defs>
+									<rect id="SVGID_5_" x="553.8" y="120" width="232.1" height="232.1"/>
+								</defs>
+								<clipPath id="SVGID_6_">
+									<use xlink:href="#SVGID_5_"  style="overflow:visible;"/>
+								</clipPath>
+								<g id="组_383" class="st4">
+									<g id="路径_208">
+										<path class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+									</g>
+								</g>
+							</g>
+						</g>
+					</g>
+					<g id="直线_103">
+						<path class="st5" d="M494.2,574.4c-2.1,0-4.2-0.8-5.7-2.4l-53.7-53.7c-3.2-3.2-3.2-8.3,0-11.5s8.3-3.2,11.5,0l53.7,53.7
+							c3.2,3.2,3.2,8.3,0,11.5C498.4,573.6,496.3,574.4,494.2,574.4z"/>
+					</g>
+					<g id="直线_104">
+						<path class="st5" d="M386.9,574.4c-2.1,0-4.2-0.8-5.7-2.4c-3.2-3.2-3.2-8.3,0-11.5l53.7-53.7c3.2-3.2,8.3-3.2,11.5,0
+							s3.2,8.3,0,11.5L392.6,572C391,573.6,389,574.4,386.9,574.4z"/>
+					</g>
+					<g id="直线_105">
+						<path class="st5" d="M440.5,685.1c-4.5,0-8.1-3.6-8.1-8.1V512.6c0-4.5,3.6-8.1,8.1-8.1s8.1,3.6,8.1,8.1V677
+							C448.7,681.5,445,685.1,440.5,685.1z"/>
+					</g>
+					<g id="路径_209">
+						<path class="st5" d="M529,754.7H353.5c-20.5-0.1-37.3-16.8-37.4-37.3V639c0-18.4,15-33.4,33.4-33.4c0,0,0,0,0,0h12.7
+							c4.5,0,8.1,3.6,8.1,8.1s-3.6,8.1-8.1,8.1h-12.7h0c-9.5,0-17.2,7.7-17.2,17.2v78.3c0,11.6,9.5,21.1,21.2,21.1H529
+							c11.6,0,21.1-9.5,21.1-21.1V639c0-9.5-7.7-17.1-17.2-17.1c0,0,0,0,0,0h-12.6c-4.5,0-8.1-3.6-8.1-8.1s3.6-8.1,8.1-8.1h12.6h0
+							c18.4,0,33.4,15,33.4,33.4v78.3C566.3,737.9,549.6,754.7,529,754.7z"/>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/images/file/dark/word.svg b/public/images/file/dark/word.svg
new file mode 100644
index 000000000..35c730f10
--- /dev/null
+++ b/public/images/file/dark/word.svg
@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_2_);}
+	.st1{clip-path:url(#SVGID_4_);}
+	.st2{fill:#3282BA;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_6_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<defs>
+		<rect id="SVGID_1_" x="96" y="96" width="832" height="832"/>
+	</defs>
+	<clipPath id="SVGID_2_">
+		<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+	</clipPath>
+	<g id="组_251" class="st0">
+		<g id="组_250" transform="translate(8 2)">
+			<g>
+				<defs>
+					<rect id="SVGID_3_" x="192" y="120" width="624" height="780"/>
+				</defs>
+				<clipPath id="SVGID_4_">
+					<use xlink:href="#SVGID_3_"  style="overflow:visible;"/>
+				</clipPath>
+				<g id="组_249" class="st1">
+					<path id="路径_136" class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1
+						L584,120H270z"/>
+					<g id="组_248" transform="translate(30.15)" class="st3">
+						<g id="组_247">
+							<g>
+								<defs>
+									<rect id="SVGID_5_" x="553.8" y="120" width="232.1" height="232.1"/>
+								</defs>
+								<clipPath id="SVGID_6_">
+									<use xlink:href="#SVGID_5_"  style="overflow:visible;"/>
+								</clipPath>
+								<g id="组_246" class="st4">
+									<path id="路径_137" class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+								</g>
+							</g>
+						</g>
+					</g>
+					<path id="路径_138" class="st5" d="M368.7,735.8l-58.5-212.4h33.4L374,646l11.3,45.6c0.5-2.3,3.8-16.9,9.9-43.8l30.4-124.4
+						h33.3l28.6,123.2l9.5,40.6l11-41l32.8-122.8h31.6l-59.8,212.4H479l-30.4-127.1l-7.4-36.2l-38.6,163.3H368.7z"/>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/images/file/dark/wps.svg b/public/images/file/dark/wps.svg
new file mode 100644
index 000000000..9f5ee3b94
--- /dev/null
+++ b/public/images/file/dark/wps.svg
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_2_);}
+	.st1{clip-path:url(#SVGID_4_);}
+	.st2{fill:#CC353A;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_6_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<defs>
+		<rect id="SVGID_1_" x="96" y="96" width="832" height="832"/>
+	</defs>
+	<clipPath id="SVGID_2_">
+		<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+	</clipPath>
+	<g id="组_335" class="st0">
+		<g id="组_334" transform="translate(8 2)">
+			<g>
+				<defs>
+					<rect id="SVGID_3_" x="192" y="120" width="624" height="780"/>
+				</defs>
+				<clipPath id="SVGID_4_">
+					<use xlink:href="#SVGID_3_"  style="overflow:visible;"/>
+				</clipPath>
+				<g id="组_333" class="st1">
+					<g id="路径_177">
+						<path class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1L584,120H270z"
+							/>
+					</g>
+					<g id="组_332" transform="translate(30.15)" class="st3">
+						<g id="组_331">
+							<g>
+								<defs>
+									<rect id="SVGID_5_" x="553.8" y="120" width="232.1" height="232.1"/>
+								</defs>
+								<clipPath id="SVGID_6_">
+									<use xlink:href="#SVGID_5_"  style="overflow:visible;"/>
+								</clipPath>
+								<g id="组_330" class="st4">
+									<g id="路径_178">
+										<path class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+									</g>
+								</g>
+							</g>
+						</g>
+					</g>
+					<g id="路径_179">
+						<path class="st5" d="M490,729.5c-1.2,0-2.5-0.3-3.7-0.9c-4-2-5.6-6.9-3.6-10.9l92.6-183.2h-79.3L399.8,725
+							c-2,4-6.9,5.6-10.9,3.6c-4-2-5.6-6.9-3.6-10.9l98.6-195c1.4-2.7,4.2-4.5,7.2-4.5h97.5c2.8,0,5.4,1.5,6.9,3.9
+							c1.5,2.4,1.6,5.4,0.3,7.9l-98.6,195C495.9,727.9,493,729.5,490,729.5z"/>
+					</g>
+					<g id="路径_180">
+						<path class="st5" d="M392.5,729.5c-3,0-5.8-1.6-7.3-4.5l-98.5-195c-1.3-2.5-1.1-5.5,0.3-7.9c1.5-2.4,4.1-3.9,6.9-3.9h97.5
+							c3.1,0,5.9,1.7,7.2,4.5l33.4,66c2,4,0.4,8.9-3.6,10.9c-4,2-8.9,0.4-10.9-3.6l-31.1-61.6h-79.3l92.5,183.2
+							c2,4,0.4,8.9-3.6,10.9C395,729.2,393.7,729.5,392.5,729.5z"/>
+					</g>
+					<g id="直线_95">
+						<path class="st5" d="M490,729.5c-3,0-5.8-1.6-7.3-4.5l-32.4-64.1c-2-4-0.4-8.9,3.6-10.9c4-2,8.9-0.4,10.9,3.6l32.4,64.1
+							c2,4,0.4,8.9-3.6,10.9C492.5,729.2,491.2,729.5,490,729.5z"/>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/images/file/document.svg b/public/images/file/document.svg
deleted file mode 100644
index e9e55f18f..000000000
--- a/public/images/file/document.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1625028321516" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10195" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M256 85.333333c-46.933333 0-85.333333 38.4-85.333333 85.333334v682.666666c0 46.933333 38.4 85.333333 85.333333 85.333334h512c46.933333 0 85.333333-38.4 85.333333-85.333334V337.066667L601.6 85.333333H256z" fill="#447AF9" p-id="10196"></path><path d="M686.933333 337.066667H853.333333L601.6 85.333333v166.4c0 46.933333 38.4 85.333333 85.333333 85.333334z" fill="#FFFFFF" opacity=".4" p-id="10197"></path><path d="M486.4 780.8h-170.666667c-4.266667 0-8.533333-4.266667-8.533333-8.533333s4.266667-8.533333 8.533333-8.533334h170.666667c4.266667 0 8.533333 4.266667 8.533333 8.533334s-4.266667 8.533333-8.533333 8.533333zM571.733333 695.466667h-256c-4.266667 0-8.533333-4.266667-8.533333-8.533334s4.266667-8.533333 8.533333-8.533333h256c4.266667 0 8.533333 4.266667 8.533334 8.533333s-4.266667 8.533333-8.533334 8.533334zM571.733333 610.133333h-256c-4.266667 0-8.533333-4.266667-8.533333-8.533333s4.266667-8.533333 8.533333-8.533333h256c4.266667 0 8.533333 4.266667 8.533334 8.533333s-4.266667 8.533333-8.533334 8.533333zM571.733333 524.8h-256c-4.266667 0-8.533333-4.266667-8.533333-8.533333s4.266667-8.533333 8.533333-8.533334h256c4.266667 0 8.533333 4.266667 8.533334 8.533334s-4.266667 8.533333-8.533334 8.533333z" fill="#FFFFFF" p-id="10198"></path></svg>
\ No newline at end of file
diff --git a/public/images/file/excel.svg b/public/images/file/excel.svg
deleted file mode 100644
index dd8e40445..000000000
--- a/public/images/file/excel.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg t="1626148982812" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10915"><path d="M256 85.333333c-46.933333 0-85.333333 38.4-85.333333 85.333334v682.666666c0 46.933333 38.4 85.333333 85.333333 85.333334h512c46.933333 0 85.333333-38.4 85.333333-85.333334V337.066667L601.6 85.333333H256z" fill="#33C481" p-id="10916"></path><path d="M686.933333 337.066667H853.333333L601.6 85.333333v166.4c0 46.933333 38.4 85.333333 85.333333 85.333334z" fill="#FFFFFF" opacity=".4" p-id="10917"></path><path d="M345.6 759.466667L422.4 640l-72.533333-110.933333h42.666666l34.133334 55.466666c4.266667 8.533333 12.8 17.066667 12.8 25.6 4.266667-8.533333 12.8-17.066667 17.066666-25.6l34.133334-55.466666h42.666666L460.8 640l76.8 123.733333h-42.666667l-42.666666-72.533333-12.8-21.333333L384 759.466667h-38.4z" fill="#FFFFFF" p-id="10918"></path></svg>
\ No newline at end of file
diff --git a/public/images/file/flow.svg b/public/images/file/flow.svg
deleted file mode 100644
index 1af5497f0..000000000
--- a/public/images/file/flow.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1625028302681" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9763" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M256 85.333333c-46.933333 0-85.333333 38.4-85.333333 85.333334v682.666666c0 46.933333 38.4 85.333333 85.333333 85.333334h512c46.933333 0 85.333333-38.4 85.333333-85.333334V337.066667L601.6 85.333333H256z" fill="#434343" p-id="9764"></path><path d="M686.933333 337.066667H853.333333L601.6 85.333333v166.4c0 46.933333 38.4 85.333333 85.333333 85.333334z" fill="#FFFFFF" opacity=".4" p-id="9765"></path><path d="M469.333333 682.666667h102.4c4.266667 0 8.533333-4.266667 8.533334-8.533334v-42.666666c0-4.266667-4.266667-8.533333-8.533334-8.533334H469.333333c-4.266667 0-8.533333 4.266667-8.533333 8.533334v8.533333H405.333333l-38.4-38.4v-38.4c12.8-4.266667 21.333333-17.066667 21.333334-29.866667 0-17.066667-12.8-34.133333-34.133334-34.133333s-34.133333 12.8-34.133333 34.133333c0 12.8 8.533333 25.6 21.333333 29.866667v38.4l-38.4 38.4c-4.266667 4.266667-4.266667 12.8 0 17.066667l38.4 38.4v51.2c0 4.266667 4.266667 8.533333 8.533334 8.533333h102.4v8.533333c0 4.266667 4.266667 8.533333 8.533333 8.533334h102.4c4.266667 0 8.533333-4.266667 8.533333-8.533334v-42.666666c0-4.266667-4.266667-8.533333-8.533333-8.533334H469.333333c-4.266667 0-8.533333 4.266667-8.533333 8.533334v8.533333H366.933333v-42.666667l38.4-38.4h55.466667v8.533334c0 21.333333 4.266667 25.6 8.533333 25.6z m12.8 55.466666h81.066667v21.333334h-81.066667v-21.333334z m-123.733333-59.733333l-25.6-25.6 25.6-25.6 25.6 21.333333-25.6 29.866667z m123.733333-38.4h81.066667v21.333333h-81.066667V640z" fill="#FFFFFF" p-id="9766"></path></svg>
\ No newline at end of file
diff --git a/public/images/file/folder.svg b/public/images/file/folder.svg
deleted file mode 100644
index 47b32776c..000000000
--- a/public/images/file/folder.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1625032843298" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4865" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M520.533333 230.4l34.133334 72.533333c12.8 29.866667 42.666667 46.933333 76.8 46.933334h174.933333c21.333333 0 38.4 4.266667 55.466667 12.8V294.4c0-34.133333-29.866667-64-64-64h-277.333334z" fill="#F9B552" p-id="4866"></path><path d="M844.8 349.866667h-209.066667c-34.133333 0-64-17.066667-76.8-46.933334L512 213.333333c-12.8-29.866667-42.666667-46.933333-76.8-46.933333h-256c-46.933333 0-85.333333 38.4-85.333333 85.333333v529.066667c0 46.933333 38.4 85.333333 85.333333 85.333333h661.333333c46.933333 0 85.333333-38.4 85.333334-85.333333v-341.333333c4.266667-51.2-34.133333-89.6-81.066667-89.6z" fill="#FFCF5C" p-id="4867"></path></svg>
\ No newline at end of file
diff --git a/public/images/file/light/archive.svg b/public/images/file/light/archive.svg
new file mode 100644
index 000000000..365457f1f
--- /dev/null
+++ b/public/images/file/light/archive.svg
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#989FA5;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<g>
+		<g>
+			<defs>
+				<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+			</defs>
+			<clipPath id="SVGID_1_">
+				<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+			</clipPath>
+			<g id="组_294" class="st0">
+				<g id="组_293" transform="translate(8 2)">
+					<g>
+						<g>
+							<g>
+								<defs>
+									<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+								</defs>
+								<clipPath id="SVGID_2_">
+									<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+								</clipPath>
+								<g id="组_292" class="st1">
+									<path id="路径_155" class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78
+										V352.1L584,120H270z"/>
+									<g id="组_291" transform="translate(30.15)" class="st3">
+										<g id="组_290">
+											<g>
+												<g>
+													<g>
+														<defs>
+															<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+														</defs>
+														<clipPath id="SVGID_3_">
+															<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+														</clipPath>
+														<g id="组_289" class="st4">
+															<path id="路径_156" class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+														</g>
+													</g>
+												</g>
+											</g>
+										</g>
+									</g>
+									<path id="路径_157" class="st5" d="M521.7,522.8c1,3,1.6,6,1.8,9.1v102.2l12.1,21.5c1.6,2.9,2.5,6.2,2.5,9.5v61.8
+										c0,0.8-0.4,1.4-0.4,2.3c6.4-5.4,10.1-13.4,10.2-21.8v-156C547.7,536.6,536.4,524.3,521.7,522.8"/>
+									<path id="路径_158" class="st5" d="M504,639.2V531.9c0-10.8-8.7-19.5-19.5-19.5H421v27.3h-27.3v-27.3H343
+										c-10.8,0-19.5,8.7-19.5,19.5v195c0,10.8,8.7,19.5,19.5,19.5h156c10.8,0,19.5-8.7,19.5-19.5v-61.7L504,639.2z M448.3,567
+										H421v27.3h27.3v81.9h-54.6v-54.6H421v-27.3h-27.3V567H421v-27.3h27.3V567z"/>
+								</g>
+							</g>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/images/file/light/cad.svg b/public/images/file/light/cad.svg
new file mode 100644
index 000000000..bd7d40060
--- /dev/null
+++ b/public/images/file/light/cad.svg
@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#66CC66;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+	.st6{enable-background:new    ;}
+	.st7{clip-path:url(#SVGID_4_);}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_9_" x="96" y="96" width="832" height="832"/>
+		</defs>
+		<clipPath id="SVGID_1_">
+			<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+		</clipPath>
+		<g id="组_344" class="st0">
+			<g id="组_346" transform="translate(8 2)">
+				<g id="组_341">
+					<g>
+						<g>
+							<defs>
+								<rect id="SVGID_11_" x="192" y="120" width="624" height="780"/>
+							</defs>
+							<clipPath id="SVGID_2_">
+								<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+							</clipPath>
+							<g id="组_340" class="st1">
+								<path id="路径_181" class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78
+									V352.1L584,120H270z"/>
+								<g id="组_339" transform="translate(30.15)" class="st3">
+									<g id="组_338">
+										<g>
+											<g>
+												<defs>
+													<rect id="SVGID_13_" x="553.8" y="120" width="232.1" height="232.1"/>
+												</defs>
+												<clipPath id="SVGID_3_">
+													<use xlink:href="#SVGID_13_"  style="overflow:visible;"/>
+												</clipPath>
+												<g id="组_337" class="st4">
+													<path id="路径_182" class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+												</g>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+						</g>
+					</g>
+				</g>
+				<g class="st6">
+					<path class="st5" d="M343.8,538.8l12.8,4c-2,7.1-5.2,12.4-9.8,15.8c-4.6,3.5-10.3,5.2-17.3,5.2c-8.7,0-15.8-3-21.3-8.9
+						c-5.6-5.9-8.4-14-8.4-24.2c0-10.8,2.8-19.3,8.4-25.3s13-9,22.1-9c8,0,14.4,2.3,19.4,7.1c3,2.8,5.2,6.8,6.7,12l-13,3.1
+						c-0.8-3.4-2.4-6-4.8-8c-2.5-2-5.4-2.9-8.9-2.9c-4.8,0-8.7,1.7-11.8,5.2c-3,3.5-4.5,9.1-4.5,16.8c0,8.2,1.5,14.1,4.4,17.6
+						s6.8,5.2,11.6,5.2c3.5,0,6.5-1.1,9-3.3C340.9,547,342.7,543.5,343.8,538.8z"/>
+					<path class="st5" d="M426.6,562.7h-14.3l-5.7-14.8h-26l-5.4,14.8h-14l25.4-65.1h13.9L426.6,562.7z M402.3,536.9l-9-24.2
+						l-8.8,24.2H402.3z"/>
+					<path class="st5" d="M433.5,497.6h24c5.4,0,9.6,0.4,12.4,1.2c3.8,1.1,7.1,3.1,9.8,6c2.7,2.9,4.8,6.4,6.2,10.5
+						c1.4,4.2,2.1,9.3,2.1,15.4c0,5.4-0.7,10-2,13.9c-1.6,4.7-4,8.6-7,11.5c-2.3,2.2-5.4,4-9.2,5.2c-2.9,0.9-6.8,1.4-11.6,1.4h-24.7
+						L433.5,497.6L433.5,497.6z M446.6,508.6v43.2h9.8c3.7,0,6.3-0.2,8-0.6c2.1-0.5,3.9-1.4,5.3-2.7s2.6-3.4,3.4-6.3
+						s1.3-6.9,1.3-11.9s-0.4-8.9-1.3-11.6c-0.9-2.7-2.1-4.8-3.7-6.3s-3.6-2.5-6.1-3.1c-1.8-0.4-5.4-0.6-10.8-0.6h-5.9V508.6z"/>
+				</g>
+				<g id="组_343">
+					<g>
+						<g>
+							<defs>
+								<rect id="SVGID_15_" x="192" y="120" width="624" height="780"/>
+							</defs>
+							<clipPath id="SVGID_4_">
+								<use xlink:href="#SVGID_15_"  style="overflow:visible;"/>
+							</clipPath>
+							<g id="组_342" class="st7">
+								<g id="直线_96">
+									<path class="st5" d="M580.7,666.3h-273c-4.5,0-8.1-3.6-8.1-8.1s3.6-8.1,8.1-8.1h273c4.5,0,8.1,3.6,8.1,8.1
+										S585.2,666.3,580.7,666.3z"/>
+								</g>
+								<g id="直线_97">
+									<path class="st5" d="M522.7,732.6c-4.5,0-8.1-3.6-8.1-8.1V471c0-4.5,3.6-8.1,8.1-8.1s8.1,3.6,8.1,8.1v253.5
+										C530.9,729,527.2,732.6,522.7,732.6z"/>
+								</g>
+								<g id="路径_186">
+									<path class="st5" d="M551.5,697.2H493c-5.4,0-9.8-4.4-9.8-9.8V629c0-5.4,4.4-9.8,9.8-9.8h58.5c5.4,0,9.8,4.4,9.8,9.8v58.5
+										C561.2,692.8,556.8,697.2,551.5,697.2"/>
+								</g>
+							</g>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/images/file/light/code.svg b/public/images/file/light/code.svg
new file mode 100644
index 000000000..fb1f2c693
--- /dev/null
+++ b/public/images/file/light/code.svg
@@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#447AF9;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+	.st6{enable-background:new    ;}
+</style>
+<g>
+	<g>
+		<g>
+			<defs>
+				<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+			</defs>
+			<clipPath id="SVGID_1_">
+				<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+			</clipPath>
+			<g id="组_404" class="st0">
+				<g id="组_406" transform="translate(8 2)">
+					<g id="组_401">
+						<g>
+							<g>
+								<g>
+									<defs>
+										<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+									</defs>
+									<clipPath id="SVGID_2_">
+										<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+									</clipPath>
+									<g id="组_400" class="st1">
+										<g id="路径_215">
+											<path class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1L584,120
+												H270z"/>
+										</g>
+										<g id="组_399" transform="translate(30.15)" class="st3">
+											<g id="组_398">
+												<g>
+													<g>
+														<g>
+															<defs>
+																<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+															</defs>
+															<clipPath id="SVGID_3_">
+																<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+															</clipPath>
+															<g id="组_397" class="st4">
+																<g id="路径_216">
+																	<path class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+																</g>
+															</g>
+														</g>
+													</g>
+												</g>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+						</g>
+					</g>
+					<g class="st6">
+						<path class="st5" d="M297.2,668.8v-17.1l98.6-41.6v18.2l-78.2,32.1l78.2,32.4V711L297.2,668.8z"/>
+						<path class="st5" d="M407.3,736.4l43.2-154h14.6l-43.1,154H407.3z"/>
+						<path class="st5" d="M575.1,668.8l-98.6,42.1v-18.2l78.1-32.4l-78.1-32.1V610l98.6,41.6V668.8z"/>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/images/file/light/document.svg b/public/images/file/light/document.svg
new file mode 100644
index 000000000..bc3e838bc
--- /dev/null
+++ b/public/images/file/light/document.svg
@@ -0,0 +1,90 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#447AF9;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<g>
+		<g>
+			<g>
+				<defs>
+					<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+				</defs>
+				<clipPath id="SVGID_1_">
+					<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+				</clipPath>
+				<g id="组_244" class="st0">
+					<g id="组_243" transform="translate(8 2)">
+						<g>
+							<g>
+								<g>
+									<g>
+										<defs>
+											<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+										</defs>
+										<clipPath id="SVGID_2_">
+											<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+										</clipPath>
+										<g id="组_242" class="st1">
+											<g id="路径_134">
+												<path class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1L584,120
+													H270z"/>
+											</g>
+											<g id="组_241" transform="translate(30.15)" class="st3">
+												<g id="组_240">
+													<g>
+														<g>
+															<g>
+																<g>
+																	<defs>
+																		<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+																	</defs>
+																	<clipPath id="SVGID_3_">
+																		<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+																	</clipPath>
+																	<g id="组_239" class="st4">
+																		<g id="路径_135">
+																			<path class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+																		</g>
+																	</g>
+																</g>
+															</g>
+														</g>
+													</g>
+												</g>
+											</g>
+											<g id="直线_87">
+												<path class="st5" d="M480.3,754.9h-156c-4.5,0-8.1-3.6-8.1-8.1s3.6-8.1,8.1-8.1h156c4.5,0,8.1,3.6,8.1,8.1
+													S484.8,754.9,480.3,754.9z"/>
+											</g>
+											<g id="直线_88">
+												<path class="st5" d="M558.3,676.5h-234c-4.5,0-8.1-3.6-8.1-8.1s3.6-8.1,8.1-8.1h234c4.5,0,8.1,3.6,8.1,8.1
+													S562.8,676.5,558.3,676.5z"/>
+											</g>
+											<g id="直线_89">
+												<path class="st5" d="M558.3,598.5h-234c-4.5,0-8.1-3.6-8.1-8.1s3.6-8.1,8.1-8.1h234c4.5,0,8.1,3.6,8.1,8.1
+													S562.8,598.5,558.3,598.5z"/>
+											</g>
+											<g id="直线_90">
+												<path class="st5" d="M558.3,520.5h-234c-4.5,0-8.1-3.6-8.1-8.1s3.6-8.1,8.1-8.1h234c4.5,0,8.1,3.6,8.1,8.1
+													C566.4,516.9,562.8,520.5,558.3,520.5z"/>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/images/file/light/excel.svg b/public/images/file/light/excel.svg
new file mode 100644
index 000000000..bda011240
--- /dev/null
+++ b/public/images/file/light/excel.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#33C481;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<g>
+		<g>
+			<defs>
+				<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+			</defs>
+			<clipPath id="SVGID_1_">
+				<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+			</clipPath>
+			<g id="组_258" class="st0">
+				<g id="组_257" transform="translate(8 2)">
+					<g>
+						<g>
+							<g>
+								<defs>
+									<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+								</defs>
+								<clipPath id="SVGID_2_">
+									<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+								</clipPath>
+								<g id="组_256" class="st1">
+									<path id="路径_139" class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78
+										V352.1L584,120H270z"/>
+									<g id="组_255" transform="translate(30.15)" class="st3">
+										<g id="组_254">
+											<g>
+												<g>
+													<g>
+														<defs>
+															<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+														</defs>
+														<clipPath id="SVGID_3_">
+															<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+														</clipPath>
+														<g id="组_253" class="st4">
+															<path id="路径_140" class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+														</g>
+													</g>
+												</g>
+											</g>
+										</g>
+									</g>
+									<path id="路径_141" class="st5" d="M351.8,735.6l69.8-110.4l-64.6-102h40.5l29.3,49.8c5.5,9.5,9.9,17.4,13.4,23.8
+										c5.3-8.8,10.1-16.6,14.5-23.4l32.2-50.2h38.7l-66.1,100l71.1,112.4h-39.7l-39.2-66l-10.4-17.8l-50.2,83.7h-39.3
+										L351.8,735.6L351.8,735.6z"/>
+								</g>
+							</g>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/images/file/light/flow.svg b/public/images/file/light/flow.svg
new file mode 100644
index 000000000..eb3e0372f
--- /dev/null
+++ b/public/images/file/light/flow.svg
@@ -0,0 +1,106 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#434343;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<g>
+		<g>
+			<defs>
+				<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+			</defs>
+			<clipPath id="SVGID_1_">
+				<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+			</clipPath>
+			<g id="组_279" class="st0">
+				<g id="组_278" transform="translate(8 2)">
+					<g>
+						<g>
+							<g>
+								<defs>
+									<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+								</defs>
+								<clipPath id="SVGID_2_">
+									<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+								</clipPath>
+								<g id="组_277" class="st1">
+									<g id="路径_149">
+										<path class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1L584,120
+											H270z"/>
+									</g>
+									<g id="组_276" transform="translate(30.15)" class="st3">
+										<g id="组_275">
+											<g>
+												<g>
+													<g>
+														<defs>
+															<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+														</defs>
+														<clipPath id="SVGID_3_">
+															<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+														</clipPath>
+														<g id="组_274" class="st4">
+															<g id="路径_150">
+																<path class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+															</g>
+														</g>
+													</g>
+												</g>
+											</g>
+										</g>
+									</g>
+									<g id="矩形_151">
+										<path class="st5" d="M363.3,683.7c-2.1,0-4.2-0.8-5.7-2.4l-39-39c-3.2-3.2-3.2-8.3,0-11.5l39-39c3-3,8.4-3,11.5,0l39,39
+											c1.5,1.5,2.4,3.6,2.4,5.7c0,2.2-0.9,4.2-2.4,5.7l-39,39C367.4,682.9,365.4,683.7,363.3,683.7z M335.8,636.6l27.5,27.5
+											l27.5-27.5l-27.5-27.5L335.8,636.6z"/>
+									</g>
+									<g id="矩形_152">
+										<path class="st5" d="M558.3,664.2h-92.9c-4.5,0-8.1-3.6-8.1-8.1v-39c0-4.5,3.6-8.1,8.1-8.1h92.9c4.5,0,8.1,3.6,8.1,8.1v39
+											C566.4,660.5,562.8,664.2,558.3,664.2z M473.5,647.9h76.7v-22.8h-76.7V647.9z"/>
+									</g>
+									<g id="矩形_153">
+										<path class="st5" d="M558.3,754.5h-92.9c-4.5,0-8.1-3.6-8.1-8.1v-39c0-4.5,3.6-8.1,8.1-8.1h92.9c4.5,0,8.1,3.6,8.1,8.1v39
+											C566.4,750.9,562.8,754.5,558.3,754.5z M473.5,738.3h76.7v-22.8h-76.7V738.3z"/>
+									</g>
+									<g id="路径_151">
+										<path class="st5" d="M382.8,531.9c0,10.8-8.7,19.5-19.5,19.5s-19.5-8.7-19.5-19.5s8.7-19.5,19.5-19.5
+											S382.8,521.1,382.8,531.9"/>
+									</g>
+									<g id="椭圆_35">
+										<path class="st5" d="M363.3,559.5c-15.2,0-27.6-12.4-27.6-27.6s12.4-27.6,27.6-27.6s27.6,12.4,27.6,27.6
+											S378.5,559.5,363.3,559.5z M363.3,520.5c-6.3,0-11.4,5.1-11.4,11.4s5.1,11.4,11.4,11.4s11.4-5.1,11.4-11.4
+											S369.5,520.5,363.3,520.5z"/>
+									</g>
+									<g id="直线_91">
+										<path class="st5" d="M363.3,605.7c-4.5,0-8.1-3.6-8.1-8.1v-85.2c0-4.5,3.6-8.1,8.1-8.1s8.1,3.6,8.1,8.1v85.2
+											C371.4,602.1,367.8,605.7,363.3,605.7z"/>
+									</g>
+									<g id="直线_92">
+										<path class="st5" d="M464.2,644.7h-62c-4.5,0-8.1-3.6-8.1-8.1s3.6-8.1,8.1-8.1h62c4.5,0,8.1,3.6,8.1,8.1
+											S468.7,644.7,464.2,644.7z"/>
+									</g>
+									<g id="直线_93">
+										<path class="st5" d="M363.3,735c-4.5,0-8.1-3.6-8.1-8.1v-51.3c0-4.5,3.6-8.1,8.1-8.1s8.1,3.6,8.1,8.1v51.3
+											C371.4,731.4,367.8,735,363.3,735z"/>
+									</g>
+									<g id="直线_94">
+										<path class="st5" d="M464.2,735H363.7c-4.5,0-8.1-3.6-8.1-8.1s3.6-8.1,8.1-8.1h100.5c4.5,0,8.1,3.6,8.1,8.1
+											S468.7,735,464.2,735z"/>
+									</g>
+								</g>
+							</g>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/images/file/light/folder.svg b/public/images/file/light/folder.svg
new file mode 100644
index 000000000..be55bf833
--- /dev/null
+++ b/public/images/file/light/folder.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{fill:#F9B552;}
+	.st2{fill:#FFCF5C;}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_3_" x="96" y="96" width="832" height="832"/>
+		</defs>
+		<clipPath id="SVGID_1_">
+			<use xlink:href="#SVGID_3_"  style="overflow:visible;"/>
+		</clipPath>
+		<g id="组_229" class="st0">
+			<path id="路径_130" class="st1" d="M224,752.4h576.1c35.3-0.1,63.9-28.7,64-64V299.8c-0.1-35.3-28.7-63.9-64-64H224
+				c-35.3,0.1-63.9,28.7-64,64v388.6C160.1,723.7,188.7,752.3,224,752.4"/>
+			<path id="路径_131" class="st2" d="M842.7,871.6H181.3c-47.1,0-85.3-38.2-85.3-85.3V252.8c0-47.1,38.2-85.3,85.3-85.3h268.5
+				c36.6,0,69.1,23.3,80.9,58l24.1,71.4c11.7,34.7,44.3,58,80.9,58h206.6c47.1,0,85.3,38.1,85.3,85.2l0.5,346
+				C928,833.3,889.8,871.6,842.7,871.6L842.7,871.6"/>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/images/file/light/media.svg b/public/images/file/light/media.svg
new file mode 100644
index 000000000..7d262cc2c
--- /dev/null
+++ b/public/images/file/light/media.svg
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#6067DC;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+		</defs>
+		<clipPath id="SVGID_1_">
+			<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+		</clipPath>
+		<g id="组_395" class="st0">
+			<g id="组_394" transform="translate(8 2)">
+				<g>
+					<g>
+						<defs>
+							<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+						</defs>
+						<clipPath id="SVGID_2_">
+							<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+						</clipPath>
+						<g id="组_393" class="st1">
+							<path id="路径_210" class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78
+								V352.1L584,120H270z"/>
+							<g id="组_392" transform="translate(30.15)" class="st3">
+								<g id="组_391">
+									<g>
+										<g>
+											<defs>
+												<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+											</defs>
+											<clipPath id="SVGID_3_">
+												<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+											</clipPath>
+											<g id="组_390" class="st4">
+												<path id="路径_211" class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+							<path id="路径_212" class="st5" d="M508.9,615.6v27.7l52.8,46.3c6.6,5.7,16.6,5.1,22.3-1.5c2.5-2.9,3.9-6.6,3.9-10.4v-96.3
+								c0-8.7-7-15.8-15.8-15.8c-3.8,0-7.5,1.4-10.4,3.9L508.9,615.6z"/>
+							<path id="路径_213" class="st5" d="M469.9,526.6H334.5c-21.5,0-38.9,17.5-39,39v127.5c0.1,21.5,17.5,38.9,39,39h135.4
+								c21.5-0.1,38.9-17.5,39-39V565.6C508.8,544.1,491.4,526.7,469.9,526.6 M440.1,635.6l-50.9,40.8c-3.4,2.8-8.5,2.2-11.2-1.2
+								c-1.1-1.4-1.8-3.2-1.8-5v-81.5c0-4.4,3.6-8,8-8c1.8,0,3.6,0.6,5,1.7l50.9,40.8c3.4,2.7,4,7.8,1.3,11.2
+								C441,634.9,440.6,635.3,440.1,635.6"/>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/images/file/light/mind.svg b/public/images/file/light/mind.svg
new file mode 100644
index 000000000..9b1a93d29
--- /dev/null
+++ b/public/images/file/light/mind.svg
@@ -0,0 +1,106 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#925DF1;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+		</defs>
+		<clipPath id="SVGID_1_">
+			<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+		</clipPath>
+		<g id="组_237" class="st0">
+			<g id="组_236" transform="translate(7.75 2)">
+				<g>
+					<g>
+						<defs>
+							<rect id="SVGID_9_" x="189" y="120" width="624" height="780"/>
+						</defs>
+						<clipPath id="SVGID_2_">
+							<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+						</clipPath>
+						<g id="组_235" class="st1">
+							<g id="路径_132">
+								<path class="st2" d="M267,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1L581,120H267z
+									"/>
+							</g>
+							<g id="组_234" transform="translate(30.15)" class="st3">
+								<g id="组_233">
+									<g>
+										<g>
+											<defs>
+												<rect id="SVGID_11_" x="550.8" y="120" width="232.1" height="232.1"/>
+											</defs>
+											<clipPath id="SVGID_3_">
+												<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+											</clipPath>
+											<g id="组_232" class="st4">
+												<g id="路径_133">
+													<path class="st5" d="M628.8,352.1h154L550.8,120v154.1C550.9,317.1,585.8,351.9,628.8,352.1"/>
+												</g>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+							<g id="椭圆_29">
+								<path class="st5" d="M428.5,670.7c-22.8,0-41.3-18.5-41.3-41.3s18.5-41.3,41.3-41.3s41.3,18.5,41.3,41.3
+									S451.2,670.7,428.5,670.7z M428.5,604.4c-13.8,0-25,11.2-25,25s11.2,25,25,25s25-11.2,25-25S442.3,604.4,428.5,604.4z"/>
+							</g>
+							<g id="椭圆_30">
+								<path class="st5" d="M465.3,571.2c-18.5,0-33.5-15-33.5-33.5s15-33.5,33.5-33.5s33.5,15,33.5,33.5S483.8,571.2,465.3,571.2z
+									 M465.3,520.5c-9.5,0-17.2,7.7-17.2,17.2s7.7,17.2,17.2,17.2s17.2-7.7,17.2-17.2S474.8,520.5,465.3,520.5z"/>
+							</g>
+							<g id="椭圆_31">
+								<path class="st5" d="M346.6,572.6c-18.5,0-33.5-15-33.5-33.5s15-33.5,33.5-33.5s33.5,15,33.5,33.5S365.1,572.6,346.6,572.6z
+									 M346.6,521.9c-9.5,0-17.2,7.7-17.2,17.2s7.7,17.2,17.2,17.2s17.2-7.7,17.2-17.2S356.1,521.9,346.6,521.9z"/>
+							</g>
+							<g id="椭圆_32">
+								<path class="st5" d="M346.6,746.4c-18.5,0-33.5-15-33.5-33.5s15-33.5,33.5-33.5s33.5,15,33.5,33.5S365.1,746.4,346.6,746.4z
+									 M346.6,695.7c-9.5,0-17.2,7.7-17.2,17.2s7.7,17.2,17.2,17.2s17.2-7.7,17.2-17.2S356.1,695.7,346.6,695.7z"/>
+							</g>
+							<g id="椭圆_33">
+								<path class="st5" d="M478.9,754.5c-18.5,0-33.5-15-33.5-33.5s15-33.5,33.5-33.5s33.5,15,33.5,33.5S497.4,754.5,478.9,754.5z
+									 M478.9,703.8c-9.5,0-17.2,7.7-17.2,17.2s7.7,17.2,17.2,17.2s17.2-7.7,17.2-17.2S488.4,703.8,478.9,703.8z"/>
+							</g>
+							<g id="椭圆_34">
+								<path class="st5" d="M529.9,667.1c-18.5,0-33.5-15-33.5-33.5s15-33.5,33.5-33.5s33.5,15,33.5,33.5S548.4,667.1,529.9,667.1z
+									 M529.9,616.3c-9.5,0-17.2,7.7-17.2,17.2s7.7,17.2,17.2,17.2s17.2-7.7,17.2-17.2S539.4,616.3,529.9,616.3z"/>
+							</g>
+							<g id="直线_82">
+								<path class="st5" d="M400.2,618.9c-2.5,0-4.9-1.1-6.5-3.2l-33.3-44.4c-2.7-3.6-2-8.7,1.6-11.4s8.7-2,11.4,1.6l33.3,44.4
+									c2.7,3.6,2,8.7-1.6,11.4C403.6,618.3,401.9,618.9,400.2,618.9z"/>
+							</g>
+							<g id="直线_83">
+								<path class="st5" d="M470.5,704.3c-2.5,0-5-1.2-6.6-3.4l-23.2-32.4c-2.6-3.7-1.8-8.7,1.9-11.3c3.7-2.6,8.7-1.8,11.3,1.9
+									l23.2,32.4c2.6,3.7,1.8,8.7-1.9,11.3C473.7,703.8,472.1,704.3,470.5,704.3z"/>
+							</g>
+							<g id="直线_84">
+								<path class="st5" d="M504.6,641.7h-41.8c-4.5,0-8.1-3.6-8.1-8.1s3.6-8.1,8.1-8.1h41.8c4.5,0,8.1,3.6,8.1,8.1
+									S509.1,641.7,504.6,641.7z"/>
+							</g>
+							<g id="直线_85">
+								<path class="st5" d="M446.2,604.5c-1.4,0-2.8-0.3-4-1.1c-3.9-2.2-5.2-7.2-3-11.1l19.2-33.3c2.2-3.9,7.2-5.2,11.1-3
+									s5.2,7.2,3,11.1l-19.2,33.3C451.7,603.1,449,604.5,446.2,604.5z"/>
+							</g>
+							<g id="直线_86">
+								<path class="st5" d="M364.5,700.5c-2.2,0-4.5-0.9-6.1-2.8c-3-3.4-2.6-8.5,0.7-11.5l38.7-34.1c3.4-3,8.5-2.7,11.5,0.7
+									s2.6,8.5-0.7,11.5l-38.7,34.1C368.3,699.9,366.4,700.5,364.5,700.5z"/>
+							</g>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/images/file/light/ofd.svg b/public/images/file/light/ofd.svg
new file mode 100644
index 000000000..9110596a4
--- /dev/null
+++ b/public/images/file/light/ofd.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#15B2FF;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+		</defs>
+		<clipPath id="SVGID_1_">
+			<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+		</clipPath>
+		<g id="组_328" class="st0">
+			<g id="组_327" transform="translate(8 2)">
+				<g>
+					<g>
+						<defs>
+							<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+						</defs>
+						<clipPath id="SVGID_2_">
+							<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+						</clipPath>
+						<g id="组_326" class="st1">
+							<path id="路径_172" class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78
+								V352.1L584,120H270z"/>
+							<g id="组_325" transform="translate(30.15)" class="st3">
+								<g id="组_324">
+									<g>
+										<g>
+											<defs>
+												<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+											</defs>
+											<clipPath id="SVGID_3_">
+												<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+											</clipPath>
+											<g id="组_323" class="st4">
+												<path id="路径_173" class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+							<path id="路径_174" class="st5" d="M368.3,711.4c-0.5,0-0.8,0.2-1.3,0.2c-30,0-54.4-24.3-54.4-54.3s24.3-54.4,54.3-54.4
+								c25.6,0,47.7,17.8,53.2,42.8l13.6-17.2c-11.2-27-37.4-44.8-66.7-45c-40.7-0.1-73.7,32.8-73.8,73.5
+								c-0.1,35.8,25.6,66.4,60.8,72.7L368.3,711.4z"/>
+							<path id="路径_175" class="st5" d="M573.3,626.1c6.9,9,10.7,19.9,10.9,31.2c0,29.9-24.3,54.2-54.2,54.2
+								c-10.8,0-21.4-3.3-30.4-9.4l-30.4-23.9l-12,15.4l27.3,21.8c1.6,0.8,2.7,1.9,4.3,2.7c12.1,8.4,26.6,12.9,41.3,12.9
+								c40.5,0.2,73.5-32.4,73.7-72.9c0.1-17.6-6.2-34.7-17.7-48.1L573.3,626.1z"/>
+							<path id="路径_176" class="st5" d="M529.9,602.9c10.5,0.2,20.8,3.6,29.4,9.7l12.3-15.6c-12.1-8.7-26.7-13.4-41.6-13.6
+								c-23.3,0.1-45.2,11.2-59,29.9L378.7,730c19.6-3.2,37-14.2,48.4-30.5l52.8-66.6l46.7,37.2l12.2-15.2l-46-36.7
+								C502.7,608.5,516,603,529.9,602.9"/>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/images/file/light/other.svg b/public/images/file/light/other.svg
new file mode 100644
index 000000000..706a278b6
--- /dev/null
+++ b/public/images/file/light/other.svg
@@ -0,0 +1,72 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#55575E;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+	.st6{enable-background:new    ;}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+		</defs>
+		<clipPath id="SVGID_1_">
+			<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+		</clipPath>
+		<g id="组_310" class="st0">
+			<g id="组_312" transform="translate(8 2)">
+				<g id="组_307">
+					<g>
+						<g>
+							<defs>
+								<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+							</defs>
+							<clipPath id="SVGID_2_">
+								<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+							</clipPath>
+							<g id="组_306" class="st1">
+								<g id="路径_167">
+									<path class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1L584,120H270
+										z"/>
+								</g>
+								<g id="组_305" transform="translate(30.15)" class="st3">
+									<g id="组_304">
+										<g>
+											<g>
+												<defs>
+													<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+												</defs>
+												<clipPath id="SVGID_3_">
+													<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+												</clipPath>
+												<g id="组_303" class="st4">
+													<g id="路径_168">
+														<path class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+													</g>
+												</g>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+						</g>
+					</g>
+				</g>
+				<g class="st6">
+					<path class="st5" d="M424.2,658.4h-32.4c-0.1-4.7-0.1-7.5-0.1-8.5c0-10.5,1.7-19.1,5.2-25.9s10.4-14.4,20.8-22.9
+						s16.6-14,18.7-16.6c3.1-4.2,4.7-8.7,4.7-13.7c0-6.9-2.8-12.9-8.3-17.8s-13-7.4-22.4-7.4c-9.1,0-16.6,2.6-22.7,7.7
+						s-10.3,13-12.6,23.6l-32.8-4.1c0.9-15.1,7.4-28,19.4-38.6s27.7-15.9,47.2-15.9c20.5,0,36.8,5.4,48.9,16.1s18.2,23.2,18.2,37.4
+						c0,7.9-2.2,15.3-6.7,22.3s-13.9,16.6-28.5,28.7c-7.5,6.3-12.2,11.3-14,15.1S424,648.6,424.2,658.4z M391.8,706.4v-35.7h35.7
+						v35.7H391.8z"/>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/images/file/light/pdf.svg b/public/images/file/light/pdf.svg
new file mode 100644
index 000000000..92b2155d2
--- /dev/null
+++ b/public/images/file/light/pdf.svg
@@ -0,0 +1,105 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#EA4845;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<g>
+		<g>
+			<defs>
+				<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+			</defs>
+			<clipPath id="SVGID_1_">
+				<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+			</clipPath>
+			<g id="组_301" class="st0">
+				<g id="组_300" transform="translate(8 2)">
+					<g>
+						<g>
+							<g>
+								<defs>
+									<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+								</defs>
+								<clipPath id="SVGID_2_">
+									<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+								</clipPath>
+								<g id="组_299" class="st1">
+									<g id="路径_159">
+										<path class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1L584,120
+											H270z"/>
+									</g>
+									<g id="组_298" transform="translate(30.15)" class="st3">
+										<g id="组_297">
+											<g>
+												<g>
+													<g>
+														<defs>
+															<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+														</defs>
+														<clipPath id="SVGID_3_">
+															<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+														</clipPath>
+														<g id="组_296" class="st4">
+															<g id="路径_160">
+																<path class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+															</g>
+														</g>
+													</g>
+												</g>
+											</g>
+										</g>
+									</g>
+									<g id="路径_161">
+										<path class="st5" d="M541.4,693.4c-0.3,0-0.6,0-0.9-0.1c-24.1-2.7-46.6-12.3-65.2-27.9c-0.5-0.2-0.9-0.5-1.3-0.7
+											c-13.2-9.8-25.5-20.9-36.6-32.9c-6.5-7.1-12.7-14.7-18.4-22.5c-22.5-30.5-35.1-62.8-33.9-86.3c0.1-5.5,1.7-11.2,4.7-16.1
+											c2.3-3.9,7.3-5.1,11.1-2.8c3.9,2.3,5.1,7.3,2.8,11.1c-1.5,2.5-2.3,5.4-2.4,8.4c-1.1,19.8,10.7,48.9,30.7,76.1
+											c5.4,7.4,11.1,14.5,17.2,21.1c10.1,10.9,21.2,21,33.2,30c0.7,0.3,1.4,0.7,2,1.2c16.3,14.1,36.3,22.8,57.7,25.1
+											c4.5,0.5,7.7,4.5,7.2,9C549,690.3,545.5,693.4,541.4,693.4z"/>
+									</g>
+									<g id="路径_162">
+										<path class="st5" d="M353.9,750.1c-2.3,0-4.5-0.9-6.1-2.8c-3-3.4-2.6-8.5,0.7-11.5c0.7-0.6,1.3-1.3,1.9-1.9
+											c13.8-16.6,26-34.9,36.1-54.2c0.4-0.7,0.8-1.3,1.3-1.9c6.5-13,12-25.2,16.9-37.3c5-12.4,9.3-25.3,13-38.2
+											c8.5-25.7,12.4-52,11.7-78.7c0-2.2-0.4-4.1-1.1-5.9c-1.7-4.1,0.2-8.9,4.3-10.6c4.1-1.8,8.9,0.2,10.6,4.3
+											c1.6,3.8,2.4,7.9,2.4,12.1c0.7,28.3-3.4,56.5-12.4,83.6c-3.7,13.1-8.3,26.5-13.5,39.5c-5.3,13.1-11.4,26.4-18.5,40.5
+											c-0.4,0.8-0.9,1.5-1.5,2.1c-10.4,19.6-22.9,38.2-37.1,55.3c-1.2,1.4-2.3,2.5-3.6,3.6C357.7,749.4,355.8,750.1,353.9,750.1
+											z M394.2,683.5h0.1H394.2z"/>
+									</g>
+									<g id="路径_163">
+										<path class="st5" d="M329.6,723.5c-2.2,0-4.4-0.9-6-2.6c-3-3.3-2.8-8.4,0.5-11.5c2.3-2.1,4.8-3.9,7.6-5.3
+											c18.5-11,38.7-20.6,59.4-28.3c0.5-0.2,0.9-0.3,1.4-0.4c9.6-3.8,20.5-7.6,35.3-12.2c19.1-5.9,35.3-10.1,49.5-13
+											c0.4-0.1,0.7-0.1,1.1-0.1c20.4-4.4,41.2-6.8,62-7.1h1.9c4.5,0,8.1,3.6,8.1,8.1s-3.6,8.1-8.1,8.1h-1.8
+											c-19.9,0.3-39.9,2.6-59.5,6.9c-0.6,0.1-1.2,0.2-1.7,0.2c-12.5,2.6-28.2,6.8-46.8,12.5c-14.9,4.7-25.8,8.4-35.2,12.2
+											c-0.6,0.2-1.2,0.4-1.8,0.5c-19.4,7.3-38.3,16.3-56.1,26.9c-1.9,1-3.2,1.9-4.4,3C333.5,722.8,331.6,723.5,329.6,723.5z"/>
+									</g>
+									<g id="路径_164">
+										<path class="st5" d="M436,522.7c-3.1,0-6.1-1.8-7.5-4.9c-2.2-5.1-7.2-8.4-12.8-8.4c0,0-0.1,0-0.2,0
+											c-4.8,0-9.2,2.3-11.9,6.2c-2.5,3.7-7.6,4.7-11.3,2.1c-3.7-2.5-4.7-7.6-2.1-11.3c5.7-8.3,15.1-13.3,25.2-13.3
+											c0.1,0,0.2,0,0.4,0c12,0,22.8,7.1,27.6,18.2c1.8,4.1-0.1,8.9-4.2,10.7C438.1,522.5,437,522.7,436,522.7z"/>
+									</g>
+									<g id="路径_165">
+										<path class="st5" d="M342.7,754.5c-0.1,0-0.2,0-0.3,0c-7.5-0.1-14-2.9-18.8-7.9s-7.5-11.6-7.4-18.5
+											c-0.1-6.8,2.7-13.6,7.7-18.5c3.2-3.1,8.4-3.1,11.5,0.1c3.1,3.2,3.1,8.3-0.1,11.5c-1.9,1.8-2.9,4.4-2.9,6.9
+											c-0.1,5.6,4.3,10.1,9.7,10.2c2.6,0.2,4.8-0.8,6.4-2.3c3.3-3,8.4-2.8,11.5,0.5c3,3.3,2.8,8.4-0.5,11.5
+											C354.9,752.2,349,754.5,342.7,754.5z"/>
+									</g>
+									<g id="路径_166">
+										<path class="st5" d="M541.6,693.4l-0.1-16.2c4.8,0,8.7-3.9,8.7-8.7c0.1-4.9-3.6-8.9-8.3-9.2c-4.5-0.3-7.9-4.1-7.6-8.6
+											c0.3-4.5,4.1-8,8.6-7.6c13.4,0.9,23.8,12.1,23.6,25.5C566.5,682.1,555.3,693.3,541.6,693.4z"/>
+									</g>
+								</g>
+							</g>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/images/file/light/picture.svg b/public/images/file/light/picture.svg
new file mode 100644
index 000000000..aef64ba82
--- /dev/null
+++ b/public/images/file/light/picture.svg
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#53CBAE;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<g>
+		<g>
+			<defs>
+				<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+			</defs>
+			<clipPath id="SVGID_1_">
+				<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+			</clipPath>
+			<g id="组_272" class="st0">
+				<g id="组_271" transform="translate(8 2)">
+					<g>
+						<g>
+							<g>
+								<defs>
+									<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+								</defs>
+								<clipPath id="SVGID_2_">
+									<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+								</clipPath>
+								<g id="组_270" class="st1">
+									<path id="路径_146" class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78
+										V352.1L584,120H270z"/>
+									<g id="组_269" transform="translate(30.15)" class="st3">
+										<g id="组_268">
+											<g>
+												<g>
+													<g>
+														<defs>
+															<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+														</defs>
+														<clipPath id="SVGID_3_">
+															<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+														</clipPath>
+														<g id="组_267" class="st4">
+															<path id="路径_147" class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+														</g>
+													</g>
+												</g>
+											</g>
+										</g>
+									</g>
+									<path id="路径_148" class="st5" d="M538.4,503H344.1c-16.1,0-29.2,13.1-29.2,29.2v194.3c0,16.1,13.1,29.2,29.2,29.2
+										h194.3c16.2,0,29.2-13.1,29.2-29.2V532.2C567.7,516.1,554.6,503,538.4,503 M476,566c15.8,0,28.6,12.8,28.6,28.6
+										s-12.8,28.6-28.6,28.6c-15.8,0-28.6-12.8-28.6-28.5C447.4,578.9,460.2,566.1,476,566 M548.2,726.6c0,5.4-4.4,9.8-9.8,9.8
+										H344.1c-5.4,0-9.8-4.4-9.8-9.8v-23l51.2-51.2c9.8-9.9,25.8-9.9,35.6,0l0,0l52.7,52.7l18.4-18.4c9.8-9.9,25.8-9.9,35.6,0
+										l0,0l20.1,20.1v19.8L548.2,726.6L548.2,726.6z"/>
+								</g>
+							</g>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/images/file/light/ppt.svg b/public/images/file/light/ppt.svg
new file mode 100644
index 000000000..3e621b8b5
--- /dev/null
+++ b/public/images/file/light/ppt.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#FF8F6B;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+		</defs>
+		<clipPath id="SVGID_1_">
+			<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+		</clipPath>
+		<g id="组_286" class="st0">
+			<g id="组_285" transform="translate(8 2)">
+				<g>
+					<g>
+						<defs>
+							<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+						</defs>
+						<clipPath id="SVGID_2_">
+							<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+						</clipPath>
+						<g id="组_284" class="st1">
+							<path id="路径_152" class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78
+								V352.1L584,120H270z"/>
+							<g id="组_283" transform="translate(30.15)" class="st3">
+								<g id="组_282">
+									<g>
+										<g>
+											<defs>
+												<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+											</defs>
+											<clipPath id="SVGID_3_">
+												<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+											</clipPath>
+											<g id="组_281" class="st4">
+												<path id="路径_153" class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+							<path id="路径_154" class="st5" d="M510.2,555.6c-3.4-8.4-8.9-15.7-16-21.3c-7.2-5.4-15.6-8.9-24.5-10.4
+								c-9.7-1.6-19.4-2.3-29.2-2.1h-74V737h30.8v-85.1h45.4c27.4,0,46.8-6.6,57.5-19.6c10.8-13.3,16.5-30,16-47.1
+								C516.3,575,514.2,564.9,510.2,555.6 M484.6,586.1c0.6,9.6-2.8,19-9.3,26c-9.2,7-20.7,10.3-32.3,9.1h-45.8v-68.9h45.2
+								c7.5-0.3,15,0.2,22.4,1.7c5.9,1.8,11,5.8,14.2,11.2C482.9,571.5,484.8,578.7,484.6,586.1"/>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/images/file/light/sheet.svg b/public/images/file/light/sheet.svg
new file mode 100644
index 000000000..57f761113
--- /dev/null
+++ b/public/images/file/light/sheet.svg
@@ -0,0 +1,90 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#009F4E;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+	.st6{fill:none;stroke:#FFFFFF;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+		</defs>
+		<clipPath id="SVGID_1_">
+			<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+		</clipPath>
+		<g id="组_379" class="st0">
+			<g id="组_378" transform="translate(8 2)">
+				<g>
+					<g>
+						<defs>
+							<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+						</defs>
+						<clipPath id="SVGID_2_">
+							<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+						</clipPath>
+						<g id="组_377" class="st1">
+							<g id="路径_200">
+								<path class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1L584,120H270z
+									"/>
+							</g>
+							<g id="组_376" transform="translate(30.15)" class="st3">
+								<g id="组_375">
+									<g>
+										<g>
+											<defs>
+												<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+											</defs>
+											<clipPath id="SVGID_3_">
+												<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+											</clipPath>
+											<g id="组_374" class="st4">
+												<g id="路径_201">
+													<path class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+												</g>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+							<g id="矩形_196">
+								<path class="st5" d="M551.8,754.5h-221c-8.1,0-14.6-6.6-14.6-14.6v-221c0-8.1,6.6-14.6,14.6-14.6h221
+									c8.1,0,14.6,6.6,14.6,14.6v221C566.4,748,559.8,754.5,551.8,754.5z M332.4,738.3h217.8V520.5H332.4V738.3z M551.8,520.5
+									L551.8,520.5L551.8,520.5z"/>
+							</g>
+							<g id="路径_202">
+								<path class="st6" d="M558.3,590.4L558.3,590.4z"/>
+							</g>
+							<g id="直线_98">
+								<path class="st5" d="M402.3,752.3c-4.5,0-8.1-3.6-8.1-8.1V590.6c0-4.5,3.6-8.1,8.1-8.1s8.1,3.6,8.1,8.1v153.6
+									C410.4,748.7,406.8,752.3,402.3,752.3z"/>
+							</g>
+							<g id="直线_99">
+								<path class="st5" d="M480.3,752.3c-4.5,0-8.1-3.6-8.1-8.1V590.6c0-4.5,3.6-8.1,8.1-8.1s8.1,3.6,8.1,8.1v153.6
+									C488.4,748.7,484.8,752.3,480.3,752.3z"/>
+							</g>
+							<g id="路径_203">
+								<path class="st6" d="M558.3,668.4L558.3,668.4z"/>
+							</g>
+							<g id="直线_99_1_">
+								<path class="st5" d="M318.6,590.4c0-4.5,5.2-8.1,11.7-8.1H552c6.5,0,11.7,3.6,11.7,8.1s-5.2,8.1-11.7,8.1H330.3
+									C323.8,598.5,318.6,594.9,318.6,590.4z"/>
+							</g>
+							<g id="直线_99_2_">
+								<path class="st5" d="M318.6,672c0-4.5,5.2-8.1,11.7-8.1H552c6.5,0,11.7,3.6,11.7,8.1s-5.2,8.1-11.7,8.1H330.3
+									C323.8,680.1,318.6,676.4,318.6,672z"/>
+							</g>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/images/file/light/tif.svg b/public/images/file/light/tif.svg
new file mode 100644
index 000000000..cd43115c8
--- /dev/null
+++ b/public/images/file/light/tif.svg
@@ -0,0 +1,77 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#615ECC;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+	.st6{enable-background:new    ;}
+</style>
+<g>
+	<g>
+		<g>
+			<defs>
+				<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+			</defs>
+			<clipPath id="SVGID_1_">
+				<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+			</clipPath>
+			<g id="组_320" class="st0">
+				<g id="组_322" transform="translate(8 2)">
+					<g id="组_317">
+						<g>
+							<g>
+								<g>
+									<defs>
+										<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+									</defs>
+									<clipPath id="SVGID_2_">
+										<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+									</clipPath>
+									<g id="组_316" class="st1">
+										<g id="路径_170">
+											<path class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1L584,120
+												H270z"/>
+										</g>
+										<g id="组_315" transform="translate(30.15)" class="st3">
+											<g id="组_314">
+												<g>
+													<g>
+														<g>
+															<defs>
+																<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+															</defs>
+															<clipPath id="SVGID_3_">
+																<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+															</clipPath>
+															<g id="组_313" class="st4">
+																<g id="路径_171">
+																	<path class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+																</g>
+															</g>
+														</g>
+													</g>
+												</g>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+						</g>
+					</g>
+					<g class="st6">
+						<path class="st5" d="M325.3,706.4V605.9h-35.9v-20.5h96.1v20.5h-35.8v100.5H325.3z"/>
+						<path class="st5" d="M400.6,706.4v-121H425v121H400.6z"/>
+						<path class="st5" d="M448.5,706.4v-121h82.9v20.5h-58.5v28.6h50.5V655h-50.5v51.4H448.5z"/>
+						<path class="st5" d="M551.7,706.4v-121h82.9v20.5h-58.5v28.6h50.5V655h-50.5v51.4H551.7z"/>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/images/file/light/txt.svg b/public/images/file/light/txt.svg
new file mode 100644
index 000000000..52198eb20
--- /dev/null
+++ b/public/images/file/light/txt.svg
@@ -0,0 +1,105 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{fill:#999999;}
+	.st2{clip-path:url(#SVGID_2_);}
+	.st3{clip-path:url(#SVGID_3_);}
+	.st4{opacity:0.375;}
+	.st5{clip-path:url(#SVGID_4_);}
+	.st6{opacity:0.4;}
+	.st7{clip-path:url(#SVGID_5_);}
+	.st8{fill:#FFFFFF;}
+	.st9{enable-background:new    ;}
+</style>
+<g>
+	<g>
+		<g>
+			<defs>
+				<rect id="SVGID_11_" x="96" y="96" width="832" height="832"/>
+			</defs>
+			<clipPath id="SVGID_1_">
+				<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+			</clipPath>
+			<g id="路径_187" class="st0">
+				<path class="st1" d="M278,122c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V354.1L592,122H278z"/>
+			</g>
+		</g>
+		<g>
+			<defs>
+				<rect id="SVGID_13_" x="96" y="96" width="832" height="832"/>
+			</defs>
+			<clipPath id="SVGID_2_">
+				<use xlink:href="#SVGID_13_"  style="overflow:visible;"/>
+			</clipPath>
+			<g id="组_357" class="st2">
+				<g id="组_359" transform="translate(8 2)">
+					<g id="组_354">
+						<g>
+							<g>
+								<g>
+									<defs>
+										<rect id="SVGID_15_" x="192" y="120" width="624" height="780"/>
+									</defs>
+									<clipPath id="SVGID_3_">
+										<use xlink:href="#SVGID_15_"  style="overflow:visible;"/>
+									</clipPath>
+									<g id="组_353" class="st3">
+										<g id="组_349" class="st4">
+											<g id="组_348">
+												<g>
+													<g>
+														<g>
+															<defs>
+																<rect id="SVGID_17_" x="192" y="120" width="624" height="780"/>
+															</defs>
+															<clipPath id="SVGID_4_">
+																<use xlink:href="#SVGID_17_"  style="overflow:visible;"/>
+															</clipPath>
+															<g id="组_347" class="st5">
+															</g>
+														</g>
+													</g>
+												</g>
+											</g>
+										</g>
+										<g id="组_352" transform="translate(30.15)" class="st6">
+											<g id="组_351">
+												<g>
+													<g>
+														<g>
+															<defs>
+																<rect id="SVGID_19_" x="553.8" y="120" width="232.1" height="232.1"/>
+															</defs>
+															<clipPath id="SVGID_5_">
+																<use xlink:href="#SVGID_19_"  style="overflow:visible;"/>
+															</clipPath>
+															<g id="组_350" class="st7">
+																<g id="路径_188">
+																	<path class="st8" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+																</g>
+															</g>
+														</g>
+													</g>
+												</g>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+						</g>
+					</g>
+					<g class="st9">
+						<path class="st8" d="M345.4,698.9V598.4h-35.9V578h96.1v20.5h-35.8V699L345.4,698.9L345.4,698.9z"/>
+						<path class="st8" d="M409.1,698.9l41.3-63.1L413,578h28.6l24.3,38.9l23.8-38.9H518l-37.6,58.8l41.3,62.2h-29.5l-26.8-41.8
+							L438.5,699L409.1,698.9L409.1,698.9z"/>
+						<path class="st8" d="M561.4,698.9V598.4h-35.9V578h96.1v20.5h-35.8V699L561.4,698.9L561.4,698.9z"/>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/images/file/light/updir.svg b/public/images/file/light/updir.svg
new file mode 100644
index 000000000..3e603b9d4
--- /dev/null
+++ b/public/images/file/light/updir.svg
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{fill:#F9B552;}
+	.st2{fill:#FFCF5C;}
+	.st3{fill:#FFFFFF;}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_3_" x="96" y="96" width="832" height="832"/>
+		</defs>
+		<clipPath id="SVGID_1_">
+			<use xlink:href="#SVGID_3_"  style="overflow:visible;"/>
+		</clipPath>
+		<g id="组_381" class="st0">
+			<g id="路径_204">
+				<path class="st1" d="M224,745.9h576.1c35.3-0.1,63.9-28.7,64-64V293.3c-0.1-35.3-28.7-63.9-64-64H224c-35.3,0.1-63.9,28.7-64,64
+					v388.6C160.1,717.2,188.7,745.8,224,745.9"/>
+			</g>
+			<g id="路径_205">
+				<path class="st2" d="M842.7,865.1H181.3c-47.1,0-85.3-38.2-85.3-85.3V246.3c0-47.1,38.2-85.3,85.3-85.3h268.5
+					c36.6,0,69.1,23.3,80.9,58l24.1,71.4c11.7,34.7,44.3,58,80.9,58h206.6c47.1,0,85.3,38.1,85.3,85.2l0.5,346
+					C928,826.8,889.8,865.1,842.7,865.1L842.7,865.1"/>
+			</g>
+			<g id="直线_106">
+				<path class="st3" d="M411.2,576.4c-2.1,0-4.2-0.8-5.7-2.4l-53.7-53.7c-3.2-3.2-3.2-8.3,0-11.5s8.3-3.2,11.5,0l53.7,53.7
+					c3.2,3.2,3.2,8.3,0,11.5C415.4,575.6,413.3,576.4,411.2,576.4z"/>
+			</g>
+			<g id="直线_107">
+				<path class="st3" d="M303.9,576.4c-2.1,0-4.2-0.8-5.7-2.4c-3.2-3.2-3.2-8.3,0-11.5l53.7-53.7c3.2-3.2,8.3-3.2,11.5,0
+					s3.2,8.3,0,11.5L309.6,574C308,575.6,306,576.4,303.9,576.4z"/>
+			</g>
+			<g id="直线_108">
+				<path class="st3" d="M357.5,687.1c-4.5,0-8.1-3.6-8.1-8.1V514.6c0-4.5,3.6-8.1,8.1-8.1s8.1,3.6,8.1,8.1V679
+					C365.7,683.5,362,687.1,357.5,687.1z"/>
+			</g>
+			<g id="路径_214">
+				<path class="st3" d="M446,756.7H270.5c-20.5-0.1-37.3-16.8-37.4-37.3V641c0-18.4,15-33.4,33.4-33.4l0,0h12.7
+					c4.5,0,8.1,3.6,8.1,8.1s-3.6,8.1-8.1,8.1h-12.7l0,0c-9.5,0-17.2,7.7-17.2,17.2v78.3c0,11.6,9.5,21.1,21.2,21.1H446
+					c11.6,0,21.1-9.5,21.1-21.1V641c0-9.5-7.7-17.1-17.2-17.1l0,0h-12.6c-4.5,0-8.1-3.6-8.1-8.1s3.6-8.1,8.1-8.1h12.6l0,0
+					c18.4,0,33.4,15,33.4,33.4v78.3C483.3,739.9,466.6,756.7,446,756.7z"/>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/images/file/light/upload.svg b/public/images/file/light/upload.svg
new file mode 100644
index 000000000..b23565f17
--- /dev/null
+++ b/public/images/file/light/upload.svg
@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#188FE1;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+		</defs>
+		<clipPath id="SVGID_1_">
+			<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+		</clipPath>
+		<g id="组_388" class="st0">
+			<g id="组_387" transform="translate(8 2)">
+				<g>
+					<g>
+						<defs>
+							<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+						</defs>
+						<clipPath id="SVGID_2_">
+							<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+						</clipPath>
+						<g id="组_386" class="st1">
+							<g id="路径_207">
+								<path class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1L584,120H270z
+									"/>
+							</g>
+							<g id="组_385" transform="translate(30.15)" class="st3">
+								<g id="组_384">
+									<g>
+										<g>
+											<defs>
+												<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+											</defs>
+											<clipPath id="SVGID_3_">
+												<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+											</clipPath>
+											<g id="组_383" class="st4">
+												<g id="路径_208">
+													<path class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+												</g>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+							<g id="直线_103">
+								<path class="st5" d="M494.2,574.4c-2.1,0-4.2-0.8-5.7-2.4l-53.7-53.7c-3.2-3.2-3.2-8.3,0-11.5s8.3-3.2,11.5,0l53.7,53.7
+									c3.2,3.2,3.2,8.3,0,11.5C498.4,573.6,496.3,574.4,494.2,574.4z"/>
+							</g>
+							<g id="直线_104">
+								<path class="st5" d="M386.9,574.4c-2.1,0-4.2-0.8-5.7-2.4c-3.2-3.2-3.2-8.3,0-11.5l53.7-53.7c3.2-3.2,8.3-3.2,11.5,0
+									s3.2,8.3,0,11.5L392.6,572C391,573.6,389,574.4,386.9,574.4z"/>
+							</g>
+							<g id="直线_105">
+								<path class="st5" d="M440.5,685.1c-4.5,0-8.1-3.6-8.1-8.1V512.6c0-4.5,3.6-8.1,8.1-8.1s8.1,3.6,8.1,8.1V677
+									C448.7,681.5,445,685.1,440.5,685.1z"/>
+							</g>
+							<g id="路径_209">
+								<path class="st5" d="M529,754.7H353.5c-20.5-0.1-37.3-16.8-37.4-37.3V639c0-18.4,15-33.4,33.4-33.4l0,0h12.7
+									c4.5,0,8.1,3.6,8.1,8.1s-3.6,8.1-8.1,8.1h-12.7l0,0c-9.5,0-17.2,7.7-17.2,17.2v78.3c0,11.6,9.5,21.1,21.2,21.1H529
+									c11.6,0,21.1-9.5,21.1-21.1V639c0-9.5-7.7-17.1-17.2-17.1l0,0h-12.6c-4.5,0-8.1-3.6-8.1-8.1s3.6-8.1,8.1-8.1h12.6l0,0
+									c18.4,0,33.4,15,33.4,33.4v78.3C566.3,737.9,549.6,754.7,529,754.7z"/>
+							</g>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/images/file/light/word.svg b/public/images/file/light/word.svg
new file mode 100644
index 000000000..e26f03ee9
--- /dev/null
+++ b/public/images/file/light/word.svg
@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#41A5EE;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+		</defs>
+		<clipPath id="SVGID_1_">
+			<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+		</clipPath>
+		<g id="组_251" class="st0">
+			<g id="组_250" transform="translate(8 2)">
+				<g>
+					<g>
+						<defs>
+							<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+						</defs>
+						<clipPath id="SVGID_2_">
+							<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+						</clipPath>
+						<g id="组_249" class="st1">
+							<path id="路径_136" class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78
+								V352.1L584,120H270z"/>
+							<g id="组_248" transform="translate(30.15)" class="st3">
+								<g id="组_247">
+									<g>
+										<g>
+											<defs>
+												<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+											</defs>
+											<clipPath id="SVGID_3_">
+												<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+											</clipPath>
+											<g id="组_246" class="st4">
+												<path id="路径_137" class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+							<path id="路径_138" class="st5" d="M368.7,735.8l-58.5-212.4h33.4L374,646l11.3,45.6c0.5-2.3,3.8-16.9,9.9-43.8l30.4-124.4
+								h33.3l28.6,123.2l9.5,40.6l11-41l32.8-122.8h31.6l-59.8,212.4H479l-30.4-127.1l-7.4-36.2l-38.6,163.3L368.7,735.8
+								L368.7,735.8z"/>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/images/file/light/wps.svg b/public/images/file/light/wps.svg
new file mode 100644
index 000000000..e2ccbfb27
--- /dev/null
+++ b/public/images/file/light/wps.svg
@@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#FF434A;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+		</defs>
+		<clipPath id="SVGID_1_">
+			<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+		</clipPath>
+		<g id="组_335" class="st0">
+			<g id="组_334" transform="translate(8 2)">
+				<g>
+					<g>
+						<defs>
+							<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+						</defs>
+						<clipPath id="SVGID_2_">
+							<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+						</clipPath>
+						<g id="组_333" class="st1">
+							<g id="路径_177">
+								<path class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1L584,120H270z
+									"/>
+							</g>
+							<g id="组_332" transform="translate(30.15)" class="st3">
+								<g id="组_331">
+									<g>
+										<g>
+											<defs>
+												<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+											</defs>
+											<clipPath id="SVGID_3_">
+												<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+											</clipPath>
+											<g id="组_330" class="st4">
+												<g id="路径_178">
+													<path class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+												</g>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+							<g id="路径_179">
+								<path class="st5" d="M490,729.5c-1.2,0-2.5-0.3-3.7-0.9c-4-2-5.6-6.9-3.6-10.9l92.6-183.2H496L399.8,725
+									c-2,4-6.9,5.6-10.9,3.6s-5.6-6.9-3.6-10.9l98.6-195c1.4-2.7,4.2-4.5,7.2-4.5h97.5c2.8,0,5.4,1.5,6.9,3.9s1.6,5.4,0.3,7.9
+									l-98.6,195C495.9,727.9,493,729.5,490,729.5z"/>
+							</g>
+							<g id="路径_180">
+								<path class="st5" d="M392.5,729.5c-3,0-5.8-1.6-7.3-4.5l-98.5-195c-1.3-2.5-1.1-5.5,0.3-7.9c1.5-2.4,4.1-3.9,6.9-3.9h97.5
+									c3.1,0,5.9,1.7,7.2,4.5l33.4,66c2,4,0.4,8.9-3.6,10.9s-8.9,0.4-10.9-3.6l-31.1-61.6h-79.3l92.5,183.2c2,4,0.4,8.9-3.6,10.9
+									C395,729.2,393.7,729.5,392.5,729.5z"/>
+							</g>
+							<g id="直线_95">
+								<path class="st5" d="M490,729.5c-3,0-5.8-1.6-7.3-4.5l-32.4-64.1c-2-4-0.4-8.9,3.6-10.9s8.9-0.4,10.9,3.6l32.4,64.1
+									c2,4,0.4,8.9-3.6,10.9C492.5,729.2,491.2,729.5,490,729.5z"/>
+							</g>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/images/file/media.svg b/public/images/file/media.svg
deleted file mode 100644
index 40789b551..000000000
--- a/public/images/file/media.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1639131652752" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11826" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M256 85.333333c-46.933333 0-85.333333 38.4-85.333333 85.333334v682.666666c0 46.933333 38.4 85.333333 85.333333 85.333334h512c46.933333 0 85.333333-38.4 85.333333-85.333334V337.066667L601.6 85.333333H256z" fill="#6067DC" p-id="11827"></path><path d="M686.933333 337.066667H853.333333L601.6 85.333333v166.4c0 46.933333 38.4 85.333333 85.333333 85.333334z" fill="#FFFFFF" opacity=".4" p-id="11828"></path><path d="M516.266667 627.2v29.866667l59.733333 51.2c12.8 8.533333 29.866667 0 29.866667-12.8v-106.666667c0-12.8-17.066667-21.333333-29.866667-12.8l-59.733333 51.2z" fill="#FFFFFF" p-id="11829"></path><path d="M473.6 529.066667H328.533333c-21.333333 0-42.666667 21.333333-42.666666 42.666666v140.8c0 21.333333 21.333333 42.666667 42.666666 42.666667h149.333334c21.333333 0 42.666667-21.333333 42.666666-42.666667v-140.8c-4.266667-21.333333-21.333333-42.666667-46.933333-42.666666z m-29.866667 119.466666l-55.466666 42.666667c-4.266667 4.266667-12.8 0-12.8-8.533333v-85.333334c0-8.533333 8.533333-12.8 12.8-8.533333l55.466666 42.666667c4.266667 8.533333 4.266667 12.8 0 17.066666z" fill="#FFFFFF" p-id="11830"></path></svg>
diff --git a/public/images/file/mind.svg b/public/images/file/mind.svg
deleted file mode 100644
index af2e370e8..000000000
--- a/public/images/file/mind.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1625028315575" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10051" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M256 85.333333c-46.933333 0-85.333333 38.4-85.333333 85.333334v682.666666c0 46.933333 38.4 85.333333 85.333333 85.333334h512c46.933333 0 85.333333-38.4 85.333333-85.333334V337.066667L601.6 85.333333H256z" fill="#925DF1" p-id="10052"></path><path d="M686.933333 337.066667H853.333333L601.6 85.333333v166.4c0 46.933333 38.4 85.333333 85.333333 85.333334z" fill="#FFFFFF" opacity=".4" p-id="10053"></path><path d="M541.866667 610.133333c-17.066667 0-29.866667 12.8-34.133334 29.866667h-29.866666c0-12.8-8.533333-21.333333-12.8-29.866667l17.066666-29.866666c17.066667-4.266667 29.866667-17.066667 29.866667-38.4s-17.066667-38.4-38.4-38.4-38.4 17.066667-38.4 38.4c0 17.066667 8.533333 29.866667 21.333333 34.133333l-12.8 21.333333c-4.266667 0-8.533333-4.266667-12.8-4.266666-12.8 0-21.333333 4.266667-29.866666 12.8l-29.866667-38.4c4.266667-8.533333 8.533333-12.8 8.533333-21.333334 0-21.333333-17.066667-38.4-38.4-38.4s-38.4 17.066667-38.4 38.4 17.066667 38.4 38.4 38.4c4.266667 0 8.533333 0 12.8-4.266666l34.133334 42.666666c0 8.533333-4.266667 12.8-4.266667 21.333334s4.266667 17.066667 8.533333 25.6l-34.133333 29.866666c-4.266667-4.266667-8.533333-4.266667-17.066667-4.266666-21.333333 0-38.4 17.066667-38.4 38.4s17.066667 38.4 38.4 38.4 38.4-17.066667 38.4-38.4c0-8.533333-4.266667-12.8-4.266666-21.333334l34.133333-29.866666c8.533333 4.266667 12.8 4.266667 21.333333 4.266666 4.266667 0 8.533333 0 12.8-4.266666l17.066667 25.6c-8.533333 8.533333-12.8 17.066667-12.8 29.866666 0 21.333333 17.066667 38.4 38.4 38.4s38.4-17.066667 38.4-38.4-17.066667-38.4-38.4-38.4h-4.266667l-21.333333-29.866666c4.266667-4.266667 8.533333-12.8 12.8-17.066667h29.866667c4.266667 17.066667 17.066667 25.6 34.133333 25.6 21.333333 0 38.4-17.066667 38.4-38.4s-12.8-29.866667-34.133333-29.866667z m-68.266667-85.333333c8.533333 0 17.066667 8.533333 17.066667 17.066667s-8.533333 17.066667-17.066667 17.066666-17.066667-8.533333-17.066667-17.066666 8.533333-17.066667 17.066667-17.066667z m-149.333333 17.066667c0-8.533333 8.533333-17.066667 17.066666-17.066667s17.066667 8.533333 17.066667 17.066667-4.266667 17.066667-17.066667 17.066666-17.066667-4.266667-17.066666-17.066666z m179.2 200.533333c0 8.533333-8.533333 17.066667-17.066667 17.066667s-17.066667-8.533333-17.066667-17.066667 8.533333-17.066667 17.066667-17.066667 17.066667 8.533333 17.066667 17.066667z m-162.133334 8.533333c-8.533333 0-17.066667-8.533333-17.066666-17.066666s8.533333-17.066667 17.066666-17.066667 17.066667 8.533333 17.066667 17.066667-4.266667 17.066667-17.066667 17.066666z m64-106.666666c0-12.8 12.8-25.6 25.6-25.6s25.6 12.8 25.6 25.6-12.8 25.6-25.6 25.6-25.6-12.8-25.6-25.6z m136.533334 21.333333c-8.533333 0-17.066667-8.533333-17.066667-17.066667s8.533333-17.066667 17.066667-17.066666 17.066667 8.533333 17.066666 17.066666-4.266667 17.066667-17.066666 17.066667z" fill="#FFFFFF" p-id="10054"></path></svg>
\ No newline at end of file
diff --git a/public/images/file/ofd.svg b/public/images/file/ofd.svg
deleted file mode 100644
index 41361a044..000000000
--- a/public/images/file/ofd.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1639159863770" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6249" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M208.50324948 98.14070655a39.70462592 39.70462592 0 0 0-28.9701507 12.41577865C171.94621747 118.83367123 167.11812845 129.18015316 167.11812845 139.52663591v744.94672818a39.70462592 39.70462592 0 0 0 12.41577864 28.97015071 40.85728849 40.85728849 0 0 0 28.97015071 12.41577865h606.99255288a39.70462592 39.70462592 0 0 0 28.97014989-12.41577865 40.85809681 40.85809681 0 0 0 12.41577946-28.97015071V332.661512L622.36173459 98.14070655z" fill="#356FFE" p-id="6250"></path><path d="M856.88173172 332.66070368H663.74766394a42.43108545 42.43108545 0 0 1-41.38592935-41.38592935V98.14070655z" fill="#AEC5FE" p-id="6251"></path><path d="M624.92653026 367.31091116a25.01908736 25.01908736 0 0 1 0 50.03494147 75.0564546 75.0564546 0 0 0-75.05645379 75.0564546v180.13872416a125.09462933 125.09462933 0 1 1-79.91040983-116.68811302 25.01827905 25.01827905 0 1 1-18.06431179 46.66182727 75.0564546 75.0564546 0 1 0 47.81125657 74.43000711l0.12528949-4.40372136V487.40123788a22.77923608 22.77923608 0 0 1 0.250579-3.22761753A125.09462933 125.09462933 0 0 1 624.92653026 367.31091116z m75.0564546 195.14678132a25.01908736 25.01908736 0 1 1 0 50.03494228H599.90825121a25.01908736 25.01908736 0 0 1 0-50.03494228h100.07554196z" fill="#FFFFFF" p-id="6252"></path></svg>
diff --git a/public/images/file/other.svg b/public/images/file/other.svg
deleted file mode 100644
index 356c09f54..000000000
--- a/public/images/file/other.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1625028321516" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10195" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M256 85.333333c-46.933333 0-85.333333 38.4-85.333333 85.333334v682.666666c0 46.933333 38.4 85.333333 85.333333 85.333334h512c46.933333 0 85.333333-38.4 85.333333-85.333334V337.066667L601.6 85.333333H256z" fill="#989FA5" p-id="10196"></path><path d="M686.933333 337.066667H853.333333L601.6 85.333333v166.4c0 46.933333 38.4 85.333333 85.333333 85.333334z" fill="#FFFFFF" opacity=".4" p-id="10197"></path><path d="M486.4 780.8h-170.666667c-4.266667 0-8.533333-4.266667-8.533333-8.533333s4.266667-8.533333 8.533333-8.533334h170.666667c4.266667 0 8.533333 4.266667 8.533333 8.533334s-4.266667 8.533333-8.533333 8.533333zM571.733333 695.466667h-256c-4.266667 0-8.533333-4.266667-8.533333-8.533334s4.266667-8.533333 8.533333-8.533333h256c4.266667 0 8.533333 4.266667 8.533334 8.533333s-4.266667 8.533333-8.533334 8.533334zM571.733333 610.133333h-256c-4.266667 0-8.533333-4.266667-8.533333-8.533333s4.266667-8.533333 8.533333-8.533333h256c4.266667 0 8.533333 4.266667 8.533334 8.533333s-4.266667 8.533333-8.533334 8.533333zM571.733333 524.8h-256c-4.266667 0-8.533333-4.266667-8.533333-8.533333s4.266667-8.533333 8.533333-8.533334h256c4.266667 0 8.533333 4.266667 8.533334 8.533334s-4.266667 8.533333-8.533334 8.533333z" fill="#FFFFFF" p-id="10198"></path></svg>
diff --git a/public/images/file/pdf.svg b/public/images/file/pdf.svg
deleted file mode 100644
index 9a27a1711..000000000
--- a/public/images/file/pdf.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1639131674043" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11971" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M256 85.333333c-46.933333 0-85.333333 38.4-85.333333 85.333334v682.666666c0 46.933333 38.4 85.333333 85.333333 85.333334h512c46.933333 0 85.333333-38.4 85.333333-85.333334V337.066667L601.6 85.333333H256z" fill="#EA4845" p-id="11972"></path><path d="M686.933333 337.066667H853.333333L601.6 85.333333v166.4c0 46.933333 38.4 85.333333 85.333333 85.333334z" fill="#FFFFFF" opacity=".4" p-id="11973"></path><path d="M554.666667 657.066667c-21.333333 0-42.666667 4.266667-68.266667 8.533333-12.8-8.533333-21.333333-21.333333-34.133333-29.866667l-17.066667-17.066666c12.8-42.666667 12.8-72.533333 12.8-85.333334 0-4.266667 0-8.533333-4.266667-12.8-4.266667-12.8-17.066667-21.333333-29.866666-21.333333-12.8 0-21.333333 4.266667-29.866667 17.066667 0-4.266667-4.266667 4.266667-4.266667 8.533333 0 25.6 12.8 59.733333 34.133334 89.6l-12.8 38.4c-4.266667 12.8-12.8 25.6-17.066667 38.4-21.333333 8.533333-42.666667 17.066667-64 29.866667-4.266667 0-4.266667 4.266667-8.533333 4.266666-4.266667 4.266667-8.533333 12.8-8.533334 21.333334 0 17.066667 12.8 29.866667 29.866667 29.866666 8.533333 0 12.8-4.266667 21.333333-8.533333l4.266667-4.266667c17.066667-17.066667 29.866667-38.4 38.4-59.733333 12.8-4.266667 21.333333-8.533333 34.133333-12.8 17.066667-4.266667 34.133333-8.533333 46.933334-12.8 25.6 17.066667 51.2 29.866667 68.266666 29.866667 17.066667 0 29.866667-12.8 29.866667-29.866667 4.266667-8.533333-4.266667-21.333333-21.333333-21.333333z m-38.4 21.333333c12.8 0 25.6-4.266667 38.4-4.266667 4.266667 0 8.533333 4.266667 8.533333 8.533334s-4.266667 8.533333-8.533333 8.533333c-12.8 0-25.6-4.266667-38.4-12.8z m-110.933334-157.866667c4.266667-8.533333 17.066667-8.533333 21.333334 0v4.266667c0 17.066667 0 38.4-8.533334 64-12.8-21.333333-21.333333-46.933333-21.333333-64 4.266667 0 4.266667-4.266667 8.533333-4.266667zM341.333333 759.466667c-4.266667 4.266667-12.8 0-12.8-8.533334 0-4.266667 0-4.266667 4.266667-8.533333l4.266667-4.266667c8.533333-4.266667 21.333333-12.8 34.133333-17.066666-12.8 12.8-21.333333 25.6-29.866667 38.4z m85.333334-81.066667c-4.266667 0-12.8 4.266667-17.066667 4.266667 4.266667-8.533333 8.533333-12.8 8.533333-21.333334 4.266667-8.533333 4.266667-17.066667 8.533334-25.6l8.533333 8.533334 21.333333 21.333333c-4.266667 4.266667-17.066667 8.533333-29.866666 12.8z" fill="#FFFFFF" p-id="11974"></path></svg>
diff --git a/public/images/file/picture.svg b/public/images/file/picture.svg
deleted file mode 100644
index 9cb237529..000000000
--- a/public/images/file/picture.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1639131622718" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11457" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M256 85.333333c-46.933333 0-85.333333 38.4-85.333333 85.333334v682.666666c0 46.933333 38.4 85.333333 85.333333 85.333334h512c46.933333 0 85.333333-38.4 85.333333-85.333334V337.066667L601.6 85.333333H256z" fill="#53CBAE" p-id="11458"></path><path d="M686.933333 337.066667H853.333333L601.6 85.333333v166.4c0 46.933333 38.4 85.333333 85.333333 85.333334z" fill="#FFFFFF" opacity=".4" p-id="11459"></path><path d="M550.4 503.466667h-213.333333c-17.066667 0-34.133333 12.8-34.133334 34.133333v213.333333c0 17.066667 12.8 34.133333 34.133334 34.133334h213.333333c17.066667 0 34.133333-12.8 34.133333-34.133334v-213.333333c-4.266667-17.066667-17.066667-34.133333-34.133333-34.133333z m-68.266667 68.266666c17.066667 0 29.866667 12.8 29.866667 29.866667s-12.8 29.866667-29.866667 29.866667-29.866667-12.8-29.866666-29.866667 12.8-29.866667 29.866666-29.866667z m76.8 179.2c0 4.266667-4.266667 8.533333-8.533333 8.533334h-213.333333c-4.266667 0-8.533333-4.266667-8.533334-8.533334V725.333333L384 665.6c12.8-12.8 29.866667-12.8 38.4 0l59.733333 59.733333 21.333334-21.333333c12.8-12.8 29.866667-12.8 38.4 0l21.333333 21.333333v25.6z" fill="#FFFFFF" p-id="11460"></path></svg>
diff --git a/public/images/file/ppt.svg b/public/images/file/ppt.svg
deleted file mode 100644
index 8601bb6e0..000000000
--- a/public/images/file/ppt.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg t="1626148939398" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10646"><path d="M256 85.333333c-46.933333 0-85.333333 38.4-85.333333 85.333334v682.666666c0 46.933333 38.4 85.333333 85.333333 85.333334h512c46.933333 0 85.333333-38.4 85.333333-85.333334V337.066667L601.6 85.333333H256z" fill="#FF8F6B" p-id="10647"></path><path d="M686.933333 337.066667H853.333333L601.6 85.333333v166.4c0 46.933333 38.4 85.333333 85.333333 85.333334z" fill="#FFFFFF" opacity=".4" p-id="10648"></path><path d="M520.533333 563.2c-4.266667-8.533333-8.533333-17.066667-17.066666-21.333333l-25.6-12.8c-8.533333 0-17.066667-4.266667-29.866667-4.266667h-85.333333v234.666667h34.133333v-93.866667h51.2c29.866667 0 51.2-8.533333 64-21.333333 12.8-12.8 17.066667-29.866667 17.066667-51.2-4.266667-8.533333-4.266667-21.333333-8.533334-29.866667z m-29.866666 34.133333c0 12.8-4.266667 21.333333-8.533334 29.866667-8.533333 8.533333-17.066667 8.533333-34.133333 8.533333H396.8v-76.8H473.6c8.533333 0 12.8 4.266667 17.066667 12.8v25.6z" fill="#FFFFFF" p-id="10649"></path></svg>
\ No newline at end of file
diff --git a/public/images/file/sheet.svg b/public/images/file/sheet.svg
deleted file mode 100644
index d7e116692..000000000
--- a/public/images/file/sheet.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1625028309807" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9907" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M256 85.333333c-46.933333 0-85.333333 38.4-85.333333 85.333334v682.666666c0 46.933333 38.4 85.333333 85.333333 85.333334h512c46.933333 0 85.333333-38.4 85.333333-85.333334V337.066667L601.6 85.333333H256z" fill="#009F4E" p-id="9908"></path><path d="M686.933333 337.066667H853.333333L601.6 85.333333v166.4c0 46.933333 38.4 85.333333 85.333333 85.333334z" fill="#FFFFFF" opacity=".4" p-id="9909"></path><path d="M550.4 503.466667h-213.333333c-17.066667 0-34.133333 12.8-34.133334 34.133333v213.333333c0 17.066667 12.8 34.133333 34.133334 34.133334h213.333333c17.066667 0 34.133333-12.8 34.133333-34.133334v-213.333333c-4.266667-21.333333-17.066667-34.133333-34.133333-34.133333z m-140.8 170.666666v-64h64v64H409.6z m64 21.333334v64H409.6v-64h64z m-149.333333-85.333334h64v64H324.266667v-64z m170.666666 0h64v64h-64v-64z m-157.866666-85.333333h213.333333c4.266667 0 8.533333 4.266667 8.533333 8.533333v51.2H324.266667v-51.2c0-4.266667 8.533333-8.533333 12.8-8.533333z m-12.8 226.133333v-51.2h64v64H337.066667c-4.266667-4.266667-12.8-8.533333-12.8-12.8z m226.133333 8.533334h-51.2v-64h64v51.2c-4.266667 8.533333-8.533333 12.8-12.8 12.8z" fill="#FFFFFF" p-id="9910"></path></svg>
\ No newline at end of file
diff --git a/public/images/file/tif.svg b/public/images/file/tif.svg
deleted file mode 100644
index 73a5c0dd9..000000000
--- a/public/images/file/tif.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1639159873742" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6397" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M825.79673853 930.64640269c6.95018441 0 13.65506865-2.78007339 18.56108018-7.68608673s7.68608673-11.61089669 7.68608674-18.56108017V281.66271181c0-6.2142821-2.20770606-12.18326401-6.21428302-16.9257433L708.70657208 102.67502091c-4.98777944-5.8872149-12.34679808-9.32142361-20.03288389-9.3214236h-490.43771991c-6.95018441 0-13.65506865 2.78007339-18.56108018 7.68608673s-7.68608673 11.61089669-7.68608674 18.56108017v784.79847158c0 6.95018441 2.78007339 13.65506865 7.68608674 18.56108016s11.61089669 7.68608673 18.56108018 7.68608674h627.56077025z" fill="#72A9FE" p-id="6398"></path><path d="M852.04390546 284.60631927v-2.94360746c0-6.2142821-2.20770606-12.18326401-6.21428301-16.9257433L708.70657208 102.67502091c-4.98777944-5.8872149-12.34679808-9.32142361-20.03288389-9.3214236h-1.22650357v191.25272196h164.59672084z" p-id="6399"></path><path d="M585.40212443 355.98880136c0-19.62404967 15.86277379-35.4868244 35.48682348-35.48682348s35.4868244 15.86277379 35.48682439 35.48682348-15.86277379 35.4868244-35.48682439 35.4868244-35.4868244-15.86277379-35.48682348-35.4868244z m-277.43500924 285.69346335h408.18024254l-111.20295066-147.26214331c-4.66071225-6.13251599-11.85619683-9.73025782-19.54228264-9.73025781-7.68608673 0-14.96333834 3.59774274-19.54228356 9.73025781l-43.33644428 57.48211418-62.06105849-118.80727037c-4.2518771-8.09492095-12.59209916-13.1644665-21.74998872-13.16446741-9.15789046 0-17.49811157 5.06954647-21.74998868 13.16446741l-108.99524551 208.5872995z" fill="#FFFFFF" p-id="6400"></path><path d="M428.67955406 802.4195883v-32.54321602h-10.38439314v-14.30920305l11.28382859-0.98120248 2.20770603-19.6240506h16.189841v19.6240506h18.15224595v15.20863848h-18.15224595v32.54321604c0 8.42198813 3.43420869 12.34679808 9.9755589 12.34679899 2.37123917 0 5.23307963-0.81766842 7.19548459-1.55357073l3.18890852 14.06390196c-3.92480994 1.30826968-9.07612344 2.78007339-15.5357066 2.78007431-17.41634454 0-24.12122789-10.95676137-24.12122789-27.5554375zM479.21148289 732.26360886c0-6.29604912 4.82424539-10.46616012 11.52912967-10.46615921 6.5413502 0 11.44736262 4.17011101 11.4473626 10.46615921 0 6.05074895-4.82424539 10.54792717-11.4473626 10.54792717-6.70488334 0-11.52912966-4.49717821-11.52912967-10.54792717z m1.88063795 22.32235789h19.21521639v73.5901872h-19.21521639v-73.5901872zM606.11367329 738.31435781c-2.61654027-0.89943546-5.39661367-1.55357074-7.84961989-1.55357073-5.80544788 0-8.9125894 3.43420869-8.9125894 11.52912962v6.29605005h13.90036886v15.20863849h-13.90036886v58.38154871h-19.21521544v-58.29978167h-26.49246799v58.29978167H524.26503104v-58.29978167h-9.81202484v-14.30920306l9.81202484-0.81766934v-5.15131259c0-15.1268724 7.76785283-26.65600112 26.41070097-26.65600204 5.8872149 0 11.28382856 1.30826968 14.88157131 2.78007433l-3.51597571 14.30920303c-2.61654027-1.14473655-5.15131351-1.79887091-8.91258937-1.79887183-5.64191475 0-9.48495764 3.84304291-9.48495767 11.44736264v4.90601333h26.49246799v-5.88721583c0-15.37217258 7.11371848-27.14660236 25.51126551-27.14660236 5.80544788 0 10.79322732 1.30826968 14.06390195 2.61654025l-3.59774273 14.145669z" fill="#FFFFFF" p-id="6401"></path></svg>
diff --git a/public/images/file/txt.svg b/public/images/file/txt.svg
deleted file mode 100644
index bf3fa7c8c..000000000
--- a/public/images/file/txt.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1639155144184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6371" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M256 85.333333c-46.933333 0-85.333333 38.4-85.333333 85.333334v682.666666c0 46.933333 38.4 85.333333 85.333333 85.333334h512c46.933333 0 85.333333-38.4 85.333333-85.333334V339.2L599.466667 85.333333H256z" fill="#3F5072" p-id="6372"></path><path d="M684.8 339.2h168.533333L599.466667 85.333333v168.533334c0 46.933333 38.4 85.333333 85.333333 85.333333z" fill="#FFFFFF" opacity=".4" p-id="6373"></path><path d="M350.506667 761.386667v-148.266667h-50.346667v-19.84h120.96v19.84h-50.56v148.266667h-20.053333zM426.453333 761.386667l59.093334-87.466667-52.053334-80.426667h24.106667l27.733333 43.093334c5.76 8.96 9.813333 15.786667 12.373334 20.693333 3.413333-6.186667 7.466667-12.373333 12.16-19.2l30.72-44.586667h21.973333l-53.546667 79.146667 57.813334 88.746667H541.866667l-38.4-59.946667c-2.133333-3.413333-4.48-7.253333-6.613334-11.306667-3.413333 6.186667-5.76 10.24-7.253333 12.586667l-38.4 58.453333h-24.746667zM623.146667 761.386667v-148.266667h-50.346667v-19.84h120.96v19.84h-50.56v148.266667h-20.053333z" fill="#FFFFFF" p-id="6374"></path></svg>
diff --git a/public/images/file/updir.svg b/public/images/file/updir.svg
deleted file mode 100644
index 4507bd44f..000000000
--- a/public/images/file/updir.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg t="1626148962029" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10780"><path d="M520.533333 226.133333L554.666667 298.666667c12.8 29.866667 42.666667 46.933333 76.8 46.933333h174.933333c21.333333 0 38.4 4.266667 55.466667 12.8V290.133333c0-34.133333-29.866667-64-64-64h-277.333334z" fill="#F9B552" p-id="10781"></path><path d="M844.8 345.6h-209.066667c-34.133333 0-64-17.066667-76.8-46.933333L512 209.066667c-12.8-29.866667-42.666667-46.933333-76.8-46.933334h-256c-46.933333 0-85.333333 38.4-85.333333 85.333334v529.066666c0 46.933333 38.4 85.333333 85.333333 85.333334h661.333333c46.933333 0 85.333333-38.4 85.333334-85.333334v-341.333333c4.266667-51.2-34.133333-89.6-81.066667-89.6z" fill="#FFCF5C" p-id="10782"></path><path d="M315.733333 554.666667c4.266667 0 8.533333 0 12.8-4.266667l29.866667-29.866667v140.8c0 8.533333 8.533333 17.066667 17.066667 17.066667s17.066667-8.533333 17.066666-17.066667v-140.8l29.866667 29.866667s4.266667 4.266667 8.533333 4.266667 8.533333 0 12.8-4.266667c4.266667-4.266667 4.266667-17.066667 0-21.333333L384 465.066667c-4.266667-4.266667-8.533333-4.266667-12.8-4.266667-4.266667 0-8.533333 0-12.8 4.266667L298.666667 524.8c-4.266667 4.266667-4.266667 17.066667 0 21.333333 8.533333 4.266667 12.8 8.533333 17.066666 8.533334z" fill="#FFFFFF" p-id="10783"></path><path d="M473.6 571.733333h-12.8c-8.533333 0-17.066667 8.533333-17.066667 17.066667s8.533333 17.066667 17.066667 17.066667h12.8c8.533333 0 12.8 4.266667 12.8 12.8v85.333333c0 8.533333-8.533333 17.066667-17.066667 17.066667H277.333333c-8.533333 0-17.066667-8.533333-17.066666-17.066667v-85.333333c0-8.533333 4.266667-12.8 12.8-12.8h12.8c8.533333 0 17.066667-8.533333 17.066666-17.066667s-8.533333-17.066667-17.066666-17.066667h-12.8c-25.6 0-42.666667 21.333333-42.666667 42.666667v85.333333c0 25.6 21.333333 46.933333 46.933333 46.933334H469.333333c25.6 0 46.933333-21.333333 46.933334-46.933334v-85.333333c0-21.333333-17.066667-42.666667-42.666667-42.666667z" fill="#FFFFFF" p-id="10784"></path></svg>
\ No newline at end of file
diff --git a/public/images/file/upload.svg b/public/images/file/upload.svg
deleted file mode 100644
index a98cdaa69..000000000
--- a/public/images/file/upload.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg t="1626149003520" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11049"><path d="M256 85.333333c-46.933333 0-85.333333 38.4-85.333333 85.333334v682.666666c0 46.933333 38.4 85.333333 85.333333 85.333334h512c46.933333 0 85.333333-38.4 85.333333-85.333334V337.066667L601.6 85.333333H256z" fill="#188FE1" p-id="11050"></path><path d="M686.933333 337.066667H853.333333L601.6 85.333333v166.4c0 46.933333 38.4 85.333333 85.333333 85.333334z" fill="#FFFFFF" opacity=".4" p-id="11051"></path><path d="M384 588.8c4.266667 0 8.533333 0 12.8-4.266667l29.866667-29.866666v140.8c0 8.533333 8.533333 17.066667 17.066666 17.066666s17.066667-8.533333 17.066667-17.066666V554.666667l29.866667 29.866666c4.266667 4.266667 8.533333 4.266667 12.8 4.266667s8.533333 0 12.8-4.266667c4.266667-4.266667 4.266667-17.066667 0-21.333333l-59.733334-59.733333c-4.266667-4.266667-8.533333-4.266667-12.8-4.266667-4.266667 0-8.533333 0-12.8 4.266667l-59.733333 59.733333c-4.266667 4.266667-4.266667 17.066667 0 21.333333 4.266667 4.266667 8.533333 4.266667 12.8 4.266667z" fill="#FFFFFF" p-id="11052"></path><path d="M541.866667 610.133333h-12.8c-8.533333 0-17.066667 8.533333-17.066667 17.066667s8.533333 17.066667 17.066667 17.066667h12.8c8.533333 0 12.8 4.266667 12.8 12.8v85.333333c0 8.533333-8.533333 17.066667-17.066667 17.066667H345.6c-8.533333 0-17.066667-8.533333-17.066667-17.066667v-85.333333c4.266667-8.533333 8.533333-17.066667 12.8-17.066667h12.8c8.533333 0 17.066667-8.533333 17.066667-17.066667s-8.533333-17.066667-17.066667-17.066666H341.333333c-25.6 0-42.666667 21.333333-42.666666 42.666666v85.333334c0 25.6 21.333333 46.933333 46.933333 46.933333h192c25.6 0 46.933333-21.333333 46.933333-46.933333v-85.333334c4.266667-21.333333-17.066667-38.4-42.666666-38.4z" fill="#FFFFFF" p-id="11053"></path></svg>
\ No newline at end of file
diff --git a/public/images/file/word.svg b/public/images/file/word.svg
deleted file mode 100644
index 487907446..000000000
--- a/public/images/file/word.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg t="1626148886435" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10512"><path d="M256 85.333333c-46.933333 0-85.333333 38.4-85.333333 85.333334v682.666666c0 46.933333 38.4 85.333333 85.333333 85.333334h512c46.933333 0 85.333333-38.4 85.333333-85.333334V337.066667L601.6 85.333333H256z" fill="#41A5EE" p-id="10513"></path><path d="M686.933333 337.066667H853.333333L601.6 85.333333v166.4c0 46.933333 38.4 85.333333 85.333333 85.333334z" fill="#FFFFFF" opacity=".4" p-id="10514"></path><path d="M362.666667 759.466667L298.666667 524.8h38.4l34.133333 132.266667 12.8 55.466666c0-4.266667 4.266667-17.066667 12.8-46.933333l34.133333-136.533333h38.4l29.866667 136.533333 8.533333 42.666667 12.8-46.933334 34.133334-132.266666h34.133333l-64 230.4h-38.4l-34.133333-140.8-8.533334-38.4-42.666666 179.2h-38.4z" fill="#FFFFFF" p-id="10515"></path></svg>
\ No newline at end of file
diff --git a/public/images/file/wps.svg b/public/images/file/wps.svg
deleted file mode 100644
index c58939be7..000000000
--- a/public/images/file/wps.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1639159884437" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6546" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M208.50324948 98.14070655a39.70462592 39.70462592 0 0 0-28.9701507 12.41577865C171.94621747 118.83367123 167.11812845 129.18015316 167.11812845 139.52663591v744.94672818a39.70462592 39.70462592 0 0 0 12.41577864 28.97015071 40.85728849 40.85728849 0 0 0 28.97015071 12.41577865h606.99255288a39.70462592 39.70462592 0 0 0 28.97014989-12.41577865 40.85809681 40.85809681 0 0 0 12.41577946-28.97015071V332.661512L622.36254291 98.14070655z" fill="#4D97FF" p-id="6547"></path><path d="M856.88254003 332.66070368H663.74847227a42.43108545 42.43108545 0 0 1-41.38592936-41.38592935V98.14070655z" fill="#A5D2FF" p-id="6548"></path><path d="M333.03124777 465.31149819h91.02883673l42.47150141 79.68327209c3.89205602 7.23283745 13.2370311 10.1444029 20.92333569 6.51990059a14.87306864 14.87306864 0 0 0 7.81967728-8.4558246 13.84003652 13.84003652 0 0 0-0.86409337-11.19521643L447.62823946 444.1117181a15.73392793 15.73392793 0 0 0-13.90793534-8.09127258H308.97648457a15.88023374 15.88023374 0 0 0-13.07455891 6.6581232 13.84731139 13.84731139 0 0 0-1.22379469 13.87156097l124.73977715 263.2646259a15.66441246 15.66441246 0 0 0 13.56440043 8.6684126 15.85275087 15.85275087 0 0 0 14.31532829-7.51736586l151.55980003-255.65996238H690.44724642L588.83104859 679.69465434l-31.9916468-60.10982972c-3.89690594-7.2271792-13.23622277-10.13712802-20.92333568-6.51989977a14.87306864 14.87306864 0 0 0-7.81806064 8.45582379 13.83922819 13.83922819 0 0 0 0.86409337 11.19521724l46.78469101 87.74787014a16.04998079 16.04998079 0 0 0 28.15940722-0.5892648l124.74543538-263.26947582a13.84650307 13.84650307 0 0 0-1.16317073-13.92895164A15.88185037 15.88185037 0 0 0 714.3880366 436.01802056H589.69837524a15.78889364 15.78889364 0 0 0-13.62664101 7.51736585L435.27470142 681.17387792z" fill="#FFFFFF" p-id="6549"></path></svg>
diff --git a/resources/assets/sass/fileicon.scss b/resources/assets/sass/fileicon.scss
index 0369477a8..9b26fe200 100644
--- a/resources/assets/sass/fileicon.scss
+++ b/resources/assets/sass/fileicon.scss
@@ -3,66 +3,66 @@
         content: "";
         background-repeat: no-repeat;
         background-size: contain;
-        background-image: url("../images/file/other.svg");
+        background-image: url("../images/file/light/other.svg");
     }
     &.archive:before {
-        background-image: url("../images/file/archive.svg");
+        background-image: url("../images/file/light/archive.svg");
     }
     &.cad:before {
-        background-image: url("../images/file/cad.svg");
+        background-image: url("../images/file/light/cad.svg");
     }
     &.code:before {
-        background-image: url("../images/file/code.svg");
+        background-image: url("../images/file/light/code.svg");
     }
     &.document:before {
-        background-image: url("../images/file/document.svg");
+        background-image: url("../images/file/light/document.svg");
     }
     &.excel:before {
-        background-image: url("../images/file/excel.svg");
+        background-image: url("../images/file/light/excel.svg");
     }
     &.flow:before {
-        background-image: url("../images/file/flow.svg");
+        background-image: url("../images/file/light/flow.svg");
     }
     &.folder:before {
-        background-image: url("../images/file/folder.svg");
+        background-image: url("../images/file/light/folder.svg");
     }
     &.media:before {
-        background-image: url("../images/file/media.svg");
+        background-image: url("../images/file/light/media.svg");
     }
     &.mind:before {
-        background-image: url("../images/file/mind.svg");
+        background-image: url("../images/file/light/mind.svg");
     }
     &.ofd:before {
-        background-image: url("../images/file/ofd.svg");
+        background-image: url("../images/file/light/ofd.svg");
     }
     &.pdf:before {
-        background-image: url("../images/file/pdf.svg");
+        background-image: url("../images/file/light/pdf.svg");
     }
     &.picture:before {
-        background-image: url("../images/file/picture.svg");
+        background-image: url("../images/file/light/picture.svg");
     }
     &.ppt:before {
-        background-image: url("../images/file/ppt.svg");
+        background-image: url("../images/file/light/ppt.svg");
     }
     &.sheet:before {
-        background-image: url("../images/file/sheet.svg");
+        background-image: url("../images/file/light/sheet.svg");
     }
     &.tif:before {
-        background-image: url("../images/file/tif.svg");
+        background-image: url("../images/file/light/tif.svg");
     }
     &.txt:before {
-        background-image: url("../images/file/txt.svg");
+        background-image: url("../images/file/light/txt.svg");
     }
     &.updir:before {
-        background-image: url("../images/file/updir.svg");
+        background-image: url("../images/file/light/updir.svg");
     }
     &.upload:before {
-        background-image: url("../images/file/upload.svg");
+        background-image: url("../images/file/light/upload.svg");
     }
     &.word:before {
-        background-image: url("../images/file/word.svg");
+        background-image: url("../images/file/light/word.svg");
     }
     &.wps:before {
-        background-image: url("../images/file/wps.svg");
+        background-image: url("../images/file/light/wps.svg");
     }
 }
diff --git a/resources/assets/statics/public/images/file/archive.svg b/resources/assets/statics/public/images/file/archive.svg
deleted file mode 100644
index 7fa49efc8..000000000
--- a/resources/assets/statics/public/images/file/archive.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1639134709586" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5694" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M256 85.333333c-46.933333 0-85.333333 38.4-85.333333 85.333334v682.666666c0 46.933333 38.4 85.333333 85.333333 85.333334h512c46.933333 0 85.333333-38.4 85.333333-85.333334V337.066667L601.6 85.333333H256z" fill="#989FA5" p-id="5695"></path><path d="M686.933333 337.066667h166.4L601.6 85.333333v166.4c0 46.933333 38.4 85.333333 85.333333 85.333334z" fill="#FFFFFF" opacity=".4" p-id="5696"></path><path d="M533.333333 524.8v119.466667l12.8 25.6c0 4.266667 4.266667 8.533333 4.266667 8.533333v72.533333c8.533333-4.266667 12.8-12.8 12.8-25.6v-170.666666c-4.266667-12.8-17.066667-25.6-29.866667-29.866667zM512 652.8v-119.466667c0-12.8-8.533333-21.333333-21.333333-21.333333h-68.266667v29.866667h-29.866667v-29.866667h-55.466666c-12.8 0-21.333333 8.533333-21.333334 21.333333v213.333334c0 12.8 8.533333 21.333333 21.333334 21.333333h170.666666c12.8 0 21.333333-8.533333 21.333334-21.333333v-64l-17.066667-29.866667z m-59.733333-76.8h-29.866667v29.866667h29.866667v89.6h-59.733334v-59.733334h29.866667v-29.866666h-29.866667v-29.866667h29.866667v-29.866667h29.866667v29.866667z" fill="#FFFFFF" p-id="5697"></path></svg>
diff --git a/resources/assets/statics/public/images/file/cad.svg b/resources/assets/statics/public/images/file/cad.svg
deleted file mode 100644
index dc92a1be5..000000000
--- a/resources/assets/statics/public/images/file/cad.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1639134784950" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5982" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M256 85.333333c-46.933333 0-85.333333 38.4-85.333333 85.333334v682.666666c0 46.933333 38.4 85.333333 85.333333 85.333334h512c46.933333 0 85.333333-38.4 85.333333-85.333334V339.2L599.466667 85.333333H256z" fill="#66CC66" p-id="5983"></path><path d="M684.8 339.2h168.533333L599.466667 85.333333v168.533334c0 46.933333 38.4 85.333333 85.333333 85.333333z" fill="#FFFFFF" opacity=".4" p-id="5984"></path><path d="M349.866667 545.706667c0 2.346667-0.64 5.12-1.706667 7.893333-1.066667 2.773333-2.773333 5.546667-5.12 8.32-2.346667 2.773333-5.333333 4.906667-8.96 6.613333-3.626667 1.706667-7.68 2.56-12.586667 2.56-3.626667 0-6.826667-0.426667-9.813333-1.066666-2.986667-0.853333-5.76-1.92-8.106667-3.626667-2.346667-1.706667-4.693333-3.626667-6.613333-6.4-1.706667-2.346667-3.413333-5.12-4.693333-7.893333-1.28-2.986667-2.346667-5.973333-2.773334-9.386667-0.64-3.413333-0.853333-6.826667-0.853333-10.666667 0-6.186667 0.853333-11.52 2.346667-16.426666 1.706667-4.906667 3.84-8.96 6.826666-12.373334 2.986667-3.413333 6.613333-5.973333 10.666667-7.893333 4.053333-1.706667 8.32-2.56 12.8-2.56 5.546667 0 10.453333 1.28 14.933333 3.626667 4.266667 2.56 7.68 5.546667 10.026667 8.96 2.346667 3.626667 3.413333 7.04 3.413333 10.24 0 1.706667-0.64 3.2-1.706666 4.693333-1.066667 1.28-2.56 1.92-4.053334 1.92-1.706667 0-3.2-0.426667-4.053333-1.493333-0.853333-0.853333-1.92-2.56-2.986667-4.693334-1.706667-3.84-3.84-6.613333-6.4-8.32-2.56-1.92-5.546667-2.773333-8.96-2.773333-5.76 0-10.24 2.346667-13.653333 7.253333s-5.12 11.52-5.12 20.48c0 5.973333 0.853333 10.666667 2.346667 14.72 1.493333 3.84 3.626667 6.826667 6.4 8.746667 2.773333 1.92 5.973333 2.986667 9.6 2.986667 4.053333 0 7.466667-1.066667 10.24-3.2 2.773333-2.133333 4.906667-5.333333 6.186666-9.6 0.64-1.92 1.28-3.626667 2.133334-4.906667 0.853333-1.28 2.346667-1.92 4.266666-1.92 1.706667 0 2.986667 0.64 4.266667 1.92s1.706667 2.346667 1.706667 4.266667zM406.4 561.066667l-3.2-9.386667h-27.946667l-3.2 9.6c-1.28 3.84-2.346667 6.4-3.2 7.68-0.853333 1.28-2.346667 1.92-4.48 1.92-1.706667 0-3.2-0.64-4.693333-2.133333-1.28-1.493333-1.92-2.986667-1.92-4.693334 0-1.066667 0.213333-2.133333 0.426667-3.2s0.853333-2.56 1.493333-4.693333l17.493333-49.066667c0.426667-1.493333 1.066667-3.2 1.706667-5.12 0.64-1.92 1.493333-3.626667 2.346667-4.906666s1.92-2.346667 3.2-3.2c1.28-0.853333 2.986667-1.28 4.693333-1.28 1.92 0 3.626667 0.426667 4.906667 1.28s2.346667 1.92 3.2 3.2 1.493333 2.56 1.92 4.053333c0.64 1.493333 1.28 3.413333 2.133333 5.76l17.92 48.853333c1.493333 3.626667 2.133333 6.4 2.133333 8.106667 0 1.706667-0.64 3.413333-1.92 4.906667s-2.986667 2.133333-4.693333 2.133333c-1.066667 0-2.133333-0.213333-2.773333-0.64-0.853333-0.426667-1.493333-1.066667-1.92-1.706667-0.64-0.853333-1.066667-1.92-1.706667-3.413333-0.853333-1.493333-1.493333-2.773333-1.92-4.053333z m-27.52-20.906667h20.48l-10.453333-31.146667-10.026667 31.146667zM440.106667 494.08h18.133333c4.693333 0 8.746667 0.426667 12.16 1.493333s6.4 2.773333 9.173333 5.333334c7.253333 6.826667 10.666667 17.066667 10.666667 30.72 0 4.48-0.426667 8.746667-1.066667 12.373333-0.64 3.84-1.92 7.04-3.413333 10.24-1.493333 2.986667-3.413333 5.76-5.76 8.106667-1.92 1.92-3.84 3.2-5.973333 4.48-2.133333 1.066667-4.48 1.92-7.04 2.346666-2.56 0.426667-5.333333 0.64-8.533334 0.64h-18.133333c-2.56 0-4.48-0.426667-5.76-1.28-1.28-0.853333-2.133333-1.92-2.56-3.626666-0.426667-1.493333-0.64-3.626667-0.64-5.973334v-55.466666c0-3.2 0.64-5.76 1.92-7.253334 1.706667-1.493333 3.84-2.133333 6.826667-2.133333z m5.333333 12.16v51.413333h10.453333c2.346667 0 4.053333 0 5.333334-0.213333s2.56-0.426667 4.053333-1.066667 2.56-1.28 3.626667-2.346666c4.693333-4.266667 7.04-11.733333 7.04-22.4 0-7.466667-1.066667-13.013333-2.986667-16.853334-2.133333-3.626667-4.48-6.186667-7.466667-7.04-2.986667-1.066667-6.613333-1.493333-10.88-1.493333h-9.173333z" fill="#FFFFFF" p-id="5985"></path><path d="M595.84 663.466667h-21.333333v-21.333334c0-5.973333-4.693333-10.666667-10.666667-10.666666h-20.693333v-162.133334c0-5.973333-4.693333-10.666667-10.666667-10.666666s-10.666667 4.693333-10.666667 10.666666v162.133334h-21.973333c-5.973333 0-10.666667 4.693333-10.666667 10.666666v21.333334h-192c-5.973333 0-10.666667 4.693333-10.666666 10.666666s4.693333 10.666667 10.666666 10.666667h192v21.333333c0 5.973333 4.693333 10.666667 10.666667 10.666667h21.973333v29.866667c0 5.973333 4.693333 10.666667 10.666667 10.666666s10.666667-4.693333 10.666667-10.666666v-29.866667h20.693333c5.973333 0 10.666667-4.693333 10.666667-10.666667v-21.333333h21.333333c5.973333 0 10.666667-4.693333 10.666667-10.666667s-4.693333-10.666667-10.666667-10.666666z" fill="#FFFFFF" p-id="5986"></path></svg>
diff --git a/resources/assets/statics/public/images/file/code.svg b/resources/assets/statics/public/images/file/code.svg
deleted file mode 100644
index e9e55f18f..000000000
--- a/resources/assets/statics/public/images/file/code.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1625028321516" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10195" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M256 85.333333c-46.933333 0-85.333333 38.4-85.333333 85.333334v682.666666c0 46.933333 38.4 85.333333 85.333333 85.333334h512c46.933333 0 85.333333-38.4 85.333333-85.333334V337.066667L601.6 85.333333H256z" fill="#447AF9" p-id="10196"></path><path d="M686.933333 337.066667H853.333333L601.6 85.333333v166.4c0 46.933333 38.4 85.333333 85.333333 85.333334z" fill="#FFFFFF" opacity=".4" p-id="10197"></path><path d="M486.4 780.8h-170.666667c-4.266667 0-8.533333-4.266667-8.533333-8.533333s4.266667-8.533333 8.533333-8.533334h170.666667c4.266667 0 8.533333 4.266667 8.533333 8.533334s-4.266667 8.533333-8.533333 8.533333zM571.733333 695.466667h-256c-4.266667 0-8.533333-4.266667-8.533333-8.533334s4.266667-8.533333 8.533333-8.533333h256c4.266667 0 8.533333 4.266667 8.533334 8.533333s-4.266667 8.533333-8.533334 8.533334zM571.733333 610.133333h-256c-4.266667 0-8.533333-4.266667-8.533333-8.533333s4.266667-8.533333 8.533333-8.533333h256c4.266667 0 8.533333 4.266667 8.533334 8.533333s-4.266667 8.533333-8.533334 8.533333zM571.733333 524.8h-256c-4.266667 0-8.533333-4.266667-8.533333-8.533333s4.266667-8.533333 8.533333-8.533334h256c4.266667 0 8.533333 4.266667 8.533334 8.533334s-4.266667 8.533333-8.533334 8.533333z" fill="#FFFFFF" p-id="10198"></path></svg>
\ No newline at end of file
diff --git a/resources/assets/statics/public/images/file/dark/archive.svg b/resources/assets/statics/public/images/file/dark/archive.svg
new file mode 100644
index 000000000..4471a9663
--- /dev/null
+++ b/resources/assets/statics/public/images/file/dark/archive.svg
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_2_);}
+	.st1{clip-path:url(#SVGID_4_);}
+	.st2{fill:#989FA5;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_6_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_1_" x="96" y="96" width="832" height="832"/>
+		</defs>
+		<clipPath id="SVGID_2_">
+			<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+		</clipPath>
+		<g id="组_294" class="st0">
+			<g id="组_293" transform="translate(8 2)">
+				<g>
+					<g>
+						<defs>
+							<rect id="SVGID_3_" x="192" y="120" width="624" height="780"/>
+						</defs>
+						<clipPath id="SVGID_4_">
+							<use xlink:href="#SVGID_3_"  style="overflow:visible;"/>
+						</clipPath>
+						<g id="组_292" class="st1">
+							<path id="路径_155" class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78
+								V352.1L584,120H270z"/>
+							<g id="组_291" transform="translate(30.15)" class="st3">
+								<g id="组_290">
+									<g>
+										<g>
+											<defs>
+												<rect id="SVGID_5_" x="553.8" y="120" width="232.1" height="232.1"/>
+											</defs>
+											<clipPath id="SVGID_6_">
+												<use xlink:href="#SVGID_5_"  style="overflow:visible;"/>
+											</clipPath>
+											<g id="组_289" class="st4">
+												<path id="路径_156" class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+							<path id="路径_157" class="st5" d="M521.7,522.8c1,3,1.6,6,1.8,9.1v102.2l12.1,21.5c1.6,2.9,2.5,6.2,2.5,9.5v61.8
+								c0,0.8-0.4,1.4-0.4,2.3c6.4-5.4,10.1-13.4,10.2-21.8v-156C547.7,536.6,536.4,524.3,521.7,522.8"/>
+							<path id="路径_158" class="st5" d="M504,639.2V531.9c0-10.8-8.7-19.5-19.5-19.5H421v27.3h-27.3v-27.3H343
+								c-10.8,0-19.5,8.7-19.5,19.5v195c0,10.8,8.7,19.5,19.5,19.5h156c10.8,0,19.5-8.7,19.5-19.5v-61.7L504,639.2z M448.3,567H421
+								v27.3h27.3v81.9h-54.6v-54.6H421v-27.3h-27.3V567H421v-27.3h27.3V567z"/>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/dark/cad.svg b/resources/assets/statics/public/images/file/dark/cad.svg
new file mode 100644
index 000000000..23b792d95
--- /dev/null
+++ b/resources/assets/statics/public/images/file/dark/cad.svg
@@ -0,0 +1,109 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#4D994D;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+	.st6{enable-background:new    ;}
+	.st7{clip-path:url(#SVGID_4_);}
+</style>
+<g>
+	<g>
+		<g>
+			<defs>
+				<rect id="SVGID_9_" x="96" y="96" width="832" height="832"/>
+			</defs>
+			<clipPath id="SVGID_1_">
+				<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+			</clipPath>
+			<g id="组_344" class="st0">
+				<g id="组_346" transform="translate(8 2)">
+					<g id="组_341">
+						<g>
+							<g>
+								<g>
+									<defs>
+										<rect id="SVGID_11_" x="192" y="120" width="624" height="780"/>
+									</defs>
+									<clipPath id="SVGID_2_">
+										<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+									</clipPath>
+									<g id="组_340" class="st1">
+										<path id="路径_181" class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78
+											V352.1L584,120H270z"/>
+										<g id="组_339" transform="translate(30.15)" class="st3">
+											<g id="组_338">
+												<g>
+													<g>
+														<g>
+															<defs>
+																<rect id="SVGID_13_" x="553.8" y="120" width="232.1" height="232.1"/>
+															</defs>
+															<clipPath id="SVGID_3_">
+																<use xlink:href="#SVGID_13_"  style="overflow:visible;"/>
+															</clipPath>
+															<g id="组_337" class="st4">
+																<path id="路径_182" class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+															</g>
+														</g>
+													</g>
+												</g>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+						</g>
+					</g>
+					<g class="st6">
+						<path class="st5" d="M343.8,538.8l12.8,4c-2,7.1-5.2,12.4-9.8,15.8c-4.6,3.5-10.3,5.2-17.3,5.2c-8.7,0-15.8-3-21.3-8.9
+							c-5.6-5.9-8.4-14-8.4-24.2c0-10.8,2.8-19.3,8.4-25.3s13-9,22.1-9c8,0,14.4,2.3,19.4,7.1c3,2.8,5.2,6.8,6.7,12l-13,3.1
+							c-0.8-3.4-2.4-6-4.8-8c-2.5-2-5.4-2.9-8.9-2.9c-4.8,0-8.7,1.7-11.8,5.2c-3,3.5-4.5,9.1-4.5,16.8c0,8.2,1.5,14.1,4.4,17.6
+							s6.8,5.2,11.6,5.2c3.5,0,6.5-1.1,9-3.3C340.9,547,342.7,543.5,343.8,538.8z"/>
+						<path class="st5" d="M426.6,562.7h-14.3l-5.7-14.8h-26l-5.4,14.8h-14l25.4-65.1h13.9L426.6,562.7z M402.3,536.9l-9-24.2
+							l-8.8,24.2H402.3z"/>
+						<path class="st5" d="M433.5,497.6h24c5.4,0,9.6,0.4,12.4,1.2c3.8,1.1,7.1,3.1,9.8,6c2.7,2.9,4.8,6.4,6.2,10.5
+							c1.4,4.2,2.1,9.3,2.1,15.4c0,5.4-0.7,10-2,13.9c-1.6,4.7-4,8.6-7,11.5c-2.3,2.2-5.4,4-9.2,5.2c-2.9,0.9-6.8,1.4-11.6,1.4
+							h-24.7L433.5,497.6L433.5,497.6z M446.6,508.6v43.2h9.8c3.7,0,6.3-0.2,8-0.6c2.1-0.5,3.9-1.4,5.3-2.7s2.6-3.4,3.4-6.3
+							s1.3-6.9,1.3-11.9s-0.4-8.9-1.3-11.6c-0.9-2.7-2.1-4.8-3.7-6.3s-3.6-2.5-6.1-3.1c-1.8-0.4-5.4-0.6-10.8-0.6h-5.9L446.6,508.6
+							L446.6,508.6z"/>
+					</g>
+					<g id="组_343">
+						<g>
+							<g>
+								<g>
+									<defs>
+										<rect id="SVGID_15_" x="192" y="120" width="624" height="780"/>
+									</defs>
+									<clipPath id="SVGID_4_">
+										<use xlink:href="#SVGID_15_"  style="overflow:visible;"/>
+									</clipPath>
+									<g id="组_342" class="st7">
+										<g id="直线_96">
+											<path class="st5" d="M580.7,666.3h-273c-4.5,0-8.1-3.6-8.1-8.1s3.6-8.1,8.1-8.1h273c4.5,0,8.1,3.6,8.1,8.1
+												S585.2,666.3,580.7,666.3z"/>
+										</g>
+										<g id="直线_97">
+											<path class="st5" d="M522.7,732.6c-4.5,0-8.1-3.6-8.1-8.1V471c0-4.5,3.6-8.1,8.1-8.1s8.1,3.6,8.1,8.1v253.5
+												C530.9,729,527.2,732.6,522.7,732.6z"/>
+										</g>
+										<g id="路径_186">
+											<path class="st5" d="M551.5,697.2H493c-5.4,0-9.8-4.4-9.8-9.8V629c0-5.4,4.4-9.8,9.8-9.8h58.5c5.4,0,9.8,4.4,9.8,9.8
+												v58.5C561.2,692.8,556.8,697.2,551.5,697.2"/>
+										</g>
+									</g>
+								</g>
+							</g>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/dark/code.svg b/resources/assets/statics/public/images/file/dark/code.svg
new file mode 100644
index 000000000..c5f14229f
--- /dev/null
+++ b/resources/assets/statics/public/images/file/dark/code.svg
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_2_);}
+	.st1{clip-path:url(#SVGID_4_);}
+	.st2{fill:#3661C7;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_6_);}
+	.st5{fill:#FFFFFF;}
+	.st6{enable-background:new    ;}
+</style>
+<g>
+	<defs>
+		<rect id="SVGID_1_" x="96" y="96" width="832" height="832"/>
+	</defs>
+	<clipPath id="SVGID_2_">
+		<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+	</clipPath>
+	<g id="组_404" class="st0">
+		<g id="组_406" transform="translate(8 2)">
+			<g id="组_401">
+				<g>
+					<defs>
+						<rect id="SVGID_3_" x="192" y="120" width="624" height="780"/>
+					</defs>
+					<clipPath id="SVGID_4_">
+						<use xlink:href="#SVGID_3_"  style="overflow:visible;"/>
+					</clipPath>
+					<g id="组_400" class="st1">
+						<g id="路径_215">
+							<path class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1L584,120H270z"
+								/>
+						</g>
+						<g id="组_399" transform="translate(30.15)" class="st3">
+							<g id="组_398">
+								<g>
+									<defs>
+										<rect id="SVGID_5_" x="553.8" y="120" width="232.1" height="232.1"/>
+									</defs>
+									<clipPath id="SVGID_6_">
+										<use xlink:href="#SVGID_5_"  style="overflow:visible;"/>
+									</clipPath>
+									<g id="组_397" class="st4">
+										<g id="路径_216">
+											<path class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+										</g>
+									</g>
+								</g>
+							</g>
+						</g>
+					</g>
+				</g>
+			</g>
+			<g class="st6">
+				<path class="st5" d="M297.2,668.8v-17.1l98.6-41.6v18.2l-78.2,32.1l78.2,32.4v18.2L297.2,668.8z"/>
+				<path class="st5" d="M407.3,736.4l43.2-154h14.6l-43.1,154H407.3z"/>
+				<path class="st5" d="M575.1,668.8l-98.6,42.1v-18.2l78.1-32.4l-78.1-32.1v-18.2l98.6,41.6V668.8z"/>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/dark/document.svg b/resources/assets/statics/public/images/file/dark/document.svg
new file mode 100644
index 000000000..e9f9b7406
--- /dev/null
+++ b/resources/assets/statics/public/images/file/dark/document.svg
@@ -0,0 +1,84 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#3A6ACC;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<g>
+		<g>
+			<defs>
+				<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+			</defs>
+			<clipPath id="SVGID_1_">
+				<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+			</clipPath>
+			<g id="组_244" class="st0">
+				<g id="组_243" transform="translate(8 2)">
+					<g>
+						<g>
+							<g>
+								<defs>
+									<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+								</defs>
+								<clipPath id="SVGID_2_">
+									<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+								</clipPath>
+								<g id="组_242" class="st1">
+									<g id="路径_134">
+										<path class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1L584,120
+											H270z"/>
+									</g>
+									<g id="组_241" transform="translate(30.15)" class="st3">
+										<g id="组_240">
+											<g>
+												<g>
+													<g>
+														<defs>
+															<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+														</defs>
+														<clipPath id="SVGID_3_">
+															<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+														</clipPath>
+														<g id="组_239" class="st4">
+															<g id="路径_135">
+																<path class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+															</g>
+														</g>
+													</g>
+												</g>
+											</g>
+										</g>
+									</g>
+									<g id="直线_87">
+										<path class="st5" d="M480.3,754.9h-156c-4.5,0-8.1-3.6-8.1-8.1s3.6-8.1,8.1-8.1h156c4.5,0,8.1,3.6,8.1,8.1
+											S484.8,754.9,480.3,754.9z"/>
+									</g>
+									<g id="直线_88">
+										<path class="st5" d="M558.3,676.5h-234c-4.5,0-8.1-3.6-8.1-8.1s3.6-8.1,8.1-8.1h234c4.5,0,8.1,3.6,8.1,8.1
+											S562.8,676.5,558.3,676.5z"/>
+									</g>
+									<g id="直线_89">
+										<path class="st5" d="M558.3,598.5h-234c-4.5,0-8.1-3.6-8.1-8.1s3.6-8.1,8.1-8.1h234c4.5,0,8.1,3.6,8.1,8.1
+											S562.8,598.5,558.3,598.5z"/>
+									</g>
+									<g id="直线_90">
+										<path class="st5" d="M558.3,520.5h-234c-4.5,0-8.1-3.6-8.1-8.1s3.6-8.1,8.1-8.1h234c4.5,0,8.1,3.6,8.1,8.1
+											C566.4,516.9,562.8,520.5,558.3,520.5z"/>
+									</g>
+								</g>
+							</g>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/dark/excel.svg b/resources/assets/statics/public/images/file/dark/excel.svg
new file mode 100644
index 000000000..66b2e01fc
--- /dev/null
+++ b/resources/assets/statics/public/images/file/dark/excel.svg
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#26915F;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+		</defs>
+		<clipPath id="SVGID_1_">
+			<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+		</clipPath>
+		<g id="组_258" class="st0">
+			<g id="组_257" transform="translate(8 2)">
+				<g>
+					<g>
+						<defs>
+							<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+						</defs>
+						<clipPath id="SVGID_2_">
+							<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+						</clipPath>
+						<g id="组_256" class="st1">
+							<path id="路径_139" class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78
+								V352.1L584,120H270z"/>
+							<g id="组_255" transform="translate(30.15)" class="st3">
+								<g id="组_254">
+									<g>
+										<g>
+											<defs>
+												<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+											</defs>
+											<clipPath id="SVGID_3_">
+												<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+											</clipPath>
+											<g id="组_253" class="st4">
+												<path id="路径_140" class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+							<path id="路径_141" class="st5" d="M351.8,735.6l69.8-110.4l-64.6-102h40.5l29.3,49.8c5.5,9.5,9.9,17.4,13.4,23.8
+								c5.3-8.8,10.1-16.6,14.5-23.4l32.2-50.2h38.7l-66.1,100l71.1,112.4h-39.7l-39.2-66l-10.4-17.8l-50.2,83.7h-39.3V735.6z"/>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/dark/flow.svg b/resources/assets/statics/public/images/file/dark/flow.svg
new file mode 100644
index 000000000..7c7e7f39a
--- /dev/null
+++ b/resources/assets/statics/public/images/file/dark/flow.svg
@@ -0,0 +1,94 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_2_);}
+	.st1{clip-path:url(#SVGID_4_);}
+	.st2{fill:#434343;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_6_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<defs>
+		<rect id="SVGID_1_" x="96" y="96" width="832" height="832"/>
+	</defs>
+	<clipPath id="SVGID_2_">
+		<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+	</clipPath>
+	<g id="组_279" class="st0">
+		<g id="组_278" transform="translate(8 2)">
+			<g>
+				<defs>
+					<rect id="SVGID_3_" x="192" y="120" width="624" height="780"/>
+				</defs>
+				<clipPath id="SVGID_4_">
+					<use xlink:href="#SVGID_3_"  style="overflow:visible;"/>
+				</clipPath>
+				<g id="组_277" class="st1">
+					<g id="路径_149">
+						<path class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1L584,120H270z"
+							/>
+					</g>
+					<g id="组_276" transform="translate(30.15)" class="st3">
+						<g id="组_275">
+							<g>
+								<defs>
+									<rect id="SVGID_5_" x="553.8" y="120" width="232.1" height="232.1"/>
+								</defs>
+								<clipPath id="SVGID_6_">
+									<use xlink:href="#SVGID_5_"  style="overflow:visible;"/>
+								</clipPath>
+								<g id="组_274" class="st4">
+									<g id="路径_150">
+										<path class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+									</g>
+								</g>
+							</g>
+						</g>
+					</g>
+					<g id="矩形_151">
+						<path class="st5" d="M363.3,683.7c-2.1,0-4.2-0.8-5.7-2.4l-39-39c-3.2-3.2-3.2-8.3,0-11.5l39-39c3-3,8.4-3,11.5,0l39,39
+							c1.5,1.5,2.4,3.6,2.4,5.7c0,2.2-0.9,4.2-2.4,5.7l-39,39C367.4,682.9,365.4,683.7,363.3,683.7z M335.8,636.6l27.5,27.5
+							l27.5-27.5l-27.5-27.5L335.8,636.6z"/>
+					</g>
+					<g id="矩形_152">
+						<path class="st5" d="M558.3,664.2h-92.9c-4.5,0-8.1-3.6-8.1-8.1v-39c0-4.5,3.6-8.1,8.1-8.1h92.9c4.5,0,8.1,3.6,8.1,8.1v39
+							C566.4,660.5,562.8,664.2,558.3,664.2z M473.5,647.9h76.7v-22.8h-76.7V647.9z"/>
+					</g>
+					<g id="矩形_153">
+						<path class="st5" d="M558.3,754.5h-92.9c-4.5,0-8.1-3.6-8.1-8.1v-39c0-4.5,3.6-8.1,8.1-8.1h92.9c4.5,0,8.1,3.6,8.1,8.1v39
+							C566.4,750.9,562.8,754.5,558.3,754.5z M473.5,738.3h76.7v-22.8h-76.7V738.3z"/>
+					</g>
+					<g id="路径_151">
+						<path class="st5" d="M382.8,531.9c0,10.8-8.7,19.5-19.5,19.5s-19.5-8.7-19.5-19.5c0-10.8,8.7-19.5,19.5-19.5
+							S382.8,521.1,382.8,531.9"/>
+					</g>
+					<g id="椭圆_35">
+						<path class="st5" d="M363.3,559.5c-15.2,0-27.6-12.4-27.6-27.6s12.4-27.6,27.6-27.6s27.6,12.4,27.6,27.6
+							S378.5,559.5,363.3,559.5z M363.3,520.5c-6.3,0-11.4,5.1-11.4,11.4s5.1,11.4,11.4,11.4s11.4-5.1,11.4-11.4
+							S369.5,520.5,363.3,520.5z"/>
+					</g>
+					<g id="直线_91">
+						<path class="st5" d="M363.3,605.7c-4.5,0-8.1-3.6-8.1-8.1v-85.2c0-4.5,3.6-8.1,8.1-8.1s8.1,3.6,8.1,8.1v85.2
+							C371.4,602.1,367.8,605.7,363.3,605.7z"/>
+					</g>
+					<g id="直线_92">
+						<path class="st5" d="M464.2,644.7h-62c-4.5,0-8.1-3.6-8.1-8.1s3.6-8.1,8.1-8.1h62c4.5,0,8.1,3.6,8.1,8.1
+							S468.7,644.7,464.2,644.7z"/>
+					</g>
+					<g id="直线_93">
+						<path class="st5" d="M363.3,735c-4.5,0-8.1-3.6-8.1-8.1v-51.3c0-4.5,3.6-8.1,8.1-8.1s8.1,3.6,8.1,8.1v51.3
+							C371.4,731.4,367.8,735,363.3,735z"/>
+					</g>
+					<g id="直线_94">
+						<path class="st5" d="M464.2,735H363.7c-4.5,0-8.1-3.6-8.1-8.1s3.6-8.1,8.1-8.1h100.5c4.5,0,8.1,3.6,8.1,8.1
+							S468.7,735,464.2,735z"/>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/dark/folder.svg b/resources/assets/statics/public/images/file/dark/folder.svg
new file mode 100644
index 000000000..c06c8d2b4
--- /dev/null
+++ b/resources/assets/statics/public/images/file/dark/folder.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_2_);}
+	.st1{fill:#CC8829;}
+	.st2{fill:#E6A82E;}
+</style>
+<g>
+	<defs>
+		<rect id="SVGID_1_" x="96" y="96" width="832" height="832"/>
+	</defs>
+	<clipPath id="SVGID_2_">
+		<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+	</clipPath>
+	<g id="组_229" class="st0">
+		<path id="路径_130" class="st1" d="M224,752.4h576.1c35.3-0.1,63.9-28.7,64-64V299.8c-0.1-35.3-28.7-63.9-64-64H224
+			c-35.3,0.1-63.9,28.7-64,64v388.6C160.1,723.7,188.7,752.3,224,752.4"/>
+		<path id="路径_131" class="st2" d="M842.7,871.6H181.3c-47.1,0-85.3-38.2-85.3-85.3V252.8c0-47.1,38.2-85.3,85.3-85.3h268.5
+			c36.6,0,69.1,23.3,80.9,58l24.1,71.4c11.7,34.7,44.3,58,80.9,58h206.6c47.1,0,85.3,38.1,85.3,85.2l0.5,346
+			C928,833.3,889.8,871.6,842.7,871.6C842.7,871.6,842.7,871.6,842.7,871.6"/>
+	</g>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/dark/media.svg b/resources/assets/statics/public/images/file/dark/media.svg
new file mode 100644
index 000000000..045644ed2
--- /dev/null
+++ b/resources/assets/statics/public/images/file/dark/media.svg
@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#4A4FA8;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<defs>
+		<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+	</defs>
+	<clipPath id="SVGID_1_">
+		<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+	</clipPath>
+	<g id="组_395" class="st0">
+		<g id="组_394" transform="translate(8 2)">
+			<g>
+				<defs>
+					<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+				</defs>
+				<clipPath id="SVGID_2_">
+					<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+				</clipPath>
+				<g id="组_393" class="st1">
+					<path id="路径_210" class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1
+						L584,120H270z"/>
+					<g id="组_392" transform="translate(30.15)" class="st3">
+						<g id="组_391">
+							<g>
+								<defs>
+									<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+								</defs>
+								<clipPath id="SVGID_3_">
+									<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+								</clipPath>
+								<g id="组_390" class="st4">
+									<path id="路径_211" class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+								</g>
+							</g>
+						</g>
+					</g>
+					<path id="路径_212" class="st5" d="M508.9,615.6v27.7l52.8,46.3c6.6,5.7,16.6,5.1,22.3-1.5c2.5-2.9,3.9-6.6,3.9-10.4v-96.3
+						c0-8.7-7-15.8-15.8-15.8c-3.8,0-7.5,1.4-10.4,3.9L508.9,615.6z"/>
+					<path id="路径_213" class="st5" d="M469.9,526.6H334.5c-21.5,0-38.9,17.5-39,39v127.5c0.1,21.5,17.5,38.9,39,39h135.4
+						c21.5-0.1,38.9-17.5,39-39V565.6C508.8,544.1,491.4,526.7,469.9,526.6 M440.1,635.6l-50.9,40.8c-3.4,2.8-8.5,2.2-11.2-1.2
+						c-1.1-1.4-1.8-3.2-1.8-5v-81.5c0-4.4,3.6-8,8-8c1.8,0,3.6,0.6,5,1.7l50.9,40.8c3.4,2.7,4,7.8,1.3,11.2
+						C441,634.9,440.6,635.3,440.1,635.6"/>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/dark/mind.svg b/resources/assets/statics/public/images/file/dark/mind.svg
new file mode 100644
index 000000000..fd91f9b6b
--- /dev/null
+++ b/resources/assets/statics/public/images/file/dark/mind.svg
@@ -0,0 +1,106 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#6441A6;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+		</defs>
+		<clipPath id="SVGID_1_">
+			<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+		</clipPath>
+		<g id="组_237" class="st0">
+			<g id="组_236" transform="translate(7.75 2)">
+				<g>
+					<g>
+						<defs>
+							<rect id="SVGID_9_" x="189" y="120" width="624" height="780"/>
+						</defs>
+						<clipPath id="SVGID_2_">
+							<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+						</clipPath>
+						<g id="组_235" class="st1">
+							<g id="路径_132">
+								<path class="st2" d="M267,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1L581,120H267z
+									"/>
+							</g>
+							<g id="组_234" transform="translate(30.15)" class="st3">
+								<g id="组_233">
+									<g>
+										<g>
+											<defs>
+												<rect id="SVGID_11_" x="550.8" y="120" width="232.1" height="232.1"/>
+											</defs>
+											<clipPath id="SVGID_3_">
+												<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+											</clipPath>
+											<g id="组_232" class="st4">
+												<g id="路径_133">
+													<path class="st5" d="M628.8,352.1h154L550.8,120v154.1C550.9,317.1,585.8,351.9,628.8,352.1"/>
+												</g>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+							<g id="椭圆_29">
+								<path class="st5" d="M428.5,670.7c-22.8,0-41.3-18.5-41.3-41.3s18.5-41.3,41.3-41.3s41.3,18.5,41.3,41.3
+									S451.2,670.7,428.5,670.7z M428.5,604.4c-13.8,0-25,11.2-25,25s11.2,25,25,25s25-11.2,25-25S442.3,604.4,428.5,604.4z"/>
+							</g>
+							<g id="椭圆_30">
+								<path class="st5" d="M465.3,571.2c-18.5,0-33.5-15-33.5-33.5s15-33.5,33.5-33.5s33.5,15,33.5,33.5S483.8,571.2,465.3,571.2z
+									 M465.3,520.5c-9.5,0-17.2,7.7-17.2,17.2s7.7,17.2,17.2,17.2s17.2-7.7,17.2-17.2S474.8,520.5,465.3,520.5z"/>
+							</g>
+							<g id="椭圆_31">
+								<path class="st5" d="M346.6,572.6c-18.5,0-33.5-15-33.5-33.5s15-33.5,33.5-33.5s33.5,15,33.5,33.5S365.1,572.6,346.6,572.6z
+									 M346.6,521.9c-9.5,0-17.2,7.7-17.2,17.2s7.7,17.2,17.2,17.2s17.2-7.7,17.2-17.2S356.1,521.9,346.6,521.9z"/>
+							</g>
+							<g id="椭圆_32">
+								<path class="st5" d="M346.6,746.4c-18.5,0-33.5-15-33.5-33.5s15-33.5,33.5-33.5s33.5,15,33.5,33.5S365.1,746.4,346.6,746.4z
+									 M346.6,695.7c-9.5,0-17.2,7.7-17.2,17.2s7.7,17.2,17.2,17.2s17.2-7.7,17.2-17.2S356.1,695.7,346.6,695.7z"/>
+							</g>
+							<g id="椭圆_33">
+								<path class="st5" d="M478.9,754.5c-18.5,0-33.5-15-33.5-33.5s15-33.5,33.5-33.5s33.5,15,33.5,33.5S497.4,754.5,478.9,754.5z
+									 M478.9,703.8c-9.5,0-17.2,7.7-17.2,17.2s7.7,17.2,17.2,17.2s17.2-7.7,17.2-17.2S488.4,703.8,478.9,703.8z"/>
+							</g>
+							<g id="椭圆_34">
+								<path class="st5" d="M529.9,667.1c-18.5,0-33.5-15-33.5-33.5s15-33.5,33.5-33.5s33.5,15,33.5,33.5S548.4,667.1,529.9,667.1z
+									 M529.9,616.3c-9.5,0-17.2,7.7-17.2,17.2s7.7,17.2,17.2,17.2s17.2-7.7,17.2-17.2S539.4,616.3,529.9,616.3z"/>
+							</g>
+							<g id="直线_82">
+								<path class="st5" d="M400.2,618.9c-2.5,0-4.9-1.1-6.5-3.2l-33.3-44.4c-2.7-3.6-2-8.7,1.6-11.4s8.7-2,11.4,1.6l33.3,44.4
+									c2.7,3.6,2,8.7-1.6,11.4C403.6,618.3,401.9,618.9,400.2,618.9z"/>
+							</g>
+							<g id="直线_83">
+								<path class="st5" d="M470.5,704.3c-2.5,0-5-1.2-6.6-3.4l-23.2-32.4c-2.6-3.7-1.8-8.7,1.9-11.3c3.7-2.6,8.7-1.8,11.3,1.9
+									l23.2,32.4c2.6,3.7,1.8,8.7-1.9,11.3C473.7,703.8,472.1,704.3,470.5,704.3z"/>
+							</g>
+							<g id="直线_84">
+								<path class="st5" d="M504.6,641.7h-41.8c-4.5,0-8.1-3.6-8.1-8.1s3.6-8.1,8.1-8.1h41.8c4.5,0,8.1,3.6,8.1,8.1
+									S509.1,641.7,504.6,641.7z"/>
+							</g>
+							<g id="直线_85">
+								<path class="st5" d="M446.2,604.5c-1.4,0-2.8-0.3-4-1.1c-3.9-2.2-5.2-7.2-3-11.1l19.2-33.3c2.2-3.9,7.2-5.2,11.1-3
+									s5.2,7.2,3,11.1l-19.2,33.3C451.7,603.1,449,604.5,446.2,604.5z"/>
+							</g>
+							<g id="直线_86">
+								<path class="st5" d="M364.5,700.5c-2.2,0-4.5-0.9-6.1-2.8c-3-3.4-2.6-8.5,0.7-11.5l38.7-34.1c3.4-3,8.5-2.7,11.5,0.7
+									s2.6,8.5-0.7,11.5l-38.7,34.1C368.3,699.9,366.4,700.5,364.5,700.5z"/>
+							</g>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/dark/ofd.svg b/resources/assets/statics/public/images/file/dark/ofd.svg
new file mode 100644
index 000000000..bde3e9660
--- /dev/null
+++ b/resources/assets/statics/public/images/file/dark/ofd.svg
@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#129FE6;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<defs>
+		<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+	</defs>
+	<clipPath id="SVGID_1_">
+		<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+	</clipPath>
+	<g id="组_328" class="st0">
+		<g id="组_327" transform="translate(8 2)">
+			<g>
+				<defs>
+					<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+				</defs>
+				<clipPath id="SVGID_2_">
+					<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+				</clipPath>
+				<g id="组_326" class="st1">
+					<path id="路径_172" class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1
+						L584,120H270z"/>
+					<g id="组_325" transform="translate(30.15)" class="st3">
+						<g id="组_324">
+							<g>
+								<defs>
+									<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+								</defs>
+								<clipPath id="SVGID_3_">
+									<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+								</clipPath>
+								<g id="组_323" class="st4">
+									<path id="路径_173" class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+								</g>
+							</g>
+						</g>
+					</g>
+					<path id="路径_174" class="st5" d="M368.3,711.4c-0.5,0-0.8,0.2-1.3,0.2c-30,0-54.4-24.3-54.4-54.3c0-30,24.3-54.4,54.3-54.4
+						c25.6,0,47.7,17.8,53.2,42.8l13.6-17.2c-11.2-27-37.4-44.8-66.7-45c-40.7-0.1-73.7,32.8-73.8,73.5
+						c-0.1,35.8,25.6,66.4,60.8,72.7L368.3,711.4z"/>
+					<path id="路径_175" class="st5" d="M573.3,626.1c6.9,9,10.7,19.9,10.9,31.2c0,29.9-24.3,54.2-54.2,54.2
+						c-10.8,0-21.4-3.3-30.4-9.4l-30.4-23.9l-12,15.4l27.3,21.8c1.6,0.8,2.7,1.9,4.3,2.7c12.1,8.4,26.6,12.9,41.3,12.9
+						c40.5,0.2,73.5-32.4,73.7-72.9c0.1-17.6-6.2-34.7-17.7-48.1L573.3,626.1z"/>
+					<path id="路径_176" class="st5" d="M529.9,602.9c10.5,0.2,20.8,3.6,29.4,9.7l12.3-15.6c-12.1-8.7-26.7-13.4-41.6-13.6
+						c-23.3,0.1-45.2,11.2-59,29.9L378.7,730c19.6-3.2,37-14.2,48.4-30.5l52.8-66.6l46.7,37.2l12.2-15.2l-46-36.7
+						C502.7,608.5,516,603,529.9,602.9"/>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/dark/other.svg b/resources/assets/statics/public/images/file/dark/other.svg
new file mode 100644
index 000000000..706a278b6
--- /dev/null
+++ b/resources/assets/statics/public/images/file/dark/other.svg
@@ -0,0 +1,72 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#55575E;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+	.st6{enable-background:new    ;}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+		</defs>
+		<clipPath id="SVGID_1_">
+			<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+		</clipPath>
+		<g id="组_310" class="st0">
+			<g id="组_312" transform="translate(8 2)">
+				<g id="组_307">
+					<g>
+						<g>
+							<defs>
+								<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+							</defs>
+							<clipPath id="SVGID_2_">
+								<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+							</clipPath>
+							<g id="组_306" class="st1">
+								<g id="路径_167">
+									<path class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1L584,120H270
+										z"/>
+								</g>
+								<g id="组_305" transform="translate(30.15)" class="st3">
+									<g id="组_304">
+										<g>
+											<g>
+												<defs>
+													<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+												</defs>
+												<clipPath id="SVGID_3_">
+													<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+												</clipPath>
+												<g id="组_303" class="st4">
+													<g id="路径_168">
+														<path class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+													</g>
+												</g>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+						</g>
+					</g>
+				</g>
+				<g class="st6">
+					<path class="st5" d="M424.2,658.4h-32.4c-0.1-4.7-0.1-7.5-0.1-8.5c0-10.5,1.7-19.1,5.2-25.9s10.4-14.4,20.8-22.9
+						s16.6-14,18.7-16.6c3.1-4.2,4.7-8.7,4.7-13.7c0-6.9-2.8-12.9-8.3-17.8s-13-7.4-22.4-7.4c-9.1,0-16.6,2.6-22.7,7.7
+						s-10.3,13-12.6,23.6l-32.8-4.1c0.9-15.1,7.4-28,19.4-38.6s27.7-15.9,47.2-15.9c20.5,0,36.8,5.4,48.9,16.1s18.2,23.2,18.2,37.4
+						c0,7.9-2.2,15.3-6.7,22.3s-13.9,16.6-28.5,28.7c-7.5,6.3-12.2,11.3-14,15.1S424,648.6,424.2,658.4z M391.8,706.4v-35.7h35.7
+						v35.7H391.8z"/>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/dark/pdf.svg b/resources/assets/statics/public/images/file/dark/pdf.svg
new file mode 100644
index 000000000..e8411fb5a
--- /dev/null
+++ b/resources/assets/statics/public/images/file/dark/pdf.svg
@@ -0,0 +1,93 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_2_);}
+	.st1{clip-path:url(#SVGID_4_);}
+	.st2{fill:#E04A4D;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_6_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<defs>
+		<rect id="SVGID_1_" x="96" y="96" width="832" height="832"/>
+	</defs>
+	<clipPath id="SVGID_2_">
+		<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+	</clipPath>
+	<g id="组_301" class="st0">
+		<g id="组_300" transform="translate(8 2)">
+			<g>
+				<defs>
+					<rect id="SVGID_3_" x="192" y="120" width="624" height="780"/>
+				</defs>
+				<clipPath id="SVGID_4_">
+					<use xlink:href="#SVGID_3_"  style="overflow:visible;"/>
+				</clipPath>
+				<g id="组_299" class="st1">
+					<g id="路径_159">
+						<path class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1L584,120H270z"
+							/>
+					</g>
+					<g id="组_298" transform="translate(30.15)" class="st3">
+						<g id="组_297">
+							<g>
+								<defs>
+									<rect id="SVGID_5_" x="553.8" y="120" width="232.1" height="232.1"/>
+								</defs>
+								<clipPath id="SVGID_6_">
+									<use xlink:href="#SVGID_5_"  style="overflow:visible;"/>
+								</clipPath>
+								<g id="组_296" class="st4">
+									<g id="路径_160">
+										<path class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+									</g>
+								</g>
+							</g>
+						</g>
+					</g>
+					<g id="路径_161">
+						<path class="st5" d="M541.4,693.4c-0.3,0-0.6,0-0.9-0.1c-24.1-2.7-46.6-12.3-65.2-27.9c-0.5-0.2-0.9-0.5-1.3-0.7
+							c-13.2-9.8-25.5-20.9-36.6-32.9c-6.5-7.1-12.7-14.7-18.4-22.5c-22.5-30.5-35.1-62.8-33.9-86.3c0.1-5.5,1.7-11.2,4.7-16.1
+							c2.3-3.9,7.3-5.1,11.1-2.8c3.9,2.3,5.1,7.3,2.8,11.1c-1.5,2.5-2.3,5.4-2.4,8.4c-1.1,19.8,10.7,48.9,30.7,76.1
+							c5.4,7.4,11.1,14.5,17.2,21.1c10.1,10.9,21.2,21,33.2,30c0.7,0.3,1.4,0.7,2,1.2c16.3,14.1,36.3,22.8,57.7,25.1
+							c4.5,0.5,7.7,4.5,7.2,9C549,690.3,545.5,693.4,541.4,693.4z"/>
+					</g>
+					<g id="路径_162">
+						<path class="st5" d="M353.9,750.1c-2.3,0-4.5-0.9-6.1-2.8c-3-3.4-2.6-8.5,0.7-11.5c0.7-0.6,1.3-1.3,1.9-1.9
+							c13.8-16.6,26-34.9,36.1-54.2c0.4-0.7,0.8-1.3,1.3-1.9c6.5-13,12-25.2,16.9-37.3c5-12.4,9.3-25.3,13-38.2
+							c8.5-25.7,12.4-52,11.7-78.7c0-2.2-0.4-4.1-1.1-5.9c-1.7-4.1,0.2-8.9,4.3-10.6c4.1-1.8,8.9,0.2,10.6,4.3
+							c1.6,3.8,2.4,7.9,2.4,12.1c0.7,28.3-3.4,56.5-12.4,83.6c-3.7,13.1-8.3,26.5-13.5,39.5c-5.3,13.1-11.4,26.4-18.5,40.5
+							c-0.4,0.8-0.9,1.5-1.5,2.1c-10.4,19.6-22.9,38.2-37.1,55.3c-1.2,1.4-2.3,2.5-3.6,3.6C357.7,749.4,355.8,750.1,353.9,750.1z
+							 M394.2,683.5h0.1H394.2z"/>
+					</g>
+					<g id="路径_163">
+						<path class="st5" d="M329.6,723.5c-2.2,0-4.4-0.9-6-2.6c-3-3.3-2.8-8.4,0.5-11.5c2.3-2.1,4.8-3.9,7.6-5.3
+							c18.5-11,38.7-20.6,59.4-28.3c0.5-0.2,0.9-0.3,1.4-0.4c9.6-3.8,20.5-7.6,35.3-12.2c19.1-5.9,35.3-10.1,49.5-13
+							c0.4-0.1,0.7-0.1,1.1-0.1c20.4-4.4,41.2-6.8,62-7.1h1.9c4.5,0,8.1,3.6,8.1,8.1s-3.6,8.1-8.1,8.1h-1.8
+							c-19.9,0.3-39.9,2.6-59.5,6.9c-0.6,0.1-1.2,0.2-1.7,0.2c-12.5,2.6-28.2,6.8-46.8,12.5c-14.9,4.7-25.8,8.4-35.2,12.2
+							c-0.6,0.2-1.2,0.4-1.8,0.5c-19.4,7.3-38.3,16.3-56.1,26.9c-1.9,1-3.2,1.9-4.4,3C333.5,722.8,331.6,723.5,329.6,723.5z"/>
+					</g>
+					<g id="路径_164">
+						<path class="st5" d="M436,522.7c-3.1,0-6.1-1.8-7.5-4.9c-2.2-5.1-7.2-8.4-12.8-8.4c0,0-0.1,0-0.2,0c-4.8,0-9.2,2.3-11.9,6.2
+							c-2.5,3.7-7.6,4.7-11.3,2.1c-3.7-2.5-4.7-7.6-2.1-11.3c5.7-8.3,15.1-13.3,25.2-13.3c0.1,0,0.2,0,0.4,0
+							c12,0,22.8,7.1,27.6,18.2c1.8,4.1-0.1,8.9-4.2,10.7C438.1,522.5,437,522.7,436,522.7z"/>
+					</g>
+					<g id="路径_165">
+						<path class="st5" d="M342.7,754.5c-0.1,0-0.2,0-0.3,0c-7.5-0.1-14-2.9-18.8-7.9s-7.5-11.6-7.4-18.5
+							c-0.1-6.8,2.7-13.6,7.7-18.5c3.2-3.1,8.4-3.1,11.5,0.1c3.1,3.2,3.1,8.3-0.1,11.5c-1.9,1.8-2.9,4.4-2.9,6.9
+							c-0.1,5.6,4.3,10.1,9.7,10.2c2.6,0.2,4.8-0.8,6.4-2.3c3.3-3,8.4-2.8,11.5,0.5c3,3.3,2.8,8.4-0.5,11.5
+							C354.9,752.2,349,754.5,342.7,754.5z"/>
+					</g>
+					<g id="路径_166">
+						<path class="st5" d="M541.6,693.4l-0.1-16.2c4.8,0,8.7-3.9,8.7-8.7c0.1-4.9-3.6-8.9-8.3-9.2c-4.5-0.3-7.9-4.1-7.6-8.6
+							c0.3-4.5,4.1-8,8.6-7.6c13.4,0.9,23.8,12.1,23.6,25.5C566.5,682.1,555.3,693.3,541.6,693.4z"/>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/dark/picture.svg b/resources/assets/statics/public/images/file/dark/picture.svg
new file mode 100644
index 000000000..b44949973
--- /dev/null
+++ b/resources/assets/statics/public/images/file/dark/picture.svg
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_2_);}
+	.st1{clip-path:url(#SVGID_4_);}
+	.st2{fill:#3F9984;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_6_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<defs>
+		<rect id="SVGID_1_" x="96" y="96" width="832" height="832"/>
+	</defs>
+	<clipPath id="SVGID_2_">
+		<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+	</clipPath>
+	<g id="组_272" class="st0">
+		<g id="组_271" transform="translate(8 2)">
+			<g>
+				<defs>
+					<rect id="SVGID_3_" x="192" y="120" width="624" height="780"/>
+				</defs>
+				<clipPath id="SVGID_4_">
+					<use xlink:href="#SVGID_3_"  style="overflow:visible;"/>
+				</clipPath>
+				<g id="组_270" class="st1">
+					<path id="路径_146" class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1
+						L584,120H270z"/>
+					<g id="组_269" transform="translate(30.15)" class="st3">
+						<g id="组_268">
+							<g>
+								<defs>
+									<rect id="SVGID_5_" x="553.8" y="120" width="232.1" height="232.1"/>
+								</defs>
+								<clipPath id="SVGID_6_">
+									<use xlink:href="#SVGID_5_"  style="overflow:visible;"/>
+								</clipPath>
+								<g id="组_267" class="st4">
+									<path id="路径_147" class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+								</g>
+							</g>
+						</g>
+					</g>
+					<path id="路径_148" class="st5" d="M538.4,503H344.1c-16.1,0-29.2,13.1-29.2,29.2v194.3c0,16.1,13.1,29.2,29.2,29.2h194.3
+						c16.2,0,29.2-13.1,29.2-29.2V532.2C567.7,516.1,554.6,503,538.4,503 M476,566c15.8,0,28.6,12.8,28.6,28.6
+						c0,15.8-12.8,28.6-28.6,28.6c-15.8,0-28.6-12.8-28.6-28.5C447.4,578.9,460.2,566.1,476,566 M548.2,726.6c0,5.4-4.4,9.8-9.8,9.8
+						H344.1c-5.4,0-9.8-4.4-9.8-9.8v-23l51.2-51.2c9.8-9.9,25.8-9.9,35.6,0c0,0,0,0,0,0l52.7,52.7l18.4-18.4
+						c9.8-9.9,25.8-9.9,35.6,0c0,0,0,0,0,0l20.1,20.1V726.6z"/>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/dark/ppt.svg b/resources/assets/statics/public/images/file/dark/ppt.svg
new file mode 100644
index 000000000..267ed409c
--- /dev/null
+++ b/resources/assets/statics/public/images/file/dark/ppt.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#CC7356;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+		</defs>
+		<clipPath id="SVGID_1_">
+			<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+		</clipPath>
+		<g id="组_286" class="st0">
+			<g id="组_285" transform="translate(8 2)">
+				<g>
+					<g>
+						<defs>
+							<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+						</defs>
+						<clipPath id="SVGID_2_">
+							<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+						</clipPath>
+						<g id="组_284" class="st1">
+							<path id="路径_152" class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78
+								V352.1L584,120H270z"/>
+							<g id="组_283" transform="translate(30.15)" class="st3">
+								<g id="组_282">
+									<g>
+										<g>
+											<defs>
+												<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+											</defs>
+											<clipPath id="SVGID_3_">
+												<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+											</clipPath>
+											<g id="组_281" class="st4">
+												<path id="路径_153" class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+							<path id="路径_154" class="st5" d="M510.2,555.6c-3.4-8.4-8.9-15.7-16-21.3c-7.2-5.4-15.6-8.9-24.5-10.4
+								c-9.7-1.6-19.4-2.3-29.2-2.1h-74V737h30.8v-85.1h45.4c27.4,0,46.8-6.6,57.5-19.6c10.8-13.3,16.5-30,16-47.1
+								C516.3,575,514.2,564.9,510.2,555.6 M484.6,586.1c0.6,9.6-2.8,19-9.3,26c-9.2,7-20.7,10.3-32.3,9.1h-45.8v-68.9h45.2
+								c7.5-0.3,15,0.2,22.4,1.7c5.9,1.8,11,5.8,14.2,11.2C482.9,571.5,484.8,578.7,484.6,586.1"/>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/dark/sheet.svg b/resources/assets/statics/public/images/file/dark/sheet.svg
new file mode 100644
index 000000000..f5af064bc
--- /dev/null
+++ b/resources/assets/statics/public/images/file/dark/sheet.svg
@@ -0,0 +1,90 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#006B34;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+	.st6{fill:none;stroke:#FFFFFF;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+		</defs>
+		<clipPath id="SVGID_1_">
+			<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+		</clipPath>
+		<g id="组_379" class="st0">
+			<g id="组_378" transform="translate(8 2)">
+				<g>
+					<g>
+						<defs>
+							<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+						</defs>
+						<clipPath id="SVGID_2_">
+							<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+						</clipPath>
+						<g id="组_377" class="st1">
+							<g id="路径_200">
+								<path class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1L584,120H270z
+									"/>
+							</g>
+							<g id="组_376" transform="translate(30.15)" class="st3">
+								<g id="组_375">
+									<g>
+										<g>
+											<defs>
+												<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+											</defs>
+											<clipPath id="SVGID_3_">
+												<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+											</clipPath>
+											<g id="组_374" class="st4">
+												<g id="路径_201">
+													<path class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+												</g>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+							<g id="矩形_196">
+								<path class="st5" d="M551.8,754.5h-221c-8.1,0-14.6-6.6-14.6-14.6v-221c0-8.1,6.6-14.6,14.6-14.6h221
+									c8.1,0,14.6,6.6,14.6,14.6v221C566.4,748,559.8,754.5,551.8,754.5z M332.4,738.3h217.8V520.5H332.4V738.3z M551.8,520.5
+									L551.8,520.5L551.8,520.5z"/>
+							</g>
+							<g id="路径_202">
+								<path class="st6" d="M558.3,590.4L558.3,590.4z"/>
+							</g>
+							<g id="直线_98">
+								<path class="st5" d="M402.3,752.3c-4.5,0-8.1-3.6-8.1-8.1V590.6c0-4.5,3.6-8.1,8.1-8.1s8.1,3.6,8.1,8.1v153.6
+									C410.4,748.7,406.8,752.3,402.3,752.3z"/>
+							</g>
+							<g id="直线_99">
+								<path class="st5" d="M480.3,752.3c-4.5,0-8.1-3.6-8.1-8.1V590.6c0-4.5,3.6-8.1,8.1-8.1s8.1,3.6,8.1,8.1v153.6
+									C488.4,748.7,484.8,752.3,480.3,752.3z"/>
+							</g>
+							<g id="路径_203">
+								<path class="st6" d="M558.3,668.4L558.3,668.4z"/>
+							</g>
+							<g id="直线_99_1_">
+								<path class="st5" d="M318.6,590.4c0-4.5,5.2-8.1,11.7-8.1H552c6.5,0,11.7,3.6,11.7,8.1s-5.2,8.1-11.7,8.1H330.3
+									C323.8,598.5,318.6,594.9,318.6,590.4z"/>
+							</g>
+							<g id="直线_99_2_">
+								<path class="st5" d="M318.6,672c0-4.5,5.2-8.1,11.7-8.1H552c6.5,0,11.7,3.6,11.7,8.1s-5.2,8.1-11.7,8.1H330.3
+									C323.8,680.1,318.6,676.4,318.6,672z"/>
+							</g>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/dark/tif.svg b/resources/assets/statics/public/images/file/dark/tif.svg
new file mode 100644
index 000000000..e2ab32f60
--- /dev/null
+++ b/resources/assets/statics/public/images/file/dark/tif.svg
@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#493E8C;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+	.st6{enable-background:new    ;}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+		</defs>
+		<clipPath id="SVGID_1_">
+			<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+		</clipPath>
+		<g id="组_320" class="st0">
+			<g id="组_322" transform="translate(8 2)">
+				<g id="组_317">
+					<g>
+						<g>
+							<defs>
+								<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+							</defs>
+							<clipPath id="SVGID_2_">
+								<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+							</clipPath>
+							<g id="组_316" class="st1">
+								<g id="路径_170">
+									<path class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1L584,120H270
+										z"/>
+								</g>
+								<g id="组_315" transform="translate(30.15)" class="st3">
+									<g id="组_314">
+										<g>
+											<g>
+												<defs>
+													<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+												</defs>
+												<clipPath id="SVGID_3_">
+													<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+												</clipPath>
+												<g id="组_313" class="st4">
+													<g id="路径_171">
+														<path class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+													</g>
+												</g>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+						</g>
+					</g>
+				</g>
+				<g class="st6">
+					<path class="st5" d="M325.3,706.4V605.9h-35.9v-20.5h96.1v20.5h-35.8v100.5H325.3z"/>
+					<path class="st5" d="M400.6,706.4v-121H425v121H400.6z"/>
+					<path class="st5" d="M448.5,706.4v-121h82.9v20.5h-58.5v28.6h50.5V655h-50.5v51.4H448.5z"/>
+					<path class="st5" d="M551.7,706.4v-121h82.9v20.5h-58.5v28.6h50.5V655h-50.5v51.4H551.7z"/>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/dark/txt.svg b/resources/assets/statics/public/images/file/dark/txt.svg
new file mode 100644
index 000000000..13d2bc8e0
--- /dev/null
+++ b/resources/assets/statics/public/images/file/dark/txt.svg
@@ -0,0 +1,81 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_2_);}
+	.st1{clip-path:url(#SVGID_4_);}
+	.st2{opacity:0.375;}
+	.st3{clip-path:url(#SVGID_6_);}
+	.st4{fill:#E5E5E5;}
+	.st5{opacity:0.4;}
+	.st6{clip-path:url(#SVGID_8_);}
+	.st7{fill:#FFFFFF;}
+	.st8{enable-background:new    ;}
+</style>
+<g>
+	<defs>
+		<rect id="SVGID_1_" x="96" y="96" width="832" height="832"/>
+	</defs>
+	<clipPath id="SVGID_2_">
+		<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+	</clipPath>
+	<g id="组_357" class="st0">
+		<g id="组_359" transform="translate(8 2)">
+			<g id="组_354">
+				<g>
+					<defs>
+						<rect id="SVGID_3_" x="192" y="120" width="624" height="780"/>
+					</defs>
+					<clipPath id="SVGID_4_">
+						<use xlink:href="#SVGID_3_"  style="overflow:visible;"/>
+					</clipPath>
+					<g id="组_353" class="st1">
+						<g id="组_349" class="st2">
+							<g id="组_348">
+								<g>
+									<defs>
+										<rect id="SVGID_5_" x="192" y="120" width="624" height="780"/>
+									</defs>
+									<clipPath id="SVGID_6_">
+										<use xlink:href="#SVGID_5_"  style="overflow:visible;"/>
+									</clipPath>
+									<g id="组_347" class="st3">
+										<g id="路径_187">
+											<path class="st4" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1L584,120
+												H270z"/>
+										</g>
+									</g>
+								</g>
+							</g>
+						</g>
+						<g id="组_352" transform="translate(30.15)" class="st5">
+							<g id="组_351">
+								<g>
+									<defs>
+										<rect id="SVGID_7_" x="553.8" y="120" width="232.1" height="232.1"/>
+									</defs>
+									<clipPath id="SVGID_8_">
+										<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+									</clipPath>
+									<g id="组_350" class="st6">
+										<g id="路径_188">
+											<path class="st7" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+										</g>
+									</g>
+								</g>
+							</g>
+						</g>
+					</g>
+				</g>
+			</g>
+			<g class="st8">
+				<path class="st7" d="M345.4,698.9V598.4h-35.9V578h96.1v20.5h-35.8v100.5H345.4z"/>
+				<path class="st7" d="M409.1,698.9l41.3-63.1L413,578h28.6l24.3,38.9l23.8-38.9h28.3l-37.6,58.8l41.3,62.2h-29.5l-26.8-41.8
+					l-26.9,41.8H409.1z"/>
+				<path class="st7" d="M561.4,698.9V598.4h-35.9V578h96.1v20.5h-35.8v100.5H561.4z"/>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/dark/updir.svg b/resources/assets/statics/public/images/file/dark/updir.svg
new file mode 100644
index 000000000..2376cb635
--- /dev/null
+++ b/resources/assets/statics/public/images/file/dark/updir.svg
@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_2_);}
+	.st1{fill:#CC8829;}
+	.st2{fill:#E6A82E;}
+	.st3{fill:#FFFFFF;}
+</style>
+<g>
+	<defs>
+		<rect id="SVGID_1_" x="96" y="96" width="832" height="832"/>
+	</defs>
+	<clipPath id="SVGID_2_">
+		<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+	</clipPath>
+	<g id="组_381" class="st0">
+		<g id="路径_204">
+			<path class="st1" d="M224,745.9h576.1c35.3-0.1,63.9-28.7,64-64V293.3c-0.1-35.3-28.7-63.9-64-64H224c-35.3,0.1-63.9,28.7-64,64
+				v388.6C160.1,717.2,188.7,745.8,224,745.9"/>
+		</g>
+		<g id="路径_205">
+			<path class="st2" d="M842.7,865.1H181.3c-47.1,0-85.3-38.2-85.3-85.3V246.3c0-47.1,38.2-85.3,85.3-85.3h268.5
+				c36.6,0,69.1,23.3,80.9,58l24.1,71.4c11.7,34.7,44.3,58,80.9,58h206.6c47.1,0,85.3,38.1,85.3,85.2l0.5,346
+				C928,826.8,889.8,865.1,842.7,865.1C842.7,865.1,842.7,865.1,842.7,865.1"/>
+		</g>
+		<g id="直线_106">
+			<path class="st3" d="M411.2,576.4c-2.1,0-4.2-0.8-5.7-2.4l-53.7-53.7c-3.2-3.2-3.2-8.3,0-11.5c3.2-3.2,8.3-3.2,11.5,0l53.7,53.7
+				c3.2,3.2,3.2,8.3,0,11.5C415.4,575.6,413.3,576.4,411.2,576.4z"/>
+		</g>
+		<g id="直线_107">
+			<path class="st3" d="M303.9,576.4c-2.1,0-4.2-0.8-5.7-2.4c-3.2-3.2-3.2-8.3,0-11.5l53.7-53.7c3.2-3.2,8.3-3.2,11.5,0
+				c3.2,3.2,3.2,8.3,0,11.5L309.6,574C308,575.6,306,576.4,303.9,576.4z"/>
+		</g>
+		<g id="直线_108">
+			<path class="st3" d="M357.5,687.1c-4.5,0-8.1-3.6-8.1-8.1V514.6c0-4.5,3.6-8.1,8.1-8.1s8.1,3.6,8.1,8.1V679
+				C365.7,683.5,362,687.1,357.5,687.1z"/>
+		</g>
+		<g id="路径_214">
+			<path class="st3" d="M446,756.7H270.5c-20.5-0.1-37.3-16.8-37.4-37.3V641c0-18.4,15-33.4,33.4-33.4c0,0,0,0,0,0h12.7
+				c4.5,0,8.1,3.6,8.1,8.1s-3.6,8.1-8.1,8.1h-12.7h0c-9.5,0-17.2,7.7-17.2,17.2v78.3c0,11.6,9.5,21.1,21.2,21.1H446
+				c11.6,0,21.1-9.5,21.1-21.1V641c0-9.5-7.7-17.1-17.2-17.1c0,0,0,0,0,0h-12.6c-4.5,0-8.1-3.6-8.1-8.1s3.6-8.1,8.1-8.1h12.6
+				c0,0,0,0,0,0c18.4,0,33.4,15,33.4,33.4v78.3C483.3,739.9,466.6,756.7,446,756.7z"/>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/dark/upload.svg b/resources/assets/statics/public/images/file/dark/upload.svg
new file mode 100644
index 000000000..0f2d83b98
--- /dev/null
+++ b/resources/assets/statics/public/images/file/dark/upload.svg
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_2_);}
+	.st1{clip-path:url(#SVGID_4_);}
+	.st2{fill:#1370AD;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_6_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<defs>
+		<rect id="SVGID_1_" x="96" y="96" width="832" height="832"/>
+	</defs>
+	<clipPath id="SVGID_2_">
+		<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+	</clipPath>
+	<g id="组_388" class="st0">
+		<g id="组_387" transform="translate(8 2)">
+			<g>
+				<defs>
+					<rect id="SVGID_3_" x="192" y="120" width="624" height="780"/>
+				</defs>
+				<clipPath id="SVGID_4_">
+					<use xlink:href="#SVGID_3_"  style="overflow:visible;"/>
+				</clipPath>
+				<g id="组_386" class="st1">
+					<g id="路径_207">
+						<path class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1L584,120H270z"
+							/>
+					</g>
+					<g id="组_385" transform="translate(30.15)" class="st3">
+						<g id="组_384">
+							<g>
+								<defs>
+									<rect id="SVGID_5_" x="553.8" y="120" width="232.1" height="232.1"/>
+								</defs>
+								<clipPath id="SVGID_6_">
+									<use xlink:href="#SVGID_5_"  style="overflow:visible;"/>
+								</clipPath>
+								<g id="组_383" class="st4">
+									<g id="路径_208">
+										<path class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+									</g>
+								</g>
+							</g>
+						</g>
+					</g>
+					<g id="直线_103">
+						<path class="st5" d="M494.2,574.4c-2.1,0-4.2-0.8-5.7-2.4l-53.7-53.7c-3.2-3.2-3.2-8.3,0-11.5s8.3-3.2,11.5,0l53.7,53.7
+							c3.2,3.2,3.2,8.3,0,11.5C498.4,573.6,496.3,574.4,494.2,574.4z"/>
+					</g>
+					<g id="直线_104">
+						<path class="st5" d="M386.9,574.4c-2.1,0-4.2-0.8-5.7-2.4c-3.2-3.2-3.2-8.3,0-11.5l53.7-53.7c3.2-3.2,8.3-3.2,11.5,0
+							s3.2,8.3,0,11.5L392.6,572C391,573.6,389,574.4,386.9,574.4z"/>
+					</g>
+					<g id="直线_105">
+						<path class="st5" d="M440.5,685.1c-4.5,0-8.1-3.6-8.1-8.1V512.6c0-4.5,3.6-8.1,8.1-8.1s8.1,3.6,8.1,8.1V677
+							C448.7,681.5,445,685.1,440.5,685.1z"/>
+					</g>
+					<g id="路径_209">
+						<path class="st5" d="M529,754.7H353.5c-20.5-0.1-37.3-16.8-37.4-37.3V639c0-18.4,15-33.4,33.4-33.4c0,0,0,0,0,0h12.7
+							c4.5,0,8.1,3.6,8.1,8.1s-3.6,8.1-8.1,8.1h-12.7h0c-9.5,0-17.2,7.7-17.2,17.2v78.3c0,11.6,9.5,21.1,21.2,21.1H529
+							c11.6,0,21.1-9.5,21.1-21.1V639c0-9.5-7.7-17.1-17.2-17.1c0,0,0,0,0,0h-12.6c-4.5,0-8.1-3.6-8.1-8.1s3.6-8.1,8.1-8.1h12.6h0
+							c18.4,0,33.4,15,33.4,33.4v78.3C566.3,737.9,549.6,754.7,529,754.7z"/>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/dark/word.svg b/resources/assets/statics/public/images/file/dark/word.svg
new file mode 100644
index 000000000..35c730f10
--- /dev/null
+++ b/resources/assets/statics/public/images/file/dark/word.svg
@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_2_);}
+	.st1{clip-path:url(#SVGID_4_);}
+	.st2{fill:#3282BA;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_6_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<defs>
+		<rect id="SVGID_1_" x="96" y="96" width="832" height="832"/>
+	</defs>
+	<clipPath id="SVGID_2_">
+		<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+	</clipPath>
+	<g id="组_251" class="st0">
+		<g id="组_250" transform="translate(8 2)">
+			<g>
+				<defs>
+					<rect id="SVGID_3_" x="192" y="120" width="624" height="780"/>
+				</defs>
+				<clipPath id="SVGID_4_">
+					<use xlink:href="#SVGID_3_"  style="overflow:visible;"/>
+				</clipPath>
+				<g id="组_249" class="st1">
+					<path id="路径_136" class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1
+						L584,120H270z"/>
+					<g id="组_248" transform="translate(30.15)" class="st3">
+						<g id="组_247">
+							<g>
+								<defs>
+									<rect id="SVGID_5_" x="553.8" y="120" width="232.1" height="232.1"/>
+								</defs>
+								<clipPath id="SVGID_6_">
+									<use xlink:href="#SVGID_5_"  style="overflow:visible;"/>
+								</clipPath>
+								<g id="组_246" class="st4">
+									<path id="路径_137" class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+								</g>
+							</g>
+						</g>
+					</g>
+					<path id="路径_138" class="st5" d="M368.7,735.8l-58.5-212.4h33.4L374,646l11.3,45.6c0.5-2.3,3.8-16.9,9.9-43.8l30.4-124.4
+						h33.3l28.6,123.2l9.5,40.6l11-41l32.8-122.8h31.6l-59.8,212.4H479l-30.4-127.1l-7.4-36.2l-38.6,163.3H368.7z"/>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/dark/wps.svg b/resources/assets/statics/public/images/file/dark/wps.svg
new file mode 100644
index 000000000..9f5ee3b94
--- /dev/null
+++ b/resources/assets/statics/public/images/file/dark/wps.svg
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_2_);}
+	.st1{clip-path:url(#SVGID_4_);}
+	.st2{fill:#CC353A;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_6_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<defs>
+		<rect id="SVGID_1_" x="96" y="96" width="832" height="832"/>
+	</defs>
+	<clipPath id="SVGID_2_">
+		<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+	</clipPath>
+	<g id="组_335" class="st0">
+		<g id="组_334" transform="translate(8 2)">
+			<g>
+				<defs>
+					<rect id="SVGID_3_" x="192" y="120" width="624" height="780"/>
+				</defs>
+				<clipPath id="SVGID_4_">
+					<use xlink:href="#SVGID_3_"  style="overflow:visible;"/>
+				</clipPath>
+				<g id="组_333" class="st1">
+					<g id="路径_177">
+						<path class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1L584,120H270z"
+							/>
+					</g>
+					<g id="组_332" transform="translate(30.15)" class="st3">
+						<g id="组_331">
+							<g>
+								<defs>
+									<rect id="SVGID_5_" x="553.8" y="120" width="232.1" height="232.1"/>
+								</defs>
+								<clipPath id="SVGID_6_">
+									<use xlink:href="#SVGID_5_"  style="overflow:visible;"/>
+								</clipPath>
+								<g id="组_330" class="st4">
+									<g id="路径_178">
+										<path class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+									</g>
+								</g>
+							</g>
+						</g>
+					</g>
+					<g id="路径_179">
+						<path class="st5" d="M490,729.5c-1.2,0-2.5-0.3-3.7-0.9c-4-2-5.6-6.9-3.6-10.9l92.6-183.2h-79.3L399.8,725
+							c-2,4-6.9,5.6-10.9,3.6c-4-2-5.6-6.9-3.6-10.9l98.6-195c1.4-2.7,4.2-4.5,7.2-4.5h97.5c2.8,0,5.4,1.5,6.9,3.9
+							c1.5,2.4,1.6,5.4,0.3,7.9l-98.6,195C495.9,727.9,493,729.5,490,729.5z"/>
+					</g>
+					<g id="路径_180">
+						<path class="st5" d="M392.5,729.5c-3,0-5.8-1.6-7.3-4.5l-98.5-195c-1.3-2.5-1.1-5.5,0.3-7.9c1.5-2.4,4.1-3.9,6.9-3.9h97.5
+							c3.1,0,5.9,1.7,7.2,4.5l33.4,66c2,4,0.4,8.9-3.6,10.9c-4,2-8.9,0.4-10.9-3.6l-31.1-61.6h-79.3l92.5,183.2
+							c2,4,0.4,8.9-3.6,10.9C395,729.2,393.7,729.5,392.5,729.5z"/>
+					</g>
+					<g id="直线_95">
+						<path class="st5" d="M490,729.5c-3,0-5.8-1.6-7.3-4.5l-32.4-64.1c-2-4-0.4-8.9,3.6-10.9c4-2,8.9-0.4,10.9,3.6l32.4,64.1
+							c2,4,0.4,8.9-3.6,10.9C492.5,729.2,491.2,729.5,490,729.5z"/>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/document.svg b/resources/assets/statics/public/images/file/document.svg
deleted file mode 100644
index e9e55f18f..000000000
--- a/resources/assets/statics/public/images/file/document.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1625028321516" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10195" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M256 85.333333c-46.933333 0-85.333333 38.4-85.333333 85.333334v682.666666c0 46.933333 38.4 85.333333 85.333333 85.333334h512c46.933333 0 85.333333-38.4 85.333333-85.333334V337.066667L601.6 85.333333H256z" fill="#447AF9" p-id="10196"></path><path d="M686.933333 337.066667H853.333333L601.6 85.333333v166.4c0 46.933333 38.4 85.333333 85.333333 85.333334z" fill="#FFFFFF" opacity=".4" p-id="10197"></path><path d="M486.4 780.8h-170.666667c-4.266667 0-8.533333-4.266667-8.533333-8.533333s4.266667-8.533333 8.533333-8.533334h170.666667c4.266667 0 8.533333 4.266667 8.533333 8.533334s-4.266667 8.533333-8.533333 8.533333zM571.733333 695.466667h-256c-4.266667 0-8.533333-4.266667-8.533333-8.533334s4.266667-8.533333 8.533333-8.533333h256c4.266667 0 8.533333 4.266667 8.533334 8.533333s-4.266667 8.533333-8.533334 8.533334zM571.733333 610.133333h-256c-4.266667 0-8.533333-4.266667-8.533333-8.533333s4.266667-8.533333 8.533333-8.533333h256c4.266667 0 8.533333 4.266667 8.533334 8.533333s-4.266667 8.533333-8.533334 8.533333zM571.733333 524.8h-256c-4.266667 0-8.533333-4.266667-8.533333-8.533333s4.266667-8.533333 8.533333-8.533334h256c4.266667 0 8.533333 4.266667 8.533334 8.533334s-4.266667 8.533333-8.533334 8.533333z" fill="#FFFFFF" p-id="10198"></path></svg>
\ No newline at end of file
diff --git a/resources/assets/statics/public/images/file/excel.svg b/resources/assets/statics/public/images/file/excel.svg
deleted file mode 100644
index dd8e40445..000000000
--- a/resources/assets/statics/public/images/file/excel.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg t="1626148982812" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10915"><path d="M256 85.333333c-46.933333 0-85.333333 38.4-85.333333 85.333334v682.666666c0 46.933333 38.4 85.333333 85.333333 85.333334h512c46.933333 0 85.333333-38.4 85.333333-85.333334V337.066667L601.6 85.333333H256z" fill="#33C481" p-id="10916"></path><path d="M686.933333 337.066667H853.333333L601.6 85.333333v166.4c0 46.933333 38.4 85.333333 85.333333 85.333334z" fill="#FFFFFF" opacity=".4" p-id="10917"></path><path d="M345.6 759.466667L422.4 640l-72.533333-110.933333h42.666666l34.133334 55.466666c4.266667 8.533333 12.8 17.066667 12.8 25.6 4.266667-8.533333 12.8-17.066667 17.066666-25.6l34.133334-55.466666h42.666666L460.8 640l76.8 123.733333h-42.666667l-42.666666-72.533333-12.8-21.333333L384 759.466667h-38.4z" fill="#FFFFFF" p-id="10918"></path></svg>
\ No newline at end of file
diff --git a/resources/assets/statics/public/images/file/flow.svg b/resources/assets/statics/public/images/file/flow.svg
deleted file mode 100644
index 1af5497f0..000000000
--- a/resources/assets/statics/public/images/file/flow.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1625028302681" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9763" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M256 85.333333c-46.933333 0-85.333333 38.4-85.333333 85.333334v682.666666c0 46.933333 38.4 85.333333 85.333333 85.333334h512c46.933333 0 85.333333-38.4 85.333333-85.333334V337.066667L601.6 85.333333H256z" fill="#434343" p-id="9764"></path><path d="M686.933333 337.066667H853.333333L601.6 85.333333v166.4c0 46.933333 38.4 85.333333 85.333333 85.333334z" fill="#FFFFFF" opacity=".4" p-id="9765"></path><path d="M469.333333 682.666667h102.4c4.266667 0 8.533333-4.266667 8.533334-8.533334v-42.666666c0-4.266667-4.266667-8.533333-8.533334-8.533334H469.333333c-4.266667 0-8.533333 4.266667-8.533333 8.533334v8.533333H405.333333l-38.4-38.4v-38.4c12.8-4.266667 21.333333-17.066667 21.333334-29.866667 0-17.066667-12.8-34.133333-34.133334-34.133333s-34.133333 12.8-34.133333 34.133333c0 12.8 8.533333 25.6 21.333333 29.866667v38.4l-38.4 38.4c-4.266667 4.266667-4.266667 12.8 0 17.066667l38.4 38.4v51.2c0 4.266667 4.266667 8.533333 8.533334 8.533333h102.4v8.533333c0 4.266667 4.266667 8.533333 8.533333 8.533334h102.4c4.266667 0 8.533333-4.266667 8.533333-8.533334v-42.666666c0-4.266667-4.266667-8.533333-8.533333-8.533334H469.333333c-4.266667 0-8.533333 4.266667-8.533333 8.533334v8.533333H366.933333v-42.666667l38.4-38.4h55.466667v8.533334c0 21.333333 4.266667 25.6 8.533333 25.6z m12.8 55.466666h81.066667v21.333334h-81.066667v-21.333334z m-123.733333-59.733333l-25.6-25.6 25.6-25.6 25.6 21.333333-25.6 29.866667z m123.733333-38.4h81.066667v21.333333h-81.066667V640z" fill="#FFFFFF" p-id="9766"></path></svg>
\ No newline at end of file
diff --git a/resources/assets/statics/public/images/file/folder.svg b/resources/assets/statics/public/images/file/folder.svg
deleted file mode 100644
index 47b32776c..000000000
--- a/resources/assets/statics/public/images/file/folder.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1625032843298" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4865" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M520.533333 230.4l34.133334 72.533333c12.8 29.866667 42.666667 46.933333 76.8 46.933334h174.933333c21.333333 0 38.4 4.266667 55.466667 12.8V294.4c0-34.133333-29.866667-64-64-64h-277.333334z" fill="#F9B552" p-id="4866"></path><path d="M844.8 349.866667h-209.066667c-34.133333 0-64-17.066667-76.8-46.933334L512 213.333333c-12.8-29.866667-42.666667-46.933333-76.8-46.933333h-256c-46.933333 0-85.333333 38.4-85.333333 85.333333v529.066667c0 46.933333 38.4 85.333333 85.333333 85.333333h661.333333c46.933333 0 85.333333-38.4 85.333334-85.333333v-341.333333c4.266667-51.2-34.133333-89.6-81.066667-89.6z" fill="#FFCF5C" p-id="4867"></path></svg>
\ No newline at end of file
diff --git a/resources/assets/statics/public/images/file/light/archive.svg b/resources/assets/statics/public/images/file/light/archive.svg
new file mode 100644
index 000000000..365457f1f
--- /dev/null
+++ b/resources/assets/statics/public/images/file/light/archive.svg
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#989FA5;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<g>
+		<g>
+			<defs>
+				<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+			</defs>
+			<clipPath id="SVGID_1_">
+				<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+			</clipPath>
+			<g id="组_294" class="st0">
+				<g id="组_293" transform="translate(8 2)">
+					<g>
+						<g>
+							<g>
+								<defs>
+									<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+								</defs>
+								<clipPath id="SVGID_2_">
+									<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+								</clipPath>
+								<g id="组_292" class="st1">
+									<path id="路径_155" class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78
+										V352.1L584,120H270z"/>
+									<g id="组_291" transform="translate(30.15)" class="st3">
+										<g id="组_290">
+											<g>
+												<g>
+													<g>
+														<defs>
+															<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+														</defs>
+														<clipPath id="SVGID_3_">
+															<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+														</clipPath>
+														<g id="组_289" class="st4">
+															<path id="路径_156" class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+														</g>
+													</g>
+												</g>
+											</g>
+										</g>
+									</g>
+									<path id="路径_157" class="st5" d="M521.7,522.8c1,3,1.6,6,1.8,9.1v102.2l12.1,21.5c1.6,2.9,2.5,6.2,2.5,9.5v61.8
+										c0,0.8-0.4,1.4-0.4,2.3c6.4-5.4,10.1-13.4,10.2-21.8v-156C547.7,536.6,536.4,524.3,521.7,522.8"/>
+									<path id="路径_158" class="st5" d="M504,639.2V531.9c0-10.8-8.7-19.5-19.5-19.5H421v27.3h-27.3v-27.3H343
+										c-10.8,0-19.5,8.7-19.5,19.5v195c0,10.8,8.7,19.5,19.5,19.5h156c10.8,0,19.5-8.7,19.5-19.5v-61.7L504,639.2z M448.3,567
+										H421v27.3h27.3v81.9h-54.6v-54.6H421v-27.3h-27.3V567H421v-27.3h27.3V567z"/>
+								</g>
+							</g>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/light/cad.svg b/resources/assets/statics/public/images/file/light/cad.svg
new file mode 100644
index 000000000..bd7d40060
--- /dev/null
+++ b/resources/assets/statics/public/images/file/light/cad.svg
@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#66CC66;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+	.st6{enable-background:new    ;}
+	.st7{clip-path:url(#SVGID_4_);}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_9_" x="96" y="96" width="832" height="832"/>
+		</defs>
+		<clipPath id="SVGID_1_">
+			<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+		</clipPath>
+		<g id="组_344" class="st0">
+			<g id="组_346" transform="translate(8 2)">
+				<g id="组_341">
+					<g>
+						<g>
+							<defs>
+								<rect id="SVGID_11_" x="192" y="120" width="624" height="780"/>
+							</defs>
+							<clipPath id="SVGID_2_">
+								<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+							</clipPath>
+							<g id="组_340" class="st1">
+								<path id="路径_181" class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78
+									V352.1L584,120H270z"/>
+								<g id="组_339" transform="translate(30.15)" class="st3">
+									<g id="组_338">
+										<g>
+											<g>
+												<defs>
+													<rect id="SVGID_13_" x="553.8" y="120" width="232.1" height="232.1"/>
+												</defs>
+												<clipPath id="SVGID_3_">
+													<use xlink:href="#SVGID_13_"  style="overflow:visible;"/>
+												</clipPath>
+												<g id="组_337" class="st4">
+													<path id="路径_182" class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+												</g>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+						</g>
+					</g>
+				</g>
+				<g class="st6">
+					<path class="st5" d="M343.8,538.8l12.8,4c-2,7.1-5.2,12.4-9.8,15.8c-4.6,3.5-10.3,5.2-17.3,5.2c-8.7,0-15.8-3-21.3-8.9
+						c-5.6-5.9-8.4-14-8.4-24.2c0-10.8,2.8-19.3,8.4-25.3s13-9,22.1-9c8,0,14.4,2.3,19.4,7.1c3,2.8,5.2,6.8,6.7,12l-13,3.1
+						c-0.8-3.4-2.4-6-4.8-8c-2.5-2-5.4-2.9-8.9-2.9c-4.8,0-8.7,1.7-11.8,5.2c-3,3.5-4.5,9.1-4.5,16.8c0,8.2,1.5,14.1,4.4,17.6
+						s6.8,5.2,11.6,5.2c3.5,0,6.5-1.1,9-3.3C340.9,547,342.7,543.5,343.8,538.8z"/>
+					<path class="st5" d="M426.6,562.7h-14.3l-5.7-14.8h-26l-5.4,14.8h-14l25.4-65.1h13.9L426.6,562.7z M402.3,536.9l-9-24.2
+						l-8.8,24.2H402.3z"/>
+					<path class="st5" d="M433.5,497.6h24c5.4,0,9.6,0.4,12.4,1.2c3.8,1.1,7.1,3.1,9.8,6c2.7,2.9,4.8,6.4,6.2,10.5
+						c1.4,4.2,2.1,9.3,2.1,15.4c0,5.4-0.7,10-2,13.9c-1.6,4.7-4,8.6-7,11.5c-2.3,2.2-5.4,4-9.2,5.2c-2.9,0.9-6.8,1.4-11.6,1.4h-24.7
+						L433.5,497.6L433.5,497.6z M446.6,508.6v43.2h9.8c3.7,0,6.3-0.2,8-0.6c2.1-0.5,3.9-1.4,5.3-2.7s2.6-3.4,3.4-6.3
+						s1.3-6.9,1.3-11.9s-0.4-8.9-1.3-11.6c-0.9-2.7-2.1-4.8-3.7-6.3s-3.6-2.5-6.1-3.1c-1.8-0.4-5.4-0.6-10.8-0.6h-5.9V508.6z"/>
+				</g>
+				<g id="组_343">
+					<g>
+						<g>
+							<defs>
+								<rect id="SVGID_15_" x="192" y="120" width="624" height="780"/>
+							</defs>
+							<clipPath id="SVGID_4_">
+								<use xlink:href="#SVGID_15_"  style="overflow:visible;"/>
+							</clipPath>
+							<g id="组_342" class="st7">
+								<g id="直线_96">
+									<path class="st5" d="M580.7,666.3h-273c-4.5,0-8.1-3.6-8.1-8.1s3.6-8.1,8.1-8.1h273c4.5,0,8.1,3.6,8.1,8.1
+										S585.2,666.3,580.7,666.3z"/>
+								</g>
+								<g id="直线_97">
+									<path class="st5" d="M522.7,732.6c-4.5,0-8.1-3.6-8.1-8.1V471c0-4.5,3.6-8.1,8.1-8.1s8.1,3.6,8.1,8.1v253.5
+										C530.9,729,527.2,732.6,522.7,732.6z"/>
+								</g>
+								<g id="路径_186">
+									<path class="st5" d="M551.5,697.2H493c-5.4,0-9.8-4.4-9.8-9.8V629c0-5.4,4.4-9.8,9.8-9.8h58.5c5.4,0,9.8,4.4,9.8,9.8v58.5
+										C561.2,692.8,556.8,697.2,551.5,697.2"/>
+								</g>
+							</g>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/light/code.svg b/resources/assets/statics/public/images/file/light/code.svg
new file mode 100644
index 000000000..fb1f2c693
--- /dev/null
+++ b/resources/assets/statics/public/images/file/light/code.svg
@@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#447AF9;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+	.st6{enable-background:new    ;}
+</style>
+<g>
+	<g>
+		<g>
+			<defs>
+				<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+			</defs>
+			<clipPath id="SVGID_1_">
+				<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+			</clipPath>
+			<g id="组_404" class="st0">
+				<g id="组_406" transform="translate(8 2)">
+					<g id="组_401">
+						<g>
+							<g>
+								<g>
+									<defs>
+										<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+									</defs>
+									<clipPath id="SVGID_2_">
+										<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+									</clipPath>
+									<g id="组_400" class="st1">
+										<g id="路径_215">
+											<path class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1L584,120
+												H270z"/>
+										</g>
+										<g id="组_399" transform="translate(30.15)" class="st3">
+											<g id="组_398">
+												<g>
+													<g>
+														<g>
+															<defs>
+																<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+															</defs>
+															<clipPath id="SVGID_3_">
+																<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+															</clipPath>
+															<g id="组_397" class="st4">
+																<g id="路径_216">
+																	<path class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+																</g>
+															</g>
+														</g>
+													</g>
+												</g>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+						</g>
+					</g>
+					<g class="st6">
+						<path class="st5" d="M297.2,668.8v-17.1l98.6-41.6v18.2l-78.2,32.1l78.2,32.4V711L297.2,668.8z"/>
+						<path class="st5" d="M407.3,736.4l43.2-154h14.6l-43.1,154H407.3z"/>
+						<path class="st5" d="M575.1,668.8l-98.6,42.1v-18.2l78.1-32.4l-78.1-32.1V610l98.6,41.6V668.8z"/>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/light/document.svg b/resources/assets/statics/public/images/file/light/document.svg
new file mode 100644
index 000000000..bc3e838bc
--- /dev/null
+++ b/resources/assets/statics/public/images/file/light/document.svg
@@ -0,0 +1,90 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#447AF9;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<g>
+		<g>
+			<g>
+				<defs>
+					<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+				</defs>
+				<clipPath id="SVGID_1_">
+					<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+				</clipPath>
+				<g id="组_244" class="st0">
+					<g id="组_243" transform="translate(8 2)">
+						<g>
+							<g>
+								<g>
+									<g>
+										<defs>
+											<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+										</defs>
+										<clipPath id="SVGID_2_">
+											<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+										</clipPath>
+										<g id="组_242" class="st1">
+											<g id="路径_134">
+												<path class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1L584,120
+													H270z"/>
+											</g>
+											<g id="组_241" transform="translate(30.15)" class="st3">
+												<g id="组_240">
+													<g>
+														<g>
+															<g>
+																<g>
+																	<defs>
+																		<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+																	</defs>
+																	<clipPath id="SVGID_3_">
+																		<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+																	</clipPath>
+																	<g id="组_239" class="st4">
+																		<g id="路径_135">
+																			<path class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+																		</g>
+																	</g>
+																</g>
+															</g>
+														</g>
+													</g>
+												</g>
+											</g>
+											<g id="直线_87">
+												<path class="st5" d="M480.3,754.9h-156c-4.5,0-8.1-3.6-8.1-8.1s3.6-8.1,8.1-8.1h156c4.5,0,8.1,3.6,8.1,8.1
+													S484.8,754.9,480.3,754.9z"/>
+											</g>
+											<g id="直线_88">
+												<path class="st5" d="M558.3,676.5h-234c-4.5,0-8.1-3.6-8.1-8.1s3.6-8.1,8.1-8.1h234c4.5,0,8.1,3.6,8.1,8.1
+													S562.8,676.5,558.3,676.5z"/>
+											</g>
+											<g id="直线_89">
+												<path class="st5" d="M558.3,598.5h-234c-4.5,0-8.1-3.6-8.1-8.1s3.6-8.1,8.1-8.1h234c4.5,0,8.1,3.6,8.1,8.1
+													S562.8,598.5,558.3,598.5z"/>
+											</g>
+											<g id="直线_90">
+												<path class="st5" d="M558.3,520.5h-234c-4.5,0-8.1-3.6-8.1-8.1s3.6-8.1,8.1-8.1h234c4.5,0,8.1,3.6,8.1,8.1
+													C566.4,516.9,562.8,520.5,558.3,520.5z"/>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/light/excel.svg b/resources/assets/statics/public/images/file/light/excel.svg
new file mode 100644
index 000000000..bda011240
--- /dev/null
+++ b/resources/assets/statics/public/images/file/light/excel.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#33C481;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<g>
+		<g>
+			<defs>
+				<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+			</defs>
+			<clipPath id="SVGID_1_">
+				<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+			</clipPath>
+			<g id="组_258" class="st0">
+				<g id="组_257" transform="translate(8 2)">
+					<g>
+						<g>
+							<g>
+								<defs>
+									<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+								</defs>
+								<clipPath id="SVGID_2_">
+									<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+								</clipPath>
+								<g id="组_256" class="st1">
+									<path id="路径_139" class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78
+										V352.1L584,120H270z"/>
+									<g id="组_255" transform="translate(30.15)" class="st3">
+										<g id="组_254">
+											<g>
+												<g>
+													<g>
+														<defs>
+															<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+														</defs>
+														<clipPath id="SVGID_3_">
+															<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+														</clipPath>
+														<g id="组_253" class="st4">
+															<path id="路径_140" class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+														</g>
+													</g>
+												</g>
+											</g>
+										</g>
+									</g>
+									<path id="路径_141" class="st5" d="M351.8,735.6l69.8-110.4l-64.6-102h40.5l29.3,49.8c5.5,9.5,9.9,17.4,13.4,23.8
+										c5.3-8.8,10.1-16.6,14.5-23.4l32.2-50.2h38.7l-66.1,100l71.1,112.4h-39.7l-39.2-66l-10.4-17.8l-50.2,83.7h-39.3
+										L351.8,735.6L351.8,735.6z"/>
+								</g>
+							</g>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/light/flow.svg b/resources/assets/statics/public/images/file/light/flow.svg
new file mode 100644
index 000000000..eb3e0372f
--- /dev/null
+++ b/resources/assets/statics/public/images/file/light/flow.svg
@@ -0,0 +1,106 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#434343;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<g>
+		<g>
+			<defs>
+				<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+			</defs>
+			<clipPath id="SVGID_1_">
+				<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+			</clipPath>
+			<g id="组_279" class="st0">
+				<g id="组_278" transform="translate(8 2)">
+					<g>
+						<g>
+							<g>
+								<defs>
+									<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+								</defs>
+								<clipPath id="SVGID_2_">
+									<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+								</clipPath>
+								<g id="组_277" class="st1">
+									<g id="路径_149">
+										<path class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1L584,120
+											H270z"/>
+									</g>
+									<g id="组_276" transform="translate(30.15)" class="st3">
+										<g id="组_275">
+											<g>
+												<g>
+													<g>
+														<defs>
+															<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+														</defs>
+														<clipPath id="SVGID_3_">
+															<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+														</clipPath>
+														<g id="组_274" class="st4">
+															<g id="路径_150">
+																<path class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+															</g>
+														</g>
+													</g>
+												</g>
+											</g>
+										</g>
+									</g>
+									<g id="矩形_151">
+										<path class="st5" d="M363.3,683.7c-2.1,0-4.2-0.8-5.7-2.4l-39-39c-3.2-3.2-3.2-8.3,0-11.5l39-39c3-3,8.4-3,11.5,0l39,39
+											c1.5,1.5,2.4,3.6,2.4,5.7c0,2.2-0.9,4.2-2.4,5.7l-39,39C367.4,682.9,365.4,683.7,363.3,683.7z M335.8,636.6l27.5,27.5
+											l27.5-27.5l-27.5-27.5L335.8,636.6z"/>
+									</g>
+									<g id="矩形_152">
+										<path class="st5" d="M558.3,664.2h-92.9c-4.5,0-8.1-3.6-8.1-8.1v-39c0-4.5,3.6-8.1,8.1-8.1h92.9c4.5,0,8.1,3.6,8.1,8.1v39
+											C566.4,660.5,562.8,664.2,558.3,664.2z M473.5,647.9h76.7v-22.8h-76.7V647.9z"/>
+									</g>
+									<g id="矩形_153">
+										<path class="st5" d="M558.3,754.5h-92.9c-4.5,0-8.1-3.6-8.1-8.1v-39c0-4.5,3.6-8.1,8.1-8.1h92.9c4.5,0,8.1,3.6,8.1,8.1v39
+											C566.4,750.9,562.8,754.5,558.3,754.5z M473.5,738.3h76.7v-22.8h-76.7V738.3z"/>
+									</g>
+									<g id="路径_151">
+										<path class="st5" d="M382.8,531.9c0,10.8-8.7,19.5-19.5,19.5s-19.5-8.7-19.5-19.5s8.7-19.5,19.5-19.5
+											S382.8,521.1,382.8,531.9"/>
+									</g>
+									<g id="椭圆_35">
+										<path class="st5" d="M363.3,559.5c-15.2,0-27.6-12.4-27.6-27.6s12.4-27.6,27.6-27.6s27.6,12.4,27.6,27.6
+											S378.5,559.5,363.3,559.5z M363.3,520.5c-6.3,0-11.4,5.1-11.4,11.4s5.1,11.4,11.4,11.4s11.4-5.1,11.4-11.4
+											S369.5,520.5,363.3,520.5z"/>
+									</g>
+									<g id="直线_91">
+										<path class="st5" d="M363.3,605.7c-4.5,0-8.1-3.6-8.1-8.1v-85.2c0-4.5,3.6-8.1,8.1-8.1s8.1,3.6,8.1,8.1v85.2
+											C371.4,602.1,367.8,605.7,363.3,605.7z"/>
+									</g>
+									<g id="直线_92">
+										<path class="st5" d="M464.2,644.7h-62c-4.5,0-8.1-3.6-8.1-8.1s3.6-8.1,8.1-8.1h62c4.5,0,8.1,3.6,8.1,8.1
+											S468.7,644.7,464.2,644.7z"/>
+									</g>
+									<g id="直线_93">
+										<path class="st5" d="M363.3,735c-4.5,0-8.1-3.6-8.1-8.1v-51.3c0-4.5,3.6-8.1,8.1-8.1s8.1,3.6,8.1,8.1v51.3
+											C371.4,731.4,367.8,735,363.3,735z"/>
+									</g>
+									<g id="直线_94">
+										<path class="st5" d="M464.2,735H363.7c-4.5,0-8.1-3.6-8.1-8.1s3.6-8.1,8.1-8.1h100.5c4.5,0,8.1,3.6,8.1,8.1
+											S468.7,735,464.2,735z"/>
+									</g>
+								</g>
+							</g>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/light/folder.svg b/resources/assets/statics/public/images/file/light/folder.svg
new file mode 100644
index 000000000..be55bf833
--- /dev/null
+++ b/resources/assets/statics/public/images/file/light/folder.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{fill:#F9B552;}
+	.st2{fill:#FFCF5C;}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_3_" x="96" y="96" width="832" height="832"/>
+		</defs>
+		<clipPath id="SVGID_1_">
+			<use xlink:href="#SVGID_3_"  style="overflow:visible;"/>
+		</clipPath>
+		<g id="组_229" class="st0">
+			<path id="路径_130" class="st1" d="M224,752.4h576.1c35.3-0.1,63.9-28.7,64-64V299.8c-0.1-35.3-28.7-63.9-64-64H224
+				c-35.3,0.1-63.9,28.7-64,64v388.6C160.1,723.7,188.7,752.3,224,752.4"/>
+			<path id="路径_131" class="st2" d="M842.7,871.6H181.3c-47.1,0-85.3-38.2-85.3-85.3V252.8c0-47.1,38.2-85.3,85.3-85.3h268.5
+				c36.6,0,69.1,23.3,80.9,58l24.1,71.4c11.7,34.7,44.3,58,80.9,58h206.6c47.1,0,85.3,38.1,85.3,85.2l0.5,346
+				C928,833.3,889.8,871.6,842.7,871.6L842.7,871.6"/>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/light/media.svg b/resources/assets/statics/public/images/file/light/media.svg
new file mode 100644
index 000000000..7d262cc2c
--- /dev/null
+++ b/resources/assets/statics/public/images/file/light/media.svg
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#6067DC;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+		</defs>
+		<clipPath id="SVGID_1_">
+			<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+		</clipPath>
+		<g id="组_395" class="st0">
+			<g id="组_394" transform="translate(8 2)">
+				<g>
+					<g>
+						<defs>
+							<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+						</defs>
+						<clipPath id="SVGID_2_">
+							<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+						</clipPath>
+						<g id="组_393" class="st1">
+							<path id="路径_210" class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78
+								V352.1L584,120H270z"/>
+							<g id="组_392" transform="translate(30.15)" class="st3">
+								<g id="组_391">
+									<g>
+										<g>
+											<defs>
+												<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+											</defs>
+											<clipPath id="SVGID_3_">
+												<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+											</clipPath>
+											<g id="组_390" class="st4">
+												<path id="路径_211" class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+							<path id="路径_212" class="st5" d="M508.9,615.6v27.7l52.8,46.3c6.6,5.7,16.6,5.1,22.3-1.5c2.5-2.9,3.9-6.6,3.9-10.4v-96.3
+								c0-8.7-7-15.8-15.8-15.8c-3.8,0-7.5,1.4-10.4,3.9L508.9,615.6z"/>
+							<path id="路径_213" class="st5" d="M469.9,526.6H334.5c-21.5,0-38.9,17.5-39,39v127.5c0.1,21.5,17.5,38.9,39,39h135.4
+								c21.5-0.1,38.9-17.5,39-39V565.6C508.8,544.1,491.4,526.7,469.9,526.6 M440.1,635.6l-50.9,40.8c-3.4,2.8-8.5,2.2-11.2-1.2
+								c-1.1-1.4-1.8-3.2-1.8-5v-81.5c0-4.4,3.6-8,8-8c1.8,0,3.6,0.6,5,1.7l50.9,40.8c3.4,2.7,4,7.8,1.3,11.2
+								C441,634.9,440.6,635.3,440.1,635.6"/>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/light/mind.svg b/resources/assets/statics/public/images/file/light/mind.svg
new file mode 100644
index 000000000..9b1a93d29
--- /dev/null
+++ b/resources/assets/statics/public/images/file/light/mind.svg
@@ -0,0 +1,106 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#925DF1;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+		</defs>
+		<clipPath id="SVGID_1_">
+			<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+		</clipPath>
+		<g id="组_237" class="st0">
+			<g id="组_236" transform="translate(7.75 2)">
+				<g>
+					<g>
+						<defs>
+							<rect id="SVGID_9_" x="189" y="120" width="624" height="780"/>
+						</defs>
+						<clipPath id="SVGID_2_">
+							<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+						</clipPath>
+						<g id="组_235" class="st1">
+							<g id="路径_132">
+								<path class="st2" d="M267,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1L581,120H267z
+									"/>
+							</g>
+							<g id="组_234" transform="translate(30.15)" class="st3">
+								<g id="组_233">
+									<g>
+										<g>
+											<defs>
+												<rect id="SVGID_11_" x="550.8" y="120" width="232.1" height="232.1"/>
+											</defs>
+											<clipPath id="SVGID_3_">
+												<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+											</clipPath>
+											<g id="组_232" class="st4">
+												<g id="路径_133">
+													<path class="st5" d="M628.8,352.1h154L550.8,120v154.1C550.9,317.1,585.8,351.9,628.8,352.1"/>
+												</g>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+							<g id="椭圆_29">
+								<path class="st5" d="M428.5,670.7c-22.8,0-41.3-18.5-41.3-41.3s18.5-41.3,41.3-41.3s41.3,18.5,41.3,41.3
+									S451.2,670.7,428.5,670.7z M428.5,604.4c-13.8,0-25,11.2-25,25s11.2,25,25,25s25-11.2,25-25S442.3,604.4,428.5,604.4z"/>
+							</g>
+							<g id="椭圆_30">
+								<path class="st5" d="M465.3,571.2c-18.5,0-33.5-15-33.5-33.5s15-33.5,33.5-33.5s33.5,15,33.5,33.5S483.8,571.2,465.3,571.2z
+									 M465.3,520.5c-9.5,0-17.2,7.7-17.2,17.2s7.7,17.2,17.2,17.2s17.2-7.7,17.2-17.2S474.8,520.5,465.3,520.5z"/>
+							</g>
+							<g id="椭圆_31">
+								<path class="st5" d="M346.6,572.6c-18.5,0-33.5-15-33.5-33.5s15-33.5,33.5-33.5s33.5,15,33.5,33.5S365.1,572.6,346.6,572.6z
+									 M346.6,521.9c-9.5,0-17.2,7.7-17.2,17.2s7.7,17.2,17.2,17.2s17.2-7.7,17.2-17.2S356.1,521.9,346.6,521.9z"/>
+							</g>
+							<g id="椭圆_32">
+								<path class="st5" d="M346.6,746.4c-18.5,0-33.5-15-33.5-33.5s15-33.5,33.5-33.5s33.5,15,33.5,33.5S365.1,746.4,346.6,746.4z
+									 M346.6,695.7c-9.5,0-17.2,7.7-17.2,17.2s7.7,17.2,17.2,17.2s17.2-7.7,17.2-17.2S356.1,695.7,346.6,695.7z"/>
+							</g>
+							<g id="椭圆_33">
+								<path class="st5" d="M478.9,754.5c-18.5,0-33.5-15-33.5-33.5s15-33.5,33.5-33.5s33.5,15,33.5,33.5S497.4,754.5,478.9,754.5z
+									 M478.9,703.8c-9.5,0-17.2,7.7-17.2,17.2s7.7,17.2,17.2,17.2s17.2-7.7,17.2-17.2S488.4,703.8,478.9,703.8z"/>
+							</g>
+							<g id="椭圆_34">
+								<path class="st5" d="M529.9,667.1c-18.5,0-33.5-15-33.5-33.5s15-33.5,33.5-33.5s33.5,15,33.5,33.5S548.4,667.1,529.9,667.1z
+									 M529.9,616.3c-9.5,0-17.2,7.7-17.2,17.2s7.7,17.2,17.2,17.2s17.2-7.7,17.2-17.2S539.4,616.3,529.9,616.3z"/>
+							</g>
+							<g id="直线_82">
+								<path class="st5" d="M400.2,618.9c-2.5,0-4.9-1.1-6.5-3.2l-33.3-44.4c-2.7-3.6-2-8.7,1.6-11.4s8.7-2,11.4,1.6l33.3,44.4
+									c2.7,3.6,2,8.7-1.6,11.4C403.6,618.3,401.9,618.9,400.2,618.9z"/>
+							</g>
+							<g id="直线_83">
+								<path class="st5" d="M470.5,704.3c-2.5,0-5-1.2-6.6-3.4l-23.2-32.4c-2.6-3.7-1.8-8.7,1.9-11.3c3.7-2.6,8.7-1.8,11.3,1.9
+									l23.2,32.4c2.6,3.7,1.8,8.7-1.9,11.3C473.7,703.8,472.1,704.3,470.5,704.3z"/>
+							</g>
+							<g id="直线_84">
+								<path class="st5" d="M504.6,641.7h-41.8c-4.5,0-8.1-3.6-8.1-8.1s3.6-8.1,8.1-8.1h41.8c4.5,0,8.1,3.6,8.1,8.1
+									S509.1,641.7,504.6,641.7z"/>
+							</g>
+							<g id="直线_85">
+								<path class="st5" d="M446.2,604.5c-1.4,0-2.8-0.3-4-1.1c-3.9-2.2-5.2-7.2-3-11.1l19.2-33.3c2.2-3.9,7.2-5.2,11.1-3
+									s5.2,7.2,3,11.1l-19.2,33.3C451.7,603.1,449,604.5,446.2,604.5z"/>
+							</g>
+							<g id="直线_86">
+								<path class="st5" d="M364.5,700.5c-2.2,0-4.5-0.9-6.1-2.8c-3-3.4-2.6-8.5,0.7-11.5l38.7-34.1c3.4-3,8.5-2.7,11.5,0.7
+									s2.6,8.5-0.7,11.5l-38.7,34.1C368.3,699.9,366.4,700.5,364.5,700.5z"/>
+							</g>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/light/ofd.svg b/resources/assets/statics/public/images/file/light/ofd.svg
new file mode 100644
index 000000000..9110596a4
--- /dev/null
+++ b/resources/assets/statics/public/images/file/light/ofd.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#15B2FF;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+		</defs>
+		<clipPath id="SVGID_1_">
+			<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+		</clipPath>
+		<g id="组_328" class="st0">
+			<g id="组_327" transform="translate(8 2)">
+				<g>
+					<g>
+						<defs>
+							<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+						</defs>
+						<clipPath id="SVGID_2_">
+							<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+						</clipPath>
+						<g id="组_326" class="st1">
+							<path id="路径_172" class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78
+								V352.1L584,120H270z"/>
+							<g id="组_325" transform="translate(30.15)" class="st3">
+								<g id="组_324">
+									<g>
+										<g>
+											<defs>
+												<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+											</defs>
+											<clipPath id="SVGID_3_">
+												<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+											</clipPath>
+											<g id="组_323" class="st4">
+												<path id="路径_173" class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+							<path id="路径_174" class="st5" d="M368.3,711.4c-0.5,0-0.8,0.2-1.3,0.2c-30,0-54.4-24.3-54.4-54.3s24.3-54.4,54.3-54.4
+								c25.6,0,47.7,17.8,53.2,42.8l13.6-17.2c-11.2-27-37.4-44.8-66.7-45c-40.7-0.1-73.7,32.8-73.8,73.5
+								c-0.1,35.8,25.6,66.4,60.8,72.7L368.3,711.4z"/>
+							<path id="路径_175" class="st5" d="M573.3,626.1c6.9,9,10.7,19.9,10.9,31.2c0,29.9-24.3,54.2-54.2,54.2
+								c-10.8,0-21.4-3.3-30.4-9.4l-30.4-23.9l-12,15.4l27.3,21.8c1.6,0.8,2.7,1.9,4.3,2.7c12.1,8.4,26.6,12.9,41.3,12.9
+								c40.5,0.2,73.5-32.4,73.7-72.9c0.1-17.6-6.2-34.7-17.7-48.1L573.3,626.1z"/>
+							<path id="路径_176" class="st5" d="M529.9,602.9c10.5,0.2,20.8,3.6,29.4,9.7l12.3-15.6c-12.1-8.7-26.7-13.4-41.6-13.6
+								c-23.3,0.1-45.2,11.2-59,29.9L378.7,730c19.6-3.2,37-14.2,48.4-30.5l52.8-66.6l46.7,37.2l12.2-15.2l-46-36.7
+								C502.7,608.5,516,603,529.9,602.9"/>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/light/other.svg b/resources/assets/statics/public/images/file/light/other.svg
new file mode 100644
index 000000000..706a278b6
--- /dev/null
+++ b/resources/assets/statics/public/images/file/light/other.svg
@@ -0,0 +1,72 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#55575E;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+	.st6{enable-background:new    ;}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+		</defs>
+		<clipPath id="SVGID_1_">
+			<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+		</clipPath>
+		<g id="组_310" class="st0">
+			<g id="组_312" transform="translate(8 2)">
+				<g id="组_307">
+					<g>
+						<g>
+							<defs>
+								<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+							</defs>
+							<clipPath id="SVGID_2_">
+								<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+							</clipPath>
+							<g id="组_306" class="st1">
+								<g id="路径_167">
+									<path class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1L584,120H270
+										z"/>
+								</g>
+								<g id="组_305" transform="translate(30.15)" class="st3">
+									<g id="组_304">
+										<g>
+											<g>
+												<defs>
+													<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+												</defs>
+												<clipPath id="SVGID_3_">
+													<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+												</clipPath>
+												<g id="组_303" class="st4">
+													<g id="路径_168">
+														<path class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+													</g>
+												</g>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+						</g>
+					</g>
+				</g>
+				<g class="st6">
+					<path class="st5" d="M424.2,658.4h-32.4c-0.1-4.7-0.1-7.5-0.1-8.5c0-10.5,1.7-19.1,5.2-25.9s10.4-14.4,20.8-22.9
+						s16.6-14,18.7-16.6c3.1-4.2,4.7-8.7,4.7-13.7c0-6.9-2.8-12.9-8.3-17.8s-13-7.4-22.4-7.4c-9.1,0-16.6,2.6-22.7,7.7
+						s-10.3,13-12.6,23.6l-32.8-4.1c0.9-15.1,7.4-28,19.4-38.6s27.7-15.9,47.2-15.9c20.5,0,36.8,5.4,48.9,16.1s18.2,23.2,18.2,37.4
+						c0,7.9-2.2,15.3-6.7,22.3s-13.9,16.6-28.5,28.7c-7.5,6.3-12.2,11.3-14,15.1S424,648.6,424.2,658.4z M391.8,706.4v-35.7h35.7
+						v35.7H391.8z"/>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/light/pdf.svg b/resources/assets/statics/public/images/file/light/pdf.svg
new file mode 100644
index 000000000..92b2155d2
--- /dev/null
+++ b/resources/assets/statics/public/images/file/light/pdf.svg
@@ -0,0 +1,105 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#EA4845;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<g>
+		<g>
+			<defs>
+				<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+			</defs>
+			<clipPath id="SVGID_1_">
+				<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+			</clipPath>
+			<g id="组_301" class="st0">
+				<g id="组_300" transform="translate(8 2)">
+					<g>
+						<g>
+							<g>
+								<defs>
+									<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+								</defs>
+								<clipPath id="SVGID_2_">
+									<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+								</clipPath>
+								<g id="组_299" class="st1">
+									<g id="路径_159">
+										<path class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1L584,120
+											H270z"/>
+									</g>
+									<g id="组_298" transform="translate(30.15)" class="st3">
+										<g id="组_297">
+											<g>
+												<g>
+													<g>
+														<defs>
+															<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+														</defs>
+														<clipPath id="SVGID_3_">
+															<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+														</clipPath>
+														<g id="组_296" class="st4">
+															<g id="路径_160">
+																<path class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+															</g>
+														</g>
+													</g>
+												</g>
+											</g>
+										</g>
+									</g>
+									<g id="路径_161">
+										<path class="st5" d="M541.4,693.4c-0.3,0-0.6,0-0.9-0.1c-24.1-2.7-46.6-12.3-65.2-27.9c-0.5-0.2-0.9-0.5-1.3-0.7
+											c-13.2-9.8-25.5-20.9-36.6-32.9c-6.5-7.1-12.7-14.7-18.4-22.5c-22.5-30.5-35.1-62.8-33.9-86.3c0.1-5.5,1.7-11.2,4.7-16.1
+											c2.3-3.9,7.3-5.1,11.1-2.8c3.9,2.3,5.1,7.3,2.8,11.1c-1.5,2.5-2.3,5.4-2.4,8.4c-1.1,19.8,10.7,48.9,30.7,76.1
+											c5.4,7.4,11.1,14.5,17.2,21.1c10.1,10.9,21.2,21,33.2,30c0.7,0.3,1.4,0.7,2,1.2c16.3,14.1,36.3,22.8,57.7,25.1
+											c4.5,0.5,7.7,4.5,7.2,9C549,690.3,545.5,693.4,541.4,693.4z"/>
+									</g>
+									<g id="路径_162">
+										<path class="st5" d="M353.9,750.1c-2.3,0-4.5-0.9-6.1-2.8c-3-3.4-2.6-8.5,0.7-11.5c0.7-0.6,1.3-1.3,1.9-1.9
+											c13.8-16.6,26-34.9,36.1-54.2c0.4-0.7,0.8-1.3,1.3-1.9c6.5-13,12-25.2,16.9-37.3c5-12.4,9.3-25.3,13-38.2
+											c8.5-25.7,12.4-52,11.7-78.7c0-2.2-0.4-4.1-1.1-5.9c-1.7-4.1,0.2-8.9,4.3-10.6c4.1-1.8,8.9,0.2,10.6,4.3
+											c1.6,3.8,2.4,7.9,2.4,12.1c0.7,28.3-3.4,56.5-12.4,83.6c-3.7,13.1-8.3,26.5-13.5,39.5c-5.3,13.1-11.4,26.4-18.5,40.5
+											c-0.4,0.8-0.9,1.5-1.5,2.1c-10.4,19.6-22.9,38.2-37.1,55.3c-1.2,1.4-2.3,2.5-3.6,3.6C357.7,749.4,355.8,750.1,353.9,750.1
+											z M394.2,683.5h0.1H394.2z"/>
+									</g>
+									<g id="路径_163">
+										<path class="st5" d="M329.6,723.5c-2.2,0-4.4-0.9-6-2.6c-3-3.3-2.8-8.4,0.5-11.5c2.3-2.1,4.8-3.9,7.6-5.3
+											c18.5-11,38.7-20.6,59.4-28.3c0.5-0.2,0.9-0.3,1.4-0.4c9.6-3.8,20.5-7.6,35.3-12.2c19.1-5.9,35.3-10.1,49.5-13
+											c0.4-0.1,0.7-0.1,1.1-0.1c20.4-4.4,41.2-6.8,62-7.1h1.9c4.5,0,8.1,3.6,8.1,8.1s-3.6,8.1-8.1,8.1h-1.8
+											c-19.9,0.3-39.9,2.6-59.5,6.9c-0.6,0.1-1.2,0.2-1.7,0.2c-12.5,2.6-28.2,6.8-46.8,12.5c-14.9,4.7-25.8,8.4-35.2,12.2
+											c-0.6,0.2-1.2,0.4-1.8,0.5c-19.4,7.3-38.3,16.3-56.1,26.9c-1.9,1-3.2,1.9-4.4,3C333.5,722.8,331.6,723.5,329.6,723.5z"/>
+									</g>
+									<g id="路径_164">
+										<path class="st5" d="M436,522.7c-3.1,0-6.1-1.8-7.5-4.9c-2.2-5.1-7.2-8.4-12.8-8.4c0,0-0.1,0-0.2,0
+											c-4.8,0-9.2,2.3-11.9,6.2c-2.5,3.7-7.6,4.7-11.3,2.1c-3.7-2.5-4.7-7.6-2.1-11.3c5.7-8.3,15.1-13.3,25.2-13.3
+											c0.1,0,0.2,0,0.4,0c12,0,22.8,7.1,27.6,18.2c1.8,4.1-0.1,8.9-4.2,10.7C438.1,522.5,437,522.7,436,522.7z"/>
+									</g>
+									<g id="路径_165">
+										<path class="st5" d="M342.7,754.5c-0.1,0-0.2,0-0.3,0c-7.5-0.1-14-2.9-18.8-7.9s-7.5-11.6-7.4-18.5
+											c-0.1-6.8,2.7-13.6,7.7-18.5c3.2-3.1,8.4-3.1,11.5,0.1c3.1,3.2,3.1,8.3-0.1,11.5c-1.9,1.8-2.9,4.4-2.9,6.9
+											c-0.1,5.6,4.3,10.1,9.7,10.2c2.6,0.2,4.8-0.8,6.4-2.3c3.3-3,8.4-2.8,11.5,0.5c3,3.3,2.8,8.4-0.5,11.5
+											C354.9,752.2,349,754.5,342.7,754.5z"/>
+									</g>
+									<g id="路径_166">
+										<path class="st5" d="M541.6,693.4l-0.1-16.2c4.8,0,8.7-3.9,8.7-8.7c0.1-4.9-3.6-8.9-8.3-9.2c-4.5-0.3-7.9-4.1-7.6-8.6
+											c0.3-4.5,4.1-8,8.6-7.6c13.4,0.9,23.8,12.1,23.6,25.5C566.5,682.1,555.3,693.3,541.6,693.4z"/>
+									</g>
+								</g>
+							</g>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/light/picture.svg b/resources/assets/statics/public/images/file/light/picture.svg
new file mode 100644
index 000000000..aef64ba82
--- /dev/null
+++ b/resources/assets/statics/public/images/file/light/picture.svg
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#53CBAE;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<g>
+		<g>
+			<defs>
+				<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+			</defs>
+			<clipPath id="SVGID_1_">
+				<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+			</clipPath>
+			<g id="组_272" class="st0">
+				<g id="组_271" transform="translate(8 2)">
+					<g>
+						<g>
+							<g>
+								<defs>
+									<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+								</defs>
+								<clipPath id="SVGID_2_">
+									<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+								</clipPath>
+								<g id="组_270" class="st1">
+									<path id="路径_146" class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78
+										V352.1L584,120H270z"/>
+									<g id="组_269" transform="translate(30.15)" class="st3">
+										<g id="组_268">
+											<g>
+												<g>
+													<g>
+														<defs>
+															<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+														</defs>
+														<clipPath id="SVGID_3_">
+															<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+														</clipPath>
+														<g id="组_267" class="st4">
+															<path id="路径_147" class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+														</g>
+													</g>
+												</g>
+											</g>
+										</g>
+									</g>
+									<path id="路径_148" class="st5" d="M538.4,503H344.1c-16.1,0-29.2,13.1-29.2,29.2v194.3c0,16.1,13.1,29.2,29.2,29.2
+										h194.3c16.2,0,29.2-13.1,29.2-29.2V532.2C567.7,516.1,554.6,503,538.4,503 M476,566c15.8,0,28.6,12.8,28.6,28.6
+										s-12.8,28.6-28.6,28.6c-15.8,0-28.6-12.8-28.6-28.5C447.4,578.9,460.2,566.1,476,566 M548.2,726.6c0,5.4-4.4,9.8-9.8,9.8
+										H344.1c-5.4,0-9.8-4.4-9.8-9.8v-23l51.2-51.2c9.8-9.9,25.8-9.9,35.6,0l0,0l52.7,52.7l18.4-18.4c9.8-9.9,25.8-9.9,35.6,0
+										l0,0l20.1,20.1v19.8L548.2,726.6L548.2,726.6z"/>
+								</g>
+							</g>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/light/ppt.svg b/resources/assets/statics/public/images/file/light/ppt.svg
new file mode 100644
index 000000000..3e621b8b5
--- /dev/null
+++ b/resources/assets/statics/public/images/file/light/ppt.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#FF8F6B;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+		</defs>
+		<clipPath id="SVGID_1_">
+			<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+		</clipPath>
+		<g id="组_286" class="st0">
+			<g id="组_285" transform="translate(8 2)">
+				<g>
+					<g>
+						<defs>
+							<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+						</defs>
+						<clipPath id="SVGID_2_">
+							<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+						</clipPath>
+						<g id="组_284" class="st1">
+							<path id="路径_152" class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78
+								V352.1L584,120H270z"/>
+							<g id="组_283" transform="translate(30.15)" class="st3">
+								<g id="组_282">
+									<g>
+										<g>
+											<defs>
+												<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+											</defs>
+											<clipPath id="SVGID_3_">
+												<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+											</clipPath>
+											<g id="组_281" class="st4">
+												<path id="路径_153" class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+							<path id="路径_154" class="st5" d="M510.2,555.6c-3.4-8.4-8.9-15.7-16-21.3c-7.2-5.4-15.6-8.9-24.5-10.4
+								c-9.7-1.6-19.4-2.3-29.2-2.1h-74V737h30.8v-85.1h45.4c27.4,0,46.8-6.6,57.5-19.6c10.8-13.3,16.5-30,16-47.1
+								C516.3,575,514.2,564.9,510.2,555.6 M484.6,586.1c0.6,9.6-2.8,19-9.3,26c-9.2,7-20.7,10.3-32.3,9.1h-45.8v-68.9h45.2
+								c7.5-0.3,15,0.2,22.4,1.7c5.9,1.8,11,5.8,14.2,11.2C482.9,571.5,484.8,578.7,484.6,586.1"/>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/light/sheet.svg b/resources/assets/statics/public/images/file/light/sheet.svg
new file mode 100644
index 000000000..57f761113
--- /dev/null
+++ b/resources/assets/statics/public/images/file/light/sheet.svg
@@ -0,0 +1,90 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#009F4E;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+	.st6{fill:none;stroke:#FFFFFF;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+		</defs>
+		<clipPath id="SVGID_1_">
+			<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+		</clipPath>
+		<g id="组_379" class="st0">
+			<g id="组_378" transform="translate(8 2)">
+				<g>
+					<g>
+						<defs>
+							<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+						</defs>
+						<clipPath id="SVGID_2_">
+							<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+						</clipPath>
+						<g id="组_377" class="st1">
+							<g id="路径_200">
+								<path class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1L584,120H270z
+									"/>
+							</g>
+							<g id="组_376" transform="translate(30.15)" class="st3">
+								<g id="组_375">
+									<g>
+										<g>
+											<defs>
+												<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+											</defs>
+											<clipPath id="SVGID_3_">
+												<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+											</clipPath>
+											<g id="组_374" class="st4">
+												<g id="路径_201">
+													<path class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+												</g>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+							<g id="矩形_196">
+								<path class="st5" d="M551.8,754.5h-221c-8.1,0-14.6-6.6-14.6-14.6v-221c0-8.1,6.6-14.6,14.6-14.6h221
+									c8.1,0,14.6,6.6,14.6,14.6v221C566.4,748,559.8,754.5,551.8,754.5z M332.4,738.3h217.8V520.5H332.4V738.3z M551.8,520.5
+									L551.8,520.5L551.8,520.5z"/>
+							</g>
+							<g id="路径_202">
+								<path class="st6" d="M558.3,590.4L558.3,590.4z"/>
+							</g>
+							<g id="直线_98">
+								<path class="st5" d="M402.3,752.3c-4.5,0-8.1-3.6-8.1-8.1V590.6c0-4.5,3.6-8.1,8.1-8.1s8.1,3.6,8.1,8.1v153.6
+									C410.4,748.7,406.8,752.3,402.3,752.3z"/>
+							</g>
+							<g id="直线_99">
+								<path class="st5" d="M480.3,752.3c-4.5,0-8.1-3.6-8.1-8.1V590.6c0-4.5,3.6-8.1,8.1-8.1s8.1,3.6,8.1,8.1v153.6
+									C488.4,748.7,484.8,752.3,480.3,752.3z"/>
+							</g>
+							<g id="路径_203">
+								<path class="st6" d="M558.3,668.4L558.3,668.4z"/>
+							</g>
+							<g id="直线_99_1_">
+								<path class="st5" d="M318.6,590.4c0-4.5,5.2-8.1,11.7-8.1H552c6.5,0,11.7,3.6,11.7,8.1s-5.2,8.1-11.7,8.1H330.3
+									C323.8,598.5,318.6,594.9,318.6,590.4z"/>
+							</g>
+							<g id="直线_99_2_">
+								<path class="st5" d="M318.6,672c0-4.5,5.2-8.1,11.7-8.1H552c6.5,0,11.7,3.6,11.7,8.1s-5.2,8.1-11.7,8.1H330.3
+									C323.8,680.1,318.6,676.4,318.6,672z"/>
+							</g>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/light/tif.svg b/resources/assets/statics/public/images/file/light/tif.svg
new file mode 100644
index 000000000..cd43115c8
--- /dev/null
+++ b/resources/assets/statics/public/images/file/light/tif.svg
@@ -0,0 +1,77 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#615ECC;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+	.st6{enable-background:new    ;}
+</style>
+<g>
+	<g>
+		<g>
+			<defs>
+				<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+			</defs>
+			<clipPath id="SVGID_1_">
+				<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+			</clipPath>
+			<g id="组_320" class="st0">
+				<g id="组_322" transform="translate(8 2)">
+					<g id="组_317">
+						<g>
+							<g>
+								<g>
+									<defs>
+										<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+									</defs>
+									<clipPath id="SVGID_2_">
+										<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+									</clipPath>
+									<g id="组_316" class="st1">
+										<g id="路径_170">
+											<path class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1L584,120
+												H270z"/>
+										</g>
+										<g id="组_315" transform="translate(30.15)" class="st3">
+											<g id="组_314">
+												<g>
+													<g>
+														<g>
+															<defs>
+																<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+															</defs>
+															<clipPath id="SVGID_3_">
+																<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+															</clipPath>
+															<g id="组_313" class="st4">
+																<g id="路径_171">
+																	<path class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+																</g>
+															</g>
+														</g>
+													</g>
+												</g>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+						</g>
+					</g>
+					<g class="st6">
+						<path class="st5" d="M325.3,706.4V605.9h-35.9v-20.5h96.1v20.5h-35.8v100.5H325.3z"/>
+						<path class="st5" d="M400.6,706.4v-121H425v121H400.6z"/>
+						<path class="st5" d="M448.5,706.4v-121h82.9v20.5h-58.5v28.6h50.5V655h-50.5v51.4H448.5z"/>
+						<path class="st5" d="M551.7,706.4v-121h82.9v20.5h-58.5v28.6h50.5V655h-50.5v51.4H551.7z"/>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/light/txt.svg b/resources/assets/statics/public/images/file/light/txt.svg
new file mode 100644
index 000000000..52198eb20
--- /dev/null
+++ b/resources/assets/statics/public/images/file/light/txt.svg
@@ -0,0 +1,105 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{fill:#999999;}
+	.st2{clip-path:url(#SVGID_2_);}
+	.st3{clip-path:url(#SVGID_3_);}
+	.st4{opacity:0.375;}
+	.st5{clip-path:url(#SVGID_4_);}
+	.st6{opacity:0.4;}
+	.st7{clip-path:url(#SVGID_5_);}
+	.st8{fill:#FFFFFF;}
+	.st9{enable-background:new    ;}
+</style>
+<g>
+	<g>
+		<g>
+			<defs>
+				<rect id="SVGID_11_" x="96" y="96" width="832" height="832"/>
+			</defs>
+			<clipPath id="SVGID_1_">
+				<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+			</clipPath>
+			<g id="路径_187" class="st0">
+				<path class="st1" d="M278,122c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V354.1L592,122H278z"/>
+			</g>
+		</g>
+		<g>
+			<defs>
+				<rect id="SVGID_13_" x="96" y="96" width="832" height="832"/>
+			</defs>
+			<clipPath id="SVGID_2_">
+				<use xlink:href="#SVGID_13_"  style="overflow:visible;"/>
+			</clipPath>
+			<g id="组_357" class="st2">
+				<g id="组_359" transform="translate(8 2)">
+					<g id="组_354">
+						<g>
+							<g>
+								<g>
+									<defs>
+										<rect id="SVGID_15_" x="192" y="120" width="624" height="780"/>
+									</defs>
+									<clipPath id="SVGID_3_">
+										<use xlink:href="#SVGID_15_"  style="overflow:visible;"/>
+									</clipPath>
+									<g id="组_353" class="st3">
+										<g id="组_349" class="st4">
+											<g id="组_348">
+												<g>
+													<g>
+														<g>
+															<defs>
+																<rect id="SVGID_17_" x="192" y="120" width="624" height="780"/>
+															</defs>
+															<clipPath id="SVGID_4_">
+																<use xlink:href="#SVGID_17_"  style="overflow:visible;"/>
+															</clipPath>
+															<g id="组_347" class="st5">
+															</g>
+														</g>
+													</g>
+												</g>
+											</g>
+										</g>
+										<g id="组_352" transform="translate(30.15)" class="st6">
+											<g id="组_351">
+												<g>
+													<g>
+														<g>
+															<defs>
+																<rect id="SVGID_19_" x="553.8" y="120" width="232.1" height="232.1"/>
+															</defs>
+															<clipPath id="SVGID_5_">
+																<use xlink:href="#SVGID_19_"  style="overflow:visible;"/>
+															</clipPath>
+															<g id="组_350" class="st7">
+																<g id="路径_188">
+																	<path class="st8" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+																</g>
+															</g>
+														</g>
+													</g>
+												</g>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+						</g>
+					</g>
+					<g class="st9">
+						<path class="st8" d="M345.4,698.9V598.4h-35.9V578h96.1v20.5h-35.8V699L345.4,698.9L345.4,698.9z"/>
+						<path class="st8" d="M409.1,698.9l41.3-63.1L413,578h28.6l24.3,38.9l23.8-38.9H518l-37.6,58.8l41.3,62.2h-29.5l-26.8-41.8
+							L438.5,699L409.1,698.9L409.1,698.9z"/>
+						<path class="st8" d="M561.4,698.9V598.4h-35.9V578h96.1v20.5h-35.8V699L561.4,698.9L561.4,698.9z"/>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/light/updir.svg b/resources/assets/statics/public/images/file/light/updir.svg
new file mode 100644
index 000000000..3e603b9d4
--- /dev/null
+++ b/resources/assets/statics/public/images/file/light/updir.svg
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{fill:#F9B552;}
+	.st2{fill:#FFCF5C;}
+	.st3{fill:#FFFFFF;}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_3_" x="96" y="96" width="832" height="832"/>
+		</defs>
+		<clipPath id="SVGID_1_">
+			<use xlink:href="#SVGID_3_"  style="overflow:visible;"/>
+		</clipPath>
+		<g id="组_381" class="st0">
+			<g id="路径_204">
+				<path class="st1" d="M224,745.9h576.1c35.3-0.1,63.9-28.7,64-64V293.3c-0.1-35.3-28.7-63.9-64-64H224c-35.3,0.1-63.9,28.7-64,64
+					v388.6C160.1,717.2,188.7,745.8,224,745.9"/>
+			</g>
+			<g id="路径_205">
+				<path class="st2" d="M842.7,865.1H181.3c-47.1,0-85.3-38.2-85.3-85.3V246.3c0-47.1,38.2-85.3,85.3-85.3h268.5
+					c36.6,0,69.1,23.3,80.9,58l24.1,71.4c11.7,34.7,44.3,58,80.9,58h206.6c47.1,0,85.3,38.1,85.3,85.2l0.5,346
+					C928,826.8,889.8,865.1,842.7,865.1L842.7,865.1"/>
+			</g>
+			<g id="直线_106">
+				<path class="st3" d="M411.2,576.4c-2.1,0-4.2-0.8-5.7-2.4l-53.7-53.7c-3.2-3.2-3.2-8.3,0-11.5s8.3-3.2,11.5,0l53.7,53.7
+					c3.2,3.2,3.2,8.3,0,11.5C415.4,575.6,413.3,576.4,411.2,576.4z"/>
+			</g>
+			<g id="直线_107">
+				<path class="st3" d="M303.9,576.4c-2.1,0-4.2-0.8-5.7-2.4c-3.2-3.2-3.2-8.3,0-11.5l53.7-53.7c3.2-3.2,8.3-3.2,11.5,0
+					s3.2,8.3,0,11.5L309.6,574C308,575.6,306,576.4,303.9,576.4z"/>
+			</g>
+			<g id="直线_108">
+				<path class="st3" d="M357.5,687.1c-4.5,0-8.1-3.6-8.1-8.1V514.6c0-4.5,3.6-8.1,8.1-8.1s8.1,3.6,8.1,8.1V679
+					C365.7,683.5,362,687.1,357.5,687.1z"/>
+			</g>
+			<g id="路径_214">
+				<path class="st3" d="M446,756.7H270.5c-20.5-0.1-37.3-16.8-37.4-37.3V641c0-18.4,15-33.4,33.4-33.4l0,0h12.7
+					c4.5,0,8.1,3.6,8.1,8.1s-3.6,8.1-8.1,8.1h-12.7l0,0c-9.5,0-17.2,7.7-17.2,17.2v78.3c0,11.6,9.5,21.1,21.2,21.1H446
+					c11.6,0,21.1-9.5,21.1-21.1V641c0-9.5-7.7-17.1-17.2-17.1l0,0h-12.6c-4.5,0-8.1-3.6-8.1-8.1s3.6-8.1,8.1-8.1h12.6l0,0
+					c18.4,0,33.4,15,33.4,33.4v78.3C483.3,739.9,466.6,756.7,446,756.7z"/>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/light/upload.svg b/resources/assets/statics/public/images/file/light/upload.svg
new file mode 100644
index 000000000..b23565f17
--- /dev/null
+++ b/resources/assets/statics/public/images/file/light/upload.svg
@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#188FE1;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+		</defs>
+		<clipPath id="SVGID_1_">
+			<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+		</clipPath>
+		<g id="组_388" class="st0">
+			<g id="组_387" transform="translate(8 2)">
+				<g>
+					<g>
+						<defs>
+							<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+						</defs>
+						<clipPath id="SVGID_2_">
+							<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+						</clipPath>
+						<g id="组_386" class="st1">
+							<g id="路径_207">
+								<path class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1L584,120H270z
+									"/>
+							</g>
+							<g id="组_385" transform="translate(30.15)" class="st3">
+								<g id="组_384">
+									<g>
+										<g>
+											<defs>
+												<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+											</defs>
+											<clipPath id="SVGID_3_">
+												<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+											</clipPath>
+											<g id="组_383" class="st4">
+												<g id="路径_208">
+													<path class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+												</g>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+							<g id="直线_103">
+								<path class="st5" d="M494.2,574.4c-2.1,0-4.2-0.8-5.7-2.4l-53.7-53.7c-3.2-3.2-3.2-8.3,0-11.5s8.3-3.2,11.5,0l53.7,53.7
+									c3.2,3.2,3.2,8.3,0,11.5C498.4,573.6,496.3,574.4,494.2,574.4z"/>
+							</g>
+							<g id="直线_104">
+								<path class="st5" d="M386.9,574.4c-2.1,0-4.2-0.8-5.7-2.4c-3.2-3.2-3.2-8.3,0-11.5l53.7-53.7c3.2-3.2,8.3-3.2,11.5,0
+									s3.2,8.3,0,11.5L392.6,572C391,573.6,389,574.4,386.9,574.4z"/>
+							</g>
+							<g id="直线_105">
+								<path class="st5" d="M440.5,685.1c-4.5,0-8.1-3.6-8.1-8.1V512.6c0-4.5,3.6-8.1,8.1-8.1s8.1,3.6,8.1,8.1V677
+									C448.7,681.5,445,685.1,440.5,685.1z"/>
+							</g>
+							<g id="路径_209">
+								<path class="st5" d="M529,754.7H353.5c-20.5-0.1-37.3-16.8-37.4-37.3V639c0-18.4,15-33.4,33.4-33.4l0,0h12.7
+									c4.5,0,8.1,3.6,8.1,8.1s-3.6,8.1-8.1,8.1h-12.7l0,0c-9.5,0-17.2,7.7-17.2,17.2v78.3c0,11.6,9.5,21.1,21.2,21.1H529
+									c11.6,0,21.1-9.5,21.1-21.1V639c0-9.5-7.7-17.1-17.2-17.1l0,0h-12.6c-4.5,0-8.1-3.6-8.1-8.1s3.6-8.1,8.1-8.1h12.6l0,0
+									c18.4,0,33.4,15,33.4,33.4v78.3C566.3,737.9,549.6,754.7,529,754.7z"/>
+							</g>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/light/word.svg b/resources/assets/statics/public/images/file/light/word.svg
new file mode 100644
index 000000000..e26f03ee9
--- /dev/null
+++ b/resources/assets/statics/public/images/file/light/word.svg
@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#41A5EE;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+		</defs>
+		<clipPath id="SVGID_1_">
+			<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+		</clipPath>
+		<g id="组_251" class="st0">
+			<g id="组_250" transform="translate(8 2)">
+				<g>
+					<g>
+						<defs>
+							<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+						</defs>
+						<clipPath id="SVGID_2_">
+							<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+						</clipPath>
+						<g id="组_249" class="st1">
+							<path id="路径_136" class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78
+								V352.1L584,120H270z"/>
+							<g id="组_248" transform="translate(30.15)" class="st3">
+								<g id="组_247">
+									<g>
+										<g>
+											<defs>
+												<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+											</defs>
+											<clipPath id="SVGID_3_">
+												<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+											</clipPath>
+											<g id="组_246" class="st4">
+												<path id="路径_137" class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+							<path id="路径_138" class="st5" d="M368.7,735.8l-58.5-212.4h33.4L374,646l11.3,45.6c0.5-2.3,3.8-16.9,9.9-43.8l30.4-124.4
+								h33.3l28.6,123.2l9.5,40.6l11-41l32.8-122.8h31.6l-59.8,212.4H479l-30.4-127.1l-7.4-36.2l-38.6,163.3L368.7,735.8
+								L368.7,735.8z"/>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/light/wps.svg b/resources/assets/statics/public/images/file/light/wps.svg
new file mode 100644
index 000000000..e2ccbfb27
--- /dev/null
+++ b/resources/assets/statics/public/images/file/light/wps.svg
@@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#FF434A;}
+	.st3{opacity:0.4;}
+	.st4{clip-path:url(#SVGID_3_);}
+	.st5{fill:#FFFFFF;}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_7_" x="96" y="96" width="832" height="832"/>
+		</defs>
+		<clipPath id="SVGID_1_">
+			<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+		</clipPath>
+		<g id="组_335" class="st0">
+			<g id="组_334" transform="translate(8 2)">
+				<g>
+					<g>
+						<defs>
+							<rect id="SVGID_9_" x="192" y="120" width="624" height="780"/>
+						</defs>
+						<clipPath id="SVGID_2_">
+							<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+						</clipPath>
+						<g id="组_333" class="st1">
+							<g id="路径_177">
+								<path class="st2" d="M270,120c-43,0.1-77.9,35-78,78v624c0.1,43,35,77.9,78,78h468c43-0.1,77.9-35,78-78V352.1L584,120H270z
+									"/>
+							</g>
+							<g id="组_332" transform="translate(30.15)" class="st3">
+								<g id="组_331">
+									<g>
+										<g>
+											<defs>
+												<rect id="SVGID_11_" x="553.8" y="120" width="232.1" height="232.1"/>
+											</defs>
+											<clipPath id="SVGID_3_">
+												<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+											</clipPath>
+											<g id="组_330" class="st4">
+												<g id="路径_178">
+													<path class="st5" d="M631.8,352.1h154L553.8,120v154.1C553.9,317.1,588.8,351.9,631.8,352.1"/>
+												</g>
+											</g>
+										</g>
+									</g>
+								</g>
+							</g>
+							<g id="路径_179">
+								<path class="st5" d="M490,729.5c-1.2,0-2.5-0.3-3.7-0.9c-4-2-5.6-6.9-3.6-10.9l92.6-183.2H496L399.8,725
+									c-2,4-6.9,5.6-10.9,3.6s-5.6-6.9-3.6-10.9l98.6-195c1.4-2.7,4.2-4.5,7.2-4.5h97.5c2.8,0,5.4,1.5,6.9,3.9s1.6,5.4,0.3,7.9
+									l-98.6,195C495.9,727.9,493,729.5,490,729.5z"/>
+							</g>
+							<g id="路径_180">
+								<path class="st5" d="M392.5,729.5c-3,0-5.8-1.6-7.3-4.5l-98.5-195c-1.3-2.5-1.1-5.5,0.3-7.9c1.5-2.4,4.1-3.9,6.9-3.9h97.5
+									c3.1,0,5.9,1.7,7.2,4.5l33.4,66c2,4,0.4,8.9-3.6,10.9s-8.9,0.4-10.9-3.6l-31.1-61.6h-79.3l92.5,183.2c2,4,0.4,8.9-3.6,10.9
+									C395,729.2,393.7,729.5,392.5,729.5z"/>
+							</g>
+							<g id="直线_95">
+								<path class="st5" d="M490,729.5c-3,0-5.8-1.6-7.3-4.5l-32.4-64.1c-2-4-0.4-8.9,3.6-10.9s8.9-0.4,10.9,3.6l32.4,64.1
+									c2,4,0.4,8.9-3.6,10.9C492.5,729.2,491.2,729.5,490,729.5z"/>
+							</g>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/media.svg b/resources/assets/statics/public/images/file/media.svg
deleted file mode 100644
index 40789b551..000000000
--- a/resources/assets/statics/public/images/file/media.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1639131652752" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11826" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M256 85.333333c-46.933333 0-85.333333 38.4-85.333333 85.333334v682.666666c0 46.933333 38.4 85.333333 85.333333 85.333334h512c46.933333 0 85.333333-38.4 85.333333-85.333334V337.066667L601.6 85.333333H256z" fill="#6067DC" p-id="11827"></path><path d="M686.933333 337.066667H853.333333L601.6 85.333333v166.4c0 46.933333 38.4 85.333333 85.333333 85.333334z" fill="#FFFFFF" opacity=".4" p-id="11828"></path><path d="M516.266667 627.2v29.866667l59.733333 51.2c12.8 8.533333 29.866667 0 29.866667-12.8v-106.666667c0-12.8-17.066667-21.333333-29.866667-12.8l-59.733333 51.2z" fill="#FFFFFF" p-id="11829"></path><path d="M473.6 529.066667H328.533333c-21.333333 0-42.666667 21.333333-42.666666 42.666666v140.8c0 21.333333 21.333333 42.666667 42.666666 42.666667h149.333334c21.333333 0 42.666667-21.333333 42.666666-42.666667v-140.8c-4.266667-21.333333-21.333333-42.666667-46.933333-42.666666z m-29.866667 119.466666l-55.466666 42.666667c-4.266667 4.266667-12.8 0-12.8-8.533333v-85.333334c0-8.533333 8.533333-12.8 12.8-8.533333l55.466666 42.666667c4.266667 8.533333 4.266667 12.8 0 17.066666z" fill="#FFFFFF" p-id="11830"></path></svg>
diff --git a/resources/assets/statics/public/images/file/mind.svg b/resources/assets/statics/public/images/file/mind.svg
deleted file mode 100644
index af2e370e8..000000000
--- a/resources/assets/statics/public/images/file/mind.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1625028315575" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10051" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M256 85.333333c-46.933333 0-85.333333 38.4-85.333333 85.333334v682.666666c0 46.933333 38.4 85.333333 85.333333 85.333334h512c46.933333 0 85.333333-38.4 85.333333-85.333334V337.066667L601.6 85.333333H256z" fill="#925DF1" p-id="10052"></path><path d="M686.933333 337.066667H853.333333L601.6 85.333333v166.4c0 46.933333 38.4 85.333333 85.333333 85.333334z" fill="#FFFFFF" opacity=".4" p-id="10053"></path><path d="M541.866667 610.133333c-17.066667 0-29.866667 12.8-34.133334 29.866667h-29.866666c0-12.8-8.533333-21.333333-12.8-29.866667l17.066666-29.866666c17.066667-4.266667 29.866667-17.066667 29.866667-38.4s-17.066667-38.4-38.4-38.4-38.4 17.066667-38.4 38.4c0 17.066667 8.533333 29.866667 21.333333 34.133333l-12.8 21.333333c-4.266667 0-8.533333-4.266667-12.8-4.266666-12.8 0-21.333333 4.266667-29.866666 12.8l-29.866667-38.4c4.266667-8.533333 8.533333-12.8 8.533333-21.333334 0-21.333333-17.066667-38.4-38.4-38.4s-38.4 17.066667-38.4 38.4 17.066667 38.4 38.4 38.4c4.266667 0 8.533333 0 12.8-4.266666l34.133334 42.666666c0 8.533333-4.266667 12.8-4.266667 21.333334s4.266667 17.066667 8.533333 25.6l-34.133333 29.866666c-4.266667-4.266667-8.533333-4.266667-17.066667-4.266666-21.333333 0-38.4 17.066667-38.4 38.4s17.066667 38.4 38.4 38.4 38.4-17.066667 38.4-38.4c0-8.533333-4.266667-12.8-4.266666-21.333334l34.133333-29.866666c8.533333 4.266667 12.8 4.266667 21.333333 4.266666 4.266667 0 8.533333 0 12.8-4.266666l17.066667 25.6c-8.533333 8.533333-12.8 17.066667-12.8 29.866666 0 21.333333 17.066667 38.4 38.4 38.4s38.4-17.066667 38.4-38.4-17.066667-38.4-38.4-38.4h-4.266667l-21.333333-29.866666c4.266667-4.266667 8.533333-12.8 12.8-17.066667h29.866667c4.266667 17.066667 17.066667 25.6 34.133333 25.6 21.333333 0 38.4-17.066667 38.4-38.4s-12.8-29.866667-34.133333-29.866667z m-68.266667-85.333333c8.533333 0 17.066667 8.533333 17.066667 17.066667s-8.533333 17.066667-17.066667 17.066666-17.066667-8.533333-17.066667-17.066666 8.533333-17.066667 17.066667-17.066667z m-149.333333 17.066667c0-8.533333 8.533333-17.066667 17.066666-17.066667s17.066667 8.533333 17.066667 17.066667-4.266667 17.066667-17.066667 17.066666-17.066667-4.266667-17.066666-17.066666z m179.2 200.533333c0 8.533333-8.533333 17.066667-17.066667 17.066667s-17.066667-8.533333-17.066667-17.066667 8.533333-17.066667 17.066667-17.066667 17.066667 8.533333 17.066667 17.066667z m-162.133334 8.533333c-8.533333 0-17.066667-8.533333-17.066666-17.066666s8.533333-17.066667 17.066666-17.066667 17.066667 8.533333 17.066667 17.066667-4.266667 17.066667-17.066667 17.066666z m64-106.666666c0-12.8 12.8-25.6 25.6-25.6s25.6 12.8 25.6 25.6-12.8 25.6-25.6 25.6-25.6-12.8-25.6-25.6z m136.533334 21.333333c-8.533333 0-17.066667-8.533333-17.066667-17.066667s8.533333-17.066667 17.066667-17.066666 17.066667 8.533333 17.066666 17.066666-4.266667 17.066667-17.066666 17.066667z" fill="#FFFFFF" p-id="10054"></path></svg>
\ No newline at end of file
diff --git a/resources/assets/statics/public/images/file/ofd.svg b/resources/assets/statics/public/images/file/ofd.svg
deleted file mode 100644
index 41361a044..000000000
--- a/resources/assets/statics/public/images/file/ofd.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1639159863770" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6249" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M208.50324948 98.14070655a39.70462592 39.70462592 0 0 0-28.9701507 12.41577865C171.94621747 118.83367123 167.11812845 129.18015316 167.11812845 139.52663591v744.94672818a39.70462592 39.70462592 0 0 0 12.41577864 28.97015071 40.85728849 40.85728849 0 0 0 28.97015071 12.41577865h606.99255288a39.70462592 39.70462592 0 0 0 28.97014989-12.41577865 40.85809681 40.85809681 0 0 0 12.41577946-28.97015071V332.661512L622.36173459 98.14070655z" fill="#356FFE" p-id="6250"></path><path d="M856.88173172 332.66070368H663.74766394a42.43108545 42.43108545 0 0 1-41.38592935-41.38592935V98.14070655z" fill="#AEC5FE" p-id="6251"></path><path d="M624.92653026 367.31091116a25.01908736 25.01908736 0 0 1 0 50.03494147 75.0564546 75.0564546 0 0 0-75.05645379 75.0564546v180.13872416a125.09462933 125.09462933 0 1 1-79.91040983-116.68811302 25.01827905 25.01827905 0 1 1-18.06431179 46.66182727 75.0564546 75.0564546 0 1 0 47.81125657 74.43000711l0.12528949-4.40372136V487.40123788a22.77923608 22.77923608 0 0 1 0.250579-3.22761753A125.09462933 125.09462933 0 0 1 624.92653026 367.31091116z m75.0564546 195.14678132a25.01908736 25.01908736 0 1 1 0 50.03494228H599.90825121a25.01908736 25.01908736 0 0 1 0-50.03494228h100.07554196z" fill="#FFFFFF" p-id="6252"></path></svg>
diff --git a/resources/assets/statics/public/images/file/other.svg b/resources/assets/statics/public/images/file/other.svg
deleted file mode 100644
index 356c09f54..000000000
--- a/resources/assets/statics/public/images/file/other.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1625028321516" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10195" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M256 85.333333c-46.933333 0-85.333333 38.4-85.333333 85.333334v682.666666c0 46.933333 38.4 85.333333 85.333333 85.333334h512c46.933333 0 85.333333-38.4 85.333333-85.333334V337.066667L601.6 85.333333H256z" fill="#989FA5" p-id="10196"></path><path d="M686.933333 337.066667H853.333333L601.6 85.333333v166.4c0 46.933333 38.4 85.333333 85.333333 85.333334z" fill="#FFFFFF" opacity=".4" p-id="10197"></path><path d="M486.4 780.8h-170.666667c-4.266667 0-8.533333-4.266667-8.533333-8.533333s4.266667-8.533333 8.533333-8.533334h170.666667c4.266667 0 8.533333 4.266667 8.533333 8.533334s-4.266667 8.533333-8.533333 8.533333zM571.733333 695.466667h-256c-4.266667 0-8.533333-4.266667-8.533333-8.533334s4.266667-8.533333 8.533333-8.533333h256c4.266667 0 8.533333 4.266667 8.533334 8.533333s-4.266667 8.533333-8.533334 8.533334zM571.733333 610.133333h-256c-4.266667 0-8.533333-4.266667-8.533333-8.533333s4.266667-8.533333 8.533333-8.533333h256c4.266667 0 8.533333 4.266667 8.533334 8.533333s-4.266667 8.533333-8.533334 8.533333zM571.733333 524.8h-256c-4.266667 0-8.533333-4.266667-8.533333-8.533333s4.266667-8.533333 8.533333-8.533334h256c4.266667 0 8.533333 4.266667 8.533334 8.533334s-4.266667 8.533333-8.533334 8.533333z" fill="#FFFFFF" p-id="10198"></path></svg>
diff --git a/resources/assets/statics/public/images/file/pdf.svg b/resources/assets/statics/public/images/file/pdf.svg
deleted file mode 100644
index 9a27a1711..000000000
--- a/resources/assets/statics/public/images/file/pdf.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1639131674043" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11971" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M256 85.333333c-46.933333 0-85.333333 38.4-85.333333 85.333334v682.666666c0 46.933333 38.4 85.333333 85.333333 85.333334h512c46.933333 0 85.333333-38.4 85.333333-85.333334V337.066667L601.6 85.333333H256z" fill="#EA4845" p-id="11972"></path><path d="M686.933333 337.066667H853.333333L601.6 85.333333v166.4c0 46.933333 38.4 85.333333 85.333333 85.333334z" fill="#FFFFFF" opacity=".4" p-id="11973"></path><path d="M554.666667 657.066667c-21.333333 0-42.666667 4.266667-68.266667 8.533333-12.8-8.533333-21.333333-21.333333-34.133333-29.866667l-17.066667-17.066666c12.8-42.666667 12.8-72.533333 12.8-85.333334 0-4.266667 0-8.533333-4.266667-12.8-4.266667-12.8-17.066667-21.333333-29.866666-21.333333-12.8 0-21.333333 4.266667-29.866667 17.066667 0-4.266667-4.266667 4.266667-4.266667 8.533333 0 25.6 12.8 59.733333 34.133334 89.6l-12.8 38.4c-4.266667 12.8-12.8 25.6-17.066667 38.4-21.333333 8.533333-42.666667 17.066667-64 29.866667-4.266667 0-4.266667 4.266667-8.533333 4.266666-4.266667 4.266667-8.533333 12.8-8.533334 21.333334 0 17.066667 12.8 29.866667 29.866667 29.866666 8.533333 0 12.8-4.266667 21.333333-8.533333l4.266667-4.266667c17.066667-17.066667 29.866667-38.4 38.4-59.733333 12.8-4.266667 21.333333-8.533333 34.133333-12.8 17.066667-4.266667 34.133333-8.533333 46.933334-12.8 25.6 17.066667 51.2 29.866667 68.266666 29.866667 17.066667 0 29.866667-12.8 29.866667-29.866667 4.266667-8.533333-4.266667-21.333333-21.333333-21.333333z m-38.4 21.333333c12.8 0 25.6-4.266667 38.4-4.266667 4.266667 0 8.533333 4.266667 8.533333 8.533334s-4.266667 8.533333-8.533333 8.533333c-12.8 0-25.6-4.266667-38.4-12.8z m-110.933334-157.866667c4.266667-8.533333 17.066667-8.533333 21.333334 0v4.266667c0 17.066667 0 38.4-8.533334 64-12.8-21.333333-21.333333-46.933333-21.333333-64 4.266667 0 4.266667-4.266667 8.533333-4.266667zM341.333333 759.466667c-4.266667 4.266667-12.8 0-12.8-8.533334 0-4.266667 0-4.266667 4.266667-8.533333l4.266667-4.266667c8.533333-4.266667 21.333333-12.8 34.133333-17.066666-12.8 12.8-21.333333 25.6-29.866667 38.4z m85.333334-81.066667c-4.266667 0-12.8 4.266667-17.066667 4.266667 4.266667-8.533333 8.533333-12.8 8.533333-21.333334 4.266667-8.533333 4.266667-17.066667 8.533334-25.6l8.533333 8.533334 21.333333 21.333333c-4.266667 4.266667-17.066667 8.533333-29.866666 12.8z" fill="#FFFFFF" p-id="11974"></path></svg>
diff --git a/resources/assets/statics/public/images/file/picture.svg b/resources/assets/statics/public/images/file/picture.svg
deleted file mode 100644
index 9cb237529..000000000
--- a/resources/assets/statics/public/images/file/picture.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1639131622718" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11457" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M256 85.333333c-46.933333 0-85.333333 38.4-85.333333 85.333334v682.666666c0 46.933333 38.4 85.333333 85.333333 85.333334h512c46.933333 0 85.333333-38.4 85.333333-85.333334V337.066667L601.6 85.333333H256z" fill="#53CBAE" p-id="11458"></path><path d="M686.933333 337.066667H853.333333L601.6 85.333333v166.4c0 46.933333 38.4 85.333333 85.333333 85.333334z" fill="#FFFFFF" opacity=".4" p-id="11459"></path><path d="M550.4 503.466667h-213.333333c-17.066667 0-34.133333 12.8-34.133334 34.133333v213.333333c0 17.066667 12.8 34.133333 34.133334 34.133334h213.333333c17.066667 0 34.133333-12.8 34.133333-34.133334v-213.333333c-4.266667-17.066667-17.066667-34.133333-34.133333-34.133333z m-68.266667 68.266666c17.066667 0 29.866667 12.8 29.866667 29.866667s-12.8 29.866667-29.866667 29.866667-29.866667-12.8-29.866666-29.866667 12.8-29.866667 29.866666-29.866667z m76.8 179.2c0 4.266667-4.266667 8.533333-8.533333 8.533334h-213.333333c-4.266667 0-8.533333-4.266667-8.533334-8.533334V725.333333L384 665.6c12.8-12.8 29.866667-12.8 38.4 0l59.733333 59.733333 21.333334-21.333333c12.8-12.8 29.866667-12.8 38.4 0l21.333333 21.333333v25.6z" fill="#FFFFFF" p-id="11460"></path></svg>
diff --git a/resources/assets/statics/public/images/file/ppt.svg b/resources/assets/statics/public/images/file/ppt.svg
deleted file mode 100644
index 8601bb6e0..000000000
--- a/resources/assets/statics/public/images/file/ppt.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg t="1626148939398" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10646"><path d="M256 85.333333c-46.933333 0-85.333333 38.4-85.333333 85.333334v682.666666c0 46.933333 38.4 85.333333 85.333333 85.333334h512c46.933333 0 85.333333-38.4 85.333333-85.333334V337.066667L601.6 85.333333H256z" fill="#FF8F6B" p-id="10647"></path><path d="M686.933333 337.066667H853.333333L601.6 85.333333v166.4c0 46.933333 38.4 85.333333 85.333333 85.333334z" fill="#FFFFFF" opacity=".4" p-id="10648"></path><path d="M520.533333 563.2c-4.266667-8.533333-8.533333-17.066667-17.066666-21.333333l-25.6-12.8c-8.533333 0-17.066667-4.266667-29.866667-4.266667h-85.333333v234.666667h34.133333v-93.866667h51.2c29.866667 0 51.2-8.533333 64-21.333333 12.8-12.8 17.066667-29.866667 17.066667-51.2-4.266667-8.533333-4.266667-21.333333-8.533334-29.866667z m-29.866666 34.133333c0 12.8-4.266667 21.333333-8.533334 29.866667-8.533333 8.533333-17.066667 8.533333-34.133333 8.533333H396.8v-76.8H473.6c8.533333 0 12.8 4.266667 17.066667 12.8v25.6z" fill="#FFFFFF" p-id="10649"></path></svg>
\ No newline at end of file
diff --git a/resources/assets/statics/public/images/file/sheet.svg b/resources/assets/statics/public/images/file/sheet.svg
deleted file mode 100644
index d7e116692..000000000
--- a/resources/assets/statics/public/images/file/sheet.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1625028309807" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9907" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M256 85.333333c-46.933333 0-85.333333 38.4-85.333333 85.333334v682.666666c0 46.933333 38.4 85.333333 85.333333 85.333334h512c46.933333 0 85.333333-38.4 85.333333-85.333334V337.066667L601.6 85.333333H256z" fill="#009F4E" p-id="9908"></path><path d="M686.933333 337.066667H853.333333L601.6 85.333333v166.4c0 46.933333 38.4 85.333333 85.333333 85.333334z" fill="#FFFFFF" opacity=".4" p-id="9909"></path><path d="M550.4 503.466667h-213.333333c-17.066667 0-34.133333 12.8-34.133334 34.133333v213.333333c0 17.066667 12.8 34.133333 34.133334 34.133334h213.333333c17.066667 0 34.133333-12.8 34.133333-34.133334v-213.333333c-4.266667-21.333333-17.066667-34.133333-34.133333-34.133333z m-140.8 170.666666v-64h64v64H409.6z m64 21.333334v64H409.6v-64h64z m-149.333333-85.333334h64v64H324.266667v-64z m170.666666 0h64v64h-64v-64z m-157.866666-85.333333h213.333333c4.266667 0 8.533333 4.266667 8.533333 8.533333v51.2H324.266667v-51.2c0-4.266667 8.533333-8.533333 12.8-8.533333z m-12.8 226.133333v-51.2h64v64H337.066667c-4.266667-4.266667-12.8-8.533333-12.8-12.8z m226.133333 8.533334h-51.2v-64h64v51.2c-4.266667 8.533333-8.533333 12.8-12.8 12.8z" fill="#FFFFFF" p-id="9910"></path></svg>
\ No newline at end of file
diff --git a/resources/assets/statics/public/images/file/tif.svg b/resources/assets/statics/public/images/file/tif.svg
deleted file mode 100644
index 73a5c0dd9..000000000
--- a/resources/assets/statics/public/images/file/tif.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1639159873742" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6397" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M825.79673853 930.64640269c6.95018441 0 13.65506865-2.78007339 18.56108018-7.68608673s7.68608673-11.61089669 7.68608674-18.56108017V281.66271181c0-6.2142821-2.20770606-12.18326401-6.21428302-16.9257433L708.70657208 102.67502091c-4.98777944-5.8872149-12.34679808-9.32142361-20.03288389-9.3214236h-490.43771991c-6.95018441 0-13.65506865 2.78007339-18.56108018 7.68608673s-7.68608673 11.61089669-7.68608674 18.56108017v784.79847158c0 6.95018441 2.78007339 13.65506865 7.68608674 18.56108016s11.61089669 7.68608673 18.56108018 7.68608674h627.56077025z" fill="#72A9FE" p-id="6398"></path><path d="M852.04390546 284.60631927v-2.94360746c0-6.2142821-2.20770606-12.18326401-6.21428301-16.9257433L708.70657208 102.67502091c-4.98777944-5.8872149-12.34679808-9.32142361-20.03288389-9.3214236h-1.22650357v191.25272196h164.59672084z" p-id="6399"></path><path d="M585.40212443 355.98880136c0-19.62404967 15.86277379-35.4868244 35.48682348-35.48682348s35.4868244 15.86277379 35.48682439 35.48682348-15.86277379 35.4868244-35.48682439 35.4868244-35.4868244-15.86277379-35.48682348-35.4868244z m-277.43500924 285.69346335h408.18024254l-111.20295066-147.26214331c-4.66071225-6.13251599-11.85619683-9.73025782-19.54228264-9.73025781-7.68608673 0-14.96333834 3.59774274-19.54228356 9.73025781l-43.33644428 57.48211418-62.06105849-118.80727037c-4.2518771-8.09492095-12.59209916-13.1644665-21.74998872-13.16446741-9.15789046 0-17.49811157 5.06954647-21.74998868 13.16446741l-108.99524551 208.5872995z" fill="#FFFFFF" p-id="6400"></path><path d="M428.67955406 802.4195883v-32.54321602h-10.38439314v-14.30920305l11.28382859-0.98120248 2.20770603-19.6240506h16.189841v19.6240506h18.15224595v15.20863848h-18.15224595v32.54321604c0 8.42198813 3.43420869 12.34679808 9.9755589 12.34679899 2.37123917 0 5.23307963-0.81766842 7.19548459-1.55357073l3.18890852 14.06390196c-3.92480994 1.30826968-9.07612344 2.78007339-15.5357066 2.78007431-17.41634454 0-24.12122789-10.95676137-24.12122789-27.5554375zM479.21148289 732.26360886c0-6.29604912 4.82424539-10.46616012 11.52912967-10.46615921 6.5413502 0 11.44736262 4.17011101 11.4473626 10.46615921 0 6.05074895-4.82424539 10.54792717-11.4473626 10.54792717-6.70488334 0-11.52912966-4.49717821-11.52912967-10.54792717z m1.88063795 22.32235789h19.21521639v73.5901872h-19.21521639v-73.5901872zM606.11367329 738.31435781c-2.61654027-0.89943546-5.39661367-1.55357074-7.84961989-1.55357073-5.80544788 0-8.9125894 3.43420869-8.9125894 11.52912962v6.29605005h13.90036886v15.20863849h-13.90036886v58.38154871h-19.21521544v-58.29978167h-26.49246799v58.29978167H524.26503104v-58.29978167h-9.81202484v-14.30920306l9.81202484-0.81766934v-5.15131259c0-15.1268724 7.76785283-26.65600112 26.41070097-26.65600204 5.8872149 0 11.28382856 1.30826968 14.88157131 2.78007433l-3.51597571 14.30920303c-2.61654027-1.14473655-5.15131351-1.79887091-8.91258937-1.79887183-5.64191475 0-9.48495764 3.84304291-9.48495767 11.44736264v4.90601333h26.49246799v-5.88721583c0-15.37217258 7.11371848-27.14660236 25.51126551-27.14660236 5.80544788 0 10.79322732 1.30826968 14.06390195 2.61654025l-3.59774273 14.145669z" fill="#FFFFFF" p-id="6401"></path></svg>
diff --git a/resources/assets/statics/public/images/file/txt.svg b/resources/assets/statics/public/images/file/txt.svg
deleted file mode 100644
index bf3fa7c8c..000000000
--- a/resources/assets/statics/public/images/file/txt.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1639155144184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6371" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M256 85.333333c-46.933333 0-85.333333 38.4-85.333333 85.333334v682.666666c0 46.933333 38.4 85.333333 85.333333 85.333334h512c46.933333 0 85.333333-38.4 85.333333-85.333334V339.2L599.466667 85.333333H256z" fill="#3F5072" p-id="6372"></path><path d="M684.8 339.2h168.533333L599.466667 85.333333v168.533334c0 46.933333 38.4 85.333333 85.333333 85.333333z" fill="#FFFFFF" opacity=".4" p-id="6373"></path><path d="M350.506667 761.386667v-148.266667h-50.346667v-19.84h120.96v19.84h-50.56v148.266667h-20.053333zM426.453333 761.386667l59.093334-87.466667-52.053334-80.426667h24.106667l27.733333 43.093334c5.76 8.96 9.813333 15.786667 12.373334 20.693333 3.413333-6.186667 7.466667-12.373333 12.16-19.2l30.72-44.586667h21.973333l-53.546667 79.146667 57.813334 88.746667H541.866667l-38.4-59.946667c-2.133333-3.413333-4.48-7.253333-6.613334-11.306667-3.413333 6.186667-5.76 10.24-7.253333 12.586667l-38.4 58.453333h-24.746667zM623.146667 761.386667v-148.266667h-50.346667v-19.84h120.96v19.84h-50.56v148.266667h-20.053333z" fill="#FFFFFF" p-id="6374"></path></svg>
diff --git a/resources/assets/statics/public/images/file/updir.svg b/resources/assets/statics/public/images/file/updir.svg
deleted file mode 100644
index 4507bd44f..000000000
--- a/resources/assets/statics/public/images/file/updir.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg t="1626148962029" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10780"><path d="M520.533333 226.133333L554.666667 298.666667c12.8 29.866667 42.666667 46.933333 76.8 46.933333h174.933333c21.333333 0 38.4 4.266667 55.466667 12.8V290.133333c0-34.133333-29.866667-64-64-64h-277.333334z" fill="#F9B552" p-id="10781"></path><path d="M844.8 345.6h-209.066667c-34.133333 0-64-17.066667-76.8-46.933333L512 209.066667c-12.8-29.866667-42.666667-46.933333-76.8-46.933334h-256c-46.933333 0-85.333333 38.4-85.333333 85.333334v529.066666c0 46.933333 38.4 85.333333 85.333333 85.333334h661.333333c46.933333 0 85.333333-38.4 85.333334-85.333334v-341.333333c4.266667-51.2-34.133333-89.6-81.066667-89.6z" fill="#FFCF5C" p-id="10782"></path><path d="M315.733333 554.666667c4.266667 0 8.533333 0 12.8-4.266667l29.866667-29.866667v140.8c0 8.533333 8.533333 17.066667 17.066667 17.066667s17.066667-8.533333 17.066666-17.066667v-140.8l29.866667 29.866667s4.266667 4.266667 8.533333 4.266667 8.533333 0 12.8-4.266667c4.266667-4.266667 4.266667-17.066667 0-21.333333L384 465.066667c-4.266667-4.266667-8.533333-4.266667-12.8-4.266667-4.266667 0-8.533333 0-12.8 4.266667L298.666667 524.8c-4.266667 4.266667-4.266667 17.066667 0 21.333333 8.533333 4.266667 12.8 8.533333 17.066666 8.533334z" fill="#FFFFFF" p-id="10783"></path><path d="M473.6 571.733333h-12.8c-8.533333 0-17.066667 8.533333-17.066667 17.066667s8.533333 17.066667 17.066667 17.066667h12.8c8.533333 0 12.8 4.266667 12.8 12.8v85.333333c0 8.533333-8.533333 17.066667-17.066667 17.066667H277.333333c-8.533333 0-17.066667-8.533333-17.066666-17.066667v-85.333333c0-8.533333 4.266667-12.8 12.8-12.8h12.8c8.533333 0 17.066667-8.533333 17.066666-17.066667s-8.533333-17.066667-17.066666-17.066667h-12.8c-25.6 0-42.666667 21.333333-42.666667 42.666667v85.333333c0 25.6 21.333333 46.933333 46.933333 46.933334H469.333333c25.6 0 46.933333-21.333333 46.933334-46.933334v-85.333333c0-21.333333-17.066667-42.666667-42.666667-42.666667z" fill="#FFFFFF" p-id="10784"></path></svg>
\ No newline at end of file
diff --git a/resources/assets/statics/public/images/file/upload.svg b/resources/assets/statics/public/images/file/upload.svg
deleted file mode 100644
index a98cdaa69..000000000
--- a/resources/assets/statics/public/images/file/upload.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg t="1626149003520" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11049"><path d="M256 85.333333c-46.933333 0-85.333333 38.4-85.333333 85.333334v682.666666c0 46.933333 38.4 85.333333 85.333333 85.333334h512c46.933333 0 85.333333-38.4 85.333333-85.333334V337.066667L601.6 85.333333H256z" fill="#188FE1" p-id="11050"></path><path d="M686.933333 337.066667H853.333333L601.6 85.333333v166.4c0 46.933333 38.4 85.333333 85.333333 85.333334z" fill="#FFFFFF" opacity=".4" p-id="11051"></path><path d="M384 588.8c4.266667 0 8.533333 0 12.8-4.266667l29.866667-29.866666v140.8c0 8.533333 8.533333 17.066667 17.066666 17.066666s17.066667-8.533333 17.066667-17.066666V554.666667l29.866667 29.866666c4.266667 4.266667 8.533333 4.266667 12.8 4.266667s8.533333 0 12.8-4.266667c4.266667-4.266667 4.266667-17.066667 0-21.333333l-59.733334-59.733333c-4.266667-4.266667-8.533333-4.266667-12.8-4.266667-4.266667 0-8.533333 0-12.8 4.266667l-59.733333 59.733333c-4.266667 4.266667-4.266667 17.066667 0 21.333333 4.266667 4.266667 8.533333 4.266667 12.8 4.266667z" fill="#FFFFFF" p-id="11052"></path><path d="M541.866667 610.133333h-12.8c-8.533333 0-17.066667 8.533333-17.066667 17.066667s8.533333 17.066667 17.066667 17.066667h12.8c8.533333 0 12.8 4.266667 12.8 12.8v85.333333c0 8.533333-8.533333 17.066667-17.066667 17.066667H345.6c-8.533333 0-17.066667-8.533333-17.066667-17.066667v-85.333333c4.266667-8.533333 8.533333-17.066667 12.8-17.066667h12.8c8.533333 0 17.066667-8.533333 17.066667-17.066667s-8.533333-17.066667-17.066667-17.066666H341.333333c-25.6 0-42.666667 21.333333-42.666666 42.666666v85.333334c0 25.6 21.333333 46.933333 46.933333 46.933333h192c25.6 0 46.933333-21.333333 46.933333-46.933333v-85.333334c4.266667-21.333333-17.066667-38.4-42.666666-38.4z" fill="#FFFFFF" p-id="11053"></path></svg>
\ No newline at end of file
diff --git a/resources/assets/statics/public/images/file/word.svg b/resources/assets/statics/public/images/file/word.svg
deleted file mode 100644
index 487907446..000000000
--- a/resources/assets/statics/public/images/file/word.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg t="1626148886435" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10512"><path d="M256 85.333333c-46.933333 0-85.333333 38.4-85.333333 85.333334v682.666666c0 46.933333 38.4 85.333333 85.333333 85.333334h512c46.933333 0 85.333333-38.4 85.333333-85.333334V337.066667L601.6 85.333333H256z" fill="#41A5EE" p-id="10513"></path><path d="M686.933333 337.066667H853.333333L601.6 85.333333v166.4c0 46.933333 38.4 85.333333 85.333333 85.333334z" fill="#FFFFFF" opacity=".4" p-id="10514"></path><path d="M362.666667 759.466667L298.666667 524.8h38.4l34.133333 132.266667 12.8 55.466666c0-4.266667 4.266667-17.066667 12.8-46.933333l34.133333-136.533333h38.4l29.866667 136.533333 8.533333 42.666667 12.8-46.933334 34.133334-132.266666h34.133333l-64 230.4h-38.4l-34.133333-140.8-8.533334-38.4-42.666666 179.2h-38.4z" fill="#FFFFFF" p-id="10515"></path></svg>
\ No newline at end of file
diff --git a/resources/assets/statics/public/images/file/wps.svg b/resources/assets/statics/public/images/file/wps.svg
deleted file mode 100644
index c58939be7..000000000
--- a/resources/assets/statics/public/images/file/wps.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1639159884437" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6546" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M208.50324948 98.14070655a39.70462592 39.70462592 0 0 0-28.9701507 12.41577865C171.94621747 118.83367123 167.11812845 129.18015316 167.11812845 139.52663591v744.94672818a39.70462592 39.70462592 0 0 0 12.41577864 28.97015071 40.85728849 40.85728849 0 0 0 28.97015071 12.41577865h606.99255288a39.70462592 39.70462592 0 0 0 28.97014989-12.41577865 40.85809681 40.85809681 0 0 0 12.41577946-28.97015071V332.661512L622.36254291 98.14070655z" fill="#4D97FF" p-id="6547"></path><path d="M856.88254003 332.66070368H663.74847227a42.43108545 42.43108545 0 0 1-41.38592936-41.38592935V98.14070655z" fill="#A5D2FF" p-id="6548"></path><path d="M333.03124777 465.31149819h91.02883673l42.47150141 79.68327209c3.89205602 7.23283745 13.2370311 10.1444029 20.92333569 6.51990059a14.87306864 14.87306864 0 0 0 7.81967728-8.4558246 13.84003652 13.84003652 0 0 0-0.86409337-11.19521643L447.62823946 444.1117181a15.73392793 15.73392793 0 0 0-13.90793534-8.09127258H308.97648457a15.88023374 15.88023374 0 0 0-13.07455891 6.6581232 13.84731139 13.84731139 0 0 0-1.22379469 13.87156097l124.73977715 263.2646259a15.66441246 15.66441246 0 0 0 13.56440043 8.6684126 15.85275087 15.85275087 0 0 0 14.31532829-7.51736586l151.55980003-255.65996238H690.44724642L588.83104859 679.69465434l-31.9916468-60.10982972c-3.89690594-7.2271792-13.23622277-10.13712802-20.92333568-6.51989977a14.87306864 14.87306864 0 0 0-7.81806064 8.45582379 13.83922819 13.83922819 0 0 0 0.86409337 11.19521724l46.78469101 87.74787014a16.04998079 16.04998079 0 0 0 28.15940722-0.5892648l124.74543538-263.26947582a13.84650307 13.84650307 0 0 0-1.16317073-13.92895164A15.88185037 15.88185037 0 0 0 714.3880366 436.01802056H589.69837524a15.78889364 15.78889364 0 0 0-13.62664101 7.51736585L435.27470142 681.17387792z" fill="#FFFFFF" p-id="6549"></path></svg>