AzenKain
d8d26d3f46
All checks were successful
Gitea Auto Deploy / Deploy-Container (push) Successful in 1m8s
67 lines
3.3 KiB
TypeScript
67 lines
3.3 KiB
TypeScript
import { LightConeBasic, FilterLightconeType, LightConeDetail } from '@/types';
|
|
import { create } from 'zustand'
|
|
|
|
interface LightconeState {
|
|
listLightcone: LightConeBasic[];
|
|
listRawLightcone: LightConeBasic[];
|
|
listPath: Record<string, boolean>;
|
|
listRank: Record<string, boolean>;
|
|
filter: FilterLightconeType;
|
|
defaultFilter: { path: string[], rarity: string[] };
|
|
mapLightconeInfo: Record<string, LightConeDetail>;
|
|
setListPath: (newListPath: Record<string, boolean>) => void;
|
|
setListRank: (newListRank: Record<string, boolean>) => void;
|
|
setDefaultFilter: (newDefaultFilter: { path: string[], rarity: string[] }) => void;
|
|
setListLightcone: (newListLightcone: LightConeBasic[]) => void;
|
|
setFilter: (newFilter: FilterLightconeType) => void;
|
|
setMapLightconeInfo: (lightconeId: string, newLightcone: LightConeDetail) => void;
|
|
setAllMapLightconeInfo: (newLightcone: Record<string, LightConeDetail>) => void;
|
|
}
|
|
|
|
const useLightconeStore = create<LightconeState>((set, get) => ({
|
|
listLightcone: [],
|
|
listRawLightcone: [],
|
|
mapLightconeInfo: {},
|
|
|
|
filter: {
|
|
name: "",
|
|
path: [],
|
|
locale: "",
|
|
rarity: [],
|
|
},
|
|
defaultFilter: { path: [], rarity: [] },
|
|
listPath: { "knight": false, "mage": false, "priest": false, "rogue": false, "shaman": false, "warlock": false, "warrior": false, "memory": false, elation: false },
|
|
listRank: { "3": false, "4": false, "5": false },
|
|
setListPath: (newListPath: Record<string, boolean>) => set({ listPath: newListPath }),
|
|
setListRank: (newListRank: Record<string, boolean>) => set({ listRank: newListRank }),
|
|
setDefaultFilter: (newDefaultFilter: { path: string[], rarity: string[] }) => set({ defaultFilter: newDefaultFilter }),
|
|
setListLightcone: (newListLightcone: LightConeBasic[]) => set({ listLightcone: newListLightcone, listRawLightcone: newListLightcone }),
|
|
setFilter: (newFilter: FilterLightconeType) => {
|
|
set({ filter: newFilter })
|
|
|
|
if (newFilter.locale === "") {
|
|
return
|
|
}
|
|
let filteredList = get().listRawLightcone;
|
|
if (newFilter.name && newFilter.locale) {
|
|
filteredList = filteredList.filter((lightcone) => {
|
|
return lightcone.lang?.get(newFilter.locale)?.toLowerCase().includes(newFilter.name.toLowerCase()) ?? false;
|
|
});
|
|
}
|
|
if (newFilter.path && newFilter.path.length > 0) {
|
|
filteredList = filteredList.filter((lightcone) => {
|
|
return newFilter.path.some((path) => lightcone.baseType?.toLowerCase().includes(path.toLowerCase())) ?? false;
|
|
});
|
|
}
|
|
if (newFilter.rarity && newFilter.rarity.length > 0) {
|
|
filteredList = filteredList.filter((lightcone) => {
|
|
return newFilter.rarity.some((rarity) => lightcone.rank?.toLowerCase().includes(rarity.toLowerCase())) ?? false;
|
|
});
|
|
}
|
|
set({ listLightcone: filteredList });
|
|
},
|
|
setMapLightconeInfo: (lightconeId: string, newLightcone: LightConeDetail) => set((state) => ({ mapLightconeInfo: { ...state.mapLightconeInfo, [lightconeId]: newLightcone } })),
|
|
setAllMapLightconeInfo: (newLightcone: Record<string, LightConeDetail>) => set({ mapLightconeInfo: newLightcone }),
|
|
}));
|
|
|
|
export default useLightconeStore; |