sort the stores by name

Author: LinuxSuRen

console/atest-ui/src/components/EditButton.vue

@@ -40,7 +40,7 @@ const handleInputConfirm = () => {
         @keyup.enter="handleInputConfirm"
         @blur="handleInputConfirm"
       />
-      <el-button v-else class="button-new-tag" size="small edit-button" @click="showInput">
+      <el-button v-else class="button-new-tag edit-button" size="small" @click="showInput">
         {{ value }}
       </el-button>
     </span>

console/atest-ui/src/views/DataManager.vue

@@ -156,6 +156,12 @@ watch(sqlQuery, (sql: string) => {
 })
 
 API.GetStores((data) => {
+  data.data.forEach((e: Store) => {
+    if (e.name === 'local') {
+        data.data.splice(data.data.indexOf(e), 1)
+        return
+    }
+  })
   stores.value = data.data
 
   sqlQuery.value = GetDataManagerPreference().query
@@ -370,7 +376,7 @@ Magic.LoadMagicKeys(import.meta.url, new Map([
           <el-splitter layout="vertical">
               <el-splitter-panel size="30%">
                   <el-form @submit.prevent="executeQuery">
-                      <el-row :gutter="10" justify="center" style="margin-left: 0!important; margin-right: 0!important;">
+                      <el-row :gutter=10 justify="center" style="margin-left: 0!important; margin-right: 0!important;">
                           <el-col :span="4">
                               <el-form-item>
                                   <el-select v-model="store" placeholder="Select store" filterable
@@ -398,7 +404,7 @@ Magic.LoadMagicKeys(import.meta.url, new Map([
                               </el-select>
                           </el-col>
                       </el-row>
-                      <el-row :gutter="10" v-if="kind === 'atest-store-elasticsearch' || kind === 'atest-store-redis'">
+                      <el-row :gutter=10 v-if="kind === 'atest-store-elasticsearch' || kind === 'atest-store-redis'">
                           <el-col :span="10">
                               <el-input type="number" v-model="query.offset">
                                   <template #prepend>Offset</template>
@@ -422,7 +428,7 @@ Magic.LoadMagicKeys(import.meta.url, new Map([
                       :extensions="[sql(sqlConfig)]"
                   />
               </el-splitter-panel>
-              <el-splitter-panel>
+              <el-splitter-panel v-if="store !== ''">
                   <div style="display: flex; gap: 8px;">
                       <el-tag type="primary" v-if="queryResult.length > 0">{{ queryResult.length }} rows</el-tag>
                       <el-tag type="primary" v-if="queryDataMeta.duration">{{ queryDataMeta.duration }}</el-tag>

console/atest-ui/src/views/TestCase.vue

@@ -963,7 +963,7 @@ Magic.LoadMagicKeys(import.meta.url), {
         <EditButton :value="props.name" @changed="renameTestCase"/>
       </div>
       <div>
-        <el-row justify="space-between" gutter="10">
+        <el-row justify="space-between" gutter=10>
           <el-col :span="3">
             <el-select
               v-if="props.kindName !== 'tRPC' && props.kindName !== 'gRPC'"
@@ -1282,7 +1282,7 @@ Magic.LoadMagicKeys(import.meta.url), {
           :rules="rules"
         >
           <el-form-item :label="t('title.history')" prop="selectedID">
-            <el-row :gutter="20">
+            <el-row :gutter=20>
               <el-col :span="20">
                 <el-select  class="m-2"
                   filterable

console/atest-ui/src/views/WelcomePage.vue

@@ -46,7 +46,7 @@ API.SBOM((d) => {
         <el-divider border-style="dashed" />
 
         <div class="dependency-section">
-            <el-row :gutter="20">
+            <el-row :gutter=20>
                 <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
                     <el-card class="dependency-card">
                         <template #header>
@@ -242,4 +242,4 @@ export default {
         }
     }
 }
-</script>
+</script>

pkg/server/remote_server.go

@@ -28,6 +28,7 @@ import (
 	"path/filepath"
 	reflect "reflect"
 	"regexp"
+	"slices"
 	"strconv"
 	"strings"
 	"sync"
@@ -1195,6 +1196,9 @@ func (s *server) GetStores(ctx context.Context, in *Empty) (reply *Stores, err e
 			}()
 		}
 		wg.Wait()
+		slices.SortFunc(reply.Data, func(a, b *Store) int {
+			return strings.Compare(a.Name, b.Name)
+		})
 		reply.Data = append(reply.Data, &Store{
 			Name:  "local",
 			Kind:  &StoreKind{},