@robot-admin/naive-ui-components 0.4.3 → 0.4.4

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      <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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"}

package/dist/C_Guide.cjs

@@ -1,5 +1 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-require('./C_Icon.js');
-const require_C_Guide = require('./C_Guide.js');
-
-exports.C_Guide = require_C_Guide.C_Guide_default;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./C_Icon.js`);const e=require(`./C_Guide.js`);exports.C_Guide=e.t;

package/dist/C_Guide.js

@@ -1,4 +1 @@
-import "./C_Icon2.js";
-import { t as C_Guide_default } from "./C_Guide2.js";
-
-export { C_Guide_default as C_Guide };
+import"./C_Icon2.js";import{t as e}from"./C_Guide2.js";export{e as C_Guide};

package/dist/C_Guide.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"C_Guide.js","names":[],"sources":["../src/components/C_Guide/index.vue","../src/components/C_Guide/index.vue","../src/components/C_Guide/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-06-01\n * @Description: 用户引导组件（基于 driver.js）\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <NTooltip placement=\"bottom\" trigger=\"hover\">\n    <template #trigger>\n      <NButton text @click=\"startGuide\">\n        <C_Icon name=\"mdi:sign-routes\" :size=\"18\" />\n      </NButton>\n    </template>\n    <span>功能引导</span>\n  </NTooltip>\n</template>\n\n<script setup lang=\"ts\">\nimport { NTooltip, NButton } from \"naive-ui\";\nimport C_Icon from \"../C_Icon/index.vue\";\nimport { driver } from \"driver.js\";\nimport \"driver.js/dist/driver.css\";\n\ndefineOptions({ name: \"C_Guide\" });\n\nexport interface GuideStep {\n  element: string;\n  popover: {\n    title: string;\n    description: string;\n    side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  };\n}\n\nconst props = withDefaults(\n  defineProps<{\n    steps?: GuideStep[];\n    doneBtnText?: string;\n    nextBtnText?: string;\n    prevBtnText?: string;\n  }>(),\n  {\n    steps: () => [],\n    doneBtnText: \"完成\",\n    nextBtnText: \"下一步\",\n    prevBtnText: \"上一步\",\n  },\n);\n\nconst startGuide = () => {\n  if (!props.steps.length) {\n    console.warn('[C_Guide] 未提供引导步骤（steps），请通过 :steps prop 传入。');\n    return;\n  }\n\n  const driverObj = driver({\n    popoverClass: \"driverjs-theme\",\n    animate: true,\n    showProgress: true,\n    doneBtnText: props.doneBtnText,\n    nextBtnText: props.nextBtnText,\n    prevBtnText: props.prevBtnText,\n    steps: props.steps,\n  });\n\n  driverObj.drive();\n};\n\ndefineExpose({ startGuide });\n</script>\n","/* unplugin-vue-components disabled */<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-06-01\n * @Description: 用户引导组件（基于 driver.js）\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <NTooltip placement=\"bottom\" trigger=\"hover\">\n    <template #trigger>\n      <NButton text @click=\"startGuide\">\n        <C_Icon name=\"mdi:sign-routes\" :size=\"18\" />\n      </NButton>\n    </template>\n    <span>功能引导</span>\n  </NTooltip>\n</template>\n\n<script setup lang=\"ts\">\nimport { NTooltip, NButton } from \"naive-ui\";\nimport C_Icon from \"../C_Icon/index.vue\";\nimport { driver } from \"driver.js\";\nimport \"driver.js/dist/driver.css\";\n\ndefineOptions({ name: \"C_Guide\" });\n\nexport interface GuideStep {\n  element: string;\n  popover: {\n    title: string;\n    description: string;\n    side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  };\n}\n\nconst props = withDefaults(\n  defineProps<{\n    steps?: GuideStep[];\n    doneBtnText?: string;\n    nextBtnText?: string;\n    prevBtnText?: string;\n  }>(),\n  {\n    steps: () => [],\n    doneBtnText: \"完成\",\n    nextBtnText: \"下一步\",\n    prevBtnText: \"上一步\",\n  },\n);\n\nconst startGuide = () => {\n  if (!props.steps.length) {\n    console.warn('[C_Guide] 未提供引导步骤（steps），请通过 :steps prop 传入。');\n    return;\n  }\n\n  const driverObj = driver({\n    popoverClass: \"driverjs-theme\",\n    animate: true,\n    showProgress: true,\n    doneBtnText: props.doneBtnText,\n    nextBtnText: props.nextBtnText,\n    prevBtnText: props.prevBtnText,\n    steps: props.steps,\n  });\n\n  driverObj.drive();\n};\n\ndefineExpose({ startGuide });\n</script>\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-06-01\n * @Description: 用户引导组件（基于 driver.js）\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <NTooltip placement=\"bottom\" trigger=\"hover\">\n    <template #trigger>\n      <NButton text @click=\"startGuide\">\n        <C_Icon name=\"mdi:sign-routes\" :size=\"18\" />\n      </NButton>\n    </template>\n    <span>功能引导</span>\n  </NTooltip>\n</template>\n\n<script setup lang=\"ts\">\nimport { NTooltip, NButton } from \"naive-ui\";\nimport C_Icon from \"../C_Icon/index.vue\";\nimport { driver } from \"driver.js\";\nimport \"driver.js/dist/driver.css\";\n\ndefineOptions({ name: \"C_Guide\" });\n\nexport interface GuideStep {\n  element: string;\n  popover: {\n    title: string;\n    description: string;\n    side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  };\n}\n\nconst props = withDefaults(\n  defineProps<{\n    steps?: GuideStep[];\n    doneBtnText?: string;\n    nextBtnText?: string;\n    prevBtnText?: string;\n  }>(),\n  {\n    steps: () => [],\n    doneBtnText: \"完成\",\n    nextBtnText: \"下一步\",\n    prevBtnText: \"上一步\",\n  },\n);\n\nconst startGuide = () => {\n  if (!props.steps.length) {\n    console.warn('[C_Guide] 未提供引导步骤（steps），请通过 :steps prop 传入。');\n    return;\n  }\n\n  const driverObj = driver({\n    popoverClass: \"driverjs-theme\",\n    animate: true,\n    showProgress: true,\n    doneBtnText: props.doneBtnText,\n    nextBtnText: props.nextBtnText,\n    prevBtnText: props.prevBtnText,\n    steps: props.steps,\n  });\n\n  driverObj.drive();\n};\n\ndefineExpose({ startGuide });\n</script>\n"],"mappings":"6VEmCA,IAAM,EAAQ,EAeR,MAAmB,CACvB,GAAI,CAAC,EAAM,MAAM,OAAQ,CACvB,QAAQ,KAAK,+CAA+C,CAC5D,QAaF,EAAA,EAAA,QAVyB,CACvB,aAAc,iBACd,QAAS,GACT,aAAc,GACd,YAAa,EAAM,YACnB,YAAa,EAAM,YACnB,YAAa,EAAM,YACnB,MAAO,EAAM,MACd,CAAC,CAEQ,OAAO,SAGnB,EAAa,CAAE,aAAY,CAAC,yDAtDf,EAAA,SAAA,CAAA,CAPD,UAAU,SAAS,QAAQ,UACxB,SAAA,EAAA,EAAA,aAGC,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,OAAA,EAAA,QAAA,CAAA,CAFD,KAAA,GAAM,QAAO,8BACwB,EAAA,EAAA,EAAA,aAAA,EAAA,EAAA,CAApC,KAAK,kBAAmB,KAAM,yCAGzB,CAAA,AAAA,EAAA,MAAA,EAAA,EAAA,oBAAA,OAAA,KAAX,OAAI,GAAA,CAAA,CAAA"}

package/dist/C_Guide2.js

@@ -1,61 +1,2 @@
-import { t as C_Icon_default } from "./C_Icon2.js";
-import { NButton, NTooltip } from "naive-ui";
-import { createBlock, createElementVNode, createVNode, defineComponent, openBlock, unref, withCtx } from "vue";
-import { driver } from "driver.js";
-import "driver.js/dist/driver.css";
-
-//#region src/components/C_Guide/index.vue?vue&type=script&setup=true&lang.ts
-var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	name: "C_Guide",
-	__name: "index",
-	props: {
-		steps: { default: () => [] },
-		doneBtnText: { default: "完成" },
-		nextBtnText: { default: "下一步" },
-		prevBtnText: { default: "上一步" }
-	},
-	setup(__props, { expose: __expose }) {
-		const props = __props;
-		const startGuide = () => {
-			const driverObj = driver({
-				popoverClass: "driverjs-theme",
-				animate: true,
-				showProgress: true,
-				doneBtnText: props.doneBtnText,
-				nextBtnText: props.nextBtnText,
-				prevBtnText: props.prevBtnText
-			});
-			if (props.steps.length > 0) driverObj.setSteps(props.steps);
-			driverObj.drive();
-		};
-		__expose({ startGuide });
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(NTooltip), {
-				placement: "bottom",
-				trigger: "hover"
-			}, {
-				trigger: withCtx(() => [createVNode(unref(NButton), {
-					text: "",
-					onClick: startGuide
-				}, {
-					default: withCtx(() => [createVNode(C_Icon_default, {
-						name: "mdi:sign-routes",
-						size: 18
-					})]),
-					_: 1
-				})]),
-				default: withCtx(() => [_cache[0] || (_cache[0] = createElementVNode("span", null, "功能引导", -1))]),
-				_: 1,
-				__: [0]
-			});
-		};
-	}
-});
-
-//#endregion
-//#region src/components/C_Guide/index.vue
-var C_Guide_default = index_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-export { C_Guide_default as t };
+import{t as e}from"./C_Icon2.js";import{NButton as t,NTooltip as n}from"naive-ui";import{createBlock as r,createElementVNode as i,createVNode as a,defineComponent as o,openBlock as s,unref as c,withCtx as l}from"vue";import{driver as u}from"driver.js";import"driver.js/dist/driver.css";var d=o({name:`C_Guide`,__name:`index`,props:{steps:{default:()=>[]},doneBtnText:{default:`完成`},nextBtnText:{default:`下一步`},prevBtnText:{default:`上一步`}},setup(o,{expose:d}){let f=o,p=()=>{if(!f.steps.length){console.warn(`[C_Guide] 未提供引导步骤（steps），请通过 :steps prop 传入。`);return}u({popoverClass:`driverjs-theme`,animate:!0,showProgress:!0,doneBtnText:f.doneBtnText,nextBtnText:f.nextBtnText,prevBtnText:f.prevBtnText,steps:f.steps}).drive()};return d({startGuide:p}),(o,u)=>(s(),r(c(n),{placement:`bottom`,trigger:`hover`},{trigger:l(()=>[a(c(t),{text:``,onClick:p},{default:l(()=>[a(e,{name:`mdi:sign-routes`,size:18})]),_:1})]),default:l(()=>[u[0]||=i(`span`,null,`功能引导`,-1)]),_:1,__:[0]}))}});export{d as t};
 //# sourceMappingURL=C_Guide2.js.map

package/dist/C_Guide2.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Guide2.js","names":[],"sources":["../src/components/C_Guide/index.vue","../src/components/C_Guide/index.vue","../src/components/C_Guide/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-01\r\n * @Description: 用户引导组件（基于 driver.js）\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <NTooltip placement=\"bottom\" trigger=\"hover\">\r\n    <template #trigger>\r\n      <NButton text @click=\"startGuide\">\r\n        <C_Icon name=\"mdi:sign-routes\" :size=\"18\" />\r\n      </NButton>\r\n    </template>\r\n    <span>功能引导</span>\r\n  </NTooltip>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { NTooltip, NButton } from \"naive-ui\";\r\nimport C_Icon from \"../C_Icon/index.vue\";\r\nimport { driver } from \"driver.js\";\r\nimport \"driver.js/dist/driver.css\";\r\n\r\ndefineOptions({ name: \"C_Guide\" });\r\n\r\nexport interface GuideStep {\r\n  element: string;\r\n  popover: {\r\n    title: string;\r\n    description: string;\r\n    side?: \"top\" | \"right\" | \"bottom\" | \"left\";\r\n  };\r\n}\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    steps?: GuideStep[];\r\n    doneBtnText?: string;\r\n    nextBtnText?: string;\r\n    prevBtnText?: string;\r\n  }>(),\r\n  {\r\n    steps: () => [],\r\n    doneBtnText: \"完成\",\r\n    nextBtnText: \"下一步\",\r\n    prevBtnText: \"上一步\",\r\n  },\r\n);\r\n\r\nconst startGuide = () => {\r\n  const driverObj = driver({\r\n    popoverClass: \"driverjs-theme\",\r\n    animate: true,\r\n    showProgress: true,\r\n    doneBtnText: props.doneBtnText,\r\n    nextBtnText: props.nextBtnText,\r\n    prevBtnText: props.prevBtnText,\r\n  });\r\n\r\n  if (props.steps.length > 0) {\r\n    driverObj.setSteps(props.steps);\r\n  }\r\n  driverObj.drive();\r\n};\r\n\r\ndefineExpose({ startGuide });\r\n</script>\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-01\r\n * @Description: 用户引导组件（基于 driver.js）\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <NTooltip placement=\"bottom\" trigger=\"hover\">\r\n    <template #trigger>\r\n      <NButton text @click=\"startGuide\">\r\n        <C_Icon name=\"mdi:sign-routes\" :size=\"18\" />\r\n      </NButton>\r\n    </template>\r\n    <span>功能引导</span>\r\n  </NTooltip>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { NTooltip, NButton } from \"naive-ui\";\r\nimport C_Icon from \"../C_Icon/index.vue\";\r\nimport { driver } from \"driver.js\";\r\nimport \"driver.js/dist/driver.css\";\r\n\r\ndefineOptions({ name: \"C_Guide\" });\r\n\r\nexport interface GuideStep {\r\n  element: string;\r\n  popover: {\r\n    title: string;\r\n    description: string;\r\n    side?: \"top\" | \"right\" | \"bottom\" | \"left\";\r\n  };\r\n}\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    steps?: GuideStep[];\r\n    doneBtnText?: string;\r\n    nextBtnText?: string;\r\n    prevBtnText?: string;\r\n  }>(),\r\n  {\r\n    steps: () => [],\r\n    doneBtnText: \"完成\",\r\n    nextBtnText: \"下一步\",\r\n    prevBtnText: \"上一步\",\r\n  },\r\n);\r\n\r\nconst startGuide = () => {\r\n  const driverObj = driver({\r\n    popoverClass: \"driverjs-theme\",\r\n    animate: true,\r\n    showProgress: true,\r\n    doneBtnText: props.doneBtnText,\r\n    nextBtnText: props.nextBtnText,\r\n    prevBtnText: props.prevBtnText,\r\n  });\r\n\r\n  if (props.steps.length > 0) {\r\n    driverObj.setSteps(props.steps);\r\n  }\r\n  driverObj.drive();\r\n};\r\n\r\ndefineExpose({ startGuide });\r\n</script>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-01\r\n * @Description: 用户引导组件（基于 driver.js）\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <NTooltip placement=\"bottom\" trigger=\"hover\">\r\n    <template #trigger>\r\n      <NButton text @click=\"startGuide\">\r\n        <C_Icon name=\"mdi:sign-routes\" :size=\"18\" />\r\n      </NButton>\r\n    </template>\r\n    <span>功能引导</span>\r\n  </NTooltip>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { NTooltip, NButton } from \"naive-ui\";\r\nimport C_Icon from \"../C_Icon/index.vue\";\r\nimport { driver } from \"driver.js\";\r\nimport \"driver.js/dist/driver.css\";\r\n\r\ndefineOptions({ name: \"C_Guide\" });\r\n\r\nexport interface GuideStep {\r\n  element: string;\r\n  popover: {\r\n    title: string;\r\n    description: string;\r\n    side?: \"top\" | \"right\" | \"bottom\" | \"left\";\r\n  };\r\n}\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    steps?: GuideStep[];\r\n    doneBtnText?: string;\r\n    nextBtnText?: string;\r\n    prevBtnText?: string;\r\n  }>(),\r\n  {\r\n    steps: () => [],\r\n    doneBtnText: \"完成\",\r\n    nextBtnText: \"下一步\",\r\n    prevBtnText: \"上一步\",\r\n  },\r\n);\r\n\r\nconst startGuide = () => {\r\n  const driverObj = driver({\r\n    popoverClass: \"driverjs-theme\",\r\n    animate: true,\r\n    showProgress: true,\r\n    doneBtnText: props.doneBtnText,\r\n    nextBtnText: props.nextBtnText,\r\n    prevBtnText: props.prevBtnText,\r\n  });\r\n\r\n  if (props.steps.length > 0) {\r\n    driverObj.setSteps(props.steps);\r\n  }\r\n  driverObj.drive();\r\n};\r\n\r\ndefineExpose({ startGuide });\r\n</script>\r\n"],"mappings":";;;;;;;;;;;;;;;;;ECmCA,MAAM,QAAQ;EAed,MAAM,mBAAmB;GACvB,MAAM,YAAY,OAAO;IACvB,cAAc;IACd,SAAS;IACT,cAAc;IACd,aAAa,MAAM;IACnB,aAAa,MAAM;IACnB,aAAa,MAAM;IACpB,CAAC;AAEF,OAAI,MAAM,MAAM,SAAS,EACvB,WAAU,SAAS,MAAM,MAAM;AAEjC,aAAU,OAAO;;AAGnB,WAAa,EAAE,YAAY,CAAC;;uBA1D1B,YAOW,MAAA,SAAA,EAAA;IAPD,WAAU;IAAS,SAAQ;;IACxB,SAAO,cAGN,CAFV,YAEU,MAAA,QAAA,EAAA;KAFD,MAAA;KAAM,SAAO;;4BACwB,CAA5C,YAA4C,gBAAA;MAApC,MAAK;MAAmB,MAAM;;;;2BAGzB,2BAAjB,mBAAiB,QAAA,MAAX,QAAI,GAAA"}
+{"version":3,"file":"C_Guide2.js","names":[],"sources":["../src/components/C_Guide/index.vue","../src/components/C_Guide/index.vue","../src/components/C_Guide/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-06-01\n * @Description: 用户引导组件（基于 driver.js）\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <NTooltip placement=\"bottom\" trigger=\"hover\">\n    <template #trigger>\n      <NButton text @click=\"startGuide\">\n        <C_Icon name=\"mdi:sign-routes\" :size=\"18\" />\n      </NButton>\n    </template>\n    <span>功能引导</span>\n  </NTooltip>\n</template>\n\n<script setup lang=\"ts\">\nimport { NTooltip, NButton } from \"naive-ui\";\nimport C_Icon from \"../C_Icon/index.vue\";\nimport { driver } from \"driver.js\";\nimport \"driver.js/dist/driver.css\";\n\ndefineOptions({ name: \"C_Guide\" });\n\nexport interface GuideStep {\n  element: string;\n  popover: {\n    title: string;\n    description: string;\n    side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  };\n}\n\nconst props = withDefaults(\n  defineProps<{\n    steps?: GuideStep[];\n    doneBtnText?: string;\n    nextBtnText?: string;\n    prevBtnText?: string;\n  }>(),\n  {\n    steps: () => [],\n    doneBtnText: \"完成\",\n    nextBtnText: \"下一步\",\n    prevBtnText: \"上一步\",\n  },\n);\n\nconst startGuide = () => {\n  if (!props.steps.length) {\n    console.warn('[C_Guide] 未提供引导步骤（steps），请通过 :steps prop 传入。');\n    return;\n  }\n\n  const driverObj = driver({\n    popoverClass: \"driverjs-theme\",\n    animate: true,\n    showProgress: true,\n    doneBtnText: props.doneBtnText,\n    nextBtnText: props.nextBtnText,\n    prevBtnText: props.prevBtnText,\n    steps: props.steps,\n  });\n\n  driverObj.drive();\n};\n\ndefineExpose({ startGuide });\n</script>\n","/* unplugin-vue-components disabled */<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-06-01\n * @Description: 用户引导组件（基于 driver.js）\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <NTooltip placement=\"bottom\" trigger=\"hover\">\n    <template #trigger>\n      <NButton text @click=\"startGuide\">\n        <C_Icon name=\"mdi:sign-routes\" :size=\"18\" />\n      </NButton>\n    </template>\n    <span>功能引导</span>\n  </NTooltip>\n</template>\n\n<script setup lang=\"ts\">\nimport { NTooltip, NButton } from \"naive-ui\";\nimport C_Icon from \"../C_Icon/index.vue\";\nimport { driver } from \"driver.js\";\nimport \"driver.js/dist/driver.css\";\n\ndefineOptions({ name: \"C_Guide\" });\n\nexport interface GuideStep {\n  element: string;\n  popover: {\n    title: string;\n    description: string;\n    side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  };\n}\n\nconst props = withDefaults(\n  defineProps<{\n    steps?: GuideStep[];\n    doneBtnText?: string;\n    nextBtnText?: string;\n    prevBtnText?: string;\n  }>(),\n  {\n    steps: () => [],\n    doneBtnText: \"完成\",\n    nextBtnText: \"下一步\",\n    prevBtnText: \"上一步\",\n  },\n);\n\nconst startGuide = () => {\n  if (!props.steps.length) {\n    console.warn('[C_Guide] 未提供引导步骤（steps），请通过 :steps prop 传入。');\n    return;\n  }\n\n  const driverObj = driver({\n    popoverClass: \"driverjs-theme\",\n    animate: true,\n    showProgress: true,\n    doneBtnText: props.doneBtnText,\n    nextBtnText: props.nextBtnText,\n    prevBtnText: props.prevBtnText,\n    steps: props.steps,\n  });\n\n  driverObj.drive();\n};\n\ndefineExpose({ startGuide });\n</script>\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-06-01\n * @Description: 用户引导组件（基于 driver.js）\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <NTooltip placement=\"bottom\" trigger=\"hover\">\n    <template #trigger>\n      <NButton text @click=\"startGuide\">\n        <C_Icon name=\"mdi:sign-routes\" :size=\"18\" />\n      </NButton>\n    </template>\n    <span>功能引导</span>\n  </NTooltip>\n</template>\n\n<script setup lang=\"ts\">\nimport { NTooltip, NButton } from \"naive-ui\";\nimport C_Icon from \"../C_Icon/index.vue\";\nimport { driver } from \"driver.js\";\nimport \"driver.js/dist/driver.css\";\n\ndefineOptions({ name: \"C_Guide\" });\n\nexport interface GuideStep {\n  element: string;\n  popover: {\n    title: string;\n    description: string;\n    side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  };\n}\n\nconst props = withDefaults(\n  defineProps<{\n    steps?: GuideStep[];\n    doneBtnText?: string;\n    nextBtnText?: string;\n    prevBtnText?: string;\n  }>(),\n  {\n    steps: () => [],\n    doneBtnText: \"完成\",\n    nextBtnText: \"下一步\",\n    prevBtnText: \"上一步\",\n  },\n);\n\nconst startGuide = () => {\n  if (!props.steps.length) {\n    console.warn('[C_Guide] 未提供引导步骤（steps），请通过 :steps prop 传入。');\n    return;\n  }\n\n  const driverObj = driver({\n    popoverClass: \"driverjs-theme\",\n    animate: true,\n    showProgress: true,\n    doneBtnText: props.doneBtnText,\n    nextBtnText: props.nextBtnText,\n    prevBtnText: props.prevBtnText,\n    steps: props.steps,\n  });\n\n  driverObj.drive();\n};\n\ndefineExpose({ startGuide });\n</script>\n"],"mappings":"2cEmCA,IAAM,EAAQ,EAeR,MAAmB,CACvB,GAAI,CAAC,EAAM,MAAM,OAAQ,CACvB,QAAQ,KAAK,+CAA+C,CAC5D,OAGgB,EAAO,CACvB,aAAc,iBACd,QAAS,GACT,aAAc,GACd,YAAa,EAAM,YACnB,YAAa,EAAM,YACnB,YAAa,EAAM,YACnB,MAAO,EAAM,MACd,CAAC,CAEQ,OAAO,SAGnB,EAAa,CAAE,aAAY,CAAC,aA7D1B,EAOW,EAAA,EAAA,CAAA,CAPD,UAAU,SAAS,QAAQ,UACxB,QAAO,MAGN,CAFV,EAEU,EAAA,EAAA,CAAA,CAFD,KAAA,GAAM,QAAO,kBACwB,CAA5C,EAA4C,EAAA,CAApC,KAAK,kBAAmB,KAAM,6BAGzB,CAAA,AAAA,EAAA,KAAjB,EAAiB,OAAA,KAAX,OAAI,GAAA,CAAA,CAAA"}

package/dist/C_Icon.cjs

@@ -1,4 +1 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_C_Icon = require('./C_Icon.js');
-
-exports.C_Icon = require_C_Icon.C_Icon_default;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./C_Icon.js`);exports.C_Icon=e.t;

