From efad891f7f34a1a2e3e3c99d086317608e5796ea Mon Sep 17 00:00:00 2001
From: guopenghui <guopeng_hui@126.com>
Date: Thu, 14 May 2026 21:48:08 +0800
Subject: [PATCH 1/3] =?UTF-8?q?feat(setting):=20=E5=8C=B9=E9=85=8D?=
 =?UTF-8?q?=E6=8C=87=E4=BB=A4=E7=9A=84=E8=AF=A6=E6=83=85=E4=BF=A1=E6=81=AF?=
 =?UTF-8?q?=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../common/CommandTag/CommandTag.vue          |  30 +-
 .../MatchCommandDetailDialog.vue              | 523 ++++++++++++++++++
 .../common/MatchCommandDetailDialog/index.ts  |   1 +
 .../common/PluginDetail/PluginDetailTabs.vue  |  71 ++-
 .../setting/src/components/common/index.ts    |   1 +
 .../AllCommandsSetting/AllCommandsSetting.vue | 168 ++++--
 src/main/api/renderer/commands.ts             |  11 +-
 7 files changed, 754 insertions(+), 51 deletions(-)
 create mode 100644 internal-plugins/setting/src/components/common/MatchCommandDetailDialog/MatchCommandDetailDialog.vue
 create mode 100644 internal-plugins/setting/src/components/common/MatchCommandDetailDialog/index.ts

