element plus 自定义命名空间

引用[1]:在修改element-plus的主题时，可以通过在vuex的setting模块的SET_THEME中添加修改--theme-color变量的语句来实现。具体的代码如下所示：

mutations: {
  SET_THEME(state, theme: Theme) {
    // 存储新主题
    state.theme = theme
    // 变更主题命名空间
    let classNames = document.body.className.split(' ')
    classNames = classNames.filter((className) => !className.includes('theme-'))
    classNames.push('theme-' + theme)
    document.body.className = classNames.join(' ')
    // 变更其他非element组件元素的主题色
    document.body.style.setProperty('--theme-color', Setting.THEME_LIST.find((item) => item.name === theme)!.color)
  }
}

引用[2]:在element-plus目录下新建index.ts文件，并添加以下代码来自定义命名空间：

import { App } from 'vue'
import { locale, ElButton, ElMessage } from 'element-plus'
import { MessageType } from 'element-plus/lib/el-message/src/types'
＊＊＊