Function ThemeServiceInit

devui/theme/theme-management.ts:18–58

(
  themes?: { [themeName: string]: Theme },
  defaultThemeName?: string,
  extraData?: {
    [themeName: string]: {
      appendClasses?: Array<string>;
      cssVariables?: {
        [cssVarName: string]: string;
      };
    };
  },
  ieSupport = false, // TODO：css-var-ponyflll 仍有一些问题待定位
  allowDynamicTheme = false
)

 *
*/
export function ThemeServiceInit(
  themes?: { [themeName: string]: Theme },
  defaultThemeName?: string,
  extraData?: {
    [themeName: string]: {
      appendClasses?: Array<string>;
      cssVariables?: {
        [cssVarName: string]: string;
      };
    };
  },
  ieSupport = false, // TODO：css-var-ponyflll 仍有一些问题待定位
  allowDynamicTheme = false
) {
  if (typeof window === 'undefined' || typeof document === 'undefined') {
    return null;
  }
  window[THEME_KEY.themeCollection] = themes || {
    'devui-light-theme': devuiLightTheme,
    'devui-dark-theme': devuiDarkTheme,
  };
  window[THEME_KEY.currentTheme] = defaultThemeName || 'devui-light-theme';
  const eventBus = (window as any).globalEventBus || new EventBus(); // window.globalEventBus 为 框架的事件总线
  const themeService = new ThemeService(eventBus);
  window[THEME_KEY.themeService] = themeService;

  themeService.setExtraData(
    extraData || {
      'devui-dark-theme': {
        appendClasses: ['dark-mode'],
      },
    }
  );

  const currentTheme = window?.localStorage.getItem(THEME_KEY.userLastPreferTheme) || defaultThemeName;
  themeService.initializeTheme(currentTheme, allowDynamicTheme);
  if (ieSupport) {
    ieSupportCssVar();
  }
  return themeService;
}

export function ThemeServiceFollowSystemOn(themeConfig?: { lightThemeName: string; darkThemeName: string }): Subscription {
  if (typeof window === 'undefined' || typeof document === 'undefined') {