-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
master1lan
committed
Jan 11, 2023
1 parent
88eef8d
commit e3f9829
Showing
7 changed files
with
258 additions
and
152 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,184 @@ | ||
| import { nanoid } from "nanoid"; | ||
| import { useMemo, useState } from "react"; | ||
| import { getLocalStorage } from "../tools"; | ||
| //todo 将数据加密 | ||
| export function useNavList(): [ | ||
| NavListItemType[], | ||
| React.Dispatch<React.SetStateAction<NavListItemType[]>> | ||
| ] { | ||
| const nav_ok_lists = useMemo(() => { | ||
| const local_lists = getLocalStorage("navTagLists", [] as NavListItemType[]); | ||
| if (PassNavList(local_lists)) { | ||
| return local_lists; | ||
| } | ||
| return nav_tag_list; | ||
| }, []); | ||
| const [navLists, setLists] = useState<NavListItemType[]>(nav_ok_lists); | ||
| return [navLists, setLists]; | ||
| } | ||
| // 判断类型 | ||
| const isNavRouterItemType = ( | ||
| input: NavListItemType | ||
| ): input is NavRouterItemType => { | ||
| return input.type === "router"; | ||
| }; | ||
| //检查对象是否有相应属性且类型相同 | ||
| function checkPropertyType<T extends { [k: string]: any }>( | ||
| input: T, | ||
| property: string, | ||
| type: string | ||
| ) { | ||
| return input.hasOwnProperty(property) && typeof input[property] === type; | ||
| } | ||
| //检测从localstorage提取的list是否满足条件 | ||
| function PassNavList(lists: NavListItemType[]) { | ||
| if ( | ||
| lists.length > 0 && | ||
| lists.every((item) => { | ||
| if ( | ||
| !allHasTypes.every(({ name, type }) => | ||
| checkPropertyType(item, name, type) | ||
| ) | ||
| ) { | ||
| return false; | ||
| } | ||
| if (isNavRouterItemType(item)) { | ||
| return routerHasTypes.every(({ name, type }) => | ||
| checkPropertyType(item, name, type) | ||
| ); | ||
| } else { | ||
| return queryHasTypes.every(({ name, type }) => | ||
| checkPropertyType(item, name, type) | ||
| ); | ||
| } | ||
| }) | ||
| ) { | ||
| return true; | ||
| } | ||
| return false; | ||
| } | ||
| //构造器 | ||
| const createHasType = (...rest: string[]) => { | ||
| return { name: rest[0], type: rest[1] || "string" }; | ||
| }; | ||
| //构造器 | ||
| const createHasTypeList = (inputList: string[][]) => | ||
| inputList.map((items) => createHasType(...items)); | ||
|
|
||
| const allHasTypes = createHasTypeList([ | ||
| ["id"], | ||
| ["type"], | ||
| ["cancelable", "boolean"], | ||
| ]), | ||
| routerHasTypes = createHasTypeList([["pathname"], ["name"]]), | ||
| queryHasTypes = createHasTypeList([ | ||
| ["query"], | ||
| ["queryType"], | ||
| ["queryString"], | ||
| ]); | ||
|
|
||
| export type NavRouterItemType = { | ||
| id: string; | ||
| type: "router"; | ||
| pathname: string; | ||
| name: string; | ||
| cancelable: boolean; | ||
| }; | ||
| export type NavQueryItemType = { | ||
| id: string; | ||
| type: "query"; | ||
| query: string; | ||
| queryType: "q" | "tname" | "copyright"; | ||
| queryString: string; | ||
| cancelable: boolean; | ||
| }; | ||
| export type NavListItemType = NavQueryItemType | NavRouterItemType; | ||
|
|
||
| const nav_tag_list = [ | ||
| { | ||
| type: "router", | ||
| pathname: "photo", | ||
| name: "图片", | ||
| }, | ||
| { | ||
| type: "router", | ||
| pathname: "video", | ||
| name: "视频", | ||
| }, | ||
| { | ||
| type: "query", | ||
| query: "所有二创", | ||
| queryType: "q", | ||
| queryString: "", | ||
| }, | ||
| { | ||
| type: "query", | ||
| query: "露早", | ||
| queryType: "q", | ||
| queryString: "露早", | ||
| }, | ||
| { | ||
| type: "query", | ||
| query: "柚恩", | ||
| queryType: "q", | ||
| queryString: "柚恩", | ||
| }, | ||
| { | ||
| type: "query", | ||
| query: "莞儿", | ||
| queryType: "q", | ||
| queryString: "莞儿", | ||
| }, | ||
| { | ||
| type: "query", | ||
| query: "米诺", | ||
| queryType: "q", | ||
| queryString: "米诺", | ||
| }, | ||
| { | ||
| type: "query", | ||
| query: "虞莫", | ||
| queryType: "q", | ||
| queryString: "虞莫", | ||
| }, | ||
| { | ||
| type: "query", | ||
| query: "动画分区", | ||
| queryType: "tname", | ||
| queryString: "animation", | ||
| }, | ||
| { | ||
| type: "query", | ||
| query: "音乐分区", | ||
| queryType: "tname", | ||
| queryString: "music", | ||
| }, | ||
| { | ||
| type: "query", | ||
| query: "舞蹈分区", | ||
| queryType: "tname", | ||
| queryString: "dance", | ||
| }, | ||
| { | ||
| type: "query", | ||
| query: "游戏分区", | ||
| queryType: "tname", | ||
| queryString: "delicacy", | ||
| }, | ||
| { | ||
| type: "query", | ||
| query: "鬼畜分区", | ||
| queryType: "tname", | ||
| queryString: "guichu", | ||
| }, | ||
| { | ||
| type: "query", | ||
| query: "其他分区", | ||
| queryType: "tname", | ||
| queryString: "other", | ||
| }, | ||
| ].map((item) => ({ | ||
| ...item, | ||
| id: nanoid(3), | ||
| cancelable: false, | ||
| })) as NavListItemType[]; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,9 +1,12 @@ | ||
| export function getLocalStorage<T>(searchName: string, defaultRes: T) { | ||
| export function getLocalStorage<T>(searchName: string, defaultRes: T): T { | ||
| if (!localStorage) { | ||
| return defaultRes; | ||
| } | ||
| if (!localStorage.getItem(searchName)) { | ||
| localStorage.setItem(searchName, JSON.stringify(defaultRes)); | ||
| } | ||
| return JSON.parse(localStorage.getItem(searchName) as string); | ||
| } | ||
| export function setLocalstorage(itemName: string, targetRes: unknown): void { | ||
| localStorage.setItem(itemName, JSON.stringify(targetRes)); | ||
| if (localStorage) localStorage.setItem(itemName, JSON.stringify(targetRes)); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.