update: 文件管理器导航栏长文件名缩略处理

src/plugins/miaoDirectory/components/miaoDirectoryTop.vue

@@ -27,7 +27,9 @@
                      v-for="dir in currentDirectory?.getParents"
                      @click="handleClickBreadcrumbItem(dir)"
                      :clickable="true">
-                     <div>{{ dir.name }}</div>
+                     <n-ellipsis class="!max-w-[100px]">
+                        {{ dir.name }}
+                     </n-ellipsis>
                   </n-breadcrumb-item>
                </n-breadcrumb>
             </div>
@@ -59,13 +61,6 @@
 </template>
 
 <script setup lang="ts">
-import {
-   NBreadcrumbItem,
-   NBreadcrumb,
-   NIcon,
-   NDropdown,
-   NScrollbar
-} from 'naive-ui'
 import {
    CloudOutline,
    ChevronBackOutline,
@@ -74,6 +69,7 @@ import {
 } from '@vicons/ionicons5'
 import VirtualDirectory from '@/class/VirtualDirectory'
 import { ref } from 'vue'
+import { NScrollbar } from 'naive-ui/es/scrollbar';
 
 const props = defineProps<{
    color: string