feat(miniapp): add swap fo betterr filtering (#7784)

* feat(miniapp): add swap fo betterr filtering

* update

src/renderer/src/i18n/locales/en-us.json

@@ -413,6 +413,7 @@
       "save": "Save",
       "settings": "Settings",
       "search": "Search",
+      "swap": "Swap",
       "select": "Select",
       "selectedMessages": "Selected {{count}} messages",
       "selectedItems": "Selected {{count}} items",

src/renderer/src/i18n/locales/ja-jp.json

@@ -410,6 +410,7 @@
       "refresh": "更新",
       "rename": "名前を変更",
       "reset": "リセット",
+      "swap": "交換",
       "save": "保存",
       "settings": "設定",
       "search": "検索",

src/renderer/src/i18n/locales/ru-ru.json

@@ -410,6 +410,7 @@
       "refresh": "Обновить",
       "rename": "Переименовать",
       "reset": "Сбросить",
+      "swap": "Поменять местами",
       "save": "Сохранить",
       "settings": "Настройки",
       "search": "Поиск",

src/renderer/src/i18n/locales/zh-cn.json

@@ -410,6 +410,7 @@
       "refresh": "刷新",
       "rename": "重命名",
       "reset": "重置",
+      "swap": "交换",
       "save": "保存",
       "settings": "设置",
       "search": "搜索",

src/renderer/src/i18n/locales/zh-tw.json

@@ -410,6 +410,7 @@
       "refresh": "重新整理",
       "rename": "重新命名",
       "reset": "重設",
+      "swap": "交換",
       "save": "儲存",
       "settings": "設定",
       "search": "搜尋",

src/renderer/src/pages/apps/MiniappSettings/MiniAppSettings.tsx

@@ -39,6 +39,12 @@ const MiniAppSettings: FC = () => {
     updateDisabledMinapps([])
   }, [updateDisabledMinapps, updateMinapps])
 
+  const handleSwapMinApps = useCallback(() => {
+    const temp = visibleMiniApps
+    setVisibleMiniApps(disabledMiniApps)
+    setDisabledMiniApps(temp)
+  }, [disabledMiniApps, visibleMiniApps])
+
   // 恢复默认缓存数量
   const handleResetCacheLimit = useCallback(() => {
     dispatch(setMaxKeepAliveMinapps(DEFAULT_MAX_KEEPALIVE))
@@ -77,9 +83,10 @@ const MiniAppSettings: FC = () => {
       <SettingTitle
         style={{ display: 'flex', flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
         <span>{t('settings.miniapps.display_title')}</span>
-        <ResetButtonWrapper>
+        <ButtonWrapper>
+          <Button onClick={handleSwapMinApps}>{t('common.swap')}</Button>
           <Button onClick={handleResetMinApps}>{t('common.reset')}</Button>
-        </ResetButtonWrapper>
+        </ButtonWrapper>
       </SettingTitle>
       <BorderedContainer>
         <MiniAppIconsManager
@@ -219,10 +226,11 @@ const ResetButton = styled.button`
   }
 `
 
-const ResetButtonWrapper = styled.div`
+const ButtonWrapper = styled.div`
   display: flex;
   align-items: center;
   justify-content: center;
+  gap: 8px;
 `
 
 // 新增: 带边框的容器组件