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

package/lib/module-alias/echarts.d.ts

@@ -1,4 +1,3 @@
-import * as echartsModule from 'echarts';
-export { default as echarts } from 'echarts';
-export default echartsModule;
-export declare function resgisterEchartsTheme(): void;
+export function resgisterEchartsTheme(): void;
+export { default as echarts } from "echarts";
+export * from "echarts";

package/lib/module-alias/echarts.js

@@ -10,38 +10,18 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
 }));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.echarts = void 0;
 exports.resgisterEchartsTheme = resgisterEchartsTheme;
-const echartsModule = __importStar(require("echarts"));
 var echarts_1 = require("echarts");
 Object.defineProperty(exports, "echarts", { enumerable: true, get: function () { return __importDefault(echarts_1).default; } });
-exports.default = echartsModule;
+__exportStar(require("echarts"), exports);
 const echarts_2 = require("echarts");
 const registry_echarts_theme_1 = require("./registry_echarts_theme");
 let isRegistered = false;
@@ -51,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.2",
+  "version": "1.0.1-alpha.echarts.4",
   "files": [
     "lib",
     "preset.config.js"