feat: 添加prettier格式化代码

src/hooks/buildFromTree.ts

@@ -1,4 +1,4 @@
-import VirtualDirectory, { Tree, VirtualFile } from "@/class/VirtualDirectory";
+import VirtualDirectory, { Tree, VirtualFile } from '@/class/VirtualDirectory'
 
 /**
  * 通过VirtualDirectory的.tree重建文件夹树
@@ -6,10 +6,10 @@ import VirtualDirectory, { Tree, VirtualFile } from "@/class/VirtualDirectory";
  * @returns {any}
  */
 const buildFromTree = (data: Tree) => {
-    const root = new VirtualDirectory(data)
-    root.files = data.files?.map(v=>new VirtualFile(v, root))
-    root.directories = data.directories?.map(v=>buildFromTree(v))
-    return root
+   const root = new VirtualDirectory(data)
+   root.files = data.files?.map((v) => new VirtualFile(v, root))
+   root.directories = data.directories?.map((v) => buildFromTree(v))
+   return root
 }
 
-export default buildFromTree;
+export default buildFromTree

src/hooks/dateFormatter.ts

@@ -1,20 +1,28 @@
 export default function dateFormatter(date: Date, fmt: string) {
-	var o:any = {
-		"M+": date.getMonth() + 1, //月份
-		"d+": date.getDate(), //日
-		"h+": date.getHours(), //小时
-		"m+": date.getMinutes(), //分
-		"s+": date.getSeconds(), //秒
-		"q+": Math.floor((date.getMonth() + 3) / 3), //季度
-		"S": date.getMilliseconds() //毫秒
-	};
-	if (/(y+)/.test(fmt)) {
-		fmt = fmt.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length));
-	}
-	for (var k in o) {
-		if (new RegExp("(" + k + ")").test(fmt)) {
-			fmt = fmt.replace(RegExp.$1, RegExp.$1.length == 1 ?  o[k] : ("00" + o[k]).substr(("" + o[k]).length));
-		}
-	}
-	return fmt;
+   var o: any = {
+      'M+': date.getMonth() + 1, //月份
+      'd+': date.getDate(), //日
+      'h+': date.getHours(), //小时
+      'm+': date.getMinutes(), //分
+      's+': date.getSeconds(), //秒
+      'q+': Math.floor((date.getMonth() + 3) / 3), //季度
+      S: date.getMilliseconds() //毫秒
+   }
+   if (/(y+)/.test(fmt)) {
+      fmt = fmt.replace(
+         RegExp.$1,
+         (date.getFullYear() + '').substr(4 - RegExp.$1.length)
+      )
+   }
+   for (var k in o) {
+      if (new RegExp('(' + k + ')').test(fmt)) {
+         fmt = fmt.replace(
+            RegExp.$1,
+            RegExp.$1.length == 1
+               ? o[k]
+               : ('00' + o[k]).substr(('' + o[k]).length)
+         )
+      }
+   }
+   return fmt
 }

src/hooks/dropHandler.ts

@@ -1,109 +1,114 @@
-import config from "@/config";
+import config from '@/config'
 
-const { uploadSizeLimit } = config;
+const { uploadSizeLimit } = config
 
 export type dropHandlerHooks = {
-	/**
-	 * 仅返回小于config.ts中大小限制的文件，不会返回文件夹
-	 */
-	onDropFiles?: (files: File[]) => void;
-	/**
-	 * 当拖动时
-	 */
-	onOver?: () => void;
-	/**
-	 * 当进入时
-	 */
-	onEnter?: () => void;
+   /**
+    * 仅返回小于config.ts中大小限制的文件，不会返回文件夹
+    */
+   onDropFiles?: (files: File[]) => void
+   /**
+    * 当拖动时
+    */
+   onOver?: () => void
+   /**
+    * 当进入时
+    */
+   onEnter?: () => void
 
-	/**
-	 * 当离开时
-	 */
-	onLeave?: () => void;
+   /**
+    * 当离开时
+    */
+   onLeave?: () => void
 
-	/**
-	 * 离开或是放下时都会触发
-	 * @returns {any}
-	 */
-	onEnd?: () => void;
-};
+   /**
+    * 离开或是放下时都会触发
+    * @returns {any}
+    */
+   onEnd?: () => void
+}
 
 const isFile = (file: File) =>
