feat: 文件管理界面update
This commit is contained in:
landaiqing
1
src/assets/icons/files/gz.svg
Normal file
1
src/assets/icons/files/gz.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg t="1720155790327" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="62979" width="200" height="200"><path d="M870.4 1024H153.6c-35.2 0-64-28.8-64-64V64c0-35.2 28.8-64 64-64h576l204.8 204.8V960c0 35.2-28.8 64-64 64z" fill="#F2F2F2" p-id="62980"></path><path d="M934.4 204.8H747.2c-9.6 0-17.6-8-17.6-17.6V0" fill="#DDDDDD" p-id="62981"></path><path d="M870.4 1024H153.6c-35.2 0-64-28.8-64-64V640h844.8v320c0 35.2-28.8 64-64 64z" fill="#F67D0F" p-id="62982"></path><path d="M422.4 883.2l99.2-118.4h-84.8c-6.4 0-9.6-1.6-14.4-3.2-3.2-3.2-6.4-6.4-6.4-9.6 0-3.2 1.6-8 4.8-9.6 3.2-3.2 8-3.2 14.4-3.2h110.4c14.4 0 22.4 6.4 22.4 19.2 0 6.4-1.6 11.2-3.2 16-3.2 3.2-8 9.6-14.4 17.6l-92.8 110.4H560c6.4 0 9.6 1.6 14.4 3.2 3.2 3.2 3.2 6.4 3.2 9.6 0 4.8-1.6 9.6-3.2 11.2-3.2 3.2-8 3.2-14.4 3.2h-128c-9.6 0-16-1.6-19.2-4.8-3.2-3.2-6.4-9.6-6.4-16 0-3.2 0-3.2 1.6-6.4s1.6-3.2 3.2-4.8c1.6-1.6 3.2-3.2 4.8-6.4 1.6-4.8 3.2-6.4 6.4-8z m179.2 24v-150.4c0-8 1.6-14.4 4.8-17.6s8-6.4 14.4-6.4 9.6 3.2 14.4 6.4c3.2 3.2 4.8 9.6 4.8 17.6v150.4c0 8-1.6 14.4-4.8 17.6-3.2 3.2-9.6 6.4-14.4 6.4s-9.6-3.2-14.4-6.4-4.8-9.6-4.8-17.6z m156.8-54.4h-35.2v54.4c0 8-1.6 14.4-4.8 17.6-3.2 3.2-8 6.4-14.4 6.4s-9.6-3.2-14.4-6.4-4.8-9.6-4.8-17.6v-148.8c0-9.6 3.2-14.4 6.4-17.6s9.6-4.8 19.2-4.8h49.6c16 0 25.6 1.6 35.2 3.2 8 3.2 14.4 6.4 20.8 11.2 4.8 4.8 9.6 11.2 12.8 19.2s3.2 16 3.2 24c0 19.2-6.4 35.2-17.6 44.8-14.4 9.6-32 14.4-56 14.4z m-9.6-88h-27.2v59.2h27.2c9.6 0 16-1.6 22.4-3.2 6.4-3.2 9.6-4.8 14.4-9.6s4.8-9.6 4.8-16c0-9.6-3.2-16-8-20.8-3.2-6.4-14.4-9.6-33.6-9.6z" fill="#FFFFFF" p-id="62983"></path><path d="M257.6 0h76.8v76.8h-76.8V0z m76.8 76.8h76.8v76.8h-76.8V76.8z m-76.8 76.8h76.8v76.8h-76.8V153.6z m76.8 76.8h76.8v76.8h-76.8v-76.8z m-76.8 76.8h76.8V384h-76.8v-76.8z m76.8 76.8h76.8v76.8h-76.8V384z m59.2 214.4h-118.4c-9.6 0-17.6-8-17.6-17.6v-120h153.6v121.6c0 9.6-8 16-17.6 16z" fill="#DDDDDD" p-id="62984"></path><path d="M380.8 579.2H288c-8 0-12.8-4.8-12.8-12.8s4.8-12.8 12.8-12.8h92.8c8 0 12.8 4.8 12.8 12.8s-6.4 12.8-12.8 12.8zM382.4 851.2v36.8c0 4.8 0 9.6-1.6 11.2s-3.2 4.8-4.8 8-6.4 4.8-9.6 6.4c-11.2 6.4-22.4 11.2-33.6 14.4s-22.4 3.2-35.2 3.2c-16 0-28.8-3.2-41.6-6.4-12.8-4.8-22.4-11.2-30.4-19.2-9.6-9.6-16-19.2-19.2-32-4.8-12.8-6.4-25.6-6.4-41.6s3.2-28.8 6.4-41.6 11.2-22.4 19.2-32c9.6-9.6 19.2-16 32-20.8s27.2-6.4 41.6-6.4c12.8 0 24 1.6 35.2 4.8 9.6 3.2 17.6 8 24 12.8s11.2 9.6 14.4 16 4.8 11.2 4.8 16c0 4.8-1.6 9.6-4.8 12.8-3.2 6.4-8 6.4-12.8 6.4-3.2 0-4.8-1.6-8-3.2s-4.8-3.2-6.4-4.8c-4.8-8-9.6-12.8-12.8-16s-6.4-8-12.8-9.6c-4.8-3.2-12.8-3.2-22.4-3.2s-16 1.6-24 4.8c-8 3.2-12.8 8-17.6 14.4s-9.6 12.8-11.2 22.4-4.8 16-4.8 27.2c0 22.4 4.8 40 16 52.8s24 17.6 43.2 17.6c9.6 0 17.6-1.6 25.6-3.2s16-4.8 24-9.6v-30.4h-30.4c-8 0-12.8-1.6-16-3.2s-4.8-6.4-4.8-11.2c0-3.2 1.6-8 4.8-9.6 3.2-3.2 8-3.2 12.8-3.2h41.6c4.8 0 9.6 0 14.4 1.6s6.4 3.2 9.6 6.4 1.6 4.8 1.6 11.2z" fill="#FFFFFF" p-id="62985"></path></svg>
|
||||
|
After Width: | Height: | Size: 2.9 KiB |
1
src/assets/icons/files/java.svg
Normal file
1
src/assets/icons/files/java.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg t="1720154928873" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="29016" width="200" height="200"><path d="M783.359031 0H103.864315C87.041518 0 73.144424 13.897093 73.144424 40.228428v962.556562a32.182742 32.182742 0 0 0 30.719891 21.211353h837.482723a32.182742 32.182742 0 0 0 30.71989-21.211353v-804.568555c0-14.628519 0-19.017075-5.851407-22.674205L796.524698 5.119982a21.211353 21.211353 0 0 0-13.165667-5.119982z" fill="#D8EBED" p-id="29017"></path><path d="M795.061846 0v177.736508h177.005082L795.061846 0z" fill="#97CFD6" p-id="29018"></path><path d="M704.365027 304.273199h-17.554223v-35.839872H277.943693v62.171207A204.067843 204.067843 0 0 0 650.239506 446.169835h54.125521a73.142596 73.142596 0 0 0 0-141.896636z m-219.427787 195.290731a168.959397 168.959397 0 0 1-168.227971-168.959396v-26.331335H650.970932v26.331335a168.959397 168.959397 0 0 1-168.959396 168.959396z m219.427787-89.233967h-34.37702a205.530695 205.530695 0 0 0 16.091371-73.142596h18.285649a35.108446 35.108446 0 0 1 35.108446 35.839872 34.37702 34.37702 0 0 1-35.108446 37.302724zM348.892011 552.958025h266.239049V585.140767H348.892011z m106.78819-380.341499a21.211353 21.211353 0 0 1 14.628519-20.479926 57.782651 57.782651 0 0 0 41.69128-54.125521V73.142596h-38.765576v24.868483a21.211353 21.211353 0 0 1-14.628519 20.479926 57.782651 57.782651 0 0 0-38.765576 54.125521v24.868483h35.839872v-24.868483z m35.108446 35.108446v25.599909h35.839872v-25.599909a21.211353 21.211353 0 0 1 14.628519-19.7485 57.051225 57.051225 0 0 0 38.765576-54.125521v-24.868483h-35.839872v24.868483a21.211353 21.211353 0 0 1-14.628519 20.479926 57.051225 57.051225 0 0 0-38.765576 53.394095zM941.347038 1023.996343H103.864315a30.71989 30.71989 0 0 1-30.719891-30.71989V668.523327h898.922504v324.753126a30.71989 30.71989 0 0 1-30.71989 30.71989z" fill="#01BCD5" p-id="29019"></path><path d="M269.898008 694.854661a21.942779 21.942779 0 0 0-17.554224 7.31426 21.942779 21.942779 0 0 0-8.045685 17.554223 24.868483 24.868483 0 0 0 8.045685 18.285649 23.405631 23.405631 0 0 0 17.554224 6.582833 28.525612 28.525612 0 0 0 22.674204-6.582833 26.331335 26.331335 0 0 0 7.31426-18.285649 24.137057 24.137057 0 0 0-7.31426-17.554223 25.599909 25.599909 0 0 0-22.674204-7.31426z m-18.285649 73.142596V950.853747c0 13.897093-6.582834 21.211353-19.017075 21.211353H219.429616v30.71989h16.091371c35.839872 0 53.394095-16.822797 53.394095-49.736965v-187.976472zM413.988921 759.951572a95.816801 95.816801 0 0 0-51.931243 11.702815 59.245503 59.245503 0 0 0-27.794186 41.69128h37.302724a31.451316 31.451316 0 0 1 14.628519-19.748501 41.69128 41.69128 0 0 1 24.868483-5.851408c24.868483 0 37.302724 10.971389 37.302724 33.645594v6.582834h-38.03415a103.13106 103.13106 0 0 0-58.514077 16.091371 50.468391 50.468391 0 0 0-22.674205 44.616983 44.616984 44.616984 0 0 0 16.091371 35.108446 62.902632 62.902632 0 0 0 42.422706 13.897094 91.428245 91.428245 0 0 0 38.765576-8.045686 62.902632 62.902632 0 0 0 24.137056-19.748501v22.674205h35.108446v-105.325338a65.09691 65.09691 0 0 0-16.091371-48.274113 73.142596 73.142596 0 0 0-55.588373-19.017075z m34.377021 98.011078v8.777112a43.885558 43.885558 0 0 1-15.359946 32.914168 58.514077 58.514077 0 0 1-37.302724 12.434241 29.257038 29.257038 0 0 1-19.7485-6.582834 16.091371 16.091371 0 0 1-8.045686-14.628519c0-20.479927 15.359945-31.451316 45.34841-31.451316z" fill="#FFFFFF" p-id="29020"></path><path d="M507.611444 765.071553l62.902633 171.153675h38.03415l63.634058-171.153675h-41.69128l-40.959853 124.342413-40.959854-124.342413h-40.959854z" fill="#FFFFFF" p-id="29021"></path><path d="M771.656216 759.951572a95.816801 95.816801 0 0 0-51.931244 11.702815 59.245503 59.245503 0 0 0-27.794186 41.69128h37.302724a31.451316 31.451316 0 0 1 14.628519-19.748501 41.69128 41.69128 0 0 1 24.868483-5.851408c24.868483 0 36.571298 10.971389 36.571298 33.645594v6.582834h-37.302724a103.13106 103.13106 0 0 0-58.514077 16.091371 50.468391 50.468391 0 0 0-22.674205 44.616983 44.616984 44.616984 0 0 0 16.091371 35.108446 62.171207 62.171207 0 0 0 41.69128 13.897094 92.891097 92.891097 0 0 0 39.497002-8.045686 62.902632 62.902632 0 0 0 24.137056-19.748501v22.674205h35.108447v-105.325338a65.09691 65.09691 0 0 0-16.091372-48.274113 73.142596 73.142596 0 0 0-55.588372-19.017075z m32.914168 98.011078v8.777112a43.154132 43.154132 0 0 1-14.62852 32.914168 58.514077 58.514077 0 0 1-37.302723 12.434241 29.257038 29.257038 0 0 1-19.748501-6.582834 16.091371 16.091371 0 0 1-8.045686-14.628519c0-20.479927 15.359945-31.451316 45.34841-31.451316z" fill="#FFFFFF" p-id="29022"></path></svg>
|
||||
|
After Width: | Height: | Size: 4.5 KiB |
1
src/assets/icons/files/rar.svg
Normal file
1
src/assets/icons/files/rar.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg t="1720155728292" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="58394" width="200" height="200"><path d="M103.285115 1.171476C82.849371 1.171476 66.188382 17.832465 66.188382 38.268209v947.333418c0 20.435744 16.660989 37.096733 37.096733 37.096733h817.299606c20.435744 0 37.096733-16.660989 37.096733-37.096733V224.012203L734.970891 1.171476H103.285115z" fill="#EA5352" p-id="58395"></path><path d="M734.840727 1.171476v185.743994c0 20.435744 16.660989 37.096733 37.096733 37.096733H957.811618L734.840727 1.171476z" fill="#FFCCCC" p-id="58396"></path><path d="M331.332401 416.524724h60.656413v60.656412h-60.656413zM392.118978 355.868311H452.775391V416.524724h-60.656413zM392.118978 234.425321H452.775391v60.656413h-60.656413zM331.332401 295.081734h60.656413v60.656413h-60.656413zM331.332401 173.638744h60.656413V234.295157h-60.656413zM392.118978 112.982331H452.775391v60.656413h-60.656413zM331.332401 52.325918h60.656413v60.786577h-60.656413zM274.060252 686.614974c-7.940003-13.276726-14.318037-22.518368-18.873777-27.594763-5.206559-5.727215-11.194102-10.543282-17.832465-14.318037 14.318037-2.212788 25.251811-7.549511 32.671158-15.749841s10.933774-18.873777 10.933774-31.760011c0.260328-9.50197-2.342952-18.743613-7.289182-26.813779-4.425575-7.419347-11.194102-13.146562-19.134105-16.270497-7.940003-3.123935-20.826236-4.685903-38.528537-4.685903H145.848735v170.514809h35.925258V644.311682l4.035083 4.555739c7.679675 0 13.276726 0.65082 16.791153 1.822296 3.904919 1.561968 7.289183 3.904919 10.022626 7.159018 3.123935 3.384263 8.981314 11.714758 17.572137 24.991484l24.080335 37.096733h39.830177l-20.045252-33.321978z m-70.288547-64.82166H179.170713v-43.344604h25.902631c13.40689 0 21.60722 0.130164 24.340664 0.520656 4.816067 0.65082 9.371806 2.993771 12.495742 6.768526 2.863607 3.514427 4.425575 8.070167 4.425575 13.927546 0.260328 4.425575-0.911148 8.981314-3.2541 12.75607-2.212788 3.384263-5.597051 5.857379-9.371806 7.159018-3.904919 1.431804-14.057709 2.082624-29.937714 2.212788zM406.437015 549.552307h-35.144273l-64.301004 170.514809h35.274437l13.537054-38.658701h65.862972l14.448201 38.658701H472.299987l-65.862972-170.514809z m-40.220668 103.089869l22.25804-63.389856 22.778695 63.389856h-45.036735zM616.131181 686.614974c-7.940003-13.276726-14.187873-22.518368-18.873777-27.594763-5.206559-5.727215-11.194102-10.543282-17.832464-14.318037 14.318037-2.212788 25.251811-7.549511 32.671158-15.749841 7.289183-8.20033 10.933774-18.873777 10.933774-31.760011 0.260328-9.50197-2.342952-18.743613-7.289183-26.813779-4.425575-7.419347-11.194102-13.146562-19.134105-16.270497-7.940003-3.123935-20.826236-4.685903-38.398372-4.685903h-69.898056v170.514809h35.925258V644.311682l4.035083 4.555739c7.679675 0 13.276726 0.65082 16.791153 1.822296 3.904919 1.561968 7.289183 3.904919 10.022626 7.159018 3.123935 3.384263 8.981314 11.714758 17.572137 24.991484l24.080335 37.096733H636.306597l-20.175416-33.321978z m-70.288547-64.951824h-24.600992v-43.344604h25.902632c13.40689 0 21.60722 0.130164 24.340663 0.520656 4.816067 0.65082 9.371806 2.993771 12.495742 6.768526 2.993771 3.514427 4.425575 8.070167 4.425575 13.927546 0 5.206559-1.041312 9.371806-3.254099 12.75607-2.212788 3.384263-5.597051 5.987543-9.371807 7.289182-3.904919 1.431804-14.057709 2.082624-29.937714 2.082624z" fill="#FFFFFF" p-id="58397"></path></svg>
|
||||
|
After Width: | Height: | Size: 3.3 KiB |
@@ -1,28 +1,48 @@
|
||||
.file_main{
|
||||
.file_main {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
.file_content_left{
|
||||
|
||||
.file_content_left {
|
||||
width: 25%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.file_content_right{
|
||||
|
||||
.file_content_right {
|
||||
width: 73%;
|
||||
height: 75vh;
|
||||
.file_right_content{
|
||||
|
||||
.file_right_content {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: row;
|
||||
margin-top: 20px;
|
||||
.file_card:hover{
|
||||
|
||||
.file_card:hover {
|
||||
background-color: rgba(16, 15, 15, 0.08);
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
.file_right_header{
|
||||
|
||||
.file_right_header {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.file_name {
|
||||
width: 65px;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
margin-top: 5px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
display: inline-block;
|
||||
-o-text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
@@ -12,6 +12,7 @@ import {
|
||||
FloatButton,
|
||||
message,
|
||||
Select,
|
||||
Tooltip,
|
||||
} from "antd";
|
||||
import ali from "@/assets/icons/aliyun.svg";
|
||||
import bucket from "@/assets/icons/bucket.svg";
|
||||
@@ -29,7 +30,7 @@ import FileIcon from "@/context/file-icon.ts";
|
||||
import file_icon from "@/assets/icons/files/file.svg";
|
||||
const dataList: any = [
|
||||
{
|
||||
name: "demo0.java",
|
||||
name: "demo01.java",
|
||||
isDir: false,
|
||||
path: "demo0.java",
|
||||
length: "346",
|
||||
@@ -238,58 +239,92 @@ const File: FunctionComponent = () => {
|
||||
{files.map((file: any, index: any) => {
|
||||
if (file.isDir) {
|
||||
return (
|
||||
<div
|
||||
<Dropdown
|
||||
key={index}
|
||||
style={{ marginLeft: 10 }}
|
||||
onDoubleClick={() => {
|
||||
store.setFilePath({
|
||||
title: file.name,
|
||||
});
|
||||
setFiles(fileList);
|
||||
}}>
|
||||
<CheckCard
|
||||
size={"small"}
|
||||
value={file.name}
|
||||
avatar={
|
||||
<div
|
||||
style={{
|
||||
display: "flex",
|
||||
flexDirection: "column",
|
||||
justifyContent: "center",
|
||||
alignItems: "center",
|
||||
}}>
|
||||
<Avatar
|
||||
src={standard_dir}
|
||||
shape={"square"}
|
||||
size={"large"}
|
||||
/>
|
||||
<span
|
||||
menu={{
|
||||
items: [
|
||||
{
|
||||
label: "删除",
|
||||
key: "1",
|
||||
},
|
||||
{
|
||||
label: "编辑",
|
||||
key: "2",
|
||||
},
|
||||
],
|
||||
}}
|
||||
trigger={["contextMenu"]}>
|
||||
<div
|
||||
style={{ marginLeft: 10 }}
|
||||
onDoubleClick={() => {
|
||||
store.setFilePath({
|
||||
title: file.name,
|
||||
});
|
||||
setFiles(fileList);
|
||||
}}>
|
||||
<CheckCard
|
||||
size={"small"}
|
||||
value={file.name}
|
||||
avatar={
|
||||
<div
|
||||
style={{
|
||||
fontSize: 12,
|
||||
marginTop: 5,
|
||||
display: "flex",
|
||||
flexDirection: "column",
|
||||
justifyContent: "center",
|
||||
alignItems: "center",
|
||||
}}>
|
||||
{file.name}
|
||||
</span>
|
||||
</div>
|
||||
}
|
||||
className={styles.file_card}
|
||||
style={{
|
||||
width: 100,
|
||||
height: 100,
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<Avatar
|
||||
src={standard_dir}
|
||||
shape={"square"}
|
||||
size={"large"}
|
||||
/>
|
||||
<Tooltip
|
||||
title={file.name}
|
||||
placement={"bottom"}
|
||||
color={"lime"}>
|
||||
<span
|
||||
className={
|
||||
styles.file_name
|
||||
}>
|
||||
{file.name}
|
||||
</span>
|
||||
</Tooltip>
|
||||
</div>
|
||||
}
|
||||
className={styles.file_card}
|
||||
style={{
|
||||
width: 100,
|
||||
height: 100,
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
</Dropdown>
|
||||
);
|
||||
} else {
|
||||
return (
|
||||
<div key={index} style={{ marginLeft: 10 }}>
|
||||
<Dropdown
|
||||
key={index}
|
||||
menu={{
|
||||
items: [
|
||||
{
|
||||
label: "删除",
|
||||
key: "1",
|
||||
},
|
||||
{
|
||||
label: "编辑",
|
||||
key: "2",
|
||||
},
|
||||
],
|
||||
}}
|
||||
trigger={["contextMenu"]}>
|
||||
<div style={{ marginLeft: 10 }}>
|
||||
<CheckCard
|
||||
key={index}
|
||||
size={"small"}
|
||||
value={file.name}
|
||||
bodyStyle={{ overflow: "hidden" }}
|
||||
avatar={
|
||||
<div
|
||||
style={{
|
||||
@@ -297,6 +332,7 @@ const File: FunctionComponent = () => {
|
||||
flexDirection: "column",
|
||||
justifyContent: "center",
|
||||
alignItems: "center",
|
||||
overflow: "hidden",
|
||||
}}>
|
||||
<Avatar
|
||||
src={
|
||||
@@ -307,13 +343,15 @@ const File: FunctionComponent = () => {
|
||||
shape={"square"}
|
||||
size={"large"}
|
||||
/>
|
||||
<span
|
||||
style={{
|
||||
fontSize: 12,
|
||||
marginTop: 5,
|
||||
}}>
|
||||
{file.name}
|
||||
</span>
|
||||
<Tooltip
|
||||
title={file.name}
|
||||
color={"lime"}
|
||||
autoAdjustOverflow={true}
|
||||
placement={"bottom"}>
|
||||
<span className={styles.file_name}>
|
||||
{file.name}
|
||||
</span>
|
||||
</Tooltip>
|
||||
</div>
|
||||
}
|
||||
className={styles.file_card}
|
||||
@@ -326,6 +364,7 @@ const File: FunctionComponent = () => {
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
</Dropdown>
|
||||
);
|
||||
}
|
||||
})}
|
||||
|
||||
@@ -3,9 +3,72 @@
|
||||
import jpg from "@/assets/icons/files/jpg.svg";
|
||||
import png from "@/assets/icons/files/png.svg";
|
||||
import pdf from "@/assets/icons/files/pdf.svg";
|
||||
import java from "@/assets/icons/files/java.svg";
|
||||
import ai from "@/assets/icons/files/ai.svg";
|
||||
import avi from "@/assets/icons/files/avi.svg";
|
||||
import css from "@/assets/icons/files/css.svg";
|
||||
import csv from "@/assets/icons/files/csv.svg";
|
||||
import dbf from "@/assets/icons/files/dbf.svg";
|
||||
import doc from "@/assets/icons/files/doc.svg";
|
||||
import dwg from "@/assets/icons/files/dwg.svg";
|
||||
import exe from "@/assets/icons/files/exe.svg";
|
||||
import fla from "@/assets/icons/files/fla.svg";
|
||||
import flash from "@/assets/icons/files/flash.svg";
|
||||
import gif from "@/assets/icons/files/gif.svg";
|
||||
import html from "@/assets/icons/files/html.svg";
|
||||
import iso from "@/assets/icons/files/iso.svg";
|
||||
import javascript from "@/assets/icons/files/javascript.svg";
|
||||
import json from "@/assets/icons/files/json-file.svg";
|
||||
import mp3 from "@/assets/icons/files/mp3.svg";
|
||||
import mp4 from "@/assets/icons/files/mp4.svg";
|
||||
import ppt from "@/assets/icons/files/ppt.svg";
|
||||
import psd from "@/assets/icons/files/psd.svg";
|
||||
import rtf from "@/assets/icons/files/rtf.svg";
|
||||
import search from "@/assets/icons/files/search.svg";
|
||||
import svg from "@/assets/icons/files/svg.svg";
|
||||
import trash from "@/assets/icons/files/trash.svg";
|
||||
import trashbox from "@/assets/icons/files/trashbox.svg";
|
||||
import txt from "@/assets/icons/files/txt.svg";
|
||||
import xls from "@/assets/icons/files/xls.svg";
|
||||
import xml from "@/assets/icons/files/xml.svg";
|
||||
import zip from "@/assets/icons/files/zip.svg";
|
||||
import rar from "@/assets/icons/files/rar.svg";
|
||||
import gz from "@/assets/icons/files/gz.svg";
|
||||
const FileIcon: any = {
|
||||
jpg: jpg,
|
||||
png: png,
|
||||
pdf: pdf,
|
||||
java: java,
|
||||
ai: ai,
|
||||
avi: avi,
|
||||
css: css,
|
||||
csv: csv,
|
||||
dbf: dbf,
|
||||
doc: doc,
|
||||
docx: doc,
|
||||
dwg: dwg,
|
||||
exe: exe,
|
||||
fla: fla,
|
||||
flash: flash,
|
||||
gif: gif,
|
||||
html: html,
|
||||
iso: iso,
|
||||
javascript: javascript,
|
||||
json: json,
|
||||
mp3: mp3,
|
||||
mp4: mp4,
|
||||
ppt: ppt,
|
||||
psd: psd,
|
||||
rtf: rtf,
|
||||
search: search,
|
||||
svg: svg,
|
||||
trash: trash,
|
||||
trashbox: trashbox,
|
||||
txt: txt,
|
||||
xls: xls,
|
||||
xml: xml,
|
||||
zip: zip,
|
||||
rar: rar,
|
||||
gz: gz,
|
||||
};
|
||||
export default FileIcon;
|
||||
|
||||
Reference in New Issue
Block a user