@lark-apaas/fullstack-rspack-preset 1.0.2 → 1.0.4

package/lib/index.js

@@ -50,15 +50,17 @@ function createFullstackRspackConfig(overrides = {}) {
     }
     // 2. 从环境变量读取配置
     const isDev = process.env.NODE_ENV !== 'production';
-    const enableReactRefresh = process.env.ENABLE_REACT_REFRESH === 'true';
+    const enableReactRefresh = process.env.ENABLE_REACT_REFRESH
+        ? process.env.ENABLE_REACT_REFRESH === 'true'
+        : isDev;
     // enableInspector 目前在 preset 内部由 isDev 控制，保留环境变量以备后续扩展
     // const enableInspector = process.env.ENABLE_INSPECTOR === 'true';
     const needRoutes = process.env.NEED_ROUTES !== 'false'; // 默认 true
     // 3. 处理路径配置
     const clientBasePath = (0, devtool_kits_1.normalizeBasePath)(process.env.CLIENT_BASE_PATH || '/');
     const publicPath = isDev
-        ? (process.env.CLIENT_BASE_PATH || '/')
-        : (process.env.ASSETS_CDN_PATH || '/');
+        ? process.env.CLIENT_BASE_PATH || '/'
+        : process.env.ASSETS_CDN_PATH || '/';
     // 4. 调用原有的 preset 函数生成基础配置
     // 注意：enableInspector 目前在 preset 中由 isDev 控制，暂不暴露为独立参数
     const baseConfig = (0, preset_1.createRecommendRspackConfig)({

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,40 +10,20 @@ 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 echartThemeUD_json_1 = __importDefault(require("./echartThemeUD.json"));
+const registry_echarts_theme_1 = require("./registry_echarts_theme");
 let isRegistered = false;
 function resgisterEchartsTheme() {
     // 注册 ud 主题，全局仅注册一次
@@ -51,7 +31,16 @@ function resgisterEchartsTheme() {
         return;
     }
     isRegistered = true;
-    (0, echarts_2.registerTheme)('ud', echartThemeUD_json_1.default.theme);
+    // 打包后main.js defer 执行，css会加载完成
+    (0, echarts_2.registerTheme)('ud', (0, registry_echarts_theme_1.getShadcnEChartsTheme)());
+    // 监听hmr更新完成之后重新注册主题
+    if (import.meta.webpackHot || module.hot) {
+        const hot = import.meta.webpackHot || module.hot;
+        hot.addStatusHandler(status => {
+            if (status === 'idle') {
+                (0, echarts_2.registerTheme)('ud', (0, registry_echarts_theme_1.getShadcnEChartsTheme)());
+            }
+        });
+    }
 }
 resgisterEchartsTheme();
-// registerChinaMap();

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

@@ -0,0 +1,695 @@
+/**
+ * 获取 CSS 变量的值，并转换为 sRGB 颜色空间的十六进制字符串
+ * @param varName CSS 变量名
+ * @param element 可选的元素，默认为 document.documentElement
+ * @returns sRGB 颜色空间的十六进制字符串
+ */
+export declare function getCssVariable(varName: string, element?: HTMLElement): string;
+export declare function generateEChartsTheme(element?: HTMLElement): {
+    color: string[];
+    backgroundColor: string;
+    textStyle: {
+        color: string;
+    };
+    title: {
+        textStyle: {
+            color: string;
+        };
+        subtextStyle: {
+            color: string;
+        };
+    };
+    line: {
+        itemStyle: {
+            borderWidth: number;
+        };
+        lineStyle: {
+            width: number;
+        };
+        symbolSize: number;
+        symbol: string;
+        smooth: boolean;
+    };
+    radar: {
+        itemStyle: {
+            borderWidth: number;
+        };
+        lineStyle: {
+            width: number;
+        };
+        symbolSize: number;
+        symbol: string;
+        smooth: boolean;
+    };
+    bar: {
+        itemStyle: {
+            barBorderWidth: number;
+            barBorderColor: string;
+        };
+    };
+    pie: {
+        itemStyle: {
+            borderWidth: number;
+            borderColor: string;
+        };
+    };
+    scatter: {
+        itemStyle: {
+            borderWidth: number;
+            borderColor: string;
+        };
+    };
+    boxplot: {
+        itemStyle: {
+            borderWidth: number;
+            borderColor: string;
+        };
+    };
+    parallel: {
+        itemStyle: {
+            borderWidth: number;
+            borderColor: string;
+        };
+    };
+    sankey: {
+        itemStyle: {
+            borderWidth: number;
+            borderColor: string;
+        };
+    };
+    funnel: {
+        itemStyle: {
+            borderWidth: number;
+            borderColor: string;
+        };
+    };
+    gauge: {
+        itemStyle: {
+            borderWidth: number;
+            borderColor: string;
+        };
+    };
+    candlestick: {
+        itemStyle: {
+            color: string;
+            color0: string;
+            borderColor: string;
+            borderColor0: string;
+            borderWidth: number;
+        };
+    };
+    graph: {
+        itemStyle: {
+            borderWidth: number;
+            borderColor: string;
+        };
+        lineStyle: {
+            width: number;
+            color: string;
+        };
+        symbolSize: number;
+        symbol: string;
+        smooth: boolean;
+        color: string[];
+        label: {
+            color: string;
+        };
+    };
+    map: {
+        itemStyle: {
+            areaColor: string;
+            borderColor: string;
+            borderWidth: number;
+        };
+        label: {
+            color: string;
+        };
+        emphasis: {
+            itemStyle: {
+                areaColor: string;
+                borderColor: string;
+                borderWidth: number;
+            };
+            label: {
+                color: string;
+            };
+        };
+    };
+    geo: {
+        itemStyle: {
+            areaColor: string;
+            borderColor: string;
+            borderWidth: number;
+        };
+        label: {
+            color: string;
+        };
+        emphasis: {
+            itemStyle: {
+                areaColor: string;
+                borderColor: string;
+                borderWidth: number;
+            };
+            label: {
+                color: string;
+            };
+        };
+    };
+    categoryAxis: {
+        axisLine: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisTick: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisLabel: {
+            show: boolean;
+            color: string;
+        };
+        splitLine: {
+            show: boolean;
+            lineStyle: {
+                color: string[];
+            };
+        };
+        splitArea: {
+            show: boolean;
+        };
+    };
+    valueAxis: {
+        axisLine: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisTick: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisLabel: {
+            show: boolean;
+            color: string;
+        };
+        splitLine: {
+            show: boolean;
+            lineStyle: {
+                color: string[];
+            };
+        };
+        splitArea: {
+            show: boolean;
+        };
+    };
+    logAxis: {
+        axisLine: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisTick: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisLabel: {
+            show: boolean;
+            color: string;
+        };
+        splitLine: {
+            show: boolean;
+            lineStyle: {
+                color: string[];
+            };
+        };
+        splitArea: {
+            show: boolean;
+        };
+    };
+    timeAxis: {
+        axisLine: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisTick: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisLabel: {
+            show: boolean;
+            color: string;
+        };
+        splitLine: {
+            show: boolean;
+            lineStyle: {
+                color: string[];
+            };
+        };
+        splitArea: {
+            show: boolean;
+        };
+    };
+    toolbox: {
+        iconStyle: {
+            borderColor: string;
+        };
+        emphasis: {
+            iconStyle: {
+                borderColor: string;
+            };
+        };
+    };
+    legend: {
+        textStyle: {
+            color: string;
+        };
+    };
+    tooltip: {
+        axisPointer: {
+            lineStyle: {
+                color: string;
+                width: number;
+            };
+            crossStyle: {
+                color: string;
+                width: number;
+            };
+        };
+    };
+    timeline: {
+        lineStyle: {
+            color: string;
+            width: number;
+        };
+        itemStyle: {
+            color: string;
+            borderWidth: number;
+        };
+        controlStyle: {
+            color: string;
+            borderColor: string;
+            borderWidth: number;
+        };
+        checkpointStyle: {
+            color: string;
+            borderColor: string;
+        };
+        label: {
+            color: string;
+        };
+        emphasis: {
+            itemStyle: {
+                color: string;
+            };
+            controlStyle: {
+                color: string;
+                borderColor: string;
+                borderWidth: number;
+            };
+            label: {
+                color: string;
+            };
+        };
+    };
+    visualMap: {
+        color: string[];
+    };
+    dataZoom: {
+        backgroundColor: string;
+        dataBackgroundColor: string;
+        fillerColor: string;
+        handleColor: string;
+        handleSize: string;
+        textStyle: {
+            color: string;
+        };
+    };
+    markPoint: {
+        label: {
+            color: string;
+        };
+        emphasis: {
+            label: {
+                color: string;
+            };
+        };
+    };
+};
+export declare function getShadcnEChartsTheme(): {
+    color: string[];
+    backgroundColor: string;
+    textStyle: {
+        color: string;
+    };
+    title: {
+        textStyle: {
+            color: string;
+        };
+        subtextStyle: {
+            color: string;
+        };
+    };
+    line: {
+        itemStyle: {
+            borderWidth: number;
+        };
+        lineStyle: {
+            width: number;
+        };
+        symbolSize: number;
+        symbol: string;
+        smooth: boolean;
+    };
+    radar: {
+        itemStyle: {
+            borderWidth: number;
+        };
+        lineStyle: {
+            width: number;
+        };
+        symbolSize: number;
+        symbol: string;
+        smooth: boolean;
+    };
+    bar: {
+        itemStyle: {
+            barBorderWidth: number;
+            barBorderColor: string;
+        };
+    };
+    pie: {
+        itemStyle: {
+            borderWidth: number;
+            borderColor: string;
+        };
+    };
+    scatter: {
+        itemStyle: {
+            borderWidth: number;
+            borderColor: string;
+        };
+    };
+    boxplot: {
+        itemStyle: {
+            borderWidth: number;
+            borderColor: string;
+        };
+    };
+    parallel: {
+        itemStyle: {
+            borderWidth: number;
+            borderColor: string;
+        };
+    };
+    sankey: {
+        itemStyle: {
+            borderWidth: number;
+            borderColor: string;
+        };
+    };
+    funnel: {
+        itemStyle: {
+            borderWidth: number;
+            borderColor: string;
+        };
+    };
+    gauge: {
+        itemStyle: {
+            borderWidth: number;
+            borderColor: string;
+        };
+    };
+    candlestick: {
+        itemStyle: {
+            color: string;
+            color0: string;
+            borderColor: string;
+            borderColor0: string;
+            borderWidth: number;
+        };
+    };
+    graph: {
+        itemStyle: {
+            borderWidth: number;
+            borderColor: string;
+        };
+        lineStyle: {
+            width: number;
+            color: string;
+        };
+        symbolSize: number;
+        symbol: string;
+        smooth: boolean;
+        color: string[];
+        label: {
+            color: string;
+        };
+    };
+    map: {
+        itemStyle: {
+            areaColor: string;
+            borderColor: string;
+            borderWidth: number;
+        };
+        label: {
+            color: string;
+        };
+        emphasis: {
+            itemStyle: {
+                areaColor: string;
+                borderColor: string;
+                borderWidth: number;
+            };
+            label: {
+                color: string;
+            };
+        };
+    };
+    geo: {
+        itemStyle: {
+            areaColor: string;
+            borderColor: string;
+            borderWidth: number;
+        };
+        label: {
+            color: string;
+        };
+        emphasis: {
+            itemStyle: {
+                areaColor: string;
+                borderColor: string;
+                borderWidth: number;
+            };
+            label: {
+                color: string;
+            };
+        };
+    };
+    categoryAxis: {
+        axisLine: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisTick: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisLabel: {
+            show: boolean;
+            color: string;
+        };
+        splitLine: {
+            show: boolean;
+            lineStyle: {
+                color: string[];
+            };
+        };
+        splitArea: {
+            show: boolean;
+        };
+    };
+    valueAxis: {
+        axisLine: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisTick: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisLabel: {
+            show: boolean;
+            color: string;
+        };
+        splitLine: {
+            show: boolean;
+            lineStyle: {
+                color: string[];
+            };
+        };
+        splitArea: {
+            show: boolean;
+        };
+    };
+    logAxis: {
+        axisLine: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisTick: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisLabel: {
+            show: boolean;
+            color: string;
+        };
+        splitLine: {
+            show: boolean;
+            lineStyle: {
+                color: string[];
+            };
+        };
+        splitArea: {
+            show: boolean;
+        };
+    };
+    timeAxis: {
+        axisLine: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisTick: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisLabel: {
+            show: boolean;
+            color: string;
+        };
+        splitLine: {
+            show: boolean;
+            lineStyle: {
+                color: string[];
+            };
+        };
+        splitArea: {
+            show: boolean;
+        };
+    };
+    toolbox: {
+        iconStyle: {
+            borderColor: string;
+        };
+        emphasis: {
+            iconStyle: {
+                borderColor: string;
+            };
+        };
+    };
+    legend: {
+        textStyle: {
+            color: string;
+        };
+    };
+    tooltip: {
+        axisPointer: {
+            lineStyle: {
+                color: string;
+                width: number;
+            };
+            crossStyle: {
+                color: string;
+                width: number;
+            };
+        };
+    };
+    timeline: {
+        lineStyle: {
+            color: string;
+            width: number;
+        };
+        itemStyle: {
+            color: string;
+            borderWidth: number;
+        };
+        controlStyle: {
+            color: string;
+            borderColor: string;
+            borderWidth: number;
+        };
+        checkpointStyle: {
+            color: string;
+            borderColor: string;
+        };
+        label: {
+            color: string;
+        };
+        emphasis: {
+            itemStyle: {
+                color: string;
+            };
+            controlStyle: {
+                color: string;
+                borderColor: string;
+                borderWidth: number;
+            };
+            label: {
+                color: string;
+            };
+        };
+    };
+    visualMap: {
+        color: string[];
+    };
+    dataZoom: {
+        backgroundColor: string;
+        dataBackgroundColor: string;
+        fillerColor: string;
+        handleColor: string;
+        handleSize: string;
+        textStyle: {
+            color: string;
+        };
+    };
+    markPoint: {
+        label: {
+            color: string;
+        };
+        emphasis: {
+            label: {
+                color: string;
+            };
+        };
+    };
+};

package/lib/module-alias/registry_echarts_theme.js

@@ -0,0 +1,393 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCssVariable = getCssVariable;
+exports.generateEChartsTheme = generateEChartsTheme;
+exports.getShadcnEChartsTheme = getShadcnEChartsTheme;
+const colorjs_io_1 = __importDefault(require("colorjs.io"));
+/**
+ * 获取 CSS 变量的值，并转换为 sRGB 颜色空间的十六进制字符串
+ * @param varName CSS 变量名
+ * @param element 可选的元素，默认为 document.documentElement
+ * @returns sRGB 颜色空间的十六进制字符串
+ */
+function getCssVariable(varName, element = document.body) {
+    const value = window
+        .getComputedStyle(element)
+        .getPropertyValue(varName)
+        .trim();
+    if (!value) {
+        return '';
+    }
+    return new colorjs_io_1.default(value).to('srgb').toString({ format: 'hex' });
+}
+// 生成 ECharts 主题配置
+function generateEChartsTheme(element = document.body) {
+    // 获取图表颜色
+    const chartColors = [
+        getCssVariable('--chart-1', element),
+        getCssVariable('--chart-2', element),
+        getCssVariable('--chart-3', element),
+        getCssVariable('--chart-4', element),
+        getCssVariable('--chart-5', element),
+    ];
+    // 获取其他颜色变量
+    const background = getCssVariable('--background', element);
+    const foreground = getCssVariable('--foreground', element);
+    const muted = getCssVariable('--muted', element);
+    const mutedForeground = getCssVariable('--muted-foreground', element);
+    const border = getCssVariable('--border', element);
+    const primary = getCssVariable('--primary', element);
+    const fullTheme = {
+        color: chartColors,
+        backgroundColor: 'transparent',
+        textStyle: {
+            color: foreground,
+        },
+        title: {
+            textStyle: {
+                color: foreground,
+            },
+            subtextStyle: {
+                color: mutedForeground,
+            },
+        },
+        line: {
+            itemStyle: {
+                borderWidth: 1,
+            },
+            lineStyle: {
+                width: 2,
+            },
+            symbolSize: 4,
+            symbol: 'circle',
+            smooth: false,
+        },
+        radar: {
+            itemStyle: {
+                borderWidth: 1,
+            },
+            lineStyle: {
+                width: 2,
+            },
+            symbolSize: 4,
+            symbol: 'circle',
+            smooth: false,
+        },
+        bar: {
+            itemStyle: {
+                barBorderWidth: 0,
+                barBorderColor: border,
+            },
+        },
+        pie: {
+            itemStyle: {
+                borderWidth: 0,
+                borderColor: border,
+            },
+        },
+        scatter: {
+            itemStyle: {
+                borderWidth: 0,
+                borderColor: border,
+            },
+        },
+        boxplot: {
+            itemStyle: {
+                borderWidth: 0,
+                borderColor: border,
+            },
+        },
+        parallel: {
+            itemStyle: {
+                borderWidth: 0,
+                borderColor: border,
+            },
+        },
+        sankey: {
+            itemStyle: {
+                borderWidth: 0,
+                borderColor: border,
+            },
+        },
+        funnel: {
+            itemStyle: {
+                borderWidth: 0,
+                borderColor: border,
+            },
+        },
+        gauge: {
+            itemStyle: {
+                borderWidth: 0,
+                borderColor: border,
+            },
+        },
+        candlestick: {
+            itemStyle: {
+                color: chartColors[0],
+                color0: chartColors[1],
+                borderColor: chartColors[0],
+                borderColor0: chartColors[1],
+                borderWidth: 1,
+            },
+        },
+        graph: {
+            itemStyle: {
+                borderWidth: 0,
+                borderColor: border,
+            },
+            lineStyle: {
+                width: 1,
+                color: mutedForeground,
+            },
+            symbolSize: 4,
+            symbol: 'circle',
+            smooth: false,
+            color: chartColors,
+            label: {
+                color: foreground,
+            },
+        },
+        map: {
+            itemStyle: {
+                areaColor: muted,
+                borderColor: border,
+                borderWidth: 0.5,
+            },
+            label: {
+                color: foreground,
+            },
+            emphasis: {
+                itemStyle: {
+                    areaColor: chartColors[0],
+                    borderColor: chartColors[1],
+                    borderWidth: 1,
+                },
+                label: {
+                    color: foreground,
+                },
+            },
+        },
+        geo: {
+            itemStyle: {
+                areaColor: muted,
+                borderColor: border,
+                borderWidth: 0.5,
+            },
+            label: {
+                color: foreground,
+            },
+            emphasis: {
+                itemStyle: {
+                    areaColor: chartColors[0],
+                    borderColor: chartColors[1],
+                    borderWidth: 1,
+                },
+                label: {
+                    color: foreground,
+                },
+            },
+        },
+        categoryAxis: {
+            axisLine: {
+                show: true,
+                lineStyle: {
+                    color: border,
+                },
+            },
+            axisTick: {
+                show: true,
+                lineStyle: {
+                    color: border,
+                },
+            },
+            axisLabel: {
+                show: true,
+                color: mutedForeground,
+            },
+            splitLine: {
+                show: false,
+                lineStyle: {
+                    color: [border],
+                },
+            },
+            splitArea: {
+                show: false,
+            },
+        },
+        valueAxis: {
+            axisLine: {
+                show: true,
+                lineStyle: {
+                    color: border,
+                },
+            },
+            axisTick: {
+                show: true,
+                lineStyle: {
+                    color: border,
+                },
+            },
+            axisLabel: {
+                show: true,
+                color: mutedForeground,
+            },
+            splitLine: {
+                show: true,
+                lineStyle: {
+                    color: [border],
+                },
+            },
+            splitArea: {
+                show: false,
+            },
+        },
+        logAxis: {
+            axisLine: {
+                show: true,
+                lineStyle: {
+                    color: border,
+                },
+            },
+            axisTick: {
+                show: true,
+                lineStyle: {
+                    color: border,
+                },
+            },
+            axisLabel: {
+                show: true,
+                color: mutedForeground,
+            },
+            splitLine: {
+                show: true,
+                lineStyle: {
+                    color: [border],
+                },
+            },
+            splitArea: {
+                show: false,
+            },
+        },
+        timeAxis: {
+            axisLine: {
+                show: true,
+                lineStyle: {
+                    color: border,
+                },
+            },
+            axisTick: {
+                show: true,
+                lineStyle: {
+                    color: border,
+                },
+            },
+            axisLabel: {
+                show: true,
+                color: mutedForeground,
+            },
+            splitLine: {
+                show: true,
+                lineStyle: {
+                    color: [border],
+                },
+            },
+            splitArea: {
+                show: false,
+            },
+        },
+        toolbox: {
+            iconStyle: {
+                borderColor: mutedForeground,
+            },
+            emphasis: {
+                iconStyle: {
+                    borderColor: primary,
+                },
+            },
+        },
+        legend: {
+            textStyle: {
+                color: foreground,
+            },
+        },
+        tooltip: {
+            axisPointer: {
+                lineStyle: {
+                    color: border,
+                    width: 1,
+                },
+                crossStyle: {
+                    color: border,
+                    width: 1,
+                },
+            },
+        },
+        timeline: {
+            lineStyle: {
+                color: primary,
+                width: 1,
+            },
+            itemStyle: {
+                color: primary,
+                borderWidth: 1,
+            },
+            controlStyle: {
+                color: primary,
+                borderColor: primary,
+                borderWidth: 0.5,
+            },
+            checkpointStyle: {
+                color: chartColors[1],
+                borderColor: chartColors[1],
+            },
+            label: {
+                color: mutedForeground,
+            },
+            emphasis: {
+                itemStyle: {
+                    color: chartColors[1],
+                },
+                controlStyle: {
+                    color: primary,
+                    borderColor: primary,
+                    borderWidth: 0.5,
+                },
+                label: {
+                    color: mutedForeground,
+                },
+            },
+        },
+        visualMap: {
+            color: [chartColors[0], chartColors[2]],
+        },
+        dataZoom: {
+            backgroundColor: background,
+            dataBackgroundColor: border,
+            fillerColor: `${chartColors[0]}40`, // 25% opacity
+            handleColor: primary,
+            handleSize: '100%',
+            textStyle: {
+                color: foreground,
+            },
+        },
+        markPoint: {
+            label: {
+                color: foreground,
+            },
+            emphasis: {
+                label: {
+                    color: foreground,
+                },
+            },
+        },
+    };
+    return fullTheme;
+}
+// 获取当前主题的 ECharts 配置
+function getShadcnEChartsTheme() {
+    // body
+    return generateEChartsTheme(document.body);
+}

package/lib/preset.js

@@ -148,8 +148,7 @@ function createRecommendRspackConfig(options) {
                 filename: 'index.html',
                 templateParameters: {
                     publicPath,
-                },
-                minify: false,
+                }
             }),
             // 性能监控插件
             new slardar_performance_monitor_plugin_1.default(),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/fullstack-rspack-preset",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "files": [
     "lib",
     "preset.config.js"
