研发图纸文件管理系统-前端项目
iczer
2020-06-16 25e1c0f808fd315fc7075273f154f7ac021f9f8c
src/utils/themeUtil.js
@@ -1,14 +1,23 @@
import client from 'webpack-theme-color-replacer/client'
import generate from '@ant-design/colors/lib/generate'
const ThemeColorReplacer = require('webpack-theme-color-replacer')
const client = require('webpack-theme-color-replacer/client')
const generate =  require('@ant-design/colors/lib/generate').default
export default {
module.exports = {
  primaryColor: '#1890ff',
  getThemeColors(color) {
    const lightens = new Array(9).fill().map((t, i) => {
      return ThemeColorReplacer.varyColor.lighten(color, i / 10)
    })
    const palettes = generate(color)
    const rgb = ThemeColorReplacer.varyColor.toNum3(color.replace('#', '')).join(',')
    return palettes.concat(lightens).concat(rgb)
  },
  changeThemeColor (newColor) {
    let lastColor = this.lastColor || this.primaryColor
    let options = {
      cssUrl: '/css/theme-colors.css',
      oldColors: generate(lastColor),
      newColors: generate(newColor)
      oldColors: this.getThemeColors(lastColor),
      newColors: this.getThemeColors(newColor)
    }
    let promise = client.changer.changeColor(options)
    this.lastColor = lastColor