From 724ad8e43a4d2254edec83b9c2edca6011fe7255 Mon Sep 17 00:00:00 2001
From: guofeilong <guofeilong@easycorp.ltd>
Date: Mon, 27 Mar 2023 17:25:45 +0800
Subject: [PATCH 1/2] * Adjust code .

---
 module/doc/css/tablecontents.css | 2 ++
 module/doc/js/tablecontents.js   | 4 ++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/module/doc/css/tablecontents.css b/module/doc/css/tablecontents.css
index 16c0adddc4..b657460f78 100644
--- a/module/doc/css/tablecontents.css
+++ b/module/doc/css/tablecontents.css
@@ -9,6 +9,7 @@
 .overflow-auto {overflow: auto;}
 .overflow-visible {overflow: visible;}
 .overflow-hidden {overflow: hidden;}
+.img-lib {width: 14px; height: 14px; margin-bottom: 2px;}
 #mainContent {padding-top: 0; padding-bottom: 0; height: calc(100vh - 125px);}
 #mainContent #createDropdown {display: inline-block;}
 #mainContent #createDropdown ul {position: absolute;}
@@ -62,6 +63,7 @@ li.drag-shadow ul {display: none!important;}
 .file-tree  a.show-icon {padding-right: 15px;}
 .flex-between {display: flex; align-items: center; justify-content: space-between;}
 .flex-center {display: flex; align-items: center; justify-content: center;}
+.flex-start {display: flex; align-items: center;}
 .tree li > .list-toggle {top: 4px;}
 .input-tree {width: 120px;}
 .tree-icon {position: absolute; right: 0;}
diff --git a/module/doc/js/tablecontents.js b/module/doc/js/tablecontents.js
index c83d5482f1..91ed0db7ed 100644
--- a/module/doc/js/tablecontents.js
+++ b/module/doc/js/tablecontents.js
@@ -26,9 +26,9 @@ $(function()
             var libClass = ['lib', 'annex', 'api', 'execution'].indexOf(item.type) !== -1 ? 'lib' : '';
             var hasChild = item.children ? !!item.children.length : false;
             var $item = '<a href="###" style="position: relative" data-has-children="' + hasChild + '" title="' + item.name + '" data-id="' + item.id + '" class="' + libClass + '" data-type="' + item.type + '">';
-            $item += '<div class="text h-full w-full flex-between overflow-hidden">';
+            $item += '<div class="text h-full w-full flex-start overflow-hidden">';
+            if(libClass == 'lib') $item += '<div class="img-lib" style="background-image:url(static/svg/annex.svg)"></div>';
             $item += '<span>';
-            if(libClass == 'lib') $item += '<i class="icon-file-excel"></i> ';
             $item += item.name
             $item += '</span>';
             $item += '<i class="icon icon-drop icon-ellipsis-v hidden tree-icon" data-isCatalogue="' + (item.type ? false : true) + '"></i>';

From db1c1a83a1c8fa24c2c6d466b2f405ee7489f55c Mon Sep 17 00:00:00 2001
From: guofeilong <guofeilong@easycorp.ltd>
Date: Tue, 28 Mar 2023 08:44:15 +0800
Subject: [PATCH 2/2] * Adjust code .

---
 module/doc/js/tablecontents.js | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/module/doc/js/tablecontents.js b/module/doc/js/tablecontents.js
index 91ed0db7ed..7d1644fe26 100644
--- a/module/doc/js/tablecontents.js
+++ b/module/doc/js/tablecontents.js
@@ -17,6 +17,12 @@ $(function()
         return dropdown;
     }
 
+    var imgObj = {
+        'annex': 'annex',
+        'lib': 'wiki-file-lib'
+    }
+    console.log(treeData);
+
     $('#fileTree').tree(
     {
         initialState: 'active',
@@ -27,8 +33,8 @@ $(function()
             var hasChild = item.children ? !!item.children.length : false;
             var $item = '<a href="###" style="position: relative" data-has-children="' + hasChild + '" title="' + item.name + '" data-id="' + item.id + '" class="' + libClass + '" data-type="' + item.type + '">';
             $item += '<div class="text h-full w-full flex-start overflow-hidden">';
-            if(libClass == 'lib') $item += '<div class="img-lib" style="background-image:url(static/svg/annex.svg)"></div>';
-            $item += '<span>';
+            if(libClass == 'lib') $item += '<div class="img-lib" style="background-image:url(static/svg/' + imgObj[item.type || 'lib'] + '.svg)"></div>';
+            $item += '<span style="padding-left: 5px;">';
             $item += item.name
             $item += '</span>';
             $item += '<i class="icon icon-drop icon-ellipsis-v hidden tree-icon" data-isCatalogue="' + (item.type ? false : true) + '"></i>';