@@ -31,6 +31,7 @@
     "@lark-apaas/miaoda-inspector-jsx-runtime": "^1.0.0",
     "@rspack/plugin-react-refresh": "^1.5.1",
     "clsx": "^2.1.1",
+    "colorjs.io": "^0.5.2",
     "dotenv": "^16.4.5",
     "echarts": "^6.0.0",
     "postcss-import": "^16.1.1",

package/lib/module-alias/echartThemeUD.json

@@ -1,148 +0,0 @@
-{
-    "version": 1,
-    "themeName": "UD Theme Style",
-    "theme": {
-        "seriesCnt": "6",
-        "backgroundColor": "rgba(0,0,0,0)",
-        "titleColor": "#1f2329",
-        "subtitleColor": "#8f959e",
-        "textColorShow": false,
-        "textColor": "#333",
-        "markTextColor": "#ffffff",
-        "color": [
-            "#3370eb",
-            "#1bcebf",
-            "#ffc60a",
-            "#ed6d0c",
-            "#dca1e4",
-            "#25b2e5",
-            "#6dcdeb",
-            "#288fcb",
-            "#94b5f5",
-            "#8f61d1",
-            "#8f61d1",
-            "#bf78e9",
-            "#008280",
-            "#27ad8e",
-            "#7bc335"
-        ],
-        "borderColor": "#dee0e3",
-        "borderWidth": 0,
-        "visualMapColor": ["#25b2e5", "#6dcdeb", "#288fcb"],
-        "legendTextColor": "#8f959e",
-        "kColor": "#fdc6c4",
-        "kColor0": "transparent",
-        "kBorderColor": "#f54a45",
-        "kBorderColor0": "#32a645",
-        "kBorderWidth": "2",
-        "lineWidth": "1",
-        "symbolSize": "6",
-        "symbol": "emptyCircle",
-        "symbolBorderWidth": "1",
-        "lineSmooth": true,
-        "graphLineWidth": 1,
-        "graphLineColor": "#dee0e3",
-        "mapLabelColor": "#000",
-        "mapLabelColorE": "#516b91",
-        "mapBorderColor": "#516b91",
-        "mapBorderColorE": "#516b91",
-        "mapBorderWidth": 0.5,
-        "mapBorderWidthE": 1,
-        "mapAreaColor": "#f3f3f3",
-        "mapAreaColorE": "#a5e7f0",
-        "axes": [
-            {
-                "type": "all",
-                "name": "通用坐标轴",
-                "axisLineShow": true,
-                "axisLineColor": "#dee0e3",
-                "axisTickShow": false,
-                "axisTickColor": "#333",
-                "axisLabelShow": true,
-                "axisLabelColor": "#8f959e",
-                "splitLineShow": true,
-                "splitLineColor": ["#dee0e3"],
-                "splitAreaShow": false,
-                "splitAreaColor": ["rgba(250,250,250,0.05)", "rgba(200,200,200,0.02)"]
-            },
-            {
-                "type": "category",
-                "name": "类目坐标轴",
-                "axisLineShow": true,
-                "axisLineColor": "#333",
-                "axisTickShow": true,
-                "axisTickColor": "#333",
-                "axisLabelShow": true,
-                "axisLabelColor": "#333",
-                "splitLineShow": false,
-                "splitLineColor": ["#ccc"],
-                "splitAreaShow": false,
-                "splitAreaColor": ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
-            },
-            {
-                "type": "value",
-                "name": "数值坐标轴",
-                "axisLineShow": true,
-                "axisLineColor": "#333",
-                "axisTickShow": true,
-                "axisTickColor": "#333",
-                "axisLabelShow": true,
-                "axisLabelColor": "#333",
-                "splitLineShow": true,
-                "splitLineColor": ["#ccc"],
-                "splitAreaShow": false,
-                "splitAreaColor": ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
-            },
-            {
-                "type": "log",
-                "name": "对数坐标轴",
-                "axisLineShow": true,
-                "axisLineColor": "#333",
-                "axisTickShow": true,
-                "axisTickColor": "#333",
-                "axisLabelShow": true,
-                "axisLabelColor": "#333",
-                "splitLineShow": true,
-                "splitLineColor": ["#ccc"],
-                "splitAreaShow": false,
-                "splitAreaColor": ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
-            },
-            {
-                "type": "time",
-                "name": "时间坐标轴",
-                "axisLineShow": true,
-                "axisLineColor": "#333",
-                "axisTickShow": true,
-                "axisTickColor": "#333",
-                "axisLabelShow": true,
-                "axisLabelColor": "#333",
-                "splitLineShow": true,
-                "splitLineColor": ["#ccc"],
-                "splitAreaShow": false,
-                "splitAreaColor": ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
-            }
-        ],
-        "axisSeperateSetting": false,
-        "toolboxColor": "#8f959e",
-        "toolboxEmphasisColor": "#1f2329",
-        "tooltipAxisColor": "#dee0e3",
-        "tooltipAxisWidth": 1,
-        "timelineLineColor": "#336df4",
-        "timelineLineWidth": "-1",
-        "timelineItemColor": "#336df4",
-        "timelineItemColorE": "#1456f0",
-        "timelineCheckColor": "#1456f0",
-        "timelineCheckBorderColor": "#94b4ff",
-        "timelineItemBorderWidth": "0.5",
-        "timelineControlColor": "#336df4",
-        "timelineControlBorderColor": "#336df4",
-        "timelineControlBorderWidth": 0.5,
-        "timelineLabelColor": "#8f959e",
-        "datazoomBackgroundColor": "rgba(0,0,0,0)",
-        "datazoomDataColor": "rgba(255,255,255,0.3)",
-        "datazoomFillColor": "rgba(167,183,204,0.4)",
-        "datazoomHandleColor": "#a7b7cc",
-        "datazoomHandleWidth": "100",
-        "datazoomLabelColor": "#333"
-    }
-}