🎨chore: 使用 oxlint, oxfmt&格式化代码

components/uni/FileDnD/index.vue

@@ -26,9 +26,9 @@ const selectedFiles = ref<File[]>([])
 
 const onIncomeFiles = (files?: FileList | null) => {
   if (files && files.length > 0) {
-    let wantedFiles = Array.from(files).filter(file => {
+    let wantedFiles = Array.from(files).filter((file) => {
       if (props.accept) {
-        const accept = props.accept.split(',').map(type => type.trim())
+        const accept = props.accept.split(',').map((type) => type.trim())
         return accept.includes(file.type)
       }
       return true
@@ -46,19 +46,20 @@ const onIncomeFiles = (files?: FileList | null) => {
 <template>
   <div
     :class="{
-      'bg-neutral-300 dark:bg-neutral-900 border-primary-300 dark:border-primary-800 shadow-inner': dragover,
+      'bg-neutral-300 dark:bg-neutral-900 border-primary-300 dark:border-primary-800 shadow-inner':
+        dragover,
     }"
-    class="w-full h-44 relative rounded-md border-2 border-dashed border-neutral-200 dark:border-neutral-800
-           bg-inherit cursor-pointer select-none transition duration-200
-           hover:border-primary-300 dark:hover:border-primary-800 overflow-hidden"
+    class="w-full h-44 relative rounded-md border-2 border-dashed border-neutral-200 dark:border-neutral-800 bg-inherit cursor-pointer select-none transition duration-200 hover:border-primary-300 dark:hover:border-primary-800 overflow-hidden"
     @click="inputRef?.click()"
     @dragover.prevent="dragover = true"
     @dragleave.prevent="dragover = false"
-    @drop.prevent="$event => {
-      dragover = false
-      if (!$event.dataTransfer?.files) return
-      onIncomeFiles($event.dataTransfer?.files)
-    }"
+    @drop.prevent="
+      ($event) => {
+        dragover = false
+        if (!$event.dataTransfer?.files) return
+        onIncomeFiles($event.dataTransfer?.files)
+      }
+    "
   >
     <input
       ref="inputRef"
@@ -70,7 +71,7 @@ const onIncomeFiles = (files?: FileList | null) => {
     />
     <div
       :class="{
-        'pb-6': selectedFiles.length > 0
+        'pb-6': selectedFiles.length > 0,
       }"
       class="w-full h-full flex flex-col justify-center items-center gap-2 transition-all"
     >
@@ -87,13 +88,27 @@ const onIncomeFiles = (files?: FileList | null) => {
       class="absolute inset-x-0 bottom-0 pl-2 pr-0.5 py-0.5 flex justify-between items-center bg-neutral-100 dark:bg-neutral-900 border-t dark:border-neutral-800"
     >
       <div class="flex-1 pr-4 overflow-hidden flex items-center gap-1">
-        <Icon :name="selectedFiles.length === 1 ? 'i-tabler-file' : 'i-tabler-files'"
-              class="text-neutral-500 dark:text-neutral-400"/>
+        <Icon
+          :name="
+            selectedFiles.length === 1 ? 'i-tabler-file' : 'i-tabler-files'
+          "
+          class="text-neutral-500 dark:text-neutral-400"
+        />
         <p
-          :title="selectedFiles.slice(0, 3).map(file => file.name).join(', ')"
+          :title="
+            selectedFiles
+              .slice(0, 3)
+              .map((file) => file.name)
+              .join(', ')
+          "
           class="text-2xs font-medium overflow-hidden text-ellipsis whitespace-nowrap"
         >
-          {{ selectedFiles.slice(0, 3).map(file => file.name).join(', ') }}
+          {{
+            selectedFiles
+              .slice(0, 3)
+              .map((file) => file.name)
+              .join(', ')
+          }}
         </p>
       </div>
       <div>
@@ -102,18 +117,18 @@ const onIncomeFiles = (files?: FileList | null) => {
           size="xs"
           square
           variant="ghost"
-          @click.stop="() => {
-            selectedFiles = []
-            inputRef!.value = ''
-          }"
+          @click.stop="
+            () => {
+              selectedFiles = []
+              inputRef!.value = ''
+            }
+          "
         >
-          <Icon name="i-tabler-x"/>
+          <Icon name="i-tabler-x" />
         </UButton>
       </div>
     </div>
   </div>
 </template>
 
-<style scoped>
-
-</style>
+<style scoped></style>