package/dist/C_Icon.js

@@ -1,3 +1 @@
-import { t as C_Icon_default } from "./C_Icon2.js";
-
-export { C_Icon_default as C_Icon };
+import{t as e}from"./C_Icon2.js";export{e as C_Icon};

package/dist/C_Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"C_Icon.js","names":["type","clickable","loading","title","ariaLabel","name","size","color","componentProps","svgPath","viewBox","alt","fallbackIcon"],"sources":["../src/hooks/useImage/index.ts","../src/components/C_Icon/index.vue","../src/components/C_Icon/index.vue","../src/components/C_Icon/index.vue"],"sourcesContent":["/**\r\n * @description: 图片路径解析函数（组件库版本）\r\n * 在组件库中，图片路径由宿主应用管理。\r\n * 如果传入的是完整 URL（http/https/data:）则直接返回；\r\n * 否则可通过 imageResolver 配置自定义解析逻辑。\r\n * @param {string} imagePath 图片路径或完整 URL\r\n * @param {Function} resolver 可选的自定义解析器\r\n * @return {Promise<string>} 处理后图片路径\r\n */\r\nexport const useImage = async (\r\n  imagePath: string,\r\n  resolver?: (path: string) => string | Promise<string>,\r\n): Promise<string> => {\r\n  if (!imagePath) return \"\";\r\n\r\n  // 完整 URL 直接返回\r\n  if (\r\n    imagePath.startsWith(\"http://\") ||\r\n    imagePath.startsWith(\"https://\") ||\r\n    imagePath.startsWith(\"data:\") ||\r\n    imagePath.startsWith(\"blob:\") ||\r\n    imagePath.startsWith(\"/\")\r\n  ) {\r\n    return imagePath;\r\n  }\r\n\r\n  // 如果提供了自定义解析器，使用自定义解析器\r\n  if (resolver) {\r\n    try {\r\n      return await resolver(imagePath);\r\n    } catch (e) {\r\n      console.error(`[useImage] 自定义解析器处理失败: ${imagePath}`, e);\r\n      return \"\";\r\n    }\r\n  }\r\n\r\n  // 默认：直接返回路径（宿主应用应保证路径可访问）\r\n  return imagePath;\r\n};\r\n\r\n/**\r\n * @description: 同步版本的图片路径处理函数\r\n * @param {string} imagePath 图片路径或完整 URL\r\n * @return {string} 图片URL\r\n */\r\nexport const useImageSync = (imagePath: string): string => {\r\n  if (!imagePath) return \"\";\r\n\r\n  // 完整 URL 直接返回\r\n  if (\r\n    imagePath.startsWith(\"http://\") ||\r\n    imagePath.startsWith(\"https://\") ||\r\n    imagePath.startsWith(\"data:\") ||\r\n    imagePath.startsWith(\"blob:\") ||\r\n    imagePath.startsWith(\"/\")\r\n  ) {\r\n    return imagePath;\r\n  }\r\n\r\n  return imagePath;\r\n};\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-05-14\r\n * @Description: 支持多种图标使用方式，默认使用Iconify图标，统一错误处理\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    ref=\"iconRef\"\r\n    class=\"c-icon\"\r\n    :class=\"[\r\n      `c-icon--${type}`,\r\n      {\r\n        'c-icon--clickable': clickable,\r\n        'c-icon--loading': loading,\r\n        'c-icon--error': hasError,\r\n      },\r\n    ]\"\r\n    :style=\"rootStyle\"\r\n    :title=\"title || iconDisplayName\"\r\n    :aria-label=\"ariaLabel || iconDisplayName\"\r\n    :role=\"clickable ? 'button' : 'img'\"\r\n    :tabindex=\"clickable ? 0 : -1\"\r\n    @click=\"handleClick\"\r\n    @keydown=\"handleKeydown\"\r\n  >\r\n    <!-- 方式1：Iconify图标（默认方式） -->\r\n    <Icon\r\n      v-if=\"\r\n        (type === 'iconify' || !type) && !hasError && typeof name === 'string'\r\n      \"\r\n      :icon=\"name\"\r\n      :width=\"size\"\r\n      :height=\"size\"\r\n      :color=\"color\"\r\n      :style=\"iconStyle\"\r\n      @error=\"() => handleError('iconify', 'Iconify图标加载失败')\"\r\n    />\r\n\r\n    <!-- 方式2：UnoCSS图标 -->\r\n    <div\r\n      v-else-if=\"type === 'unocss' && !hasError && typeof name === 'string'\"\r\n      :class=\"[name, iconClasses]\"\r\n      :style=\"iconStyle\"\r\n      @error=\"() => handleError('unocss', 'UnoCSS图标渲染失败')\"\r\n    />\r\n\r\n    <!-- 方式3：组件挂载方式 -->\r\n    <component\r\n      v-else-if=\"type === 'component' && resolvedComponent && !hasError\"\r\n      :is=\"resolvedComponent\"\r\n      :style=\"iconStyle\"\r\n      v-bind=\"componentProps\"\r\n      @error=\"() => handleError('component', '组件图标渲染失败')\"\r\n    />\r\n\r\n    <!-- 方式4：SVG路径方式 -->\r\n    <svg\r\n      v-else-if=\"type === 'svg' && svgPath && !hasError\"\r\n      :width=\"size\"\r\n      :height=\"size\"\r\n      :viewBox=\"viewBox\"\r\n      :style=\"iconStyle\"\r\n      :fill=\"color\"\r\n      @error=\"() => handleError('svg', 'SVG图标渲染失败')\"\r\n    >\r\n      <path :d=\"svgPath\" :fill=\"color\" />\r\n    </svg>\r\n\r\n    <!-- 方式5：图片方式 - 修复异步加载 -->\r\n    <img\r\n      v-else-if=\"type === 'image' && imageSrc && !hasError && !imageLoading\"\r\n      :src=\"imageSrc\"\r\n      :alt=\"alt || iconDisplayName\"\r\n      :width=\"size\"\r\n      :height=\"size\"\r\n      style=\"display: inline-block; vertical-align: middle\"\r\n      @error=\"() => handleError('image', '图片图标加载失败')\"\r\n      @load=\"handleImageLoad\"\r\n    />\r\n\r\n    <!-- 图片加载状态 -->\r\n    <div\r\n      v-if=\"(loading || imageLoading) && !hasError\"\r\n      class=\"c-icon__loading\"\r\n      :style=\"iconStyle\"\r\n    >\r\n      <div class=\"c-icon__spinner\" />\r\n    </div>\r\n\r\n    <!-- 统一错误状态显示 -->\r\n    <Icon\r\n      v-else-if=\"hasError && fallbackIcon\"\r\n      :icon=\"fallbackIcon\"\r\n      :width=\"size\"\r\n      :height=\"size\"\r\n      :color=\"color\"\r\n      :style=\"iconStyle\"\r\n    />\r\n    <div\r\n      v-else-if=\"hasError\"\r\n      class=\"c-icon__error\"\r\n      :style=\"iconStyle\"\r\n      :title=\"`图标解析失败: ${iconDisplayName} (${errorMessage})`\"\r\n    >\r\n      ⚠️\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { Icon } from \"@iconify/vue\";\r\nimport { useImage } from \"../../hooks/useImage\";\r\nimport { computed, nextTick, onMounted, readonly, ref, watch } from \"vue\";\r\n\r\nexport interface IconProps {\r\n  /** 图标名称/路径/组件实例 */\r\n  name: string | any;\r\n  /** 图标类型 */\r\n  type?: \"iconify\" | \"unocss\" | \"component\" | \"svg\" | \"image\";\r\n  /** 图标颜色 */\r\n  color?: string;\r\n  /** 图标大小(px) */\r\n  size?: number | string;\r\n  /** SVG路径数据(仅type=svg时使用) */\r\n  svgPath?: string;\r\n  /** SVG viewBox(仅type=svg时使用) */\r\n  viewBox?: string;\r\n  /** 图片alt属性(仅type=image时使用) */\r\n  alt?: string;\r\n  /** 是否可点击 */\r\n  clickable?: boolean;\r\n  /** 加载状态 */\r\n  loading?: boolean;\r\n  /** 错误时的回退图标 */\r\n  fallbackIcon?: string;\r\n  /** 工具提示 */\r\n  title?: string;\r\n  /** 无障碍标签 */\r\n  ariaLabel?: string;\r\n  /** 自定义样式类 */\r\n  customClass?: string;\r\n  /** 旋转角度 */\r\n  rotate?: number;\r\n  /** 是否翻转 */\r\n  flip?: \"horizontal\" | \"vertical\" | \"both\";\r\n  /** 传递给组件的额外属性(仅type=component时使用) */\r\n  componentProps?: Record<string, any>;\r\n}\r\n\r\nconst props = withDefaults(defineProps<IconProps>(), {\r\n  name: undefined,\r\n  type: \"iconify\",\r\n  color: \"currentColor\",\r\n  size: 18,\r\n  svgPath: \"\",\r\n  viewBox: \"0 0 24 24\",\r\n  alt: \"\",\r\n  clickable: false,\r\n  loading: false,\r\n  fallbackIcon: \"\",\r\n  title: \"\",\r\n  ariaLabel: \"\",\r\n  customClass: \"\",\r\n  rotate: 0,\r\n  flip: undefined,\r\n  componentProps: () => ({}),\r\n});\r\n\r\nconst emit = defineEmits<{\r\n  click: [event: MouseEvent];\r\n  error: [type: string, error?: any];\r\n  load: [];\r\n}>();\r\n\r\nconst iconRef = ref<HTMLElement>();\r\nconst hasError = ref(false);\r\nconst errorMessage = ref(\"\");\r\nconst imageSrc = ref<string>(\"\"); // 存储异步加载的图片URL\r\nconst imageLoading = ref(false); // 图片加载状态\r\n\r\n// 计算根元素样式\r\nconst rootStyle = computed(() => ({\r\n  fontSize: typeof props.size === \"number\" ? `${props.size}px` : props.size,\r\n  color: props.color,\r\n  cursor: props.clickable ? \"pointer\" : \"default\",\r\n}));\r\n\r\n// 计算图标样式\r\nconst iconStyle = computed(() => {\r\n  const style: Record<string, any> = {\r\n    display: \"inline-flex\",\r\n    justifyContent: \"center\",\r\n    alignItems: \"center\",\r\n    width: typeof props.size === \"number\" ? `${props.size}px` : props.size,\r\n    height: typeof props.size === \"number\" ? `${props.size}px` : props.size,\r\n  };\r\n\r\n  // 旋转\r\n  if (props.rotate) {\r\n    style.transform = `rotate(${props.rotate}deg)`;\r\n  }\r\n\r\n  // 翻转\r\n  if (props.flip) {\r\n    const scaleX =\r\n      props.flip === \"horizontal\" || props.flip === \"both\" ? -1 : 1;\r\n    const scaleY = props.flip === \"vertical\" || props.flip === \"both\" ? -1 : 1;\r\n    style.transform = `${\r\n      style.transform || \"\"\r\n    } scaleX(${scaleX}) scaleY(${scaleY})`.trim();\r\n  }\r\n\r\n  return style;\r\n});\r\n\r\n// 获取图标名称用于显示\r\nconst iconDisplayName = computed(() => {\r\n  if (typeof props.name === \"string\") {\r\n    return props.name;\r\n  }\r\n  if (props.name && props.name.__name) {\r\n    return props.name.__name;\r\n  }\r\n  if (props.name && props.name.name) {\r\n    return props.name.name;\r\n  }\r\n  return \"Component Icon\";\r\n});\r\n\r\n// 图标类名\r\nconst iconClasses = computed(() => [\r\n  props.customClass,\r\n  {\r\n    \"c-icon__rotatable\": props.rotate !== 0,\r\n    \"c-icon__flippable\": !!props.flip,\r\n  },\r\n]);\r\n\r\n// 解析组件名称（纯计算属性，无副作用）\r\nconst resolvedComponent = computed(() => {\r\n  if (props.type !== \"component\" || !props.name) return null;\r\n  return props.name;\r\n});\r\n\r\n// 统一错误处理函数\r\nconst handleError = (type: string, message: string, originalError?: any) => {\r\n  console.warn(`[C_Icon] ${message}:`, iconDisplayName.value, originalError);\r\n  errorMessage.value = message;\r\n  imageLoading.value = false; // 错误时停止加载状态\r\n  emit(\"error\", type, originalError);\r\n\r\n  // 如果有回退图标，尝试切换为 fallback Iconify 图标\r\n  if (props.fallbackIcon && !hasError.value) {\r\n    hasError.value = false;\r\n    // 将 name 重写为 fallbackIcon 并重置状态\r\n    // 因为 props 不可变，通过模板中的 fallback 分支渲染\r\n    return;\r\n  }\r\n\r\n  hasError.value = true;\r\n};\r\n\r\n// 处理点击事件\r\nconst handleClick = (event: MouseEvent) => {\r\n  if (!props.clickable || props.loading) return;\r\n  emit(\"click\", event);\r\n};\r\n\r\n// 处理键盘事件\r\nconst handleKeydown = (event: KeyboardEvent) => {\r\n  if (!props.clickable || props.loading) return;\r\n  if (event.key === \"Enter\" || event.key === \" \") {\r\n    event.preventDefault();\r\n    emit(\"click\", event as any);\r\n  }\r\n};\r\n\r\n// 处理图片加载成功\r\nconst handleImageLoad = () => {\r\n  imageLoading.value = false;\r\n  emit(\"load\");\r\n};\r\n\r\n// 异步加载图片 - 修复关键函数\r\nconst loadImageSrc = async () => {\r\n  if (props.type !== \"image\" || typeof props.name !== \"string\") {\r\n    imageSrc.value = \"\";\r\n    return;\r\n  }\r\n\r\n  // 如果是完整URL，直接设置\r\n  if (\r\n    props.name.startsWith(\"http://\") ||\r\n    props.name.startsWith(\"https://\") ||\r\n    props.name.startsWith(\"//\") ||\r\n    props.name.startsWith(\"/\")\r\n  ) {\r\n    imageSrc.value = props.name;\r\n    return;\r\n  }\r\n\r\n  // 其他情况都当作本地图片处理\r\n  try {\r\n    imageLoading.value = true;\r\n    const imageUrl = await useImage(props.name);\r\n    if (imageUrl) {\r\n      imageSrc.value = imageUrl;\r\n    } else {\r\n      handleError(\"image\", \"图片路径解析失败\");\r\n    }\r\n  } catch (error) {\r\n    handleError(\"image\", \"图片加载失败\", error);\r\n  } finally {\r\n    imageLoading.value = false;\r\n  }\r\n};\r\n\r\n// 验证规则映射\r\nconst validationRules = {\r\n  iconify: (): string | null => {\r\n    if (!props.name.includes(\":\")) {\r\n      console.warn(\r\n        '[C_Icon] Iconify图标名称格式应为 \"prefix:name\"，如 \"mdi:home\"',\r\n      );\r\n    }\r\n    return null;\r\n  },\r\n  unocss: (): string | null => {\r\n    if (typeof props.name !== \"string\" || !props.name.startsWith(\"i-\")) {\r\n      console.warn('[C_Icon] UnoCSS图标名称应以 \"i-\" 开头');\r\n    }\r\n    return null;\r\n  },\r\n  component: (): string | null =>\r\n    !resolvedComponent.value ? \"无法解析组件\" : null,\r\n  svg: (): string | null => (!props.svgPath ? \"SVG路径不能为空\" : null),\r\n  image: (): string | null => {\r\n    // 对于image类型，异步验证在loadImageSrc中处理\r\n    return null;\r\n  },\r\n};\r\n\r\n// 验证配置\r\nconst validateProps = () => {\r\n  hasError.value = false;\r\n  errorMessage.value = \"\";\r\n\r\n  // 基础验证\r\n  if (!props.name) {\r\n    return handleError(\"validation\", \"图标名称不能为空\");\r\n  }\r\n\r\n  // 类型验证\r\n  const validator = validationRules[props.type];\r\n  if (!validator) {\r\n    return handleError(\"type\", \"不支持的图标类型\");\r\n  }\r\n\r\n  const errorMsg = validator();\r\n  if (errorMsg) {\r\n    handleError(props.type, errorMsg);\r\n  }\r\n\r\n  // 如果是图片类型，异步加载图片\r\n  if (props.type === \"image\") {\r\n    loadImageSrc();\r\n  }\r\n};\r\n\r\n// 监听关键属性变化\r\nwatch(\r\n  () => [props.name, props.type, props.svgPath],\r\n  () => {\r\n    nextTick(validateProps);\r\n  },\r\n  { immediate: true },\r\n);\r\n\r\n// 组件挂载后：仅对非 image 类型触发 load 事件（watch immediate 已完成验证）\r\nonMounted(() => {\r\n  if (!hasError.value && props.type !== \"image\") {\r\n    emit(\"load\");\r\n  }\r\n});\r\n\r\n// 暴露方法给父组件\r\ndefineExpose({\r\n  /** 重新验证配置 */\r\n  validate: validateProps,\r\n  /** 是否有错误 */\r\n  hasError: readonly(hasError),\r\n  /** 错误信息 */\r\n  errorMessage: readonly(errorMessage),\r\n  /** DOM引用 */\r\n  el: iconRef,\r\n});\r\n</script>\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-05-14\r\n * @Description: 支持多种图标使用方式，默认使用Iconify图标，统一错误处理\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    ref=\"iconRef\"\r\n    class=\"c-icon\"\r\n    :class=\"[\r\n      `c-icon--${type}`,\r\n      {\r\n        'c-icon--clickable': clickable,\r\n        'c-icon--loading': loading,\r\n        'c-icon--error': hasError,\r\n      },\r\n    ]\"\r\n    :style=\"rootStyle\"\r\n    :title=\"title || iconDisplayName\"\r\n    :aria-label=\"ariaLabel || iconDisplayName\"\r\n    :role=\"clickable ? 'button' : 'img'\"\r\n    :tabindex=\"clickable ? 0 : -1\"\r\n    @click=\"handleClick\"\r\n    @keydown=\"handleKeydown\"\r\n  >\r\n    <!-- 方式1：Iconify图标（默认方式） -->\r\n    <Icon\r\n      v-if=\"\r\n        (type === 'iconify' || !type) && !hasError && typeof name === 'string'\r\n      \"\r\n      :icon=\"name\"\r\n      :width=\"size\"\r\n      :height=\"size\"\r\n      :color=\"color\"\r\n      :style=\"iconStyle\"\r\n      @error=\"() => handleError('iconify', 'Iconify图标加载失败')\"\r\n    />\r\n\r\n    <!-- 方式2：UnoCSS图标 -->\r\n    <div\r\n      v-else-if=\"type === 'unocss' && !hasError && typeof name === 'string'\"\r\n      :class=\"[name, iconClasses]\"\r\n      :style=\"iconStyle\"\r\n      @error=\"() => handleError('unocss', 'UnoCSS图标渲染失败')\"\r\n    />\r\n\r\n    <!-- 方式3：组件挂载方式 -->\r\n    <component\r\n      v-else-if=\"type === 'component' && resolvedComponent && !hasError\"\r\n      :is=\"resolvedComponent\"\r\n      :style=\"iconStyle\"\r\n      v-bind=\"componentProps\"\r\n      @error=\"() => handleError('component', '组件图标渲染失败')\"\r\n    />\r\n\r\n    <!-- 方式4：SVG路径方式 -->\r\n    <svg\r\n      v-else-if=\"type === 'svg' && svgPath && !hasError\"\r\n      :width=\"size\"\r\n      :height=\"size\"\r\n      :viewBox=\"viewBox\"\r\n      :style=\"iconStyle\"\r\n      :fill=\"color\"\r\n      @error=\"() => handleError('svg', 'SVG图标渲染失败')\"\r\n    >\r\n      <path :d=\"svgPath\" :fill=\"color\" />\r\n    </svg>\r\n\r\n    <!-- 方式5：图片方式 - 修复异步加载 -->\r\n    <img\r\n      v-else-if=\"type === 'image' && imageSrc && !hasError && !imageLoading\"\r\n      :src=\"imageSrc\"\r\n      :alt=\"alt || iconDisplayName\"\r\n      :width=\"size\"\r\n      :height=\"size\"\r\n      style=\"display: inline-block; vertical-align: middle\"\r\n      @error=\"() => handleError('image', '图片图标加载失败')\"\r\n      @load=\"handleImageLoad\"\r\n    />\r\n\r\n    <!-- 图片加载状态 -->\r\n    <div\r\n      v-if=\"(loading || imageLoading) && !hasError\"\r\n      class=\"c-icon__loading\"\r\n      :style=\"iconStyle\"\r\n    >\r\n      <div class=\"c-icon__spinner\" />\r\n    </div>\r\n\r\n    <!-- 统一错误状态显示 -->\r\n    <Icon\r\n      v-else-if=\"hasError && fallbackIcon\"\r\n      :icon=\"fallbackIcon\"\r\n      :width=\"size\"\r\n      :height=\"size\"\r\n      :color=\"color\"\r\n      :style=\"iconStyle\"\r\n    />\r\n    <div\r\n      v-else-if=\"hasError\"\r\n      class=\"c-icon__error\"\r\n      :style=\"iconStyle\"\r\n      :title=\"`图标解析失败: ${iconDisplayName} (${errorMessage})`\"\r\n    >\r\n      ⚠️\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { Icon } from \"@iconify/vue\";\r\nimport { useImage } from \"../../hooks/useImage\";\r\nimport { computed, nextTick, onMounted, readonly, ref, watch } from \"vue\";\r\n\r\nexport interface IconProps {\r\n  /** 图标名称/路径/组件实例 */\r\n  name: string | any;\r\n  /** 图标类型 */\r\n  type?: \"iconify\" | \"unocss\" | \"component\" | \"svg\" | \"image\";\r\n  /** 图标颜色 */\r\n  color?: string;\r\n  /** 图标大小(px) */\r\n  size?: number | string;\r\n  /** SVG路径数据(仅type=svg时使用) */\r\n  svgPath?: string;\r\n  /** SVG viewBox(仅type=svg时使用) */\r\n  viewBox?: string;\r\n  /** 图片alt属性(仅type=image时使用) */\r\n  alt?: string;\r\n  /** 是否可点击 */\r\n  clickable?: boolean;\r\n  /** 加载状态 */\r\n  loading?: boolean;\r\n  /** 错误时的回退图标 */\r\n  fallbackIcon?: string;\r\n  /** 工具提示 */\r\n  title?: string;\r\n  /** 无障碍标签 */\r\n  ariaLabel?: string;\r\n  /** 自定义样式类 */\r\n  customClass?: string;\r\n  /** 旋转角度 */\r\n  rotate?: number;\r\n  /** 是否翻转 */\r\n  flip?: \"horizontal\" | \"vertical\" | \"both\";\r\n  /** 传递给组件的额外属性(仅type=component时使用) */\r\n  componentProps?: Record<string, any>;\r\n}\r\n\r\nconst props = withDefaults(defineProps<IconProps>(), {\r\n  name: undefined,\r\n  type: \"iconify\",\r\n  color: \"currentColor\",\r\n  size: 18,\r\n  svgPath: \"\",\r\n  viewBox: \"0 0 24 24\",\r\n  alt: \"\",\r\n  clickable: false,\r\n  loading: false,\r\n  fallbackIcon: \"\",\r\n  title: \"\",\r\n  ariaLabel: \"\",\r\n  customClass: \"\",\r\n  rotate: 0,\r\n  flip: undefined,\r\n  componentProps: () => ({}),\r\n});\r\n\r\nconst emit = defineEmits<{\r\n  click: [event: MouseEvent];\r\n  error: [type: string, error?: any];\r\n  load: [];\r\n}>();\r\n\r\nconst iconRef = ref<HTMLElement>();\r\nconst hasError = ref(false);\r\nconst errorMessage = ref(\"\");\r\nconst imageSrc = ref<string>(\"\"); // 存储异步加载的图片URL\r\nconst imageLoading = ref(false); // 图片加载状态\r\n\r\n// 计算根元素样式\r\nconst rootStyle = computed(() => ({\r\n  fontSize: typeof props.size === \"number\" ? `${props.size}px` : props.size,\r\n  color: props.color,\r\n  cursor: props.clickable ? \"pointer\" : \"default\",\r\n}));\r\n\r\n// 计算图标样式\r\nconst iconStyle = computed(() => {\r\n  const style: Record<string, any> = {\r\n    display: \"inline-flex\",\r\n    justifyContent: \"center\",\r\n    alignItems: \"center\",\r\n    width: typeof props.size === \"number\" ? `${props.size}px` : props.size,\r\n    height: typeof props.size === \"number\" ? `${props.size}px` : props.size,\r\n  };\r\n\r\n  // 旋转\r\n  if (props.rotate) {\r\n    style.transform = `rotate(${props.rotate}deg)`;\r\n  }\r\n\r\n  // 翻转\r\n  if (props.flip) {\r\n    const scaleX =\r\n      props.flip === \"horizontal\" || props.flip === \"both\" ? -1 : 1;\r\n    const scaleY = props.flip === \"vertical\" || props.flip === \"both\" ? -1 : 1;\r\n    style.transform = `${\r\n      style.transform || \"\"\r\n    } scaleX(${scaleX}) scaleY(${scaleY})`.trim();\r\n  }\r\n\r\n  return style;\r\n});\r\n\r\n// 获取图标名称用于显示\r\nconst iconDisplayName = computed(() => {\r\n  if (typeof props.name === \"string\") {\r\n    return props.name;\r\n  }\r\n  if (props.name && props.name.__name) {\r\n    return props.name.__name;\r\n  }\r\n  if (props.name && props.name.name) {\r\n    return props.name.name;\r\n  }\r\n  return \"Component Icon\";\r\n});\r\n\r\n// 图标类名\r\nconst iconClasses = computed(() => [\r\n  props.customClass,\r\n  {\r\n    \"c-icon__rotatable\": props.rotate !== 0,\r\n    \"c-icon__flippable\": !!props.flip,\r\n  },\r\n]);\r\n\r\n// 解析组件名称（纯计算属性，无副作用）\r\nconst resolvedComponent = computed(() => {\r\n  if (props.type !== \"component\" || !props.name) return null;\r\n  return props.name;\r\n});\r\n\r\n// 统一错误处理函数\r\nconst handleError = (type: string, message: string, originalError?: any) => {\r\n  console.warn(`[C_Icon] ${message}:`, iconDisplayName.value, originalError);\r\n  errorMessage.value = message;\r\n  imageLoading.value = false; // 错误时停止加载状态\r\n  emit(\"error\", type, originalError);\r\n\r\n  // 如果有回退图标，尝试切换为 fallback Iconify 图标\r\n  if (props.fallbackIcon && !hasError.value) {\r\n    hasError.value = false;\r\n    // 将 name 重写为 fallbackIcon 并重置状态\r\n    // 因为 props 不可变，通过模板中的 fallback 分支渲染\r\n    return;\r\n  }\r\n\r\n  hasError.value = true;\r\n};\r\n\r\n// 处理点击事件\r\nconst handleClick = (event: MouseEvent) => {\r\n  if (!props.clickable || props.loading) return;\r\n  emit(\"click\", event);\r\n};\r\n\r\n// 处理键盘事件\r\nconst handleKeydown = (event: KeyboardEvent) => {\r\n  if (!props.clickable || props.loading) return;\r\n  if (event.key === \"Enter\" || event.key === \" \") {\r\n    event.preventDefault();\r\n    emit(\"click\", event as any);\r\n  }\r\n};\r\n\r\n// 处理图片加载成功\r\nconst handleImageLoad = () => {\r\n  imageLoading.value = false;\r\n  emit(\"load\");\r\n};\r\n\r\n// 异步加载图片 - 修复关键函数\r\nconst loadImageSrc = async () => {\r\n  if (props.type !== \"image\" || typeof props.name !== \"string\") {\r\n    imageSrc.value = \"\";\r\n    return;\r\n  }\r\n\r\n  // 如果是完整URL，直接设置\r\n  if (\r\n    props.name.startsWith(\"http://\") ||\r\n    props.name.startsWith(\"https://\") ||\r\n    props.name.startsWith(\"//\") ||\r\n    props.name.startsWith(\"/\")\r\n  ) {\r\n    imageSrc.value = props.name;\r\n    return;\r\n  }\r\n\r\n  // 其他情况都当作本地图片处理\r\n  try {\r\n    imageLoading.value = true;\r\n    const imageUrl = await useImage(props.name);\r\n    if (imageUrl) {\r\n      imageSrc.value = imageUrl;\r\n    } else {\r\n      handleError(\"image\", \"图片路径解析失败\");\r\n    }\r\n  } catch (error) {\r\n    handleError(\"image\", \"图片加载失败\", error);\r\n  } finally {\r\n    imageLoading.value = false;\r\n  }\r\n};\r\n\r\n// 验证规则映射\r\nconst validationRules = {\r\n  iconify: (): string | null => {\r\n    if (!props.name.includes(\":\")) {\r\n      console.warn(\r\n        '[C_Icon] Iconify图标名称格式应为 \"prefix:name\"，如 \"mdi:home\"',\r\n      );\r\n    }\r\n    return null;\r\n  },\r\n  unocss: (): string | null => {\r\n    if (typeof props.name !== \"string\" || !props.name.startsWith(\"i-\")) {\r\n      console.warn('[C_Icon] UnoCSS图标名称应以 \"i-\" 开头');\r\n    }\r\n    return null;\r\n  },\r\n  component: (): string | null =>\r\n    !resolvedComponent.value ? \"无法解析组件\" : null,\r\n  svg: (): string | null => (!props.svgPath ? \"SVG路径不能为空\" : null),\r\n  image: (): string | null => {\r\n    // 对于image类型，异步验证在loadImageSrc中处理\r\n    return null;\r\n  },\r\n};\r\n\r\n// 验证配置\r\nconst validateProps = () => {\r\n  hasError.value = false;\r\n  errorMessage.value = \"\";\r\n\r\n  // 基础验证\r\n  if (!props.name) {\r\n    return handleError(\"validation\", \"图标名称不能为空\");\r\n  }\r\n\r\n  // 类型验证\r\n  const validator = validationRules[props.type];\r\n  if (!validator) {\r\n    return handleError(\"type\", \"不支持的图标类型\");\r\n  }\r\n\r\n  const errorMsg = validator();\r\n  if (errorMsg) {\r\n    handleError(props.type, errorMsg);\r\n  }\r\n\r\n  // 如果是图片类型，异步加载图片\r\n  if (props.type === \"image\") {\r\n    loadImageSrc();\r\n  }\r\n};\r\n\r\n// 监听关键属性变化\r\nwatch(\r\n  () => [props.name, props.type, props.svgPath],\r\n  () => {\r\n    nextTick(validateProps);\r\n  },\r\n  { immediate: true },\r\n);\r\n\r\n// 组件挂载后：仅对非 image 类型触发 load 事件（watch immediate 已完成验证）\r\nonMounted(() => {\r\n  if (!hasError.value && props.type !== \"image\") {\r\n    emit(\"load\");\r\n  }\r\n});\r\n\r\n// 暴露方法给父组件\r\ndefineExpose({\r\n  /** 重新验证配置 */\r\n  validate: validateProps,\r\n  /** 是否有错误 */\r\n  hasError: readonly(hasError),\r\n  /** 错误信息 */\r\n  errorMessage: readonly(errorMessage),\r\n  /** DOM引用 */\r\n  el: iconRef,\r\n});\r\n</script>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-05-14\r\n * @Description: 支持多种图标使用方式，默认使用Iconify图标，统一错误处理\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    ref=\"iconRef\"\r\n    class=\"c-icon\"\r\n    :class=\"[\r\n      `c-icon--${type}`,\r\n      {\r\n        'c-icon--clickable': clickable,\r\n        'c-icon--loading': loading,\r\n        'c-icon--error': hasError,\r\n      },\r\n    ]\"\r\n    :style=\"rootStyle\"\r\n    :title=\"title || iconDisplayName\"\r\n    :aria-label=\"ariaLabel || iconDisplayName\"\r\n    :role=\"clickable ? 'button' : 'img'\"\r\n    :tabindex=\"clickable ? 0 : -1\"\r\n    @click=\"handleClick\"\r\n    @keydown=\"handleKeydown\"\r\n  >\r\n    <!-- 方式1：Iconify图标（默认方式） -->\r\n    <Icon\r\n      v-if=\"\r\n        (type === 'iconify' || !type) && !hasError && typeof name === 'string'\r\n      \"\r\n      :icon=\"name\"\r\n      :width=\"size\"\r\n      :height=\"size\"\r\n      :color=\"color\"\r\n      :style=\"iconStyle\"\r\n      @error=\"() => handleError('iconify', 'Iconify图标加载失败')\"\r\n    />\r\n\r\n    <!-- 方式2：UnoCSS图标 -->\r\n    <div\r\n      v-else-if=\"type === 'unocss' && !hasError && typeof name === 'string'\"\r\n      :class=\"[name, iconClasses]\"\r\n      :style=\"iconStyle\"\r\n      @error=\"() => handleError('unocss', 'UnoCSS图标渲染失败')\"\r\n    />\r\n\r\n    <!-- 方式3：组件挂载方式 -->\r\n    <component\r\n      v-else-if=\"type === 'component' && resolvedComponent && !hasError\"\r\n      :is=\"resolvedComponent\"\r\n      :style=\"iconStyle\"\r\n      v-bind=\"componentProps\"\r\n      @error=\"() => handleError('component', '组件图标渲染失败')\"\r\n    />\r\n\r\n    <!-- 方式4：SVG路径方式 -->\r\n    <svg\r\n      v-else-if=\"type === 'svg' && svgPath && !hasError\"\r\n      :width=\"size\"\r\n      :height=\"size\"\r\n      :viewBox=\"viewBox\"\r\n      :style=\"iconStyle\"\r\n      :fill=\"color\"\r\n      @error=\"() => handleError('svg', 'SVG图标渲染失败')\"\r\n    >\r\n      <path :d=\"svgPath\" :fill=\"color\" />\r\n    </svg>\r\n\r\n    <!-- 方式5：图片方式 - 修复异步加载 -->\r\n    <img\r\n      v-else-if=\"type === 'image' && imageSrc && !hasError && !imageLoading\"\r\n      :src=\"imageSrc\"\r\n      :alt=\"alt || iconDisplayName\"\r\n      :width=\"size\"\r\n      :height=\"size\"\r\n      style=\"display: inline-block; vertical-align: middle\"\r\n      @error=\"() => handleError('image', '图片图标加载失败')\"\r\n      @load=\"handleImageLoad\"\r\n    />\r\n\r\n    <!-- 图片加载状态 -->\r\n    <div\r\n      v-if=\"(loading || imageLoading) && !hasError\"\r\n      class=\"c-icon__loading\"\r\n      :style=\"iconStyle\"\r\n    >\r\n      <div class=\"c-icon__spinner\" />\r\n    </div>\r\n\r\n    <!-- 统一错误状态显示 -->\r\n    <Icon\r\n      v-else-if=\"hasError && fallbackIcon\"\r\n      :icon=\"fallbackIcon\"\r\n      :width=\"size\"\r\n      :height=\"size\"\r\n      :color=\"color\"\r\n      :style=\"iconStyle\"\r\n    />\r\n    <div\r\n      v-else-if=\"hasError\"\r\n      class=\"c-icon__error\"\r\n      :style=\"iconStyle\"\r\n      :title=\"`图标解析失败: ${iconDisplayName} (${errorMessage})`\"\r\n    >\r\n      ⚠️\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { Icon } from \"@iconify/vue\";\r\nimport { useImage } from \"../../hooks/useImage\";\r\nimport { computed, nextTick, onMounted, readonly, ref, watch } from \"vue\";\r\n\r\nexport interface IconProps {\r\n  /** 图标名称/路径/组件实例 */\r\n  name: string | any;\r\n  /** 图标类型 */\r\n  type?: \"iconify\" | \"unocss\" | \"component\" | \"svg\" | \"image\";\r\n  /** 图标颜色 */\r\n  color?: string;\r\n  /** 图标大小(px) */\r\n  size?: number | string;\r\n  /** SVG路径数据(仅type=svg时使用) */\r\n  svgPath?: string;\r\n  /** SVG viewBox(仅type=svg时使用) */\r\n  viewBox?: string;\r\n  /** 图片alt属性(仅type=image时使用) */\r\n  alt?: string;\r\n  /** 是否可点击 */\r\n  clickable?: boolean;\r\n  /** 加载状态 */\r\n  loading?: boolean;\r\n  /** 错误时的回退图标 */\r\n  fallbackIcon?: string;\r\n  /** 工具提示 */\r\n  title?: string;\r\n  /** 无障碍标签 */\r\n  ariaLabel?: string;\r\n  /** 自定义样式类 */\r\n  customClass?: string;\r\n  /** 旋转角度 */\r\n  rotate?: number;\r\n  /** 是否翻转 */\r\n  flip?: \"horizontal\" | \"vertical\" | \"both\";\r\n  /** 传递给组件的额外属性(仅type=component时使用) */\r\n  componentProps?: Record<string, any>;\r\n}\r\n\r\nconst props = withDefaults(defineProps<IconProps>(), {\r\n  name: undefined,\r\n  type: \"iconify\",\r\n  color: \"currentColor\",\r\n  size: 18,\r\n  svgPath: \"\",\r\n  viewBox: \"0 0 24 24\",\r\n  alt: \"\",\r\n  clickable: false,\r\n  loading: false,\r\n  fallbackIcon: \"\",\r\n  title: \"\",\r\n  ariaLabel: \"\",\r\n  customClass: \"\",\r\n  rotate: 0,\r\n  flip: undefined,\r\n  componentProps: () => ({}),\r\n});\r\n\r\nconst emit = defineEmits<{\r\n  click: [event: MouseEvent];\r\n  error: [type: string, error?: any];\r\n  load: [];\r\n}>();\r\n\r\nconst iconRef = ref<HTMLElement>();\r\nconst hasError = ref(false);\r\nconst errorMessage = ref(\"\");\r\nconst imageSrc = ref<string>(\"\"); // 存储异步加载的图片URL\r\nconst imageLoading = ref(false); // 图片加载状态\r\n\r\n// 计算根元素样式\r\nconst rootStyle = computed(() => ({\r\n  fontSize: typeof props.size === \"number\" ? `${props.size}px` : props.size,\r\n  color: props.color,\r\n  cursor: props.clickable ? \"pointer\" : \"default\",\r\n}));\r\n\r\n// 计算图标样式\r\nconst iconStyle = computed(() => {\r\n  const style: Record<string, any> = {\r\n    display: \"inline-flex\",\r\n    justifyContent: \"center\",\r\n    alignItems: \"center\",\r\n    width: typeof props.size === \"number\" ? `${props.size}px` : props.size,\r\n    height: typeof props.size === \"number\" ? `${props.size}px` : props.size,\r\n  };\r\n\r\n  // 旋转\r\n  if (props.rotate) {\r\n    style.transform = `rotate(${props.rotate}deg)`;\r\n  }\r\n\r\n  // 翻转\r\n  if (props.flip) {\r\n    const scaleX =\r\n      props.flip === \"horizontal\" || props.flip === \"both\" ? -1 : 1;\r\n    const scaleY = props.flip === \"vertical\" || props.flip === \"both\" ? -1 : 1;\r\n    style.transform = `${\r\n      style.transform || \"\"\r\n    } scaleX(${scaleX}) scaleY(${scaleY})`.trim();\r\n  }\r\n\r\n  return style;\r\n});\r\n\r\n// 获取图标名称用于显示\r\nconst iconDisplayName = computed(() => {\r\n  if (typeof props.name === \"string\") {\r\n    return props.name;\r\n  }\r\n  if (props.name && props.name.__name) {\r\n    return props.name.__name;\r\n  }\r\n  if (props.name && props.name.name) {\r\n    return props.name.name;\r\n  }\r\n  return \"Component Icon\";\r\n});\r\n\r\n// 图标类名\r\nconst iconClasses = computed(() => [\r\n  props.customClass,\r\n  {\r\n    \"c-icon__rotatable\": props.rotate !== 0,\r\n    \"c-icon__flippable\": !!props.flip,\r\n  },\r\n]);\r\n\r\n// 解析组件名称（纯计算属性，无副作用）\r\nconst resolvedComponent = computed(() => {\r\n  if (props.type !== \"component\" || !props.name) return null;\r\n  return props.name;\r\n});\r\n\r\n// 统一错误处理函数\r\nconst handleError = (type: string, message: string, originalError?: any) => {\r\n  console.warn(`[C_Icon] ${message}:`, iconDisplayName.value, originalError);\r\n  errorMessage.value = message;\r\n  imageLoading.value = false; // 错误时停止加载状态\r\n  emit(\"error\", type, originalError);\r\n\r\n  // 如果有回退图标，尝试切换为 fallback Iconify 图标\r\n  if (props.fallbackIcon && !hasError.value) {\r\n    hasError.value = false;\r\n    // 将 name 重写为 fallbackIcon 并重置状态\r\n    // 因为 props 不可变，通过模板中的 fallback 分支渲染\r\n    return;\r\n  }\r\n\r\n  hasError.value = true;\r\n};\r\n\r\n// 处理点击事件\r\nconst handleClick = (event: MouseEvent) => {\r\n  if (!props.clickable || props.loading) return;\r\n  emit(\"click\", event);\r\n};\r\n\r\n// 处理键盘事件\r\nconst handleKeydown = (event: KeyboardEvent) => {\r\n  if (!props.clickable || props.loading) return;\r\n  if (event.key === \"Enter\" || event.key === \" \") {\r\n    event.preventDefault();\r\n    emit(\"click\", event as any);\r\n  }\r\n};\r\n\r\n// 处理图片加载成功\r\nconst handleImageLoad = () => {\r\n  imageLoading.value = false;\r\n  emit(\"load\");\r\n};\r\n\r\n// 异步加载图片 - 修复关键函数\r\nconst loadImageSrc = async () => {\r\n  if (props.type !== \"image\" || typeof props.name !== \"string\") {\r\n    imageSrc.value = \"\";\r\n    return;\r\n  }\r\n\r\n  // 如果是完整URL，直接设置\r\n  if (\r\n    props.name.startsWith(\"http://\") ||\r\n    props.name.startsWith(\"https://\") ||\r\n    props.name.startsWith(\"//\") ||\r\n    props.name.startsWith(\"/\")\r\n  ) {\r\n    imageSrc.value = props.name;\r\n    return;\r\n  }\r\n\r\n  // 其他情况都当作本地图片处理\r\n  try {\r\n    imageLoading.value = true;\r\n    const imageUrl = await useImage(props.name);\r\n    if (imageUrl) {\r\n      imageSrc.value = imageUrl;\r\n    } else {\r\n      handleError(\"image\", \"图片路径解析失败\");\r\n    }\r\n  } catch (error) {\r\n    handleError(\"image\", \"图片加载失败\", error);\r\n  } finally {\r\n    imageLoading.value = false;\r\n  }\r\n};\r\n\r\n// 验证规则映射\r\nconst validationRules = {\r\n  iconify: (): string | null => {\r\n    if (!props.name.includes(\":\")) {\r\n      console.warn(\r\n        '[C_Icon] Iconify图标名称格式应为 \"prefix:name\"，如 \"mdi:home\"',\r\n      );\r\n    }\r\n    return null;\r\n  },\r\n  unocss: (): string | null => {\r\n    if (typeof props.name !== \"string\" || !props.name.startsWith(\"i-\")) {\r\n      console.warn('[C_Icon] UnoCSS图标名称应以 \"i-\" 开头');\r\n    }\r\n    return null;\r\n  },\r\n  component: (): string | null =>\r\n    !resolvedComponent.value ? \"无法解析组件\" : null,\r\n  svg: (): string | null => (!props.svgPath ? \"SVG路径不能为空\" : null),\r\n  image: (): string | null => {\r\n    // 对于image类型，异步验证在loadImageSrc中处理\r\n    return null;\r\n  },\r\n};\r\n\r\n// 验证配置\r\nconst validateProps = () => {\r\n  hasError.value = false;\r\n  errorMessage.value = \"\";\r\n\r\n  // 基础验证\r\n  if (!props.name) {\r\n    return handleError(\"validation\", \"图标名称不能为空\");\r\n  }\r\n\r\n  // 类型验证\r\n  const validator = validationRules[props.type];\r\n  if (!validator) {\r\n    return handleError(\"type\", \"不支持的图标类型\");\r\n  }\r\n\r\n  const errorMsg = validator();\r\n  if (errorMsg) {\r\n    handleError(props.type, errorMsg);\r\n  }\r\n\r\n  // 如果是图片类型，异步加载图片\r\n  if (props.type === \"image\") {\r\n    loadImageSrc();\r\n  }\r\n};\r\n\r\n// 监听关键属性变化\r\nwatch(\r\n  () => [props.name, props.type, props.svgPath],\r\n  () => {\r\n    nextTick(validateProps);\r\n  },\r\n  { immediate: true },\r\n);\r\n\r\n// 组件挂载后：仅对非 image 类型触发 load 事件（watch immediate 已完成验证）\r\nonMounted(() => {\r\n  if (!hasError.value && props.type !== \"image\") {\r\n    emit(\"load\");\r\n  }\r\n});\r\n\r\n// 暴露方法给父组件\r\ndefineExpose({\r\n  /** 重新验证配置 */\r\n  validate: validateProps,\r\n  /** 是否有错误 */\r\n  hasError: readonly(hasError),\r\n  /** 错误信息 */\r\n  errorMessage: readonly(errorMessage),\r\n  /** DOM引用 */\r\n  el: iconRef,\r\n});\r\n</script>\r\n"],"mappings":"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"}