feat: 增加浏览器动作

Author: Taois

dashboard/src/components/CategoryNavigation.vue

@@ -22,7 +22,9 @@
        >
         <a-tab-pane v-if="hasRecommendVideos" key="recommendTuijian404">
           <template #title>
-            <span>推荐</span>
+            <div class="category-tab-title category-recommend-title">
+              <span class="category-name">推荐</span>
+            </div>
           </template>
         </a-tab-pane>
         <a-tab-pane 
@@ -497,6 +499,8 @@ onBeforeUnmount(() => {
 
   .category-tab-title {
     min-height: 30px;
+    min-width: 56px;
+    justify-content: center;
     padding: 0 11px;
   }
 

dashboard/src/components/actions/ActionDialog.vue

@@ -12,7 +12,13 @@
           <div
             v-if="visible && !isClosing"
             class="action-dialog glass-effect card-modern animate-bounce-in"
-            :class="[customClass, { 'action-dialog-mobile': isMobile }]"
+            :class="[
+              customClass,
+              {
+                'action-dialog-mobile': isMobile,
+                'action-dialog-resizable': resizable && !isMobile
+              }
+            ]"
             :style="dialogStyle"
             @click.stop
           >
@@ -106,6 +112,10 @@ export default {
       type: Boolean,
       default: true
     },
+    resizable: {
+      type: Boolean,
+      default: false
+    },
     // 自定义类名
     customClass: {
       type: String,
@@ -296,6 +306,15 @@ export default {
   flex-direction: column;
 }
 
+.action-dialog-resizable {
+  resize: both;
+  overflow: hidden;
+  min-width: min(560px, 90vw);
+  min-height: min(420px, calc(100vh - 2rem));
+  max-width: 96vw;
+  max-height: calc(100vh - 2rem);
+}
+
 /* 装饰性背景 */
 .action-dialog-bg {
   position: absolute;

dashboard/src/components/actions/ActionRenderer.vue

@@ -75,6 +75,7 @@ const MenuAction = defineAsyncComponent(() => import('./MenuAction.vue'))
 
 const MsgBoxAction = defineAsyncComponent(() => import('./MsgBoxAction.vue'))
 const WebViewAction = defineAsyncComponent(() => import('./WebViewAction.vue'))
+const BrowserAction = defineAsyncComponent(() => import('./BrowserAction.vue'))
 const HelpAction = defineAsyncComponent(() => import('./HelpAction.vue'))
 
 export default {
@@ -86,6 +87,7 @@ export default {
     MenuAction,
     MsgBoxAction,
     WebViewAction,
+    BrowserAction,
     HelpAction
   },
   props: {
@@ -137,6 +139,7 @@ export default {
       [ActionType.SELECT]: 'MenuAction', // 多选菜单，使用MenuAction组件
       [ActionType.MSGBOX]: 'MsgBoxAction',
       [ActionType.WEBVIEW]: 'WebViewAction',
+      [ActionType.BROWSER]: 'BrowserAction',
       [ActionType.HELP]: 'HelpAction'
     }