🔱: [client] sync upgrade with 21 commits [trident-sync]

Update README.md

packages/ui/certd-client/src/store/modules/settings.ts

@@ -0,0 +1,63 @@
+import { defineStore } from "pinia";
+// @ts-ignore
+import { LocalStorage } from "/src/utils/util.storage";
+// import { replaceStyleVariables } from "vite-plugin-theme/es/client";
+
+// import { getThemeColors, generateColors } from "/src/../build/theme-colors";
+//
+// import { mixLighten, mixDarken, tinycolor } from "vite-plugin-theme/es/colorUtils";
+
+// export async function changeTheme(color?: string) {
+//   if (color == null) {
+//     return;
+//   }
+//   const colors = generateColors({
+//     mixDarken,
+//     mixLighten,
+//     tinycolor,
+//     color
+//   });
+//
+//   return await replaceStyleVariables({
+//     colorVariables: [...getThemeColors(color), ...colors]
+//   });
+// }
+
+interface SettingState {
+  theme: any;
+}
+
+const SETTING_THEME_KEY = "SETTING_THEME";
+export const useSettingStore = defineStore({
+  id: "app.setting",
+  state: (): SettingState => ({
+    // user info
+    theme: null
+  }),
+  getters: {
+    getTheme(): any {
+      return this.theme || LocalStorage.get(SETTING_THEME_KEY) || {};
+    }
+  },
+  actions: {
+    persistTheme() {
+      LocalStorage.set(SETTING_THEME_KEY, this.getTheme);
+    },
+    async setTheme(theme?: Object) {
+      if (theme == null) {
+        theme = this.getTheme;
+      }
+      this.theme = theme;
+      this.persistTheme();
+      // await changeTheme(this.theme.primaryColor);
+    },
+    async setPrimaryColor(color) {
+      const theme = this.theme;
+      theme.primaryColor = color;
+      await this.setTheme();
+    },
+    async init() {
+      await this.setTheme(this.getTheme);
+    }
+  }
+});