feat: 搜索历史

src/assets/css/components/components/advancedSearch/advanced-search2.scss

@@ -35,14 +35,21 @@
   display: flex;
   align-items: center;
   height: 40px;
+  overflow: auto hidden;
   border: 1px solid #CECECE;
   border-radius: 2px;
   padding-left: 10px;
   padding-right: 80px;
   background-color: white;
 
+  &::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+  }
+
   .tag-search__meta, .tag-search__add {
     margin-right: 10px;
+    flex-shrink: 0;
   }
 
   .tag-search__add {

src/assets/css/components/components/advancedSearch/codemirror.scss

@@ -160,12 +160,15 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
   position: relative;
   overflow: hidden;
   background: white;
+  width: 100%;
+  padding-right: 120px;
 }
 
 .CodeMirror-scroll {
   // overflow: scroll !important; /* Things will break if this is overridden */
   /* 50px is the magic margin used to hide the element's real scrollbars */
   /* See overflow: hidden in .CodeMirror */
+  overflow: hidden;
   margin-bottom: -50px; margin-right: -50px;
   padding-bottom: 50px;
   height: 100%;

src/assets/css/components/views/entityExplorer/search/explorer-search.scss

@@ -53,6 +53,7 @@
       padding-top: 18px;
       width: 100%;
       max-width: 1000px;
+      position: relative;
       justify-content: space-between;
       font-weight: bold;
 
@@ -64,9 +65,68 @@
           background-color: #3976CB;
         }
 
-        span {
+        i, span {
           cursor: pointer;
         }
+
+        i {
+          transition: all linear .1s;
+          transform: rotate(0) translate(0, 0);
+        }
+        i.arrow-rotate {
+          transform: rotate(90deg) translate(2px, 3px);
+        }
+      }
+
+      .search__history {
+        position: absolute;
+        display: flex;
+        padding: 10px 0;
+        flex-direction: column;
+        width: 100%;
+        max-width: 1000px;
+        top: 47px;
+        border: 1px solid rgba(206,206,206,0.20);
+        border-radius: 2px;
+        background-color: white;
+
+        .history__item {
+          height: 35px;
+          display: flex;
+          align-items: center;
+          padding-left: 30px;
+          font-weight: normal;
+          font-size: 14px;
+
+          &.clear-all span {
+            cursor: pointer;
+          }
+          div {
+            color: #999;
+          }
+          .item-date {
+            color: #bbb;
+            padding: 0 20px 0 0;
+          }
+          .item-value {
+            flex-basis: calc(100% - 200px);
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            word-break: break-all;
+            color: #444;
+          }
+        }
+        .history__item:not(.clear-all) {
+          cursor: pointer;
+        }
+        .history__item:hover:not(.clear-all) {
+          background-color: #ecf5ff;
+          color: #66b1ff;
+        }
+        .history__item.clear-all {
+          color: #3976CB;
+        }
       }
     }
   }