fix: add exit action for drag sort mode

src/locales/en-US.ts

@@ -76,6 +76,7 @@ export default {
     clearCache: 'Clear Cache',
     sortMode: 'Sort Mode',
     sortModeHint: 'Drag sorting mode is active',
+    exit: 'Exit',
   },
   mediaType: {
     movie: 'Movie',

src/locales/zh-CN.ts

@@ -76,6 +76,7 @@ export default {
     clearCache: '清除缓存',
     sortMode: '排序模式',
     sortModeHint: '已进入拖拽排序模式',
+    exit: '退出',
   },
   mediaType: {
     movie: '电影',

src/locales/zh-TW.ts

@@ -76,6 +76,7 @@ export default {
     clearCache: '清除快取',
     sortMode: '排序模式',
     sortModeHint: '已進入拖拽排序模式',
+    exit: '退出',
   },
   mediaType: {
     movie: '電影',

src/views/plugin/PluginCardListView.vue

@@ -1523,7 +1523,12 @@ function onDragStartPlugin(evt: any) {
             <VPageContentTitle v-if="installedFilter" :title="t('plugin.filter', { name: installedFilter })" />
             <LoadingBanner v-if="!isRefreshed" class="mt-12" />
             <VAlert v-if="sortMode" color="warning" variant="tonal" class="mb-4">
-              {{ t('common.sortModeHint') }}
+              <div class="d-flex flex-wrap align-center justify-space-between gap-2">
+                <span>{{ t('common.sortModeHint') }}</span>
+                <VBtn size="small" variant="text" color="warning" @click="sortMode = false">
+                  {{ t('common.exit') }}
+                </VBtn>
+              </div>
             </VAlert>
 
             <!-- 文件夹和插件网格 -->

src/views/site/SiteCardListView.vue

@@ -396,7 +396,12 @@ useDynamicButton({
     </div>
 
     <VAlert v-if="sortMode" color="warning" variant="tonal" class="mb-4">
-      {{ t('common.sortModeHint') }}
+      <div class="d-flex flex-wrap align-center justify-space-between gap-2">
+        <span>{{ t('common.sortModeHint') }}</span>
+        <VBtn size="small" variant="text" color="warning" @click="sortMode = false">
+          {{ t('common.exit') }}
+        </VBtn>
+      </div>
     </VAlert>
 
     <LoadingBanner v-if="!isRefreshed" class="mt-12" />

src/views/subscribe/SubscribeListView.vue

@@ -484,7 +484,12 @@ defineExpose({
   </div>
 
   <VAlert v-if="sortMode" color="warning" variant="tonal" class="mb-4 mx-2">
-    {{ t('common.sortModeHint') }}
+    <div class="d-flex flex-wrap align-center justify-space-between gap-2">
+      <span>{{ t('common.sortModeHint') }}</span>
+      <VBtn size="small" variant="text" color="warning" @click="sortMode = false">
+        {{ t('common.exit') }}
+      </VBtn>
+    </div>
   </VAlert>
 
   <draggable