diff --git a/internal-plugins/setting/src/components/common/CommandTag/CommandTag.vue b/internal-plugins/setting/src/components/common/CommandTag/CommandTag.vue
index aaace254..0e0fdeed 100644
--- a/internal-plugins/setting/src/components/common/CommandTag/CommandTag.vue
+++ b/internal-plugins/setting/src/components/common/CommandTag/CommandTag.vue
@@ -7,7 +7,7 @@ interface Command {
   name?: string
   type?: 'text' | 'regex' | 'over' | 'img' | 'files' | 'window' | string
   match?: {
-    match?: string
+    match?: string | Record<string, any>
     minLength?: number
     maxLength?: number
     extensions?: string[]
@@ -32,6 +32,22 @@ const tagClass = computed(() => {
   // 否则使用 props.type
   return props.type ? `tag-${props.type}` : ''
 })
+
+function getMinLength(command?: Command): number {
+  return command?.match?.minLength ?? 1
+}
+
+function getMaxLength(command?: Command): number {
+  return command?.match?.maxLength ?? 10000
+}
+
+function getExtensions(command?: Command): string[] {
+  return command?.match?.extensions ?? []
+}
+
+function getFileType(command?: Command): string | undefined {
+  return command?.match?.fileType
+}
 </script>
 <template>
   <span :class="['command-tag', tagClass, { disabled: disabled }]">
@@ -51,9 +67,7 @@ const tagClass = computed(() => {
       <!-- 任意文本 -->
       <template v-else-if="command.type === 'over'">
         <span class="tag-badge">{{ command.name }}</span>
-        <span v-if="command.match" class="tag-badge">
-          {{ command.match.minLength || 1 }}-{{ command.match.maxLength || 10000 }}
-        </span>
+        <span class="tag-badge"> {{ getMinLength(command) }}-{{ getMaxLength(command) }} </span>
         <div class="i-z-text tag-icon font-size-12px" />
       </template>
 
@@ -66,13 +80,13 @@ const tagClass = computed(() => {
       <!-- 文件/文件夹 -->
       <template v-else-if="command.type === 'files'">
         <span class="tag-badge">{{ command.name }}</span>
-        <span v-if="command.match?.extensions" class="tag-badge">
-          {{ command.match.extensions.slice(0, 3).join(', ') }}
-          {{ command.match.extensions.length > 3 ? '...' : '' }}
+        <span v-if="getExtensions(command).length > 0" class="tag-badge">
+          {{ getExtensions(command).slice(0, 3).join(', ') }}
+          {{ getExtensions(command).length > 3 ? '...' : '' }}
         </span>
         <div
           :class="[
-            command.match?.fileType === 'directory' ? 'i-z-folder' : 'i-z-file',
+            getFileType(command) === 'directory' ? 'i-z-folder' : 'i-z-file',
             'tag-icon',
             'font-size-12px'
           ]"
diff --git a/internal-plugins/setting/src/components/common/MatchCommandDetailDialog/MatchCommandDetailDialog.vue b/internal-plugins/setting/src/components/common/MatchCommandDetailDialog/MatchCommandDetailDialog.vue
new file mode 100644
index 00000000..7c2ed21d
--- /dev/null
+++ b/internal-plugins/setting/src/components/common/MatchCommandDetailDialog/MatchCommandDetailDialog.vue
@@ -0,0 +1,523 @@
+<script setup lang="ts">
+import { computed, ref } from 'vue'
+
+type MatchCommandType = 'regex' | 'over' | 'img' | 'files' | 'window' | string
+
+interface MatchCommandDetail {
+  type?: MatchCommandType
+  label?: string
+  name?: string
+  match?: string | Record<string, any>
+  regex?: string
+  exclude?: string
+  minLength?: number
+  maxLength?: number
+  fileType?: 'file' | 'directory'
+  extensions?: string[]
+  [key: string]: any
+}
+
+interface MatchCommandContext {
+  commandName?: string
+}
+
+const props = withDefaults(
+  defineProps<{
+    visible: boolean
+    command?: MatchCommandDetail | null
+    context?: MatchCommandContext
+    disabled?: boolean
+    showToggleDisabled?: boolean
+  }>(),
+  {
+    command: null,
+    context: () => ({}),
+    disabled: false,
+    showToggleDisabled: false
+  }
+)
+
+const emit = defineEmits<{
+  (e: 'close'): void
+  (e: 'toggle-disabled'): void
+}>()
+
+const copied = ref(false)
+const rawExpanded = ref(false)
+let copiedTimer: ReturnType<typeof setTimeout> | null = null
+
+const typeMeta = computed(() => {
+  const type = props.command?.type || 'unknown'
+  const map: Record<string, { label: string; icon: string }> = {
+    regex: { label: '文本匹配', icon: 'i-z-regex' },
+    over: { label: '任意文本', icon: 'i-z-text' },
+    img: { label: '图片匹配', icon: 'i-z-image' },
+    files: { label: '文件匹配', icon: 'i-z-file' },
+    window: { label: '窗口匹配', icon: 'i-z-window' }
+  }
+
+  return map[type] || { label: type, icon: 'i-z-info' }
+})
+
+const commandName = computed(
+  () => props.context?.commandName || props.command?.label || props.command?.name || '匹配指令'
+)
+
+const primaryRule = computed(() => {
+  const command = props.command
+  if (!command) return ''
+  if (typeof command.match === 'string') return command.match
+  if (command.regex) return command.regex
+  if (command.type === 'window' && command.match) return JSON.stringify(command.match, null, 2)
+  return ''
+})
+
+const ruleRows = computed(() => {
+  const command = props.command
+  if (!command) return []
+
+  const rows: Array<{ label: string; value: string }> = []
+  const type = command.type
+
+  if (type === 'regex') {
+    if (primaryRule.value) {
+      rows.push({ label: '文本匹配', value: primaryRule.value })
+    }
+  } else if (type === 'over') {
+    rows.push({
+      label: '长度范围',
+      value: `${command.minLength ?? 1}-${command.maxLength ?? 10000}`
+    })
+    if (command.exclude) {
+      rows.push({ label: '排除规则', value: command.exclude })
+    }
+  } else if (type === 'img') {
+    rows.push({ label: '匹配内容', value: '剪贴板图片' })
+  } else if (type === 'files') {
+    rows.push({
+      label: '文件类型',
+      value:
+        command.fileType === 'directory'
+          ? '文件夹'
+          : command.fileType === 'file'
+            ? '文件'
+            : '文件或文件夹'
+    })
+    rows.push({
+      label: '数量范围',
+      value: `${command.minLength ?? 1}-${command.maxLength ?? 10000}`
+    })
+    if (command.extensions?.length) {
+      rows.push({ label: '扩展名', value: command.extensions.join(', ') })
+    }
+    if (typeof command.match === 'string' && command.match) {
+      rows.push({ label: '文件名匹配', value: command.match })
+    }
+  } else if (type === 'window') {
+    const match = typeof command.match === 'object' ? command.match : {}
+    const app = Array.isArray(match.app) ? match.app.join(', ') : ''
+    const classNames = Array.isArray(match.class) ? match.class.join(', ') : ''
+
+    if (app) rows.push({ label: '应用', value: app })
+    if (match.title) rows.push({ label: '窗口标题', value: String(match.title) })
+    if (classNames) rows.push({ label: '窗口类名', value: classNames })
+  } else if (primaryRule.value) {
+    rows.push({ label: '匹配规则', value: primaryRule.value })
+  }
+
+  return rows
+})
+
+const rawJson = computed(() => {
+  if (!props.command) return ''
+  try {
+    return JSON.stringify(props.command, null, 2)
+  } catch {
+    return String(props.command)
+  }
+})
+
+const copyText = computed(() => primaryRule.value || rawJson.value)
+
+function close(): void {
+  rawExpanded.value = false
+  emit('close')
+}
+
+async function copyRule(): Promise<void> {
+  if (!copyText.value) return
+  try {
+    await navigator.clipboard.writeText(copyText.value)
+    copied.value = true
+    if (copiedTimer) clearTimeout(copiedTimer)
+    copiedTimer = setTimeout(() => {
+      copied.value = false
+      copiedTimer = null
+    }, 1200)
+  } catch (error) {
+    console.error('复制匹配规则失败:', error)
+  }
+}
+</script>
+
+<template>
+  <Transition name="match-dialog">
+    <div v-if="visible && command" class="match-dialog-overlay" @click="close">
+      <div class="match-dialog" @click.stop>
+        <div class="dialog-header">
+          <div class="header-chip">
+            <div class="type-icon" :class="typeMeta.icon" />
+            <span class="type-label">{{ typeMeta.label }}</span>
+            <span class="breadcrumb-separator">›</span>
+            <span class="command-label">{{ commandName }}</span>
+          </div>
+          <button class="icon-btn" title="关闭" @click="close">
+            <span>×</span>
+          </button>
+        </div>
+
+        <div class="dialog-content">
+          <div v-if="ruleRows.length > 0" class="rule-list">
+            <div v-for="row in ruleRows" :key="row.label" class="rule-row">
+              <div class="rule-label">{{ row.label }}</div>
+              <code>{{ row.value }}</code>
+            </div>
+          </div>
+
+          <div class="raw-detail">
+            <button class="raw-summary" type="button" @click="rawExpanded = !rawExpanded">
+              <span>原始配置</span>
+              <span class="raw-summary-arrow" :class="{ expanded: rawExpanded }">›</span>
+            </button>
+            <div class="raw-content" :class="{ expanded: rawExpanded }">
+              <div class="raw-content-inner">
+                <pre>{{ rawJson }}</pre>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="dialog-footer">
+          <div class="footer-actions">
+            <button class="btn btn-secondary" @click="copyRule">
+              {{ copied ? '已复制' : '复制规则' }}
+            </button>
+            <button
+              v-if="showToggleDisabled"
+              class="btn"
+              :class="disabled ? 'btn-primary' : 'btn-danger'"
+              @click="emit('toggle-disabled')"
+            >
+              {{ disabled ? '启用指令' : '禁用指令' }}
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </Transition>
+</template>
+
+<style scoped>
+.match-dialog-overlay {
+  position: fixed;
+  inset: 0;
+  z-index: 10001;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 24px;
+  background: rgba(0, 0, 0, 0.46);
+}
+
+.match-dialog {
+  width: min(640px, 90vw);
+  max-height: min(500px, 84vh);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  background: var(--dialog-bg, var(--bg-color));
+  border: 1px solid var(--control-border);
+  border-radius: 8px;
+  box-shadow: 0 16px 50px rgba(0, 0, 0, 0.24);
+}
+
+.dialog-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 12px 20px 8px;
+}
+
+.header-chip {
+  min-width: 0;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 5px 0;
+}
+
+.type-icon {
+  width: 22px;
+  height: 22px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  color: var(--text-color);
+  font-size: 17px;
+}
+
+.type-label {
+  color: var(--text-color);
+  font-size: 16px;
+  font-weight: 500;
+  white-space: nowrap;
+}
+
+.breadcrumb-separator {
+  color: var(--text-secondary);
+  font-size: 20px;
+  line-height: 1;
+}
+
+.command-label {
+  max-width: 260px;
+  padding: 3px 10px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  border: 1px solid var(--control-border);
+  border-radius: 999px;
+  color: var(--text-color);
+  background: var(--bg-color);
+  font-size: 16px;
+}
+
+.icon-btn {
+  width: 30px;
+  height: 30px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  border: none;
+  border-radius: 6px;
+  background: transparent;
+  color: var(--text-secondary);
+  cursor: pointer;
+  font-size: 22px;
+  line-height: 1;
+}
+
+.icon-btn:hover {
+  background: var(--hover-bg);
+  color: var(--text-color);
+}
+
+.dialog-content {
+  flex: 1;
+  overflow: auto;
+  padding: 4px 24px 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.rule-list {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.rule-row {
+  display: grid;
+  grid-template-columns: 100px minmax(0, 1fr);
+  align-items: center;
+  min-height: 48px;
+  gap: 14px;
+  padding: 9px 16px;
+  border-radius: 6px;
+  background: var(--control-bg);
+}
+
+.rule-label {
+  color: var(--text-secondary);
+  font-size: 14px;
+}
+
+.rule-row code {
+  overflow-x: auto;
+  padding: 0;
+  color: var(--text-color);
+  font-family: Consolas, Monaco, monospace;
+  font-size: 14px;
+  line-height: 1.5;
+  white-space: pre;
+}
+
+.raw-detail {
+  border: 1px solid transparent;
+  border-radius: 6px;
+  overflow: hidden;
+}
+
+.raw-summary {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: 8px 4px;
+  border: none;
+  background: transparent;
+  color: var(--text-secondary);
+  font-size: 12px;
+  cursor: pointer;
+  user-select: none;
+}
+
+.raw-summary-arrow {
+  display: inline-flex;
+  transition: transform 0.18s ease;
+}
+
+.raw-summary-arrow.expanded {
+  transform: rotate(90deg);
+}
+
+.raw-detail pre {
+  max-height: 180px;
+  margin: 0;
+  padding: 12px;
+  overflow: auto;
+  border: 1px solid var(--divider-color);
+  border-radius: 6px;
+  color: var(--text-color);
+  background: var(--control-bg);
+  font-family: Consolas, Monaco, monospace;
+  font-size: 12px;
+  line-height: 1.6;
+}
+
+.raw-content {
+  display: grid;
+  grid-template-rows: 0fr;
+  opacity: 0;
+  transition:
+    grid-template-rows 0.22s ease,
+    opacity 0.18s ease;
+}
+
+.raw-content.expanded {
+  grid-template-rows: 1fr;
+  opacity: 1;
+}
+
+.raw-content-inner {
+  min-height: 0;
+  overflow: hidden;
+}
+
+.dialog-footer {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding: 8px 24px 18px;
+}
+
+.footer-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 10px;
+}
+
+.btn {
+  min-width: 96px;
+  padding: 8px 14px;
+  border: 1px solid;
+  border-radius: 6px;
+  font-size: 13px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.15s;
+}
+
+.btn-secondary {
+  background: var(--control-bg);
+  color: var(--text-color);
+  border-color: var(--control-border);
+}
+
+.btn-secondary:hover {
+  background: var(--hover-bg);
+}
+
+.btn-primary {
+  background: var(--control-bg);
+  color: var(--primary-color);
+  border-color: color-mix(in srgb, var(--primary-color), transparent 35%);
+}
+
+.btn-primary:hover {
+  background: var(--primary-light-bg);
+}
+
+.btn-danger {
+  background: var(--control-bg);
+  color: var(--danger-color, #ef4444);
+  border-color: color-mix(in srgb, var(--danger-color, #ef4444), transparent 35%);
+}
+
+.btn-danger:hover {
+  background: var(--danger-light-bg, rgba(239, 68, 68, 0.1));
+}
+
+.match-dialog-enter-active,
+.match-dialog-leave-active {
+  transition: opacity 0.18s ease;
+}
+
+.match-dialog-enter-active .match-dialog,
+.match-dialog-leave-active .match-dialog {
+  transition:
+    opacity 0.18s ease,
+    transform 0.18s ease;
+}
+
+.match-dialog-enter-from,
+.match-dialog-leave-to {
+  opacity: 0;
+}
+
+.match-dialog-enter-from .match-dialog,
+.match-dialog-leave-to .match-dialog {
+  opacity: 0;
+  transform: scale(0.96);
+}
+
+@media (max-width: 640px) {
+  .match-dialog-overlay {
+    padding: 12px;
+  }
+
+  .dialog-header,
+  .dialog-content,
+  .dialog-footer {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+
+  .header-chip {
+    max-width: 100%;
+  }
+
+  .type-label,
+  .command-label {
+    font-size: 15px;
+  }
+
+  .rule-row {
+    grid-template-columns: 1fr;
+    gap: 6px;
+  }
+}
+</style>
diff --git a/internal-plugins/setting/src/components/common/MatchCommandDetailDialog/index.ts b/internal-plugins/setting/src/components/common/MatchCommandDetailDialog/index.ts
new file mode 100644
index 00000000..2b8ff93d
--- /dev/null
+++ b/internal-plugins/setting/src/components/common/MatchCommandDetailDialog/index.ts
@@ -0,0 +1 @@
+export { default as MatchCommandDetailDialog } from './MatchCommandDetailDialog.vue'
diff --git a/internal-plugins/setting/src/components/common/PluginDetail/PluginDetailTabs.vue b/internal-plugins/setting/src/components/common/PluginDetail/PluginDetailTabs.vue
index ddacd22d..3b55e834 100644
--- a/internal-plugins/setting/src/components/common/PluginDetail/PluginDetailTabs.vue
+++ b/internal-plugins/setting/src/components/common/PluginDetail/PluginDetailTabs.vue
@@ -1,8 +1,9 @@
 <script setup lang="ts">
-import { CommandTag, FeatureCard } from '@/components'
+import { computed, ref } from 'vue'
+import { CommandTag, FeatureCard, MatchCommandDetailDialog, TagDropdown } from '@/components'
 import type { DocItem, PluginItem, TabId, TabItem } from './types'
 
-defineProps<{
+const props = defineProps<{
   plugin: PluginItem
   activeTab: TabId
   availableTabs: TabItem[]
@@ -27,6 +28,23 @@ const emit = defineEmits<{
   (e: 'clear-all-data'): void
 }>()
 
+const selectedMatchCommand = ref<{
+  command: any
+  feature: {
+    code?: string
+    name?: string
+    explain?: string
+  }
+} | null>(null)
+
+const selectedMatchCommandContext = computed(() => ({
+  pluginTitle: props.plugin.title || props.plugin.name,
+  featureName:
+    selectedMatchCommand.value?.feature.explain || selectedMatchCommand.value?.feature.name,
+  featureCode: selectedMatchCommand.value?.feature.code,
+  commandName: selectedMatchCommand.value?.command.label || selectedMatchCommand.value?.command.name
+}))
+
 function cmdKey(cmd: any): string {
   if (cmd && typeof cmd === 'object') {
     return cmd.label || cmd.text || cmd.name || ''
@@ -49,6 +67,33 @@ function normalizeCommand(cmd: any): any {
   }
 }
 
+function isMatchCommand(cmd: any): boolean {
+  return Boolean(cmd && typeof cmd === 'object' && cmd.type && cmd.type !== 'text')
+}
+
+function openMatchCommandDetail(feature: any, cmd: any): void {
+  const rawMatch =
+    cmd.match && typeof cmd.match === 'object' ? cmd.match : { match: cmd.match || cmd.regex || '' }
+
+  selectedMatchCommand.value = {
+    command: {
+      ...cmd,
+      ...rawMatch,
+      type: cmd.type,
+      label: cmd.label || cmd.name
+    },
+    feature: {
+      code: feature.code,
+      name: feature.name,
+      explain: feature.explain
+    }
+  }
+}
+
+function closeMatchCommandDetail(): void {
+  selectedMatchCommand.value = null
+}
+
 function formatJsonData(data: any): string {
   if (!data) return ''
   try {
@@ -109,11 +154,16 @@ function formatDate(dateStr?: string): string {
       <div v-if="activeTab === 'commands'" class="tab-panel">
         <div v-if="plugin.features && plugin.features.length > 0" class="feature-list">
           <FeatureCard v-for="feature in plugin.features" :key="feature.code" :feature="feature">
-            <CommandTag
-              v-for="cmd in feature.cmds"
-              :key="cmdKey(cmd)"
-              :command="normalizeCommand(cmd)"
-            />
+            <template v-for="cmd in feature.cmds" :key="cmdKey(cmd)">
+              <TagDropdown
+                v-if="isMatchCommand(cmd)"
+                :menu-items="[{ key: 'detail', label: '查看详情', icon: 'i-z-info' }]"
+                @select="openMatchCommandDetail(feature, cmd)"
+              >
+                <CommandTag :command="normalizeCommand(cmd)" show-arrow />
+              </TagDropdown>
+              <CommandTag v-else :command="normalizeCommand(cmd)" />
+            </template>
           </FeatureCard>
         </div>
         <div v-else class="empty-message">暂无指令</div>
@@ -208,6 +258,13 @@ function formatDate(dateStr?: string): string {
       <!-- 额外 Tab 内容（留言等） -->
       <slot name="extra-tabs" />
     </div>
+
+    <MatchCommandDetailDialog
+      :visible="!!selectedMatchCommand"
+      :command="selectedMatchCommand?.command"
+      :context="selectedMatchCommandContext"
+      @close="closeMatchCommandDetail"
+    />
   </div>
 </template>
 
diff --git a/internal-plugins/setting/src/components/common/index.ts b/internal-plugins/setting/src/components/common/index.ts
index 2db9a07f..11695414 100644
--- a/internal-plugins/setting/src/components/common/index.ts
+++ b/internal-plugins/setting/src/components/common/index.ts
@@ -11,3 +11,4 @@ export * from './Dropdown'
 export * from './TagDropdown'
 export * from './CommandCard'
 export * from './PluginDetail'
+export * from './MatchCommandDetailDialog'
diff --git a/internal-plugins/setting/src/views/AllCommandsSetting/AllCommandsSetting.vue b/internal-plugins/setting/src/views/AllCommandsSetting/AllCommandsSetting.vue
index 4391fa5e..cf453140 100644
--- a/internal-plugins/setting/src/views/AllCommandsSetting/AllCommandsSetting.vue
+++ b/internal-plugins/setting/src/views/AllCommandsSetting/AllCommandsSetting.vue
@@ -2,7 +2,14 @@
 import { computed, onMounted, ref } from 'vue'
 import settingsFillIcon from '@/assets/image/settings-fill.png'
 import { weightedSearch } from '@/utils'
-import { AdaptiveIcon, CommandTag, FeatureCard, TagDropdown, CommandCard } from '@/components'
+import {
+  AdaptiveIcon,
+  CommandTag,
+  FeatureCard,
+  TagDropdown,
+  CommandCard,
+  MatchCommandDetailDialog
+} from '@/components'
 import type { TagDropdownMenuItem } from '@/components'
 import { useZtoolsSubInput } from '@/composables'
 import {
@@ -21,6 +28,17 @@ export type CommandType = 'direct' | 'plugin' | 'builtin'
 export type CommandSubType = 'app' | 'system-setting' | 'local-shortcut'
 export type CommandCmdType = 'text' | 'regex' | 'over' | 'img' | 'files' | 'window'
 
+type MatchCmd = {
+  type: string
+  match: string | Record<string, any>
+  exclude?: string
+  minLength?: number
+  maxLength?: number
+  fileType?: 'file' | 'directory'
+  extensions?: string[]
+  [key: string]: any
+}
+
 export interface Command {
   name: string
   path?: string
@@ -32,10 +50,23 @@ export interface Command {
   featureCode?: string
   pluginExplain?: string
   cmdType?: CommandCmdType
-  matchCmd?: {
-    type: string
-    match: string
-  }
+  matchCmd?: MatchCmd
+}
+
+interface Feature {
+  code: string
+  name: string
+  explain: string
+  icon: string
+  textCmds: {
+    text: string
+    name: string
+  }[]
+  matchCmds: {
+    type: CommandCmdType
+    match: MatchCmd
+    name: string
+  }[]
 }
 
 interface Source {
@@ -55,6 +86,16 @@ const regexCommands = ref<Command[]>([])
 const plugins = ref<any[]>([])
 const selectedSource = ref<Source | null>(null)
 const activeTab = ref<'text' | 'match'>('text')
+const selectedMatchCommand = ref<{
+  command: any
+  feature: {
+    code: string
+    name: string
+    explain: string
+  }
+  pluginName: string
+  pluginTitle: string
+} | null>(null)
 
 // 禁用指令列表
 const disabledCommands = ref<string[]>([])
@@ -88,14 +129,14 @@ function getPluginCommandId(
   pluginName: string,
   featureCode: string,
   cmdName: string,
-  cmdType: string
+  cmdType: CommandCmdType
 ): string {
   return getCommandId({
     type: 'plugin',
     pluginName,
     featureCode,
     name: cmdName,
-    cmdType
+    cmdType: cmdType
   })
 }
 
@@ -157,7 +198,7 @@ function isCommandDisabled(
   pluginName: string,
   featureCode: string,
   cmdName: string,
-  cmdType: string
+  cmdType: CommandCmdType
 ): boolean {
   const id = getPluginCommandId(pluginName, featureCode, cmdName, cmdType)
   return disabledCommands.value.includes(id)
@@ -173,7 +214,7 @@ async function toggleCommandDisabled(
   pluginName: string,
   featureCode: string,
   cmdName: string,
-  cmdType: string
+  cmdType: CommandCmdType
 ): Promise<void> {
   const id = getPluginCommandId(pluginName, featureCode, cmdName, cmdType)
   const index = disabledCommands.value.indexOf(id)
@@ -440,6 +481,14 @@ function getMenuItems(
 
   const canAddAlias = isAliasableCmdType(cmdType) && pluginName && featureCode && cmdName
 
+  if (cmdType && cmdType !== 'text') {
+    items.push({
+      key: 'detail',
+      label: '查看详情',
+      icon: 'i-z-info'
+    })
+  }
+
   if (cmdType === 'text') {
     items.push({
       key: 'open',
@@ -514,7 +563,7 @@ async function handleMenuSelect(
   pluginName: string,
   featureCode: string,
   cmdName: string,
-  cmdType: string
+  cmdType: CommandCmdType
 ): Promise<void> {
   if (key === 'toggle') {
     toggleCommandDisabled(pluginName, featureCode, cmdName, cmdType)
@@ -535,6 +584,50 @@ async function handleMenuSelect(
   }
 }
 
+function openMatchCommandDetail(feature: any, cmd: any): void {
+  const rawMatch =
+    cmd.match && typeof cmd.match === 'object' ? cmd.match : { match: cmd.match || '' }
+
+  selectedMatchCommand.value = {
+    command: {
+      ...rawMatch,
+      type: cmd.type,
+      label: cmd.name
+    },
+    feature: {
+      code: feature.code,
+      name: feature.name,
+      explain: feature.explain
+    },
+    pluginName: selectedSource.value?.name || '',
+    pluginTitle: selectedSource.value?.title || selectedSource.value?.name || ''
+  }
+}
+
+function closeMatchCommandDetail(): void {
+  selectedMatchCommand.value = null
+}
+
+async function handleMatchMenuSelect(key: string, feature: any, cmd: any): Promise<void> {
+  if (key === 'detail') {
+    openMatchCommandDetail(feature, cmd)
+    return
+  }
+
+  await handleMenuSelect(key, selectedSource.value?.name || '', feature.code, cmd.name, cmd.type)
+}
+
+async function toggleSelectedMatchCommandDisabled(): Promise<void> {
+  const detail = selectedMatchCommand.value
+  if (!detail) return
+  await toggleCommandDisabled(
+    detail.pluginName,
+    detail.feature.code,
+    detail.command.label || detail.command.name || '',
+    detail.command.type || ''
+  )
+}
+
 async function openCommand(
   pluginName: string,
   featureCode: string,
@@ -641,17 +734,7 @@ const groupedFeatures = computed(() => {
   if (!selectedSource.value || !selectedSource.value.path) return []
 
   const source = selectedSource.value
-  const featureMap = new Map<
-    string,
-    {
-      code: string
-      name: string
-      explain: string
-      icon: string
-      textCmds: any[]
-      matchCmds: any[]
-    }
-  >()
+  const featureMap = new Map<string, Feature>()
 
   // 收集功能指令
   allCommands.value
@@ -695,7 +778,8 @@ const groupedFeatures = computed(() => {
       }
       const feature = featureMap.get(key)!
       feature.matchCmds.push({
-        type: cmd.cmdType,
+        // regexCommand 的 cmdType 一定存在
+        type: cmd.cmdType!,
         match: cmd.matchCmd || { type: '', match: '' },
         name: cmd.name
       })
@@ -747,6 +831,25 @@ const matchFeaturesCount = computed(() => {
   return filteredGroupedFeatures.value.filter((f) => f.matchCmds.length > 0).length
 })
 
+const selectedMatchCommandContext = computed(() => ({
+  pluginTitle: selectedMatchCommand.value?.pluginTitle,
+  featureName:
+    selectedMatchCommand.value?.feature.explain || selectedMatchCommand.value?.feature.name,
+  featureCode: selectedMatchCommand.value?.feature.code,
+  commandName: selectedMatchCommand.value?.command.label || selectedMatchCommand.value?.command.name
+}))
+
+const selectedMatchCommandDisabled = computed(() => {
+  const detail = selectedMatchCommand.value
+  if (!detail) return false
+  return isCommandDisabled(
+    detail.pluginName,
+    detail.feature.code,
+    detail.command.label || detail.command.name || '',
+    detail.command.type || ''
+  )
+})
+
 // 预计算每个插件的指令数量（一次遍历，避免 N 次全量 filter）
 const pluginCommandCountMap = computed(() => {
   const map = new Map<string, number>()
@@ -1030,16 +1133,7 @@ onMounted(async () => {
                   cmd.name
                 )
               "
-              @select="
-                (key) =>
-                  handleMenuSelect(
-                    key,
-                    selectedSource?.name || '',
-                    feature.code,
-                    cmd.name,
-                    cmd.type
-                  )
-              "
+              @select="(key) => handleMatchMenuSelect(key, feature, cmd)"
             >
               <CommandTag
                 :command="cmd"
@@ -1053,6 +1147,16 @@ onMounted(async () => {
         </div>
       </div>
     </div>
+
+    <MatchCommandDetailDialog
+      :visible="!!selectedMatchCommand"
+      :command="selectedMatchCommand?.command"
+      :context="selectedMatchCommandContext"
+      :disabled="selectedMatchCommandDisabled"
+      show-toggle-disabled
+      @close="closeMatchCommandDetail"
+      @toggle-disabled="toggleSelectedMatchCommandDisabled"
+    />
   </div>
 </template>
 
diff --git a/src/main/api/renderer/commands.ts b/src/main/api/renderer/commands.ts
index f519f6c4..a92eb860 100644
--- a/src/main/api/renderer/commands.ts
+++ b/src/main/api/renderer/commands.ts
@@ -1139,6 +1139,12 @@ export class AppsAPI {
               })
             } else if (typeof cmd === 'object') {
               // 匹配指令
+              const matchCmd = {
+                ...cmd,
+                type: cmd.type,
+                match: cmd.match ?? cmd.regex ?? ''
+              }
+
               regexCommands.push({
                 name: cmd.label || feature.explain || '',
                 path: plugin.path,
@@ -1149,10 +1155,7 @@ export class AppsAPI {
                 pluginTitle: plugin.title,
                 pluginExplain: feature.explain,
                 cmdType: cmd.type,
-                matchCmd: {
-                  type: cmd.type,
-                  match: cmd.match || cmd.regex || ''
-                }
+                matchCmd
               })
             }
           }

From 4f3c124c76e090a88a0f3f8f71b2f8d0eb32d8a9 Mon Sep 17 00:00:00 2001
From: guopenghui <guopeng_hui@126.com>
Date: Fri, 15 May 2026 11:52:33 +0800
Subject: [PATCH 2/3] =?UTF-8?q?refactor(setting):=20=E6=8A=BD=E7=A6=BB=20M?=
 =?UTF-8?q?atchCommandDetailDialog=20composable?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../MatchCommandDetailDialog.ts               | 131 ++++++++++++++++++
 .../MatchCommandDetailDialog.vue              |  10 +-
 .../common/MatchCommandDetailDialog/index.ts  |   1 +
 .../common/PluginDetail/PluginDetailTabs.vue  |  83 ++---------
 .../common/PluginDetail/usePluginDetail.ts    |  24 ----
 .../AllCommandsSetting/AllCommandsSetting.vue |  91 ++++--------
 6 files changed, 173 insertions(+), 167 deletions(-)
 create mode 100644 internal-plugins/setting/src/components/common/MatchCommandDetailDialog/MatchCommandDetailDialog.ts

diff --git a/internal-plugins/setting/src/components/common/MatchCommandDetailDialog/MatchCommandDetailDialog.ts b/internal-plugins/setting/src/components/common/MatchCommandDetailDialog/MatchCommandDetailDialog.ts
new file mode 100644
index 00000000..28f0453c
--- /dev/null
+++ b/internal-plugins/setting/src/components/common/MatchCommandDetailDialog/MatchCommandDetailDialog.ts
@@ -0,0 +1,131 @@
+import { computed, ref, type ComputedRef, type Ref } from 'vue'
+
+export interface MatchCommandFeature {
+  code?: string
+  name?: string
+  explain?: string
+  [key: string]: any
+}
+
+export interface MatchCommandDetailCommand {
+  text?: string
+  label?: string
+  name?: string
+  type?: string
+  match?: string | Record<string, any>
+  regex?: string
+  [key: string]: any
+}
+
+export interface SelectedMatchCommand {
+  command: MatchCommandDetailCommand
+  feature: MatchCommandFeature
+  pluginName?: string
+}
+
+export interface UseMatchCommandDetailOptions {
+  getPluginName?: () => string | undefined
+  isDisabled?: (detail: SelectedMatchCommand) => boolean
+  toggleDisabled?: (detail: SelectedMatchCommand) => void | Promise<void>
+}
+
+export interface UseMatchCommandDetailResult {
+  selectedMatchCommand: Ref<SelectedMatchCommand | null>
+  selectedMatchCommandDisabled: ComputedRef<boolean>
+  openMatchCommandDetail: (feature: MatchCommandFeature, cmd: MatchCommandDetailCommand) => void
+  closeMatchCommandDetail: () => void
+  toggleSelectedMatchCommandDisabled: () => Promise<void>
+  cmdKey: (cmd: MatchCommandDetailCommand | string) => string
+  normalizeCommand: (cmd: MatchCommandDetailCommand | string) => MatchCommandDetailCommand
+  isMatchCommand: (cmd: unknown) => boolean
+}
+
+export function useMatchCommandDetail(
+  options: UseMatchCommandDetailOptions = {}
+): UseMatchCommandDetailResult {
+  const selectedMatchCommand = ref<SelectedMatchCommand | null>(null)
+
+  const selectedMatchCommandDisabled = computed(() => {
+    const detail = selectedMatchCommand.value
+    if (!detail || !options.isDisabled) return false
+    return options.isDisabled(detail)
+  })
+
+  function cmdKey(cmd: MatchCommandDetailCommand | string): string {
+    if (cmd && typeof cmd === 'object') {
+      return cmd.label || cmd.text || cmd.name || ''
+    }
+    return String(cmd)
+  }
+
+  function normalizeCommand(cmd: MatchCommandDetailCommand | string): MatchCommandDetailCommand {
+    if (cmd && typeof cmd === 'object') {
+      return {
+        name: cmd.label || cmd.name,
+        text: cmd.label,
+        type: cmd.type,
+        match: cmd.match
+      }
+    }
+    return {
+      text: String(cmd),
+      type: 'text'
+    }
+  }
+
+  function isMatchCommand(cmd: unknown): boolean {
+    return Boolean(
+      cmd &&
+      typeof cmd === 'object' &&
+      'type' in cmd &&
+      (cmd as MatchCommandDetailCommand).type &&
+      (cmd as MatchCommandDetailCommand).type !== 'text'
+    )
+  }
+
+  function openMatchCommandDetail(
+    feature: MatchCommandFeature,
+    cmd: MatchCommandDetailCommand
+  ): void {
+    const rawMatch =
+      cmd.match && typeof cmd.match === 'object'
+        ? cmd.match
+        : { match: cmd.match || cmd.regex || '' }
+
+    selectedMatchCommand.value = {
+      command: {
+        ...cmd,
+        ...rawMatch,
+        type: cmd.type,
+        label: cmd.label || cmd.name
+      },
+      feature: {
+        code: feature.code,
+        name: feature.name,
+        explain: feature.explain
+      },
+      pluginName: options.getPluginName?.() || ''
+    }
+  }
+
+  function closeMatchCommandDetail(): void {
+    selectedMatchCommand.value = null
+  }
+
+  async function toggleSelectedMatchCommandDisabled(): Promise<void> {
+    const detail = selectedMatchCommand.value
+    if (!detail || !options.toggleDisabled) return
+    await options.toggleDisabled(detail)
+  }
+
+  return {
+    selectedMatchCommand,
+    selectedMatchCommandDisabled,
+    openMatchCommandDetail,
+    closeMatchCommandDetail,
+    toggleSelectedMatchCommandDisabled,
+    cmdKey,
+    normalizeCommand,
+    isMatchCommand
+  }
+}
diff --git a/internal-plugins/setting/src/components/common/MatchCommandDetailDialog/MatchCommandDetailDialog.vue b/internal-plugins/setting/src/components/common/MatchCommandDetailDialog/MatchCommandDetailDialog.vue
index 7c2ed21d..2d020fe6 100644
--- a/internal-plugins/setting/src/components/common/MatchCommandDetailDialog/MatchCommandDetailDialog.vue
+++ b/internal-plugins/setting/src/components/common/MatchCommandDetailDialog/MatchCommandDetailDialog.vue
@@ -17,21 +17,15 @@ interface MatchCommandDetail {
   [key: string]: any
 }
 
-interface MatchCommandContext {
-  commandName?: string
-}
-
 const props = withDefaults(
   defineProps<{
     visible: boolean
     command?: MatchCommandDetail | null
-    context?: MatchCommandContext
     disabled?: boolean
     showToggleDisabled?: boolean
   }>(),
   {
     command: null,
-    context: () => ({}),
     disabled: false,
     showToggleDisabled: false
   }
@@ -59,9 +53,7 @@ const typeMeta = computed(() => {
   return map[type] || { label: type, icon: 'i-z-info' }
 })
 
-const commandName = computed(
-  () => props.context?.commandName || props.command?.label || props.command?.name || '匹配指令'
-)
+const commandName = computed(() => props.command?.label || props.command?.name || '匹配指令')
 
 const primaryRule = computed(() => {
   const command = props.command
diff --git a/internal-plugins/setting/src/components/common/MatchCommandDetailDialog/index.ts b/internal-plugins/setting/src/components/common/MatchCommandDetailDialog/index.ts
index 2b8ff93d..8e695f05 100644
--- a/internal-plugins/setting/src/components/common/MatchCommandDetailDialog/index.ts
+++ b/internal-plugins/setting/src/components/common/MatchCommandDetailDialog/index.ts
@@ -1 +1,2 @@
 export { default as MatchCommandDetailDialog } from './MatchCommandDetailDialog.vue'
+export * from './MatchCommandDetailDialog'
diff --git a/internal-plugins/setting/src/components/common/PluginDetail/PluginDetailTabs.vue b/internal-plugins/setting/src/components/common/PluginDetail/PluginDetailTabs.vue
index 3b55e834..2c87ad5e 100644
--- a/internal-plugins/setting/src/components/common/PluginDetail/PluginDetailTabs.vue
+++ b/internal-plugins/setting/src/components/common/PluginDetail/PluginDetailTabs.vue
@@ -1,6 +1,11 @@
 <script setup lang="ts">
-import { computed, ref } from 'vue'
-import { CommandTag, FeatureCard, MatchCommandDetailDialog, TagDropdown } from '@/components'
+import {
+  CommandTag,
+  FeatureCard,
+  MatchCommandDetailDialog,
+  TagDropdown,
+  useMatchCommandDetail
+} from '@/components'
 import type { DocItem, PluginItem, TabId, TabItem } from './types'
 
 const props = defineProps<{
@@ -28,71 +33,14 @@ const emit = defineEmits<{
   (e: 'clear-all-data'): void
 }>()
 
-const selectedMatchCommand = ref<{
-  command: any
-  feature: {
-    code?: string
-    name?: string
-    explain?: string
-  }
-} | null>(null)
-
-const selectedMatchCommandContext = computed(() => ({
-  pluginTitle: props.plugin.title || props.plugin.name,
-  featureName:
-    selectedMatchCommand.value?.feature.explain || selectedMatchCommand.value?.feature.name,
-  featureCode: selectedMatchCommand.value?.feature.code,
-  commandName: selectedMatchCommand.value?.command.label || selectedMatchCommand.value?.command.name
-}))
-
-function cmdKey(cmd: any): string {
-  if (cmd && typeof cmd === 'object') {
-    return cmd.label || cmd.text || cmd.name || ''
-  }
-  return String(cmd)
-}
-
-function normalizeCommand(cmd: any): any {
-  if (cmd && typeof cmd === 'object') {
-    return {
-      name: cmd.label || cmd.name,
-      text: cmd.label,
-      type: cmd.type,
-      match: cmd.match
-    }
-  }
-  return {
-    text: String(cmd),
-    type: 'text'
-  }
-}
-
-function isMatchCommand(cmd: any): boolean {
-  return Boolean(cmd && typeof cmd === 'object' && cmd.type && cmd.type !== 'text')
-}
-
-function openMatchCommandDetail(feature: any, cmd: any): void {
-  const rawMatch =
-    cmd.match && typeof cmd.match === 'object' ? cmd.match : { match: cmd.match || cmd.regex || '' }
-
-  selectedMatchCommand.value = {
-    command: {
-      ...cmd,
-      ...rawMatch,
-      type: cmd.type,
-      label: cmd.label || cmd.name
-    },
-    feature: {
-      code: feature.code,
-      name: feature.name,
-      explain: feature.explain
-    }
-  }
-}
-
-function closeMatchCommandDetail(): void {
-  selectedMatchCommand.value = null
-}
+const {
+  selectedMatchCommand,
+  openMatchCommandDetail,
+  closeMatchCommandDetail,
+  cmdKey,
+  normalizeCommand,
+  isMatchCommand
+} = useMatchCommandDetail()
 
 function formatJsonData(data: any): string {
   if (!data) return ''
@@ -262,7 +210,6 @@ function formatDate(dateStr?: string): string {
     <MatchCommandDetailDialog
       :visible="!!selectedMatchCommand"
       :command="selectedMatchCommand?.command"
-      :context="selectedMatchCommandContext"
       @close="closeMatchCommandDetail"
     />
   </div>
diff --git a/internal-plugins/setting/src/components/common/PluginDetail/usePluginDetail.ts b/internal-plugins/setting/src/components/common/PluginDetail/usePluginDetail.ts
index 970c7cf3..704a88b8 100644
--- a/internal-plugins/setting/src/components/common/PluginDetail/usePluginDetail.ts
+++ b/internal-plugins/setting/src/components/common/PluginDetail/usePluginDetail.ts
@@ -333,28 +333,6 @@ export function usePluginDetail(options: UsePluginDetailOptions) {
     }
   }
 
-  function cmdKey(cmd: any): string {
-    if (cmd && typeof cmd === 'object') {
-      return cmd.label || cmd.text || cmd.name || ''
-    }
-    return String(cmd)
-  }
-
-  function normalizeCommand(cmd: any): any {
-    if (cmd && typeof cmd === 'object') {
-      return {
-        name: cmd.label || cmd.name,
-        text: cmd.label,
-        type: cmd.type,
-        match: cmd.match
-      }
-    }
-    return {
-      text: String(cmd),
-      type: 'text'
-    }
-  }
-
   // 切换数据详情展开状态
   async function toggleDataDetail(item: DocItem): Promise<void> {
     if (!currentPluginName.value) return
@@ -554,8 +532,6 @@ export function usePluginDetail(options: UsePluginDetailOptions) {
     handleUninstall,
 
     // 工具
-    cmdKey,
-    normalizeCommand,
     formatJsonData,
     formatDate,
     formatSize,
diff --git a/internal-plugins/setting/src/views/AllCommandsSetting/AllCommandsSetting.vue b/internal-plugins/setting/src/views/AllCommandsSetting/AllCommandsSetting.vue
index cf453140..c1cf3e32 100644
--- a/internal-plugins/setting/src/views/AllCommandsSetting/AllCommandsSetting.vue
+++ b/internal-plugins/setting/src/views/AllCommandsSetting/AllCommandsSetting.vue
@@ -8,7 +8,8 @@ import {
   FeatureCard,
   TagDropdown,
   CommandCard,
-  MatchCommandDetailDialog
+  MatchCommandDetailDialog,
+  useMatchCommandDetail
 } from '@/components'
 import type { TagDropdownMenuItem } from '@/components'
 import { useZtoolsSubInput } from '@/composables'
@@ -86,16 +87,29 @@ const regexCommands = ref<Command[]>([])
 const plugins = ref<any[]>([])
 const selectedSource = ref<Source | null>(null)
 const activeTab = ref<'text' | 'match'>('text')
-const selectedMatchCommand = ref<{
-  command: any
-  feature: {
-    code: string
-    name: string
-    explain: string
-  }
-  pluginName: string
-  pluginTitle: string
-} | null>(null)
+const {
+  selectedMatchCommand,
+  selectedMatchCommandDisabled,
+  openMatchCommandDetail,
+  closeMatchCommandDetail,
+  toggleSelectedMatchCommandDisabled
+} = useMatchCommandDetail({
+  getPluginName: () => selectedSource.value?.name || '',
+  isDisabled: (detail) =>
+    isCommandDisabled(
+      detail.pluginName || '',
+      detail.feature.code || '',
+      detail.command.label || detail.command.name || '',
+      (detail.command.type || '') as CommandCmdType
+    ),
+  toggleDisabled: (detail) =>
+    toggleCommandDisabled(
+      detail.pluginName || '',
+      detail.feature.code || '',
+      detail.command.label || detail.command.name || '',
+      (detail.command.type || '') as CommandCmdType
+    )
+})
 
 // 禁用指令列表
 const disabledCommands = ref<string[]>([])
@@ -584,30 +598,6 @@ async function handleMenuSelect(
   }
 }
 
-function openMatchCommandDetail(feature: any, cmd: any): void {
-  const rawMatch =
-    cmd.match && typeof cmd.match === 'object' ? cmd.match : { match: cmd.match || '' }
-
-  selectedMatchCommand.value = {
-    command: {
-      ...rawMatch,
-      type: cmd.type,
-      label: cmd.name
-    },
-    feature: {
-      code: feature.code,
-      name: feature.name,
-      explain: feature.explain
-    },
-    pluginName: selectedSource.value?.name || '',
-    pluginTitle: selectedSource.value?.title || selectedSource.value?.name || ''
-  }
-}
-
-function closeMatchCommandDetail(): void {
-  selectedMatchCommand.value = null
-}
-
 async function handleMatchMenuSelect(key: string, feature: any, cmd: any): Promise<void> {
   if (key === 'detail') {
     openMatchCommandDetail(feature, cmd)
@@ -617,17 +607,6 @@ async function handleMatchMenuSelect(key: string, feature: any, cmd: any): Promi
   await handleMenuSelect(key, selectedSource.value?.name || '', feature.code, cmd.name, cmd.type)
 }
 
-async function toggleSelectedMatchCommandDisabled(): Promise<void> {
-  const detail = selectedMatchCommand.value
-  if (!detail) return
-  await toggleCommandDisabled(
-    detail.pluginName,
-    detail.feature.code,
-    detail.command.label || detail.command.name || '',
-    detail.command.type || ''
-  )
-}
-
 async function openCommand(
   pluginName: string,
   featureCode: string,
@@ -831,25 +810,6 @@ const matchFeaturesCount = computed(() => {
   return filteredGroupedFeatures.value.filter((f) => f.matchCmds.length > 0).length
 })
 
-const selectedMatchCommandContext = computed(() => ({
-  pluginTitle: selectedMatchCommand.value?.pluginTitle,
-  featureName:
-    selectedMatchCommand.value?.feature.explain || selectedMatchCommand.value?.feature.name,
-  featureCode: selectedMatchCommand.value?.feature.code,
-  commandName: selectedMatchCommand.value?.command.label || selectedMatchCommand.value?.command.name
-}))
-
-const selectedMatchCommandDisabled = computed(() => {
-  const detail = selectedMatchCommand.value
-  if (!detail) return false
-  return isCommandDisabled(
-    detail.pluginName,
-    detail.feature.code,
-    detail.command.label || detail.command.name || '',
-    detail.command.type || ''
-  )
-})
-
 // 预计算每个插件的指令数量（一次遍历，避免 N 次全量 filter）
 const pluginCommandCountMap = computed(() => {
   const map = new Map<string, number>()
@@ -1151,7 +1111,6 @@ onMounted(async () => {
     <MatchCommandDetailDialog
       :visible="!!selectedMatchCommand"
       :command="selectedMatchCommand?.command"
-      :context="selectedMatchCommandContext"
       :disabled="selectedMatchCommandDisabled"
       show-toggle-disabled
       @close="closeMatchCommandDetail"

From 5c37ee75206858766a95f1f5287173a46a7208b6 Mon Sep 17 00:00:00 2001
From: guopenghui <guopeng_hui@126.com>
Date: Fri, 15 May 2026 17:30:34 +0800
Subject: [PATCH 3/3] =?UTF-8?q?fix(setting):=20=E4=BF=AE=E5=A4=8D=E5=8C=B9?=
 =?UTF-8?q?=E9=85=8D=E6=8C=87=E4=BB=A4=E4=B8=8B=E6=8B=89=E8=8F=9C=E5=8D=95?=
 =?UTF-8?q?=E4=BD=8D=E7=BD=AE=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../setting/src/components/common/TagDropdown/TagDropdown.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/internal-plugins/setting/src/components/common/TagDropdown/TagDropdown.vue b/internal-plugins/setting/src/components/common/TagDropdown/TagDropdown.vue
index d97e3f0f..6ce42dae 100644
--- a/internal-plugins/setting/src/components/common/TagDropdown/TagDropdown.vue
+++ b/internal-plugins/setting/src/components/common/TagDropdown/TagDropdown.vue
@@ -2,7 +2,7 @@
 import { onBeforeUnmount, onMounted, ref } from 'vue'
 import type { TagDropdownMenuEmits, TagDropdownMenuProps, TagDropdownMenuItem } from '@/components'
 
-defineProps<TagDropdownMenuProps>()
+const props = defineProps<TagDropdownMenuProps>()
 
 const emit = defineEmits<TagDropdownMenuEmits>()
 
@@ -20,7 +20,7 @@ function updateMenuPosition(): void {
   const viewportWidth = window.innerWidth
   const viewportHeight = window.innerHeight
   const menuWidth = 160 // 预估菜单宽度
-  const menuHeight = 120 // 预估菜单高度
+  const menuHeight = props.menuItems.length * 36 // 预估菜单高度
   const gap = 4
 
   // 水平位置：默认左对齐，右侧不够则右对齐