@alicloud/cloud-charts/es/themes/index.js


import eventBus from "../common/eventBus";
import { FullThemeEventName, FullThemeName, THEME } from '../constants';
import { themeLog } from "../common/log";
import { setThemeStyle, convertKey, convertCSS, convertJsStyle, setG2Theme } from './themeTools';

// [theme].style 文件根据 [theme].scss 自动生成，请勿直接修改
import normalStyle from './normal.style';
import darkStyle from './dark.style';
// 记录所有主题
var themeMap = {
  normal: {
    js: convertKey(convertJsStyle('normal', normalStyle)),
    css: convertCSS(normalStyle),
    rawCSS: normalStyle
  },
  dark: {
    js: convertKey(convertJsStyle('dark', darkStyle)),
    css: convertCSS(darkStyle),
    rawCSS: darkStyle
  }
};
// alias index as normal
themeMap.index = themeMap.normal;
var normalMap = {
  index: true,
  normal: true
};

// 默认主题包
var defaultTheme = process.env.NODE_ENV === 'production' ? THEME : 'normal';
/** 当前图表库主题包 */
var themes = {
  getTheme: getTheme,
  setTheme: setTheme
};
var currentThemeName = '';
var currentRawCss = {};
export function getTheme(name) {
  if (!name) {
    return themes;
  } else if (themeMap[name]) {
    return themeMap[name].js;
  }
  return undefined;
}
export function convertThemeKey(theme) {
  if (theme === void 0) {
    theme = defaultTheme;
  }
  var newTheme = {};
  if (typeof theme === 'string' && themeMap[theme]) {
    newTheme = themeMap[theme].js;
    setThemeStyle(themeMap[theme].css);
  } else if (typeof theme === 'object') {
    newTheme = convertKey(theme);
    var newCSS = Object.assign({}, currentRawCss, theme);
    setThemeStyle(convertCSS(newCSS));
  }
  return Object.assign(themes, newTheme);
}
export function setTheme(theme, refreshChart) {
  if (theme === void 0) {
    theme = defaultTheme;
  }
  if (refreshChart === void 0) {
    refreshChart = true;
  }
  if (typeof theme === 'string' && themeMap[theme] && (theme === currentThemeName || theme in normalMap && currentThemeName in normalMap)) {
    return;
  }
  var newTheme = convertThemeKey(theme);
  if (typeof theme === 'string' && themeMap[theme]) {
    // 传入字符串名字，设置对应主题包
    // newTheme = convertThemeKey(theme);
    currentThemeName = theme;
    // setThemeStyle(themeMap[theme].css);
    currentRawCss = themeMap[theme].rawCSS;
    // 打点
    themeLog(theme);
  } else if (typeof theme === 'object') {
    // 传入对象，直接覆盖对应的key和css
    // newTheme = convertThemeKey(theme);

    // // 多次传入对象，css 会在 currentRawCss 的基础上处理
    // const newCSS = Object.assign({}, currentRawCss, theme);
    // setThemeStyle(convertCSS(newCSS));
    // 打点
    themeLog(newTheme.name || 'customTheme');
  } else {
    return;
  }

  // Object.assign(themes, newTheme)

  setG2Theme(newTheme);
  if (refreshChart) {
    // TODO 优化重新渲染逻辑
    eventBus.emit('setTheme');
  }
}
setTheme(defaultTheme, false);
if (window[FullThemeName]) {
  setTheme(window[FullThemeName], false);
}

// 根据事件设置图表主题
document.addEventListener(FullThemeEventName, function (e) {
  if (e.detail) {
    setTheme(e.detail);
  }
});

// themes.getTheme = getTheme;
// themes.setTheme = setTheme;

export default themes;