fix: 修复弹窗表格NaN

曹睿

4 小时以前 9fcd064cdceb323554b0d39b3cdb2c14f9c47666

 src/store/modules/settings.js

@@ -1,44 +1,67 @@
import defaultSettings from '@/settings'

import { useDynamicTitle } from '@/utils/dynamicTitle'

import defaultSettings from "@/settings";

import { useDark, useToggle } from "@vueuse/core";

import { useDynamicTitle } from "@/utils/dynamicTitle";



const { sideTheme, showSettings, topNav, tagsView, fixedHeader, sidebarLogo, dynamicTitle } = defaultSettings

const isDark = useDark();

const toggleDark = useToggle(isDark);



const storageSetting = JSON.parse(localStorage.getItem('layout-setting')) || ''

const state = {

  title: '',

  theme: storageSetting.theme || '#409EFF',

  sideTheme: storageSetting.sideTheme || sideTheme,

  showSettings: showSettings,

  topNav: storageSetting.topNav === undefined ? topNav : storageSetting.topNav,

  tagsView: storageSetting.tagsView === undefined ? tagsView : storageSetting.tagsView,

  fixedHeader: storageSetting.fixedHeader === undefined ? fixedHeader : storageSetting.fixedHeader,

  sidebarLogo: storageSetting.sidebarLogo === undefined ? sidebarLogo : storageSetting.sidebarLogo,

  dynamicTitle: storageSetting.dynamicTitle === undefined ? dynamicTitle : storageSetting.dynamicTitle

}

const mutations = {

  CHANGE_SETTING: (state, { key, value }) => {

    if (state.hasOwnProperty(key)) {

      state[key] = value

    }

  }

}

const {

  sideTheme,

  showSettings,

  topNav,

  tagsView,

  fixedHeader,

  sidebarLogo,

  dynamicTitle,

} = defaultSettings;



const actions = {

  // 修改布局设置

  changeSetting({ commit }, data) {

    commit('CHANGE_SETTING', data)

const storageSetting = JSON.parse(localStorage.getItem("layout-setting")) || "";



const useSettingsStore = defineStore("settings", {

  state: () => ({

    title: "",

    theme: storageSetting.theme || "#002fa7",

    sideTheme: storageSetting.sideTheme || sideTheme,

    showSettings: showSettings,

    topNav:

      storageSetting.topNav === undefined ? topNav : storageSetting.topNav,

    tagsView:

      storageSetting.tagsView === undefined

        ? tagsView

        : storageSetting.tagsView,

    fixedHeader:

      storageSetting.fixedHeader === undefined

        ? fixedHeader

        : storageSetting.fixedHeader,

    sidebarLogo:

      storageSetting.sidebarLogo === undefined

        ? sidebarLogo

        : storageSetting.sidebarLogo,

    dynamicTitle:

      storageSetting.dynamicTitle === undefined

        ? dynamicTitle

        : storageSetting.dynamicTitle,

    isDark: isDark.value,

  }),

  actions: {

    // 修改布局设置

    changeSetting(data) {

      const { key, value } = data;

      if (this.hasOwnProperty(key)) {

        this[key] = value;

      }

    },

    // 设置网页标题

    setTitle(title) {

      this.title = title;

      useDynamicTitle();

    },

    // 切换暗黑模式

    toggleTheme() {

      this.isDark = !this.isDark;

      toggleDark();

    },

  },

  // 设置网页标题

  setTitle({ commit }, title) {

    state.title = title

    useDynamicTitle();

  }

}

});



export default {

  namespaced: true,

  state,

  mutations,

  actions

}



export default useSettingsStore;