feature: 实现根据缓存加载功能模板

laorange · Dec 29, 2023 · cc83c4b · cc83c4b
1 parent 704eb89
commit cc83c4b
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 11 deletions.
diff --git a/src/pages/article-copy-tool/components/HeaderArea/components/TextHandlerConfig.vue b/src/pages/article-copy-tool/components/HeaderArea/components/TextHandlerConfig.vue
@@ -10,7 +10,27 @@ const store = useStore();
 const {introduceTextHandler} = useIntroducer();
 
 const showConfigDrawer = ref(false);
-const refTextHandlerArray = ref<TextHandlerWithName[]>(store.textHandlerArray);
+
+
+const localStorageHandlerOptions = localStorage.getItem("laorange_PA");
+
+function getTextHandlerArray() {
+  if (localStorageHandlerOptions) {
+    const TextHandlerArray = JSON.parse(JSON.stringify(textHandlers));
+    const localStorgeValue = JSON.parse(localStorageHandlerOptions);
+    const handlerOptions = localStorgeValue.value.copy.handlerOptions;
+    Object.keys(TextHandlerArray).map((handlerName) => {
+      TextHandlerArray[handlerName].activate = handlerOptions[handlerName].activate;
+      TextHandlerArray[handlerName].order = handlerOptions[handlerName].order;
+    });
+    console.log(store.storage.copy.handlerOptions);
+    return ref<TextHandlerWithName[]>(store.textHandlerArray(TextHandlerArray))
+  } else {
+    return ref<TextHandlerWithName[]>(store.textHandlerArray());
+  }
+}
+
+const refTextHandlerArray = getTextHandlerArray();
 
 watch(() => refTextHandlerArray.value, (ths) => {
   let handlerOptions: typeof store.storage.copy.handlerOptions = {};

diff --git a/src/store/useStore.ts b/src/store/useStore.ts
@@ -72,16 +72,21 @@ export const useStore = defineStore("store", {
         };
     },
     getters: {
-        textHandlerArray(): TextHandlerWithName[] {
-            return Object.entries(textHandlers).map(([handlerName, handler], index) => {
-                return {
-                    handlerName: handlerName,
-                    handler: {...handler, activate: this.storage.copy.handlerOptions[handlerName]?.activate ?? handler.activate},
-                    order: this.storage.copy.handlerOptions[handlerName]?.order ?? Object.keys(textHandlers).length + index,
-                };
-            }).sort((a, b) => a.order - b.order).map(data => {
-                return {...data.handler, handlerName: data.handlerName};
-            });
+        textHandlerArray() {
+            return (textType = textHandlers): TextHandlerWithName[] => {
+                return Object.entries(textType).map(([handlerName, handler], index) => {
+                    return {
+                        handlerName: handlerName,
+                        handler: {...handler, activate: this.storage.copy.handlerOptions[handlerName]?.activate ?? handler.activate},
+                        order: this.storage.copy.handlerOptions[handlerName]?.order ?? (() => {
+                                return textType[handlerName].order?? Object.keys(textHandlers).length + index
+                        })()
+
+                    };
+                }).sort((a, b) => a.order - b.order).map(data => {
+                    return {...data.handler, handlerName: data.handlerName};
+                });
+            };
         },
     },
     actions: {