@robot-admin/naive-ui-components 0.6.27 → 0.6.29

package/dist/C_GlobalSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_GlobalSearch.js","names":["placeholder","emptyText","resultGroupTitle"],"sources":["../src/components/C_GlobalSearch/composables/useGlobalSearch.ts","../src/components/C_GlobalSearch/index.vue","../src/components/C_GlobalSearch/index.vue","../src/components/C_GlobalSearch/index.vue"],"sourcesContent":["import { ref, computed, watch, onMounted, onUnmounted, nextTick } from 'vue'\nimport type { SearchMenuItem, HistoryItem, GlobalSearchOptions } from '../types'\n\n/**\n * 全局搜索逻辑 — 管理菜单搜索、历史记录、键盘导航\n *\n * 已解耦：不依赖任何项目级 store / router，\n * 所有外部数据通过 options 注入。\n */\nexport function useGlobalSearch(options: GlobalSearchOptions) {\n  const {\n    menuItems: getMenuItems,\n    isDark: getIsDark,\n    onSelect,\n    storageKey = 'robot-search-history',\n    maxHistory = 10,\n    maxDisplayHistory = 5,\n  } = options\n\n  // ==================== 响应式状态 ====================\n  const showDialog = ref(false)\n  const searchValue = ref('')\n  const selectedIndex = ref(0)\n  const searchInputRef = ref<HTMLInputElement>()\n  const searchHistory = ref<HistoryItem[]>([])\n\n  // ==================== 计算属性 ====================\n  const isDark = computed(() => getIsDark?.() ?? false)\n\n  const filteredMenuItems = computed(() => {\n    if (!searchValue.value.trim()) return []\n    const query = searchValue.value.toLowerCase()\n    const items = getMenuItems()\n    return items.filter(\n      item =>\n        item.label.toLowerCase().includes(query) ||\n        formatMenuPath(item.key).toLowerCase().includes(query)\n    )\n  })\n\n  const displayHistory = computed(() =>\n    searchHistory.value.slice(0, maxDisplayHistory)\n  )\n  const hasResults = computed(() => filteredMenuItems.value.length > 0)\n  const hasContent = computed(\n    () => hasResults.value || displayHistory.value.length > 0\n  )\n\n  // ==================== 工具函数 ====================\n  const getItemClasses = (index: number, isHistory: boolean) => [\n    'robot-result-item',\n    isHistory && 'robot-history-item',\n    { 'robot-result-item-selected': selectedIndex.value === index },\n  ]\n\n  const highlightMatch = (text: string, search: string): string => {\n    if (!search) return text\n    const regex = new RegExp(\n      `(${search.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')})`,\n      'gi'\n    )\n    return text.replace(regex, '<mark class=\"robot-highlight\">$1</mark>')\n  }\n\n  const formatMenuPath = (key: string): string =>\n    key.replace(/^\\//, '').replace(/\\//g, ' > ') || '首页'\n\n  // ==================== 搜索历史管理 ====================\n  const addToHistory = (menuItem: SearchMenuItem) => {\n    if (!menuItem.label.trim()) return\n    const query = menuItem.label\n    const filtered = searchHistory.value.filter(\n      (item: HistoryItem) =>\n        !(item.query === query && item.menuItem?.key === menuItem.key)\n    )\n    searchHistory.value = [\n      { query, menuItem, timestamp: Date.now() },\n      ...filtered,\n    ].slice(0, maxHistory)\n    localStorage.setItem(storageKey, JSON.stringify(searchHistory.value))\n  }\n\n  const loadHistory = () => {\n    try {\n      const saved = localStorage.getItem(storageKey)\n      if (saved) {\n        const parsed = JSON.parse(saved)\n        searchHistory.value = parsed.map((item: any) =>\n          typeof item === 'string'\n            ? { query: item, menuItem: null, timestamp: 0 }\n            : item\n        )\n      }\n    } catch (error) {\n      console.error('加载搜索历史失败:', error)\n    }\n  }\n\n  const clearHistory = () => {\n    searchHistory.value = []\n    localStorage.removeItem(storageKey)\n  }\n\n  const removeHistoryItem = (index: number) => {\n    searchHistory.value.splice(index, 1)\n    localStorage.setItem(storageKey, JSON.stringify(searchHistory.value))\n    if (selectedIndex.value >= searchHistory.value.length) {\n      selectedIndex.value = Math.max(0, searchHistory.value.length - 1)\n    }\n  }\n\n  // ==================== 对话框控制 ====================\n  const openDialog = async () => {\n    showDialog.value = true\n    searchValue.value = ''\n    selectedIndex.value = 0\n    await nextTick()\n    searchInputRef.value?.focus()\n  }\n\n  const closeDialog = () => {\n    showDialog.value = false\n    searchValue.value = ''\n    selectedIndex.value = 0\n  }\n\n  // ==================== 选择项目 ====================\n  const selectHistoryItem = (historyItem: HistoryItem) => {\n    if (historyItem.menuItem) {\n      const hasChildren = !!historyItem.menuItem.children?.length\n      onSelect?.(historyItem.menuItem.key, hasChildren)\n      closeDialog()\n    } else {\n      searchValue.value = historyItem.query\n      selectedIndex.value = 0\n    }\n  }\n\n  const selectItem = (item: SearchMenuItem) => {\n    addToHistory(item)\n    const hasChildren = !!item.children?.length\n    onSelect?.(item.key, hasChildren)\n    closeDialog()\n  }\n\n  // ==================== 键盘导航 ====================\n  const handleEnter = () => {\n    const isHistoryMode =\n      !searchValue.value.trim() && displayHistory.value.length > 0\n    const isSearchMode =\n      searchValue.value.trim() && filteredMenuItems.value.length > 0\n\n    if (isHistoryMode) {\n      const historyItem = displayHistory.value[selectedIndex.value]\n      if (historyItem) selectHistoryItem(historyItem)\n    } else if (isSearchMode) {\n      const item = filteredMenuItems.value[selectedIndex.value]\n      if (item) selectItem(item)\n    }\n  }\n\n  const focusNext = () => {\n    const maxIndex = !searchValue.value.trim()\n      ? displayHistory.value.length - 1\n      : filteredMenuItems.value.length - 1\n    selectedIndex.value = Math.min(selectedIndex.value + 1, maxIndex)\n  }\n\n  const focusPrev = () => {\n    selectedIndex.value = Math.max(selectedIndex.value - 1, 0)\n  }\n\n  // ==================== 监听器和生命周期 ====================\n  watch(searchValue, () => {\n    selectedIndex.value = 0\n  })\n\n  onMounted(() => {\n    loadHistory()\n    const handleKeydown = (e: KeyboardEvent) => {\n      if ((e.ctrlKey || e.metaKey) && e.key === 'k') {\n        e.preventDefault()\n        openDialog()\n      }\n    }\n    document.addEventListener('keydown', handleKeydown)\n    onUnmounted(() => document.removeEventListener('keydown', handleKeydown))\n  })\n\n  return {\n    showDialog,\n    searchValue,\n    selectedIndex,\n    searchInputRef,\n    isDark,\n    filteredMenuItems,\n    displayHistory,\n    hasResults,\n    hasContent,\n    getItemClasses,\n    highlightMatch,\n    formatMenuPath,\n    clearHistory,\n    removeHistoryItem,\n    openDialog,\n    closeDialog,\n    selectHistoryItem,\n    selectItem,\n    handleEnter,\n    focusNext,\n    focusPrev,\n  }\n}\n","/* unplugin-vue-components disabled */<!--\n * @Description: 全局搜索组件 - 命令面板式搜索\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"robot-search-palette\">\n    <!-- 搜索触发按钮 -->\n    <div\n      class=\"robot-search-trigger\"\n      :class=\"{ 'trigger-dark': isDark }\"\n      @click=\"openDialog\"\n    >\n      <div class=\"i-mdi:search robot-trigger-icon\" />\n      <span class=\"robot-trigger-text\">搜索</span>\n      <span class=\"robot-trigger-shortcut\">Ctrl K</span>\n    </div>\n\n    <!-- 搜索对话框 -->\n    <Teleport to=\"body\">\n      <Transition name=\"robot-dialog\">\n        <div\n          v-if=\"showDialog\"\n          class=\"robot-dialog-overlay\"\n          @click=\"closeDialog\"\n          @keydown.esc=\"closeDialog\"\n        >\n          <div\n            class=\"robot-dialog-container\"\n            :class=\"{ 'dialog-dark': isDark }\"\n            @click.stop\n          >\n            <!-- 搜索头部 -->\n            <div class=\"robot-search-header\">\n              <div class=\"i-mdi:magnify robot-search-icon\" />\n              <input\n                ref=\"searchInputRef\"\n                v-model=\"searchValue\"\n                type=\"text\"\n                :placeholder=\"placeholder\"\n                class=\"robot-search-input\"\n                @keydown.esc=\"closeDialog\"\n                @keydown.enter=\"handleEnter\"\n                @keydown.arrow-down=\"focusNext\"\n                @keydown.arrow-up=\"focusPrev\"\n              />\n              <button\n                class=\"robot-close-btn\"\n                @click=\"closeDialog\"\n              >\n                <div class=\"i-mdi:close\" />\n              </button>\n            </div>\n\n            <!-- 搜索内容 -->\n            <div class=\"robot-search-content\">\n              <!-- 空状态 -->\n              <div\n                v-if=\"!hasContent\"\n                class=\"robot-empty-state\"\n              >\n                <div class=\"i-mdi:magnify robot-empty-icon\" />\n                <p>{{ emptyText }}</p>\n              </div>\n\n              <!-- 搜索历史 -->\n              <template\n                v-else-if=\"!searchValue.trim() && displayHistory.length > 0\"\n              >\n                <div class=\"robot-search-results\">\n                  <div class=\"robot-result-group\">\n                    <div class=\"robot-group-title\">\n                      <div\n                        class=\"i-mdi:clock-time-four-outline robot-group-icon\"\n                      />\n                      最近搜索\n                      <span class=\"robot-group-count\">{{\n                        displayHistory.length\n                      }}</span>\n                      <button\n                        class=\"robot-clear-history\"\n                        @click=\"clearHistory\"\n                        title=\"清空历史\"\n                      >\n                        <div class=\"i-mdi:delete-outline\" />\n                      </button>\n                    </div>\n                    <div class=\"robot-group-items\">\n                      <div\n                        v-for=\"(historyItem, index) in displayHistory\"\n                        :key=\"`history-${index}`\"\n                        :class=\"getItemClasses(index, true)\"\n                        @click=\"selectHistoryItem(historyItem)\"\n                        @mouseenter=\"selectedIndex = index\"\n                      >\n                        <component\n                          v-if=\"historyItem.menuItem?.icon\"\n                          :is=\"historyItem.menuItem.icon\"\n                          class=\"robot-item-icon\"\n                        />\n                        <div\n                          v-else\n                          class=\"robot-item-icon robot-default-icon\"\n                        >\n                          <div class=\"i-mdi:file-document-outline\" />\n                        </div>\n                        <div class=\"robot-item-content\">\n                          <div class=\"robot-item-label\">\n                            {{ historyItem.query }}\n                          </div>\n                          <div class=\"robot-item-desc\">\n                            {{\n                              formatMenuPath(historyItem.menuItem?.key || '')\n                            }}\n                          </div>\n                        </div>\n                        <button\n                          class=\"robot-history-delete\"\n                          @click.stop=\"removeHistoryItem(index)\"\n                          title=\"删除此记录\"\n                        >\n                          <div class=\"i-mdi:close\" />\n                        </button>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </template>\n\n              <!-- 搜索结果 -->\n              <template v-else-if=\"searchValue.trim()\">\n                <div class=\"robot-search-results\">\n                  <!-- 无结果状态 -->\n                  <div\n                    v-if=\"!hasResults\"\n                    class=\"robot-empty-state\"\n                  >\n                    <div class=\"i-mdi:magnify robot-empty-icon\" />\n                    <p>未找到 \"{{ searchValue }}\" 相关内容</p>\n                  </div>\n\n                  <!-- 搜索结果列表 -->\n                  <div\n                    v-else\n                    class=\"robot-result-group\"\n                  >\n                    <div class=\"robot-group-title\">\n                      <div class=\"i-mdi:menu robot-group-icon\" />\n                      {{ resultGroupTitle }}\n                      <span class=\"robot-group-count\">{{\n                        filteredMenuItems.length\n                      }}</span>\n                    </div>\n                    <div class=\"robot-group-items\">\n                      <div\n                        v-for=\"(item, index) in filteredMenuItems\"\n                        :key=\"item.key\"\n                        :class=\"getItemClasses(index, false)\"\n                        @click=\"selectItem(item)\"\n                        @mouseenter=\"selectedIndex = index\"\n                      >\n                        <component\n                          v-if=\"item.icon\"\n                          :is=\"item.icon\"\n                          class=\"robot-item-icon\"\n                        />\n                        <div\n                          v-else\n                          class=\"robot-item-icon robot-default-icon\"\n                        >\n                          <div class=\"i-mdi:file-document-outline\" />\n                        </div>\n                        <div class=\"robot-item-content\">\n                          <div\n                            class=\"robot-item-label\"\n                            v-html=\"highlightMatch(item.label, searchValue)\"\n                          ></div>\n                          <div class=\"robot-item-desc\">\n                            {{ formatMenuPath(item.key) }}\n                          </div>\n                        </div>\n                        <div\n                          v-if=\"item.children?.length\"\n                          class=\"robot-item-badge\"\n                        >\n                          {{ item.children.length }}\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </template>\n            </div>\n\n            <!-- 搜索底部 -->\n            <div class=\"robot-search-footer\">\n              <div class=\"robot-footer-actions\">\n                <div class=\"robot-action-item\">\n                  <kbd>↵</kbd><span>选择</span>\n                </div>\n                <div class=\"robot-action-item\">\n                  <kbd>↑↓</kbd><span>导航</span>\n                </div>\n                <div class=\"robot-action-item\">\n                  <kbd>esc</kbd><span>关闭</span>\n                </div>\n              </div>\n              <div\n                v-if=\"hasContent\"\n                class=\"robot-footer-info\"\n              >\n                <span v-if=\"searchValue.trim() && hasResults\">\n                  共 {{ filteredMenuItems.length }} 项结果\n                </span>\n                <span\n                  v-else-if=\"!searchValue.trim() && displayHistory.length > 0\"\n                >\n                  {{ displayHistory.length }} 条历史记录\n                </span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Transition>\n    </Teleport>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { useGlobalSearch } from './composables/useGlobalSearch'\n  import type { GlobalSearchOptions } from './types'\n\n  defineOptions({ name: 'C_GlobalSearch' })\n\n  interface Props {\n    /** useGlobalSearch 配置（必须传入 menuItems + onSelect） */\n    options: GlobalSearchOptions\n    /** 搜索框 placeholder */\n    placeholder?: string\n    /** 无内容提示文字 */\n    emptyText?: string\n    /** 结果分组标题 */\n    resultGroupTitle?: string\n  }\n\n  const props = withDefaults(defineProps<Props>(), {\n    placeholder: '搜索导航菜单...',\n    emptyText: '输入关键词搜索菜单',\n    resultGroupTitle: '菜单导航',\n  })\n\n  const {\n    showDialog,\n    searchValue,\n    selectedIndex,\n    searchInputRef,\n    isDark,\n    filteredMenuItems,\n    displayHistory,\n    hasResults,\n    hasContent,\n    getItemClasses,\n    highlightMatch,\n    formatMenuPath,\n    clearHistory,\n    removeHistoryItem,\n    openDialog,\n    closeDialog,\n    selectHistoryItem,\n    selectItem,\n    handleEnter,\n    focusNext,\n    focusPrev,\n  } = useGlobalSearch(props.options)\n\n  defineExpose({ openDialog, closeDialog })\n</script>\n\n<style lang=\"scss\" scoped>\n  @use './index.scss';\n</style>\n","/* unplugin-vue-components disabled */<!--\n * @Description: 全局搜索组件 - 命令面板式搜索\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"robot-search-palette\">\n    <!-- 搜索触发按钮 -->\n    <div\n      class=\"robot-search-trigger\"\n      :class=\"{ 'trigger-dark': isDark }\"\n      @click=\"openDialog\"\n    >\n      <div class=\"i-mdi:search robot-trigger-icon\" />\n      <span class=\"robot-trigger-text\">搜索</span>\n      <span class=\"robot-trigger-shortcut\">Ctrl K</span>\n    </div>\n\n    <!-- 搜索对话框 -->\n    <Teleport to=\"body\">\n      <Transition name=\"robot-dialog\">\n        <div\n          v-if=\"showDialog\"\n          class=\"robot-dialog-overlay\"\n          @click=\"closeDialog\"\n          @keydown.esc=\"closeDialog\"\n        >\n          <div\n            class=\"robot-dialog-container\"\n            :class=\"{ 'dialog-dark': isDark }\"\n            @click.stop\n          >\n            <!-- 搜索头部 -->\n            <div class=\"robot-search-header\">\n              <div class=\"i-mdi:magnify robot-search-icon\" />\n              <input\n                ref=\"searchInputRef\"\n                v-model=\"searchValue\"\n                type=\"text\"\n                :placeholder=\"placeholder\"\n                class=\"robot-search-input\"\n                @keydown.esc=\"closeDialog\"\n                @keydown.enter=\"handleEnter\"\n                @keydown.arrow-down=\"focusNext\"\n                @keydown.arrow-up=\"focusPrev\"\n              />\n              <button\n                class=\"robot-close-btn\"\n                @click=\"closeDialog\"\n              >\n                <div class=\"i-mdi:close\" />\n              </button>\n            </div>\n\n            <!-- 搜索内容 -->\n            <div class=\"robot-search-content\">\n              <!-- 空状态 -->\n              <div\n                v-if=\"!hasContent\"\n                class=\"robot-empty-state\"\n              >\n                <div class=\"i-mdi:magnify robot-empty-icon\" />\n                <p>{{ emptyText }}</p>\n              </div>\n\n              <!-- 搜索历史 -->\n              <template\n                v-else-if=\"!searchValue.trim() && displayHistory.length > 0\"\n              >\n                <div class=\"robot-search-results\">\n                  <div class=\"robot-result-group\">\n                    <div class=\"robot-group-title\">\n                      <div\n                        class=\"i-mdi:clock-time-four-outline robot-group-icon\"\n                      />\n                      最近搜索\n                      <span class=\"robot-group-count\">{{\n                        displayHistory.length\n                      }}</span>\n                      <button\n                        class=\"robot-clear-history\"\n                        @click=\"clearHistory\"\n                        title=\"清空历史\"\n                      >\n                        <div class=\"i-mdi:delete-outline\" />\n                      </button>\n                    </div>\n                    <div class=\"robot-group-items\">\n                      <div\n                        v-for=\"(historyItem, index) in displayHistory\"\n                        :key=\"`history-${index}`\"\n                        :class=\"getItemClasses(index, true)\"\n                        @click=\"selectHistoryItem(historyItem)\"\n                        @mouseenter=\"selectedIndex = index\"\n                      >\n                        <component\n                          v-if=\"historyItem.menuItem?.icon\"\n                          :is=\"historyItem.menuItem.icon\"\n                          class=\"robot-item-icon\"\n                        />\n                        <div\n                          v-else\n                          class=\"robot-item-icon robot-default-icon\"\n                        >\n                          <div class=\"i-mdi:file-document-outline\" />\n                        </div>\n                        <div class=\"robot-item-content\">\n                          <div class=\"robot-item-label\">\n                            {{ historyItem.query }}\n                          </div>\n                          <div class=\"robot-item-desc\">\n                            {{\n                              formatMenuPath(historyItem.menuItem?.key || '')\n                            }}\n                          </div>\n                        </div>\n                        <button\n                          class=\"robot-history-delete\"\n                          @click.stop=\"removeHistoryItem(index)\"\n                          title=\"删除此记录\"\n                        >\n                          <div class=\"i-mdi:close\" />\n                        </button>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </template>\n\n              <!-- 搜索结果 -->\n              <template v-else-if=\"searchValue.trim()\">\n                <div class=\"robot-search-results\">\n                  <!-- 无结果状态 -->\n                  <div\n                    v-if=\"!hasResults\"\n                    class=\"robot-empty-state\"\n                  >\n                    <div class=\"i-mdi:magnify robot-empty-icon\" />\n                    <p>未找到 \"{{ searchValue }}\" 相关内容</p>\n                  </div>\n\n                  <!-- 搜索结果列表 -->\n                  <div\n                    v-else\n                    class=\"robot-result-group\"\n                  >\n                    <div class=\"robot-group-title\">\n                      <div class=\"i-mdi:menu robot-group-icon\" />\n                      {{ resultGroupTitle }}\n                      <span class=\"robot-group-count\">{{\n                        filteredMenuItems.length\n                      }}</span>\n                    </div>\n                    <div class=\"robot-group-items\">\n                      <div\n                        v-for=\"(item, index) in filteredMenuItems\"\n                        :key=\"item.key\"\n                        :class=\"getItemClasses(index, false)\"\n                        @click=\"selectItem(item)\"\n                        @mouseenter=\"selectedIndex = index\"\n                      >\n                        <component\n                          v-if=\"item.icon\"\n                          :is=\"item.icon\"\n                          class=\"robot-item-icon\"\n                        />\n                        <div\n                          v-else\n                          class=\"robot-item-icon robot-default-icon\"\n                        >\n                          <div class=\"i-mdi:file-document-outline\" />\n                        </div>\n                        <div class=\"robot-item-content\">\n                          <div\n                            class=\"robot-item-label\"\n                            v-html=\"highlightMatch(item.label, searchValue)\"\n                          ></div>\n                          <div class=\"robot-item-desc\">\n                            {{ formatMenuPath(item.key) }}\n                          </div>\n                        </div>\n                        <div\n                          v-if=\"item.children?.length\"\n                          class=\"robot-item-badge\"\n                        >\n                          {{ item.children.length }}\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </template>\n            </div>\n\n            <!-- 搜索底部 -->\n            <div class=\"robot-search-footer\">\n              <div class=\"robot-footer-actions\">\n                <div class=\"robot-action-item\">\n                  <kbd>↵</kbd><span>选择</span>\n                </div>\n                <div class=\"robot-action-item\">\n                  <kbd>↑↓</kbd><span>导航</span>\n                </div>\n                <div class=\"robot-action-item\">\n                  <kbd>esc</kbd><span>关闭</span>\n                </div>\n              </div>\n              <div\n                v-if=\"hasContent\"\n                class=\"robot-footer-info\"\n              >\n                <span v-if=\"searchValue.trim() && hasResults\">\n                  共 {{ filteredMenuItems.length }} 项结果\n                </span>\n                <span\n                  v-else-if=\"!searchValue.trim() && displayHistory.length > 0\"\n                >\n                  {{ displayHistory.length }} 条历史记录\n                </span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Transition>\n    </Teleport>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { useGlobalSearch } from './composables/useGlobalSearch'\n  import type { GlobalSearchOptions } from './types'\n\n  defineOptions({ name: 'C_GlobalSearch' })\n\n  interface Props {\n    /** useGlobalSearch 配置（必须传入 menuItems + onSelect） */\n    options: GlobalSearchOptions\n    /** 搜索框 placeholder */\n    placeholder?: string\n    /** 无内容提示文字 */\n    emptyText?: string\n    /** 结果分组标题 */\n    resultGroupTitle?: string\n  }\n\n  const props = withDefaults(defineProps<Props>(), {\n    placeholder: '搜索导航菜单...',\n    emptyText: '输入关键词搜索菜单',\n    resultGroupTitle: '菜单导航',\n  })\n\n  const {\n    showDialog,\n    searchValue,\n    selectedIndex,\n    searchInputRef,\n    isDark,\n    filteredMenuItems,\n    displayHistory,\n    hasResults,\n    hasContent,\n    getItemClasses,\n    highlightMatch,\n    formatMenuPath,\n    clearHistory,\n    removeHistoryItem,\n    openDialog,\n    closeDialog,\n    selectHistoryItem,\n    selectItem,\n    handleEnter,\n    focusNext,\n    focusPrev,\n  } = useGlobalSearch(props.options)\n\n  defineExpose({ openDialog, closeDialog })\n</script>\n\n<style lang=\"scss\" scoped>\n  @use './index.scss';\n</style>\n","<!--\n * @Description: 全局搜索组件 - 命令面板式搜索\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"robot-search-palette\">\n    <!-- 搜索触发按钮 -->\n    <div\n      class=\"robot-search-trigger\"\n      :class=\"{ 'trigger-dark': isDark }\"\n      @click=\"openDialog\"\n    >\n      <div class=\"i-mdi:search robot-trigger-icon\" />\n      <span class=\"robot-trigger-text\">搜索</span>\n      <span class=\"robot-trigger-shortcut\">Ctrl K</span>\n    </div>\n\n    <!-- 搜索对话框 -->\n    <Teleport to=\"body\">\n      <Transition name=\"robot-dialog\">\n        <div\n          v-if=\"showDialog\"\n          class=\"robot-dialog-overlay\"\n          @click=\"closeDialog\"\n          @keydown.esc=\"closeDialog\"\n        >\n          <div\n            class=\"robot-dialog-container\"\n            :class=\"{ 'dialog-dark': isDark }\"\n            @click.stop\n          >\n            <!-- 搜索头部 -->\n            <div class=\"robot-search-header\">\n              <div class=\"i-mdi:magnify robot-search-icon\" />\n              <input\n                ref=\"searchInputRef\"\n                v-model=\"searchValue\"\n                type=\"text\"\n                :placeholder=\"placeholder\"\n                class=\"robot-search-input\"\n                @keydown.esc=\"closeDialog\"\n                @keydown.enter=\"handleEnter\"\n                @keydown.arrow-down=\"focusNext\"\n                @keydown.arrow-up=\"focusPrev\"\n              />\n              <button\n                class=\"robot-close-btn\"\n                @click=\"closeDialog\"\n              >\n                <div class=\"i-mdi:close\" />\n              </button>\n            </div>\n\n            <!-- 搜索内容 -->\n            <div class=\"robot-search-content\">\n              <!-- 空状态 -->\n              <div\n                v-if=\"!hasContent\"\n                class=\"robot-empty-state\"\n              >\n                <div class=\"i-mdi:magnify robot-empty-icon\" />\n                <p>{{ emptyText }}</p>\n              </div>\n\n              <!-- 搜索历史 -->\n              <template\n                v-else-if=\"!searchValue.trim() && displayHistory.length > 0\"\n              >\n                <div class=\"robot-search-results\">\n                  <div class=\"robot-result-group\">\n                    <div class=\"robot-group-title\">\n                      <div\n                        class=\"i-mdi:clock-time-four-outline robot-group-icon\"\n                      />\n                      最近搜索\n                      <span class=\"robot-group-count\">{{\n                        displayHistory.length\n                      }}</span>\n                      <button\n                        class=\"robot-clear-history\"\n                        @click=\"clearHistory\"\n                        title=\"清空历史\"\n                      >\n                        <div class=\"i-mdi:delete-outline\" />\n                      </button>\n                    </div>\n                    <div class=\"robot-group-items\">\n                      <div\n                        v-for=\"(historyItem, index) in displayHistory\"\n                        :key=\"`history-${index}`\"\n                        :class=\"getItemClasses(index, true)\"\n                        @click=\"selectHistoryItem(historyItem)\"\n                        @mouseenter=\"selectedIndex = index\"\n                      >\n                        <component\n                          v-if=\"historyItem.menuItem?.icon\"\n                          :is=\"historyItem.menuItem.icon\"\n                          class=\"robot-item-icon\"\n                        />\n                        <div\n                          v-else\n                          class=\"robot-item-icon robot-default-icon\"\n                        >\n                          <div class=\"i-mdi:file-document-outline\" />\n                        </div>\n                        <div class=\"robot-item-content\">\n                          <div class=\"robot-item-label\">\n                            {{ historyItem.query }}\n                          </div>\n                          <div class=\"robot-item-desc\">\n                            {{\n                              formatMenuPath(historyItem.menuItem?.key || '')\n                            }}\n                          </div>\n                        </div>\n                        <button\n                          class=\"robot-history-delete\"\n                          @click.stop=\"removeHistoryItem(index)\"\n                          title=\"删除此记录\"\n                        >\n                          <div class=\"i-mdi:close\" />\n                        </button>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </template>\n\n              <!-- 搜索结果 -->\n              <template v-else-if=\"searchValue.trim()\">\n                <div class=\"robot-search-results\">\n                  <!-- 无结果状态 -->\n                  <div\n                    v-if=\"!hasResults\"\n                    class=\"robot-empty-state\"\n                  >\n                    <div class=\"i-mdi:magnify robot-empty-icon\" />\n                    <p>未找到 \"{{ searchValue }}\" 相关内容</p>\n                  </div>\n\n                  <!-- 搜索结果列表 -->\n                  <div\n                    v-else\n                    class=\"robot-result-group\"\n                  >\n                    <div class=\"robot-group-title\">\n                      <div class=\"i-mdi:menu robot-group-icon\" />\n                      {{ resultGroupTitle }}\n                      <span class=\"robot-group-count\">{{\n                        filteredMenuItems.length\n                      }}</span>\n                    </div>\n                    <div class=\"robot-group-items\">\n                      <div\n                        v-for=\"(item, index) in filteredMenuItems\"\n                        :key=\"item.key\"\n                        :class=\"getItemClasses(index, false)\"\n                        @click=\"selectItem(item)\"\n                        @mouseenter=\"selectedIndex = index\"\n                      >\n                        <component\n                          v-if=\"item.icon\"\n                          :is=\"item.icon\"\n                          class=\"robot-item-icon\"\n                        />\n                        <div\n                          v-else\n                          class=\"robot-item-icon robot-default-icon\"\n                        >\n                          <div class=\"i-mdi:file-document-outline\" />\n                        </div>\n                        <div class=\"robot-item-content\">\n                          <div\n                            class=\"robot-item-label\"\n                            v-html=\"highlightMatch(item.label, searchValue)\"\n                          ></div>\n                          <div class=\"robot-item-desc\">\n                            {{ formatMenuPath(item.key) }}\n                          </div>\n                        </div>\n                        <div\n                          v-if=\"item.children?.length\"\n                          class=\"robot-item-badge\"\n                        >\n                          {{ item.children.length }}\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </template>\n            </div>\n\n            <!-- 搜索底部 -->\n            <div class=\"robot-search-footer\">\n              <div class=\"robot-footer-actions\">\n                <div class=\"robot-action-item\">\n                  <kbd>↵</kbd><span>选择</span>\n                </div>\n                <div class=\"robot-action-item\">\n                  <kbd>↑↓</kbd><span>导航</span>\n                </div>\n                <div class=\"robot-action-item\">\n                  <kbd>esc</kbd><span>关闭</span>\n                </div>\n              </div>\n              <div\n                v-if=\"hasContent\"\n                class=\"robot-footer-info\"\n              >\n                <span v-if=\"searchValue.trim() && hasResults\">\n                  共 {{ filteredMenuItems.length }} 项结果\n                </span>\n                <span\n                  v-else-if=\"!searchValue.trim() && displayHistory.length > 0\"\n                >\n                  {{ displayHistory.length }} 条历史记录\n                </span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Transition>\n    </Teleport>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { useGlobalSearch } from './composables/useGlobalSearch'\n  import type { GlobalSearchOptions } from './types'\n\n  defineOptions({ name: 'C_GlobalSearch' })\n\n  interface Props {\n    /** useGlobalSearch 配置（必须传入 menuItems + onSelect） */\n    options: GlobalSearchOptions\n    /** 搜索框 placeholder */\n    placeholder?: string\n    /** 无内容提示文字 */\n    emptyText?: string\n    /** 结果分组标题 */\n    resultGroupTitle?: string\n  }\n\n  const props = withDefaults(defineProps<Props>(), {\n    placeholder: '搜索导航菜单...',\n    emptyText: '输入关键词搜索菜单',\n    resultGroupTitle: '菜单导航',\n  })\n\n  const {\n    showDialog,\n    searchValue,\n    selectedIndex,\n    searchInputRef,\n    isDark,\n    filteredMenuItems,\n    displayHistory,\n    hasResults,\n    hasContent,\n    getItemClasses,\n    highlightMatch,\n    formatMenuPath,\n    clearHistory,\n    removeHistoryItem,\n    openDialog,\n    closeDialog,\n    selectHistoryItem,\n    selectItem,\n    handleEnter,\n    focusNext,\n    focusPrev,\n  } = useGlobalSearch(props.options)\n\n  defineExpose({ openDialog, closeDialog })\n</script>\n\n<style lang=\"scss\" scoped>\n  @use './index.scss';\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"C_GlobalSearch.js","names":["placeholder","emptyText","resultGroupTitle"],"sources":["../src/components/C_GlobalSearch/composables/useGlobalSearch.ts","../src/components/C_GlobalSearch/index.vue","../src/components/C_GlobalSearch/index.vue","../src/components/C_GlobalSearch/index.vue"],"sourcesContent":["import { ref, computed, watch, onMounted, onUnmounted, nextTick } from 'vue'\nimport type { SearchMenuItem, HistoryItem, GlobalSearchOptions } from '../types'\n\n/**\n * 全局搜索逻辑 — 管理菜单搜索、历史记录、键盘导航\n *\n * 已解耦：不依赖任何项目级 store / router，\n * 所有外部数据通过 options 注入。\n */\nexport function useGlobalSearch(options: GlobalSearchOptions) {\n  const {\n    menuItems: getMenuItems,\n    isDark: getIsDark,\n    onSelect,\n    storageKey = 'robot-search-history',\n    maxHistory = 10,\n    maxDisplayHistory = 5,\n  } = options\n\n  // ==================== 响应式状态 ====================\n  const showDialog = ref(false)\n  const searchValue = ref('')\n  const selectedIndex = ref(0)\n  const searchInputRef = ref<HTMLInputElement>()\n  const searchHistory = ref<HistoryItem[]>([])\n\n  // ==================== 计算属性 ====================\n  const isDark = computed(() => getIsDark?.() ?? false)\n\n  const filteredMenuItems = computed(() => {\n    if (!searchValue.value.trim()) return []\n    const query = searchValue.value.toLowerCase()\n    const items = getMenuItems()\n    return items.filter(\n      item =>\n        item.label.toLowerCase().includes(query) ||\n        formatMenuPath(item.key).toLowerCase().includes(query)\n    )\n  })\n\n  const displayHistory = computed(() =>\n    searchHistory.value.slice(0, maxDisplayHistory)\n  )\n  const hasResults = computed(() => filteredMenuItems.value.length > 0)\n  const hasContent = computed(\n    () => hasResults.value || displayHistory.value.length > 0\n  )\n\n  // ==================== 工具函数 ====================\n  const getItemClasses = (index: number, isHistory: boolean) => [\n    'robot-result-item',\n    isHistory && 'robot-history-item',\n    { 'robot-result-item-selected': selectedIndex.value === index },\n  ]\n\n  const highlightMatch = (text: string, search: string): string => {\n    if (!search) return text\n    const regex = new RegExp(\n      `(${search.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')})`,\n      'gi'\n    )\n    return text.replace(regex, '<mark class=\"robot-highlight\">$1</mark>')\n  }\n\n  const formatMenuPath = (key: string): string =>\n    key.replace(/^\\//, '').replace(/\\//g, ' > ') || '首页'\n\n  // ==================== 搜索历史管理 ====================\n  const addToHistory = (menuItem: SearchMenuItem) => {\n    if (!menuItem.label.trim()) return\n    const query = menuItem.label\n    const filtered = searchHistory.value.filter(\n      (item: HistoryItem) =>\n        !(item.query === query && item.menuItem?.key === menuItem.key)\n    )\n    searchHistory.value = [\n      { query, menuItem, timestamp: Date.now() },\n      ...filtered,\n    ].slice(0, maxHistory)\n    localStorage.setItem(storageKey, JSON.stringify(searchHistory.value))\n  }\n\n  const loadHistory = () => {\n    try {\n      const saved = localStorage.getItem(storageKey)\n      if (saved) {\n        const parsed = JSON.parse(saved)\n        searchHistory.value = parsed.map((item: any) =>\n          typeof item === 'string'\n            ? { query: item, menuItem: null, timestamp: 0 }\n            : item\n        )\n      }\n    } catch (error) {\n      console.error('加载搜索历史失败:', error)\n    }\n  }\n\n  const clearHistory = () => {\n    searchHistory.value = []\n    localStorage.removeItem(storageKey)\n  }\n\n  const removeHistoryItem = (index: number) => {\n    searchHistory.value.splice(index, 1)\n    localStorage.setItem(storageKey, JSON.stringify(searchHistory.value))\n    if (selectedIndex.value >= searchHistory.value.length) {\n      selectedIndex.value = Math.max(0, searchHistory.value.length - 1)\n    }\n  }\n\n  // ==================== 对话框控制 ====================\n  const openDialog = async () => {\n    showDialog.value = true\n    searchValue.value = ''\n    selectedIndex.value = 0\n    await nextTick()\n    searchInputRef.value?.focus()\n  }\n\n  const closeDialog = () => {\n    showDialog.value = false\n    searchValue.value = ''\n    selectedIndex.value = 0\n  }\n\n  // ==================== 选择项目 ====================\n  const selectHistoryItem = (historyItem: HistoryItem) => {\n    if (historyItem.menuItem) {\n      const hasChildren = !!historyItem.menuItem.children?.length\n      onSelect?.(historyItem.menuItem.key, hasChildren)\n      closeDialog()\n    } else {\n      searchValue.value = historyItem.query\n      selectedIndex.value = 0\n    }\n  }\n\n  const selectItem = (item: SearchMenuItem) => {\n    addToHistory(item)\n    const hasChildren = !!item.children?.length\n    onSelect?.(item.key, hasChildren)\n    closeDialog()\n  }\n\n  // ==================== 键盘导航 ====================\n  const handleEnter = () => {\n    const isHistoryMode =\n      !searchValue.value.trim() && displayHistory.value.length > 0\n    const isSearchMode =\n      searchValue.value.trim() && filteredMenuItems.value.length > 0\n\n    if (isHistoryMode) {\n      const historyItem = displayHistory.value[selectedIndex.value]\n      if (historyItem) selectHistoryItem(historyItem)\n    } else if (isSearchMode) {\n      const item = filteredMenuItems.value[selectedIndex.value]\n      if (item) selectItem(item)\n    }\n  }\n\n  const focusNext = () => {\n    const maxIndex = !searchValue.value.trim()\n      ? displayHistory.value.length - 1\n      : filteredMenuItems.value.length - 1\n    selectedIndex.value = Math.min(selectedIndex.value + 1, maxIndex)\n  }\n\n  const focusPrev = () => {\n    selectedIndex.value = Math.max(selectedIndex.value - 1, 0)\n  }\n\n  // ==================== 监听器和生命周期 ====================\n  watch(searchValue, () => {\n    selectedIndex.value = 0\n  })\n\n  onMounted(() => {\n    loadHistory()\n    const handleKeydown = (e: KeyboardEvent) => {\n      if ((e.ctrlKey || e.metaKey) && e.key === 'k') {\n        e.preventDefault()\n        openDialog()\n      }\n    }\n    document.addEventListener('keydown', handleKeydown)\n    onUnmounted(() => document.removeEventListener('keydown', handleKeydown))\n  })\n\n  return {\n    showDialog,\n    searchValue,\n    selectedIndex,\n    searchInputRef,\n    isDark,\n    filteredMenuItems,\n    displayHistory,\n    hasResults,\n    hasContent,\n    getItemClasses,\n    highlightMatch,\n    formatMenuPath,\n    clearHistory,\n    removeHistoryItem,\n    openDialog,\n    closeDialog,\n    selectHistoryItem,\n    selectItem,\n    handleEnter,\n    focusNext,\n    focusPrev,\n  }\n}\n","/* unplugin-vue-components disabled */<!--\n * @Description: 全局搜索组件 - 命令面板式搜索\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"robot-search-palette\">\n    <!-- 搜索触发按钮 -->\n    <div\n      class=\"robot-search-trigger\"\n      :class=\"{ 'trigger-dark': isDark }\"\n      @click=\"openDialog\"\n    >\n      <Icon\n        icon=\"mdi:search\"\n        class=\"robot-trigger-icon\"\n        width=\"1em\"\n        height=\"1em\"\n      />\n      <span class=\"robot-trigger-text\">搜索</span>\n      <span class=\"robot-trigger-shortcut\">Ctrl K</span>\n    </div>\n\n    <!-- 搜索对话框 -->\n    <Teleport to=\"body\">\n      <Transition name=\"robot-dialog\">\n        <div\n          v-if=\"showDialog\"\n          class=\"robot-dialog-overlay\"\n          @click=\"closeDialog\"\n          @keydown.esc=\"closeDialog\"\n        >\n          <div\n            class=\"robot-dialog-container\"\n            :class=\"{ 'dialog-dark': isDark }\"\n            @click.stop\n          >\n            <!-- 搜索头部 -->\n            <div class=\"robot-search-header\">\n              <Icon\n                icon=\"mdi:magnify\"\n                class=\"robot-search-icon\"\n                width=\"1em\"\n                height=\"1em\"\n              />\n              <input\n                ref=\"searchInputRef\"\n                v-model=\"searchValue\"\n                type=\"text\"\n                :placeholder=\"placeholder\"\n                class=\"robot-search-input\"\n                @keydown.esc=\"closeDialog\"\n                @keydown.enter=\"handleEnter\"\n                @keydown.arrow-down=\"focusNext\"\n                @keydown.arrow-up=\"focusPrev\"\n              />\n              <button\n                class=\"robot-close-btn\"\n                @click=\"closeDialog\"\n              >\n                <Icon\n                  icon=\"mdi:close\"\n                  width=\"1em\"\n                  height=\"1em\"\n                />\n              </button>\n            </div>\n\n            <!-- 搜索内容 -->\n            <div class=\"robot-search-content\">\n              <!-- 空状态 -->\n              <div\n                v-if=\"!hasContent\"\n                class=\"robot-empty-state\"\n              >\n                <Icon\n                  icon=\"mdi:magnify\"\n                  class=\"robot-empty-icon\"\n                  width=\"1em\"\n                  height=\"1em\"\n                />\n                <p>{{ emptyText }}</p>\n              </div>\n\n              <!-- 搜索历史 -->\n              <template\n                v-else-if=\"!searchValue.trim() && displayHistory.length > 0\"\n              >\n                <div class=\"robot-search-results\">\n                  <div class=\"robot-result-group\">\n                    <div class=\"robot-group-title\">\n                      <Icon\n                        icon=\"mdi:clock-time-four-outline\"\n                        class=\"robot-group-icon\"\n                        width=\"1em\"\n                        height=\"1em\"\n                      />\n                      最近搜索\n                      <span class=\"robot-group-count\">{{\n                        displayHistory.length\n                      }}</span>\n                      <button\n                        class=\"robot-clear-history\"\n                        @click=\"clearHistory\"\n                        title=\"清空历史\"\n                      >\n                        <Icon\n                          icon=\"mdi:delete-outline\"\n                          width=\"1em\"\n                          height=\"1em\"\n                        />\n                      </button>\n                    </div>\n                    <div class=\"robot-group-items\">\n                      <div\n                        v-for=\"(historyItem, index) in displayHistory\"\n                        :key=\"`history-${index}`\"\n                        :class=\"getItemClasses(index, true)\"\n                        @click=\"selectHistoryItem(historyItem)\"\n                        @mouseenter=\"selectedIndex = index\"\n                      >\n                        <component\n                          v-if=\"historyItem.menuItem?.icon\"\n                          :is=\"historyItem.menuItem.icon\"\n                          class=\"robot-item-icon\"\n                        />\n                        <div\n                          v-else\n                          class=\"robot-item-icon robot-default-icon\"\n                        >\n                          <Icon\n                            icon=\"mdi:file-document-outline\"\n                            width=\"1em\"\n                            height=\"1em\"\n                          />\n                        </div>\n                        <div class=\"robot-item-content\">\n                          <div class=\"robot-item-label\">\n                            {{ historyItem.query }}\n                          </div>\n                          <div class=\"robot-item-desc\">\n                            {{\n                              formatMenuPath(historyItem.menuItem?.key || '')\n                            }}\n                          </div>\n                        </div>\n                        <button\n                          class=\"robot-history-delete\"\n                          @click.stop=\"removeHistoryItem(index)\"\n                          title=\"删除此记录\"\n                        >\n                          <Icon\n                            icon=\"mdi:close\"\n                            width=\"1em\"\n                            height=\"1em\"\n                          />\n                        </button>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </template>\n\n              <!-- 搜索结果 -->\n              <template v-else-if=\"searchValue.trim()\">\n                <div class=\"robot-search-results\">\n                  <!-- 无结果状态 -->\n                  <div\n                    v-if=\"!hasResults\"\n                    class=\"robot-empty-state\"\n                  >\n                    <Icon\n                      icon=\"mdi:magnify\"\n                      class=\"robot-empty-icon\"\n                      width=\"1em\"\n                      height=\"1em\"\n                    />\n                    <p>未找到 \"{{ searchValue }}\" 相关内容</p>\n                  </div>\n\n                  <!-- 搜索结果列表 -->\n                  <div\n                    v-else\n                    class=\"robot-result-group\"\n                  >\n                    <div class=\"robot-group-title\">\n                      <Icon\n                        icon=\"mdi:menu\"\n                        class=\"robot-group-icon\"\n                        width=\"1em\"\n                        height=\"1em\"\n                      />\n                      {{ resultGroupTitle }}\n                      <span class=\"robot-group-count\">{{\n                        filteredMenuItems.length\n                      }}</span>\n                    </div>\n                    <div class=\"robot-group-items\">\n                      <div\n                        v-for=\"(item, index) in filteredMenuItems\"\n                        :key=\"item.key\"\n                        :class=\"getItemClasses(index, false)\"\n                        @click=\"selectItem(item)\"\n                        @mouseenter=\"selectedIndex = index\"\n                      >\n                        <component\n                          v-if=\"item.icon\"\n                          :is=\"item.icon\"\n                          class=\"robot-item-icon\"\n                        />\n                        <div\n                          v-else\n                          class=\"robot-item-icon robot-default-icon\"\n                        >\n                          <Icon\n                            icon=\"mdi:file-document-outline\"\n                            width=\"1em\"\n                            height=\"1em\"\n                          />\n                        </div>\n                        <div class=\"robot-item-content\">\n                          <div\n                            class=\"robot-item-label\"\n                            v-html=\"highlightMatch(item.label, searchValue)\"\n                          ></div>\n                          <div class=\"robot-item-desc\">\n                            {{ formatMenuPath(item.key) }}\n                          </div>\n                        </div>\n                        <div\n                          v-if=\"item.children?.length\"\n                          class=\"robot-item-badge\"\n                        >\n                          {{ item.children.length }}\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </template>\n            </div>\n\n            <!-- 搜索底部 -->\n            <div class=\"robot-search-footer\">\n              <div class=\"robot-footer-actions\">\n                <div class=\"robot-action-item\">\n                  <kbd>↵</kbd><span>选择</span>\n                </div>\n                <div class=\"robot-action-item\">\n                  <kbd>↑↓</kbd><span>导航</span>\n                </div>\n                <div class=\"robot-action-item\">\n                  <kbd>esc</kbd><span>关闭</span>\n                </div>\n              </div>\n              <div\n                v-if=\"hasContent\"\n                class=\"robot-footer-info\"\n              >\n                <span v-if=\"searchValue.trim() && hasResults\">\n                  共 {{ filteredMenuItems.length }} 项结果\n                </span>\n                <span\n                  v-else-if=\"!searchValue.trim() && displayHistory.length > 0\"\n                >\n                  {{ displayHistory.length }} 条历史记录\n                </span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Transition>\n    </Teleport>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { Icon } from '@iconify/vue'\n  import { useGlobalSearch } from './composables/useGlobalSearch'\n  import type { GlobalSearchOptions } from './types'\n\n  defineOptions({ name: 'C_GlobalSearch' })\n\n  interface Props {\n    /** useGlobalSearch 配置（必须传入 menuItems + onSelect） */\n    options: GlobalSearchOptions\n    /** 搜索框 placeholder */\n    placeholder?: string\n    /** 无内容提示文字 */\n    emptyText?: string\n    /** 结果分组标题 */\n    resultGroupTitle?: string\n  }\n\n  const props = withDefaults(defineProps<Props>(), {\n    placeholder: '搜索导航菜单...',\n    emptyText: '输入关键词搜索菜单',\n    resultGroupTitle: '菜单导航',\n  })\n\n  const {\n    showDialog,\n    searchValue,\n    selectedIndex,\n    searchInputRef,\n    isDark,\n    filteredMenuItems,\n    displayHistory,\n    hasResults,\n    hasContent,\n    getItemClasses,\n    highlightMatch,\n    formatMenuPath,\n    clearHistory,\n    removeHistoryItem,\n    openDialog,\n    closeDialog,\n    selectHistoryItem,\n    selectItem,\n    handleEnter,\n    focusNext,\n    focusPrev,\n  } = useGlobalSearch(props.options)\n\n  defineExpose({ openDialog, closeDialog })\n</script>\n\n<style lang=\"scss\" scoped>\n  @use './index.scss';\n</style>\n","/* unplugin-vue-components disabled */<!--\n * @Description: 全局搜索组件 - 命令面板式搜索\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"robot-search-palette\">\n    <!-- 搜索触发按钮 -->\n    <div\n      class=\"robot-search-trigger\"\n      :class=\"{ 'trigger-dark': isDark }\"\n      @click=\"openDialog\"\n    >\n      <Icon\n        icon=\"mdi:search\"\n        class=\"robot-trigger-icon\"\n        width=\"1em\"\n        height=\"1em\"\n      />\n      <span class=\"robot-trigger-text\">搜索</span>\n      <span class=\"robot-trigger-shortcut\">Ctrl K</span>\n    </div>\n\n    <!-- 搜索对话框 -->\n    <Teleport to=\"body\">\n      <Transition name=\"robot-dialog\">\n        <div\n          v-if=\"showDialog\"\n          class=\"robot-dialog-overlay\"\n          @click=\"closeDialog\"\n          @keydown.esc=\"closeDialog\"\n        >\n          <div\n            class=\"robot-dialog-container\"\n            :class=\"{ 'dialog-dark': isDark }\"\n            @click.stop\n          >\n            <!-- 搜索头部 -->\n            <div class=\"robot-search-header\">\n              <Icon\n                icon=\"mdi:magnify\"\n                class=\"robot-search-icon\"\n                width=\"1em\"\n                height=\"1em\"\n              />\n              <input\n                ref=\"searchInputRef\"\n                v-model=\"searchValue\"\n                type=\"text\"\n                :placeholder=\"placeholder\"\n                class=\"robot-search-input\"\n                @keydown.esc=\"closeDialog\"\n                @keydown.enter=\"handleEnter\"\n                @keydown.arrow-down=\"focusNext\"\n                @keydown.arrow-up=\"focusPrev\"\n              />\n              <button\n                class=\"robot-close-btn\"\n                @click=\"closeDialog\"\n              >\n                <Icon\n                  icon=\"mdi:close\"\n                  width=\"1em\"\n                  height=\"1em\"\n                />\n              </button>\n            </div>\n\n            <!-- 搜索内容 -->\n            <div class=\"robot-search-content\">\n              <!-- 空状态 -->\n              <div\n                v-if=\"!hasContent\"\n                class=\"robot-empty-state\"\n              >\n                <Icon\n                  icon=\"mdi:magnify\"\n                  class=\"robot-empty-icon\"\n                  width=\"1em\"\n                  height=\"1em\"\n                />\n                <p>{{ emptyText }}</p>\n              </div>\n\n              <!-- 搜索历史 -->\n              <template\n                v-else-if=\"!searchValue.trim() && displayHistory.length > 0\"\n              >\n                <div class=\"robot-search-results\">\n                  <div class=\"robot-result-group\">\n                    <div class=\"robot-group-title\">\n                      <Icon\n                        icon=\"mdi:clock-time-four-outline\"\n                        class=\"robot-group-icon\"\n                        width=\"1em\"\n                        height=\"1em\"\n                      />\n                      最近搜索\n                      <span class=\"robot-group-count\">{{\n                        displayHistory.length\n                      }}</span>\n                      <button\n                        class=\"robot-clear-history\"\n                        @click=\"clearHistory\"\n                        title=\"清空历史\"\n                      >\n                        <Icon\n                          icon=\"mdi:delete-outline\"\n                          width=\"1em\"\n                          height=\"1em\"\n                        />\n                      </button>\n                    </div>\n                    <div class=\"robot-group-items\">\n                      <div\n                        v-for=\"(historyItem, index) in displayHistory\"\n                        :key=\"`history-${index}`\"\n                        :class=\"getItemClasses(index, true)\"\n                        @click=\"selectHistoryItem(historyItem)\"\n                        @mouseenter=\"selectedIndex = index\"\n                      >\n                        <component\n                          v-if=\"historyItem.menuItem?.icon\"\n                          :is=\"historyItem.menuItem.icon\"\n                          class=\"robot-item-icon\"\n                        />\n                        <div\n                          v-else\n                          class=\"robot-item-icon robot-default-icon\"\n                        >\n                          <Icon\n                            icon=\"mdi:file-document-outline\"\n                            width=\"1em\"\n                            height=\"1em\"\n                          />\n                        </div>\n                        <div class=\"robot-item-content\">\n                          <div class=\"robot-item-label\">\n                            {{ historyItem.query }}\n                          </div>\n                          <div class=\"robot-item-desc\">\n                            {{\n                              formatMenuPath(historyItem.menuItem?.key || '')\n                            }}\n                          </div>\n                        </div>\n                        <button\n                          class=\"robot-history-delete\"\n                          @click.stop=\"removeHistoryItem(index)\"\n                          title=\"删除此记录\"\n                        >\n                          <Icon\n                            icon=\"mdi:close\"\n                            width=\"1em\"\n                            height=\"1em\"\n                          />\n                        </button>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </template>\n\n              <!-- 搜索结果 -->\n              <template v-else-if=\"searchValue.trim()\">\n                <div class=\"robot-search-results\">\n                  <!-- 无结果状态 -->\n                  <div\n                    v-if=\"!hasResults\"\n                    class=\"robot-empty-state\"\n                  >\n                    <Icon\n                      icon=\"mdi:magnify\"\n                      class=\"robot-empty-icon\"\n                      width=\"1em\"\n                      height=\"1em\"\n                    />\n                    <p>未找到 \"{{ searchValue }}\" 相关内容</p>\n                  </div>\n\n                  <!-- 搜索结果列表 -->\n                  <div\n                    v-else\n                    class=\"robot-result-group\"\n                  >\n                    <div class=\"robot-group-title\">\n                      <Icon\n                        icon=\"mdi:menu\"\n                        class=\"robot-group-icon\"\n                        width=\"1em\"\n                        height=\"1em\"\n                      />\n                      {{ resultGroupTitle }}\n                      <span class=\"robot-group-count\">{{\n                        filteredMenuItems.length\n                      }}</span>\n                    </div>\n                    <div class=\"robot-group-items\">\n                      <div\n                        v-for=\"(item, index) in filteredMenuItems\"\n                        :key=\"item.key\"\n                        :class=\"getItemClasses(index, false)\"\n                        @click=\"selectItem(item)\"\n                        @mouseenter=\"selectedIndex = index\"\n                      >\n                        <component\n                          v-if=\"item.icon\"\n                          :is=\"item.icon\"\n                          class=\"robot-item-icon\"\n                        />\n                        <div\n                          v-else\n                          class=\"robot-item-icon robot-default-icon\"\n                        >\n                          <Icon\n                            icon=\"mdi:file-document-outline\"\n                            width=\"1em\"\n                            height=\"1em\"\n                          />\n                        </div>\n                        <div class=\"robot-item-content\">\n                          <div\n                            class=\"robot-item-label\"\n                            v-html=\"highlightMatch(item.label, searchValue)\"\n                          ></div>\n                          <div class=\"robot-item-desc\">\n                            {{ formatMenuPath(item.key) }}\n                          </div>\n                        </div>\n                        <div\n                          v-if=\"item.children?.length\"\n                          class=\"robot-item-badge\"\n                        >\n                          {{ item.children.length }}\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </template>\n            </div>\n\n            <!-- 搜索底部 -->\n            <div class=\"robot-search-footer\">\n              <div class=\"robot-footer-actions\">\n                <div class=\"robot-action-item\">\n                  <kbd>↵</kbd><span>选择</span>\n                </div>\n                <div class=\"robot-action-item\">\n                  <kbd>↑↓</kbd><span>导航</span>\n                </div>\n                <div class=\"robot-action-item\">\n                  <kbd>esc</kbd><span>关闭</span>\n                </div>\n              </div>\n              <div\n                v-if=\"hasContent\"\n                class=\"robot-footer-info\"\n              >\n                <span v-if=\"searchValue.trim() && hasResults\">\n                  共 {{ filteredMenuItems.length }} 项结果\n                </span>\n                <span\n                  v-else-if=\"!searchValue.trim() && displayHistory.length > 0\"\n                >\n                  {{ displayHistory.length }} 条历史记录\n                </span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Transition>\n    </Teleport>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { Icon } from '@iconify/vue'\n  import { useGlobalSearch } from './composables/useGlobalSearch'\n  import type { GlobalSearchOptions } from './types'\n\n  defineOptions({ name: 'C_GlobalSearch' })\n\n  interface Props {\n    /** useGlobalSearch 配置（必须传入 menuItems + onSelect） */\n    options: GlobalSearchOptions\n    /** 搜索框 placeholder */\n    placeholder?: string\n    /** 无内容提示文字 */\n    emptyText?: string\n    /** 结果分组标题 */\n    resultGroupTitle?: string\n  }\n\n  const props = withDefaults(defineProps<Props>(), {\n    placeholder: '搜索导航菜单...',\n    emptyText: '输入关键词搜索菜单',\n    resultGroupTitle: '菜单导航',\n  })\n\n  const {\n    showDialog,\n    searchValue,\n    selectedIndex,\n    searchInputRef,\n    isDark,\n    filteredMenuItems,\n    displayHistory,\n    hasResults,\n    hasContent,\n    getItemClasses,\n    highlightMatch,\n    formatMenuPath,\n    clearHistory,\n    removeHistoryItem,\n    openDialog,\n    closeDialog,\n    selectHistoryItem,\n    selectItem,\n    handleEnter,\n    focusNext,\n    focusPrev,\n  } = useGlobalSearch(props.options)\n\n  defineExpose({ openDialog, closeDialog })\n</script>\n\n<style lang=\"scss\" scoped>\n  @use './index.scss';\n</style>\n","<!--\n * @Description: 全局搜索组件 - 命令面板式搜索\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"robot-search-palette\">\n    <!-- 搜索触发按钮 -->\n    <div\n      class=\"robot-search-trigger\"\n      :class=\"{ 'trigger-dark': isDark }\"\n      @click=\"openDialog\"\n    >\n      <Icon\n        icon=\"mdi:search\"\n        class=\"robot-trigger-icon\"\n        width=\"1em\"\n        height=\"1em\"\n      />\n      <span class=\"robot-trigger-text\">搜索</span>\n      <span class=\"robot-trigger-shortcut\">Ctrl K</span>\n    </div>\n\n    <!-- 搜索对话框 -->\n    <Teleport to=\"body\">\n      <Transition name=\"robot-dialog\">\n        <div\n          v-if=\"showDialog\"\n          class=\"robot-dialog-overlay\"\n          @click=\"closeDialog\"\n          @keydown.esc=\"closeDialog\"\n        >\n          <div\n            class=\"robot-dialog-container\"\n            :class=\"{ 'dialog-dark': isDark }\"\n            @click.stop\n          >\n            <!-- 搜索头部 -->\n            <div class=\"robot-search-header\">\n              <Icon\n                icon=\"mdi:magnify\"\n                class=\"robot-search-icon\"\n                width=\"1em\"\n                height=\"1em\"\n              />\n              <input\n                ref=\"searchInputRef\"\n                v-model=\"searchValue\"\n                type=\"text\"\n                :placeholder=\"placeholder\"\n                class=\"robot-search-input\"\n                @keydown.esc=\"closeDialog\"\n                @keydown.enter=\"handleEnter\"\n                @keydown.arrow-down=\"focusNext\"\n                @keydown.arrow-up=\"focusPrev\"\n              />\n              <button\n                class=\"robot-close-btn\"\n                @click=\"closeDialog\"\n              >\n                <Icon\n                  icon=\"mdi:close\"\n                  width=\"1em\"\n                  height=\"1em\"\n                />\n              </button>\n            </div>\n\n            <!-- 搜索内容 -->\n            <div class=\"robot-search-content\">\n              <!-- 空状态 -->\n              <div\n                v-if=\"!hasContent\"\n                class=\"robot-empty-state\"\n              >\n                <Icon\n                  icon=\"mdi:magnify\"\n                  class=\"robot-empty-icon\"\n                  width=\"1em\"\n                  height=\"1em\"\n                />\n                <p>{{ emptyText }}</p>\n              </div>\n\n              <!-- 搜索历史 -->\n              <template\n                v-else-if=\"!searchValue.trim() && displayHistory.length > 0\"\n              >\n                <div class=\"robot-search-results\">\n                  <div class=\"robot-result-group\">\n                    <div class=\"robot-group-title\">\n                      <Icon\n                        icon=\"mdi:clock-time-four-outline\"\n                        class=\"robot-group-icon\"\n                        width=\"1em\"\n                        height=\"1em\"\n                      />\n                      最近搜索\n                      <span class=\"robot-group-count\">{{\n                        displayHistory.length\n                      }}</span>\n                      <button\n                        class=\"robot-clear-history\"\n                        @click=\"clearHistory\"\n                        title=\"清空历史\"\n                      >\n                        <Icon\n                          icon=\"mdi:delete-outline\"\n                          width=\"1em\"\n                          height=\"1em\"\n                        />\n                      </button>\n                    </div>\n                    <div class=\"robot-group-items\">\n                      <div\n                        v-for=\"(historyItem, index) in displayHistory\"\n                        :key=\"`history-${index}`\"\n                        :class=\"getItemClasses(index, true)\"\n                        @click=\"selectHistoryItem(historyItem)\"\n                        @mouseenter=\"selectedIndex = index\"\n                      >\n                        <component\n                          v-if=\"historyItem.menuItem?.icon\"\n                          :is=\"historyItem.menuItem.icon\"\n                          class=\"robot-item-icon\"\n                        />\n                        <div\n                          v-else\n                          class=\"robot-item-icon robot-default-icon\"\n                        >\n                          <Icon\n                            icon=\"mdi:file-document-outline\"\n                            width=\"1em\"\n                            height=\"1em\"\n                          />\n                        </div>\n                        <div class=\"robot-item-content\">\n                          <div class=\"robot-item-label\">\n                            {{ historyItem.query }}\n                          </div>\n                          <div class=\"robot-item-desc\">\n                            {{\n                              formatMenuPath(historyItem.menuItem?.key || '')\n                            }}\n                          </div>\n                        </div>\n                        <button\n                          class=\"robot-history-delete\"\n                          @click.stop=\"removeHistoryItem(index)\"\n                          title=\"删除此记录\"\n                        >\n                          <Icon\n                            icon=\"mdi:close\"\n                            width=\"1em\"\n                            height=\"1em\"\n                          />\n                        </button>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </template>\n\n              <!-- 搜索结果 -->\n              <template v-else-if=\"searchValue.trim()\">\n                <div class=\"robot-search-results\">\n                  <!-- 无结果状态 -->\n                  <div\n                    v-if=\"!hasResults\"\n                    class=\"robot-empty-state\"\n                  >\n                    <Icon\n                      icon=\"mdi:magnify\"\n                      class=\"robot-empty-icon\"\n                      width=\"1em\"\n                      height=\"1em\"\n                    />\n                    <p>未找到 \"{{ searchValue }}\" 相关内容</p>\n                  </div>\n\n                  <!-- 搜索结果列表 -->\n                  <div\n                    v-else\n                    class=\"robot-result-group\"\n                  >\n                    <div class=\"robot-group-title\">\n                      <Icon\n                        icon=\"mdi:menu\"\n                        class=\"robot-group-icon\"\n                        width=\"1em\"\n                        height=\"1em\"\n                      />\n                      {{ resultGroupTitle }}\n                      <span class=\"robot-group-count\">{{\n                        filteredMenuItems.length\n                      }}</span>\n                    </div>\n                    <div class=\"robot-group-items\">\n                      <div\n                        v-for=\"(item, index) in filteredMenuItems\"\n                        :key=\"item.key\"\n                        :class=\"getItemClasses(index, false)\"\n                        @click=\"selectItem(item)\"\n                        @mouseenter=\"selectedIndex = index\"\n                      >\n                        <component\n                          v-if=\"item.icon\"\n                          :is=\"item.icon\"\n                          class=\"robot-item-icon\"\n                        />\n                        <div\n                          v-else\n                          class=\"robot-item-icon robot-default-icon\"\n                        >\n                          <Icon\n                            icon=\"mdi:file-document-outline\"\n                            width=\"1em\"\n                            height=\"1em\"\n                          />\n                        </div>\n                        <div class=\"robot-item-content\">\n                          <div\n                            class=\"robot-item-label\"\n                            v-html=\"highlightMatch(item.label, searchValue)\"\n                          ></div>\n                          <div class=\"robot-item-desc\">\n                            {{ formatMenuPath(item.key) }}\n                          </div>\n                        </div>\n                        <div\n                          v-if=\"item.children?.length\"\n                          class=\"robot-item-badge\"\n                        >\n                          {{ item.children.length }}\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </template>\n            </div>\n\n            <!-- 搜索底部 -->\n            <div class=\"robot-search-footer\">\n              <div class=\"robot-footer-actions\">\n                <div class=\"robot-action-item\">\n                  <kbd>↵</kbd><span>选择</span>\n                </div>\n                <div class=\"robot-action-item\">\n                  <kbd>↑↓</kbd><span>导航</span>\n                </div>\n                <div class=\"robot-action-item\">\n                  <kbd>esc</kbd><span>关闭</span>\n                </div>\n              </div>\n              <div\n                v-if=\"hasContent\"\n                class=\"robot-footer-info\"\n              >\n                <span v-if=\"searchValue.trim() && hasResults\">\n                  共 {{ filteredMenuItems.length }} 项结果\n                </span>\n                <span\n                  v-else-if=\"!searchValue.trim() && displayHistory.length > 0\"\n                >\n                  {{ displayHistory.length }} 条历史记录\n                </span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Transition>\n    </Teleport>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { Icon } from '@iconify/vue'\n  import { useGlobalSearch } from './composables/useGlobalSearch'\n  import type { GlobalSearchOptions } from './types'\n\n  defineOptions({ name: 'C_GlobalSearch' })\n\n  interface Props {\n    /** useGlobalSearch 配置（必须传入 menuItems + onSelect） */\n    options: GlobalSearchOptions\n    /** 搜索框 placeholder */\n    placeholder?: string\n    /** 无内容提示文字 */\n    emptyText?: string\n    /** 结果分组标题 */\n    resultGroupTitle?: string\n  }\n\n  const props = withDefaults(defineProps<Props>(), {\n    placeholder: '搜索导航菜单...',\n    emptyText: '输入关键词搜索菜单',\n    resultGroupTitle: '菜单导航',\n  })\n\n  const {\n    showDialog,\n    searchValue,\n    selectedIndex,\n    searchInputRef,\n    isDark,\n    filteredMenuItems,\n    displayHistory,\n    hasResults,\n    hasContent,\n    getItemClasses,\n    highlightMatch,\n    formatMenuPath,\n    clearHistory,\n    removeHistoryItem,\n    openDialog,\n    closeDialog,\n    selectHistoryItem,\n    selectItem,\n    handleEnter,\n    focusNext,\n    focusPrev,\n  } = useGlobalSearch(props.options)\n\n  defineExpose({ openDialog, closeDialog })\n</script>\n\n<style lang=\"scss\" scoped>\n  @use './index.scss';\n</style>\n"],"mappings":"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"}

package/dist/C_GlobalSearch2.js

@@ -1,2 +1,2 @@
-import{t as e}from"./export-helper.js";import{Fragment as t,Teleport as n,Transition as r,computed as i,createBlock as a,createCommentVNode as o,createElementBlock as s,createElementVNode as c,createTextVNode as l,createVNode as u,defineComponent as d,isRef as f,nextTick as p,normalizeClass as m,onMounted as h,onUnmounted as g,openBlock as _,ref as v,renderList as y,resolveDynamicComponent as b,toDisplayString as x,unref as S,vModelText as C,watch as w,withCtx as T,withDirectives as E,withKeys as D,withModifiers as O}from"vue";function k(e){let{menuItems:t,isDark:n,onSelect:r,storageKey:a=`robot-search-history`,maxHistory:o=10,maxDisplayHistory:s=5}=e,c=v(!1),l=v(``),u=v(0),d=v(),f=v([]),m=i(()=>n?.()??!1),_=i(()=>{if(!l.value.trim())return[];let e=l.value.toLowerCase();return t().filter(t=>t.label.toLowerCase().includes(e)||T(t.key).toLowerCase().includes(e))}),y=i(()=>f.value.slice(0,s)),b=i(()=>_.value.length>0),x=i(()=>b.value||y.value.length>0),S=(e,t)=>[`robot-result-item`,t&&`robot-history-item`,{"robot-result-item-selected":u.value===e}],C=(e,t)=>{if(!t)return e;let n=RegExp(`(${t.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`)})`,`gi`);return e.replace(n,`<mark class="robot-highlight">$1</mark>`)},T=e=>e.replace(/^\//,``).replace(/\//g,` > `)||`首页`,E=e=>{if(!e.label.trim())return;let t=e.label,n=f.value.filter(n=>!(n.query===t&&n.menuItem?.key===e.key));f.value=[{query:t,menuItem:e,timestamp:Date.now()},...n].slice(0,o),localStorage.setItem(a,JSON.stringify(f.value))},D=()=>{try{let e=localStorage.getItem(a);e&&(f.value=JSON.parse(e).map(e=>typeof e==`string`?{query:e,menuItem:null,timestamp:0}:e))}catch(e){console.error(`加载搜索历史失败:`,e)}},O=()=>{f.value=[],localStorage.removeItem(a)},k=e=>{f.value.splice(e,1),localStorage.setItem(a,JSON.stringify(f.value)),u.value>=f.value.length&&(u.value=Math.max(0,f.value.length-1))},A=async()=>{c.value=!0,l.value=``,u.value=0,await p(),d.value?.focus()},j=()=>{c.value=!1,l.value=``,u.value=0},M=e=>{if(e.menuItem){let t=!!e.menuItem.children?.length;r?.(e.menuItem.key,t),j()}else l.value=e.query,u.value=0},N=e=>{E(e);let t=!!e.children?.length;r?.(e.key,t),j()};return w(l,()=>{u.value=0}),h(()=>{D();let e=e=>{(e.ctrlKey||e.metaKey)&&e.key===`k`&&(e.preventDefault(),A())};document.addEventListener(`keydown`,e),g(()=>document.removeEventListener(`keydown`,e))}),{showDialog:c,searchValue:l,selectedIndex:u,searchInputRef:d,isDark:m,filteredMenuItems:_,displayHistory:y,hasResults:b,hasContent:x,getItemClasses:S,highlightMatch:C,formatMenuPath:T,clearHistory:O,removeHistoryItem:k,openDialog:A,closeDialog:j,selectHistoryItem:M,selectItem:N,handleEnter:()=>{let e=!l.value.trim()&&y.value.length>0,t=l.value.trim()&&_.value.length>0;if(e){let e=y.value[u.value];e&&M(e)}else if(t){let e=_.value[u.value];e&&N(e)}},focusNext:()=>{let e=l.value.trim()?_.value.length-1:y.value.length-1;u.value=Math.min(u.value+1,e)},focusPrev:()=>{u.value=Math.max(u.value-1,0)}}}const A={class:`robot-search-palette`},j={class:`robot-search-header`},M=[`placeholder`],N={class:`robot-search-content`},ee={key:0,class:`robot-empty-state`},te={class:`robot-search-results`},P={class:`robot-result-group`},ne={class:`robot-group-title`},re={class:`robot-group-count`},ie={class:`robot-group-items`},ae=[`onClick`,`onMouseenter`],oe={key:1,class:`robot-item-icon robot-default-icon`},se={class:`robot-item-content`},ce={class:`robot-item-label`},le={class:`robot-item-desc`},ue=[`onClick`],de={class:`robot-search-results`},F={key:0,class:`robot-empty-state`},I={class:`robot-result-group`},L={class:`robot-group-title`},R={class:`robot-group-count`},z={class:`robot-group-items`},B=[`onClick`,`onMouseenter`],V={key:1,class:`robot-item-icon robot-default-icon`},fe={class:`robot-item-content`},H=[`innerHTML`],pe={class:`robot-item-desc`},me={key:2,class:`robot-item-badge`},he={class:`robot-search-footer`},ge={key:0,class:`robot-footer-info`},_e={key:0},ve={key:1};var U=e(d({name:`C_GlobalSearch`,__name:`index`,props:{options:{},placeholder:{default:`搜索导航菜单...`},emptyText:{default:`输入关键词搜索菜单`},resultGroupTitle:{default:`菜单导航`}},setup(e,{expose:i}){let{showDialog:d,searchValue:p,selectedIndex:h,searchInputRef:g,isDark:v,filteredMenuItems:w,displayHistory:U,hasResults:W,hasContent:G,getItemClasses:K,highlightMatch:ye,formatMenuPath:q,clearHistory:J,removeHistoryItem:be,openDialog:Y,closeDialog:X,selectHistoryItem:xe,selectItem:Se,handleEnter:Z,focusNext:Q,focusPrev:$}=k(e.options);return i({openDialog:Y,closeDialog:X}),(e,i)=>(_(),s(`div`,A,[o(` 搜索触发按钮 `),c(`div`,{class:m([`robot-search-trigger`,{"trigger-dark":S(v)}]),onClick:i[0]||=(...e)=>S(Y)&&S(Y)(...e)},i[11]||=[c(`div`,{class:`i-mdi:search robot-trigger-icon`},null,-1),c(`span`,{class:`robot-trigger-text`},`搜索`,-1),c(`span`,{class:`robot-trigger-shortcut`},`Ctrl K`,-1)],2),o(` 搜索对话框 `),(_(),a(n,{to:`body`},[u(r,{name:`robot-dialog`},{default:T(()=>[S(d)?(_(),s(`div`,{key:0,class:`robot-dialog-overlay`,onClick:i[9]||=(...e)=>S(X)&&S(X)(...e),onKeydown:i[10]||=D((...e)=>S(X)&&S(X)(...e),[`esc`])},[c(`div`,{class:m([`robot-dialog-container`,{"dialog-dark":S(v)}]),onClick:i[8]||=O(()=>{},[`stop`])},[o(` 搜索头部 `),c(`div`,j,[i[13]||=c(`div`,{class:`i-mdi:magnify robot-search-icon`},null,-1),E(c(`input`,{ref_key:`searchInputRef`,ref:g,"onUpdate:modelValue":i[1]||=e=>f(p)?p.value=e:null,type:`text`,placeholder:e.placeholder,class:`robot-search-input`,onKeydown:[i[2]||=D((...e)=>S(X)&&S(X)(...e),[`esc`]),i[3]||=D((...e)=>S(Z)&&S(Z)(...e),[`enter`]),i[4]||=D((...e)=>S(Q)&&S(Q)(...e),[`arrow-down`]),i[5]||=D((...e)=>S($)&&S($)(...e),[`arrow-up`])]},null,40,M),[[C,S(p)]]),c(`button`,{class:`robot-close-btn`,onClick:i[6]||=(...e)=>S(X)&&S(X)(...e)},i[12]||=[c(`div`,{class:`i-mdi:close`},null,-1)])]),o(` 搜索内容 `),c(`div`,N,[o(` 空状态 `),S(G)?!S(p).trim()&&S(U).length>0?(_(),s(t,{key:1},[o(` 搜索历史 `),c(`div`,te,[c(`div`,P,[c(`div`,ne,[i[16]||=c(`div`,{class:`i-mdi:clock-time-four-outline robot-group-icon`},null,-1),i[17]||=l(` 最近搜索 `,-1),c(`span`,re,x(S(U).length),1),c(`button`,{class:`robot-clear-history`,onClick:i[7]||=(...e)=>S(J)&&S(J)(...e),title:`清空历史`},i[15]||=[c(`div`,{class:`i-mdi:delete-outline`},null,-1)])]),c(`div`,ie,[(_(!0),s(t,null,y(S(U),(e,t)=>(_(),s(`div`,{key:`history-${t}`,class:m(S(K)(t,!0)),onClick:t=>S(xe)(e),onMouseenter:e=>h.value=t},[e.menuItem?.icon?(_(),a(b(e.menuItem.icon),{key:0,class:`robot-item-icon`})):(_(),s(`div`,oe,i[18]||=[c(`div`,{class:`i-mdi:file-document-outline`},null,-1)])),c(`div`,se,[c(`div`,ce,x(e.query),1),c(`div`,le,x(S(q)(e.menuItem?.key||``)),1)]),c(`button`,{class:`robot-history-delete`,onClick:O(e=>S(be)(t),[`stop`]),title:`删除此记录`},i[19]||=[c(`div`,{class:`i-mdi:close`},null,-1)],8,ue)],42,ae))),128))])])])],64)):S(p).trim()?(_(),s(t,{key:2},[o(` 搜索结果 `),c(`div`,de,[o(` 无结果状态 `),S(W)?(_(),s(t,{key:1},[o(` 搜索结果列表 `),c(`div`,I,[c(`div`,L,[i[21]||=c(`div`,{class:`i-mdi:menu robot-group-icon`},null,-1),l(` `+x(e.resultGroupTitle)+` `,1),c(`span`,R,x(S(w).length),1)]),c(`div`,z,[(_(!0),s(t,null,y(S(w),(e,t)=>(_(),s(`div`,{key:e.key,class:m(S(K)(t,!1)),onClick:t=>S(Se)(e),onMouseenter:e=>h.value=t},[e.icon?(_(),a(b(e.icon),{key:0,class:`robot-item-icon`})):(_(),s(`div`,V,i[22]||=[c(`div`,{class:`i-mdi:file-document-outline`},null,-1)])),c(`div`,fe,[c(`div`,{class:`robot-item-label`,innerHTML:S(ye)(e.label,S(p))},null,8,H),c(`div`,pe,x(S(q)(e.key)),1)]),e.children?.length?(_(),s(`div`,me,x(e.children.length),1)):o(`v-if`,!0)],42,B))),128))])])],2112)):(_(),s(`div`,F,[i[20]||=c(`div`,{class:`i-mdi:magnify robot-empty-icon`},null,-1),c(`p`,null,`未找到 "`+x(S(p))+`" 相关内容`,1)]))])],64)):o(`v-if`,!0):(_(),s(`div`,ee,[i[14]||=c(`div`,{class:`i-mdi:magnify robot-empty-icon`},null,-1),c(`p`,null,x(e.emptyText),1)]))]),o(` 搜索底部 `),c(`div`,he,[i[23]||=c(`div`,{class:`robot-footer-actions`},[c(`div`,{class:`robot-action-item`},[c(`kbd`,null,`↵`),c(`span`,null,`选择`)]),c(`div`,{class:`robot-action-item`},[c(`kbd`,null,`↑↓`),c(`span`,null,`导航`)]),c(`div`,{class:`robot-action-item`},[c(`kbd`,null,`esc`),c(`span`,null,`关闭`)])],-1),S(G)?(_(),s(`div`,ge,[S(p).trim()&&S(W)?(_(),s(`span`,_e,` 共 `+x(S(w).length)+` 项结果 `,1)):!S(p).trim()&&S(U).length>0?(_(),s(`span`,ve,x(S(U).length)+` 条历史记录 `,1)):o(`v-if`,!0)])):o(`v-if`,!0)])],2)],32)):o(`v-if`,!0)]),_:1})]))]))}}),[[`__scopeId`,`data-v-4b182fa8`]]);export{k as n,U as t};
+import{t as e}from"./export-helper.js";import{Fragment as t,Teleport as n,Transition as r,computed as i,createBlock as a,createCommentVNode as o,createElementBlock as s,createElementVNode as c,createTextVNode as l,createVNode as u,defineComponent as d,isRef as f,nextTick as p,normalizeClass as m,onMounted as h,onUnmounted as g,openBlock as _,ref as v,renderList as y,resolveDynamicComponent as b,toDisplayString as x,unref as S,vModelText as C,watch as w,withCtx as T,withDirectives as E,withKeys as D,withModifiers as O}from"vue";import{Icon as k}from"@iconify/vue";function A(e){let{menuItems:t,isDark:n,onSelect:r,storageKey:a=`robot-search-history`,maxHistory:o=10,maxDisplayHistory:s=5}=e,c=v(!1),l=v(``),u=v(0),d=v(),f=v([]),m=i(()=>n?.()??!1),_=i(()=>{if(!l.value.trim())return[];let e=l.value.toLowerCase();return t().filter(t=>t.label.toLowerCase().includes(e)||T(t.key).toLowerCase().includes(e))}),y=i(()=>f.value.slice(0,s)),b=i(()=>_.value.length>0),x=i(()=>b.value||y.value.length>0),S=(e,t)=>[`robot-result-item`,t&&`robot-history-item`,{"robot-result-item-selected":u.value===e}],C=(e,t)=>{if(!t)return e;let n=RegExp(`(${t.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`)})`,`gi`);return e.replace(n,`<mark class="robot-highlight">$1</mark>`)},T=e=>e.replace(/^\//,``).replace(/\//g,` > `)||`首页`,E=e=>{if(!e.label.trim())return;let t=e.label,n=f.value.filter(n=>!(n.query===t&&n.menuItem?.key===e.key));f.value=[{query:t,menuItem:e,timestamp:Date.now()},...n].slice(0,o),localStorage.setItem(a,JSON.stringify(f.value))},D=()=>{try{let e=localStorage.getItem(a);e&&(f.value=JSON.parse(e).map(e=>typeof e==`string`?{query:e,menuItem:null,timestamp:0}:e))}catch(e){console.error(`加载搜索历史失败:`,e)}},O=()=>{f.value=[],localStorage.removeItem(a)},k=e=>{f.value.splice(e,1),localStorage.setItem(a,JSON.stringify(f.value)),u.value>=f.value.length&&(u.value=Math.max(0,f.value.length-1))},A=async()=>{c.value=!0,l.value=``,u.value=0,await p(),d.value?.focus()},j=()=>{c.value=!1,l.value=``,u.value=0},M=e=>{if(e.menuItem){let t=!!e.menuItem.children?.length;r?.(e.menuItem.key,t),j()}else l.value=e.query,u.value=0},N=e=>{E(e);let t=!!e.children?.length;r?.(e.key,t),j()};return w(l,()=>{u.value=0}),h(()=>{D();let e=e=>{(e.ctrlKey||e.metaKey)&&e.key===`k`&&(e.preventDefault(),A())};document.addEventListener(`keydown`,e),g(()=>document.removeEventListener(`keydown`,e))}),{showDialog:c,searchValue:l,selectedIndex:u,searchInputRef:d,isDark:m,filteredMenuItems:_,displayHistory:y,hasResults:b,hasContent:x,getItemClasses:S,highlightMatch:C,formatMenuPath:T,clearHistory:O,removeHistoryItem:k,openDialog:A,closeDialog:j,selectHistoryItem:M,selectItem:N,handleEnter:()=>{let e=!l.value.trim()&&y.value.length>0,t=l.value.trim()&&_.value.length>0;if(e){let e=y.value[u.value];e&&M(e)}else if(t){let e=_.value[u.value];e&&N(e)}},focusNext:()=>{let e=l.value.trim()?_.value.length-1:y.value.length-1;u.value=Math.min(u.value+1,e)},focusPrev:()=>{u.value=Math.max(u.value-1,0)}}}const j={class:`robot-search-palette`},M={class:`robot-search-header`},N=[`placeholder`],ee={class:`robot-search-content`},te={key:0,class:`robot-empty-state`},ne={class:`robot-search-results`},re={class:`robot-result-group`},ie={class:`robot-group-title`},ae={class:`robot-group-count`},oe={class:`robot-group-items`},se=[`onClick`,`onMouseenter`],ce={key:1,class:`robot-item-icon robot-default-icon`},le={class:`robot-item-content`},ue={class:`robot-item-label`},de={class:`robot-item-desc`},P=[`onClick`],F={class:`robot-search-results`},I={key:0,class:`robot-empty-state`},L={class:`robot-result-group`},R={class:`robot-group-title`},z={class:`robot-group-count`},B={class:`robot-group-items`},V=[`onClick`,`onMouseenter`],fe={key:1,class:`robot-item-icon robot-default-icon`},pe={class:`robot-item-content`},me=[`innerHTML`],he={class:`robot-item-desc`},ge={key:2,class:`robot-item-badge`},_e={class:`robot-search-footer`},ve={key:0,class:`robot-footer-info`},ye={key:0},be={key:1};var H=e(d({name:`C_GlobalSearch`,__name:`index`,props:{options:{},placeholder:{default:`搜索导航菜单...`},emptyText:{default:`输入关键词搜索菜单`},resultGroupTitle:{default:`菜单导航`}},setup(e,{expose:i}){let{showDialog:d,searchValue:p,selectedIndex:h,searchInputRef:g,isDark:v,filteredMenuItems:w,displayHistory:H,hasResults:U,hasContent:W,getItemClasses:G,highlightMatch:xe,formatMenuPath:K,clearHistory:q,removeHistoryItem:J,openDialog:Y,closeDialog:X,selectHistoryItem:Se,selectItem:Ce,handleEnter:Z,focusNext:Q,focusPrev:$}=A(e.options);return i({openDialog:Y,closeDialog:X}),(e,i)=>(_(),s(`div`,j,[o(` 搜索触发按钮 `),c(`div`,{class:m([`robot-search-trigger`,{"trigger-dark":S(v)}]),onClick:i[0]||=(...e)=>S(Y)&&S(Y)(...e)},[u(S(k),{icon:`mdi:search`,class:`robot-trigger-icon`,width:`1em`,height:`1em`}),i[11]||=c(`span`,{class:`robot-trigger-text`},`搜索`,-1),i[12]||=c(`span`,{class:`robot-trigger-shortcut`},`Ctrl K`,-1)],2),o(` 搜索对话框 `),(_(),a(n,{to:`body`},[u(r,{name:`robot-dialog`},{default:T(()=>[S(d)?(_(),s(`div`,{key:0,class:`robot-dialog-overlay`,onClick:i[9]||=(...e)=>S(X)&&S(X)(...e),onKeydown:i[10]||=D((...e)=>S(X)&&S(X)(...e),[`esc`])},[c(`div`,{class:m([`robot-dialog-container`,{"dialog-dark":S(v)}]),onClick:i[8]||=O(()=>{},[`stop`])},[o(` 搜索头部 `),c(`div`,M,[u(S(k),{icon:`mdi:magnify`,class:`robot-search-icon`,width:`1em`,height:`1em`}),E(c(`input`,{ref_key:`searchInputRef`,ref:g,"onUpdate:modelValue":i[1]||=e=>f(p)?p.value=e:null,type:`text`,placeholder:e.placeholder,class:`robot-search-input`,onKeydown:[i[2]||=D((...e)=>S(X)&&S(X)(...e),[`esc`]),i[3]||=D((...e)=>S(Z)&&S(Z)(...e),[`enter`]),i[4]||=D((...e)=>S(Q)&&S(Q)(...e),[`arrow-down`]),i[5]||=D((...e)=>S($)&&S($)(...e),[`arrow-up`])]},null,40,N),[[C,S(p)]]),c(`button`,{class:`robot-close-btn`,onClick:i[6]||=(...e)=>S(X)&&S(X)(...e)},[u(S(k),{icon:`mdi:close`,width:`1em`,height:`1em`})])]),o(` 搜索内容 `),c(`div`,ee,[o(` 空状态 `),S(W)?!S(p).trim()&&S(H).length>0?(_(),s(t,{key:1},[o(` 搜索历史 `),c(`div`,ne,[c(`div`,re,[c(`div`,ie,[u(S(k),{icon:`mdi:clock-time-four-outline`,class:`robot-group-icon`,width:`1em`,height:`1em`}),i[13]||=l(` 最近搜索 `,-1),c(`span`,ae,x(S(H).length),1),c(`button`,{class:`robot-clear-history`,onClick:i[7]||=(...e)=>S(q)&&S(q)(...e),title:`清空历史`},[u(S(k),{icon:`mdi:delete-outline`,width:`1em`,height:`1em`})])]),c(`div`,oe,[(_(!0),s(t,null,y(S(H),(e,t)=>(_(),s(`div`,{key:`history-${t}`,class:m(S(G)(t,!0)),onClick:t=>S(Se)(e),onMouseenter:e=>h.value=t},[e.menuItem?.icon?(_(),a(b(e.menuItem.icon),{key:0,class:`robot-item-icon`})):(_(),s(`div`,ce,[u(S(k),{icon:`mdi:file-document-outline`,width:`1em`,height:`1em`})])),c(`div`,le,[c(`div`,ue,x(e.query),1),c(`div`,de,x(S(K)(e.menuItem?.key||``)),1)]),c(`button`,{class:`robot-history-delete`,onClick:O(e=>S(J)(t),[`stop`]),title:`删除此记录`},[u(S(k),{icon:`mdi:close`,width:`1em`,height:`1em`})],8,P)],42,se))),128))])])])],64)):S(p).trim()?(_(),s(t,{key:2},[o(` 搜索结果 `),c(`div`,F,[o(` 无结果状态 `),S(U)?(_(),s(t,{key:1},[o(` 搜索结果列表 `),c(`div`,L,[c(`div`,R,[u(S(k),{icon:`mdi:menu`,class:`robot-group-icon`,width:`1em`,height:`1em`}),l(` `+x(e.resultGroupTitle)+` `,1),c(`span`,z,x(S(w).length),1)]),c(`div`,B,[(_(!0),s(t,null,y(S(w),(e,t)=>(_(),s(`div`,{key:e.key,class:m(S(G)(t,!1)),onClick:t=>S(Ce)(e),onMouseenter:e=>h.value=t},[e.icon?(_(),a(b(e.icon),{key:0,class:`robot-item-icon`})):(_(),s(`div`,fe,[u(S(k),{icon:`mdi:file-document-outline`,width:`1em`,height:`1em`})])),c(`div`,pe,[c(`div`,{class:`robot-item-label`,innerHTML:S(xe)(e.label,S(p))},null,8,me),c(`div`,he,x(S(K)(e.key)),1)]),e.children?.length?(_(),s(`div`,ge,x(e.children.length),1)):o(`v-if`,!0)],42,V))),128))])])],2112)):(_(),s(`div`,I,[u(S(k),{icon:`mdi:magnify`,class:`robot-empty-icon`,width:`1em`,height:`1em`}),c(`p`,null,`未找到 "`+x(S(p))+`" 相关内容`,1)]))])],64)):o(`v-if`,!0):(_(),s(`div`,te,[u(S(k),{icon:`mdi:magnify`,class:`robot-empty-icon`,width:`1em`,height:`1em`}),c(`p`,null,x(e.emptyText),1)]))]),o(` 搜索底部 `),c(`div`,_e,[i[14]||=c(`div`,{class:`robot-footer-actions`},[c(`div`,{class:`robot-action-item`},[c(`kbd`,null,`↵`),c(`span`,null,`选择`)]),c(`div`,{class:`robot-action-item`},[c(`kbd`,null,`↑↓`),c(`span`,null,`导航`)]),c(`div`,{class:`robot-action-item`},[c(`kbd`,null,`esc`),c(`span`,null,`关闭`)])],-1),S(W)?(_(),s(`div`,ve,[S(p).trim()&&S(U)?(_(),s(`span`,ye,` 共 `+x(S(w).length)+` 项结果 `,1)):!S(p).trim()&&S(H).length>0?(_(),s(`span`,be,x(S(H).length)+` 条历史记录 `,1)):o(`v-if`,!0)])):o(`v-if`,!0)])],2)],32)):o(`v-if`,!0)]),_:1})]))]))}}),[[`__scopeId`,`data-v-b302c1ae`]]);export{A as n,H as t};
 //# sourceMappingURL=C_GlobalSearch2.js.map

package/dist/C_GlobalSearch2.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_GlobalSearch2.js","names":["placeholder","emptyText","resultGroupTitle"],"sources":["../src/components/C_GlobalSearch/composables/useGlobalSearch.ts","../src/components/C_GlobalSearch/index.vue","../src/components/C_GlobalSearch/index.vue","../src/components/C_GlobalSearch/index.vue"],"sourcesContent":["import { ref, computed, watch, onMounted, onUnmounted, nextTick } from 'vue'\nimport type { SearchMenuItem, HistoryItem, GlobalSearchOptions } from '../types'\n\n/**\n * 全局搜索逻辑 — 管理菜单搜索、历史记录、键盘导航\n *\n * 已解耦：不依赖任何项目级 store / router，\n * 所有外部数据通过 options 注入。\n */\nexport function useGlobalSearch(options: GlobalSearchOptions) {\n  const {\n    menuItems: getMenuItems,\n    isDark: getIsDark,\n    onSelect,\n    storageKey = 'robot-search-history',\n    maxHistory = 10,\n    maxDisplayHistory = 5,\n  } = options\n\n  // ==================== 响应式状态 ====================\n  const showDialog = ref(false)\n  const searchValue = ref('')\n  const selectedIndex = ref(0)\n  const searchInputRef = ref<HTMLInputElement>()\n  const searchHistory = ref<HistoryItem[]>([])\n\n  // ==================== 计算属性 ====================\n  const isDark = computed(() => getIsDark?.() ?? false)\n\n  const filteredMenuItems = computed(() => {\n    if (!searchValue.value.trim()) return []\n    const query = searchValue.value.toLowerCase()\n    const items = getMenuItems()\n    return items.filter(\n      item =>\n        item.label.toLowerCase().includes(query) ||\n        formatMenuPath(item.key).toLowerCase().includes(query)\n    )\n  })\n\n  const displayHistory = computed(() =>\n    searchHistory.value.slice(0, maxDisplayHistory)\n  )\n  const hasResults = computed(() => filteredMenuItems.value.length > 0)\n  const hasContent = computed(\n    () => hasResults.value || displayHistory.value.length > 0\n  )\n\n  // ==================== 工具函数 ====================\n  const getItemClasses = (index: number, isHistory: boolean) => [\n    'robot-result-item',\n    isHistory && 'robot-history-item',\n    { 'robot-result-item-selected': selectedIndex.value === index },\n  ]\n\n  const highlightMatch = (text: string, search: string): string => {\n    if (!search) return text\n    const regex = new RegExp(\n      `(${search.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')})`,\n      'gi'\n    )\n    return text.replace(regex, '<mark class=\"robot-highlight\">$1</mark>')\n  }\n\n  const formatMenuPath = (key: string): string =>\n    key.replace(/^\\//, '').replace(/\\//g, ' > ') || '首页'\n\n  // ==================== 搜索历史管理 ====================\n  const addToHistory = (menuItem: SearchMenuItem) => {\n    if (!menuItem.label.trim()) return\n    const query = menuItem.label\n    const filtered = searchHistory.value.filter(\n      (item: HistoryItem) =>\n        !(item.query === query && item.menuItem?.key === menuItem.key)\n    )\n    searchHistory.value = [\n      { query, menuItem, timestamp: Date.now() },\n      ...filtered,\n    ].slice(0, maxHistory)\n    localStorage.setItem(storageKey, JSON.stringify(searchHistory.value))\n  }\n\n  const loadHistory = () => {\n    try {\n      const saved = localStorage.getItem(storageKey)\n      if (saved) {\n        const parsed = JSON.parse(saved)\n        searchHistory.value = parsed.map((item: any) =>\n          typeof item === 'string'\n            ? { query: item, menuItem: null, timestamp: 0 }\n            : item\n        )\n      }\n    } catch (error) {\n      console.error('加载搜索历史失败:', error)\n    }\n  }\n\n  const clearHistory = () => {\n    searchHistory.value = []\n    localStorage.removeItem(storageKey)\n  }\n\n  const removeHistoryItem = (index: number) => {\n    searchHistory.value.splice(index, 1)\n    localStorage.setItem(storageKey, JSON.stringify(searchHistory.value))\n    if (selectedIndex.value >= searchHistory.value.length) {\n      selectedIndex.value = Math.max(0, searchHistory.value.length - 1)\n    }\n  }\n\n  // ==================== 对话框控制 ====================\n  const openDialog = async () => {\n    showDialog.value = true\n    searchValue.value = ''\n    selectedIndex.value = 0\n    await nextTick()\n    searchInputRef.value?.focus()\n  }\n\n  const closeDialog = () => {\n    showDialog.value = false\n    searchValue.value = ''\n    selectedIndex.value = 0\n  }\n\n  // ==================== 选择项目 ====================\n  const selectHistoryItem = (historyItem: HistoryItem) => {\n    if (historyItem.menuItem) {\n      const hasChildren = !!historyItem.menuItem.children?.length\n      onSelect?.(historyItem.menuItem.key, hasChildren)\n      closeDialog()\n    } else {\n      searchValue.value = historyItem.query\n      selectedIndex.value = 0\n    }\n  }\n\n  const selectItem = (item: SearchMenuItem) => {\n    addToHistory(item)\n    const hasChildren = !!item.children?.length\n    onSelect?.(item.key, hasChildren)\n    closeDialog()\n  }\n\n  // ==================== 键盘导航 ====================\n  const handleEnter = () => {\n    const isHistoryMode =\n      !searchValue.value.trim() && displayHistory.value.length > 0\n    const isSearchMode =\n      searchValue.value.trim() && filteredMenuItems.value.length > 0\n\n    if (isHistoryMode) {\n      const historyItem = displayHistory.value[selectedIndex.value]\n      if (historyItem) selectHistoryItem(historyItem)\n    } else if (isSearchMode) {\n      const item = filteredMenuItems.value[selectedIndex.value]\n      if (item) selectItem(item)\n    }\n  }\n\n  const focusNext = () => {\n    const maxIndex = !searchValue.value.trim()\n      ? displayHistory.value.length - 1\n      : filteredMenuItems.value.length - 1\n    selectedIndex.value = Math.min(selectedIndex.value + 1, maxIndex)\n  }\n\n  const focusPrev = () => {\n    selectedIndex.value = Math.max(selectedIndex.value - 1, 0)\n  }\n\n  // ==================== 监听器和生命周期 ====================\n  watch(searchValue, () => {\n    selectedIndex.value = 0\n  })\n\n  onMounted(() => {\n    loadHistory()\n    const handleKeydown = (e: KeyboardEvent) => {\n      if ((e.ctrlKey || e.metaKey) && e.key === 'k') {\n        e.preventDefault()\n        openDialog()\n      }\n    }\n    document.addEventListener('keydown', handleKeydown)\n    onUnmounted(() => document.removeEventListener('keydown', handleKeydown))\n  })\n\n  return {\n    showDialog,\n    searchValue,\n    selectedIndex,\n    searchInputRef,\n    isDark,\n    filteredMenuItems,\n    displayHistory,\n    hasResults,\n    hasContent,\n    getItemClasses,\n    highlightMatch,\n    formatMenuPath,\n    clearHistory,\n    removeHistoryItem,\n    openDialog,\n    closeDialog,\n    selectHistoryItem,\n    selectItem,\n    handleEnter,\n    focusNext,\n    focusPrev,\n  }\n}\n","/* unplugin-vue-components disabled */<!--\n * @Description: 全局搜索组件 - 命令面板式搜索\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"robot-search-palette\">\n    <!-- 搜索触发按钮 -->\n    <div\n      class=\"robot-search-trigger\"\n      :class=\"{ 'trigger-dark': isDark }\"\n      @click=\"openDialog\"\n    >\n      <div class=\"i-mdi:search robot-trigger-icon\" />\n      <span class=\"robot-trigger-text\">搜索</span>\n      <span class=\"robot-trigger-shortcut\">Ctrl K</span>\n    </div>\n\n    <!-- 搜索对话框 -->\n    <Teleport to=\"body\">\n      <Transition name=\"robot-dialog\">\n        <div\n          v-if=\"showDialog\"\n          class=\"robot-dialog-overlay\"\n          @click=\"closeDialog\"\n          @keydown.esc=\"closeDialog\"\n        >\n          <div\n            class=\"robot-dialog-container\"\n            :class=\"{ 'dialog-dark': isDark }\"\n            @click.stop\n          >\n            <!-- 搜索头部 -->\n            <div class=\"robot-search-header\">\n              <div class=\"i-mdi:magnify robot-search-icon\" />\n              <input\n                ref=\"searchInputRef\"\n                v-model=\"searchValue\"\n                type=\"text\"\n                :placeholder=\"placeholder\"\n                class=\"robot-search-input\"\n                @keydown.esc=\"closeDialog\"\n                @keydown.enter=\"handleEnter\"\n                @keydown.arrow-down=\"focusNext\"\n                @keydown.arrow-up=\"focusPrev\"\n              />\n              <button\n                class=\"robot-close-btn\"\n                @click=\"closeDialog\"\n              >\n                <div class=\"i-mdi:close\" />\n              </button>\n            </div>\n\n            <!-- 搜索内容 -->\n            <div class=\"robot-search-content\">\n              <!-- 空状态 -->\n              <div\n                v-if=\"!hasContent\"\n                class=\"robot-empty-state\"\n              >\n                <div class=\"i-mdi:magnify robot-empty-icon\" />\n                <p>{{ emptyText }}</p>\n              </div>\n\n              <!-- 搜索历史 -->\n              <template\n                v-else-if=\"!searchValue.trim() && displayHistory.length > 0\"\n              >\n                <div class=\"robot-search-results\">\n                  <div class=\"robot-result-group\">\n                    <div class=\"robot-group-title\">\n                      <div\n                        class=\"i-mdi:clock-time-four-outline robot-group-icon\"\n                      />\n                      最近搜索\n                      <span class=\"robot-group-count\">{{\n                        displayHistory.length\n                      }}</span>\n                      <button\n                        class=\"robot-clear-history\"\n                        @click=\"clearHistory\"\n                        title=\"清空历史\"\n                      >\n                        <div class=\"i-mdi:delete-outline\" />\n                      </button>\n                    </div>\n                    <div class=\"robot-group-items\">\n                      <div\n                        v-for=\"(historyItem, index) in displayHistory\"\n                        :key=\"`history-${index}`\"\n                        :class=\"getItemClasses(index, true)\"\n                        @click=\"selectHistoryItem(historyItem)\"\n                        @mouseenter=\"selectedIndex = index\"\n                      >\n                        <component\n                          v-if=\"historyItem.menuItem?.icon\"\n                          :is=\"historyItem.menuItem.icon\"\n                          class=\"robot-item-icon\"\n                        />\n                        <div\n                          v-else\n                          class=\"robot-item-icon robot-default-icon\"\n                        >\n                          <div class=\"i-mdi:file-document-outline\" />\n                        </div>\n                        <div class=\"robot-item-content\">\n                          <div class=\"robot-item-label\">\n                            {{ historyItem.query }}\n                          </div>\n                          <div class=\"robot-item-desc\">\n                            {{\n                              formatMenuPath(historyItem.menuItem?.key || '')\n                            }}\n                          </div>\n                        </div>\n                        <button\n                          class=\"robot-history-delete\"\n                          @click.stop=\"removeHistoryItem(index)\"\n                          title=\"删除此记录\"\n                        >\n                          <div class=\"i-mdi:close\" />\n                        </button>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </template>\n\n              <!-- 搜索结果 -->\n              <template v-else-if=\"searchValue.trim()\">\n                <div class=\"robot-search-results\">\n                  <!-- 无结果状态 -->\n                  <div\n                    v-if=\"!hasResults\"\n                    class=\"robot-empty-state\"\n                  >\n                    <div class=\"i-mdi:magnify robot-empty-icon\" />\n                    <p>未找到 \"{{ searchValue }}\" 相关内容</p>\n                  </div>\n\n                  <!-- 搜索结果列表 -->\n                  <div\n                    v-else\n                    class=\"robot-result-group\"\n                  >\n                    <div class=\"robot-group-title\">\n                      <div class=\"i-mdi:menu robot-group-icon\" />\n                      {{ resultGroupTitle }}\n                      <span class=\"robot-group-count\">{{\n                        filteredMenuItems.length\n                      }}</span>\n                    </div>\n                    <div class=\"robot-group-items\">\n                      <div\n                        v-for=\"(item, index) in filteredMenuItems\"\n                        :key=\"item.key\"\n                        :class=\"getItemClasses(index, false)\"\n                        @click=\"selectItem(item)\"\n                        @mouseenter=\"selectedIndex = index\"\n                      >\n                        <component\n                          v-if=\"item.icon\"\n                          :is=\"item.icon\"\n                          class=\"robot-item-icon\"\n                        />\n                        <div\n                          v-else\n                          class=\"robot-item-icon robot-default-icon\"\n                        >\n                          <div class=\"i-mdi:file-document-outline\" />\n                        </div>\n                        <div class=\"robot-item-content\">\n                          <div\n                            class=\"robot-item-label\"\n                            v-html=\"highlightMatch(item.label, searchValue)\"\n                          ></div>\n                          <div class=\"robot-item-desc\">\n                            {{ formatMenuPath(item.key) }}\n                          </div>\n                        </div>\n                        <div\n                          v-if=\"item.children?.length\"\n                          class=\"robot-item-badge\"\n                        >\n                          {{ item.children.length }}\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </template>\n            </div>\n\n            <!-- 搜索底部 -->\n            <div class=\"robot-search-footer\">\n              <div class=\"robot-footer-actions\">\n                <div class=\"robot-action-item\">\n                  <kbd>↵</kbd><span>选择</span>\n                </div>\n                <div class=\"robot-action-item\">\n                  <kbd>↑↓</kbd><span>导航</span>\n                </div>\n                <div class=\"robot-action-item\">\n                  <kbd>esc</kbd><span>关闭</span>\n                </div>\n              </div>\n              <div\n                v-if=\"hasContent\"\n                class=\"robot-footer-info\"\n              >\n                <span v-if=\"searchValue.trim() && hasResults\">\n                  共 {{ filteredMenuItems.length }} 项结果\n                </span>\n                <span\n                  v-else-if=\"!searchValue.trim() && displayHistory.length > 0\"\n                >\n                  {{ displayHistory.length }} 条历史记录\n                </span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Transition>\n    </Teleport>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { useGlobalSearch } from './composables/useGlobalSearch'\n  import type { GlobalSearchOptions } from './types'\n\n  defineOptions({ name: 'C_GlobalSearch' })\n\n  interface Props {\n    /** useGlobalSearch 配置（必须传入 menuItems + onSelect） */\n    options: GlobalSearchOptions\n    /** 搜索框 placeholder */\n    placeholder?: string\n    /** 无内容提示文字 */\n    emptyText?: string\n    /** 结果分组标题 */\n    resultGroupTitle?: string\n  }\n\n  const props = withDefaults(defineProps<Props>(), {\n    placeholder: '搜索导航菜单...',\n    emptyText: '输入关键词搜索菜单',\n    resultGroupTitle: '菜单导航',\n  })\n\n  const {\n    showDialog,\n    searchValue,\n    selectedIndex,\n    searchInputRef,\n    isDark,\n    filteredMenuItems,\n    displayHistory,\n    hasResults,\n    hasContent,\n    getItemClasses,\n    highlightMatch,\n    formatMenuPath,\n    clearHistory,\n    removeHistoryItem,\n    openDialog,\n    closeDialog,\n    selectHistoryItem,\n    selectItem,\n    handleEnter,\n    focusNext,\n    focusPrev,\n  } = useGlobalSearch(props.options)\n\n  defineExpose({ openDialog, closeDialog })\n</script>\n\n<style lang=\"scss\" scoped>\n  @use './index.scss';\n</style>\n","/* unplugin-vue-components disabled */<!--\n * @Description: 全局搜索组件 - 命令面板式搜索\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"robot-search-palette\">\n    <!-- 搜索触发按钮 -->\n    <div\n      class=\"robot-search-trigger\"\n      :class=\"{ 'trigger-dark': isDark }\"\n      @click=\"openDialog\"\n    >\n      <div class=\"i-mdi:search robot-trigger-icon\" />\n      <span class=\"robot-trigger-text\">搜索</span>\n      <span class=\"robot-trigger-shortcut\">Ctrl K</span>\n    </div>\n\n    <!-- 搜索对话框 -->\n    <Teleport to=\"body\">\n      <Transition name=\"robot-dialog\">\n        <div\n          v-if=\"showDialog\"\n          class=\"robot-dialog-overlay\"\n          @click=\"closeDialog\"\n          @keydown.esc=\"closeDialog\"\n        >\n          <div\n            class=\"robot-dialog-container\"\n            :class=\"{ 'dialog-dark': isDark }\"\n            @click.stop\n          >\n            <!-- 搜索头部 -->\n            <div class=\"robot-search-header\">\n              <div class=\"i-mdi:magnify robot-search-icon\" />\n              <input\n                ref=\"searchInputRef\"\n                v-model=\"searchValue\"\n                type=\"text\"\n                :placeholder=\"placeholder\"\n                class=\"robot-search-input\"\n                @keydown.esc=\"closeDialog\"\n                @keydown.enter=\"handleEnter\"\n                @keydown.arrow-down=\"focusNext\"\n                @keydown.arrow-up=\"focusPrev\"\n              />\n              <button\n                class=\"robot-close-btn\"\n                @click=\"closeDialog\"\n              >\n                <div class=\"i-mdi:close\" />\n              </button>\n            </div>\n\n            <!-- 搜索内容 -->\n            <div class=\"robot-search-content\">\n              <!-- 空状态 -->\n              <div\n                v-if=\"!hasContent\"\n                class=\"robot-empty-state\"\n              >\n                <div class=\"i-mdi:magnify robot-empty-icon\" />\n                <p>{{ emptyText }}</p>\n              </div>\n\n              <!-- 搜索历史 -->\n              <template\n                v-else-if=\"!searchValue.trim() && displayHistory.length > 0\"\n              >\n                <div class=\"robot-search-results\">\n                  <div class=\"robot-result-group\">\n                    <div class=\"robot-group-title\">\n                      <div\n                        class=\"i-mdi:clock-time-four-outline robot-group-icon\"\n                      />\n                      最近搜索\n                      <span class=\"robot-group-count\">{{\n                        displayHistory.length\n                      }}</span>\n                      <button\n                        class=\"robot-clear-history\"\n                        @click=\"clearHistory\"\n                        title=\"清空历史\"\n                      >\n                        <div class=\"i-mdi:delete-outline\" />\n                      </button>\n                    </div>\n                    <div class=\"robot-group-items\">\n                      <div\n                        v-for=\"(historyItem, index) in displayHistory\"\n                        :key=\"`history-${index}`\"\n                        :class=\"getItemClasses(index, true)\"\n                        @click=\"selectHistoryItem(historyItem)\"\n                        @mouseenter=\"selectedIndex = index\"\n                      >\n                        <component\n                          v-if=\"historyItem.menuItem?.icon\"\n                          :is=\"historyItem.menuItem.icon\"\n                          class=\"robot-item-icon\"\n                        />\n                        <div\n                          v-else\n                          class=\"robot-item-icon robot-default-icon\"\n                        >\n                          <div class=\"i-mdi:file-document-outline\" />\n                        </div>\n                        <div class=\"robot-item-content\">\n                          <div class=\"robot-item-label\">\n                            {{ historyItem.query }}\n                          </div>\n                          <div class=\"robot-item-desc\">\n                            {{\n                              formatMenuPath(historyItem.menuItem?.key || '')\n                            }}\n                          </div>\n                        </div>\n                        <button\n                          class=\"robot-history-delete\"\n                          @click.stop=\"removeHistoryItem(index)\"\n                          title=\"删除此记录\"\n                        >\n                          <div class=\"i-mdi:close\" />\n                        </button>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </template>\n\n              <!-- 搜索结果 -->\n              <template v-else-if=\"searchValue.trim()\">\n                <div class=\"robot-search-results\">\n                  <!-- 无结果状态 -->\n                  <div\n                    v-if=\"!hasResults\"\n                    class=\"robot-empty-state\"\n                  >\n                    <div class=\"i-mdi:magnify robot-empty-icon\" />\n                    <p>未找到 \"{{ searchValue }}\" 相关内容</p>\n                  </div>\n\n                  <!-- 搜索结果列表 -->\n                  <div\n                    v-else\n                    class=\"robot-result-group\"\n                  >\n                    <div class=\"robot-group-title\">\n                      <div class=\"i-mdi:menu robot-group-icon\" />\n                      {{ resultGroupTitle }}\n                      <span class=\"robot-group-count\">{{\n                        filteredMenuItems.length\n                      }}</span>\n                    </div>\n                    <div class=\"robot-group-items\">\n                      <div\n                        v-for=\"(item, index) in filteredMenuItems\"\n                        :key=\"item.key\"\n                        :class=\"getItemClasses(index, false)\"\n                        @click=\"selectItem(item)\"\n                        @mouseenter=\"selectedIndex = index\"\n                      >\n                        <component\n                          v-if=\"item.icon\"\n                          :is=\"item.icon\"\n                          class=\"robot-item-icon\"\n                        />\n                        <div\n                          v-else\n                          class=\"robot-item-icon robot-default-icon\"\n                        >\n                          <div class=\"i-mdi:file-document-outline\" />\n                        </div>\n                        <div class=\"robot-item-content\">\n                          <div\n                            class=\"robot-item-label\"\n                            v-html=\"highlightMatch(item.label, searchValue)\"\n                          ></div>\n                          <div class=\"robot-item-desc\">\n                            {{ formatMenuPath(item.key) }}\n                          </div>\n                        </div>\n                        <div\n                          v-if=\"item.children?.length\"\n                          class=\"robot-item-badge\"\n                        >\n                          {{ item.children.length }}\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </template>\n            </div>\n\n            <!-- 搜索底部 -->\n            <div class=\"robot-search-footer\">\n              <div class=\"robot-footer-actions\">\n                <div class=\"robot-action-item\">\n                  <kbd>↵</kbd><span>选择</span>\n                </div>\n                <div class=\"robot-action-item\">\n                  <kbd>↑↓</kbd><span>导航</span>\n                </div>\n                <div class=\"robot-action-item\">\n                  <kbd>esc</kbd><span>关闭</span>\n                </div>\n              </div>\n              <div\n                v-if=\"hasContent\"\n                class=\"robot-footer-info\"\n              >\n                <span v-if=\"searchValue.trim() && hasResults\">\n                  共 {{ filteredMenuItems.length }} 项结果\n                </span>\n                <span\n                  v-else-if=\"!searchValue.trim() && displayHistory.length > 0\"\n                >\n                  {{ displayHistory.length }} 条历史记录\n                </span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Transition>\n    </Teleport>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { useGlobalSearch } from './composables/useGlobalSearch'\n  import type { GlobalSearchOptions } from './types'\n\n  defineOptions({ name: 'C_GlobalSearch' })\n\n  interface Props {\n    /** useGlobalSearch 配置（必须传入 menuItems + onSelect） */\n    options: GlobalSearchOptions\n    /** 搜索框 placeholder */\n    placeholder?: string\n    /** 无内容提示文字 */\n    emptyText?: string\n    /** 结果分组标题 */\n    resultGroupTitle?: string\n  }\n\n  const props = withDefaults(defineProps<Props>(), {\n    placeholder: '搜索导航菜单...',\n    emptyText: '输入关键词搜索菜单',\n    resultGroupTitle: '菜单导航',\n  })\n\n  const {\n    showDialog,\n    searchValue,\n    selectedIndex,\n    searchInputRef,\n    isDark,\n    filteredMenuItems,\n    displayHistory,\n    hasResults,\n    hasContent,\n    getItemClasses,\n    highlightMatch,\n    formatMenuPath,\n    clearHistory,\n    removeHistoryItem,\n    openDialog,\n    closeDialog,\n    selectHistoryItem,\n    selectItem,\n    handleEnter,\n    focusNext,\n    focusPrev,\n  } = useGlobalSearch(props.options)\n\n  defineExpose({ openDialog, closeDialog })\n</script>\n\n<style lang=\"scss\" scoped>\n  @use './index.scss';\n</style>\n","<!--\n * @Description: 全局搜索组件 - 命令面板式搜索\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"robot-search-palette\">\n    <!-- 搜索触发按钮 -->\n    <div\n      class=\"robot-search-trigger\"\n      :class=\"{ 'trigger-dark': isDark }\"\n      @click=\"openDialog\"\n    >\n      <div class=\"i-mdi:search robot-trigger-icon\" />\n      <span class=\"robot-trigger-text\">搜索</span>\n      <span class=\"robot-trigger-shortcut\">Ctrl K</span>\n    </div>\n\n    <!-- 搜索对话框 -->\n    <Teleport to=\"body\">\n      <Transition name=\"robot-dialog\">\n        <div\n          v-if=\"showDialog\"\n          class=\"robot-dialog-overlay\"\n          @click=\"closeDialog\"\n          @keydown.esc=\"closeDialog\"\n        >\n          <div\n            class=\"robot-dialog-container\"\n            :class=\"{ 'dialog-dark': isDark }\"\n            @click.stop\n          >\n            <!-- 搜索头部 -->\n            <div class=\"robot-search-header\">\n              <div class=\"i-mdi:magnify robot-search-icon\" />\n              <input\n                ref=\"searchInputRef\"\n                v-model=\"searchValue\"\n                type=\"text\"\n                :placeholder=\"placeholder\"\n                class=\"robot-search-input\"\n                @keydown.esc=\"closeDialog\"\n                @keydown.enter=\"handleEnter\"\n                @keydown.arrow-down=\"focusNext\"\n                @keydown.arrow-up=\"focusPrev\"\n              />\n              <button\n                class=\"robot-close-btn\"\n                @click=\"closeDialog\"\n              >\n                <div class=\"i-mdi:close\" />\n              </button>\n            </div>\n\n            <!-- 搜索内容 -->\n            <div class=\"robot-search-content\">\n              <!-- 空状态 -->\n              <div\n                v-if=\"!hasContent\"\n                class=\"robot-empty-state\"\n              >\n                <div class=\"i-mdi:magnify robot-empty-icon\" />\n                <p>{{ emptyText }}</p>\n              </div>\n\n              <!-- 搜索历史 -->\n              <template\n                v-else-if=\"!searchValue.trim() && displayHistory.length > 0\"\n              >\n                <div class=\"robot-search-results\">\n                  <div class=\"robot-result-group\">\n                    <div class=\"robot-group-title\">\n                      <div\n                        class=\"i-mdi:clock-time-four-outline robot-group-icon\"\n                      />\n                      最近搜索\n                      <span class=\"robot-group-count\">{{\n                        displayHistory.length\n                      }}</span>\n                      <button\n                        class=\"robot-clear-history\"\n                        @click=\"clearHistory\"\n                        title=\"清空历史\"\n                      >\n                        <div class=\"i-mdi:delete-outline\" />\n                      </button>\n                    </div>\n                    <div class=\"robot-group-items\">\n                      <div\n                        v-for=\"(historyItem, index) in displayHistory\"\n                        :key=\"`history-${index}`\"\n                        :class=\"getItemClasses(index, true)\"\n                        @click=\"selectHistoryItem(historyItem)\"\n                        @mouseenter=\"selectedIndex = index\"\n                      >\n                        <component\n                          v-if=\"historyItem.menuItem?.icon\"\n                          :is=\"historyItem.menuItem.icon\"\n                          class=\"robot-item-icon\"\n                        />\n                        <div\n                          v-else\n                          class=\"robot-item-icon robot-default-icon\"\n                        >\n                          <div class=\"i-mdi:file-document-outline\" />\n                        </div>\n                        <div class=\"robot-item-content\">\n                          <div class=\"robot-item-label\">\n                            {{ historyItem.query }}\n                          </div>\n                          <div class=\"robot-item-desc\">\n                            {{\n                              formatMenuPath(historyItem.menuItem?.key || '')\n                            }}\n                          </div>\n                        </div>\n                        <button\n                          class=\"robot-history-delete\"\n                          @click.stop=\"removeHistoryItem(index)\"\n                          title=\"删除此记录\"\n                        >\n                          <div class=\"i-mdi:close\" />\n                        </button>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </template>\n\n              <!-- 搜索结果 -->\n              <template v-else-if=\"searchValue.trim()\">\n                <div class=\"robot-search-results\">\n                  <!-- 无结果状态 -->\n                  <div\n                    v-if=\"!hasResults\"\n                    class=\"robot-empty-state\"\n                  >\n                    <div class=\"i-mdi:magnify robot-empty-icon\" />\n                    <p>未找到 \"{{ searchValue }}\" 相关内容</p>\n                  </div>\n\n                  <!-- 搜索结果列表 -->\n                  <div\n                    v-else\n                    class=\"robot-result-group\"\n                  >\n                    <div class=\"robot-group-title\">\n                      <div class=\"i-mdi:menu robot-group-icon\" />\n                      {{ resultGroupTitle }}\n                      <span class=\"robot-group-count\">{{\n                        filteredMenuItems.length\n                      }}</span>\n                    </div>\n                    <div class=\"robot-group-items\">\n                      <div\n                        v-for=\"(item, index) in filteredMenuItems\"\n                        :key=\"item.key\"\n                        :class=\"getItemClasses(index, false)\"\n                        @click=\"selectItem(item)\"\n                        @mouseenter=\"selectedIndex = index\"\n                      >\n                        <component\n                          v-if=\"item.icon\"\n                          :is=\"item.icon\"\n                          class=\"robot-item-icon\"\n                        />\n                        <div\n                          v-else\n                          class=\"robot-item-icon robot-default-icon\"\n                        >\n                          <div class=\"i-mdi:file-document-outline\" />\n                        </div>\n                        <div class=\"robot-item-content\">\n                          <div\n                            class=\"robot-item-label\"\n                            v-html=\"highlightMatch(item.label, searchValue)\"\n                          ></div>\n                          <div class=\"robot-item-desc\">\n                            {{ formatMenuPath(item.key) }}\n                          </div>\n                        </div>\n                        <div\n                          v-if=\"item.children?.length\"\n                          class=\"robot-item-badge\"\n                        >\n                          {{ item.children.length }}\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </template>\n            </div>\n\n            <!-- 搜索底部 -->\n            <div class=\"robot-search-footer\">\n              <div class=\"robot-footer-actions\">\n                <div class=\"robot-action-item\">\n                  <kbd>↵</kbd><span>选择</span>\n                </div>\n                <div class=\"robot-action-item\">\n                  <kbd>↑↓</kbd><span>导航</span>\n                </div>\n                <div class=\"robot-action-item\">\n                  <kbd>esc</kbd><span>关闭</span>\n                </div>\n              </div>\n              <div\n                v-if=\"hasContent\"\n                class=\"robot-footer-info\"\n              >\n                <span v-if=\"searchValue.trim() && hasResults\">\n                  共 {{ filteredMenuItems.length }} 项结果\n                </span>\n                <span\n                  v-else-if=\"!searchValue.trim() && displayHistory.length > 0\"\n                >\n                  {{ displayHistory.length }} 条历史记录\n                </span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Transition>\n    </Teleport>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { useGlobalSearch } from './composables/useGlobalSearch'\n  import type { GlobalSearchOptions } from './types'\n\n  defineOptions({ name: 'C_GlobalSearch' })\n\n  interface Props {\n    /** useGlobalSearch 配置（必须传入 menuItems + onSelect） */\n    options: GlobalSearchOptions\n    /** 搜索框 placeholder */\n    placeholder?: string\n    /** 无内容提示文字 */\n    emptyText?: string\n    /** 结果分组标题 */\n    resultGroupTitle?: string\n  }\n\n  const props = withDefaults(defineProps<Props>(), {\n    placeholder: '搜索导航菜单...',\n    emptyText: '输入关键词搜索菜单',\n    resultGroupTitle: '菜单导航',\n  })\n\n  const {\n    showDialog,\n    searchValue,\n    selectedIndex,\n    searchInputRef,\n    isDark,\n    filteredMenuItems,\n    displayHistory,\n    hasResults,\n    hasContent,\n    getItemClasses,\n    highlightMatch,\n    formatMenuPath,\n    clearHistory,\n    removeHistoryItem,\n    openDialog,\n    closeDialog,\n    selectHistoryItem,\n    selectItem,\n    handleEnter,\n    focusNext,\n    focusPrev,\n  } = useGlobalSearch(props.options)\n\n  defineExpose({ openDialog, closeDialog })\n</script>\n\n<style lang=\"scss\" scoped>\n  @use './index.scss';\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"C_GlobalSearch2.js","names":["placeholder","emptyText","resultGroupTitle"],"sources":["../src/components/C_GlobalSearch/composables/useGlobalSearch.ts","../src/components/C_GlobalSearch/index.vue","../src/components/C_GlobalSearch/index.vue","../src/components/C_GlobalSearch/index.vue"],"sourcesContent":["import { ref, computed, watch, onMounted, onUnmounted, nextTick } from 'vue'\nimport type { SearchMenuItem, HistoryItem, GlobalSearchOptions } from '../types'\n\n/**\n * 全局搜索逻辑 — 管理菜单搜索、历史记录、键盘导航\n *\n * 已解耦：不依赖任何项目级 store / router，\n * 所有外部数据通过 options 注入。\n */\nexport function useGlobalSearch(options: GlobalSearchOptions) {\n  const {\n    menuItems: getMenuItems,\n    isDark: getIsDark,\n    onSelect,\n    storageKey = 'robot-search-history',\n    maxHistory = 10,\n    maxDisplayHistory = 5,\n  } = options\n\n  // ==================== 响应式状态 ====================\n  const showDialog = ref(false)\n  const searchValue = ref('')\n  const selectedIndex = ref(0)\n  const searchInputRef = ref<HTMLInputElement>()\n  const searchHistory = ref<HistoryItem[]>([])\n\n  // ==================== 计算属性 ====================\n  const isDark = computed(() => getIsDark?.() ?? false)\n\n  const filteredMenuItems = computed(() => {\n    if (!searchValue.value.trim()) return []\n    const query = searchValue.value.toLowerCase()\n    const items = getMenuItems()\n    return items.filter(\n      item =>\n        item.label.toLowerCase().includes(query) ||\n        formatMenuPath(item.key).toLowerCase().includes(query)\n    )\n  })\n\n  const displayHistory = computed(() =>\n    searchHistory.value.slice(0, maxDisplayHistory)\n  )\n  const hasResults = computed(() => filteredMenuItems.value.length > 0)\n  const hasContent = computed(\n    () => hasResults.value || displayHistory.value.length > 0\n  )\n\n  // ==================== 工具函数 ====================\n  const getItemClasses = (index: number, isHistory: boolean) => [\n    'robot-result-item',\n    isHistory && 'robot-history-item',\n    { 'robot-result-item-selected': selectedIndex.value === index },\n  ]\n\n  const highlightMatch = (text: string, search: string): string => {\n    if (!search) return text\n    const regex = new RegExp(\n      `(${search.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')})`,\n      'gi'\n    )\n    return text.replace(regex, '<mark class=\"robot-highlight\">$1</mark>')\n  }\n\n  const formatMenuPath = (key: string): string =>\n    key.replace(/^\\//, '').replace(/\\//g, ' > ') || '首页'\n\n  // ==================== 搜索历史管理 ====================\n  const addToHistory = (menuItem: SearchMenuItem) => {\n    if (!menuItem.label.trim()) return\n    const query = menuItem.label\n    const filtered = searchHistory.value.filter(\n      (item: HistoryItem) =>\n        !(item.query === query && item.menuItem?.key === menuItem.key)\n    )\n    searchHistory.value = [\n      { query, menuItem, timestamp: Date.now() },\n      ...filtered,\n    ].slice(0, maxHistory)\n    localStorage.setItem(storageKey, JSON.stringify(searchHistory.value))\n  }\n\n  const loadHistory = () => {\n    try {\n      const saved = localStorage.getItem(storageKey)\n      if (saved) {\n        const parsed = JSON.parse(saved)\n        searchHistory.value = parsed.map((item: any) =>\n          typeof item === 'string'\n            ? { query: item, menuItem: null, timestamp: 0 }\n            : item\n        )\n      }\n    } catch (error) {\n      console.error('加载搜索历史失败:', error)\n    }\n  }\n\n  const clearHistory = () => {\n    searchHistory.value = []\n    localStorage.removeItem(storageKey)\n  }\n\n  const removeHistoryItem = (index: number) => {\n    searchHistory.value.splice(index, 1)\n    localStorage.setItem(storageKey, JSON.stringify(searchHistory.value))\n    if (selectedIndex.value >= searchHistory.value.length) {\n      selectedIndex.value = Math.max(0, searchHistory.value.length - 1)\n    }\n  }\n\n  // ==================== 对话框控制 ====================\n  const openDialog = async () => {\n    showDialog.value = true\n    searchValue.value = ''\n    selectedIndex.value = 0\n    await nextTick()\n    searchInputRef.value?.focus()\n  }\n\n  const closeDialog = () => {\n    showDialog.value = false\n    searchValue.value = ''\n    selectedIndex.value = 0\n  }\n\n  // ==================== 选择项目 ====================\n  const selectHistoryItem = (historyItem: HistoryItem) => {\n    if (historyItem.menuItem) {\n      const hasChildren = !!historyItem.menuItem.children?.length\n      onSelect?.(historyItem.menuItem.key, hasChildren)\n      closeDialog()\n    } else {\n      searchValue.value = historyItem.query\n      selectedIndex.value = 0\n    }\n  }\n\n  const selectItem = (item: SearchMenuItem) => {\n    addToHistory(item)\n    const hasChildren = !!item.children?.length\n    onSelect?.(item.key, hasChildren)\n    closeDialog()\n  }\n\n  // ==================== 键盘导航 ====================\n  const handleEnter = () => {\n    const isHistoryMode =\n      !searchValue.value.trim() && displayHistory.value.length > 0\n    const isSearchMode =\n      searchValue.value.trim() && filteredMenuItems.value.length > 0\n\n    if (isHistoryMode) {\n      const historyItem = displayHistory.value[selectedIndex.value]\n      if (historyItem) selectHistoryItem(historyItem)\n    } else if (isSearchMode) {\n      const item = filteredMenuItems.value[selectedIndex.value]\n      if (item) selectItem(item)\n    }\n  }\n\n  const focusNext = () => {\n    const maxIndex = !searchValue.value.trim()\n      ? displayHistory.value.length - 1\n      : filteredMenuItems.value.length - 1\n    selectedIndex.value = Math.min(selectedIndex.value + 1, maxIndex)\n  }\n\n  const focusPrev = () => {\n    selectedIndex.value = Math.max(selectedIndex.value - 1, 0)\n  }\n\n  // ==================== 监听器和生命周期 ====================\n  watch(searchValue, () => {\n    selectedIndex.value = 0\n  })\n\n  onMounted(() => {\n    loadHistory()\n    const handleKeydown = (e: KeyboardEvent) => {\n      if ((e.ctrlKey || e.metaKey) && e.key === 'k') {\n        e.preventDefault()\n        openDialog()\n      }\n    }\n    document.addEventListener('keydown', handleKeydown)\n    onUnmounted(() => document.removeEventListener('keydown', handleKeydown))\n  })\n\n  return {\n    showDialog,\n    searchValue,\n    selectedIndex,\n    searchInputRef,\n    isDark,\n    filteredMenuItems,\n    displayHistory,\n    hasResults,\n    hasContent,\n    getItemClasses,\n    highlightMatch,\n    formatMenuPath,\n    clearHistory,\n    removeHistoryItem,\n    openDialog,\n    closeDialog,\n    selectHistoryItem,\n    selectItem,\n    handleEnter,\n    focusNext,\n    focusPrev,\n  }\n}\n","/* unplugin-vue-components disabled */<!--\n * @Description: 全局搜索组件 - 命令面板式搜索\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"robot-search-palette\">\n    <!-- 搜索触发按钮 -->\n    <div\n      class=\"robot-search-trigger\"\n      :class=\"{ 'trigger-dark': isDark }\"\n      @click=\"openDialog\"\n    >\n      <Icon\n        icon=\"mdi:search\"\n        class=\"robot-trigger-icon\"\n        width=\"1em\"\n        height=\"1em\"\n      />\n      <span class=\"robot-trigger-text\">搜索</span>\n      <span class=\"robot-trigger-shortcut\">Ctrl K</span>\n    </div>\n\n    <!-- 搜索对话框 -->\n    <Teleport to=\"body\">\n      <Transition name=\"robot-dialog\">\n        <div\n          v-if=\"showDialog\"\n          class=\"robot-dialog-overlay\"\n          @click=\"closeDialog\"\n          @keydown.esc=\"closeDialog\"\n        >\n          <div\n            class=\"robot-dialog-container\"\n            :class=\"{ 'dialog-dark': isDark }\"\n            @click.stop\n          >\n            <!-- 搜索头部 -->\n            <div class=\"robot-search-header\">\n              <Icon\n                icon=\"mdi:magnify\"\n                class=\"robot-search-icon\"\n                width=\"1em\"\n                height=\"1em\"\n              />\n              <input\n                ref=\"searchInputRef\"\n                v-model=\"searchValue\"\n                type=\"text\"\n                :placeholder=\"placeholder\"\n                class=\"robot-search-input\"\n                @keydown.esc=\"closeDialog\"\n                @keydown.enter=\"handleEnter\"\n                @keydown.arrow-down=\"focusNext\"\n                @keydown.arrow-up=\"focusPrev\"\n              />\n              <button\n                class=\"robot-close-btn\"\n                @click=\"closeDialog\"\n              >\n                <Icon\n                  icon=\"mdi:close\"\n                  width=\"1em\"\n                  height=\"1em\"\n                />\n              </button>\n            </div>\n\n            <!-- 搜索内容 -->\n            <div class=\"robot-search-content\">\n              <!-- 空状态 -->\n              <div\n                v-if=\"!hasContent\"\n                class=\"robot-empty-state\"\n              >\n                <Icon\n                  icon=\"mdi:magnify\"\n                  class=\"robot-empty-icon\"\n                  width=\"1em\"\n                  height=\"1em\"\n                />\n                <p>{{ emptyText }}</p>\n              </div>\n\n              <!-- 搜索历史 -->\n              <template\n                v-else-if=\"!searchValue.trim() && displayHistory.length > 0\"\n              >\n                <div class=\"robot-search-results\">\n                  <div class=\"robot-result-group\">\n                    <div class=\"robot-group-title\">\n                      <Icon\n                        icon=\"mdi:clock-time-four-outline\"\n                        class=\"robot-group-icon\"\n                        width=\"1em\"\n                        height=\"1em\"\n                      />\n                      最近搜索\n                      <span class=\"robot-group-count\">{{\n                        displayHistory.length\n                      }}</span>\n                      <button\n                        class=\"robot-clear-history\"\n                        @click=\"clearHistory\"\n                        title=\"清空历史\"\n                      >\n                        <Icon\n                          icon=\"mdi:delete-outline\"\n                          width=\"1em\"\n                          height=\"1em\"\n                        />\n                      </button>\n                    </div>\n                    <div class=\"robot-group-items\">\n                      <div\n                        v-for=\"(historyItem, index) in displayHistory\"\n                        :key=\"`history-${index}`\"\n                        :class=\"getItemClasses(index, true)\"\n                        @click=\"selectHistoryItem(historyItem)\"\n                        @mouseenter=\"selectedIndex = index\"\n                      >\n                        <component\n                          v-if=\"historyItem.menuItem?.icon\"\n                          :is=\"historyItem.menuItem.icon\"\n                          class=\"robot-item-icon\"\n                        />\n                        <div\n                          v-else\n                          class=\"robot-item-icon robot-default-icon\"\n                        >\n                          <Icon\n                            icon=\"mdi:file-document-outline\"\n                            width=\"1em\"\n                            height=\"1em\"\n                          />\n                        </div>\n                        <div class=\"robot-item-content\">\n                          <div class=\"robot-item-label\">\n                            {{ historyItem.query }}\n                          </div>\n                          <div class=\"robot-item-desc\">\n                            {{\n                              formatMenuPath(historyItem.menuItem?.key || '')\n                            }}\n                          </div>\n                        </div>\n                        <button\n                          class=\"robot-history-delete\"\n                          @click.stop=\"removeHistoryItem(index)\"\n                          title=\"删除此记录\"\n                        >\n                          <Icon\n                            icon=\"mdi:close\"\n                            width=\"1em\"\n                            height=\"1em\"\n                          />\n                        </button>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </template>\n\n              <!-- 搜索结果 -->\n              <template v-else-if=\"searchValue.trim()\">\n                <div class=\"robot-search-results\">\n                  <!-- 无结果状态 -->\n                  <div\n                    v-if=\"!hasResults\"\n                    class=\"robot-empty-state\"\n                  >\n                    <Icon\n                      icon=\"mdi:magnify\"\n                      class=\"robot-empty-icon\"\n                      width=\"1em\"\n                      height=\"1em\"\n                    />\n                    <p>未找到 \"{{ searchValue }}\" 相关内容</p>\n                  </div>\n\n                  <!-- 搜索结果列表 -->\n                  <div\n                    v-else\n                    class=\"robot-result-group\"\n                  >\n                    <div class=\"robot-group-title\">\n                      <Icon\n                        icon=\"mdi:menu\"\n                        class=\"robot-group-icon\"\n                        width=\"1em\"\n                        height=\"1em\"\n                      />\n                      {{ resultGroupTitle }}\n                      <span class=\"robot-group-count\">{{\n                        filteredMenuItems.length\n                      }}</span>\n                    </div>\n                    <div class=\"robot-group-items\">\n                      <div\n                        v-for=\"(item, index) in filteredMenuItems\"\n                        :key=\"item.key\"\n                        :class=\"getItemClasses(index, false)\"\n                        @click=\"selectItem(item)\"\n                        @mouseenter=\"selectedIndex = index\"\n                      >\n                        <component\n                          v-if=\"item.icon\"\n                          :is=\"item.icon\"\n                          class=\"robot-item-icon\"\n                        />\n                        <div\n                          v-else\n                          class=\"robot-item-icon robot-default-icon\"\n                        >\n                          <Icon\n                            icon=\"mdi:file-document-outline\"\n                            width=\"1em\"\n                            height=\"1em\"\n                          />\n                        </div>\n                        <div class=\"robot-item-content\">\n                          <div\n                            class=\"robot-item-label\"\n                            v-html=\"highlightMatch(item.label, searchValue)\"\n                          ></div>\n                          <div class=\"robot-item-desc\">\n                            {{ formatMenuPath(item.key) }}\n                          </div>\n                        </div>\n                        <div\n                          v-if=\"item.children?.length\"\n                          class=\"robot-item-badge\"\n                        >\n                          {{ item.children.length }}\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </template>\n            </div>\n\n            <!-- 搜索底部 -->\n            <div class=\"robot-search-footer\">\n              <div class=\"robot-footer-actions\">\n                <div class=\"robot-action-item\">\n                  <kbd>↵</kbd><span>选择</span>\n                </div>\n                <div class=\"robot-action-item\">\n                  <kbd>↑↓</kbd><span>导航</span>\n                </div>\n                <div class=\"robot-action-item\">\n                  <kbd>esc</kbd><span>关闭</span>\n                </div>\n              </div>\n              <div\n                v-if=\"hasContent\"\n                class=\"robot-footer-info\"\n              >\n                <span v-if=\"searchValue.trim() && hasResults\">\n                  共 {{ filteredMenuItems.length }} 项结果\n                </span>\n                <span\n                  v-else-if=\"!searchValue.trim() && displayHistory.length > 0\"\n                >\n                  {{ displayHistory.length }} 条历史记录\n                </span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Transition>\n    </Teleport>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { Icon } from '@iconify/vue'\n  import { useGlobalSearch } from './composables/useGlobalSearch'\n  import type { GlobalSearchOptions } from './types'\n\n  defineOptions({ name: 'C_GlobalSearch' })\n\n  interface Props {\n    /** useGlobalSearch 配置（必须传入 menuItems + onSelect） */\n    options: GlobalSearchOptions\n    /** 搜索框 placeholder */\n    placeholder?: string\n    /** 无内容提示文字 */\n    emptyText?: string\n    /** 结果分组标题 */\n    resultGroupTitle?: string\n  }\n\n  const props = withDefaults(defineProps<Props>(), {\n    placeholder: '搜索导航菜单...',\n    emptyText: '输入关键词搜索菜单',\n    resultGroupTitle: '菜单导航',\n  })\n\n  const {\n    showDialog,\n    searchValue,\n    selectedIndex,\n    searchInputRef,\n    isDark,\n    filteredMenuItems,\n    displayHistory,\n    hasResults,\n    hasContent,\n    getItemClasses,\n    highlightMatch,\n    formatMenuPath,\n    clearHistory,\n    removeHistoryItem,\n    openDialog,\n    closeDialog,\n    selectHistoryItem,\n    selectItem,\n    handleEnter,\n    focusNext,\n    focusPrev,\n  } = useGlobalSearch(props.options)\n\n  defineExpose({ openDialog, closeDialog })\n</script>\n\n<style lang=\"scss\" scoped>\n  @use './index.scss';\n</style>\n","/* unplugin-vue-components disabled */<!--\n * @Description: 全局搜索组件 - 命令面板式搜索\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"robot-search-palette\">\n    <!-- 搜索触发按钮 -->\n    <div\n      class=\"robot-search-trigger\"\n      :class=\"{ 'trigger-dark': isDark }\"\n      @click=\"openDialog\"\n    >\n      <Icon\n        icon=\"mdi:search\"\n        class=\"robot-trigger-icon\"\n        width=\"1em\"\n        height=\"1em\"\n      />\n      <span class=\"robot-trigger-text\">搜索</span>\n      <span class=\"robot-trigger-shortcut\">Ctrl K</span>\n    </div>\n\n    <!-- 搜索对话框 -->\n    <Teleport to=\"body\">\n      <Transition name=\"robot-dialog\">\n        <div\n          v-if=\"showDialog\"\n          class=\"robot-dialog-overlay\"\n          @click=\"closeDialog\"\n          @keydown.esc=\"closeDialog\"\n        >\n          <div\n            class=\"robot-dialog-container\"\n            :class=\"{ 'dialog-dark': isDark }\"\n            @click.stop\n          >\n            <!-- 搜索头部 -->\n            <div class=\"robot-search-header\">\n              <Icon\n                icon=\"mdi:magnify\"\n                class=\"robot-search-icon\"\n                width=\"1em\"\n                height=\"1em\"\n              />\n              <input\n                ref=\"searchInputRef\"\n                v-model=\"searchValue\"\n                type=\"text\"\n                :placeholder=\"placeholder\"\n                class=\"robot-search-input\"\n                @keydown.esc=\"closeDialog\"\n                @keydown.enter=\"handleEnter\"\n                @keydown.arrow-down=\"focusNext\"\n                @keydown.arrow-up=\"focusPrev\"\n              />\n              <button\n                class=\"robot-close-btn\"\n                @click=\"closeDialog\"\n              >\n                <Icon\n                  icon=\"mdi:close\"\n                  width=\"1em\"\n                  height=\"1em\"\n                />\n              </button>\n            </div>\n\n            <!-- 搜索内容 -->\n            <div class=\"robot-search-content\">\n              <!-- 空状态 -->\n              <div\n                v-if=\"!hasContent\"\n                class=\"robot-empty-state\"\n              >\n                <Icon\n                  icon=\"mdi:magnify\"\n                  class=\"robot-empty-icon\"\n                  width=\"1em\"\n                  height=\"1em\"\n                />\n                <p>{{ emptyText }}</p>\n              </div>\n\n              <!-- 搜索历史 -->\n              <template\n                v-else-if=\"!searchValue.trim() && displayHistory.length > 0\"\n              >\n                <div class=\"robot-search-results\">\n                  <div class=\"robot-result-group\">\n                    <div class=\"robot-group-title\">\n                      <Icon\n                        icon=\"mdi:clock-time-four-outline\"\n                        class=\"robot-group-icon\"\n                        width=\"1em\"\n                        height=\"1em\"\n                      />\n                      最近搜索\n                      <span class=\"robot-group-count\">{{\n                        displayHistory.length\n                      }}</span>\n                      <button\n                        class=\"robot-clear-history\"\n                        @click=\"clearHistory\"\n                        title=\"清空历史\"\n                      >\n                        <Icon\n                          icon=\"mdi:delete-outline\"\n                          width=\"1em\"\n                          height=\"1em\"\n                        />\n                      </button>\n                    </div>\n                    <div class=\"robot-group-items\">\n                      <div\n                        v-for=\"(historyItem, index) in displayHistory\"\n                        :key=\"`history-${index}`\"\n                        :class=\"getItemClasses(index, true)\"\n                        @click=\"selectHistoryItem(historyItem)\"\n                        @mouseenter=\"selectedIndex = index\"\n                      >\n                        <component\n                          v-if=\"historyItem.menuItem?.icon\"\n                          :is=\"historyItem.menuItem.icon\"\n                          class=\"robot-item-icon\"\n                        />\n                        <div\n                          v-else\n                          class=\"robot-item-icon robot-default-icon\"\n                        >\n                          <Icon\n                            icon=\"mdi:file-document-outline\"\n                            width=\"1em\"\n                            height=\"1em\"\n                          />\n                        </div>\n                        <div class=\"robot-item-content\">\n                          <div class=\"robot-item-label\">\n                            {{ historyItem.query }}\n                          </div>\n                          <div class=\"robot-item-desc\">\n                            {{\n                              formatMenuPath(historyItem.menuItem?.key || '')\n                            }}\n                          </div>\n                        </div>\n                        <button\n                          class=\"robot-history-delete\"\n                          @click.stop=\"removeHistoryItem(index)\"\n                          title=\"删除此记录\"\n                        >\n                          <Icon\n                            icon=\"mdi:close\"\n                            width=\"1em\"\n                            height=\"1em\"\n                          />\n                        </button>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </template>\n\n              <!-- 搜索结果 -->\n              <template v-else-if=\"searchValue.trim()\">\n                <div class=\"robot-search-results\">\n                  <!-- 无结果状态 -->\n                  <div\n                    v-if=\"!hasResults\"\n                    class=\"robot-empty-state\"\n                  >\n                    <Icon\n                      icon=\"mdi:magnify\"\n                      class=\"robot-empty-icon\"\n                      width=\"1em\"\n                      height=\"1em\"\n                    />\n                    <p>未找到 \"{{ searchValue }}\" 相关内容</p>\n                  </div>\n\n                  <!-- 搜索结果列表 -->\n                  <div\n                    v-else\n                    class=\"robot-result-group\"\n                  >\n                    <div class=\"robot-group-title\">\n                      <Icon\n                        icon=\"mdi:menu\"\n                        class=\"robot-group-icon\"\n                        width=\"1em\"\n                        height=\"1em\"\n                      />\n                      {{ resultGroupTitle }}\n                      <span class=\"robot-group-count\">{{\n                        filteredMenuItems.length\n                      }}</span>\n                    </div>\n                    <div class=\"robot-group-items\">\n                      <div\n                        v-for=\"(item, index) in filteredMenuItems\"\n                        :key=\"item.key\"\n                        :class=\"getItemClasses(index, false)\"\n                        @click=\"selectItem(item)\"\n                        @mouseenter=\"selectedIndex = index\"\n                      >\n                        <component\n                          v-if=\"item.icon\"\n                          :is=\"item.icon\"\n                          class=\"robot-item-icon\"\n                        />\n                        <div\n                          v-else\n                          class=\"robot-item-icon robot-default-icon\"\n                        >\n                          <Icon\n                            icon=\"mdi:file-document-outline\"\n                            width=\"1em\"\n                            height=\"1em\"\n                          />\n                        </div>\n                        <div class=\"robot-item-content\">\n                          <div\n                            class=\"robot-item-label\"\n                            v-html=\"highlightMatch(item.label, searchValue)\"\n                          ></div>\n                          <div class=\"robot-item-desc\">\n                            {{ formatMenuPath(item.key) }}\n                          </div>\n                        </div>\n                        <div\n                          v-if=\"item.children?.length\"\n                          class=\"robot-item-badge\"\n                        >\n                          {{ item.children.length }}\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </template>\n            </div>\n\n            <!-- 搜索底部 -->\n            <div class=\"robot-search-footer\">\n              <div class=\"robot-footer-actions\">\n                <div class=\"robot-action-item\">\n                  <kbd>↵</kbd><span>选择</span>\n                </div>\n                <div class=\"robot-action-item\">\n                  <kbd>↑↓</kbd><span>导航</span>\n                </div>\n                <div class=\"robot-action-item\">\n                  <kbd>esc</kbd><span>关闭</span>\n                </div>\n              </div>\n              <div\n                v-if=\"hasContent\"\n                class=\"robot-footer-info\"\n              >\n                <span v-if=\"searchValue.trim() && hasResults\">\n                  共 {{ filteredMenuItems.length }} 项结果\n                </span>\n                <span\n                  v-else-if=\"!searchValue.trim() && displayHistory.length > 0\"\n                >\n                  {{ displayHistory.length }} 条历史记录\n                </span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Transition>\n    </Teleport>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { Icon } from '@iconify/vue'\n  import { useGlobalSearch } from './composables/useGlobalSearch'\n  import type { GlobalSearchOptions } from './types'\n\n  defineOptions({ name: 'C_GlobalSearch' })\n\n  interface Props {\n    /** useGlobalSearch 配置（必须传入 menuItems + onSelect） */\n    options: GlobalSearchOptions\n    /** 搜索框 placeholder */\n    placeholder?: string\n    /** 无内容提示文字 */\n    emptyText?: string\n    /** 结果分组标题 */\n    resultGroupTitle?: string\n  }\n\n  const props = withDefaults(defineProps<Props>(), {\n    placeholder: '搜索导航菜单...',\n    emptyText: '输入关键词搜索菜单',\n    resultGroupTitle: '菜单导航',\n  })\n\n  const {\n    showDialog,\n    searchValue,\n    selectedIndex,\n    searchInputRef,\n    isDark,\n    filteredMenuItems,\n    displayHistory,\n    hasResults,\n    hasContent,\n    getItemClasses,\n    highlightMatch,\n    formatMenuPath,\n    clearHistory,\n    removeHistoryItem,\n    openDialog,\n    closeDialog,\n    selectHistoryItem,\n    selectItem,\n    handleEnter,\n    focusNext,\n    focusPrev,\n  } = useGlobalSearch(props.options)\n\n  defineExpose({ openDialog, closeDialog })\n</script>\n\n<style lang=\"scss\" scoped>\n  @use './index.scss';\n</style>\n","<!--\n * @Description: 全局搜索组件 - 命令面板式搜索\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"robot-search-palette\">\n    <!-- 搜索触发按钮 -->\n    <div\n      class=\"robot-search-trigger\"\n      :class=\"{ 'trigger-dark': isDark }\"\n      @click=\"openDialog\"\n    >\n      <Icon\n        icon=\"mdi:search\"\n        class=\"robot-trigger-icon\"\n        width=\"1em\"\n        height=\"1em\"\n      />\n      <span class=\"robot-trigger-text\">搜索</span>\n      <span class=\"robot-trigger-shortcut\">Ctrl K</span>\n    </div>\n\n    <!-- 搜索对话框 -->\n    <Teleport to=\"body\">\n      <Transition name=\"robot-dialog\">\n        <div\n          v-if=\"showDialog\"\n          class=\"robot-dialog-overlay\"\n          @click=\"closeDialog\"\n          @keydown.esc=\"closeDialog\"\n        >\n          <div\n            class=\"robot-dialog-container\"\n            :class=\"{ 'dialog-dark': isDark }\"\n            @click.stop\n          >\n            <!-- 搜索头部 -->\n            <div class=\"robot-search-header\">\n              <Icon\n                icon=\"mdi:magnify\"\n                class=\"robot-search-icon\"\n                width=\"1em\"\n                height=\"1em\"\n              />\n              <input\n                ref=\"searchInputRef\"\n                v-model=\"searchValue\"\n                type=\"text\"\n                :placeholder=\"placeholder\"\n                class=\"robot-search-input\"\n                @keydown.esc=\"closeDialog\"\n                @keydown.enter=\"handleEnter\"\n                @keydown.arrow-down=\"focusNext\"\n                @keydown.arrow-up=\"focusPrev\"\n              />\n              <button\n                class=\"robot-close-btn\"\n                @click=\"closeDialog\"\n              >\n                <Icon\n                  icon=\"mdi:close\"\n                  width=\"1em\"\n                  height=\"1em\"\n                />\n              </button>\n            </div>\n\n            <!-- 搜索内容 -->\n            <div class=\"robot-search-content\">\n              <!-- 空状态 -->\n              <div\n                v-if=\"!hasContent\"\n                class=\"robot-empty-state\"\n              >\n                <Icon\n                  icon=\"mdi:magnify\"\n                  class=\"robot-empty-icon\"\n                  width=\"1em\"\n                  height=\"1em\"\n                />\n                <p>{{ emptyText }}</p>\n              </div>\n\n              <!-- 搜索历史 -->\n              <template\n                v-else-if=\"!searchValue.trim() && displayHistory.length > 0\"\n              >\n                <div class=\"robot-search-results\">\n                  <div class=\"robot-result-group\">\n                    <div class=\"robot-group-title\">\n                      <Icon\n                        icon=\"mdi:clock-time-four-outline\"\n                        class=\"robot-group-icon\"\n                        width=\"1em\"\n                        height=\"1em\"\n                      />\n                      最近搜索\n                      <span class=\"robot-group-count\">{{\n                        displayHistory.length\n                      }}</span>\n                      <button\n                        class=\"robot-clear-history\"\n                        @click=\"clearHistory\"\n                        title=\"清空历史\"\n                      >\n                        <Icon\n                          icon=\"mdi:delete-outline\"\n                          width=\"1em\"\n                          height=\"1em\"\n                        />\n                      </button>\n                    </div>\n                    <div class=\"robot-group-items\">\n                      <div\n                        v-for=\"(historyItem, index) in displayHistory\"\n                        :key=\"`history-${index}`\"\n                        :class=\"getItemClasses(index, true)\"\n                        @click=\"selectHistoryItem(historyItem)\"\n                        @mouseenter=\"selectedIndex = index\"\n                      >\n                        <component\n                          v-if=\"historyItem.menuItem?.icon\"\n                          :is=\"historyItem.menuItem.icon\"\n                          class=\"robot-item-icon\"\n                        />\n                        <div\n                          v-else\n                          class=\"robot-item-icon robot-default-icon\"\n                        >\n                          <Icon\n                            icon=\"mdi:file-document-outline\"\n                            width=\"1em\"\n                            height=\"1em\"\n                          />\n                        </div>\n                        <div class=\"robot-item-content\">\n                          <div class=\"robot-item-label\">\n                            {{ historyItem.query }}\n                          </div>\n                          <div class=\"robot-item-desc\">\n                            {{\n                              formatMenuPath(historyItem.menuItem?.key || '')\n                            }}\n                          </div>\n                        </div>\n                        <button\n                          class=\"robot-history-delete\"\n                          @click.stop=\"removeHistoryItem(index)\"\n                          title=\"删除此记录\"\n                        >\n                          <Icon\n                            icon=\"mdi:close\"\n                            width=\"1em\"\n                            height=\"1em\"\n                          />\n                        </button>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </template>\n\n              <!-- 搜索结果 -->\n              <template v-else-if=\"searchValue.trim()\">\n                <div class=\"robot-search-results\">\n                  <!-- 无结果状态 -->\n                  <div\n                    v-if=\"!hasResults\"\n                    class=\"robot-empty-state\"\n                  >\n                    <Icon\n                      icon=\"mdi:magnify\"\n                      class=\"robot-empty-icon\"\n                      width=\"1em\"\n                      height=\"1em\"\n                    />\n                    <p>未找到 \"{{ searchValue }}\" 相关内容</p>\n                  </div>\n\n                  <!-- 搜索结果列表 -->\n                  <div\n                    v-else\n                    class=\"robot-result-group\"\n                  >\n                    <div class=\"robot-group-title\">\n                      <Icon\n                        icon=\"mdi:menu\"\n                        class=\"robot-group-icon\"\n                        width=\"1em\"\n                        height=\"1em\"\n                      />\n                      {{ resultGroupTitle }}\n                      <span class=\"robot-group-count\">{{\n                        filteredMenuItems.length\n                      }}</span>\n                    </div>\n                    <div class=\"robot-group-items\">\n                      <div\n                        v-for=\"(item, index) in filteredMenuItems\"\n                        :key=\"item.key\"\n                        :class=\"getItemClasses(index, false)\"\n                        @click=\"selectItem(item)\"\n                        @mouseenter=\"selectedIndex = index\"\n                      >\n                        <component\n                          v-if=\"item.icon\"\n                          :is=\"item.icon\"\n                          class=\"robot-item-icon\"\n                        />\n                        <div\n                          v-else\n                          class=\"robot-item-icon robot-default-icon\"\n                        >\n                          <Icon\n                            icon=\"mdi:file-document-outline\"\n                            width=\"1em\"\n                            height=\"1em\"\n                          />\n                        </div>\n                        <div class=\"robot-item-content\">\n                          <div\n                            class=\"robot-item-label\"\n                            v-html=\"highlightMatch(item.label, searchValue)\"\n                          ></div>\n                          <div class=\"robot-item-desc\">\n                            {{ formatMenuPath(item.key) }}\n                          </div>\n                        </div>\n                        <div\n                          v-if=\"item.children?.length\"\n                          class=\"robot-item-badge\"\n                        >\n                          {{ item.children.length }}\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </template>\n            </div>\n\n            <!-- 搜索底部 -->\n            <div class=\"robot-search-footer\">\n              <div class=\"robot-footer-actions\">\n                <div class=\"robot-action-item\">\n                  <kbd>↵</kbd><span>选择</span>\n                </div>\n                <div class=\"robot-action-item\">\n                  <kbd>↑↓</kbd><span>导航</span>\n                </div>\n                <div class=\"robot-action-item\">\n                  <kbd>esc</kbd><span>关闭</span>\n                </div>\n              </div>\n              <div\n                v-if=\"hasContent\"\n                class=\"robot-footer-info\"\n              >\n                <span v-if=\"searchValue.trim() && hasResults\">\n                  共 {{ filteredMenuItems.length }} 项结果\n                </span>\n                <span\n                  v-else-if=\"!searchValue.trim() && displayHistory.length > 0\"\n                >\n                  {{ displayHistory.length }} 条历史记录\n                </span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Transition>\n    </Teleport>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { Icon } from '@iconify/vue'\n  import { useGlobalSearch } from './composables/useGlobalSearch'\n  import type { GlobalSearchOptions } from './types'\n\n  defineOptions({ name: 'C_GlobalSearch' })\n\n  interface Props {\n    /** useGlobalSearch 配置（必须传入 menuItems + onSelect） */\n    options: GlobalSearchOptions\n    /** 搜索框 placeholder */\n    placeholder?: string\n    /** 无内容提示文字 */\n    emptyText?: string\n    /** 结果分组标题 */\n    resultGroupTitle?: string\n  }\n\n  const props = withDefaults(defineProps<Props>(), {\n    placeholder: '搜索导航菜单...',\n    emptyText: '输入关键词搜索菜单',\n    resultGroupTitle: '菜单导航',\n  })\n\n  const {\n    showDialog,\n    searchValue,\n    selectedIndex,\n    searchInputRef,\n    isDark,\n    filteredMenuItems,\n    displayHistory,\n    hasResults,\n    hasContent,\n    getItemClasses,\n    highlightMatch,\n    formatMenuPath,\n    clearHistory,\n    removeHistoryItem,\n    openDialog,\n    closeDialog,\n    selectHistoryItem,\n    selectItem,\n    handleEnter,\n    focusNext,\n    focusPrev,\n  } = useGlobalSearch(props.options)\n\n  defineExpose({ openDialog, closeDialog })\n</script>\n\n<style lang=\"scss\" scoped>\n  @use './index.scss';\n</style>\n"],"mappings":"yjBASA,SAAgB,EAAgB,EAA8B,CAC5D,GAAM,CACJ,UAAW,EACX,OAAQ,EACR,WACA,aAAa,uBACb,aAAa,GACb,oBAAoB,GAClB,EAGE,EAAa,EAAI,GAAM,CACvB,EAAc,EAAI,GAAG,CACrB,EAAgB,EAAI,EAAE,CACtB,EAAiB,GAAuB,CACxC,EAAgB,EAAmB,EAAE,CAAC,CAGtC,EAAS,MAAe,KAAa,EAAI,GAAM,CAE/C,EAAoB,MAAe,CACvC,GAAI,CAAC,EAAY,MAAM,MAAM,CAAE,MAAO,EAAE,CACxC,IAAM,EAAQ,EAAY,MAAM,aAAa,CAE7C,OADc,GAAc,CACf,OACX,GACE,EAAK,MAAM,aAAa,CAAC,SAAS,EAAM,EACxC,EAAe,EAAK,IAAI,CAAC,aAAa,CAAC,SAAS,EAAM,CACzD,EACD,CAEI,EAAiB,MACrB,EAAc,MAAM,MAAM,EAAG,EAAkB,CAChD,CACK,EAAa,MAAe,EAAkB,MAAM,OAAS,EAAE,CAC/D,EAAa,MACX,EAAW,OAAS,EAAe,MAAM,OAAS,EACzD,CAGK,GAAkB,EAAe,IAAuB,CAC5D,oBACA,GAAa,qBACb,CAAE,6BAA8B,EAAc,QAAU,EAAO,CAChE,CAEK,GAAkB,EAAc,IAA2B,CAC/D,GAAI,CAAC,EAAQ,OAAO,EACpB,IAAM,EAAY,OAChB,IAAI,EAAO,QAAQ,sBAAuB,OAAO,CAAC,GAClD,KACD,CACD,OAAO,EAAK,QAAQ,EAAO,0CAA0C,EAGjE,EAAkB,GACtB,EAAI,QAAQ,MAAO,GAAG,CAAC,QAAQ,MAAO,MAAM,EAAI,KAG5C,EAAgB,GAA6B,CACjD,GAAI,CAAC,EAAS,MAAM,MAAM,CAAE,OAC5B,IAAM,EAAQ,EAAS,MACjB,EAAW,EAAc,MAAM,OAClC,GACC,EAAE,EAAK,QAAU,GAAS,EAAK,UAAU,MAAQ,EAAS,KAC7D,CACD,EAAc,MAAQ,CACpB,CAAE,QAAO,WAAU,UAAW,KAAK,KAAK,CAAE,CAC1C,GAAG,EACJ,CAAC,MAAM,EAAG,EAAW,CACtB,aAAa,QAAQ,EAAY,KAAK,UAAU,EAAc,MAAM,CAAC,EAGjE,MAAoB,CACxB,GAAI,CACF,IAAM,EAAQ,aAAa,QAAQ,EAAW,CAC1C,IAEF,EAAc,MADC,KAAK,MAAM,EAAM,CACH,IAAK,GAChC,OAAO,GAAS,SACZ,CAAE,MAAO,EAAM,SAAU,KAAM,UAAW,EAAG,CAC7C,EACL,QAEI,EAAO,CACd,QAAQ,MAAM,YAAa,EAAM,GAI/B,MAAqB,CACzB,EAAc,MAAQ,EAAE,CACxB,aAAa,WAAW,EAAW,EAG/B,EAAqB,GAAkB,CAC3C,EAAc,MAAM,OAAO,EAAO,EAAE,CACpC,aAAa,QAAQ,EAAY,KAAK,UAAU,EAAc,MAAM,CAAC,CACjE,EAAc,OAAS,EAAc,MAAM,SAC7C,EAAc,MAAQ,KAAK,IAAI,EAAG,EAAc,MAAM,OAAS,EAAE,GAK/D,EAAa,SAAY,CAC7B,EAAW,MAAQ,GACnB,EAAY,MAAQ,GACpB,EAAc,MAAQ,EACtB,MAAM,GAAU,CAChB,EAAe,OAAO,OAAO,EAGzB,MAAoB,CACxB,EAAW,MAAQ,GACnB,EAAY,MAAQ,GACpB,EAAc,MAAQ,GAIlB,EAAqB,GAA6B,CACtD,GAAI,EAAY,SAAU,CACxB,IAAM,EAAc,CAAC,CAAC,EAAY,SAAS,UAAU,OACrD,IAAW,EAAY,SAAS,IAAK,EAAY,CACjD,GAAa,MAEb,EAAY,MAAQ,EAAY,MAChC,EAAc,MAAQ,GAIpB,EAAc,GAAyB,CAC3C,EAAa,EAAK,CAClB,IAAM,EAAc,CAAC,CAAC,EAAK,UAAU,OACrC,IAAW,EAAK,IAAK,EAAY,CACjC,GAAa,EA+Cf,OAhBA,EAAM,MAAmB,CACvB,EAAc,MAAQ,GACtB,CAEF,MAAgB,CACd,GAAa,CACb,IAAM,EAAiB,GAAqB,EACrC,EAAE,SAAW,EAAE,UAAY,EAAE,MAAQ,MACxC,EAAE,gBAAgB,CAClB,GAAY,GAGhB,SAAS,iBAAiB,UAAW,EAAc,CACnD,MAAkB,SAAS,oBAAoB,UAAW,EAAc,CAAC,EACzE,CAEK,CACL,aACA,cACA,gBACA,iBACA,SACA,oBACA,iBACA,aACA,aACA,iBACA,iBACA,iBACA,eACA,oBACA,aACA,cACA,oBACA,aACA,gBA9DwB,CACxB,IAAM,EACJ,CAAC,EAAY,MAAM,MAAM,EAAI,EAAe,MAAM,OAAS,EACvD,EACJ,EAAY,MAAM,MAAM,EAAI,EAAkB,MAAM,OAAS,EAE/D,GAAI,EAAe,CACjB,IAAM,EAAc,EAAe,MAAM,EAAc,OACnD,GAAa,EAAkB,EAAY,SACtC,EAAc,CACvB,IAAM,EAAO,EAAkB,MAAM,EAAc,OAC/C,GAAM,EAAW,EAAK,GAoD5B,cAhDsB,CACtB,IAAM,EAAY,EAAY,MAAM,MAAM,CAEtC,EAAkB,MAAM,OAAS,EADjC,EAAe,MAAM,OAAS,EAElC,EAAc,MAAQ,KAAK,IAAI,EAAc,MAAQ,EAAG,EAAS,EA6CjE,cA1CsB,CACtB,EAAc,MAAQ,KAAK,IAAI,EAAc,MAAQ,EAAG,EAAE,EA0C3D,upCGyFD,GAAM,CACJ,aACA,cACA,gBACA,iBACA,SACA,oBACA,iBACA,aACA,aACA,iBACA,kBACA,iBACA,eACA,oBACA,aACA,cACA,qBACA,cACA,cACA,YACA,aACE,EA5BU,EA4BY,QAAO,QAEjC,EAAa,CAAE,aAAY,cAAa,CAAA,aA9TxC,EA2QM,MA3QN,EA2QM,CA1QJ,EAAA,WAAe,CACf,EAaM,MAAA,CAZJ,MAAK,EAAA,CAAC,uBAAsB,CAAA,eACF,EAAA,EAAM,CAAA,CAAA,CAAA,CAC/B,QAAK,AAAA,EAAA,MAAA,GAAA,IAAE,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA,GAAA,EAAU,GAElB,EAKE,EAAA,EAAA,CAAA,CAJA,KAAK,aACL,MAAM,qBACN,MAAM,MACN,OAAO,gBAET,EAA0C,OAAA,CAApC,MAAM,qBAAoB,CAAC,KAAE,GAAA,SACnC,EAAkD,OAAA,CAA5C,MAAM,yBAAwB,CAAC,SAAM,GAAA,KAG7C,EAAA,UAAc,MACd,EAwPW,EAAA,CAxPD,GAAG,OAAM,CAAA,CACjB,EAsPa,EAAA,CAtPD,KAAK,eAAc,CAAA,eAwPpC,CAtPe,EAAA,EAAU,EAAA,GAAA,CADlB,EAoPM,MAAA,OAlPJ,MAAM,uBACL,QAAK,AAAA,EAAA,MAAA,GAAA,IAAE,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA,GAAA,EAAW,CAClB,UAAO,AAAA,EAAA,MAAA,GAAA,GAAA,IAAM,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA,GAAA,EAAW,CAAA,CAAA,MAAA,CAAA,GAEzB,EA6OM,MAAA,CA5OJ,MAAK,EAAA,CAAC,yBAAwB,CAAA,cACL,EAAA,EAAM,CAAA,CAAA,CAAA,CAC9B,QAAK,AAAA,EAAA,KAAA,MAAN,GAAW,CAAA,OAAA,CAAA,GAEX,EAAA,SAAa,CACb,EA4BM,MA5BN,EA4BM,CA3BJ,EAKE,EAAA,EAAA,CAAA,CAJA,KAAK,cACL,MAAM,oBACN,MAAM,MACN,OAAO,UAET,EAUE,QAAA,SATI,iBAAJ,IAAI,uCACK,EAAW,MAAA,EAAA,KACpB,KAAK,OACJ,YAAaA,EAAAA,YACd,MAAM,qBACL,UAAO,kBAAM,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA,GAAA,EAAW,CAAA,CAAA,MAAA,CAAA,kBACT,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA,GAAA,EAAW,CAAA,CAAA,QAAA,CAAA,kBACN,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA,GAAA,EAAS,CAAA,CAAA,aAAA,CAAA,kBACX,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA,GAAA,EAAS,CAAA,CAAA,WAAA,CAAA,kBAPnB,EAAA,EAAW,CAAA,CAAA,CAAA,CAStB,EASS,SAAA,CARP,MAAM,kBACL,QAAK,AAAA,EAAA,MAAA,GAAA,IAAE,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA,GAAA,EAAW,GAEnB,EAIE,EAAA,EAAA,CAAA,CAHA,KAAK,YACL,MAAM,MACN,OAAO,YAKb,EAAA,SAAa,CACb,EA2KM,MA3KN,GA2KM,CA1KJ,EAAA,QAAY,CAEH,EAAA,EAAU,CASF,CAKH,EAAA,EAAW,CAAC,MAAI,EAAM,EAAA,EAAc,CAAC,OAAM,GAAA,GAAA,CADzD,EA4EW,EAAA,CAAA,IAAA,EAAA,CAAA,CA7EX,EAAA,SAAa,CAIX,EAwEM,MAxEN,GAwEM,CAvEJ,EAsEM,MAtEN,GAsEM,CArEJ,EAsBM,MAtBN,GAsBM,CArBJ,EAKE,EAAA,EAAA,CAAA,CAJA,KAAK,8BACL,MAAM,mBACN,MAAM,MACN,OAAO,kBACP,SAEF,GAAA,CAAA,EAES,OAFT,GAES,EADP,EAAA,EAAc,CAAC,OAAM,CAAA,EAAA,CAEvB,EAUS,SAAA,CATP,MAAM,sBACL,QAAK,AAAA,EAAA,MAAA,GAAA,IAAE,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA,GAAA,EAAY,CACpB,MAAM,SAEN,EAIE,EAAA,EAAA,CAAA,CAHA,KAAK,qBACL,MAAM,MACN,OAAO,YAIb,EA6CM,MA7CN,GA6CM,EAAA,EAAA,GAAA,CA5CJ,EA2CM,EAAA,KAAA,EA1C2B,EAAA,EAAc,EAArC,EAAa,SADvB,EA2CM,MAAA,CAzCH,IAAG,WAAa,IAChB,MAAK,EAAE,EAAA,EAAc,CAAC,EAAK,GAAA,CAAA,CAC3B,QAAK,GAAE,EAAA,GAAiB,CAAC,EAAW,CACpC,aAAU,GAAE,EAAA,MAAgB,IAGrB,EAAY,UAAU,MAAA,GAAA,CAD9B,EAIE,EAFK,EAAY,SAAS,KAAI,CAAA,OAC9B,MAAM,0BAER,EASM,MATN,GASM,CALJ,EAIE,EAAA,EAAA,CAAA,CAHA,KAAK,4BACL,MAAM,MACN,OAAO,WAGX,EASM,MATN,GASM,CARJ,EAEM,MAFN,GAEM,EADD,EAAY,MAAK,CAAA,EAAA,CAEtB,EAIM,MAJN,GAIM,EAFF,EAAA,EAAc,CAAC,EAAY,UAAU,KAAG,GAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAI9C,EAUS,SAAA,CATP,MAAM,uBACL,QAAK,EAAA,GAAO,EAAA,EAAiB,CAAC,EAAK,CAAA,CAAA,OAAA,CAAA,CACpC,MAAM,UAEN,EAIE,EAAA,EAAA,CAAA,CAHA,KAAK,YACL,MAAM,MACN,OAAO,0CAUA,EAAA,EAAW,CAAC,MAAI,EAAA,GAAA,CAArC,EA2EW,EAAA,CAAA,IAAA,EAAA,CAAA,CA5EX,EAAA,SAAa,CAEX,EAyEM,MAzEN,EAyEM,CAxEJ,EAAA,UAAc,CAEL,EAAA,EAAU,EASc,GAAA,CAIjC,EAwDM,EAAA,CAAA,IAAA,EAAA,CAAA,CAzDN,EAAA,WAAe,CACf,EAwDM,MAxDN,EAwDM,CApDJ,EAWM,MAXN,EAWM,CAVJ,EAKE,EAAA,EAAA,CAAA,CAJA,KAAK,WACL,MAAM,mBACN,MAAM,MACN,OAAO,UACP,IACF,EAAGE,EAAAA,iBAAgB,CAAG,IACtB,EAAA,CAAA,EAES,OAFT,EAES,EADP,EAAA,EAAiB,CAAC,OAAM,CAAA,EAAA,GAG5B,EAuCM,MAvCN,EAuCM,EAAA,EAAA,GAAA,CAtCJ,EAqCM,EAAA,KAAA,EApCoB,EAAA,EAAiB,EAAjC,EAAM,SADhB,EAqCM,MAAA,CAnCH,IAAK,EAAK,IACV,MAAK,EAAE,EAAA,EAAc,CAAC,EAAK,GAAA,CAAA,CAC3B,QAAK,GAAE,EAAA,GAAU,CAAC,EAAI,CACtB,aAAU,GAAE,EAAA,MAAgB,IAGrB,EAAK,MAAA,GAAA,CADb,EAIE,EAFK,EAAK,KAAI,CAAA,OACd,MAAM,0BAER,EASM,MATN,GASM,CALJ,EAIE,EAAA,EAAA,CAAA,CAHA,KAAK,4BACL,MAAM,MACN,OAAO,WAGX,EAQM,MARN,GAQM,CAPJ,EAGO,MAAA,CAFL,MAAM,mBACN,UAAQ,EAAA,GAAc,CAAC,EAAK,MAAO,EAAA,EAAW,CAAA,aAEhD,EAEM,MAFN,GAEM,EADD,EAAA,EAAc,CAAC,EAAK,IAAG,CAAA,CAAA,EAAA,CAAA,CAAA,CAItB,EAAK,UAAU,QAAA,GAAA,CADvB,EAKM,MALN,GAKM,EADD,EAAK,SAAS,OAAM,CAAA,EAAA,EAAA,EAAA,OAAA,GAAA,6BAjEZ,GAAA,CADnB,EAWM,MAXN,EAWM,CAPJ,EAKE,EAAA,EAAA,CAAA,CAJA,KAAK,cACL,MAAM,mBACN,MAAM,MACN,OAAO,QAET,EAAmC,IAAA,KAAhC,QAAK,EAAG,EAAA,EAAW,CAAA,CAAG,SAAM,EAAA,CAAA,CAAA,wBAzGlB,GAAA,CADnB,EAWM,MAXN,GAWM,CAPJ,EAKE,EAAA,EAAA,CAAA,CAJA,KAAK,cACL,MAAM,mBACN,MAAM,MACN,OAAO,QAET,EAAsB,IAAA,KAAA,EAAhBD,EAAAA,UAAS,CAAA,EAAA,CAAA,CAAA,IAiKnB,EAAA,SAAa,CACb,EAyBM,MAzBN,GAyBM,CAAA,AAAA,EAAA,MAxBJ,EAUM,MAAA,CAVD,MAAM,uBAAsB,CAAA,CAC/B,EAEM,MAAA,CAFD,MAAM,oBAAmB,CAAA,CAC5B,EAAY,MAAA,KAAP,IAAC,CAAM,EAAe,OAAA,KAAT,KAAE,CAAA,CAAA,CAEtB,EAEM,MAAA,CAFD,MAAM,oBAAmB,CAAA,CAC5B,EAAa,MAAA,KAAR,KAAE,CAAM,EAAe,OAAA,KAAT,KAAE,CAAA,CAAA,CAEvB,EAEM,MAAA,CAFD,MAAM,oBAAmB,CAAA,CAC5B,EAAc,MAAA,KAAT,MAAG,CAAM,EAAe,OAAA,KAAT,KAAE,CAAA,CAAA,MAIlB,EAAA,EAAU,EAAA,GAAA,CADlB,EAYM,MAZN,GAYM,CARQ,EAAA,EAAW,CAAC,MAAI,EAAM,EAAA,EAAU,EAAA,GAAA,CAA5C,EAEO,OAAA,GAFuC,MAC1C,EAAG,EAAA,EAAiB,CAAC,OAAM,CAAG,QAClC,EAAA,EAAA,CAEc,EAAA,EAAW,CAAC,MAAI,EAAM,EAAA,EAAc,CAAC,OAAM,GAAA,GAAA,CADzD,EAIO,OAAA,GAAA,EADF,EAAA,EAAc,CAAC,OAAM,CAAG,UAC7B,EAAA,EAAA,EAAA,OAAA,GAAA,CAAA,CAAA,EAAA,EAAA,OAAA,GAAA,CAAA,CAAA"}