fix: 1.修复了切换文件夹后无法自动滚动到顶部的问题。2.修复了图标路径错误的问题。

This commit is contained in:
539943419 committed 2024-08-30 23:56:20 +08:00
1 parent c02f6743e3
commit fcb2fe8f7f
4 files changed
+13 -11

No files matched your search

+1 -1
View File
@@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="./favicon.ico" /> <link rel="icon" type="image/svg+xml" href="./icon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>MiaoDirectory</title> <title>MiaoDirectory</title>
</head> </head>
+1 -1
View File
@@ -7,7 +7,7 @@
"dev": "vite", "dev": "vite",
"dev:host": "vite --host 0.0.0.0", "dev:host": "vite --host 0.0.0.0",
"build": "vue-tsc -b && vite build", "build": "vue-tsc -b && vite build",
"build:auto": "pnpm run build && rm -rf ./serve/web/* && cp -r ./dist/* ./serve/web/ && cd ./serve && go build && mv ./miao-directory.exe ../", "build:auto": "pnpm run build && rm -rf ./serve/web/* && cp -r ./dist/* ./serve/web/ && cd ./serve && go env -w GOOS=windows && go build -o ../miao-directory.exe",
"build:auto:release": "pnpm run build && rm -rf ./serve/web/* && cp -r ./dist/* ./serve/web/ && cd ./serve && go env -w GOOS=windows GOARCH=amd64 && go build -o ../miao-directory-amd64-win.exe && go env -w GOOS=linux GOARCH=amd64 && go build -o ../miao-directory-amd64-linux", "build:auto:release": "pnpm run build && rm -rf ./serve/web/* && cp -r ./dist/* ./serve/web/ && cd ./serve && go env -w GOOS=windows GOARCH=amd64 && go build -o ../miao-directory-amd64-win.exe && go env -w GOOS=linux GOARCH=amd64 && go build -o ../miao-directory-amd64-linux",
"preview": "vite preview" "preview": "vite preview"
}, },
@@ -30,6 +30,7 @@ import { NScrollbar } from 'naive-ui'
import VirtualDirectory, { VirtualFile } from '@/class/VirtualDirectory' import VirtualDirectory, { VirtualFile } from '@/class/VirtualDirectory'
import miaoDirectoryItem from '@/components/miaoDirectory/miaoDirectoryItem.vue' import miaoDirectoryItem from '@/components/miaoDirectory/miaoDirectoryItem.vue'
import miaoLazyDiv from '@/components/miaoLazyDiv.vue' import miaoLazyDiv from '@/components/miaoLazyDiv.vue'
import { ref } from 'vue';
const props = defineProps<{ const props = defineProps<{
color: string color: string
@@ -48,6 +49,10 @@ const emit = defineEmits<{
'item-select': [item: VirtualDirectory | VirtualFile] 'item-select': [item: VirtualDirectory | VirtualFile]
}>() }>()
const scrollbarRef = ref()
defineExpose({ scrollTo: (...args: any) => scrollbarRef.value.scrollTo(...args) });
const handleItemClick = (item: VirtualDirectory | VirtualFile) => { const handleItemClick = (item: VirtualDirectory | VirtualFile) => {
emit('item-click', item) emit('item-click', item)
} }
+6 -9
View File
@@ -8,7 +8,7 @@
@set-current-directory="setCurrentDirectory" @search="handleSearch" @menu-select="handleTopBarMenuSelect" /> @set-current-directory="setCurrentDirectory" @search="handleSearch" @menu-select="handleTopBarMenuSelect" />
<!-- 文件和文件夹列表 --> <!-- 文件和文件夹列表 -->
<miao-directory-items :color="props.color" :showData_directory="showData_directory" <miao-directory-items ref='miaoDirectoryItemRef' :color="props.color" :showData_directory="showData_directory"
:showData_files="showData_files" :selected-item="selectedItem.value" :index="index" :showData_files="showData_files" :selected-item="selectedItem.value" :index="index"
@item-click="handleItemClick" @item-download="handleItemDownload" @item-delete="handleItemDelete" @item-click="handleItemClick" @item-download="handleItemDownload" @item-delete="handleItemDelete"
@item-drag-start="handleItemDragStart" @item-rename="handleItemRename" @item-select="handleItemSelect" /> @item-drag-start="handleItemDragStart" @item-rename="handleItemRename" @item-select="handleItemSelect" />
@@ -66,14 +66,12 @@ const emit = defineEmits<{
}>() }>()
const popupInput = ref() const popupInput = ref()
// 是否显示模态框 // 是否显示模态框
const showModel = ref(0) const showModel = ref(0)
const searchText = ref<string>('') const searchText = ref<string>('')
const showDirs = ref<boolean>(true) const showDirs = ref<boolean>(true)
const showFiles = ref<boolean>(true) const showFiles = ref<boolean>(true)
const miaoDirectoryItemRef = ref()
class SelectedItem { class SelectedItem {
constructor() { constructor() {
@@ -211,11 +209,10 @@ const setCurrentDirectory = async (virtualDirectory: VirtualDirectory) => {
selectedItem.clear() selectedItem.clear()
handleSearchReset() handleSearchReset()
nextTick(() => { nextTick(() => {
// @ts-ignore miaoDirectoryItemRef.value.scrollTo({
const el = document.querySelector( top: 0,
`.miao-virtual-page-container-item-${props.id} .n-scrollbar > .n-scrollbar-rail > .n-scrollbar-track` behavior: "instant"
) })
el && (el.scrollTop = 0)
}) })
} }
currentDirectories.value[0] = virtualDirectory currentDirectories.value[0] = virtualDirectory