@pyreon/charts 0.9.0 → 0.11.0

package/src/types.ts

@@ -1,7 +1,7 @@
-import type { Props } from '@pyreon/core'
-import type { Signal } from '@pyreon/reactivity'
-import type { ComposeOption, EChartsOption, SetOptionOpts } from 'echarts'
-import type { ECharts } from 'echarts/core'
+import type { Props } from "@pyreon/core"
+import type { Signal } from "@pyreon/reactivity"
+import type { ComposeOption, EChartsOption, SetOptionOpts } from "echarts"
+import type { ECharts } from "echarts/core"
 
 // ─── Re-export ECharts types for consumer convenience ────────────────────────
 
@@ -30,7 +30,7 @@ export type {
   TreemapSeriesOption,
   TreeSeriesOption,
   VisualMapComponentOption,
-} from 'echarts'
+} from "echarts"
 export type { ComposeOption, ECharts, EChartsOption, SetOptionOpts }
 
 // ─── Event types (duck-typed to avoid echarts dual-package type conflicts) ───
@@ -60,7 +60,7 @@ export interface UseChartConfig {
   /** ECharts theme — 'dark', a registered theme name, or a theme object */
   theme?: string | Record<string, unknown>
   /** Renderer — 'canvas' (default, best performance) or 'svg' */
-  renderer?: 'canvas' | 'svg'
+  renderer?: "canvas" | "svg"
   /** ECharts locale — 'EN' (default), 'ZH', etc. */
   locale?: string
   /** Whether to replace all options instead of merging — default: false */
@@ -97,14 +97,13 @@ export interface UseChartResult {
  * Props for the <Chart /> component.
  * Generic parameter narrows the option type for exact autocomplete.
  */
-export interface ChartProps<TOption extends EChartsOption = EChartsOption>
-  extends Props {
+export interface ChartProps<TOption extends EChartsOption = EChartsOption> extends Props {
   /** Reactive ECharts option config — fully typed */
   options: () => TOption
   /** ECharts theme */
   theme?: string | Record<string, unknown>
   /** Renderer — 'canvas' (default) or 'svg' */
-  renderer?: 'canvas' | 'svg'
+  renderer?: "canvas" | "svg"
   /** CSS style for the container div */
   style?: string
   /** CSS class for the container div */

package/src/use-chart.ts

@@ -1,8 +1,8 @@
-import { onUnmount } from '@pyreon/core'
-import { effect, signal } from '@pyreon/reactivity'
-import type { EChartsOption } from 'echarts'
-import { ensureModules } from './loader'
-import type { UseChartConfig, UseChartResult } from './types'
+import { onUnmount } from "@pyreon/core"
+import { effect, signal } from "@pyreon/reactivity"
+import type { EChartsOption } from "echarts"
+import { ensureModules } from "./loader"
+import type { UseChartConfig, UseChartResult } from "./types"
 
 /**
  * Reactive ECharts hook. Creates a chart instance bound to a container
@@ -32,11 +32,11 @@ export function useChart<TOption extends EChartsOption = EChartsOption>(
   optionsFn: () => TOption,
   config?: UseChartConfig,
 ): UseChartResult {
-  const instance = signal<import('echarts/core').ECharts | null>(null)
+  const instance = signal<import("echarts/core").ECharts | null>(null)
   const loading = signal(true)
   const error = signal<Error | null>(null)
   const container = signal<HTMLElement | null>(null)
-  const renderer = config?.renderer ?? 'canvas'
+  const renderer = config?.renderer ?? "canvas"
 
   let observer: ResizeObserver | null = null
   let initialized = false
@@ -64,7 +64,7 @@ export function useChart<TOption extends EChartsOption = EChartsOption>(
         if (!container.peek()) return
 
         try {
-          const chart = core.init(el, config?.theme as any, {
+          const chart = core.init(el, (config?.theme ?? null) as string | object | null, {
             renderer,
             ...(config?.locale != null ? { locale: config.locale } : {}),
             ...(config?.devicePixelRatio != null