@agions/taroviz 1.2.0 → 1.2.1

package/src/core/utils/configGenerator/ConfigGenerator.ts

@@ -264,7 +264,7 @@ export class ConfigGenerator {
    * 根据图表类型获取模板
    */
   public getTemplatesByChartType(chartType: ChartType): ChartConfigTemplate[] {
-    return Array.from(this.templates.values()).filter(template =>
+    return Array.from(this.templates.values()).filter((template) =>
       template.chartTypes.includes(chartType)
     );
   }
@@ -301,13 +301,13 @@ export class ConfigGenerator {
 
       // 合并所有配置，排除非ECharts配置
       const {
-        chartType,
-        subtitle,
-        template,
-        responsive,
-        width,
-        height,
-        title: optionsTitle,
+        chartType: _chartType,
+        subtitle: _subtitle,
+        template: _template,
+        responsive: _responsive,
+        width: _width,
+        height: _height,
+        title: _optionsTitle,
         ...echartsOptions
       } = mergedOptions;
       // 使用类型断言确保TypeScript接受生成的配置
@@ -410,7 +410,7 @@ export class ConfigGenerator {
   private generateSeriesConfig(options: ConfigGeneratorOptions): EChartsOption {
     const series = options.series.map((seriesConfig, index) => {
       // 处理数据，转换为ECharts支持的格式
-      const processedData = seriesConfig.data.map(item => {
+      const processedData = seriesConfig.data.map((item) => {
         if (typeof item.value === 'number') {
           return { name: item.name, value: item.value };
         }
@@ -445,7 +445,7 @@ export class ConfigGenerator {
     // 处理X轴配置
     if (options.xAxis) {
       axisConfig.xAxis = Array.isArray(options.xAxis)
-        ? options.xAxis.map(axis => this.normalizeAxisConfig(axis))
+        ? options.xAxis.map((axis) => this.normalizeAxisConfig(axis))
         : this.normalizeAxisConfig(options.xAxis);
     } else if (this.needsAxis(options.chartType)) {
       // 为需要坐标轴的图表类型生成默认X轴
@@ -455,7 +455,7 @@ export class ConfigGenerator {
     // 处理Y轴配置
     if (options.yAxis) {
       axisConfig.yAxis = Array.isArray(options.yAxis)
-        ? options.yAxis.map(axis => this.normalizeAxisConfig(axis))
+        ? options.yAxis.map((axis) => this.normalizeAxisConfig(axis))
         : this.normalizeAxisConfig(options.yAxis);
     } else if (this.needsAxis(options.chartType)) {
       // 为需要坐标轴的图表类型生成默认Y轴
@@ -565,7 +565,7 @@ export class ConfigGenerator {
    */
   private emit(eventType: ConfigGeneratorEventType, data?: any): void {
     const handlers = this.eventHandlers.get(eventType);
-    handlers?.forEach(handler => {
+    handlers?.forEach((handler) => {
       try {
         handler({ type: eventType, data });
       } catch (error) {

package/src/core/utils/debug/DebugPanel.tsx

@@ -2,7 +2,7 @@
  * TaroViz 调试面板组件
  * 提供图表调试和监控功能
  */
-import React, { useState, useEffect, useRef } from 'react';
+import React, { useState, useRef } from 'react';
 
 import { DebugPanelOptions, DebugTabType, DebugInfo, DebugPanelEventType } from './types';
 

package/src/core/utils/debug/debugger.ts

@@ -216,7 +216,7 @@ class DebugManager {
   private emitEvent(eventType: string, data: any): void {
     const handlers = this.eventHandlers.get(eventType);
     if (handlers) {
-      handlers.forEach(handler => {
+      handlers.forEach((handler) => {
         try {
           handler(data);
         } catch (error) {

package/src/core/utils/index.ts

@@ -27,7 +27,7 @@ export function deepMerge<T extends Record<string, any>>(
 ): T {
   const result: any = { ...target };
 
-  Object.keys(source).forEach(key => {
+  Object.keys(source).forEach((key) => {
     if (source[key] instanceof Object && key in target && target[key] instanceof Object) {
       result[key] = deepMerge(target[key], source[key]);
     } else {

package/src/core/utils/performance/PerformanceAnalyzer.ts

@@ -42,7 +42,7 @@ export class PerformanceAnalyzer {
     };
 
     // 初始化指标存储
-    this.config.metrics?.forEach(metricType => {
+    this.config.metrics?.forEach((metricType) => {
       this.metrics.set(metricType, []);
     });
 
@@ -100,7 +100,7 @@ export class PerformanceAnalyzer {
    */
   private emit(eventType: PerformanceEventType, data?: any): void {
     const handlers = this.eventHandlers.get(eventType);
-    handlers?.forEach(handler => {
+    handlers?.forEach((handler) => {
       try {
         handler({ type: eventType, data });
       } catch (error) {
@@ -325,10 +325,10 @@ export class PerformanceAnalyzer {
       averages[metricType] = parseFloat((sum / metricList.length).toFixed(2));
 
       // 计算最大值
-      maxValues[metricType] = Math.max(...metricList.map(metric => metric.value));
+      maxValues[metricType] = Math.max(...metricList.map((metric) => metric.value));
 
       // 计算最小值
-      minValues[metricType] = Math.min(...metricList.map(metric => metric.value));
+      minValues[metricType] = Math.min(...metricList.map((metric) => metric.value));
     });
 
     // 计算性能评分和建议
@@ -518,7 +518,7 @@ export class PerformanceAnalyzer {
       <div class="suggestions">
         <h2>性能建议</h2>
         <ul>`;
-      result.suggestions.forEach(suggestion => {
+      result.suggestions.forEach((suggestion) => {
         html += `
           <li>${suggestion}</li>`;
       });

package/src/editor/ThemeEditor.tsx

@@ -71,7 +71,7 @@ const ThemeEditor: React.FC<ThemeEditorProps> = ({
   // 当选中主题变化时，更新当前主题
   useEffect(() => {
     if (selectedTheme) {
-      const theme = themes.find(t => t.name === selectedTheme);
+      const theme = themes.find((t) => t.name === selectedTheme);
       if (theme) {
         setCurrentTheme(theme);
         setColors(theme.colors || []);
@@ -197,7 +197,7 @@ const ThemeEditor: React.FC<ThemeEditorProps> = ({
       <div style={{ marginBottom: '20px' }}>
         <h4>选择主题</h4>
         <div style={{ display: 'flex', flexWrap: 'wrap', gap: '10px', marginTop: '10px' }}>
-          {themes.map(theme => (
+          {themes.map((theme) => (
             <button
               key={theme.name}
               onClick={() => handleThemeSelect(theme)}
@@ -249,7 +249,7 @@ const ThemeEditor: React.FC<ThemeEditorProps> = ({
             <input
               type="text"
               value={newThemeName}
-              onChange={e => setNewThemeName(e.target.value)}
+              onChange={(e) => setNewThemeName(e.target.value)}
               disabled={disabled}
               style={{
                 padding: '8px',
@@ -297,7 +297,7 @@ const ThemeEditor: React.FC<ThemeEditorProps> = ({
               <input
                 type="color"
                 value={color}
-                onChange={e => handleColorChange(index, e.target.value)}
+                onChange={(e) => handleColorChange(index, e.target.value)}
                 disabled={disabled}
                 style={{
                   width: '50px',
@@ -310,7 +310,7 @@ const ThemeEditor: React.FC<ThemeEditorProps> = ({
               <input
                 type="text"
                 value={color}
-                onChange={e => handleColorChange(index, e.target.value)}
+                onChange={(e) => handleColorChange(index, e.target.value)}
                 disabled={disabled}
                 style={{
                   width: '80px',
@@ -351,7 +351,7 @@ const ThemeEditor: React.FC<ThemeEditorProps> = ({
             <input
               type="color"
               value={backgroundColor}
-              onChange={e => handleBackgroundColorChange(e.target.value)}
+              onChange={(e) => handleBackgroundColorChange(e.target.value)}
               disabled={disabled}
               style={{
                 width: '50px',
@@ -364,7 +364,7 @@ const ThemeEditor: React.FC<ThemeEditorProps> = ({
             <input
               type="text"
               value={backgroundColor}
-              onChange={e => handleBackgroundColorChange(e.target.value)}
+              onChange={(e) => handleBackgroundColorChange(e.target.value)}
               disabled={disabled}
               style={{
                 width: '120px',
@@ -384,7 +384,7 @@ const ThemeEditor: React.FC<ThemeEditorProps> = ({
             <input
               type="color"
               value={textColor}
-              onChange={e => handleTextColorChange(e.target.value)}
+              onChange={(e) => handleTextColorChange(e.target.value)}
               disabled={disabled}
               style={{
                 width: '50px',
@@ -397,7 +397,7 @@ const ThemeEditor: React.FC<ThemeEditorProps> = ({
             <input
               type="text"
               value={textColor}
-              onChange={e => handleTextColorChange(e.target.value)}
+              onChange={(e) => handleTextColorChange(e.target.value)}
               disabled={disabled}
               style={{
                 width: '120px',