fix filemanager

src/components/filebrowser/List.vue

@@ -19,6 +19,7 @@ const inProps = defineProps({
   endpoints: Object as PropType<EndPoints>,
   axios: Object as PropType<Axios>,
   refreshpending: Boolean,
+  sort: String,
 })
 
 // 对外事件
@@ -125,18 +126,18 @@ const isImage = computed(() => {
 async function load() {
   loading.value = true
   emit('loading', true)
-  if (isDir.value) {
-    const url = inProps.endpoints?.list.url
-      .replace(/{storage}/g, storage.value)
-      .replace(/{path}/g, encodeURIComponent(inProps.path || ''))
+  // 参数
+  const url = inProps.endpoints?.list.url
+    .replace(/{storage}/g, storage.value)
+    .replace(/{path}/g, encodeURIComponent(inProps.path || ''))
+    .replace(/{sort}/g, inProps.sort || 'name')
 
-    const config = {
-      url,
-      method: inProps.endpoints?.list.method || 'get',
-    }
-    // 加载数据
-    items.value = await axiosInstance.value.request(config) ?? []
+  const config = {
+    url,
+    method: inProps.endpoints?.list.method || 'get',
   }
+  // 加载数据
+  items.value = await axiosInstance.value.request(config) ?? []
   emit('loading', false)
   loading.value = false
 }
@@ -275,6 +276,11 @@ async function transfer() {
   }
 }
 
+// 将文件修改时间（timestape）转换为本地时间
+function formatTime(timestape: number) {
+  return new Date(timestape * 1000).toLocaleString()
+}
+
 // 监听path变化
 watch(
   () => inProps.path,
@@ -408,7 +414,9 @@ onMounted(() => {
       v-else-if="isFile && !isImage"
       class="text-center break-all"
     >
-      文件: {{ path }}
+      <strong>{{ items[0]?.name }}</strong><br>
+      大小：{{ formatBytes(items[0]?.size || 0) }}<br>
+      修改时间：{{ formatTime(items[0]?.modify_time || 0) }}
     </VCardText>
     <VCardText
       v-else-if="isFile && isImage"

src/components/filebrowser/Toolbar.vue

@@ -12,7 +12,7 @@ const inProps = defineProps({
 })
 
 // 对外事件
-const emit = defineEmits(['storagechanged', 'pathchanged', 'loading', 'foldercreated'])
+const emit = defineEmits(['storagechanged', 'pathchanged', 'loading', 'foldercreated', 'sortchanged'])
 
 // 新建文件夹名称
 const newFolderPopper = ref(false)
@@ -20,6 +20,19 @@ const newFolderPopper = ref(false)
 // 新建文件名称
 const newFolderName = ref('')
 
+// 排序方式
+const sort = ref('name')
+
+// 调整排序方式
+function changeSort() {
+  if (sort.value === 'name')
+    sort.value = 'time'
+  else
+    sort.value = 'name'
+
+  emit('sortchanged', sort.value)
+}
+
 // 计算PATH面包屑
 const pathSegments = computed(() => {
   let path_str = ''
@@ -81,6 +94,14 @@ async function mkdir() {
   // 通知重新加载
   emit('foldercreated')
 }
+
+// 计算排序图标
+const sortIcon = computed(() => {
+  if (sort.value === 'time')
+    return 'mdi-sort-clock-ascending-outline'
+  else
+    return 'mdi-sort-alphabetical-ascending'
+})
 </script>
 
 <template>
@@ -123,6 +144,9 @@ async function mkdir() {
       </template>
     </VToolbarItems>
     <div class="flex-grow-1" />
+    <IconBtn @click="changeSort">
+      <VIcon :icon="sortIcon" />
+    </IconBtn>
     <IconBtn v-if="pathSegments.length > 0" @click="goUp">
       <VIcon icon="mdi-arrow-up-bold-outline" />
     </IconBtn>