study/uTools-quickcommand
1
0
Fork 0
mirror of https://github.com/fofolee/uTools-quickcommand.git synced 2025-06-29 20:32:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

分享中心本地缓存

Browse Source
This commit is contained in:
fofolee 2022-05-01 09:57:52 +08:00
parent f215f3dc55
commit 03d9bed996
1 changed files with 30 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
src/pages/ShareCenterPage.vue
View File

@ -123,10 +123,10 @@ import commandTypes from "../js/options/commandTypes.js";
export default {
data() {
return {
currentPage: 1,
commands: [],
allCommands: [],
initCommands: [],
matchedCommands: [],
commands: [],
currentPage: 1,
perPage: 8,
commandSearchKeyword: "",
releaseRepo: "fofolee/qcreleases",
@ -149,8 +149,8 @@ export default {
},
mounted() {
window.yuQueClient(`repos/${this.releaseRepo}/docs`).then((res) => {
this.allCommands = res.data.data;
this.matchedCommands = _.cloneDeep(this.allCommands);
this.initCommands = res.data.data;
this.matchedCommands = _.cloneDeep(this.initCommands);
this.fetchCommandDetails(1);
});
},
@ -165,15 +165,11 @@ export default {
this.matchedCommands
.slice((page - 1) * this.perPage, page * this.perPage)
.forEach((item) => {
window
.yuQueClient(`repos/${this.releaseRepo}/docs/${item.slug}?raw=1`)
.then((res) => {
let command = JSON.parse(
res.data?.data.body.match(/```json([\s\S]*)```/)?.[1]
);
if (!command) return;
command.authorName = item.last_editor.name;
command.updateTime = item.content_updated_at.slice(0, 10);
this.getCommand(
item.slug,
item.content_updated_at.slice(0, 10),
item.last_editor.name
).then((command) => {
this.commands.push(command);
});
});
@ -191,15 +187,31 @@ export default {
quickcommand.showMessageBox("导入成功！可到「来自分享」标签查看");
},
updateSearch() {
if (!this.commandSearchKeyword) this.matchedCommands = this.allCommands;
if (!this.commandSearchKeyword) this.matchedCommands = this.initCommands;
else
this.matchedCommands = this.allCommands.filter((x) =>
this.matchedCommands = this.initCommands.filter((x) =>
x.title
.toLowerCase()
.includes(this.commandSearchKeyword.toLowerCase())
);
this.fetchCommandDetails(1);
},
// 如果远端更新时间和本地相同则读取本地缓存，否则更新
async getCommand(id, updateTime, authorName) {
let localCache = JSON.parse(localStorage.getItem(id));
if (localCache?.updateTime === updateTime) return localCache;
let res = await window.yuQueClient(
`repos/${this.releaseRepo}/docs/${id}?raw=1`
);
let command = JSON.parse(
res.data?.data.body.match(/```json([\s\S]*)```/)?.[1]
);
if (!command) return;
command.authorName = authorName;
command.updateTime = updateTime;
localStorage.setItem(id, JSON.stringify(command));
return command;
},
},
};
</script>