earthjasonlin/CloudrevePlus-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
Zichao Lin
2024-02-25 08:27:01 +08:00
commit 20c1fa08dc
279 changed files with 78489 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

127
src/redux/viewUpdate/action.ts Normal file
View File

@@ -0,0 +1,127 @@
import { ThunkAction } from "redux-thunk";
import { AnyAction } from "redux";
import Auth from "../../middleware/Auth";
import { askForOption } from "../explorer/async";
import i18next, { languages } from "../../i18n";
export interface ActionSetSubtitle extends AnyAction {
type: "SET_SUBTITLE";
title: string;
}
export const setSubtitle = (title: string): ActionSetSubtitle => {
return {
type: "SET_SUBTITLE",
title,
};
};
export const closeContextMenu = () => {
return {
type: "CLOSE_CONTEXT_MENU",
};
};
export const changeContextMenu = (type: string, open: boolean) => {
return {
type: "CHANGE_CONTEXT_MENU",
menuType: type,
open: open,
};
};
export const changeSubTitle = (
title: string
): ThunkAction<any, any, any, any> => {
return (dispatch, getState) => {
const state = getState();
document.title =
title === null || title === undefined
? state.siteConfig.title
: title + " - " + state.siteConfig.title;
dispatch(setSubtitle(title));
};
};
export const setOptionModal = (option: any) => {
return {
type: "SET_OPTION_MODAL",
option: option,
};
};
export const openFileSelector = () => {
return {
type: "OPEN_FILE_SELECTOR",
};
};
export const openFolderSelector = () => {
return {
type: "OPEN_FOLDER_SELECTOR",
};
};
export const setPagination = (pagination) => {
return {
type: "SET_PAGINATION",
pagination: pagination,
};
};
export const setShareInfo = (shareInfo) => {
return {
type: "SET_SHARE_INFO",
shareInfo: shareInfo,
};
};
export const changePageSize = (
size: number
): ThunkAction<any, any, any, any> => {
return (dispatch, getState) => {
const {
explorer: { dirList, fileList },
viewUpdate: { pagination },
} = getState();
const total = dirList.length + fileList.length;
let page = pagination.page;
if (pagination.page * size > total) {
page = Math.max(Math.ceil(total / size), 1);
} else if (size === -1) {
page = 1;
}
Auth.SetPreference("pagination", size);
dispatch(
setPagination({
...pagination,
size: size,
page: page,
})
);
};
};
export const selectLanguage = (): ThunkAction<any, any, any, any> => {
return async (dispatch, getState) => {
let option: any;
let lng = "";
try {
const allOptions = languages.map((e) => {
return {
key: e.code,
name: e.displayName,
};
});
option = await dispatch(
askForOption(allOptions, i18next.t("setting.language"))
);
} catch (e) {
console.log(e);
return;
}
lng = option.key;
await i18next.changeLanguage(lng);
};
};

7
src/redux/viewUpdate/index.ts Normal file
View File

@@ -0,0 +1,7 @@
import * as actions from "./action";
import * as reducers from "./reducer";
export default {
actions,
reducers,
};

396
src/redux/viewUpdate/reducer.ts Normal file
View File