-	new Promise(resolve => {
-		const reader = new FileReader();
-		reader.onload = () => {
-			resolve(true);
-			reader.abort();
-		};
-		reader.onerror = () => {
-			resolve(false);
-			reader.abort();
-		};
-		reader.readAsText(file);
-	});
+   new Promise((resolve) => {
+      const reader = new FileReader()
+      reader.onload = () => {
+         resolve(true)
+         reader.abort()
+      }
+      reader.onerror = () => {
+         resolve(false)
+         reader.abort()
+      }
+      reader.readAsText(file)
+   })
 
 /**
  * 只保留文件，移去文件夹
  * @param {File[]} files
  */
 const filesFilter = async (files: File[]) => {
-	let index = 0;
-	while (index < files.length) {
-		const currentFile = files[index];
-		const _isFile = await isFile(currentFile);
-		if (_isFile) {
-			index += 1;
-			continue;
-		} else {
-			files.splice(index, 1);
-			continue;
-		}
-	}
-};
-
-export default function dropHandler(dom: HTMLDivElement, hooks?: dropHandlerHooks) {
-	dom.addEventListener(
-		"dragenter",
-		function (e) {
-			e.preventDefault();
-			e.stopPropagation();
-			hooks?.onEnter && hooks?.onEnter();
-		},
-		false
-	);
-
-	dom.addEventListener(
-		"dragover",
-		function (e) {
-			e.preventDefault();
-			e.stopPropagation();
-			hooks?.onOver && hooks?.onOver();
-		},
-		false
-	);
-
-	dom.addEventListener(
-		"dragleave",
-		function (e) {
-			e.preventDefault();
-			e.stopPropagation();
-			hooks?.onLeave && hooks?.onLeave();
-			hooks?.onEnd && hooks.onEnd();
-		},
-		false
-	);
-
-	dom.addEventListener(
-		"drop",
-		async function (e) {
-			// console.log(e, e.dataTransfer?.types);
-			e.preventDefault();
-			e.stopPropagation();
-			const files = [...(e.dataTransfer?.files ?? [])].filter(file => file.size < uploadSizeLimit);
-			await filesFilter(files);
-			hooks?.onDropFiles && hooks.onDropFiles(files);
-			hooks?.onEnd && hooks.onEnd();
-		},
-		false
-	);
+   let index = 0
+   while (index < files.length) {
+      const currentFile = files[index]
+      const _isFile = await isFile(currentFile)
+      if (_isFile) {
+         index += 1
+         continue
+      } else {
+         files.splice(index, 1)
+         continue
+      }
+   }
+}
+
+export default function dropHandler(
+   dom: HTMLDivElement,
+   hooks?: dropHandlerHooks
+) {
+   dom.addEventListener(
+      'dragenter',
+      function (e) {
+         e.preventDefault()
+         e.stopPropagation()
+         hooks?.onEnter && hooks?.onEnter()
+      },
+      false
+   )
+
+   dom.addEventListener(
+      'dragover',
+      function (e) {
+         e.preventDefault()
+         e.stopPropagation()
+         hooks?.onOver && hooks?.onOver()
+      },
+      false
+   )
+
+   dom.addEventListener(
+      'dragleave',
+      function (e) {
+         e.preventDefault()
+         e.stopPropagation()
+         hooks?.onLeave && hooks?.onLeave()
+         hooks?.onEnd && hooks.onEnd()
+      },
+      false
+   )
+
+   dom.addEventListener(
+      'drop',
+      async function (e) {
+         // console.log(e, e.dataTransfer?.types);
+         e.preventDefault()
+         e.stopPropagation()
+         const files = [...(e.dataTransfer?.files ?? [])].filter(
+            (file) => file.size < uploadSizeLimit
+         )
+         await filesFilter(files)
+         hooks?.onDropFiles && hooks.onDropFiles(files)
+         hooks?.onEnd && hooks.onEnd()
+      },
+      false
+   )
 }

src/hooks/generateId.ts

@@ -6,11 +6,11 @@ const idList: number[] = []
  * @returns {number}
  */
 export default function generateId(length?: number) {
-    length || (length = 16)
-    let id
-    while (!id || idList.includes(id)) {
-        id = Math.ceil(Math.random() * 10 ** 16)
-    }
-    idList.push(id)
-    return id
+   length || (length = 16)
+   let id
+   while (!id || idList.includes(id)) {
+      id = Math.ceil(Math.random() * 10 ** 16)
+   }
+   idList.push(id)
+   return id
 }

