kline-charts-react 0.0.1 → 0.0.3

package/dist/kline-charts-react.css

@@ -1 +1 @@
-._container_119o2_1{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px;gap:12px}._spinner_119o2_11{display:flex;gap:6px}._dot_119o2_16{width:8px;height:8px;background-color:#1890ff;border-radius:50%;animation:_bounce_119o2_1 .6s infinite alternate}._dot_119o2_16:nth-child(2){animation-delay:.2s}._dot_119o2_16:nth-child(3){animation-delay:.4s}@keyframes _bounce_119o2_1{0%{transform:translateY(0);opacity:.4}to{transform:translateY(-10px);opacity:1}}._text_119o2_43{color:#999;font-size:13px}._container_1xu4v_1{display:flex;align-items:center;gap:16px;padding:8px 12px;border-bottom:1px solid var(--kline-border-color, #e8e8e8);background:var(--kline-bg-color, #fff)}._group_1xu4v_10{display:flex;gap:4px}._button_1xu4v_15{padding:4px 10px;font-size:13px;color:var(--kline-text-color, #333);background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .2s}._button_1xu4v_15:hover{background:var(--kline-hover-bg, #f5f5f5)}._button_1xu4v_15._active_1xu4v_30{color:#fff;background:var(--kline-active-color, #1890ff)}._container_1fbmi_1{display:flex;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid var(--kline-border-color, #e8e8e8);background:var(--kline-bg-color, #fff);flex-wrap:wrap}._button_1fbmi_11{padding:4px 12px;font-size:12px;color:var(--kline-text-secondary, #666);background:var(--kline-tag-bg, #f0f0f0);border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all .2s}._button_1fbmi_11:hover{border-color:var(--kline-active-color, #1890ff);color:var(--kline-active-color, #1890ff)}._button_1fbmi_11._active_1fbmi_27{color:var(--kline-active-color, #1890ff);background:#1890ff1a;border-color:var(--kline-active-color, #1890ff)}._divider_1fbmi_33{width:1px;height:20px;background:var(--kline-border-color, #e8e8e8);margin:0 4px}._container_2tswg_1{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--kline-bg-color, #fff);border-bottom:1px solid var(--kline-border-color, #e8e8e8)}._group_2tswg_10{display:flex;align-items:center;gap:2px}._divider_2tswg_16{width:1px;height:16px;margin:0 8px;background:var(--kline-border-color, #e8e8e8)}._spacer_2tswg_23{flex:1}._iconButton_2tswg_27{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;color:var(--kline-text-color, #333);background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .2s}._iconButton_2tswg_27:hover:not(:disabled){background:var(--kline-hover-bg, #f5f5f5)}._iconButton_2tswg_27:disabled{color:var(--kline-text-disabled, #ccc);cursor:not-allowed}._textButton_2tswg_51{padding:4px 8px;font-size:12px;color:var(--kline-text-secondary, #666);background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .2s}._textButton_2tswg_51:hover{background:var(--kline-hover-bg, #f5f5f5);color:var(--kline-text-color, #333)}._textButton_2tswg_51._active_2tswg_67{color:var(--kline-active-color, #1890ff);background:#1890ff1a}._container_1vdme_1{display:flex;align-items:center;gap:16px;padding:4px 8px;font-size:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;flex-wrap:wrap}._group_1vdme_11{display:flex;align-items:center;gap:12px;flex-wrap:wrap}._item_1vdme_18{font-weight:500;white-space:nowrap}._title_p093j_1{position:absolute;left:8px;z-index:10;display:flex;align-items:center;gap:8px;font-size:11px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;pointer-events:none;background:var(--kline-bg-color, rgba(255, 255, 255, .9));padding:2px 6px;border-radius:2px}._label_p093j_16{font-weight:600;color:var(--kline-text-color, #333)}._value_p093j_21{color:var(--kline-text-secondary, #666)}._container_o8wlo_1{display:flex;flex-direction:column;background:var(--kline-bg-color, #fff);border:1px solid var(--kline-border-color, #e8e8e8);border-radius:4px;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}._fullscreen_o8wlo_12{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;border-radius:0;border:none}._chartWrapper_o8wlo_23{flex:1;position:relative;min-height:200px}._chart_o8wlo_23{width:100%;height:100%}._error_o8wlo_34{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--kline-text-secondary, #999);font-size:14px}._error_o8wlo_34 button{padding:6px 16px;font-size:13px;color:#fff;background:var(--kline-active-color, #1890ff);border:none;border-radius:4px;cursor:pointer;transition:opacity .2s}._error_o8wlo_34 button:hover{opacity:.85}._timelineToolbar_o8wlo_63{display:flex;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid var(--kline-border-color, #e8e8e8)}._timelineLabel_o8wlo_71{font-size:14px;font-weight:500;color:var(--kline-text-color, #333)}._refreshButton_o8wlo_77,._fullscreenButton_o8wlo_78{padding:4px 12px;font-size:12px;color:var(--kline-text-color, #333);background:var(--kline-tag-bg, #f0f0f0);border:1px solid var(--kline-border-color, #e8e8e8);border-radius:4px;cursor:pointer;transition:all .2s}._refreshButton_o8wlo_77:hover,._fullscreenButton_o8wlo_78:hover{background:var(--kline-hover-bg, #f5f5f5)}._refreshButton_o8wlo_77:disabled{opacity:.5;cursor:not-allowed}._refreshButton_o8wlo_77:not(:disabled):hover{border-color:var(--kline-active-color, #1890ff);color:var(--kline-active-color, #1890ff)}._fullscreenButton_o8wlo_78:hover{border-color:var(--kline-active-color, #1890ff);color:var(--kline-active-color, #1890ff)}:root{--kline-bg-color: #ffffff;--kline-text-color: #333333;--kline-text-secondary: #999999;--kline-border-color: #e8e8e8;--kline-active-color: #1890ff;--kline-hover-bg: #f5f5f5;--kline-tag-bg: #f0f0f0;--kline-text-disabled: #cccccc;--kline-up-color: #f5222d;--kline-down-color: #52c41a}.kline-dark{--kline-bg-color: #1a1a1a;--kline-text-color: #d1d1d1;--kline-text-secondary: #666666;--kline-border-color: #333333;--kline-hover-bg: #2a2a2a;--kline-tag-bg: #2a2a2a;--kline-text-disabled: #444444}
+._container_119o2_1{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px;gap:12px}._spinner_119o2_11{display:flex;gap:6px}._dot_119o2_16{width:8px;height:8px;background-color:#1890ff;border-radius:50%;animation:_bounce_119o2_1 .6s infinite alternate}._dot_119o2_16:nth-child(2){animation-delay:.2s}._dot_119o2_16:nth-child(3){animation-delay:.4s}@keyframes _bounce_119o2_1{0%{transform:translateY(0);opacity:.4}to{transform:translateY(-10px);opacity:1}}._text_119o2_43{color:#999;font-size:13px}._container_1xu4v_1{display:flex;align-items:center;gap:16px;padding:8px 12px;border-bottom:1px solid var(--kline-border-color, #e8e8e8);background:var(--kline-bg-color, #fff)}._group_1xu4v_10{display:flex;gap:4px}._button_1xu4v_15{padding:4px 10px;font-size:13px;color:var(--kline-text-color, #333);background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .2s}._button_1xu4v_15:hover{background:var(--kline-hover-bg, #f5f5f5)}._button_1xu4v_15._active_1xu4v_30{color:#fff;background:var(--kline-active-color, #1890ff)}._container_1fbmi_1{display:flex;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid var(--kline-border-color, #e8e8e8);background:var(--kline-bg-color, #fff);flex-wrap:wrap}._button_1fbmi_11{padding:4px 12px;font-size:12px;color:var(--kline-text-secondary, #666);background:var(--kline-tag-bg, #f0f0f0);border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all .2s}._button_1fbmi_11:hover{border-color:var(--kline-active-color, #1890ff);color:var(--kline-active-color, #1890ff)}._button_1fbmi_11._active_1fbmi_27{color:var(--kline-active-color, #1890ff);background:#1890ff1a;border-color:var(--kline-active-color, #1890ff)}._divider_1fbmi_33{width:1px;height:20px;background:var(--kline-border-color, #e8e8e8);margin:0 4px}._container_2tswg_1{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--kline-bg-color, #fff);border-bottom:1px solid var(--kline-border-color, #e8e8e8)}._group_2tswg_10{display:flex;align-items:center;gap:2px}._divider_2tswg_16{width:1px;height:16px;margin:0 8px;background:var(--kline-border-color, #e8e8e8)}._spacer_2tswg_23{flex:1}._iconButton_2tswg_27{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;color:var(--kline-text-color, #333);background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .2s}._iconButton_2tswg_27:hover:not(:disabled){background:var(--kline-hover-bg, #f5f5f5)}._iconButton_2tswg_27:disabled{color:var(--kline-text-disabled, #ccc);cursor:not-allowed}._textButton_2tswg_51{padding:4px 8px;font-size:12px;color:var(--kline-text-secondary, #666);background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .2s}._textButton_2tswg_51:hover{background:var(--kline-hover-bg, #f5f5f5);color:var(--kline-text-color, #333)}._textButton_2tswg_51._active_2tswg_67{color:var(--kline-active-color, #1890ff);background:#1890ff1a}._container_1vdme_1{display:flex;align-items:center;gap:16px;padding:4px 8px;font-size:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;flex-wrap:wrap}._group_1vdme_11{display:flex;align-items:center;gap:12px;flex-wrap:wrap}._item_1vdme_18{font-weight:500;white-space:nowrap}._title_p093j_1{position:absolute;left:8px;z-index:10;display:flex;align-items:center;gap:8px;font-size:11px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;pointer-events:none;background:var(--kline-bg-color, rgba(255, 255, 255, .9));padding:2px 6px;border-radius:2px}._label_p093j_16{font-weight:600;color:var(--kline-text-color, #333)}._value_p093j_21{color:var(--kline-text-secondary, #666)}._container_o8wlo_1{display:flex;flex-direction:column;background:var(--kline-bg-color, #fff);border:1px solid var(--kline-border-color, #e8e8e8);border-radius:4px;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}._fullscreen_o8wlo_12{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;border-radius:0;border:none}._chartWrapper_o8wlo_23{flex:1;position:relative;min-height:200px}._chart_o8wlo_23{width:100%;height:100%}._error_o8wlo_34{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--kline-text-secondary, #999);font-size:14px}._error_o8wlo_34 button{padding:6px 16px;font-size:13px;color:#fff;background:var(--kline-active-color, #1890ff);border:none;border-radius:4px;cursor:pointer;transition:opacity .2s}._error_o8wlo_34 button:hover{opacity:.85}._timelineToolbar_o8wlo_63{display:flex;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid var(--kline-border-color, #e8e8e8)}._timelineLabel_o8wlo_71{font-size:14px;font-weight:500;color:var(--kline-text-color, #333)}._refreshButton_o8wlo_77,._fullscreenButton_o8wlo_78{padding:4px 12px;font-size:12px;color:var(--kline-text-color, #333);background:var(--kline-tag-bg, #f0f0f0);border:1px solid var(--kline-border-color, #e8e8e8);border-radius:4px;cursor:pointer;transition:all .2s}._refreshButton_o8wlo_77:hover,._fullscreenButton_o8wlo_78:hover{background:var(--kline-hover-bg, #f5f5f5)}._refreshButton_o8wlo_77:disabled{opacity:.5;cursor:not-allowed}._refreshButton_o8wlo_77:not(:disabled):hover{border-color:var(--kline-active-color, #1890ff);color:var(--kline-active-color, #1890ff)}._fullscreenButton_o8wlo_78:hover{border-color:var(--kline-active-color, #1890ff);color:var(--kline-active-color, #1890ff)}:root{--kline-bg-color: #ffffff;--kline-text-color: #333333;--kline-text-secondary: #999999;--kline-border-color: #e8e8e8;--kline-active-color: #1890ff;--kline-hover-bg: #f5f5f5;--kline-tag-bg: #f0f0f0;--kline-text-disabled: #cccccc;--kline-up-color: #f5222d;--kline-down-color: #52c41a}.kline-dark{--kline-bg-color: #1a1a1a;--kline-text-color: #d1d1d1;--kline-text-secondary: #666666;--kline-border-color: #333333;--kline-hover-bg: #2a2a2a;--kline-tag-bg: #2a2a2a;--kline-text-disabled: #444444}._container_1906n_1{display:flex;align-items:center;gap:12px;padding:4px 8px;font-size:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;flex-wrap:wrap}._item_1906n_11{font-weight:500;white-space:nowrap}

package/dist/types/props.d.ts

@@ -1,5 +1,7 @@
 import { CSSProperties } from 'react';
 import { EChartsOption } from 'echarts';
+import { EChartsType } from 'echarts/core';
+import { RequestClientOptions } from 'stock-sdk';
 import { KlineData, TimelineData } from './data';
 import { ThemeConfig } from './theme';
 /**
@@ -173,15 +175,6 @@ export interface AutoRefreshOptions {
     intervalMs?: number;
     onlyTradingTime?: boolean;
 }
-/**
- * 时间轴配置
- */
-export type TimeAxisOptions = {
-    mode: 'trading';
-    sessionCompression?: boolean;
-} | {
-    mode: 'continuous';
-};
 /**
  * ECharts Option 合并配置
  */
@@ -189,6 +182,13 @@ export interface EChartsOptionMergeOptions {
     mode?: 'safeMerge' | 'replace';
     replaceMerge?: string[];
 }
+/**
+ * 当前可见范围
+ */
+export interface VisibleRange {
+    start: number;
+    end: number;
+}
 /**
  * 面板配置
  */
@@ -197,14 +197,7 @@ export interface PaneConfig {
     height?: number | string;
     indicators: IndicatorType[];
 }
-/**
- * SDK 配置
- */
-export interface SDKOptions {
-    baseUrl?: string;
-    timeout?: number;
-    headers?: Record<string, string>;
-}
+export type SDKOptions = RequestClientOptions;
 /**
  * KLineChart 组件 Props
  */
@@ -213,18 +206,24 @@ export interface KLineChartProps {
     symbol: string;
     /** 市场类型 */
     market?: MarketType;
-    /** K 线周期 */
+    /** K 线周期（受控） */
     period?: PeriodType;
-    /** 复权类型 */
+    /** 非受控模式下的默认周期 */
+    defaultPeriod?: PeriodType;
+    /** 复权类型（受控） */
     adjust?: AdjustType;
+    /** 非受控模式下的默认复权类型 */
+    defaultAdjust?: AdjustType;
     /** 图表高度 */
     height?: number | string;
     /** 图表宽度 */
     width?: number | string;
     /** 主题 */
     theme?: 'light' | 'dark' | ThemeConfig;
-    /** 启用的技术指标 */
+    /** 启用的技术指标（受控） */
     indicators?: IndicatorType[];
+    /** 非受控模式下默认启用的技术指标 */
+    defaultIndicators?: IndicatorType[];
     /** 指标参数配置 */
     indicatorOptions?: IndicatorOptions;
     /** 是否显示工具栏 */
@@ -241,6 +240,12 @@ export interface KLineChartProps {
     onDataLoad?: (data: KlineData[]) => void;
     /** 周期切换回调 */
     onPeriodChange?: (period: PeriodType) => void;
+    /** 复权切换回调 */
+    onAdjustChange?: (adjust: AdjustType) => void;
+    /** 指标切换回调 */
+    onIndicatorsChange?: (indicators: IndicatorType[]) => void;
+    /** 可见范围变化回调 */
+    onVisibleRangeChange?: (range: VisibleRange) => void;
     /** 错误回调 */
     onError?: (error: Error) => void;
     /** 数据源提供者 */
@@ -251,8 +256,6 @@ export interface KLineChartProps {
     requestOptions?: RequestOptions;
     /** 自动刷新配置 */
     autoRefresh?: boolean | AutoRefreshOptions;
-    /** 时间轴配置 */
-    timeAxis?: TimeAxisOptions;
     /** 自定义 ECharts 配置 */
     echartsOption?: EChartsOption;
     /** ECharts Option 合并策略 */
@@ -270,10 +273,12 @@ export interface KLineChartProps {
 export interface KLineChartRef {
     refresh(): Promise<void>;
     setPeriod(period: PeriodType): void;
+    setAdjust(adjust: AdjustType): void;
     setIndicators(indicators: IndicatorType[]): void;
     zoomTo(start: number, end: number): void;
     resetZoom(): void;
-    getEchartsInstance(): unknown | null;
+    getVisibleRange(): VisibleRange;
+    getEchartsInstance(): EChartsType | null;
     exportImage(type?: 'png' | 'jpeg'): string;
     getData(): KlineData[];
 }

package/dist/types/theme.d.ts

@@ -32,6 +32,10 @@ export interface ThemeConfig {
     areaColor: string;
     /** 选中高亮色 */
     activeColor: string;
+    /** BOLL 指标颜色 [上轨, 中轨, 下轨] */
+    bollColors: [string, string, string];
+    /** KC 指标颜色 [上轨, 中轨, 下轨] */
+    kcColors: [string, string, string];
 }
 /**
  * 浅色主题

package/dist/unstable.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./SubPaneTitle-BAu9MdQQ.cjs"),l=require("react/jsx-runtime"),m=require("react"),d="_container_1906n_1",f="_item_1906n_11",u={container:d,item:f},b={ma5:"#f5a623",ma10:"#2196f3",ma20:"#e91e63",ma30:"#4caf50",ma60:"#9c27b0",ma120:"#00bcd4",ma250:"#ff5722"};function p(r){return r==null?"--":r.toFixed(2)}function S({data:r,hoverIndex:o}){const a=m.useMemo(()=>{const e=o??r.length-1,n=r[e];return!n||!n.ma?null:n},[r,o]);if(!a||!a.ma)return null;const s=Object.keys(a.ma).filter(e=>{var n,i;return e.startsWith("ma")&&((n=a.ma)==null?void 0:n[e])!==null&&((i=a.ma)==null?void 0:i[e])!==void 0});return s.length===0?null:l.jsx("div",{className:u.container,children:s.map(e=>{var c;const n=(c=a.ma)==null?void 0:c[e],i=b[e]??"#999";return l.jsxs("span",{className:u.item,style:{color:i},children:[e.toUpperCase(),": ",p(n)]},e)})})}exports.IndicatorDisplay=t.IndicatorDisplay;exports.IndicatorSelector=t.IndicatorSelector;exports.Loading=t.Loading;exports.PeriodSelector=t.PeriodSelector;exports.SubPaneTitle=t.SubPaneTitle;exports.Toolbar=t.Toolbar;exports.useEcharts=t.useEcharts;exports.useKlineData=t.useKlineData;exports.useZoomHistory=t.useZoomHistory;exports.MADisplay=S;

package/dist/unstable.d.ts

@@ -0,0 +1,2 @@
+export { useKlineData, useEcharts, useZoomHistory } from './hooks';
+export { Loading, PeriodSelector, IndicatorSelector, Toolbar, MADisplay, IndicatorDisplay, SubPaneTitle, } from './components';

package/dist/unstable.js

@@ -0,0 +1,53 @@
+import { I as P, h as g, L as j, P as y, S as L, T as M, b as O, u as T, c as A } from "./SubPaneTitle-B2y5WQqq.js";
+import { jsx as m, jsxs as l } from "react/jsx-runtime";
+import { useMemo as u } from "react";
+const f = "_container_1906n_1", p = "_item_1906n_11", c = {
+  container: f,
+  item: p
+}, d = {
+  ma5: "#f5a623",
+  ma10: "#2196f3",
+  ma20: "#e91e63",
+  ma30: "#4caf50",
+  ma60: "#9c27b0",
+  ma120: "#00bcd4",
+  ma250: "#ff5722"
+};
+function _(n) {
+  return n == null ? "--" : n.toFixed(2);
+}
+function x({ data: n, hoverIndex: r }) {
+  const s = u(() => {
+    const t = r ?? n.length - 1, a = n[t];
+    return !a || !a.ma ? null : a;
+  }, [n, r]);
+  if (!s || !s.ma)
+    return null;
+  const o = Object.keys(s.ma).filter(
+    (t) => {
+      var a, e;
+      return t.startsWith("ma") && ((a = s.ma) == null ? void 0 : a[t]) !== null && ((e = s.ma) == null ? void 0 : e[t]) !== void 0;
+    }
+  );
+  return o.length === 0 ? null : /* @__PURE__ */ m("div", { className: c.container, children: o.map((t) => {
+    var i;
+    const a = (i = s.ma) == null ? void 0 : i[t], e = d[t] ?? "#999";
+    return /* @__PURE__ */ l("span", { className: c.item, style: { color: e }, children: [
+      t.toUpperCase(),
+      ": ",
+      _(a)
+    ] }, t);
+  }) });
+}
+export {
+  P as IndicatorDisplay,
+  g as IndicatorSelector,
+  j as Loading,
+  x as MADisplay,
+  y as PeriodSelector,
+  L as SubPaneTitle,
+  M as Toolbar,
+  O as useEcharts,
+  T as useKlineData,
+  A as useZoomHistory
+};

package/dist/utils/controllable.d.ts

@@ -0,0 +1,7 @@
+interface UseControllableValueParams<T> {
+    value: T | undefined;
+    defaultValue: T;
+    onChange?: (value: T) => void;
+}
+export declare function useControllableValue<T>({ value, defaultValue, onChange, }: UseControllableValueParams<T>): readonly [T, (nextValue: T) => void];
+export {};

package/dist/utils/formatters.d.ts

@@ -44,13 +44,7 @@ export interface TooltipData {
     turnoverRate?: number | null;
     amplitude?: number | null;
     indicators?: string[];
-    ma?: {
-        ma5?: number | null;
-        ma10?: number | null;
-        ma20?: number | null;
-        ma30?: number | null;
-        ma60?: number | null;
-    };
+    ma?: Record<string, number | null | undefined>;
     boll?: {
         upper: number | null;
         mid: number | null;
@@ -75,20 +69,9 @@ export interface TooltipData {
         d: number | null;
         j: number | null;
     };
-    rsi?: {
-        rsi6?: number | null;
-        rsi12?: number | null;
-        rsi24?: number | null;
-    };
-    wr?: {
-        wr6?: number | null;
-        wr10?: number | null;
-    };
-    bias?: {
-        bias6?: number | null;
-        bias12?: number | null;
-        bias24?: number | null;
-    };
+    rsi?: Record<string, number | null | undefined>;
+    wr?: Record<string, number | null | undefined>;
+    bias?: Record<string, number | null | undefined>;
     cci?: {
         cci: number | null;
     };

package/dist/utils/indicatorMeta.d.ts

@@ -0,0 +1,7 @@
+import { BIASOptions, MAOptions, RSIOptions, WROptions } from '../types';
+export declare function getMAPeriods(options?: MAOptions | boolean): number[];
+export declare function getRSIPeriods(options?: RSIOptions | boolean): number[];
+export declare function getWRPeriods(options?: WROptions | boolean): number[];
+export declare function getBIASPeriods(options?: BIASOptions | boolean): number[];
+export declare function getMetricEntries(record: Record<string, number | null | undefined> | undefined, prefix: string): Array<[string, number | null | undefined]>;
+export declare function formatMetricLabel(key: string): string;

package/dist/utils/marketSessions.d.ts

@@ -0,0 +1,2 @@
+import { MarketType } from '../types';
+export declare function isMarketTradingTime(market: MarketType, date?: Date): boolean;

package/dist/utils/optionBuilder.d.ts

@@ -1,5 +1,5 @@
 import { EChartsOption } from 'echarts';
-import { KlineWithIndicators, ThemeConfig, IndicatorType, PaneConfig } from '../types';
+import { KlineWithIndicators, ThemeConfig, IndicatorType, PaneConfig, IndicatorOptions } from '../types';
 export declare const DATA_ZOOM_INSIDE_ID = "kline-zoom-inside";
 export declare const DATA_ZOOM_SLIDER_ID = "kline-zoom-slider";
 /**
@@ -14,6 +14,24 @@ interface GetDefaultPanesOptions {
  * 每个副图指标独立一个面板
  */
 export declare function getDefaultPanes(indicators: IndicatorType[], options?: GetDefaultPanesOptions): PaneConfig[];
+/** 布局常量 */
+export declare const LAYOUT: {
+    readonly gap: 25;
+    readonly topMargin: 50;
+    readonly bottomMargin: 55;
+    readonly leftMargin: 60;
+    readonly rightMargin: 60;
+};
+/**
+ * 计算 Grid 布局
+ */
+export declare function calculateGridLayout(panes: PaneConfig[], containerHeight: number): {
+    id: string;
+    left: number;
+    right: number;
+    top: number;
+    height: number;
+}[];
 /**
  * 构建 ECharts Option
  */
@@ -24,6 +42,7 @@ export declare function buildOption(params: {
     panes?: PaneConfig[];
     visibleCount?: number;
     containerHeight?: number;
+    indicatorOptions?: IndicatorOptions;
 }): EChartsOption;
 /**
  * 合并 ECharts Option

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kline-charts-react",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "Professional stock K-line chart React component with built-in data source, powered by ECharts and stock-sdk",
   "author": "chengzuopeng",
   "license": "MIT",
@@ -14,11 +14,17 @@
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
     },
+    "./unstable": {
+      "types": "./dist/unstable.d.ts",
+      "import": "./dist/unstable.js",
+      "require": "./dist/unstable.cjs"
+    },
     "./style.css": "./dist/kline-charts-react.css"
   },
   "files": [
     "dist",
-    "README.md"
+    "README.md",
+    "LICENSE"
   ],
   "sideEffects": [
     "*.css"
@@ -28,13 +34,18 @@
     "build": "tsc -b && vite build",
     "build:lib": "tsc -b && vite build",
     "build:playground": "yarn --cwd playground build",
+    "typecheck": "tsc --noEmit -p tsconfig.json && tsc --noEmit -p playground/tsconfig.json",
     "lint": "eslint .",
+    "test": "vitest",
+    "test:run": "vitest run",
+    "pack:check": "npm pack --dry-run",
     "preview": "yarn --cwd playground preview",
     "prepublishOnly": "yarn build"
   },
   "peerDependencies": {
     "react": ">=17.0.0",
-    "react-dom": ">=17.0.0"
+    "react-dom": ">=17.0.0",
+    "echarts": ">=5.4.0"
   },
   "peerDependenciesMeta": {
     "react": {
@@ -42,23 +53,35 @@
     },
     "react-dom": {
       "optional": false
+    },
+    "echarts": {
+      "optional": false
     }
   },
   "dependencies": {
-    "echarts": "^5.5.0",
-    "stock-sdk": "^1.6.1"
+    "stock-sdk": "^1.8.0"
   },
   "devDependencies": {
+    "@eslint/js": "^9.39.1",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.0",
     "@types/node": "^22.0.0",
     "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",
     "@vitejs/plugin-react": "^4.3.4",
+    "echarts": "^5.5.0",
     "eslint": "^9.17.0",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "globals": "^16.4.0",
+    "jsdom": "^27.0.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "typescript": "~5.6.2",
+    "typescript-eslint": "^8.46.2",
     "vite": "^6.0.5",
-    "vite-plugin-dts": "^4.4.0"
+    "vite-plugin-dts": "^4.4.0",
+    "vitest": "^3.2.4"
   },
   "keywords": [
     "kline",
@@ -82,12 +105,12 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/chengzuopeng/kline-charts.git"
+    "url": "https://github.com/chengzuopeng/kline-charts-react.git"
   },
   "bugs": {
-    "url": "https://github.com/chengzuopeng/kline-charts/issues"
+    "url": "https://github.com/chengzuopeng/kline-charts-react/issues"
   },
-  "homepage": "https://github.com/chengzuopeng/kline-charts#readme",
+  "homepage": "https://github.com/chengzuopeng/kline-charts-react#readme",
   "engines": {
     "node": ">=18.0.0"
   },