fix: 修正大量拼写错误
This commit is contained in:
1 parent
25f25ff669
commit
93ca2a29a6
7 files changed
+38
-38
No files matched your search
+4
-4
@@ -42,11 +42,11 @@ const rootDirectory = reactive(
|
|||||||
// component就是一个vue组件,类似于miaoDirectory
|
// component就是一个vue组件,类似于miaoDirectory
|
||||||
const createView = (
|
const createView = (
|
||||||
component: any,
|
component: any,
|
||||||
currentDirectorys?: VirtualDirectory[],
|
currentDirectories?: VirtualDirectory[],
|
||||||
currentFiles?: VirtualFile[],
|
currentFiles?: VirtualFile[],
|
||||||
index?: number
|
index?: number
|
||||||
) => {
|
) => {
|
||||||
views.push(component, currentDirectorys, currentFiles, index)
|
views.push(component, currentDirectories, currentFiles, index)
|
||||||
}
|
}
|
||||||
|
|
||||||
const deleteView = (index: number) => {
|
const deleteView = (index: number) => {
|
||||||
@@ -147,7 +147,7 @@ onMounted(() => {
|
|||||||
@click="
|
@click="
|
||||||
createView(
|
createView(
|
||||||
view.component,
|
view.component,
|
||||||
view.currentDirectorys,
|
view.currentDirectories,
|
||||||
view.currentFiles,
|
view.currentFiles,
|
||||||
index + 1
|
index + 1
|
||||||
)
|
)
|
||||||
@@ -186,7 +186,7 @@ onMounted(() => {
|
|||||||
:key="view.uid">
|
:key="view.uid">
|
||||||
<component
|
<component
|
||||||
:is="view.component"
|
:is="view.component"
|
||||||
v-model:current-directorys="view.currentDirectorys"
|
v-model:current-directories="view.currentDirectories"
|
||||||
v-model:current-files="view.currentFiles"
|
v-model:current-files="view.currentFiles"
|
||||||
:id="view.uid"
|
:id="view.uid"
|
||||||
:color="view.color"
|
:color="view.color"
|
||||||
|
|||||||
+10
-10
@@ -6,8 +6,8 @@ type plugin = {
|
|||||||
name: string
|
name: string
|
||||||
// 判断是否可以使用这个组件
|
// 判断是否可以使用这个组件
|
||||||
// 使用组件即调用下面的func
|
// 使用组件即调用下面的func
|
||||||
filter: (VDirectorys: VirtualDirectory[], VFiles: VirtualFile[]) => boolean
|
filter: (VDirectories: VirtualDirectory[], VFiles: VirtualFile[]) => boolean
|
||||||
func: (VDirectorys: VirtualDirectory[], VFiles: VirtualFile[]) => void
|
func: (VDirectories: VirtualDirectory[], VFiles: VirtualFile[]) => void
|
||||||
}
|
}
|
||||||
|
|
||||||
export default class PluginCenter {
|
export default class PluginCenter {
|
||||||
@@ -30,7 +30,7 @@ export default class PluginCenter {
|
|||||||
name: string,
|
name: string,
|
||||||
getComponent: () => Promise<any>,
|
getComponent: () => Promise<any>,
|
||||||
filter: (
|
filter: (
|
||||||
VDirectorys: VirtualDirectory[],
|
VDirectories: VirtualDirectory[],
|
||||||
VFiles: VirtualFile[]
|
VFiles: VirtualFile[]
|
||||||
) => boolean
|
) => boolean
|
||||||
): void {
|
): void {
|
||||||
@@ -40,22 +40,22 @@ export default class PluginCenter {
|
|||||||
name,
|
name,
|
||||||
filter,
|
filter,
|
||||||
func: async (
|
func: async (
|
||||||
VDirectorys: VirtualDirectory[],
|
VDirectories: VirtualDirectory[],
|
||||||
VFiles: VirtualFile[]
|
VFiles: VirtualFile[]
|
||||||
) => {
|
) => {
|
||||||
if (filter(VDirectorys, VFiles) === false) {
|
if (filter(VDirectories, VFiles) === false) {
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
if (_component === undefined) _component = await getComponent()
|
if (_component === undefined) _component = await getComponent()
|
||||||
views.push(_component, VDirectorys, VFiles)
|
views.push(_component, VDirectories, VFiles)
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
getUsablePlugin(VDirectorys: VirtualDirectory[], VFiles: VirtualFile[]) {
|
getUsablePlugin(VDirectories: VirtualDirectory[], VFiles: VirtualFile[]) {
|
||||||
const usableList = []
|
const usableList = []
|
||||||
for (let key of Object.keys(this.pluginsMap)) {
|
for (let key of Object.keys(this.pluginsMap)) {
|
||||||
if (this.pluginsMap[key].filter(VDirectorys, VFiles)) {
|
if (this.pluginsMap[key].filter(VDirectories, VFiles)) {
|
||||||
usableList.push(key)
|
usableList.push(key)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -67,9 +67,9 @@ export default class PluginCenter {
|
|||||||
|
|
||||||
usePlugin(
|
usePlugin(
|
||||||
key: string,
|
key: string,
|
||||||
VDirectorys: VirtualDirectory[],
|
VDirectories: VirtualDirectory[],
|
||||||
VFiles: VirtualFile[]
|
VFiles: VirtualFile[]
|
||||||
) {
|
) {
|
||||||
this.pluginsMap[key].func(VDirectorys, VFiles)
|
this.pluginsMap[key].func(VDirectories, VFiles)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -43,7 +43,7 @@ class VirtualDirectory {
|
|||||||
// 子文件
|
// 子文件
|
||||||
files?: VirtualFile[];
|
files?: VirtualFile[];
|
||||||
// 子目录
|
// 子目录
|
||||||
directorys?: VirtualDirectory[];
|
directories?: VirtualDirectory[];
|
||||||
// 没啥意义,标注一下就是了
|
// 没啥意义,标注一下就是了
|
||||||
type: "directory";
|
type: "directory";
|
||||||
// 文件夹创建时间等杂项属性
|
// 文件夹创建时间等杂项属性
|
||||||
@@ -98,9 +98,9 @@ class VirtualDirectory {
|
|||||||
|
|
||||||
updateContent(content: (file | directory)[]) {
|
updateContent(content: (file | directory)[]) {
|
||||||
this.files = this.files ?? [];
|
this.files = this.files ?? [];
|
||||||
this.directorys = this.directorys ?? [];
|
this.directories = this.directories ?? [];
|
||||||
const fileNames: string[] = this.files.map(v => v.name);
|
const fileNames: string[] = this.files.map(v => v.name);
|
||||||
const dirNames: string[] = this.directorys.map(v => v.name);
|
const dirNames: string[] = this.directories.map(v => v.name);
|
||||||
const itemNames: string[] = content.map(v => v.name);
|
const itemNames: string[] = content.map(v => v.name);
|
||||||
// 删去远程端已不存在的文件与文件夹
|
// 删去远程端已不存在的文件与文件夹
|
||||||
const _delete = (target: (VirtualFile | VirtualDirectory)[]) => {
|
const _delete = (target: (VirtualFile | VirtualDirectory)[]) => {
|
||||||
@@ -114,7 +114,7 @@ class VirtualDirectory {
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
_delete(this.files);
|
_delete(this.files);
|
||||||
_delete(this.directorys);
|
_delete(this.directories);
|
||||||
// 加入新的文件与文件夹
|
// 加入新的文件与文件夹
|
||||||
for (let item of content) {
|
for (let item of content) {
|
||||||
if (item.type === "file") {
|
if (item.type === "file") {
|
||||||
@@ -123,7 +123,7 @@ class VirtualDirectory {
|
|||||||
}
|
}
|
||||||
} else if (item.type === "directory") {
|
} else if (item.type === "directory") {
|
||||||
if (!dirNames.includes(item.name)) {
|
if (!dirNames.includes(item.name)) {
|
||||||
this.directorys.push(new VirtualDirectory(item, this));
|
this.directories.push(new VirtualDirectory(item, this));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -131,7 +131,7 @@ class VirtualDirectory {
|
|||||||
|
|
||||||
hasChild(item: VirtualDirectory | VirtualFile): boolean {
|
hasChild(item: VirtualDirectory | VirtualFile): boolean {
|
||||||
if (item.type === "directory") {
|
if (item.type === "directory") {
|
||||||
return this.directorys?.includes(item) ?? false;
|
return this.directories?.includes(item) ?? false;
|
||||||
} else {
|
} else {
|
||||||
return this.files?.includes(item) ?? false;
|
return this.files?.includes(item) ?? false;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -13,9 +13,9 @@ const getRandomWebSafeColor = (() => {
|
|||||||
})();
|
})();
|
||||||
|
|
||||||
export default class VirtualPage {
|
export default class VirtualPage {
|
||||||
constructor(component: any, initObjects?: { directorys?: VirtualDirectory[]; files?: VirtualFile[] }) {
|
constructor(component: any, initObjects?: { directories?: VirtualDirectory[]; files?: VirtualFile[] }) {
|
||||||
this.component = shallowRef(component);
|
this.component = shallowRef(component);
|
||||||
this.currentDirectorys = initObjects?.directorys ?? [];
|
this.currentDirectories = initObjects?.directories ?? [];
|
||||||
this.currentFiles = initObjects?.files ?? [];
|
this.currentFiles = initObjects?.files ?? [];
|
||||||
this.visible = true;
|
this.visible = true;
|
||||||
this.uid = generateId();
|
this.uid = generateId();
|
||||||
@@ -27,7 +27,7 @@ export default class VirtualPage {
|
|||||||
// 是否可见
|
// 是否可见
|
||||||
visible: boolean;
|
visible: boolean;
|
||||||
// 当前正在使用的文件夹
|
// 当前正在使用的文件夹
|
||||||
currentDirectorys: VirtualDirectory[];
|
currentDirectories: VirtualDirectory[];
|
||||||
// 当前正在使用的文件
|
// 当前正在使用的文件
|
||||||
currentFiles: VirtualFile[];
|
currentFiles: VirtualFile[];
|
||||||
// 区分每一个页面的唯一id
|
// 区分每一个页面的唯一id
|
||||||
@@ -43,7 +43,7 @@ export default class VirtualPage {
|
|||||||
if (this._title) {
|
if (this._title) {
|
||||||
return this._title;
|
return this._title;
|
||||||
}
|
}
|
||||||
return this?.currentDirectorys[0]?.name ?? this?.currentFiles[0]?.name ?? "未命名标签";
|
return this?.currentDirectories[0]?.name ?? this?.currentFiles[0]?.name ?? "未命名标签";
|
||||||
}
|
}
|
||||||
|
|
||||||
setTitle(title: string) {
|
setTitle(title: string) {
|
||||||
@@ -101,14 +101,14 @@ export class VirtualPages {
|
|||||||
/**
|
/**
|
||||||
* 推入一个新的页面
|
* 推入一个新的页面
|
||||||
*/
|
*/
|
||||||
push(component: any, currentDirectorys?: VirtualDirectory[], currentFiles?: VirtualFile[], index?: number) {
|
push(component: any, currentDirectories?: VirtualDirectory[], currentFiles?: VirtualFile[], index?: number) {
|
||||||
index ?? (index = this.length);
|
index ?? (index = this.length);
|
||||||
this._views.splice(
|
this._views.splice(
|
||||||
index,
|
index,
|
||||||
0,
|
0,
|
||||||
reactive<VirtualPage>(
|
reactive<VirtualPage>(
|
||||||
new VirtualPage(component, {
|
new VirtualPage(component, {
|
||||||
directorys: [...(currentDirectorys ?? [])],
|
directories: [...(currentDirectories ?? [])],
|
||||||
files: [...(currentFiles ?? [])]
|
files: [...(currentFiles ?? [])]
|
||||||
})
|
})
|
||||||
)
|
)
|
||||||
|
|||||||
@@ -3,7 +3,7 @@ import { Reactive, reactive } from "vue"
|
|||||||
|
|
||||||
let views: Reactive<VirtualPages>
|
let views: Reactive<VirtualPages>
|
||||||
|
|
||||||
export default function useViretualPages(){
|
export default function useVirtualPages(){
|
||||||
if(views === undefined) {
|
if(views === undefined) {
|
||||||
// views = reactive<VirtualPage[]>([])
|
// views = reactive<VirtualPage[]>([])
|
||||||
views = reactive(new VirtualPages())
|
views = reactive(new VirtualPages())
|
||||||
|
|||||||
@@ -154,20 +154,20 @@ class SelectedItem {
|
|||||||
return false
|
return false
|
||||||
}
|
}
|
||||||
// @ts-ignore
|
// @ts-ignore
|
||||||
return [...currentDirectory.value?.directorys, ...currentDirectory.value?.files].includes(v)
|
return [...currentDirectory.value?.directories, ...currentDirectory.value?.files].includes(v)
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// 已选择的item,用于多选功能
|
// 已选择的item,用于多选功能
|
||||||
const selectedItem = reactive(new SelectedItem())
|
const selectedItem = reactive(new SelectedItem())
|
||||||
|
|
||||||
const currentDirectorys = defineModel<VirtualDirectory[]>('currentDirectorys', {
|
const currentDirectories = defineModel<VirtualDirectory[]>('currentDirectories', {
|
||||||
required: true
|
required: true
|
||||||
})
|
})
|
||||||
|
|
||||||
// 目前展示的Dir
|
// 目前展示的Dir
|
||||||
const currentDirectory = computed(() => {
|
const currentDirectory = computed(() => {
|
||||||
return currentDirectorys.value[0]
|
return currentDirectories.value[0]
|
||||||
})
|
})
|
||||||
|
|
||||||
// 当前组件在views中的序号
|
// 当前组件在views中的序号
|
||||||
@@ -177,8 +177,8 @@ const index = computed(() => {
|
|||||||
|
|
||||||
// 用于展示的数据,后续会增加排序等操作
|
// 用于展示的数据,后续会增加排序等操作
|
||||||
const showData_directory = computed<VirtualDirectory[]>(() => {
|
const showData_directory = computed<VirtualDirectory[]>(() => {
|
||||||
const data = currentDirectory.value?.directorys
|
const data = currentDirectory.value?.directories
|
||||||
? [...currentDirectory.value?.directorys]
|
? [...currentDirectory.value?.directories]
|
||||||
: []
|
: []
|
||||||
return data
|
return data
|
||||||
})
|
})
|
||||||
@@ -189,8 +189,8 @@ const showData_files = computed<VirtualFile[]>(() => {
|
|||||||
return data
|
return data
|
||||||
})
|
})
|
||||||
// const showData_all = computed<(VirtualDirectory | VirtualFile)[]>(() => {
|
// const showData_all = computed<(VirtualDirectory | VirtualFile)[]>(() => {
|
||||||
// const data = currentDirectory.value?.directorys
|
// const data = currentDirectory.value?.directories
|
||||||
// ? [...currentDirectory.value?.directorys]
|
// ? [...currentDirectory.value?.directories]
|
||||||
// : []
|
// : []
|
||||||
// data.push(...currentDirectory.value?.files)
|
// data.push(...currentDirectory.value?.files)
|
||||||
// return data
|
// return data
|
||||||
@@ -206,13 +206,13 @@ const setCurrentDirectory = async (virtualDirectory: VirtualDirectory) => {
|
|||||||
// 若没有缓存数据则同步刷新,有缓存数据则异步刷新
|
// 若没有缓存数据则同步刷新,有缓存数据则异步刷新
|
||||||
if (
|
if (
|
||||||
virtualDirectory.files === undefined ||
|
virtualDirectory.files === undefined ||
|
||||||
virtualDirectory.directorys === undefined
|
virtualDirectory.directories === undefined
|
||||||
) {
|
) {
|
||||||
await virtualDirectory.update()
|
await virtualDirectory.update()
|
||||||
} else {
|
} else {
|
||||||
virtualDirectory.update()
|
virtualDirectory.update()
|
||||||
}
|
}
|
||||||
currentDirectorys.value[0] = virtualDirectory
|
currentDirectories.value[0] = virtualDirectory
|
||||||
}
|
}
|
||||||
|
|
||||||
const reload = () => {
|
const reload = () => {
|
||||||
|
|||||||
@@ -10,7 +10,7 @@
|
|||||||
import { VirtualFile } from '@/class/VirtualDirectory'
|
import { VirtualFile } from '@/class/VirtualDirectory'
|
||||||
import miaoDropHandler from '@/components/miaoDropHandler.vue'
|
import miaoDropHandler from '@/components/miaoDropHandler.vue'
|
||||||
import { onBeforeUnmount, onMounted, ref } from 'vue'
|
import { onBeforeUnmount, onMounted, ref } from 'vue'
|
||||||
// import useViretualPages from '@/hooks/useVirtualPages';
|
// import useVirtualPages from '@/hooks/useVirtualPages';
|
||||||
import XGPlayer from 'xgplayer'
|
import XGPlayer from 'xgplayer'
|
||||||
import '@/style/xgplayer.scss'
|
import '@/style/xgplayer.scss'
|
||||||
import TextTrack from 'xgplayer/es/plugins/track'
|
import TextTrack from 'xgplayer/es/plugins/track'
|
||||||
@@ -26,7 +26,7 @@ const currentFiles = defineModel<VirtualFile[]>('currentFiles', {
|
|||||||
required: true
|
required: true
|
||||||
})
|
})
|
||||||
|
|
||||||
// const views = useViretualPages()
|
// const views = useVirtualPages()
|
||||||
// const view = views.getView(props.id)
|
// const view = views.getView(props.id)
|
||||||
|
|
||||||
// const videoPath = ref<string>('');
|
// const videoPath = ref<string>('');
|
||||||
|
|||||||
Reference in new issue
Block a user