src/hooks/init.ts

@@ -1,6 +1,6 @@
-import { alertTipType } from "@/types/type";
-import initPlugin from "./init/initPlugin";
+import { alertTipType } from '@/types/type'
+import initPlugin from './init/initPlugin'
 
 export default async function init(globalAlertTip: alertTipType) {
-	await initPlugin(globalAlertTip)
+   await initPlugin(globalAlertTip)
 }

src/hooks/init/initPlugin.ts

@@ -1,24 +1,28 @@
-import usePluginCenter, { initPluginCenter } from "@/hooks/usePluginCenter";
-import { Plugin, registerComponentOption } from "@/class/PluginCenter";
-import { alertTipType, PluginExportType } from "@/types/type";
+import usePluginCenter, { initPluginCenter } from '@/hooks/usePluginCenter'
+import { Plugin, registerComponentOption } from '@/class/PluginCenter'
+import { alertTipType, PluginExportType } from '@/types/type'
 
 const initPlugin = async (globalAlertTip: alertTipType) => {
-	initPluginCenter(globalAlertTip);
-	const modulesFiles = import.meta.glob("@/plugins/**/export*.ts", { eager: true });
-	const pluginCenter = usePluginCenter();
-	for (let pluginConfig of Object.values(modulesFiles)) {
-		const _config = pluginConfig as {
-			default: registerComponentOption | Plugin;
-			type: PluginExportType;
-			key?: string;
-		};
-		const { type, key } = _config;
-		if (type === PluginExportType.component) {
-			pluginCenter.registerComponent(_config.default as registerComponentOption);
-		} else if (type === PluginExportType.default) {
-			pluginCenter.register(key as string, _config.default as Plugin);
-		}
-	}
-};
+   initPluginCenter(globalAlertTip)
+   const modulesFiles = import.meta.glob('@/plugins/**/export*.ts', {
+      eager: true
+   })
+   const pluginCenter = usePluginCenter()
+   for (let pluginConfig of Object.values(modulesFiles)) {
+      const _config = pluginConfig as {
+         default: registerComponentOption | Plugin
+         type: PluginExportType
+         key?: string
+      }
+      const { type, key } = _config
+      if (type === PluginExportType.component) {
+         pluginCenter.registerComponent(
+            _config.default as registerComponentOption
+         )
+      } else if (type === PluginExportType.default) {
+         pluginCenter.register(key as string, _config.default as Plugin)
+      }
+   }
+}
 
-export default initPlugin;
+export default initPlugin

src/hooks/miaoTools.ts

@@ -2,63 +2,63 @@ import { NIcon } from 'naive-ui'
 import { h } from 'vue'
 
 export const filePicker = (() => {
-    let _resolve: ((files: File[]) => void) | undefined
-    return (option?: { accept?: 'string'; multiple: boolean }) => {
-        if (_resolve) {
-            _resolve([])
-            _resolve = undefined
-        }
-        return new Promise<File[]>((resolve) => {
-            const inpEle = document.createElement('input')
-            inpEle.id = `__file_${Math.ceil(Math.random() * 100000000)}`
-            inpEle.type = 'file'
-            inpEle.style.display = 'none'
-            _resolve = resolve
-            // 文件类型限制
-            // inpEle.accept="image/*"
-            option?.accept && (inpEle.accept = option?.accept)
-            // 多选限制
-            option?.multiple && (inpEle.multiple = option?.multiple)
-            // inpEle.addEventListener("change", event => fn.call(inpEle, event, inpEle.files), { once: true });
-            inpEle.addEventListener(
-                'change',
-                () => {
-                    if (!inpEle.files) {
-                        return
-                    }
-                    const files: File[] = []
-                    let i = 0
-                    while (i < inpEle.files?.length) {
-                        const _file = inpEle?.files?.item(i)
-                        if (_file !== null) {
-                            files.push(_file)
-                        }
-                        i += 1
-                    }
-                    resolve(files)
-                    _resolve = undefined
-                },
-                { once: true }
-            )
-            inpEle.click()
-        })
-    }
+   let _resolve: ((files: File[]) => void) | undefined
+   return (option?: { accept?: 'string'; multiple: boolean }) => {
+      if (_resolve) {
+         _resolve([])
+         _resolve = undefined
+      }
+      return new Promise<File[]>((resolve) => {
+         const inpEle = document.createElement('input')
+         inpEle.id = `__file_${Math.ceil(Math.random() * 100000000)}`
+         inpEle.type = 'file'
+         inpEle.style.display = 'none'
+         _resolve = resolve
+         // 文件类型限制
+         // inpEle.accept="image/*"
+         option?.accept && (inpEle.accept = option?.accept)
+         // 多选限制
+         option?.multiple && (inpEle.multiple = option?.multiple)
+         // inpEle.addEventListener("change", event => fn.call(inpEle, event, inpEle.files), { once: true });
+         inpEle.addEventListener(
+            'change',
+            () => {
+               if (!inpEle.files) {
+                  return
+               }
+               const files: File[] = []
+               let i = 0
+               while (i < inpEle.files?.length) {
+                  const _file = inpEle?.files?.item(i)
+                  if (_file !== null) {
+                     files.push(_file)
+                  }
+                  i += 1
+               }
+               resolve(files)
+               _resolve = undefined
+            },
+            { once: true }
+         )
+         inpEle.click()
+      })
+   }
 })()
 
 export const renderIcon = (icon: any) => {
-    return () => {
-        return h(NIcon, null, {
-            default: () => h(icon)
-        })
-    }
+   return () => {
+      return h(NIcon, null, {
+         default: () => h(icon)
+      })
+   }
 }
 
 export const sleep = async (timeout: number) => {
-    await new Promise(_=>setTimeout(_, timeout))
+   await new Promise((_) => setTimeout(_, timeout))
 }
 
 export default {
-    filePicker,
-    renderIcon,
-    sleep
+   filePicker,
+   renderIcon,
+   sleep
 }

