cc-inspector-chrome/cc-inspector/src/views/devtools/store.ts

import profile from "cc-plugin/src/ccp/profile";
import { defineStore } from "pinia";
import { ref, toRaw } from "vue";
import pluginConfig from "../../../cc-plugin.config";
import { PanelMsg } from "./const";
export const enum RefreshType {
  Auto = "auto",
  Manual = "manual",
}
export class ConfigData {
  /**
   * 刷新类型
   */
  refreshType: string = RefreshType.Manual;
  /**
   * 刷新间隔时间，单位ms
   */
  refreshTime: number = 500;
  /**
   * 展开测试的section
   */
  expandTest: boolean = false;
  /**
   * 是否自动刷新inspector
   */
  refreshInspector: boolean = true;
  /**
   * 是否自动刷新hierarchy
   */
  refreshHirarchy: boolean = true;
}

export const appStore = defineStore("app", () => {
  const config = ref<ConfigData>(new ConfigData());
  const frameID = ref<number>(0);
  const pageShow = ref<boolean>(false);
  return {
    frameID,
    pageShow,
    config,
    init() {
      if (chrome.devtools) {
        window.addEventListener(PanelMsg.Show, () => {
          pageShow.value = true;
        });
      } else {
        pageShow.value = true;
      }
      profile.init(new ConfigData(), pluginConfig);
      const data = profile.load(`${pluginConfig.manifest.name}.json`) as ConfigData;
      config.value.refreshType = data.refreshType || RefreshType.Manual;
      config.value.refreshTime = data.refreshTime || 500;
      config.value.expandTest = !!data.expandTest;
      config.value.refreshHirarchy = !!data.refreshHirarchy;
      config.value.refreshInspector = !!data.refreshInspector;
    },
    save() {
      const cfg = toRaw(config.value);
      profile.save(cfg);
    },
  };
});