111 lines
4.0 KiB
JavaScript
111 lines
4.0 KiB
JavaScript
import {createSlice} from '@reduxjs/toolkit'
|
|
import {isEmpty} from "../utils/ObjectUtils";
|
|
import {fileDirFormat, filePathSplit, getFileDirByPath, getFileFullNameByPath} from "../utils/PathOperate";
|
|
import {FileTree, insertNode, removeNode, updateNode} from "../utils/FileTree"
|
|
import {func} from "prop-types";
|
|
/*
|
|
fileTitle:文件名
|
|
fileName:文件名.文件扩展名
|
|
fileDir:文件路径
|
|
filePath:文件路径+fileName
|
|
fileId:文件id
|
|
fileMd5:文件Md5
|
|
|
|
"fileName": filePath,
|
|
"filePath": filePath,
|
|
"dirFlag": true,
|
|
"children": fileChildList
|
|
*/
|
|
export const dirMessageSlice = createSlice({
|
|
name: 'dirMessage',
|
|
initialState: {
|
|
data: [],
|
|
dirTree:new FileTree("root","/root",true,[])
|
|
},
|
|
reducers: {
|
|
dirAdd: (state, action) => {
|
|
console.log("dirMessage:dirAdd", state, action)
|
|
// 添加目录
|
|
insertNode(state.dirTree,action.payload[0])
|
|
},
|
|
newFileAdd :(state,action)=>{
|
|
console.log("dirMessage:newFileAdd", state, action)
|
|
insertNode(state.dirTree,action.payload)
|
|
},
|
|
dirRemove:(state,action)=>{
|
|
console.log("dirMessage:dirRemove", state, action)
|
|
// 获取当前选中的key
|
|
let selectDirKey = action.payload.selectDirKey;
|
|
if (isEmpty(state.dirTree.filePath)){
|
|
return
|
|
}
|
|
removeNode(state.dirTree,{"fileName":getFileFullNameByPath(selectDirKey),"filePath":selectDirKey,"dirFlag":true,"children":[]})
|
|
},
|
|
nextDirAdd: (state, action) => {
|
|
console.log("dirMessage:nextDirAdd", state, action)
|
|
insertNode(state.dirTree,action.payload.fileStateList[0])
|
|
},
|
|
refreshDir: (state, action) => {
|
|
console.log("dirMessage:refreshDir", state, action)
|
|
insertNode(state.dirTree,action.payload.fileStateList[0])
|
|
},
|
|
updateFileName:(state,action)=>{
|
|
console.log("dirMessage:updateFileName", state, action)
|
|
let newFilePath = action.payload.newFilePath
|
|
let oldFilePath = action.payload.oldFilePath
|
|
let oldFileName = getFileFullNameByPath(oldFilePath)
|
|
let newFileName = getFileFullNameByPath(newFilePath)
|
|
updateNode(state.dirTree,
|
|
{"fileName":oldFileName,"filePath":oldFilePath,"dirFlag":false,"children":[]},
|
|
{"fileName":newFileName,"filePath":newFilePath,"dirFlag":false,"children":[]}
|
|
)
|
|
},
|
|
dirFileAdd:(state,action)=>{
|
|
console.log("dirMessage:dirFileAdd", state, action)
|
|
let fileDir = action.payload.fileDir
|
|
let filePath = action.payload.filePath
|
|
let fileName = action.payload.fileName
|
|
let fileMessage = {
|
|
"fileName": fileName,
|
|
"filePath": filePath,
|
|
"dirFlag": false,
|
|
"children": []
|
|
}
|
|
insertNode(state.dirTree,fileMessage)
|
|
},
|
|
dirDirAdd:(state,action)=>{
|
|
console.log("dirMessage:dirDirAdd", state, action)
|
|
let filePath = action.payload.filePath
|
|
let fileDir = action.payload.fileDir
|
|
let fileName = action.payload.fileName
|
|
let fileMessage = {
|
|
"fileName": fileName,
|
|
"filePath": filePath,
|
|
"dirFlag": true,
|
|
"children": []
|
|
}
|
|
insertNode(state.dirTree,fileMessage)
|
|
},
|
|
dirFileRemove:(state,action)=>{
|
|
console.log("dirMessage:dirFileRemove", state, action)
|
|
let filePath = action.payload.filePath;
|
|
removeNode(state.dirTree,{fileName:getFileFullNameByPath(filePath),filePath:filePath,dirFlag:false,children:[]})
|
|
}
|
|
}
|
|
})
|
|
|
|
|
|
export const {
|
|
dirAdd,
|
|
newFileAdd,
|
|
nextDirAdd,
|
|
dirRemove,
|
|
updateFileName,
|
|
dirFileAdd,
|
|
dirDirAdd,
|
|
dirFileRemove,
|
|
refreshDir
|
|
} = dirMessageSlice.actions
|
|
|
|
export default dirMessageSlice.reducer
|