hongshu-web v1.0

src/store/searchStore.ts

@@ -0,0 +1,69 @@
+import { defineStore } from "pinia";
+import { ref } from "vue";
+import { storage } from "@/utils/storage";
+import { store } from "@/store";
+
+// 使用setup模式定义
+export const searchStore = defineStore("searchStore", () => {
+  const keyWord = ref("");
+  const seed = ref("");
+  const historyRecords = ref<Array<string>>([]);
+
+  const setKeyword = (val: string) => {
+    keyWord.value = val;
+    storage.set("keyword", val);
+  };
+
+  const setSeed = (val: string) => {
+    seed.value = val;
+    storage.set("seed", val);
+  };
+
+  const pushRecord = (val: string) => {
+    if (storage.get("historyRecords") == null) {
+      storage.set("historyRecords", []);
+    }
+    let data = storage.get("historyRecords") as Array<string>;
+    data = data.filter((item) => item != val);
+    data.splice(0, 0, val);
+    if (data.length > 10) {
+      data = data.slice(0, data.length - 1);
+    }
+    storage.set("historyRecords", data);
+  };
+
+  const setRecords = (val: Array<string>) => {
+    storage.set("historyRecords", val);
+  };
+
+  const getRecords = () => {
+    return storage.get("historyRecords") as Array<string>;
+  };
+
+  const clearAllRecord = () => {
+    storage.set("historyRecords", []);
+  };
+
+  const deleteRecord = (index: number) => {
+    historyRecords.value = storage.get("historyRecords") as Array<string>;
+    historyRecords.value.splice(index, 1);
+    console.log(historyRecords.value);
+    storage.set("historyRecords", historyRecords.value);
+  };
+
+  return {
+    keyWord,
+    seed,
+    setKeyword,
+    pushRecord,
+    deleteRecord,
+    clearAllRecord,
+    getRecords,
+    setSeed,
+    setRecords,
+  };
+});
+
+export function useSearchStore() {
+  return searchStore(store);
+}