@@ -0,0 +1,396 @@
import { AnyAction } from "redux";
import Auth from "../../middleware/Auth";
import { CloudreveFile, SortMethod } from "../../types";
declare global {
interface Window {
shareKey: any;
}
}
export interface ViewUpdateState {
isLogin: boolean;
open: boolean;
explorerViewMethod: string;
sortMethod: SortMethod;
subTitle: string | null;
contextType: string;
contextOpen: boolean;
menuOpen: boolean;
navigatorLoading: boolean;
navigatorError: boolean;
navigatorErrorMsg: string | null;
modalsLoading: boolean;
storageRefresh: boolean;
userPopoverAnchorEl: any;
shareUserPopoverAnchorEl: any;
modals: {
createNewFolder: boolean;
createNewFile: boolean;
rename: boolean;
move: boolean;
remove: boolean;
share: boolean;
music: boolean;
remoteDownload: boolean;
remoteDownloadTorrent: CloudreveFile | null;
getSource: string;
copy: boolean;
resave: boolean;
compress: boolean;
decompress: boolean;
relocate: boolean;
loading: boolean;
loadingText: string;
directoryDownloading: boolean;
directoryDownloadLog: string;
directoryDownloadDone: boolean;
option?: {
options: {
open: boolean;
key: string;
name: string;
description?: string;
}[];
title: string;
callback: any;
onClose: any;
};
};
snackbar: {
toggle: boolean;
vertical: string;
horizontal: string;
msg: string;
color: string;
};
pagination: {
page: number;
size: number;
};
openFileSelector: number;
openFolderSelector: number;
shareInfo: any;
}
export const initState: ViewUpdateState = {
// 是否登录
isLogin: Auth.Check(),
open: false,
explorerViewMethod: "icon",
sortMethod: Auth.GetPreferenceWithDefault("sort", "timePos"),
subTitle: null,
contextType: "none",
contextOpen: false,
menuOpen: false,
navigatorLoading: true,
navigatorError: false,
navigatorErrorMsg: null,
modalsLoading: false,
storageRefresh: false,
userPopoverAnchorEl: null,
shareUserPopoverAnchorEl: null,
modals: {
createNewFolder: false,
createNewFile: false,
rename: false,
move: false,
remove: false,
share: false,
music: false,
remoteDownload: false,
remoteDownloadTorrent: null,
getSource: "",
copy: false,
resave: false,
compress: false,
relocate: false,
decompress: false,
loading: false,
loadingText: "",
directoryDownloading: false,
directoryDownloadLog: "",
directoryDownloadDone: false,
},
snackbar: {
toggle: false,
vertical: "top",
horizontal: "center",
msg: "",
color: "",
},
pagination: {
page: 1,
size: Auth.GetPreferenceWithDefault("pagination", 100),
},
openFileSelector: 0,
openFolderSelector: 0,
shareInfo: null,
};
const viewUpdate = (state: ViewUpdateState = initState, action: AnyAction) => {
switch (action.type) {
case "DRAWER_TOGGLE":
return Object.assign({}, state, {
open: action.open,
});
case "CHANGE_VIEW_METHOD":
return Object.assign({}, state, {
explorerViewMethod: action.method,
});
case "SET_NAVIGATOR_LOADING_STATUE":
return Object.assign({}, state, {
navigatorLoading: action.status,
});
case "SET_NAVIGATOR_ERROR":
return Object.assign({}, state, {
navigatorError: action.status,
navigatorErrorMsg: action.msg,
});
case "OPEN_CREATE_FOLDER_DIALOG":
return Object.assign({}, state, {
modals: Object.assign({}, state.modals, {
createNewFolder: true,
}),
contextOpen: false,
});
case "OPEN_CREATE_FILE_DIALOG":
return Object.assign({}, state, {
modals: Object.assign({}, state.modals, {
createNewFile: true,
}),
contextOpen: false,
});
case "OPEN_RENAME_DIALOG":
return Object.assign({}, state, {
modals: Object.assign({}, state.modals, {
rename: true,
}),
contextOpen: false,
});
case "OPEN_REMOVE_DIALOG":
return Object.assign({}, state, {
modals: Object.assign({}, state.modals, {
remove: true,
}),
contextOpen: false,
});
case "OPEN_MOVE_DIALOG":
return Object.assign({}, state, {
modals: Object.assign({}, state.modals, {
move: true,
}),
contextOpen: false,
});
case "OPEN_RESAVE_DIALOG":
window.shareKey = action.key;
return Object.assign({}, state, {
modals: Object.assign({}, state.modals, {
resave: true,
}),
contextOpen: false,
});
case "SET_USER_POPOVER":
return Object.assign({}, state, {
userPopoverAnchorEl: action.anchor,
});
case "SET_SHARE_USER_POPOVER":
return Object.assign({}, state, {
shareUserPopoverAnchorEl: action.anchor,
});
case "OPEN_SHARE_DIALOG":
return Object.assign({}, state, {
modals: Object.assign({}, state.modals, {
share: true,
}),
contextOpen: false,
});
case "OPEN_MUSIC_DIALOG":
return Object.assign({}, state, {
modals: Object.assign({}, state.modals, {
music: true,
}),
contextOpen: false,
});
case "OPEN_REMOTE_DOWNLOAD_DIALOG":
return Object.assign({}, state, {
modals: Object.assign({}, state.modals, {
remoteDownload: true,
}),
contextOpen: false,
});
case "OPEN_TORRENT_DOWNLOAD_DIALOG":
return Object.assign({}, state, {
modals: Object.assign({}, state.modals, {
remoteDownload: true,
remoteDownloadTorrent: action.selected,
}),
contextOpen: false,
});
case "OPEN_DECOMPRESS_DIALOG":
return Object.assign({}, state, {
modals: Object.assign({}, state.modals, {
decompress: true,
}),
contextOpen: false,
});
case "OPEN_COMPRESS_DIALOG":
return Object.assign({}, state, {
modals: Object.assign({}, state.modals, {
compress: true,
}),
contextOpen: false,
});
case "OPEN_GET_SOURCE_DIALOG":
return Object.assign({}, state, {
modals: Object.assign({}, state.modals, {
getSource: action.source,
}),
contextOpen: false,
});
case "OPEN_RELOCATE_DIALOG":
return Object.assign({}, state, {
modals: Object.assign({}, state.modals, {
relocate: true,
}),
contextOpen: false,
});
case "OPEN_COPY_DIALOG":
return Object.assign({}, state, {
modals: Object.assign({}, state.modals, {
copy: true,
}),
contextOpen: false,
});
case "OPEN_LOADING_DIALOG":
return Object.assign({}, state, {
modals: Object.assign({}, state.modals, {
loading: true,
loadingText: action.text,
}),
contextOpen: false,
});
case "OPEN_DIRECTORY_DOWNLOAD_DIALOG":
return Object.assign({}, state, {
modals: Object.assign({}, state.modals, {
directoryDownloading: action.downloading,
directoryDownloadLog: action.log,
directoryDownloadDone: action.done,
}),
contextOpen: false,
});
case "CLOSE_CONTEXT_MENU":
return Object.assign({}, state, {
contextOpen: false,
});
case "CLOSE_ALL_MODALS":
return Object.assign({}, state, {
modals: Object.assign({}, state.modals, {
createNewFolder: false,
createNewFile: false,
rename: false,
move: false,
remove: false,
share: false,
music: false,
remoteDownload: false,
remoteDownloadTorrent: null,
getSource: "",
resave: false,
copy: false,
loading: false,
relocate: false,
compress: false,
decompress: false,
option: undefined,
directoryDownloading: false,
directoryDownloadLog: "",
directoryDownloadDone: false,
}),
});
case "TOGGLE_SNACKBAR":
return Object.assign({}, state, {
snackbar: {
toggle: !state.snackbar.toggle,
vertical: action.vertical,
horizontal: action.horizontal,
msg: action.msg,
color: action.color,
},
});
case "SET_MODALS_LOADING":
return Object.assign({}, state, {
modalsLoading: action.status,
});
case "SET_SESSION_STATUS":
return {
...state,
isLogin: action.status,
};
case "REFRESH_STORAGE":
return Object.assign({}, state, {
storageRefresh: !state.storageRefresh,
});
case "SEARCH_MY_FILE":
return Object.assign({}, state, {
contextOpen: false,
navigatorError: false,
navigatorLoading: true,
});
case "CHANGE_CONTEXT_MENU":
if (state.contextOpen && action.open) {
return Object.assign({}, state);
}
return Object.assign({}, state, {
contextOpen: action.open,
contextType: action.menuType,
});
case "SET_SUBTITLE":
return Object.assign({}, state, {
subTitle: action.title,
});
case "SET_SORT_METHOD":
return {
...state,
sortMethod: action.method,
};
case "SET_NAVIGATOR":
return {
...state,
contextOpen: false,
navigatorError: false,
navigatorLoading: action.navigatorLoading,
};
case "SET_OPTION_MODAL":
return Object.assign({}, state, {
modals: Object.assign({}, state.modals, {
option: action.option,
}),
contextOpen: false,
});
case "OPEN_FILE_SELECTOR":
return {
...state,
openFileSelector: state.openFileSelector + 1,
contextOpen: false,
};
case "OPEN_FOLDER_SELECTOR":
return {
...state,
openFolderSelector: state.openFolderSelector + 1,
contextOpen: false,
};
case "SET_PAGINATION":
return {
...state,
pagination: action.pagination,
};
case "SET_SHARE_INFO":
return {
...state,
shareInfo: action.shareInfo,
};
default:
return state;
}
};
export default viewUpdate;