fix: component titleColor

Author: dolphin0618

src/frontend/platform/src/pages/Dashboard/colorSchemes.ts

@@ -521,7 +521,7 @@ export const getDefaultMetricStyle = (title, subtitle) => ({
     "showSubtitle": true,
     title,
     "titleFontSize": 14,
-    "titleColor": "#0F172A",
+    "titleColor": "",
     "titleAlign": "left",
     "titleBold": false,
     "titleItalic": false,

src/frontend/platform/src/pages/Dashboard/components/charts/BaseChart.tsx

@@ -87,8 +87,6 @@ export function BaseChart({ isDark, data, chartType, dataConfig, styleConfig }:
       chartRef.current = null
     }
 
-    console.log('render echarts :>> ');
-
     try {
       // theme
       const theme = styleConfig.themeColor || 'professional-blue'

src/frontend/platform/src/pages/Dashboard/components/charts/MetricCard.tsx

@@ -167,7 +167,7 @@ export function MetricCard({ title: indicatorName, data, isPreviewMode, dataConf
   const maxSubtitleHeight = subtitleLineHeight * 4
 
   return (
-    <div className="group h-full flex flex-col select-none py-1 px-2 pr-1">
+    <div className="group h-full flex flex-col select-none py-1 px-2 pr-1 text-foreground dark:text-gray-400">
       {/* title - single line */}
       <div style={titleStyle} className='truncate mb-1 pr-1'>{indicatorName}</div>
 

src/frontend/platform/src/pages/Dashboard/components/config/ComponentConfigDrawer.tsx

@@ -35,7 +35,7 @@ const FULL_DEFAULT_STYLE_CONFIG: ComponentStyleConfig = {
   titleUnderline: false,
   titleStrikethrough: false,
   titleAlign: "left",
-  titleColor: "#000000",
+  titleColor: "",
 
   xAxisTitle: "",
   xAxisFontSize: 14,

src/frontend/platform/src/pages/Dashboard/components/config/FilterConditionDialog.tsx

@@ -393,21 +393,21 @@ export function FilterConditionDialog({
   }, [dimensions, fields, t]);
   // 过滤掉时间字段
   const filteredFields = useMemo(() => {
-    console.log('原始字段数据:', fields)
+    // console.log('原始字段数据:', fields)
     if (!dataset_code || !dimensions || !fields) return []
 
     return fields.filter(field => {
       if (!field || !field.fieldCode || !field.displayName) {
-        console.log('发现无效字段:', field)
+        // console.log('发现无效字段:', field)
         return false
       }
       if (field.isVirtual === true) {
-        console.log('过滤虚拟指标:', field.displayName)
+        // console.log('过滤虚拟指标:', field.displayName)
         return false
       }
       const lowerCode = field.fieldCode.toLowerCase()
       const lowerName = field.displayName.toLowerCase()
-      console.log('检查字段:', field.displayName, 'lowerCode:', lowerCode, 'lowerName:', lowerName)
+      // console.log('检查字段:', field.displayName, 'lowerCode:', lowerCode, 'lowerName:', lowerName)
 
       // 检查是否包含时间相关关键词
       const isTimeField = lowerCode.includes('time') ||

src/frontend/platform/src/pages/Dashboard/components/config/useChartState.tsx

@@ -66,7 +66,7 @@ export function useChartState(initialComponent: DashboardComponent) {
 
       // 初始化维度数据
       if (dc) {
-        console.log('数据配置:', dc)
+        // console.log('数据配置:', dc)
 
         const newCategoryDimensions: any[] = []
         const newStackDimensions: any[] = []
@@ -168,7 +168,7 @@ export function useChartState(initialComponent: DashboardComponent) {
           fieldOrderIds = dc.fieldOrder
             .map(item => fieldIdToComponentId.get(item.fieldId))
             .filter(Boolean) as string[]
-          console.log('使用 data_config.fieldOrder 映射后的 componentIds:', fieldOrderIds)
+          // console.log('使用 data_config.fieldOrder 映射后的 componentIds:', fieldOrderIds)
         }
 
         // 如果没有 fieldOrder 或映射失败，使用默认顺序
@@ -179,11 +179,11 @@ export function useChartState(initialComponent: DashboardComponent) {
             ...newValueDimensions.map(d => d.id)
           ]
           fieldOrderIds = allComponentIds
-          console.log('使用默认字段顺序:', fieldOrderIds)
+          // console.log('使用默认字段顺序:', fieldOrderIds)
         }
 
         setSortPriorityOrder(fieldOrderIds)
-        console.log('设置 sortPriorityOrder:', fieldOrderIds)
+        // console.log('设置 sortPriorityOrder:', fieldOrderIds)
       }
     }
 
@@ -639,7 +639,7 @@ export function useChartState(initialComponent: DashboardComponent) {
         };
       }
 
-      console.log('最终 numberFormat:', numberFormat);
+      // console.log('最终 numberFormat:', numberFormat);
 
       return {
         fieldId: metric.fieldId,
@@ -708,14 +708,14 @@ export function useChartState(initialComponent: DashboardComponent) {
       }
     }) : []
 
-    console.log('生成数据配置:', {
-      dimensions,
-      stackDimension,
-      metrics,
-      fieldOrder,
-      filters,
-      hasStack: stackDimensions.length > 0
-    })
+    // console.log('生成数据配置:', {
+    //   dimensions,
+    //   stackDimension,
+    //   metrics,
+    //   fieldOrder,
+    //   filters,
+    //   hasStack: stackDimensions.length > 0
+    // })
 
     return {
       dimensions,

src/frontend/platform/src/pages/Dashboard/components/editor/ComponentWrapper.tsx

@@ -101,7 +101,7 @@ export const ComponentWrapper = memo(({
     const createTitleStyle = (config) => {
         const defaultConfig = {
             titleFontSize: 16,
-            titleColor: "#000000",
+            titleColor: "",
             titleAlign: "left",
             titleBold: false,
             titleItalic: false,

src/frontend/platform/src/store/dashboardStore.tsx

@@ -716,5 +716,5 @@ export const useComponentEditorStore = create<ComponentEditorState>((set, get) =
 }));
 
 const debugLog = (msg: string) => {
-    console.log('【savechange】 :>> ', msg);
+    // console.log('【savechange】 :>> ', msg);
 }