@robot-admin/naive-ui-components 0.4.3 → 0.4.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/C_ActionBar.cjs +1 -5
- package/dist/C_ActionBar.js +1 -4
- package/dist/C_ActionBar.js.map +1 -0
- package/dist/C_ActionBar2.js +1 -195
- package/dist/C_ActionBar2.js.map +1 -1
- package/dist/C_AntV.cjs +1 -8
- package/dist/C_AntV.js +1 -4
- package/dist/C_AntV.js.map +1 -0
- package/dist/C_AntV2.js +4 -3149
- package/dist/C_AntV2.js.map +1 -1
- package/dist/C_Barcode.cjs +1 -4
- package/dist/C_Barcode.js +1 -3
- package/dist/C_Barcode.js.map +1 -0
- package/dist/C_Barcode2.js +1 -67
- package/dist/C_Barcode2.js.map +1 -1
- package/dist/C_Captcha.cjs +1 -4
- package/dist/C_Captcha.js +1 -3
- package/dist/C_Captcha.js.map +1 -0
- package/dist/C_Captcha2.js +1 -154
- package/dist/C_Captcha2.js.map +1 -1
- package/dist/C_Cascade.cjs +1 -4
- package/dist/C_Cascade.js +1 -3
- package/dist/C_Cascade.js.map +1 -0
- package/dist/C_Cascade2.js +1 -102
- package/dist/C_Cascade2.js.map +1 -1
- package/dist/C_City.cjs +1 -4
- package/dist/C_City.js +1 -3
- package/dist/C_City.js.map +1 -0
- package/dist/C_City2.js +1 -840
- package/dist/C_City2.js.map +1 -1
- package/dist/C_Code.cjs +1 -5
- package/dist/C_Code.js +1 -4
- package/dist/C_Code.js.map +1 -0
- package/dist/C_Code2.js +1 -346
- package/dist/C_Code2.js.map +1 -1
- package/dist/C_CollapsePanel.cjs +1 -6
- package/dist/C_CollapsePanel.js +1 -4
- package/dist/C_CollapsePanel.js.map +1 -0
- package/dist/C_CollapsePanel2.js +1 -318
- package/dist/C_CollapsePanel2.js.map +1 -1
- package/dist/C_Cron.cjs +1 -15
- package/dist/C_Cron.js +1 -4
- package/dist/C_Cron.js.map +1 -0
- package/dist/C_Cron2.js +1 -1209
- package/dist/C_Cron2.js.map +1 -1
- package/dist/C_Date.cjs +1 -4
- package/dist/C_Date.js +1 -3
- package/dist/C_Date.js.map +1 -0
- package/dist/C_Date2.js +1 -218
- package/dist/C_Date2.js.map +1 -1
- package/dist/C_Draggable.cjs +1 -5
- package/dist/C_Draggable.js +1 -3
- package/dist/C_Draggable.js.map +1 -0
- package/dist/C_Draggable2.js +1 -294
- package/dist/C_Draggable2.js.map +1 -1
- package/dist/C_Editor.cjs +1 -4
- package/dist/C_Editor.js +1 -3
- package/dist/C_Editor.js.map +1 -0
- package/dist/C_Editor2.js +1 -159
- package/dist/C_Editor2.js.map +1 -1
- package/dist/C_FilePreview.cjs +1 -7
- package/dist/C_FilePreview.js +1 -4
- package/dist/C_FilePreview.js.map +1 -0
- package/dist/C_FilePreview2.js +1 -1031
- package/dist/C_FilePreview2.js.map +1 -1
- package/dist/C_Form.cjs +1 -16
- package/dist/C_Form.js +1 -5
- package/dist/C_Form.js.map +1 -0
- package/dist/C_Form2.js +1 -2569
- package/dist/C_Form2.js.map +1 -1
- package/dist/C_FormSearch.cjs +1 -6
- package/dist/C_FormSearch.js +1 -3
- package/dist/C_FormSearch.js.map +1 -0
- package/dist/C_FormSearch2.js +1 -355
- package/dist/C_FormSearch2.js.map +1 -1
- package/dist/C_FormulaEditor.cjs +1 -13
- package/dist/C_FormulaEditor.js +1 -4
- package/dist/C_FormulaEditor.js.map +1 -0
- package/dist/C_FormulaEditor2.js +1 -1432
- package/dist/C_FormulaEditor2.js.map +1 -1
- package/dist/C_FullCalendar.cjs +1 -9
- package/dist/C_FullCalendar.js +1 -3
- package/dist/C_FullCalendar.js.map +1 -0
- package/dist/C_FullCalendar2.js +1 -376
- package/dist/C_FullCalendar2.js.map +1 -1
- package/dist/C_GlobalSearch.cjs +1 -5
- package/dist/C_GlobalSearch.js +1 -3
- package/dist/C_GlobalSearch.js.map +1 -0
- package/dist/C_GlobalSearch2.js +1 -335
- package/dist/C_GlobalSearch2.js.map +1 -1
- package/dist/C_Guide.cjs +1 -5
- package/dist/C_Guide.js +1 -4
- package/dist/C_Guide.js.map +1 -0
- package/dist/C_Guide2.js +1 -60
- package/dist/C_Guide2.js.map +1 -1
- package/dist/C_Icon.cjs +1 -4
- package/dist/C_Icon.js +1 -3
- package/dist/C_Icon.js.map +1 -0
- package/dist/C_Icon2.js +1 -285
- package/dist/C_Icon2.js.map +1 -1
- package/dist/C_ImageCropper.cjs +1 -6
- package/dist/C_ImageCropper.js +1 -4
- package/dist/C_ImageCropper.js.map +1 -0
- package/dist/C_ImageCropper2.js +1 -722
- package/dist/C_ImageCropper2.js.map +1 -1
- package/dist/C_Language.cjs +1 -5
- package/dist/C_Language.js +1 -4
- package/dist/C_Language.js.map +1 -0
- package/dist/C_Language2.js +1 -78
- package/dist/C_Language2.js.map +1 -1
- package/dist/C_Map.cjs +1 -7
- package/dist/C_Map.js +1 -3
- package/dist/C_Map.js.map +1 -0
- package/dist/C_Map2.js +1 -198
- package/dist/C_Map2.js.map +1 -1
- package/dist/C_Markdown.cjs +1 -4
- package/dist/C_Markdown.js +1 -3
- package/dist/C_Markdown.js.map +1 -0
- package/dist/C_Markdown2.js +1 -185
- package/dist/C_Markdown2.js.map +1 -1
- package/dist/C_NotificationCenter.cjs +1 -20
- package/dist/C_NotificationCenter.js +1 -4
- package/dist/C_NotificationCenter.js.map +1 -0
- package/dist/C_NotificationCenter2.js +1 -1383
- package/dist/C_NotificationCenter2.js.map +1 -1
- package/dist/C_Progress.cjs +1 -4
- package/dist/C_Progress.js +1 -3
- package/dist/C_Progress.js.map +1 -0
- package/dist/C_Progress2.js +1 -102
- package/dist/C_Progress2.js.map +1 -1
- package/dist/C_QRCode.cjs +1 -5
- package/dist/C_QRCode.js +1 -3
- package/dist/C_QRCode.js.map +1 -0
- package/dist/C_QRCode2.js +1 -217
- package/dist/C_QRCode2.js.map +1 -1
- package/dist/C_Signature.cjs +1 -8
- package/dist/C_Signature.js +1 -4
- package/dist/C_Signature.js.map +1 -0
- package/dist/C_Signature2.js +1 -617
- package/dist/C_Signature2.js.map +1 -1
- package/dist/C_SplitPane.cjs +1 -6
- package/dist/C_SplitPane.js +1 -4
- package/dist/C_SplitPane.js.map +1 -0
- package/dist/C_SplitPane2.js +1 -355
- package/dist/C_SplitPane2.js.map +1 -1
- package/dist/C_Steps.cjs +1 -4
- package/dist/C_Steps.js +1 -3
- package/dist/C_Steps.js.map +1 -0
- package/dist/C_Steps2.js +1 -81
- package/dist/C_Steps2.js.map +1 -1
- package/dist/C_Table.cjs +1 -20
- package/dist/C_Table.js +1 -6
- package/dist/C_Table.js.map +1 -0
- package/dist/C_Table2.js +1 -3023
- package/dist/C_Table2.js.map +1 -1
- package/dist/C_Theme.cjs +1 -5
- package/dist/C_Theme.js +1 -4
- package/dist/C_Theme.js.map +1 -0
- package/dist/C_Theme2.js +1 -63
- package/dist/C_Theme2.js.map +1 -1
- package/dist/C_Time.cjs +1 -5
- package/dist/C_Time.js +1 -3
- package/dist/C_Time.js.map +1 -0
- package/dist/C_Time2.js +1 -198
- package/dist/C_Time2.js.map +1 -1
- package/dist/C_Tree.cjs +1 -7
- package/dist/C_Tree.js +1 -4
- package/dist/C_Tree.js.map +1 -0
- package/dist/C_Tree2.js +1 -440
- package/dist/C_Tree2.js.map +1 -1
- package/dist/C_Upload.cjs +1 -12
- package/dist/C_Upload.js +1 -4
- package/dist/C_Upload.js.map +1 -0
- package/dist/C_Upload2.js +2 -1365
- package/dist/C_Upload2.js.map +1 -1
- package/dist/C_VideoPlayer.cjs +1 -23
- package/dist/C_VideoPlayer.js +1 -3
- package/dist/C_VideoPlayer.js.map +1 -0
- package/dist/C_VideoPlayer2.js +3 -1932
- package/dist/C_VideoPlayer2.js.map +1 -1
- package/dist/C_VtableGantt.cjs +1 -6
- package/dist/C_VtableGantt.js +1 -4
- package/dist/C_VtableGantt.js.map +1 -0
- package/dist/C_VtableGantt2.js +1 -872
- package/dist/C_VtableGantt2.js.map +1 -1
- package/dist/C_WaterFall.cjs +1 -13
- package/dist/C_WaterFall.js +1 -3
- package/dist/C_WaterFall.js.map +1 -0
- package/dist/C_WaterFall2.js +1 -364
- package/dist/C_WaterFall2.js.map +1 -1
- package/dist/C_WorkFlow.cjs +1 -8
- package/dist/C_WorkFlow.js +1 -4
- package/dist/C_WorkFlow.js.map +1 -0
- package/dist/C_WorkFlow2.js +1 -1983
- package/dist/C_WorkFlow2.js.map +1 -1
- package/dist/chunk.js +1 -18
- package/dist/city.js +1 -4816
- package/dist/constants.d.ts +2 -2
- package/dist/constants2.d.ts +3 -3
- package/dist/constants3.d.ts +3 -3
- package/dist/constants4.d.ts +5 -5
- package/dist/constants5.d.ts +2 -2
- package/dist/data.d.ts +1 -1
- package/dist/export-helper.js +1 -9
- package/dist/index.cjs +2 -413
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.cts +1 -2
- package/dist/index.d.ts +1 -2
- package/dist/index.js +1 -231
- package/dist/index.js.map +1 -1
- package/dist/index.vue.d.ts +2 -2
- package/dist/index10.vue.d.ts +5 -5
- package/dist/index12.vue.d.ts +3 -3
- package/dist/index13.vue.d.ts +3 -3
- package/dist/index14.vue.d.ts +3 -3
- package/dist/index16.vue.d.ts +3 -3
- package/dist/index3.vue.d.ts +3 -3
- package/dist/index5.vue.d.ts +1 -1
- package/dist/index7.vue.d.ts +4 -4
- package/dist/index8.vue.d.ts +2 -2
- package/dist/resolver.cjs +2 -89
- package/dist/resolver.cjs.map +1 -0
- package/dist/resolver.js +1 -86
- package/dist/resolver.js.map +1 -1
- package/dist/storage.js +1 -30
- package/dist/storage.js.map +1 -1
- package/dist/useCollapsePanel.d.ts +2 -2
- package/dist/useCropperCore.d.ts +8 -8
- package/dist/useDraggableLayout.d.ts +4 -4
- package/dist/useDynamicFormState.d.ts +7 -7
- package/dist/useEdgeInteraction.d.ts +1 -1
- package/dist/useFullscreen.d.ts +2 -2
- package/dist/useInfiniteScroll.d.ts +1 -1
- package/dist/useModalEdit.d.ts +1 -1
- package/dist/useQRCode.d.ts +3 -3
- package/dist/useSearchState.d.ts +2 -2
- package/dist/useSignatureHistory.d.ts +1 -1
- package/dist/useSplitResize.d.ts +6 -6
- package/dist/useTimeSelection.d.ts +2 -2
- package/dist/useTreeOperations.d.ts +6 -6
- package/dist/useWorkflowValidation.d.ts +4 -4
- package/package.json +1 -2
- package/dist/constants.d.ts.map +0 -1
- package/dist/constants2.d.ts.map +0 -1
- package/dist/constants3.d.ts.map +0 -1
- package/dist/constants4.d.ts.map +0 -1
- package/dist/constants5.d.ts.map +0 -1
- package/dist/data.d.ts.map +0 -1
- package/dist/index.d.cts.map +0 -1
- package/dist/index.d.ts.map +0 -1
- package/dist/index.vue.d.ts.map +0 -1
- package/dist/index10.vue.d.ts.map +0 -1
- package/dist/index11.vue.d.ts.map +0 -1
- package/dist/index12.vue.d.ts.map +0 -1
- package/dist/index13.vue.d.ts.map +0 -1
- package/dist/index14.vue.d.ts.map +0 -1
- package/dist/index15.vue.d.ts.map +0 -1
- package/dist/index16.vue.d.ts.map +0 -1
- package/dist/index2.vue.d.ts.map +0 -1
- package/dist/index3.vue.d.ts.map +0 -1
- package/dist/index4.vue.d.ts.map +0 -1
- package/dist/index5.vue.d.ts.map +0 -1
- package/dist/index6.vue.d.ts.map +0 -1
- package/dist/index7.vue.d.ts.map +0 -1
- package/dist/index8.vue.d.ts.map +0 -1
- package/dist/index9.vue.d.ts.map +0 -1
- package/dist/resolver.d.cts.map +0 -1
- package/dist/resolver.d.ts.map +0 -1
- package/dist/useCalendarEvents.d.ts.map +0 -1
- package/dist/useCollapsePanel.d.ts.map +0 -1
- package/dist/useCropperCore.d.ts.map +0 -1
- package/dist/useDraggableLayout.d.ts.map +0 -1
- package/dist/useDynamicFormState.d.ts.map +0 -1
- package/dist/useEdgeInteraction.d.ts.map +0 -1
- package/dist/useFullscreen.d.ts.map +0 -1
- package/dist/useGlobalSearch.d.ts.map +0 -1
- package/dist/useInfiniteScroll.d.ts.map +0 -1
- package/dist/useModalEdit.d.ts.map +0 -1
- package/dist/useQRCode.d.ts.map +0 -1
- package/dist/useSearchState.d.ts.map +0 -1
- package/dist/useSignatureHistory.d.ts.map +0 -1
- package/dist/useSplitResize.d.ts.map +0 -1
- package/dist/useTimeSelection.d.ts.map +0 -1
- package/dist/useTreeOperations.d.ts.map +0 -1
- package/dist/useWorkflowValidation.d.ts.map +0 -1
package/dist/C_GlobalSearch.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"C_GlobalSearch.js","names":["placeholder","emptyText","resultGroupTitle"],"sources":["../src/components/C_GlobalSearch/composables/useGlobalSearch.ts","../src/components/C_GlobalSearch/index.vue","../src/components/C_GlobalSearch/index.vue","../src/components/C_GlobalSearch/index.vue"],"sourcesContent":["import { ref, computed, watch, onMounted, onUnmounted, nextTick } from 'vue'\nimport type { SearchMenuItem, HistoryItem, GlobalSearchOptions } from '../types'\n\n/**\n * 全局搜索逻辑 — 管理菜单搜索、历史记录、键盘导航\n *\n * 已解耦:不依赖任何项目级 store / router,\n * 所有外部数据通过 options 注入。\n */\nexport function useGlobalSearch(options: GlobalSearchOptions) {\n const {\n menuItems: getMenuItems,\n isDark: getIsDark,\n onSelect,\n storageKey = 'robot-search-history',\n maxHistory = 10,\n maxDisplayHistory = 5,\n } = options\n\n // ==================== 响应式状态 ====================\n const showDialog = ref(false)\n const searchValue = ref('')\n const selectedIndex = ref(0)\n const searchInputRef = ref<HTMLInputElement>()\n const searchHistory = ref<HistoryItem[]>([])\n\n // ==================== 计算属性 ====================\n const isDark = computed(() => getIsDark?.() ?? false)\n\n const filteredMenuItems = computed(() => {\n if (!searchValue.value.trim()) return []\n const query = searchValue.value.toLowerCase()\n const items = getMenuItems()\n return items.filter(\n item =>\n item.label.toLowerCase().includes(query) ||\n formatMenuPath(item.key).toLowerCase().includes(query)\n )\n })\n\n const displayHistory = computed(() =>\n searchHistory.value.slice(0, maxDisplayHistory)\n )\n const hasResults = computed(() => filteredMenuItems.value.length > 0)\n const hasContent = computed(\n () => hasResults.value || displayHistory.value.length > 0\n )\n\n // ==================== 工具函数 ====================\n const getItemClasses = (index: number, isHistory: boolean) => [\n 'robot-result-item',\n isHistory && 'robot-history-item',\n { 'robot-result-item-selected': selectedIndex.value === index },\n ]\n\n const highlightMatch = (text: string, search: string): string => {\n if (!search) return text\n const regex = new RegExp(\n `(${search.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')})`,\n 'gi'\n )\n return text.replace(regex, '<mark class=\"robot-highlight\">$1</mark>')\n }\n\n const formatMenuPath = (key: string): string =>\n key.replace(/^\\//, '').replace(/\\//g, ' > ') || '首页'\n\n // ==================== 搜索历史管理 ====================\n const addToHistory = (menuItem: SearchMenuItem) => {\n if (!menuItem.label.trim()) return\n const query = menuItem.label\n const filtered = searchHistory.value.filter(\n (item: HistoryItem) =>\n !(item.query === query && item.menuItem?.key === menuItem.key)\n )\n searchHistory.value = [\n { query, menuItem, timestamp: Date.now() },\n ...filtered,\n ].slice(0, maxHistory)\n localStorage.setItem(storageKey, JSON.stringify(searchHistory.value))\n }\n\n const loadHistory = () => {\n try {\n const saved = localStorage.getItem(storageKey)\n if (saved) {\n const parsed = JSON.parse(saved)\n searchHistory.value = parsed.map((item: any) =>\n typeof item === 'string'\n ? { query: item, menuItem: null, timestamp: 0 }\n : item\n )\n }\n } catch (error) {\n console.error('加载搜索历史失败:', error)\n }\n }\n\n const clearHistory = () => {\n searchHistory.value = []\n localStorage.removeItem(storageKey)\n }\n\n const removeHistoryItem = (index: number) => {\n searchHistory.value.splice(index, 1)\n localStorage.setItem(storageKey, JSON.stringify(searchHistory.value))\n if (selectedIndex.value >= searchHistory.value.length) {\n selectedIndex.value = Math.max(0, searchHistory.value.length - 1)\n }\n }\n\n // ==================== 对话框控制 ====================\n const openDialog = async () => {\n showDialog.value = true\n searchValue.value = ''\n selectedIndex.value = 0\n await nextTick()\n searchInputRef.value?.focus()\n }\n\n const closeDialog = () => {\n showDialog.value = false\n searchValue.value = ''\n selectedIndex.value = 0\n }\n\n // ==================== 选择项目 ====================\n const selectHistoryItem = (historyItem: HistoryItem) => {\n if (historyItem.menuItem) {\n const hasChildren = !!historyItem.menuItem.children?.length\n onSelect?.(historyItem.menuItem.key, hasChildren)\n closeDialog()\n } else {\n searchValue.value = historyItem.query\n selectedIndex.value = 0\n }\n }\n\n const selectItem = (item: SearchMenuItem) => {\n addToHistory(item)\n const hasChildren = !!item.children?.length\n onSelect?.(item.key, hasChildren)\n closeDialog()\n }\n\n // ==================== 键盘导航 ====================\n const handleEnter = () => {\n const isHistoryMode =\n !searchValue.value.trim() && displayHistory.value.length > 0\n const isSearchMode =\n searchValue.value.trim() && filteredMenuItems.value.length > 0\n\n if (isHistoryMode) {\n const historyItem = displayHistory.value[selectedIndex.value]\n if (historyItem) selectHistoryItem(historyItem)\n } else if (isSearchMode) {\n const item = filteredMenuItems.value[selectedIndex.value]\n if (item) selectItem(item)\n }\n }\n\n const focusNext = () => {\n const maxIndex = !searchValue.value.trim()\n ? displayHistory.value.length - 1\n : filteredMenuItems.value.length - 1\n selectedIndex.value = Math.min(selectedIndex.value + 1, maxIndex)\n }\n\n const focusPrev = () => {\n selectedIndex.value = Math.max(selectedIndex.value - 1, 0)\n }\n\n // ==================== 监听器和生命周期 ====================\n watch(searchValue, () => {\n selectedIndex.value = 0\n })\n\n onMounted(() => {\n loadHistory()\n const handleKeydown = (e: KeyboardEvent) => {\n if ((e.ctrlKey || e.metaKey) && e.key === 'k') {\n e.preventDefault()\n openDialog()\n }\n }\n document.addEventListener('keydown', handleKeydown)\n onUnmounted(() => document.removeEventListener('keydown', handleKeydown))\n })\n\n return {\n showDialog,\n searchValue,\n selectedIndex,\n searchInputRef,\n isDark,\n filteredMenuItems,\n displayHistory,\n hasResults,\n hasContent,\n getItemClasses,\n highlightMatch,\n formatMenuPath,\n clearHistory,\n removeHistoryItem,\n openDialog,\n closeDialog,\n selectHistoryItem,\n selectItem,\n handleEnter,\n focusNext,\n focusPrev,\n }\n}\n","/* unplugin-vue-components disabled */<!--\n * @Description: 全局搜索组件 - 命令面板式搜索\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n <div class=\"robot-search-palette\">\n <!-- 搜索触发按钮 -->\n <div\n class=\"robot-search-trigger\"\n :class=\"{ 'trigger-dark': isDark }\"\n @click=\"openDialog\"\n >\n <div class=\"i-mdi:search robot-trigger-icon\" />\n <span class=\"robot-trigger-text\">搜索</span>\n <span class=\"robot-trigger-shortcut\">Ctrl K</span>\n </div>\n\n <!-- 搜索对话框 -->\n <Teleport to=\"body\">\n <Transition name=\"robot-dialog\">\n <div\n v-if=\"showDialog\"\n class=\"robot-dialog-overlay\"\n @click=\"closeDialog\"\n @keydown.esc=\"closeDialog\"\n >\n <div\n class=\"robot-dialog-container\"\n :class=\"{ 'dialog-dark': isDark }\"\n @click.stop\n >\n <!-- 搜索头部 -->\n <div class=\"robot-search-header\">\n <div class=\"i-mdi:magnify robot-search-icon\" />\n <input\n ref=\"searchInputRef\"\n v-model=\"searchValue\"\n type=\"text\"\n :placeholder=\"placeholder\"\n class=\"robot-search-input\"\n @keydown.esc=\"closeDialog\"\n @keydown.enter=\"handleEnter\"\n @keydown.arrow-down=\"focusNext\"\n @keydown.arrow-up=\"focusPrev\"\n />\n <button\n class=\"robot-close-btn\"\n @click=\"closeDialog\"\n >\n <div class=\"i-mdi:close\" />\n </button>\n </div>\n\n <!-- 搜索内容 -->\n <div class=\"robot-search-content\">\n <!-- 空状态 -->\n <div\n v-if=\"!hasContent\"\n class=\"robot-empty-state\"\n >\n <div class=\"i-mdi:magnify robot-empty-icon\" />\n <p>{{ emptyText }}</p>\n </div>\n\n <!-- 搜索历史 -->\n <template\n v-else-if=\"!searchValue.trim() && displayHistory.length > 0\"\n >\n <div class=\"robot-search-results\">\n <div class=\"robot-result-group\">\n <div class=\"robot-group-title\">\n <div\n class=\"i-mdi:clock-time-four-outline robot-group-icon\"\n />\n 最近搜索\n <span class=\"robot-group-count\">{{\n displayHistory.length\n }}</span>\n <button\n class=\"robot-clear-history\"\n @click=\"clearHistory\"\n title=\"清空历史\"\n >\n <div class=\"i-mdi:delete-outline\" />\n </button>\n </div>\n <div class=\"robot-group-items\">\n <div\n v-for=\"(historyItem, index) in displayHistory\"\n :key=\"`history-${index}`\"\n :class=\"getItemClasses(index, true)\"\n @click=\"selectHistoryItem(historyItem)\"\n @mouseenter=\"selectedIndex = index\"\n >\n <component\n v-if=\"historyItem.menuItem?.icon\"\n :is=\"historyItem.menuItem.icon\"\n class=\"robot-item-icon\"\n />\n <div\n v-else\n class=\"robot-item-icon robot-default-icon\"\n >\n <div class=\"i-mdi:file-document-outline\" />\n </div>\n <div class=\"robot-item-content\">\n <div class=\"robot-item-label\">\n {{ historyItem.query }}\n </div>\n <div class=\"robot-item-desc\">\n {{\n formatMenuPath(historyItem.menuItem?.key || '')\n }}\n </div>\n </div>\n <button\n class=\"robot-history-delete\"\n @click.stop=\"removeHistoryItem(index)\"\n title=\"删除此记录\"\n >\n <div class=\"i-mdi:close\" />\n </button>\n </div>\n </div>\n </div>\n </div>\n </template>\n\n <!-- 搜索结果 -->\n <template v-else-if=\"searchValue.trim()\">\n <div class=\"robot-search-results\">\n <!-- 无结果状态 -->\n <div\n v-if=\"!hasResults\"\n class=\"robot-empty-state\"\n >\n <div class=\"i-mdi:magnify robot-empty-icon\" />\n <p>未找到 \"{{ searchValue }}\" 相关内容</p>\n </div>\n\n <!-- 搜索结果列表 -->\n <div\n v-else\n class=\"robot-result-group\"\n >\n <div class=\"robot-group-title\">\n <div class=\"i-mdi:menu robot-group-icon\" />\n {{ resultGroupTitle }}\n <span class=\"robot-group-count\">{{\n filteredMenuItems.length\n }}</span>\n </div>\n <div class=\"robot-group-items\">\n <div\n v-for=\"(item, index) in filteredMenuItems\"\n :key=\"item.key\"\n :class=\"getItemClasses(index, false)\"\n @click=\"selectItem(item)\"\n @mouseenter=\"selectedIndex = index\"\n >\n <component\n v-if=\"item.icon\"\n :is=\"item.icon\"\n class=\"robot-item-icon\"\n />\n <div\n v-else\n class=\"robot-item-icon robot-default-icon\"\n >\n <div class=\"i-mdi:file-document-outline\" />\n </div>\n <div class=\"robot-item-content\">\n <div\n class=\"robot-item-label\"\n v-html=\"highlightMatch(item.label, searchValue)\"\n ></div>\n <div class=\"robot-item-desc\">\n {{ formatMenuPath(item.key) }}\n </div>\n </div>\n <div\n v-if=\"item.children?.length\"\n class=\"robot-item-badge\"\n >\n {{ item.children.length }}\n </div>\n </div>\n </div>\n </div>\n </div>\n </template>\n </div>\n\n <!-- 搜索底部 -->\n <div class=\"robot-search-footer\">\n <div class=\"robot-footer-actions\">\n <div class=\"robot-action-item\">\n <kbd>↵</kbd><span>选择</span>\n </div>\n <div class=\"robot-action-item\">\n <kbd>↑↓</kbd><span>导航</span>\n </div>\n <div class=\"robot-action-item\">\n <kbd>esc</kbd><span>关闭</span>\n </div>\n </div>\n <div\n v-if=\"hasContent\"\n class=\"robot-footer-info\"\n >\n <span v-if=\"searchValue.trim() && hasResults\">\n 共 {{ filteredMenuItems.length }} 项结果\n </span>\n <span\n v-else-if=\"!searchValue.trim() && displayHistory.length > 0\"\n >\n {{ displayHistory.length }} 条历史记录\n </span>\n </div>\n </div>\n </div>\n </div>\n </Transition>\n </Teleport>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { useGlobalSearch } from './composables/useGlobalSearch'\n import type { GlobalSearchOptions } from './types'\n\n defineOptions({ name: 'C_GlobalSearch' })\n\n interface Props {\n /** useGlobalSearch 配置(必须传入 menuItems + onSelect) */\n options: GlobalSearchOptions\n /** 搜索框 placeholder */\n placeholder?: string\n /** 无内容提示文字 */\n emptyText?: string\n /** 结果分组标题 */\n resultGroupTitle?: string\n }\n\n const props = withDefaults(defineProps<Props>(), {\n placeholder: '搜索导航菜单...',\n emptyText: '输入关键词搜索菜单',\n resultGroupTitle: '菜单导航',\n })\n\n const {\n showDialog,\n searchValue,\n selectedIndex,\n searchInputRef,\n isDark,\n filteredMenuItems,\n displayHistory,\n hasResults,\n hasContent,\n getItemClasses,\n highlightMatch,\n formatMenuPath,\n clearHistory,\n removeHistoryItem,\n openDialog,\n closeDialog,\n selectHistoryItem,\n selectItem,\n handleEnter,\n focusNext,\n focusPrev,\n } = useGlobalSearch(props.options)\n\n defineExpose({ openDialog, closeDialog })\n</script>\n\n<style lang=\"scss\" scoped>\n @use './index.scss';\n</style>\n","/* unplugin-vue-components disabled */<!--\n * @Description: 全局搜索组件 - 命令面板式搜索\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n <div class=\"robot-search-palette\">\n <!-- 搜索触发按钮 -->\n <div\n class=\"robot-search-trigger\"\n :class=\"{ 'trigger-dark': isDark }\"\n @click=\"openDialog\"\n >\n <div class=\"i-mdi:search robot-trigger-icon\" />\n <span class=\"robot-trigger-text\">搜索</span>\n <span class=\"robot-trigger-shortcut\">Ctrl K</span>\n </div>\n\n <!-- 搜索对话框 -->\n <Teleport to=\"body\">\n <Transition name=\"robot-dialog\">\n <div\n v-if=\"showDialog\"\n class=\"robot-dialog-overlay\"\n @click=\"closeDialog\"\n @keydown.esc=\"closeDialog\"\n >\n <div\n class=\"robot-dialog-container\"\n :class=\"{ 'dialog-dark': isDark }\"\n @click.stop\n >\n <!-- 搜索头部 -->\n <div class=\"robot-search-header\">\n <div class=\"i-mdi:magnify robot-search-icon\" />\n <input\n ref=\"searchInputRef\"\n v-model=\"searchValue\"\n type=\"text\"\n :placeholder=\"placeholder\"\n class=\"robot-search-input\"\n @keydown.esc=\"closeDialog\"\n @keydown.enter=\"handleEnter\"\n @keydown.arrow-down=\"focusNext\"\n @keydown.arrow-up=\"focusPrev\"\n />\n <button\n class=\"robot-close-btn\"\n @click=\"closeDialog\"\n >\n <div class=\"i-mdi:close\" />\n </button>\n </div>\n\n <!-- 搜索内容 -->\n <div class=\"robot-search-content\">\n <!-- 空状态 -->\n <div\n v-if=\"!hasContent\"\n class=\"robot-empty-state\"\n >\n <div class=\"i-mdi:magnify robot-empty-icon\" />\n <p>{{ emptyText }}</p>\n </div>\n\n <!-- 搜索历史 -->\n <template\n v-else-if=\"!searchValue.trim() && displayHistory.length > 0\"\n >\n <div class=\"robot-search-results\">\n <div class=\"robot-result-group\">\n <div class=\"robot-group-title\">\n <div\n class=\"i-mdi:clock-time-four-outline robot-group-icon\"\n />\n 最近搜索\n <span class=\"robot-group-count\">{{\n displayHistory.length\n }}</span>\n <button\n class=\"robot-clear-history\"\n @click=\"clearHistory\"\n title=\"清空历史\"\n >\n <div class=\"i-mdi:delete-outline\" />\n </button>\n </div>\n <div class=\"robot-group-items\">\n <div\n v-for=\"(historyItem, index) in displayHistory\"\n :key=\"`history-${index}`\"\n :class=\"getItemClasses(index, true)\"\n @click=\"selectHistoryItem(historyItem)\"\n @mouseenter=\"selectedIndex = index\"\n >\n <component\n v-if=\"historyItem.menuItem?.icon\"\n :is=\"historyItem.menuItem.icon\"\n class=\"robot-item-icon\"\n />\n <div\n v-else\n class=\"robot-item-icon robot-default-icon\"\n >\n <div class=\"i-mdi:file-document-outline\" />\n </div>\n <div class=\"robot-item-content\">\n <div class=\"robot-item-label\">\n {{ historyItem.query }}\n </div>\n <div class=\"robot-item-desc\">\n {{\n formatMenuPath(historyItem.menuItem?.key || '')\n }}\n </div>\n </div>\n <button\n class=\"robot-history-delete\"\n @click.stop=\"removeHistoryItem(index)\"\n title=\"删除此记录\"\n >\n <div class=\"i-mdi:close\" />\n </button>\n </div>\n </div>\n </div>\n </div>\n </template>\n\n <!-- 搜索结果 -->\n <template v-else-if=\"searchValue.trim()\">\n <div class=\"robot-search-results\">\n <!-- 无结果状态 -->\n <div\n v-if=\"!hasResults\"\n class=\"robot-empty-state\"\n >\n <div class=\"i-mdi:magnify robot-empty-icon\" />\n <p>未找到 \"{{ searchValue }}\" 相关内容</p>\n </div>\n\n <!-- 搜索结果列表 -->\n <div\n v-else\n class=\"robot-result-group\"\n >\n <div class=\"robot-group-title\">\n <div class=\"i-mdi:menu robot-group-icon\" />\n {{ resultGroupTitle }}\n <span class=\"robot-group-count\">{{\n filteredMenuItems.length\n }}</span>\n </div>\n <div class=\"robot-group-items\">\n <div\n v-for=\"(item, index) in filteredMenuItems\"\n :key=\"item.key\"\n :class=\"getItemClasses(index, false)\"\n @click=\"selectItem(item)\"\n @mouseenter=\"selectedIndex = index\"\n >\n <component\n v-if=\"item.icon\"\n :is=\"item.icon\"\n class=\"robot-item-icon\"\n />\n <div\n v-else\n class=\"robot-item-icon robot-default-icon\"\n >\n <div class=\"i-mdi:file-document-outline\" />\n </div>\n <div class=\"robot-item-content\">\n <div\n class=\"robot-item-label\"\n v-html=\"highlightMatch(item.label, searchValue)\"\n ></div>\n <div class=\"robot-item-desc\">\n {{ formatMenuPath(item.key) }}\n </div>\n </div>\n <div\n v-if=\"item.children?.length\"\n class=\"robot-item-badge\"\n >\n {{ item.children.length }}\n </div>\n </div>\n </div>\n </div>\n </div>\n </template>\n </div>\n\n <!-- 搜索底部 -->\n <div class=\"robot-search-footer\">\n <div class=\"robot-footer-actions\">\n <div class=\"robot-action-item\">\n <kbd>↵</kbd><span>选择</span>\n </div>\n <div class=\"robot-action-item\">\n <kbd>↑↓</kbd><span>导航</span>\n </div>\n <div class=\"robot-action-item\">\n <kbd>esc</kbd><span>关闭</span>\n </div>\n </div>\n <div\n v-if=\"hasContent\"\n class=\"robot-footer-info\"\n >\n <span v-if=\"searchValue.trim() && hasResults\">\n 共 {{ filteredMenuItems.length }} 项结果\n </span>\n <span\n v-else-if=\"!searchValue.trim() && displayHistory.length > 0\"\n >\n {{ displayHistory.length }} 条历史记录\n </span>\n </div>\n </div>\n </div>\n </div>\n </Transition>\n </Teleport>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { useGlobalSearch } from './composables/useGlobalSearch'\n import type { GlobalSearchOptions } from './types'\n\n defineOptions({ name: 'C_GlobalSearch' })\n\n interface Props {\n /** useGlobalSearch 配置(必须传入 menuItems + onSelect) */\n options: GlobalSearchOptions\n /** 搜索框 placeholder */\n placeholder?: string\n /** 无内容提示文字 */\n emptyText?: string\n /** 结果分组标题 */\n resultGroupTitle?: string\n }\n\n const props = withDefaults(defineProps<Props>(), {\n placeholder: '搜索导航菜单...',\n emptyText: '输入关键词搜索菜单',\n resultGroupTitle: '菜单导航',\n })\n\n const {\n showDialog,\n searchValue,\n selectedIndex,\n searchInputRef,\n isDark,\n filteredMenuItems,\n displayHistory,\n hasResults,\n hasContent,\n getItemClasses,\n highlightMatch,\n formatMenuPath,\n clearHistory,\n removeHistoryItem,\n openDialog,\n closeDialog,\n selectHistoryItem,\n selectItem,\n handleEnter,\n focusNext,\n focusPrev,\n } = useGlobalSearch(props.options)\n\n defineExpose({ openDialog, closeDialog })\n</script>\n\n<style lang=\"scss\" scoped>\n @use './index.scss';\n</style>\n","<!--\n * @Description: 全局搜索组件 - 命令面板式搜索\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n <div class=\"robot-search-palette\">\n <!-- 搜索触发按钮 -->\n <div\n class=\"robot-search-trigger\"\n :class=\"{ 'trigger-dark': isDark }\"\n @click=\"openDialog\"\n >\n <div class=\"i-mdi:search robot-trigger-icon\" />\n <span class=\"robot-trigger-text\">搜索</span>\n <span class=\"robot-trigger-shortcut\">Ctrl K</span>\n </div>\n\n <!-- 搜索对话框 -->\n <Teleport to=\"body\">\n <Transition name=\"robot-dialog\">\n <div\n v-if=\"showDialog\"\n class=\"robot-dialog-overlay\"\n @click=\"closeDialog\"\n @keydown.esc=\"closeDialog\"\n >\n <div\n class=\"robot-dialog-container\"\n :class=\"{ 'dialog-dark': isDark }\"\n @click.stop\n >\n <!-- 搜索头部 -->\n <div class=\"robot-search-header\">\n <div class=\"i-mdi:magnify robot-search-icon\" />\n <input\n ref=\"searchInputRef\"\n v-model=\"searchValue\"\n type=\"text\"\n :placeholder=\"placeholder\"\n class=\"robot-search-input\"\n @keydown.esc=\"closeDialog\"\n @keydown.enter=\"handleEnter\"\n @keydown.arrow-down=\"focusNext\"\n @keydown.arrow-up=\"focusPrev\"\n />\n <button\n class=\"robot-close-btn\"\n @click=\"closeDialog\"\n >\n <div class=\"i-mdi:close\" />\n </button>\n </div>\n\n <!-- 搜索内容 -->\n <div class=\"robot-search-content\">\n <!-- 空状态 -->\n <div\n v-if=\"!hasContent\"\n class=\"robot-empty-state\"\n >\n <div class=\"i-mdi:magnify robot-empty-icon\" />\n <p>{{ emptyText }}</p>\n </div>\n\n <!-- 搜索历史 -->\n <template\n v-else-if=\"!searchValue.trim() && displayHistory.length > 0\"\n >\n <div class=\"robot-search-results\">\n <div class=\"robot-result-group\">\n <div class=\"robot-group-title\">\n <div\n class=\"i-mdi:clock-time-four-outline robot-group-icon\"\n />\n 最近搜索\n <span class=\"robot-group-count\">{{\n displayHistory.length\n }}</span>\n <button\n class=\"robot-clear-history\"\n @click=\"clearHistory\"\n title=\"清空历史\"\n >\n <div class=\"i-mdi:delete-outline\" />\n </button>\n </div>\n <div class=\"robot-group-items\">\n <div\n v-for=\"(historyItem, index) in displayHistory\"\n :key=\"`history-${index}`\"\n :class=\"getItemClasses(index, true)\"\n @click=\"selectHistoryItem(historyItem)\"\n @mouseenter=\"selectedIndex = index\"\n >\n <component\n v-if=\"historyItem.menuItem?.icon\"\n :is=\"historyItem.menuItem.icon\"\n class=\"robot-item-icon\"\n />\n <div\n v-else\n class=\"robot-item-icon robot-default-icon\"\n >\n <div class=\"i-mdi:file-document-outline\" />\n </div>\n <div class=\"robot-item-content\">\n <div class=\"robot-item-label\">\n {{ historyItem.query }}\n </div>\n <div class=\"robot-item-desc\">\n {{\n formatMenuPath(historyItem.menuItem?.key || '')\n }}\n </div>\n </div>\n <button\n class=\"robot-history-delete\"\n @click.stop=\"removeHistoryItem(index)\"\n title=\"删除此记录\"\n >\n <div class=\"i-mdi:close\" />\n </button>\n </div>\n </div>\n </div>\n </div>\n </template>\n\n <!-- 搜索结果 -->\n <template v-else-if=\"searchValue.trim()\">\n <div class=\"robot-search-results\">\n <!-- 无结果状态 -->\n <div\n v-if=\"!hasResults\"\n class=\"robot-empty-state\"\n >\n <div class=\"i-mdi:magnify robot-empty-icon\" />\n <p>未找到 \"{{ searchValue }}\" 相关内容</p>\n </div>\n\n <!-- 搜索结果列表 -->\n <div\n v-else\n class=\"robot-result-group\"\n >\n <div class=\"robot-group-title\">\n <div class=\"i-mdi:menu robot-group-icon\" />\n {{ resultGroupTitle }}\n <span class=\"robot-group-count\">{{\n filteredMenuItems.length\n }}</span>\n </div>\n <div class=\"robot-group-items\">\n <div\n v-for=\"(item, index) in filteredMenuItems\"\n :key=\"item.key\"\n :class=\"getItemClasses(index, false)\"\n @click=\"selectItem(item)\"\n @mouseenter=\"selectedIndex = index\"\n >\n <component\n v-if=\"item.icon\"\n :is=\"item.icon\"\n class=\"robot-item-icon\"\n />\n <div\n v-else\n class=\"robot-item-icon robot-default-icon\"\n >\n <div class=\"i-mdi:file-document-outline\" />\n </div>\n <div class=\"robot-item-content\">\n <div\n class=\"robot-item-label\"\n v-html=\"highlightMatch(item.label, searchValue)\"\n ></div>\n <div class=\"robot-item-desc\">\n {{ formatMenuPath(item.key) }}\n </div>\n </div>\n <div\n v-if=\"item.children?.length\"\n class=\"robot-item-badge\"\n >\n {{ item.children.length }}\n </div>\n </div>\n </div>\n </div>\n </div>\n </template>\n </div>\n\n <!-- 搜索底部 -->\n <div class=\"robot-search-footer\">\n <div class=\"robot-footer-actions\">\n <div class=\"robot-action-item\">\n <kbd>↵</kbd><span>选择</span>\n </div>\n <div class=\"robot-action-item\">\n <kbd>↑↓</kbd><span>导航</span>\n </div>\n <div class=\"robot-action-item\">\n <kbd>esc</kbd><span>关闭</span>\n </div>\n </div>\n <div\n v-if=\"hasContent\"\n class=\"robot-footer-info\"\n >\n <span v-if=\"searchValue.trim() && hasResults\">\n 共 {{ filteredMenuItems.length }} 项结果\n </span>\n <span\n v-else-if=\"!searchValue.trim() && displayHistory.length > 0\"\n >\n {{ displayHistory.length }} 条历史记录\n </span>\n </div>\n </div>\n </div>\n </div>\n </Transition>\n </Teleport>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { useGlobalSearch } from './composables/useGlobalSearch'\n import type { GlobalSearchOptions } from './types'\n\n defineOptions({ name: 'C_GlobalSearch' })\n\n interface Props {\n /** useGlobalSearch 配置(必须传入 menuItems + onSelect) */\n options: GlobalSearchOptions\n /** 搜索框 placeholder */\n placeholder?: string\n /** 无内容提示文字 */\n emptyText?: string\n /** 结果分组标题 */\n resultGroupTitle?: string\n }\n\n const props = withDefaults(defineProps<Props>(), {\n placeholder: '搜索导航菜单...',\n emptyText: '输入关键词搜索菜单',\n resultGroupTitle: '菜单导航',\n })\n\n const {\n showDialog,\n searchValue,\n selectedIndex,\n searchInputRef,\n isDark,\n filteredMenuItems,\n displayHistory,\n hasResults,\n hasContent,\n getItemClasses,\n highlightMatch,\n formatMenuPath,\n clearHistory,\n removeHistoryItem,\n openDialog,\n closeDialog,\n selectHistoryItem,\n selectItem,\n handleEnter,\n focusNext,\n focusPrev,\n } = useGlobalSearch(props.options)\n\n defineExpose({ openDialog, closeDialog })\n</script>\n\n<style lang=\"scss\" scoped>\n @use './index.scss';\n</style>\n"],"mappings":"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"}
|
package/dist/C_GlobalSearch2.js
CHANGED
|
@@ -1,336 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, isRef, nextTick, normalizeClass, onMounted, onUnmounted, openBlock, ref, renderList, resolveDynamicComponent, toDisplayString, unref, vModelText, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
|
|
3
|
-
|
|
4
|
-
//#region src/components/C_GlobalSearch/composables/useGlobalSearch.ts
|
|
5
|
-
/**
|
|
6
|
-
* 全局搜索逻辑 — 管理菜单搜索、历史记录、键盘导航
|
|
7
|
-
*
|
|
8
|
-
* 已解耦:不依赖任何项目级 store / router,
|
|
9
|
-
* 所有外部数据通过 options 注入。
|
|
10
|
-
*/
|
|
11
|
-
function useGlobalSearch(options) {
|
|
12
|
-
const { menuItems: getMenuItems, isDark: getIsDark, onSelect, storageKey = "robot-search-history", maxHistory = 10, maxDisplayHistory = 5 } = options;
|
|
13
|
-
const showDialog = ref(false);
|
|
14
|
-
const searchValue = ref("");
|
|
15
|
-
const selectedIndex = ref(0);
|
|
16
|
-
const searchInputRef = ref();
|
|
17
|
-
const searchHistory = ref([]);
|
|
18
|
-
const isDark = computed(() => getIsDark?.() ?? false);
|
|
19
|
-
const filteredMenuItems = computed(() => {
|
|
20
|
-
if (!searchValue.value.trim()) return [];
|
|
21
|
-
const query = searchValue.value.toLowerCase();
|
|
22
|
-
return getMenuItems().filter((item) => item.label.toLowerCase().includes(query) || formatMenuPath(item.key).toLowerCase().includes(query));
|
|
23
|
-
});
|
|
24
|
-
const displayHistory = computed(() => searchHistory.value.slice(0, maxDisplayHistory));
|
|
25
|
-
const hasResults = computed(() => filteredMenuItems.value.length > 0);
|
|
26
|
-
const hasContent = computed(() => hasResults.value || displayHistory.value.length > 0);
|
|
27
|
-
const getItemClasses = (index, isHistory) => [
|
|
28
|
-
"robot-result-item",
|
|
29
|
-
isHistory && "robot-history-item",
|
|
30
|
-
{ "robot-result-item-selected": selectedIndex.value === index }
|
|
31
|
-
];
|
|
32
|
-
const highlightMatch = (text, search) => {
|
|
33
|
-
if (!search) return text;
|
|
34
|
-
const regex = new RegExp(`(${search.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")})`, "gi");
|
|
35
|
-
return text.replace(regex, "<mark class=\"robot-highlight\">$1</mark>");
|
|
36
|
-
};
|
|
37
|
-
const formatMenuPath = (key) => key.replace(/^\//, "").replace(/\//g, " > ") || "首页";
|
|
38
|
-
const addToHistory = (menuItem) => {
|
|
39
|
-
if (!menuItem.label.trim()) return;
|
|
40
|
-
const query = menuItem.label;
|
|
41
|
-
const filtered = searchHistory.value.filter((item) => !(item.query === query && item.menuItem?.key === menuItem.key));
|
|
42
|
-
searchHistory.value = [{
|
|
43
|
-
query,
|
|
44
|
-
menuItem,
|
|
45
|
-
timestamp: Date.now()
|
|
46
|
-
}, ...filtered].slice(0, maxHistory);
|
|
47
|
-
localStorage.setItem(storageKey, JSON.stringify(searchHistory.value));
|
|
48
|
-
};
|
|
49
|
-
const loadHistory = () => {
|
|
50
|
-
try {
|
|
51
|
-
const saved = localStorage.getItem(storageKey);
|
|
52
|
-
if (saved) searchHistory.value = JSON.parse(saved).map((item) => typeof item === "string" ? {
|
|
53
|
-
query: item,
|
|
54
|
-
menuItem: null,
|
|
55
|
-
timestamp: 0
|
|
56
|
-
} : item);
|
|
57
|
-
} catch (error) {
|
|
58
|
-
console.error("加载搜索历史失败:", error);
|
|
59
|
-
}
|
|
60
|
-
};
|
|
61
|
-
const clearHistory = () => {
|
|
62
|
-
searchHistory.value = [];
|
|
63
|
-
localStorage.removeItem(storageKey);
|
|
64
|
-
};
|
|
65
|
-
const removeHistoryItem = (index) => {
|
|
66
|
-
searchHistory.value.splice(index, 1);
|
|
67
|
-
localStorage.setItem(storageKey, JSON.stringify(searchHistory.value));
|
|
68
|
-
if (selectedIndex.value >= searchHistory.value.length) selectedIndex.value = Math.max(0, searchHistory.value.length - 1);
|
|
69
|
-
};
|
|
70
|
-
const openDialog = async () => {
|
|
71
|
-
showDialog.value = true;
|
|
72
|
-
searchValue.value = "";
|
|
73
|
-
selectedIndex.value = 0;
|
|
74
|
-
await nextTick();
|
|
75
|
-
searchInputRef.value?.focus();
|
|
76
|
-
};
|
|
77
|
-
const closeDialog = () => {
|
|
78
|
-
showDialog.value = false;
|
|
79
|
-
searchValue.value = "";
|
|
80
|
-
selectedIndex.value = 0;
|
|
81
|
-
};
|
|
82
|
-
const selectHistoryItem = (historyItem) => {
|
|
83
|
-
if (historyItem.menuItem) {
|
|
84
|
-
const hasChildren = !!historyItem.menuItem.children?.length;
|
|
85
|
-
onSelect?.(historyItem.menuItem.key, hasChildren);
|
|
86
|
-
closeDialog();
|
|
87
|
-
} else {
|
|
88
|
-
searchValue.value = historyItem.query;
|
|
89
|
-
selectedIndex.value = 0;
|
|
90
|
-
}
|
|
91
|
-
};
|
|
92
|
-
const selectItem = (item) => {
|
|
93
|
-
addToHistory(item);
|
|
94
|
-
const hasChildren = !!item.children?.length;
|
|
95
|
-
onSelect?.(item.key, hasChildren);
|
|
96
|
-
closeDialog();
|
|
97
|
-
};
|
|
98
|
-
const handleEnter = () => {
|
|
99
|
-
const isHistoryMode = !searchValue.value.trim() && displayHistory.value.length > 0;
|
|
100
|
-
const isSearchMode = searchValue.value.trim() && filteredMenuItems.value.length > 0;
|
|
101
|
-
if (isHistoryMode) {
|
|
102
|
-
const historyItem = displayHistory.value[selectedIndex.value];
|
|
103
|
-
if (historyItem) selectHistoryItem(historyItem);
|
|
104
|
-
} else if (isSearchMode) {
|
|
105
|
-
const item = filteredMenuItems.value[selectedIndex.value];
|
|
106
|
-
if (item) selectItem(item);
|
|
107
|
-
}
|
|
108
|
-
};
|
|
109
|
-
const focusNext = () => {
|
|
110
|
-
const maxIndex = !searchValue.value.trim() ? displayHistory.value.length - 1 : filteredMenuItems.value.length - 1;
|
|
111
|
-
selectedIndex.value = Math.min(selectedIndex.value + 1, maxIndex);
|
|
112
|
-
};
|
|
113
|
-
const focusPrev = () => {
|
|
114
|
-
selectedIndex.value = Math.max(selectedIndex.value - 1, 0);
|
|
115
|
-
};
|
|
116
|
-
watch(searchValue, () => {
|
|
117
|
-
selectedIndex.value = 0;
|
|
118
|
-
});
|
|
119
|
-
onMounted(() => {
|
|
120
|
-
loadHistory();
|
|
121
|
-
const handleKeydown = (e) => {
|
|
122
|
-
if ((e.ctrlKey || e.metaKey) && e.key === "k") {
|
|
123
|
-
e.preventDefault();
|
|
124
|
-
openDialog();
|
|
125
|
-
}
|
|
126
|
-
};
|
|
127
|
-
document.addEventListener("keydown", handleKeydown);
|
|
128
|
-
onUnmounted(() => document.removeEventListener("keydown", handleKeydown));
|
|
129
|
-
});
|
|
130
|
-
return {
|
|
131
|
-
showDialog,
|
|
132
|
-
searchValue,
|
|
133
|
-
selectedIndex,
|
|
134
|
-
searchInputRef,
|
|
135
|
-
isDark,
|
|
136
|
-
filteredMenuItems,
|
|
137
|
-
displayHistory,
|
|
138
|
-
hasResults,
|
|
139
|
-
hasContent,
|
|
140
|
-
getItemClasses,
|
|
141
|
-
highlightMatch,
|
|
142
|
-
formatMenuPath,
|
|
143
|
-
clearHistory,
|
|
144
|
-
removeHistoryItem,
|
|
145
|
-
openDialog,
|
|
146
|
-
closeDialog,
|
|
147
|
-
selectHistoryItem,
|
|
148
|
-
selectItem,
|
|
149
|
-
handleEnter,
|
|
150
|
-
focusNext,
|
|
151
|
-
focusPrev
|
|
152
|
-
};
|
|
153
|
-
}
|
|
154
|
-
|
|
155
|
-
//#endregion
|
|
156
|
-
//#region src/components/C_GlobalSearch/index.vue?vue&type=script&setup=true&lang.ts
|
|
157
|
-
const _hoisted_1 = { class: "robot-search-palette" };
|
|
158
|
-
const _hoisted_2 = { class: "robot-search-header" };
|
|
159
|
-
const _hoisted_3 = ["placeholder"];
|
|
160
|
-
const _hoisted_4 = { class: "robot-search-content" };
|
|
161
|
-
const _hoisted_5 = {
|
|
162
|
-
key: 0,
|
|
163
|
-
class: "robot-empty-state"
|
|
164
|
-
};
|
|
165
|
-
const _hoisted_6 = { class: "robot-search-results" };
|
|
166
|
-
const _hoisted_7 = { class: "robot-result-group" };
|
|
167
|
-
const _hoisted_8 = { class: "robot-group-title" };
|
|
168
|
-
const _hoisted_9 = { class: "robot-group-count" };
|
|
169
|
-
const _hoisted_10 = { class: "robot-group-items" };
|
|
170
|
-
const _hoisted_11 = ["onClick", "onMouseenter"];
|
|
171
|
-
const _hoisted_12 = {
|
|
172
|
-
key: 1,
|
|
173
|
-
class: "robot-item-icon robot-default-icon"
|
|
174
|
-
};
|
|
175
|
-
const _hoisted_13 = { class: "robot-item-content" };
|
|
176
|
-
const _hoisted_14 = { class: "robot-item-label" };
|
|
177
|
-
const _hoisted_15 = { class: "robot-item-desc" };
|
|
178
|
-
const _hoisted_16 = ["onClick"];
|
|
179
|
-
const _hoisted_17 = { class: "robot-search-results" };
|
|
180
|
-
const _hoisted_18 = {
|
|
181
|
-
key: 0,
|
|
182
|
-
class: "robot-empty-state"
|
|
183
|
-
};
|
|
184
|
-
const _hoisted_19 = { class: "robot-result-group" };
|
|
185
|
-
const _hoisted_20 = { class: "robot-group-title" };
|
|
186
|
-
const _hoisted_21 = { class: "robot-group-count" };
|
|
187
|
-
const _hoisted_22 = { class: "robot-group-items" };
|
|
188
|
-
const _hoisted_23 = ["onClick", "onMouseenter"];
|
|
189
|
-
const _hoisted_24 = {
|
|
190
|
-
key: 1,
|
|
191
|
-
class: "robot-item-icon robot-default-icon"
|
|
192
|
-
};
|
|
193
|
-
const _hoisted_25 = { class: "robot-item-content" };
|
|
194
|
-
const _hoisted_26 = ["innerHTML"];
|
|
195
|
-
const _hoisted_27 = { class: "robot-item-desc" };
|
|
196
|
-
const _hoisted_28 = {
|
|
197
|
-
key: 2,
|
|
198
|
-
class: "robot-item-badge"
|
|
199
|
-
};
|
|
200
|
-
const _hoisted_29 = { class: "robot-search-footer" };
|
|
201
|
-
const _hoisted_30 = {
|
|
202
|
-
key: 0,
|
|
203
|
-
class: "robot-footer-info"
|
|
204
|
-
};
|
|
205
|
-
const _hoisted_31 = { key: 0 };
|
|
206
|
-
const _hoisted_32 = { key: 1 };
|
|
207
|
-
var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
208
|
-
name: "C_GlobalSearch",
|
|
209
|
-
__name: "index",
|
|
210
|
-
props: {
|
|
211
|
-
options: {},
|
|
212
|
-
placeholder: { default: "搜索导航菜单..." },
|
|
213
|
-
emptyText: { default: "输入关键词搜索菜单" },
|
|
214
|
-
resultGroupTitle: { default: "菜单导航" }
|
|
215
|
-
},
|
|
216
|
-
setup(__props, { expose: __expose }) {
|
|
217
|
-
const { showDialog, searchValue, selectedIndex, searchInputRef, isDark, filteredMenuItems, displayHistory, hasResults, hasContent, getItemClasses, highlightMatch, formatMenuPath, clearHistory, removeHistoryItem, openDialog, closeDialog, selectHistoryItem, selectItem, handleEnter, focusNext, focusPrev } = useGlobalSearch(__props.options);
|
|
218
|
-
__expose({
|
|
219
|
-
openDialog,
|
|
220
|
-
closeDialog
|
|
221
|
-
});
|
|
222
|
-
return (_ctx, _cache) => {
|
|
223
|
-
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
224
|
-
createCommentVNode(" 搜索触发按钮 "),
|
|
225
|
-
createElementVNode("div", {
|
|
226
|
-
class: normalizeClass(["robot-search-trigger", { "trigger-dark": unref(isDark) }]),
|
|
227
|
-
onClick: _cache[0] || (_cache[0] = (...args) => unref(openDialog) && unref(openDialog)(...args))
|
|
228
|
-
}, _cache[11] || (_cache[11] = [
|
|
229
|
-
createElementVNode("div", { class: "i-mdi:search robot-trigger-icon" }, null, -1),
|
|
230
|
-
createElementVNode("span", { class: "robot-trigger-text" }, "搜索", -1),
|
|
231
|
-
createElementVNode("span", { class: "robot-trigger-shortcut" }, "Ctrl K", -1)
|
|
232
|
-
]), 2),
|
|
233
|
-
createCommentVNode(" 搜索对话框 "),
|
|
234
|
-
(openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(Transition, { name: "robot-dialog" }, {
|
|
235
|
-
default: withCtx(() => [unref(showDialog) ? (openBlock(), createElementBlock("div", {
|
|
236
|
-
key: 0,
|
|
237
|
-
class: "robot-dialog-overlay",
|
|
238
|
-
onClick: _cache[9] || (_cache[9] = (...args) => unref(closeDialog) && unref(closeDialog)(...args)),
|
|
239
|
-
onKeydown: _cache[10] || (_cache[10] = withKeys((...args) => unref(closeDialog) && unref(closeDialog)(...args), ["esc"]))
|
|
240
|
-
}, [createElementVNode("div", {
|
|
241
|
-
class: normalizeClass(["robot-dialog-container", { "dialog-dark": unref(isDark) }]),
|
|
242
|
-
onClick: _cache[8] || (_cache[8] = withModifiers(() => {}, ["stop"]))
|
|
243
|
-
}, [
|
|
244
|
-
createCommentVNode(" 搜索头部 "),
|
|
245
|
-
createElementVNode("div", _hoisted_2, [
|
|
246
|
-
_cache[13] || (_cache[13] = createElementVNode("div", { class: "i-mdi:magnify robot-search-icon" }, null, -1)),
|
|
247
|
-
withDirectives(createElementVNode("input", {
|
|
248
|
-
ref_key: "searchInputRef",
|
|
249
|
-
ref: searchInputRef,
|
|
250
|
-
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(searchValue) ? searchValue.value = $event : null),
|
|
251
|
-
type: "text",
|
|
252
|
-
placeholder: _ctx.placeholder,
|
|
253
|
-
class: "robot-search-input",
|
|
254
|
-
onKeydown: [
|
|
255
|
-
_cache[2] || (_cache[2] = withKeys((...args) => unref(closeDialog) && unref(closeDialog)(...args), ["esc"])),
|
|
256
|
-
_cache[3] || (_cache[3] = withKeys((...args) => unref(handleEnter) && unref(handleEnter)(...args), ["enter"])),
|
|
257
|
-
_cache[4] || (_cache[4] = withKeys((...args) => unref(focusNext) && unref(focusNext)(...args), ["arrow-down"])),
|
|
258
|
-
_cache[5] || (_cache[5] = withKeys((...args) => unref(focusPrev) && unref(focusPrev)(...args), ["arrow-up"]))
|
|
259
|
-
]
|
|
260
|
-
}, null, 40, _hoisted_3), [[vModelText, unref(searchValue)]]),
|
|
261
|
-
createElementVNode("button", {
|
|
262
|
-
class: "robot-close-btn",
|
|
263
|
-
onClick: _cache[6] || (_cache[6] = (...args) => unref(closeDialog) && unref(closeDialog)(...args))
|
|
264
|
-
}, _cache[12] || (_cache[12] = [createElementVNode("div", { class: "i-mdi:close" }, null, -1)]))
|
|
265
|
-
]),
|
|
266
|
-
createCommentVNode(" 搜索内容 "),
|
|
267
|
-
createElementVNode("div", _hoisted_4, [createCommentVNode(" 空状态 "), !unref(hasContent) ? (openBlock(), createElementBlock("div", _hoisted_5, [_cache[14] || (_cache[14] = createElementVNode("div", { class: "i-mdi:magnify robot-empty-icon" }, null, -1)), createElementVNode("p", null, toDisplayString(_ctx.emptyText), 1)])) : !unref(searchValue).trim() && unref(displayHistory).length > 0 ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" 搜索历史 "), createElementVNode("div", _hoisted_6, [createElementVNode("div", _hoisted_7, [createElementVNode("div", _hoisted_8, [
|
|
268
|
-
_cache[16] || (_cache[16] = createElementVNode("div", { class: "i-mdi:clock-time-four-outline robot-group-icon" }, null, -1)),
|
|
269
|
-
_cache[17] || (_cache[17] = createTextVNode(" 最近搜索 ", -1)),
|
|
270
|
-
createElementVNode("span", _hoisted_9, toDisplayString(unref(displayHistory).length), 1),
|
|
271
|
-
createElementVNode("button", {
|
|
272
|
-
class: "robot-clear-history",
|
|
273
|
-
onClick: _cache[7] || (_cache[7] = (...args) => unref(clearHistory) && unref(clearHistory)(...args)),
|
|
274
|
-
title: "清空历史"
|
|
275
|
-
}, _cache[15] || (_cache[15] = [createElementVNode("div", { class: "i-mdi:delete-outline" }, null, -1)]))
|
|
276
|
-
]), createElementVNode("div", _hoisted_10, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(displayHistory), (historyItem, index) => {
|
|
277
|
-
return openBlock(), createElementBlock("div", {
|
|
278
|
-
key: `history-${index}`,
|
|
279
|
-
class: normalizeClass(unref(getItemClasses)(index, true)),
|
|
280
|
-
onClick: ($event) => unref(selectHistoryItem)(historyItem),
|
|
281
|
-
onMouseenter: ($event) => selectedIndex.value = index
|
|
282
|
-
}, [
|
|
283
|
-
historyItem.menuItem?.icon ? (openBlock(), createBlock(resolveDynamicComponent(historyItem.menuItem.icon), {
|
|
284
|
-
key: 0,
|
|
285
|
-
class: "robot-item-icon"
|
|
286
|
-
})) : (openBlock(), createElementBlock("div", _hoisted_12, _cache[18] || (_cache[18] = [createElementVNode("div", { class: "i-mdi:file-document-outline" }, null, -1)]))),
|
|
287
|
-
createElementVNode("div", _hoisted_13, [createElementVNode("div", _hoisted_14, toDisplayString(historyItem.query), 1), createElementVNode("div", _hoisted_15, toDisplayString(unref(formatMenuPath)(historyItem.menuItem?.key || "")), 1)]),
|
|
288
|
-
createElementVNode("button", {
|
|
289
|
-
class: "robot-history-delete",
|
|
290
|
-
onClick: withModifiers(($event) => unref(removeHistoryItem)(index), ["stop"]),
|
|
291
|
-
title: "删除此记录"
|
|
292
|
-
}, _cache[19] || (_cache[19] = [createElementVNode("div", { class: "i-mdi:close" }, null, -1)]), 8, _hoisted_16)
|
|
293
|
-
], 42, _hoisted_11);
|
|
294
|
-
}), 128))])])])], 64)) : unref(searchValue).trim() ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [createCommentVNode(" 搜索结果 "), createElementVNode("div", _hoisted_17, [createCommentVNode(" 无结果状态 "), !unref(hasResults) ? (openBlock(), createElementBlock("div", _hoisted_18, [_cache[20] || (_cache[20] = createElementVNode("div", { class: "i-mdi:magnify robot-empty-icon" }, null, -1)), createElementVNode("p", null, "未找到 \"" + toDisplayString(unref(searchValue)) + "\" 相关内容", 1)])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" 搜索结果列表 "), createElementVNode("div", _hoisted_19, [createElementVNode("div", _hoisted_20, [
|
|
295
|
-
_cache[21] || (_cache[21] = createElementVNode("div", { class: "i-mdi:menu robot-group-icon" }, null, -1)),
|
|
296
|
-
createTextVNode(" " + toDisplayString(_ctx.resultGroupTitle) + " ", 1),
|
|
297
|
-
createElementVNode("span", _hoisted_21, toDisplayString(unref(filteredMenuItems).length), 1)
|
|
298
|
-
]), createElementVNode("div", _hoisted_22, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(filteredMenuItems), (item, index) => {
|
|
299
|
-
return openBlock(), createElementBlock("div", {
|
|
300
|
-
key: item.key,
|
|
301
|
-
class: normalizeClass(unref(getItemClasses)(index, false)),
|
|
302
|
-
onClick: ($event) => unref(selectItem)(item),
|
|
303
|
-
onMouseenter: ($event) => selectedIndex.value = index
|
|
304
|
-
}, [
|
|
305
|
-
item.icon ? (openBlock(), createBlock(resolveDynamicComponent(item.icon), {
|
|
306
|
-
key: 0,
|
|
307
|
-
class: "robot-item-icon"
|
|
308
|
-
})) : (openBlock(), createElementBlock("div", _hoisted_24, _cache[22] || (_cache[22] = [createElementVNode("div", { class: "i-mdi:file-document-outline" }, null, -1)]))),
|
|
309
|
-
createElementVNode("div", _hoisted_25, [createElementVNode("div", {
|
|
310
|
-
class: "robot-item-label",
|
|
311
|
-
innerHTML: unref(highlightMatch)(item.label, unref(searchValue))
|
|
312
|
-
}, null, 8, _hoisted_26), createElementVNode("div", _hoisted_27, toDisplayString(unref(formatMenuPath)(item.key)), 1)]),
|
|
313
|
-
item.children?.length ? (openBlock(), createElementBlock("div", _hoisted_28, toDisplayString(item.children.length), 1)) : createCommentVNode("v-if", true)
|
|
314
|
-
], 42, _hoisted_23);
|
|
315
|
-
}), 128))])])], 2112))])], 64)) : createCommentVNode("v-if", true)]),
|
|
316
|
-
createCommentVNode(" 搜索底部 "),
|
|
317
|
-
createElementVNode("div", _hoisted_29, [_cache[23] || (_cache[23] = createElementVNode("div", { class: "robot-footer-actions" }, [
|
|
318
|
-
createElementVNode("div", { class: "robot-action-item" }, [createElementVNode("kbd", null, "↵"), createElementVNode("span", null, "选择")]),
|
|
319
|
-
createElementVNode("div", { class: "robot-action-item" }, [createElementVNode("kbd", null, "↑↓"), createElementVNode("span", null, "导航")]),
|
|
320
|
-
createElementVNode("div", { class: "robot-action-item" }, [createElementVNode("kbd", null, "esc"), createElementVNode("span", null, "关闭")])
|
|
321
|
-
], -1)), unref(hasContent) ? (openBlock(), createElementBlock("div", _hoisted_30, [unref(searchValue).trim() && unref(hasResults) ? (openBlock(), createElementBlock("span", _hoisted_31, " 共 " + toDisplayString(unref(filteredMenuItems).length) + " 项结果 ", 1)) : !unref(searchValue).trim() && unref(displayHistory).length > 0 ? (openBlock(), createElementBlock("span", _hoisted_32, toDisplayString(unref(displayHistory).length) + " 条历史记录 ", 1)) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true)])
|
|
322
|
-
], 2)], 32)) : createCommentVNode("v-if", true)]),
|
|
323
|
-
_: 1
|
|
324
|
-
})]))
|
|
325
|
-
]);
|
|
326
|
-
};
|
|
327
|
-
}
|
|
328
|
-
});
|
|
329
|
-
|
|
330
|
-
//#endregion
|
|
331
|
-
//#region src/components/C_GlobalSearch/index.vue
|
|
332
|
-
var C_GlobalSearch_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-4b182fa8"]]);
|
|
333
|
-
|
|
334
|
-
//#endregion
|
|
335
|
-
export { useGlobalSearch as n, C_GlobalSearch_default as t };
|
|
1
|
+
import{t as e}from"./export-helper.js";import{Fragment as t,Teleport as n,Transition as r,computed as i,createBlock as a,createCommentVNode as o,createElementBlock as s,createElementVNode as c,createTextVNode as l,createVNode as u,defineComponent as d,isRef as f,nextTick as p,normalizeClass as m,onMounted as h,onUnmounted as g,openBlock as _,ref as v,renderList as y,resolveDynamicComponent as b,toDisplayString as x,unref as S,vModelText as C,watch as w,withCtx as T,withDirectives as E,withKeys as D,withModifiers as O}from"vue";function k(e){let{menuItems:t,isDark:n,onSelect:r,storageKey:a=`robot-search-history`,maxHistory:o=10,maxDisplayHistory:s=5}=e,c=v(!1),l=v(``),u=v(0),d=v(),f=v([]),m=i(()=>n?.()??!1),_=i(()=>{if(!l.value.trim())return[];let e=l.value.toLowerCase();return t().filter(t=>t.label.toLowerCase().includes(e)||T(t.key).toLowerCase().includes(e))}),y=i(()=>f.value.slice(0,s)),b=i(()=>_.value.length>0),x=i(()=>b.value||y.value.length>0),S=(e,t)=>[`robot-result-item`,t&&`robot-history-item`,{"robot-result-item-selected":u.value===e}],C=(e,t)=>{if(!t)return e;let n=RegExp(`(${t.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`)})`,`gi`);return e.replace(n,`<mark class="robot-highlight">$1</mark>`)},T=e=>e.replace(/^\//,``).replace(/\//g,` > `)||`首页`,E=e=>{if(!e.label.trim())return;let t=e.label,n=f.value.filter(n=>!(n.query===t&&n.menuItem?.key===e.key));f.value=[{query:t,menuItem:e,timestamp:Date.now()},...n].slice(0,o),localStorage.setItem(a,JSON.stringify(f.value))},D=()=>{try{let e=localStorage.getItem(a);e&&(f.value=JSON.parse(e).map(e=>typeof e==`string`?{query:e,menuItem:null,timestamp:0}:e))}catch(e){console.error(`加载搜索历史失败:`,e)}},O=()=>{f.value=[],localStorage.removeItem(a)},k=e=>{f.value.splice(e,1),localStorage.setItem(a,JSON.stringify(f.value)),u.value>=f.value.length&&(u.value=Math.max(0,f.value.length-1))},A=async()=>{c.value=!0,l.value=``,u.value=0,await p(),d.value?.focus()},j=()=>{c.value=!1,l.value=``,u.value=0},M=e=>{if(e.menuItem){let t=!!e.menuItem.children?.length;r?.(e.menuItem.key,t),j()}else l.value=e.query,u.value=0},N=e=>{E(e);let t=!!e.children?.length;r?.(e.key,t),j()};return w(l,()=>{u.value=0}),h(()=>{D();let e=e=>{(e.ctrlKey||e.metaKey)&&e.key===`k`&&(e.preventDefault(),A())};document.addEventListener(`keydown`,e),g(()=>document.removeEventListener(`keydown`,e))}),{showDialog:c,searchValue:l,selectedIndex:u,searchInputRef:d,isDark:m,filteredMenuItems:_,displayHistory:y,hasResults:b,hasContent:x,getItemClasses:S,highlightMatch:C,formatMenuPath:T,clearHistory:O,removeHistoryItem:k,openDialog:A,closeDialog:j,selectHistoryItem:M,selectItem:N,handleEnter:()=>{let e=!l.value.trim()&&y.value.length>0,t=l.value.trim()&&_.value.length>0;if(e){let e=y.value[u.value];e&&M(e)}else if(t){let e=_.value[u.value];e&&N(e)}},focusNext:()=>{let e=l.value.trim()?_.value.length-1:y.value.length-1;u.value=Math.min(u.value+1,e)},focusPrev:()=>{u.value=Math.max(u.value-1,0)}}}const A={class:`robot-search-palette`},j={class:`robot-search-header`},M=[`placeholder`],N={class:`robot-search-content`},ee={key:0,class:`robot-empty-state`},te={class:`robot-search-results`},P={class:`robot-result-group`},ne={class:`robot-group-title`},re={class:`robot-group-count`},ie={class:`robot-group-items`},ae=[`onClick`,`onMouseenter`],oe={key:1,class:`robot-item-icon robot-default-icon`},se={class:`robot-item-content`},ce={class:`robot-item-label`},le={class:`robot-item-desc`},ue=[`onClick`],de={class:`robot-search-results`},F={key:0,class:`robot-empty-state`},I={class:`robot-result-group`},L={class:`robot-group-title`},R={class:`robot-group-count`},z={class:`robot-group-items`},B=[`onClick`,`onMouseenter`],V={key:1,class:`robot-item-icon robot-default-icon`},fe={class:`robot-item-content`},H=[`innerHTML`],pe={class:`robot-item-desc`},me={key:2,class:`robot-item-badge`},he={class:`robot-search-footer`},ge={key:0,class:`robot-footer-info`},_e={key:0},ve={key:1};var U=e(d({name:`C_GlobalSearch`,__name:`index`,props:{options:{},placeholder:{default:`搜索导航菜单...`},emptyText:{default:`输入关键词搜索菜单`},resultGroupTitle:{default:`菜单导航`}},setup(e,{expose:i}){let{showDialog:d,searchValue:p,selectedIndex:h,searchInputRef:g,isDark:v,filteredMenuItems:w,displayHistory:U,hasResults:W,hasContent:G,getItemClasses:K,highlightMatch:ye,formatMenuPath:q,clearHistory:J,removeHistoryItem:be,openDialog:Y,closeDialog:X,selectHistoryItem:xe,selectItem:Se,handleEnter:Z,focusNext:Q,focusPrev:$}=k(e.options);return i({openDialog:Y,closeDialog:X}),(e,i)=>(_(),s(`div`,A,[o(` 搜索触发按钮 `),c(`div`,{class:m([`robot-search-trigger`,{"trigger-dark":S(v)}]),onClick:i[0]||=(...e)=>S(Y)&&S(Y)(...e)},i[11]||=[c(`div`,{class:`i-mdi:search robot-trigger-icon`},null,-1),c(`span`,{class:`robot-trigger-text`},`搜索`,-1),c(`span`,{class:`robot-trigger-shortcut`},`Ctrl K`,-1)],2),o(` 搜索对话框 `),(_(),a(n,{to:`body`},[u(r,{name:`robot-dialog`},{default:T(()=>[S(d)?(_(),s(`div`,{key:0,class:`robot-dialog-overlay`,onClick:i[9]||=(...e)=>S(X)&&S(X)(...e),onKeydown:i[10]||=D((...e)=>S(X)&&S(X)(...e),[`esc`])},[c(`div`,{class:m([`robot-dialog-container`,{"dialog-dark":S(v)}]),onClick:i[8]||=O(()=>{},[`stop`])},[o(` 搜索头部 `),c(`div`,j,[i[13]||=c(`div`,{class:`i-mdi:magnify robot-search-icon`},null,-1),E(c(`input`,{ref_key:`searchInputRef`,ref:g,"onUpdate:modelValue":i[1]||=e=>f(p)?p.value=e:null,type:`text`,placeholder:e.placeholder,class:`robot-search-input`,onKeydown:[i[2]||=D((...e)=>S(X)&&S(X)(...e),[`esc`]),i[3]||=D((...e)=>S(Z)&&S(Z)(...e),[`enter`]),i[4]||=D((...e)=>S(Q)&&S(Q)(...e),[`arrow-down`]),i[5]||=D((...e)=>S($)&&S($)(...e),[`arrow-up`])]},null,40,M),[[C,S(p)]]),c(`button`,{class:`robot-close-btn`,onClick:i[6]||=(...e)=>S(X)&&S(X)(...e)},i[12]||=[c(`div`,{class:`i-mdi:close`},null,-1)])]),o(` 搜索内容 `),c(`div`,N,[o(` 空状态 `),S(G)?!S(p).trim()&&S(U).length>0?(_(),s(t,{key:1},[o(` 搜索历史 `),c(`div`,te,[c(`div`,P,[c(`div`,ne,[i[16]||=c(`div`,{class:`i-mdi:clock-time-four-outline robot-group-icon`},null,-1),i[17]||=l(` 最近搜索 `,-1),c(`span`,re,x(S(U).length),1),c(`button`,{class:`robot-clear-history`,onClick:i[7]||=(...e)=>S(J)&&S(J)(...e),title:`清空历史`},i[15]||=[c(`div`,{class:`i-mdi:delete-outline`},null,-1)])]),c(`div`,ie,[(_(!0),s(t,null,y(S(U),(e,t)=>(_(),s(`div`,{key:`history-${t}`,class:m(S(K)(t,!0)),onClick:t=>S(xe)(e),onMouseenter:e=>h.value=t},[e.menuItem?.icon?(_(),a(b(e.menuItem.icon),{key:0,class:`robot-item-icon`})):(_(),s(`div`,oe,i[18]||=[c(`div`,{class:`i-mdi:file-document-outline`},null,-1)])),c(`div`,se,[c(`div`,ce,x(e.query),1),c(`div`,le,x(S(q)(e.menuItem?.key||``)),1)]),c(`button`,{class:`robot-history-delete`,onClick:O(e=>S(be)(t),[`stop`]),title:`删除此记录`},i[19]||=[c(`div`,{class:`i-mdi:close`},null,-1)],8,ue)],42,ae))),128))])])])],64)):S(p).trim()?(_(),s(t,{key:2},[o(` 搜索结果 `),c(`div`,de,[o(` 无结果状态 `),S(W)?(_(),s(t,{key:1},[o(` 搜索结果列表 `),c(`div`,I,[c(`div`,L,[i[21]||=c(`div`,{class:`i-mdi:menu robot-group-icon`},null,-1),l(` `+x(e.resultGroupTitle)+` `,1),c(`span`,R,x(S(w).length),1)]),c(`div`,z,[(_(!0),s(t,null,y(S(w),(e,t)=>(_(),s(`div`,{key:e.key,class:m(S(K)(t,!1)),onClick:t=>S(Se)(e),onMouseenter:e=>h.value=t},[e.icon?(_(),a(b(e.icon),{key:0,class:`robot-item-icon`})):(_(),s(`div`,V,i[22]||=[c(`div`,{class:`i-mdi:file-document-outline`},null,-1)])),c(`div`,fe,[c(`div`,{class:`robot-item-label`,innerHTML:S(ye)(e.label,S(p))},null,8,H),c(`div`,pe,x(S(q)(e.key)),1)]),e.children?.length?(_(),s(`div`,me,x(e.children.length),1)):o(`v-if`,!0)],42,B))),128))])])],2112)):(_(),s(`div`,F,[i[20]||=c(`div`,{class:`i-mdi:magnify robot-empty-icon`},null,-1),c(`p`,null,`未找到 "`+x(S(p))+`" 相关内容`,1)]))])],64)):o(`v-if`,!0):(_(),s(`div`,ee,[i[14]||=c(`div`,{class:`i-mdi:magnify robot-empty-icon`},null,-1),c(`p`,null,x(e.emptyText),1)]))]),o(` 搜索底部 `),c(`div`,he,[i[23]||=c(`div`,{class:`robot-footer-actions`},[c(`div`,{class:`robot-action-item`},[c(`kbd`,null,`↵`),c(`span`,null,`选择`)]),c(`div`,{class:`robot-action-item`},[c(`kbd`,null,`↑↓`),c(`span`,null,`导航`)]),c(`div`,{class:`robot-action-item`},[c(`kbd`,null,`esc`),c(`span`,null,`关闭`)])],-1),S(G)?(_(),s(`div`,ge,[S(p).trim()&&S(W)?(_(),s(`span`,_e,` 共 `+x(S(w).length)+` 项结果 `,1)):!S(p).trim()&&S(U).length>0?(_(),s(`span`,ve,x(S(U).length)+` 条历史记录 `,1)):o(`v-if`,!0)])):o(`v-if`,!0)])],2)],32)):o(`v-if`,!0)]),_:1})]))]))}}),[[`__scopeId`,`data-v-4b182fa8`]]);export{k as n,U as t};
|
|
336
2
|
//# sourceMappingURL=C_GlobalSearch2.js.map
|