From b851c84290f0f2356c4f16fdae0e2826d608997f Mon Sep 17 00:00:00 2001
From: Woolsen <41519915+woolsen@users.noreply.github.com>
Date: Wed, 21 Oct 2026 18:01:18 +0800
Subject: [PATCH] fix(container): reset sort to default when cleared (#14140)

The container list opens with name ascending but shows no sort indicator. Clearing the name sort kept the previous descending order, so two no-indicator states represented different orders. Reset the request to the default name ascending when the sort is cleared.
---
 frontend/src/views/container/container/index.vue | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/frontend/src/views/container/container/index.vue b/frontend/src/views/container/container/index.vue
index 6e1e9a89e..658350f09 100644
--- a/frontend/src/views/container/container/index.vue
+++ b/frontend/src/views/container/container/index.vue
@@ -540,14 +540,15 @@ const portsDialogContainer = ref('');
 const portFilter = ref('');
 const showIPv6Ports = ref(true);
 const selects = ref<any>([]);
+const defaultSort = { prop: 'name', order: 'ascending' };
 const paginationConfig = reactive({
     cacheSizeKey: 'container-page-size',
     currentPage: 1,
     pageSize: Number(localStorage.getItem('container-page-size')) || 20,
     total: 0,
     state: 'all',
-    orderBy: 'name',
-    order: 'ascending',
+    orderBy: defaultSort.prop,
+    order: defaultSort.order,
 });
 const searchName = ref();
 useSearchReset({ search: searchName, page: toRef(paginationConfig, 'currentPage') }, { onRevisit: () => search() });
@@ -723,8 +724,10 @@ const search = async (column?: any) => {
     }
     localStorage.setItem('includeAppStore', includeAppStore.value ? 'true' : 'false');
     let filterItem = (router.currentRoute.value.query?.filters as string) || '';
-    paginationConfig.orderBy = column?.order ? column.prop : paginationConfig.orderBy;
-    paginationConfig.order = column?.order ? column.order : paginationConfig.order;
+    if (column) {
+        paginationConfig.orderBy = column.order ? column.prop : defaultSort.prop;
+        paginationConfig.order = column.order || defaultSort.order;
+    }
     let params = {
         name: searchName.value,
         state: paginationConfig.state || 'all',