feat:专项动作处理

Author: Taois

dashboard/src/components/actions/ActionDialog.vue

@@ -144,20 +144,19 @@ export default {
         style.width = '95vw'
         style.maxWidth = '95vw'
         style.margin = '0 auto'
-        if (props.height && props.height !== 'auto') {
-          style.maxHeight = '85vh'
-        }
+        // 移除移动端的高度限制，让CSS控制
       } else {
         // 桌面端样式
         if (props.width) {
           style.width = typeof props.width === 'number' ? `${props.width}px` : props.width
           style.maxWidth = '90vw'
         }
         
+        // 只有明确设置了固定高度时才应用
         if (props.height && props.height !== 'auto') {
           style.height = typeof props.height === 'number' ? `${props.height}px` : props.height
-          style.maxHeight = '90vh'
         }
+        // 移除桌面端的maxHeight限制，让CSS控制
       }
       
       if (props.bottom > 0) {
@@ -171,11 +170,12 @@ export default {
     const contentStyle = computed(() => {
       const style = {}
       
+      // 只有在明确设置了固定高度时才应用内容区域的高度限制
       if (props.height && props.height !== 'auto') {
-        // 如果设置了固定高度，内容区域需要减去头部和底部的高度
         style.maxHeight = 'calc(100% - 120px)' // 预留头部和底部空间
         style.overflowY = 'auto'
       }
+      // 其他情况让CSS的max-height规则控制
       
       return style
     })
@@ -264,20 +264,21 @@ export default {
   left: 0;
   right: 0;
   bottom: 0;
-  z-index: 10000;
+  z-index: 20000;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 1rem;
   background: rgba(0, 0, 0, calc(var(--dim-amount, 0.45)));
   backdrop-filter: blur(8px);
   -webkit-backdrop-filter: blur(8px);
+  overflow: hidden;
 }
 
 /* 现代化弹窗容器 */
 .action-dialog {
   position: relative;
-  z-index: 10001;
+  z-index: 20001;
   background: rgba(255, 255, 255, 0.95);
   backdrop-filter: blur(20px);
   -webkit-backdrop-filter: blur(20px);
@@ -289,6 +290,10 @@ export default {
   overflow: hidden;
   transform-origin: center;
   transition: all var(--ds-duration-normal) cubic-bezier(0.34, 1.56, 0.64, 1);
+  max-height: calc(100vh - 2rem);
+  max-width: 90vw;
+  display: flex;
+  flex-direction: column;
 }
 
 /* 装饰性背景 */
@@ -342,6 +347,7 @@ export default {
   padding: 2rem 2rem 1rem;
   background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+  flex-shrink: 0;
 }
 
 .action-dialog-title {
@@ -358,29 +364,13 @@ export default {
   position: relative;
   z-index: 1;
   padding: 1.5rem 2rem;
-  max-height: calc(85vh - 200px);
-  overflow-y: auto;
-  overflow-x: hidden;
-}
-
-/* 自定义滚动条 */
-.action-dialog-content::-webkit-scrollbar {
-  width: 6px;
+  flex: 1 1 auto;
+  overflow: visible; /* 移除滚动条，让子元素处理滚动 */
+  min-height: 0; /* 重要：允许flex子项收缩 */
+  max-height: 100%; /* 确保不超出父容器 */
 }
 
-.action-dialog-content::-webkit-scrollbar-track {
-  background: rgba(0, 0, 0, 0.05);
-  border-radius: 3px;
-}
-
-.action-dialog-content::-webkit-scrollbar-thumb {
-  background: rgba(0, 0, 0, 0.2);
-  border-radius: 3px;
-}
-
-.action-dialog-content::-webkit-scrollbar-thumb:hover {
-  background: rgba(0, 0, 0, 0.3);
-}
+/* action-dialog-content 不再需要滚动条样式，因为滚动由子元素处理 */
 
 /* 底部样式 */
 .action-dialog-footer {
@@ -392,6 +382,7 @@ export default {
   display: flex;
   justify-content: flex-end;
   gap: 0.75rem;
+  flex-shrink: 0;
 }
 
 /* 移动端适配 */
@@ -406,7 +397,7 @@ export default {
 
 .action-dialog-mobile .action-dialog-content {
   padding: 1rem 1.5rem;
-  max-height: calc(85vh - 150px);
+  /* 移除max-height，使用flex布局控制 */
 }
 
 .action-dialog-mobile .action-dialog-footer {

dashboard/src/components/actions/ActionRenderer.vue

@@ -62,7 +62,8 @@ import {
   validateActionConfig, 
   ActionType, 
   ActionErrorType,
-  createActionError 
+  createActionError,
+  isSpecialAction
 } from './types.js'
 import { executeAction } from '@/api/modules/module.js'
 import { showToast } from '@/stores/toast.js'
@@ -155,7 +156,7 @@ export default {
     })
 
     // 解析Action配置
-    const parseConfig = (data) => {
+    const parseConfig = async (data) => {
       try {
         console.log('ActionRenderer parseConfig 开始解析:', data)
         if (!data) {
@@ -167,8 +168,12 @@ export default {
         console.log('ActionRenderer parseConfig 解析后的配置:', config)
         validateActionConfig(config)
         
-        // 处理特殊动作
-        handleSpecialActions(config)
+        // 检查是否为特殊动作，如果是则立即执行
+        if (isSpecialAction(config)) {
+          console.log('检测到特殊动作，立即执行:', config)
+          await handleSpecialAction(config)
+          return // 特殊动作执行完毕后直接返回，不需要显示UI
+        }
         
         parsedConfig.value = config
         error.value = null
@@ -187,32 +192,7 @@ export default {
       }
     }
 
-    // 处理特殊动作
-    const handleSpecialActions = (config) => {
-      const { actionId } = config
 
-      // 专项动作处理
-      switch (actionId) {
-        case '源内搜索':
-          // 可以在这里添加特殊处理逻辑
-          break
-        case '详情页跳转':
-          // 可以在这里添加特殊处理逻辑
-          break
-        case 'KTV播放':
-          // 可以在这里添加特殊处理逻辑
-          break
-        case '刷新列表':
-          // 可以在这里添加特殊处理逻辑
-          break
-        case '放入剪贴板':
-          // 可以在这里添加特殊处理逻辑
-          break
-        case '保持窗口':
-          // 可以在这里添加特殊处理逻辑
-          break
-      }
-    }
 
     // 处理专项动作（动态动作）
     const handleSpecialAction = async (actionData) => {
@@ -278,7 +258,7 @@ export default {
           if (actionData.content) {
             try {
               await navigator.clipboard.writeText(actionData.content)
-              showToast('已复制到剪贴板', 'success')
+              showToast('已复制到剪切板', 'success')
             } catch (err) {
               showToast('复制失败', 'error')
             }
@@ -386,7 +366,7 @@ export default {
             // 处理新的action（动态action）
             if (result.action) {
               console.log('检测到动态action，重新解析:', result.action)
-              parseConfig(result.action)
+              await parseConfig(result.action)
               return
             }
 
@@ -409,7 +389,7 @@ export default {
                     if (dataResult.action || dataResult.actionId) {
                       console.log('在data字段中检测到action:', dataResult)
                       if (dataResult.action) {
-                        parseConfig(dataResult.action)
+                        await parseConfig(dataResult.action)
                         return
                       }
                       if (dataResult.actionId) {
@@ -465,7 +445,7 @@ export default {
         // 等待一个短暂的时间让当前弹窗完全关闭
         await new Promise(resolve => setTimeout(resolve, 100))
         // 然后解析新的配置
-        parseConfig(action)
+        await parseConfig(action)
         return
       }
       
@@ -495,8 +475,8 @@ export default {
 
 
     // 监听actionData变化
-    watch(() => props.actionData, (newData) => {
-      parseConfig(newData)
+    watch(() => props.actionData, async (newData) => {
+      await parseConfig(newData)
     }, { immediate: true })
 
     // 监听visible变化
@@ -505,9 +485,9 @@ export default {
     })
 
     // 公开方法
-    const show = (actionData) => {
+    const show = async (actionData) => {
       if (actionData) {
-        parseConfig(actionData)
+        await parseConfig(actionData)
       }
       isVisible.value = true
     }

dashboard/src/components/actions/InputAction.vue

@@ -586,7 +586,7 @@ export default {
         
         await navigator.clipboard.writeText(content)
         if(!toastData){
-        showToast('已复制到剪贴板', 'success')
+        showToast('已复制到剪切板', 'success')
         }
         
       } catch (error) {