From c185b4c9c29230401469e5774058ef287637daf1 Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Thu, 21 Apr 2022 17:36:32 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E5=85=B1=E4=BA=AB?=
 =?UTF-8?q?=E6=96=87=E4=BB=B6=E5=A4=B9=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/images/file/dark/folder-share.svg      | 36 +++++++++++++++++++
 public/images/file/light/folder-share.svg     | 34 ++++++++++++++++++
 resources/assets/js/pages/manage/file.vue     |  8 +++--
 resources/assets/sass/dark.scss               | 11 ++++--
 resources/assets/sass/fileicon.scss           | 11 ++++--
 .../public/images/file/dark/folder-share.svg  | 36 +++++++++++++++++++
 .../public/images/file/light/folder-share.svg | 34 ++++++++++++++++++
 7 files changed, 163 insertions(+), 7 deletions(-)
 create mode 100644 public/images/file/dark/folder-share.svg
 create mode 100644 public/images/file/light/folder-share.svg
 create mode 100644 resources/assets/statics/public/images/file/dark/folder-share.svg
 create mode 100644 resources/assets/statics/public/images/file/light/folder-share.svg

diff --git a/public/images/file/dark/folder-share.svg b/public/images/file/dark/folder-share.svg
new file mode 100644
index 000000000..a7307b4a3
--- /dev/null
+++ b/public/images/file/dark/folder-share.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.1.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_00000033336462823464997130000002828716636929563273_);}
+	.st1{fill:#CC8829;}
+	.st2{fill:#E6A82E;}
+</style>
+<g>
+	<g>
+		<g>
+			<defs>
+				<rect id="SVGID_1_" x="96" y="96" width="832" height="832"/>
+			</defs>
+			<clipPath id="SVGID_00000030462761771329416840000015664926241110403747_">
+				<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+			</clipPath>
+
+				<g id="组_229_00000039120148495905233420000015638770175601395616_" style="clip-path:url(#SVGID_00000030462761771329416840000015664926241110403747_);">
+				<path id="路径_130_00000158749428939301281780000009980643693093384124_" class="st1" d="M224,752.4h576.1
+					c35.3-0.1,63.9-28.7,64-64V299.8c-0.1-35.3-28.7-63.9-64-64H224c-35.3,0.1-63.9,28.7-64,64v388.6
+					C160.1,723.7,188.7,752.3,224,752.4"/>
+				<path id="路径_131_00000018200541352210124860000016728334620568793479_" class="st2" d="M842.7,871.6H181.3
+					c-47.1,0-85.3-38.2-85.3-85.3V252.8c0-47.1,38.2-85.3,85.3-85.3h268.5c36.6,0,69.1,23.3,80.9,58l24.1,71.4
+					c11.7,34.7,44.3,58,80.9,58h206.6c47.1,0,85.3,38.1,85.3,85.2l0.5,346C928,833.3,889.8,871.6,842.7,871.6L842.7,871.6"/>
+			</g>
+		</g>
+	</g>
+	<path class="st1" d="M532.8,586c28.4-15.1,47.3-45.4,47.3-79.5c0-51.1-41.7-90.9-90.9-90.9c-51.1,0-90.9,41.7-90.9,90.9
+		c0,34.1,18.9,62.5,45.4,79.5c-62.5,18.9-109.8,72-115.5,140.1c0,5.7,3.8,9.5,9.5,9.5h303c5.7,0,9.5-5.7,9.5-9.5
+		C642.7,659.8,595.3,604.9,532.8,586z M614.3,565.1c18.9-11.4,32.2-32.2,32.2-56.8c0-34.1-24.6-60.6-56.8-64.4
+		c11.4,18.9,17,39.8,17,62.5c0,26.5-9.5,51.1-22.7,70.1c36,20.8,64.4,54.9,79.5,92.8H690c3.8,0,5.7-3.8,5.7-7.6
+		C691.9,616.3,659.7,576.5,614.3,565.1z"/>
+</g>
+</svg>
diff --git a/public/images/file/light/folder-share.svg b/public/images/file/light/folder-share.svg
new file mode 100644
index 000000000..3bc45238d
--- /dev/null
+++ b/public/images/file/light/folder-share.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.1.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_00000013878228014924331530000018021867504706480294_);}
+	.st1{fill:#F9B552;}
+	.st2{fill:#FFCF5C;}
+</style>
+<g>
+	<g>
+		<g>
+			<defs>
+				<rect id="SVGID_1_" x="96" y="96" width="832" height="832"/>
+			</defs>
+			<clipPath id="SVGID_00000083806474236884102000000004358771661522909088_">
+				<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+			</clipPath>
+			<g id="组_229" style="clip-path:url(#SVGID_00000083806474236884102000000004358771661522909088_);">
+				<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>
+	<path class="st1" d="M532.8,586c28.4-15.1,47.3-45.4,47.3-79.5c0-51.1-41.7-90.9-90.9-90.9c-51.1,0-90.9,41.7-90.9,90.9
+		c0,34.1,18.9,62.5,45.4,79.5c-62.5,18.9-109.8,72-115.5,140.1c0,5.7,3.8,9.5,9.5,9.5h303c5.7,0,9.5-5.7,9.5-9.5
+		C642.7,659.8,595.3,604.9,532.8,586z M614.3,565.1c18.9-11.4,32.2-32.2,32.2-56.8c0-34.1-24.6-60.6-56.8-64.4
+		c11.4,18.9,17,39.8,17,62.5c0,26.5-9.5,51.1-22.7,70.1c36,20.8,64.4,54.9,79.5,92.8H690c3.8,0,5.7-3.8,5.7-7.6
+		C691.9,616.3,659.7,576.5,614.3,565.1z"/>
+</g>
+</svg>
diff --git a/resources/assets/js/pages/manage/file.vue b/resources/assets/js/pages/manage/file.vue
index 56fa88240..cd2bab5fe 100644
--- a/resources/assets/js/pages/manage/file.vue
+++ b/resources/assets/js/pages/manage/file.vue
@@ -88,7 +88,7 @@
                                 <div class="file-menu" @click.stop="handleRightClick($event, item)">
                                     <Icon type="ios-more" />
                                 </div>
-                                <div :class="`no-dark-before file-icon ${item.type}`">
+                                <div :class="`no-dark-before file-icon ${item.type}${item.share ? ' share' : ''}`">
                                     <template v-if="item.share">
                                         <UserAvatar v-if="item.userid != userId" :userid="item.userid" class="share-avatar" :size="20">
                                             <p>{{$L('共享权限')}}: {{$L(item.permission == 1 ? '读/写' : '只读')}}</p>
@@ -776,11 +776,13 @@ export default {
                                     row.created_id != row.userid ? h('p', [h('strong', this.$L('成员创建于') + ": " + row.created_at)]) : h('p', this.$L('所有者创建') + ": " + row.created_at)
                                 ]))
                             }