src/hooks/useDataBus.ts

@@ -1,26 +1,26 @@
-import { reactive } from "vue";
+import { reactive } from 'vue'
 
 let dataStorage: {
-	[key: string | number] : any
-};
+   [key: string | number]: any
+}
 
 export default function useDataBus() {
-	if(dataStorage === undefined) {
-		dataStorage = reactive({})
-	}
-	return {
-		set(key: string | number, value: any) {
-			dataStorage[key] = value;
-			return value;
-		},
-		pop(key: string | number) {
-			const value = dataStorage[key];
-			dataStorage[key] = undefined;
-			return value;
-		},
-		get(key: string | number) {
-			const value = dataStorage[key];
-			return value;
-		}
-	};
+   if (dataStorage === undefined) {
+      dataStorage = reactive({})
+   }
+   return {
+      set(key: string | number, value: any) {
+         dataStorage[key] = value
+         return value
+      },
+      pop(key: string | number) {
+         const value = dataStorage[key]
+         dataStorage[key] = undefined
+         return value
+      },
+      get(key: string | number) {
+         const value = dataStorage[key]
+         return value
+      }
+   }
 }

src/hooks/useMiaoFetchApi.ts

@@ -1,274 +1,303 @@
-import VirtualDirectory, { VirtualFile } from "@/class/VirtualDirectory";
+import VirtualDirectory, { VirtualFile } from '@/class/VirtualDirectory'
 import {
-	getOption,
-	getResponse,
-	miaoFetchConfig,
-	deleteOption,
-	uploadOption,
-	queryOption,
-	renameOption,
-	cutOption,
-	mkdirOption,
-	getFileOption
-} from "@/types/fetch";
-import Config from "@/config";
-import axios, { AxiosRequestConfig, AxiosResponse } from "axios";
+   getOption,
+   getResponse,
+   miaoFetchConfig,
+   deleteOption,
+   uploadOption,
+   queryOption,
+   renameOption,
+   cutOption,
+   mkdirOption,
+   getFileOption
+} from '@/types/fetch'
+import Config from '@/config'
+import axios, { AxiosRequestConfig, AxiosResponse } from 'axios'
 
 export const useMiaoFetch = (option?: miaoFetchConfig) => {
-	const retry = option?.retry ?? 0;
-	const controller = new AbortController();
-	let flag = true;
-	return {
-		miaoFetch: async (config: AxiosRequestConfig<any>): Promise<AxiosResponse<any, any>> => {
-			let counter = 0;
-			let response: any;
-			let errList = [];
-			while (flag && counter <= retry) {
-				try {
-					response = await axios({
-						...config,
-						signal: controller.signal
-					});
-					return response;
-				} catch (_e) {
-					errList.push(_e);
-					counter += 1;
-				}
-			}
-			throw errList;
-		},
-		/**
-		 * 强制终止miaoFetch
-		 */
-		abortMiaoFetch: () => {
-			flag = false;
-			controller.abort();
-		}
-	};
-};
+   const retry = option?.retry ?? 0
+   const controller = new AbortController()
+   let flag = true
+   return {
+      miaoFetch: async (
+         config: AxiosRequestConfig<any>
+      ): Promise<AxiosResponse<any, any>> => {
+         let counter = 0
+         let response: any
+         let errList = []
+         while (flag && counter <= retry) {
+            try {
+               response = await axios({
+                  ...config,
+                  signal: controller.signal
+               })
+               return response
+            } catch (_e) {
+               errList.push(_e)
+               counter += 1
+            }
+         }
+         throw errList
+      },
+      /**
+       * 强制终止miaoFetch
+       */
+      abortMiaoFetch: () => {
+         flag = false
+         controller.abort()
+      }
+   }
+}
 
 const miaoFetchApi = {
-	/**
-	 * 获取对应文件夹下的数据
-	 */
-	async get(vDirectory: VirtualDirectory, option?: getOption): Promise<getResponse> {
-		const { baseUrl, api } = Config;
-		const url = `${baseUrl}${api.get}${vDirectory.path}`;
-		const retry = option?.retry ?? 0;
+   /**
+    * 获取对应文件夹下的数据
+    */
+   async get(
+      vDirectory: VirtualDirectory,
+      option?: getOption
+   ): Promise<getResponse> {
+      const { baseUrl, api } = Config
+      const url = `${baseUrl}${api.get}${vDirectory.path}`
+      const retry = option?.retry ?? 0
 
-		const { miaoFetch } = useMiaoFetch({
-			retry
-		});
-		const response = await miaoFetch({
-			url
-		});
-		return response.data;
-	},
+      const { miaoFetch } = useMiaoFetch({
+         retry
+      })
+      const response = await miaoFetch({
+         url
+      })
+      return response.data
+   },
 
-	/**
-	 * 获取对应文件下的数据
-	 */
-	getFile(vFile: VirtualFile, option?: getFileOption) {
-		// const { baseUrl, api } = Config
-		const url = vFile.url;
-		const retry = option?.retry ?? 0;
-		const axiosOption = option?.axiosOption ?? {};
+   /**
+    * 获取对应文件下的数据
+    */
+   getFile(vFile: VirtualFile, option?: getFileOption) {
+      // const { baseUrl, api } = Config
+      const url = vFile.url
+      const retry = option?.retry ?? 0
+      const axiosOption = option?.axiosOption ?? {}
 
-		const { miaoFetch, abortMiaoFetch: abort } = useMiaoFetch({
-			retry
-		});
-		const response = miaoFetch({
-			url,
-			responseType: "arraybuffer",
-			onDownloadProgress(progressEvent) {
-				option && option.onProcess && option.onProcess(progressEvent.total ? progressEvent.loaded / progressEvent.total : -1);
-			},
-			...axiosOption
-		});
-		return {
-			response: new Promise<Uint8Array>(async resolve => {
-				resolve(new Uint8Array((await response).data));
-			}),
-			abort
-		};
-	},
+      const { miaoFetch, abortMiaoFetch: abort } = useMiaoFetch({
+         retry
+      })
+      const response = miaoFetch({
+         url,
+         responseType: 'arraybuffer',
+         onDownloadProgress(progressEvent) {
+            option &&
+               option.onProcess &&
+               option.onProcess(
+                  progressEvent.total
+                     ? progressEvent.loaded / progressEvent.total
+                     : -1
+               )
+         },
+         ...axiosOption
+      })
+      return {
+         response: new Promise<Uint8Array>(async (resolve) => {
+            resolve(new Uint8Array((await response).data))
+         }),
+         abort
+      }
+   },
 
-	/**
-	 * 上传单个文件到对应文件夹, 后续要将data类型改成buffer以支持分片上传
-	 * 正常上传文件请使用uploadQueue
-	 */
-	upload(data: File, targetVDir: VirtualDirectory, option?: uploadOption) {
-		const { baseUrl, api } = Config;
-		const url = `${baseUrl}${api.upload}${targetVDir.path}`;
-		const retry = option?.retry ?? 0;
-		const { miaoFetch, abortMiaoFetch } = useMiaoFetch({
-			retry
-		});
-		const sizeTotal = data.size;
+   /**
+    * 上传单个文件到对应文件夹, 后续要将data类型改成buffer以支持分片上传
+    * 正常上传文件请使用uploadQueue
+    */
+   upload(data: File, targetVDir: VirtualDirectory, option?: uploadOption) {
+      const { baseUrl, api } = Config
+      const url = `${baseUrl}${api.upload}${targetVDir.path}`
+      const retry = option?.retry ?? 0
+      const { miaoFetch, abortMiaoFetch } = useMiaoFetch({
+         retry
+      })
+      const sizeTotal = data.size
 
-		const opType = option?.type ?? "write";
+      const opType = option?.type ?? 'write'
 
-		const formData = new FormData();
+      const formData = new FormData()
 
-		formData.append("file", data);
-		// 必须这样传，不然中文乱码
-		formData.append("fileName", data.name);
-		formData.append("operateType", opType);
+      formData.append('file', data)
+      // 必须这样传，不然中文乱码
+      formData.append('fileName', data.name)
+      formData.append('operateType', opType)
 
-		return {
-			abort: () => abortMiaoFetch(),
-			response: new Promise<{
-				message: "success" | "failed";
-				error?: string;
-			}>(async resolve => {
-				const response = await miaoFetch({
-					url,
-					method: "post",
-					data: formData,
-					onUploadProgress(progressEvent) {
-						option && option.onProcess && option.onProcess(progressEvent.loaded / sizeTotal);
-					}
-				});
-				resolve(response.data);
-			})
-		};
-	},
+      return {
+         abort: () => abortMiaoFetch(),
+         response: new Promise<{
+            message: 'success' | 'failed'
+            error?: string
+         }>(async (resolve) => {
+            const response = await miaoFetch({
+               url,
+               method: 'post',
+               data: formData,
+               onUploadProgress(progressEvent) {
+                  option &&
+                     option.onProcess &&
+                     option.onProcess(progressEvent.loaded / sizeTotal)
+               }
+            })
+            resolve(response.data)
+         })
+      }
+   },
 
-	/**
-	 * 在目标文件夹下创建新的文件夹
-	 */
-	mkdir(targetVDir: VirtualDirectory, newFolderName: string, option?: mkdirOption) {
-		const { baseUrl, api } = Config;
-		const url = `${baseUrl}${api.mkdir}${targetVDir.path}`;
-		const { miaoFetch } = useMiaoFetch({
-			retry: option?.retry ?? 0
-		});
+   /**
+    * 在目标文件夹下创建新的文件夹
+    */
+   mkdir(
+      targetVDir: VirtualDirectory,
+      newFolderName: string,
+      option?: mkdirOption
+   ) {
+      const { baseUrl, api } = Config
+      const url = `${baseUrl}${api.mkdir}${targetVDir.path}`
+      const { miaoFetch } = useMiaoFetch({
+         retry: option?.retry ?? 0
+      })
 
-		return new Promise<{
-			message: "success" | "failed";
-			error?: string;
-		}>(async resolve => {
-			const response = await miaoFetch({
-				url,
-				method: "post",
-				data: {
-					folderName: newFolderName
-				}
-			});
-			resolve(response.data);
-		});
-	},
-	/**
-	 * 在目标文件夹下创建新的空文件，实际上是通过upload空文件实现
-	 */
-	mkFile(targetVDir: VirtualDirectory, newFileName: string, option?: uploadOption) {
-		const emptyBlob = new Blob([]);
-		const emptyFile = new File([emptyBlob], newFileName, {
-			type: "text/plain"
-		});
-		return this.upload(emptyFile, targetVDir, option);
-	},
+      return new Promise<{
+         message: 'success' | 'failed'
+         error?: string
+      }>(async (resolve) => {
+         const response = await miaoFetch({
+            url,
+            method: 'post',
+            data: {
+               folderName: newFolderName
+            }
+         })
+         resolve(response.data)
+      })
+   },
+   /**
+    * 在目标文件夹下创建新的空文件，实际上是通过upload空文件实现
+    */
+   mkFile(
+      targetVDir: VirtualDirectory,
+      newFileName: string,
+      option?: uploadOption
+   ) {
+      const emptyBlob = new Blob([])
+      const emptyFile = new File([emptyBlob], newFileName, {
+         type: 'text/plain'
+      })
+      return this.upload(emptyFile, targetVDir, option)
+   },
 
-	/**
-	 * 删除对应的文件或文件夹，若为文件夹会递归删除
-	 */
-	delete(target: VirtualFile | VirtualDirectory, option?: deleteOption) {
-		const { baseUrl, api } = Config;
-		const url = `${baseUrl}${api.delete}${target.path}`;
-		const retry = option?.retry ?? 0;
-		const { miaoFetch } = useMiaoFetch({
-			retry
-		});
+   /**
+    * 删除对应的文件或文件夹，若为文件夹会递归删除
+    */
+   delete(target: VirtualFile | VirtualDirectory, option?: deleteOption) {
+      const { baseUrl, api } = Config
+      const url = `${baseUrl}${api.delete}${target.path}`
+      const retry = option?.retry ?? 0
+      const { miaoFetch } = useMiaoFetch({
+         retry
+      })
 
-		return {
-			response: new Promise<{
-				eventId: number;
-			}>(async resolve => {
-				const response = await miaoFetch({
-					url,
-					method: "post"
-				});
-				resolve(response.data);
-			})
-		};
-	},
-	/**
-	 * 重命名对应的文件或文件夹
-	 */
-	rename(target: VirtualFile | VirtualDirectory, newName: string, option?: renameOption) {
-		const { baseUrl, api } = Config;
-		const url = `${baseUrl}${api.rename}${target.path}`;
-		const retry = option?.retry ?? 0;
-		const { miaoFetch } = useMiaoFetch({
-			retry
-		});
+      return {
+         response: new Promise<{
+            eventId: number
+         }>(async (resolve) => {
+            const response = await miaoFetch({
+               url,
+               method: 'post'
+            })
+            resolve(response.data)
+         })
+      }
+   },
+   /**
+    * 重命名对应的文件或文件夹
+    */
+   rename(
+      target: VirtualFile | VirtualDirectory,
+      newName: string,
+      option?: renameOption
+   ) {
+      const { baseUrl, api } = Config
+      const url = `${baseUrl}${api.rename}${target.path}`
+      const retry = option?.retry ?? 0
+      const { miaoFetch } = useMiaoFetch({
+         retry
+      })
 
-		return {
-			response: new Promise<{
-				eventId: number;
-			}>(async resolve => {
-				const response = await miaoFetch({
-					url,
-					method: "post",
-					data: { newName }
-				});
-				resolve(response.data);
-			})
-		};
-	},
-	/**
-	 * 剪切文件或文件夹
-	 */
-	cut(target: VirtualFile | VirtualDirectory, to: VirtualDirectory, option?: cutOption) {
-		const newPath = to.path;
-		const { baseUrl, api } = Config;
-		const url = `${baseUrl}${api.cut}${target.path}`;
-		const retry = option?.retry ?? 0;
-		const { miaoFetch } = useMiaoFetch({
-			retry
-		});
-		return {
-			response: new Promise<{
-				eventId: number;
-			}>(async resolve => {
-				const response = await miaoFetch({
-					url,
-					method: "post",
-					data: { newPath }
-				});
-				resolve(response.data);
-			})
-		};
-	},
+      return {
+         response: new Promise<{
+            eventId: number
+         }>(async (resolve) => {
+            const response = await miaoFetch({
+               url,
+               method: 'post',
+               data: { newName }
+            })
+            resolve(response.data)
+         })
+      }
+   },
+   /**
+    * 剪切文件或文件夹
+    */
+   cut(
+      target: VirtualFile | VirtualDirectory,
+      to: VirtualDirectory,
+      option?: cutOption
+   ) {
+      const newPath = to.path
+      const { baseUrl, api } = Config
+      const url = `${baseUrl}${api.cut}${target.path}`
+      const retry = option?.retry ?? 0
+      const { miaoFetch } = useMiaoFetch({
+         retry
+      })
+      return {
+         response: new Promise<{
+            eventId: number
+         }>(async (resolve) => {
+            const response = await miaoFetch({
+               url,
+               method: 'post',
+               data: { newPath }
+            })
+            resolve(response.data)
+         })
+      }
+   },
 
-	/**
-	 * 查询服务端操作事件的进展
-	 */
-	query(eventId: number, option?: queryOption) {
-		const { baseUrl, api } = Config;
-		const url = `${baseUrl}${api.query}`;
-		const retry = option?.retry ?? 0;
-		const { miaoFetch } = useMiaoFetch({
-			retry
-		});
-		return {
-			response: new Promise<{
-				status: "process" | "success" | "failed";
-				error?: unknown;
-			}>(async resolve => {
-				const response = await miaoFetch({
-					url,
-					method: "get",
-					params: {
-						id: eventId
-					}
-				});
-				resolve(response.data);
-			})
-		};
-	}
-};
+   /**
+    * 查询服务端操作事件的进展
+    */
+   query(eventId: number, option?: queryOption) {
+      const { baseUrl, api } = Config
+      const url = `${baseUrl}${api.query}`
+      const retry = option?.retry ?? 0
+      const { miaoFetch } = useMiaoFetch({
+         retry
+      })
+      return {
+         response: new Promise<{
+            status: 'process' | 'success' | 'failed'
+            error?: unknown
+         }>(async (resolve) => {
+            const response = await miaoFetch({
+               url,
+               method: 'get',
+               params: {
+                  id: eventId
+               }
+            })
+            resolve(response.data)
+         })
+      }
+   }
+}
 
 export default function useMiaoFetchApi() {
-	return miaoFetchApi;
+   return miaoFetchApi
 }

