Merge pull request #56 from mayinrain/master

upd: 打包问题修复

Author: nancyzhan

docs/.vitepress/config.js

@@ -1,4 +1,3 @@
-
 import { defineConfig } from 'vitepress';
 import vueJsx from '@vitejs/plugin-vue-jsx';
 
@@ -33,8 +32,10 @@ export default defineConfig({
         },
         ssr: {
             // lodash-es 模块是 esm，ssr 渲染的时候编译成 cjs 的引入方式，会引发 nodejs 的模块加载异常错误
-            noExternal: ['lodash-es', '@fesjs/fes-design', '@fesjs/fes-design/icon'],
-            external: ['@vue/repl']
+            noExternal: ['lodash-es', '@fesjs/fes-design', '@fesjs/fes-design/icon', 'echarts', 'zrender'],
+            external: [
+                '@vue/repl',
+            ]
         },
         resolve: {
             extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue'],

packages/traction-widget/components/Charts/Charts.vue

@@ -98,3 +98,9 @@ const handleRefresh = async () => {
     lastUpdateTime.value = format(new Date(), 'yyyy-MM-dd HH:mm:ss');
 };
 </script>
+
+<script lang="ts">
+export default {
+    name: 'BCharts'
+};
+</script>

packages/traction-widget/components/Charts/useEcharts.ts

@@ -1,26 +1,23 @@
 // 引入 echarts 核心模块，核心模块提供了 echarts 使用必须要的接口。
 import * as echarts from 'echarts/core';
 // 引入柱状图图表，图表后缀都为 Chart
-import { BarChart, LineChart } from 'echarts/charts';
+import * as charts from 'echarts/charts';
 // 引入 Canvas 渲染器，注意引入 CanvasRenderer 或者 SVGRenderer 是必须的一步
-import { CanvasRenderer } from 'echarts/renderers';
+import * as renderers from 'echarts/renderers';
 // 引入提示框，标题，直角坐标系，数据集，内置数据转换器组件，组件后缀都为 Component
-import {
-    TooltipComponent,
-    GridComponent,
-    DataZoomComponent,
-    LegendComponent,
-} from 'echarts/components';
+import * as components from 'echarts/components';
 
+const { BarChart } = charts;
+const { CanvasRenderer } = renderers;
+const { TooltipComponent, GridComponent, DataZoomComponent, LegendComponent } = components;
 // 注册必须的组件
 echarts.use([
-    BarChart,
-    LineChart,
-    CanvasRenderer,
     TooltipComponent,
     GridComponent,
     DataZoomComponent,
     LegendComponent,
+    BarChart,
+    CanvasRenderer
 ]);
 
 export default echarts;

packages/traction-widget/components/hooks/useLocale.ts

@@ -7,7 +7,13 @@ type Locale = Record<string, any>;
 
 export function useLocale (): Locale {
     const locale = ref<Locale>({});
-    const storedLocale = localStorage.getItem('fes_locale');
+    let storedLocale = 'zh-CN';  // 默认使用中文
+    
+    // 只在浏览器环境下读取 localStorage
+    if (typeof window !== 'undefined') {
+        storedLocale = localStorage.getItem('fes_locale') || 'zh-CN';
+    }
+
     if (storedLocale === 'en-US') {
         locale.value = enUS;
     } else {