+                            const shearClass = this.shearIds.includes(row.id) ? ' shear' : '';
+                            const shareClass = row.share ? ' share' : '';
                             return h('div', {
-                                class: `file-nbox ${this.shearIds.includes(row.id) ? 'shear' : ''}`,
+                                class: `file-nbox${shearClass}`,
                             }, [
                                 h('div', {
-                                    class: `no-dark-before file-name file-icon ${row.type}`,
+                                    class: `no-dark-before file-name file-icon ${row.type}${shareClass}`,
                                 }, array),
                                 iconArray
                             ]);
diff --git a/resources/assets/sass/dark.scss b/resources/assets/sass/dark.scss
index 2d3533153..db2d3aae7 100644
--- a/resources/assets/sass/dark.scss
+++ b/resources/assets/sass/dark.scss
@@ -246,8 +246,15 @@ body.dark-mode-reverse {
         &.flow:before {
             background-image: url("../images/file/dark/flow.svg");
         }
-        &.folder:before {
-            background-image: url("../images/file/dark/folder.svg");
+        &.folder {
+            &:before {
+                background-image: url("../images/file/dark/folder.svg");
+            }
+            &.share {
+                &:before {
+                    background-image: url("../images/file/dark/folder-share.svg");
+                }
+            }
         }
         &.media:before {
             background-image: url("../images/file/dark/media.svg");
diff --git a/resources/assets/sass/fileicon.scss b/resources/assets/sass/fileicon.scss
index 336ce681a..56c72c8ee 100644
--- a/resources/assets/sass/fileicon.scss
+++ b/resources/assets/sass/fileicon.scss
@@ -26,8 +26,15 @@
     &.flow:before {
         background-image: url("../images/file/light/flow.svg");
     }
-    &.folder:before {
-        background-image: url("../images/file/light/folder.svg");
+    &.folder {
+        &:before {
+            background-image: url("../images/file/light/folder.svg");
+        }
+        &.share {
+            &:before {
+                background-image: url("../images/file/light/folder-share.svg");
+            }
+        }
     }
     &.media:before {
         background-image: url("../images/file/light/media.svg");
diff --git a/resources/assets/statics/public/images/file/dark/folder-share.svg b/resources/assets/statics/public/images/file/dark/folder-share.svg
new file mode 100644
index 000000000..a7307b4a3
--- /dev/null
+++ b/resources/assets/statics/public/images/file/dark/folder-share.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.1.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_00000033336462823464997130000002828716636929563273_);}
+	.st1{fill:#CC8829;}
+	.st2{fill:#E6A82E;}
+</style>
+<g>
+	<g>
+		<g>
+			<defs>
+				<rect id="SVGID_1_" x="96" y="96" width="832" height="832"/>
+			</defs>
+			<clipPath id="SVGID_00000030462761771329416840000015664926241110403747_">
+				<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+			</clipPath>
+
+				<g id="组_229_00000039120148495905233420000015638770175601395616_" style="clip-path:url(#SVGID_00000030462761771329416840000015664926241110403747_);">
+				<path id="路径_130_00000158749428939301281780000009980643693093384124_" class="st1" d="M224,752.4h576.1
+					c35.3-0.1,63.9-28.7,64-64V299.8c-0.1-35.3-28.7-63.9-64-64H224c-35.3,0.1-63.9,28.7-64,64v388.6
+					C160.1,723.7,188.7,752.3,224,752.4"/>
+				<path id="路径_131_00000018200541352210124860000016728334620568793479_" class="st2" d="M842.7,871.6H181.3
+					c-47.1,0-85.3-38.2-85.3-85.3V252.8c0-47.1,38.2-85.3,85.3-85.3h268.5c36.6,0,69.1,23.3,80.9,58l24.1,71.4
+					c11.7,34.7,44.3,58,80.9,58h206.6c47.1,0,85.3,38.1,85.3,85.2l0.5,346C928,833.3,889.8,871.6,842.7,871.6L842.7,871.6"/>
+			</g>
+		</g>
+	</g>
+	<path class="st1" d="M532.8,586c28.4-15.1,47.3-45.4,47.3-79.5c0-51.1-41.7-90.9-90.9-90.9c-51.1,0-90.9,41.7-90.9,90.9
+		c0,34.1,18.9,62.5,45.4,79.5c-62.5,18.9-109.8,72-115.5,140.1c0,5.7,3.8,9.5,9.5,9.5h303c5.7,0,9.5-5.7,9.5-9.5
+		C642.7,659.8,595.3,604.9,532.8,586z M614.3,565.1c18.9-11.4,32.2-32.2,32.2-56.8c0-34.1-24.6-60.6-56.8-64.4
+		c11.4,18.9,17,39.8,17,62.5c0,26.5-9.5,51.1-22.7,70.1c36,20.8,64.4,54.9,79.5,92.8H690c3.8,0,5.7-3.8,5.7-7.6
+		C691.9,616.3,659.7,576.5,614.3,565.1z"/>
+</g>
+</svg>
diff --git a/resources/assets/statics/public/images/file/light/folder-share.svg b/resources/assets/statics/public/images/file/light/folder-share.svg
new file mode 100644
index 000000000..3bc45238d
--- /dev/null
+++ b/resources/assets/statics/public/images/file/light/folder-share.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.1.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_00000013878228014924331530000018021867504706480294_);}
+	.st1{fill:#F9B552;}
+	.st2{fill:#FFCF5C;}
+</style>
+<g>
+	<g>
+		<g>
+			<defs>
+				<rect id="SVGID_1_" x="96" y="96" width="832" height="832"/>
+			</defs>
+			<clipPath id="SVGID_00000083806474236884102000000004358771661522909088_">
+				<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+			</clipPath>
+			<g id="组_229" style="clip-path:url(#SVGID_00000083806474236884102000000004358771661522909088_);">
+				<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>
+	<path class="st1" d="M532.8,586c28.4-15.1,47.3-45.4,47.3-79.5c0-51.1-41.7-90.9-90.9-90.9c-51.1,0-90.9,41.7-90.9,90.9
+		c0,34.1,18.9,62.5,45.4,79.5c-62.5,18.9-109.8,72-115.5,140.1c0,5.7,3.8,9.5,9.5,9.5h303c5.7,0,9.5-5.7,9.5-9.5
+		C642.7,659.8,595.3,604.9,532.8,586z M614.3,565.1c18.9-11.4,32.2-32.2,32.2-56.8c0-34.1-24.6-60.6-56.8-64.4
+		c11.4,18.9,17,39.8,17,62.5c0,26.5-9.5,51.1-22.7,70.1c36,20.8,64.4,54.9,79.5,92.8H690c3.8,0,5.7-3.8,5.7-7.6
+		C691.9,616.3,659.7,576.5,614.3,565.1z"/>
+</g>
+</svg>