src/hooks/usePluginCenter.ts

@@ -1,15 +1,15 @@
-import PluginCenter from "@/class/PluginCenter";
-import { alertTipType } from "@/types/type";
-import { reactive } from "vue";
+import PluginCenter from '@/class/PluginCenter'
+import { alertTipType } from '@/types/type'
+import { reactive } from 'vue'
 
 let pluginCenter: PluginCenter
 
 export const initPluginCenter = (globalAlertTip: alertTipType) => {
-    if(!pluginCenter) {
-        pluginCenter = reactive(new PluginCenter(globalAlertTip))
-    }
+   if (!pluginCenter) {
+      pluginCenter = reactive(new PluginCenter(globalAlertTip))
+   }
 }
 
-export default function usePluginCenter(){
-    return pluginCenter
-}
+export default function usePluginCenter() {
+   return pluginCenter
+}

src/hooks/useRootVDirectory.ts

@@ -1,17 +1,17 @@
-import VirtualDirectory from "@/class/VirtualDirectory";
-import { reactive } from "vue";
+import VirtualDirectory from '@/class/VirtualDirectory'
+import { reactive } from 'vue'
 
 const root = reactive(
-    new VirtualDirectory({
-        name: '根目录',
-        stats: {
-            atimeMs: 0,
-            birthtimeMs: 0,
-            ctimeMs: 0,
-            mtimeMs: 0
-        }
-    })
+   new VirtualDirectory({
+      name: '根目录',
+      stats: {
+         atimeMs: 0,
+         birthtimeMs: 0,
+         ctimeMs: 0,
+         mtimeMs: 0
+      }
+   })
 )
 export default function useRootVDirectory() {
-    return root;
-}
+   return root
+}

