diff --git a/snowy-admin-web/src/layout/components/mixins/search.js b/snowy-admin-web/src/layout/components/mixins/search.js deleted file mode 100755 index f18fb956..00000000 --- a/snowy-admin-web/src/layout/components/mixins/search.js +++ /dev/null @@ -1,58 +0,0 @@ -import { mapState, mapActions } from 'pinia' -import hotkeys from 'hotkeys-js' -import { searchStore } from '@/store' - -export default { - mounted() { - // 绑定搜索功能快捷键 [ 打开 ] - hotkeys(this.searchHotkey.open, (event) => { - event.preventDefault() - this.searchPanelOpen() - }) - // 绑定搜索功能快捷键 [ 关闭 ] - hotkeys(this.searchHotkey.close, (event) => { - event.preventDefault() - this.searchPanelClose() - }) - }, - beforeDestroy() { - hotkeys.unbind(this.searchHotkey.open) - hotkeys.unbind(this.searchHotkey.close) - }, - computed: { - ...mapState(searchStore, { - searchActive: (state) => state.active, - searchHotkey: (state) => state.hotkey - }) - }, - methods: { - ...mapActions(searchStore, ['toggleActive', 'setActive']), - // 接收点击搜索按钮 - handleSearchClick() { - this.toggleActive() - if (this.searchActive) { - setTimeout(() => { - if (this.$refs.panelSearch) { - this.$refs.panelSearch.focus() - } - }, 300) - } - }, - searchPanelOpen() { - if (!this.searchActive) { - this.setActive(true) - setTimeout(() => { - if (this.$refs.panelSearch) { - this.$refs.panelSearch.focus() - } - }, 300) - } - }, - // 关闭搜索面板 - searchPanelClose() { - if (this.searchActive) { - this.setActive(false) - } - } - } -} diff --git a/snowy-admin-web/src/layout/components/panel-search/index.vue b/snowy-admin-web/src/layout/components/panel-search/index.vue index 9eb0eebb..aef2e6a2 100644 --- a/snowy-admin-web/src/layout/components/panel-search/index.vue +++ b/snowy-admin-web/src/layout/components/panel-search/index.vue @@ -1,210 +1,262 @@ -