@lark-apaas/fullstack-rspack-preset 1.0.1-alpha.echarts.3 → 1.0.1-alpha.echarts.4

package/lib/module-alias/echarts.js

@@ -31,6 +31,7 @@ function resgisterEchartsTheme() {
         return;
     }
     isRegistered = true;
+    // 打包后main.js defer 执行，css会加载完成
     (0, echarts_2.registerTheme)('ud', (0, registry_echarts_theme_1.getShadcnEChartsTheme)());
 }
 resgisterEchartsTheme();

package/lib/module-alias/registry_echarts_theme.js

@@ -391,61 +391,3 @@ function getShadcnEChartsTheme() {
     // body
     return generateEChartsTheme(document.body);
 }
-// 监听主题变化并更新图表
-// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unused-vars
-function watchThemeChange(chart) {
-    const observer = new MutationObserver((mutations) => {
-        mutations.forEach((mutation) => {
-            console.log(mutation);
-            if (mutation.type === 'attributes' &&
-                mutation.attributeName === 'data-theme-host') {
-                const newTheme = generateEChartsTheme(document.documentElement);
-                // 更新图表的颜色配置
-                const currentOption = chart.getOption();
-                console.log({
-                    ...newTheme,
-                    ...currentOption,
-                });
-                chart.setOption({
-                    ...newTheme,
-                    ...currentOption,
-                });
-            }
-        });
-    });
-    observer.observe(document.documentElement, {
-        attributes: true,
-        attributeFilter: ['data-theme-host'],
-    });
-    return observer;
-}
-// 使用示例
-/*
-import * as echarts from 'echarts';
-
-// 方法1: 获取主题并初始化图表
-const theme = getShadcnEChartsTheme();
-const chart = echarts.init(document.getElementById('main'));
-chart.setOption({
-  ...theme,
-  xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri'] },
-  yAxis: { type: 'value' },
-  series: [{ data: [120, 200, 150, 80, 70], type: 'line' }]
-});
-
-// 方法2: 监听主题变化自动更新
-const observer = watchThemeChange(chart);
-
-// 清理时取消监听
-// observer.disconnect();
-
-// 方法3: 只获取颜色数组
-const element = document.documentElement;
-const chartColors = [
-  getCssVariable('--chart-1', element),
-  getCssVariable('--chart-2', element),
-  getCssVariable('--chart-3', element),
-  getCssVariable('--chart-4', element),
-  getCssVariable('--chart-5', element),
-];
-*/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/fullstack-rspack-preset",
-  "version": "1.0.1-alpha.echarts.3",
+  "version": "1.0.1-alpha.echarts.4",
   "files": [
     "lib",
     "preset.config.js"