src/hooks/useUploadQueue.ts

@@ -1,11 +1,11 @@
-import UploadQueue from "@/class/UploadQueue";
-import { reactive } from "vue";
+import UploadQueue from '@/class/UploadQueue'
+import { reactive } from 'vue'
 
 let uploadQueue: UploadQueue
 
 export default () => {
-    if(uploadQueue === undefined){
-        uploadQueue = reactive(new UploadQueue())
-    }
-    return uploadQueue
-}
+   if (uploadQueue === undefined) {
+      uploadQueue = reactive(new UploadQueue())
+   }
+   return uploadQueue
+}

src/hooks/useVirtualPages.ts

@@ -1,12 +1,12 @@
-import { VirtualPages } from "@/class/VirtualPage"
-import { Reactive, reactive } from "vue"
+import { VirtualPages } from '@/class/VirtualPage'
+import { Reactive, reactive } from 'vue'
 
 let views: Reactive<VirtualPages>
 
-export default function useVirtualPages(){
-    if(views === undefined) {
-        // views = reactive<VirtualPage[]>([])
-        views = reactive(new VirtualPages())
-    }
-    return views
-}
+export default function useVirtualPages() {
+   if (views === undefined) {
+      // views = reactive<VirtualPage[]>([])
+      views = reactive(new VirtualPages())
+   }
+   return views
+}