greeks-live-ui 0.1.21 → 0.1.22

package/es/components/chart-panel/index.d.ts

@@ -6,7 +6,7 @@ export declare const GChartPanel: import("greeks-live-ui/es/utils").SFCWithInsta
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    operations: import("greeks-live-ui/es/utils").EpPropFinalized<(new (...args: any[]) => ("search" | "line" | "bar" | "calc" | "toggle" | "refresh" | "fullscreen" | "setting" | "share")[]) | (() => ("search" | "line" | "bar" | "calc" | "toggle" | "refresh" | "fullscreen" | "setting" | "share")[]) | (((new (...args: any[]) => ("search" | "line" | "bar" | "calc" | "toggle" | "refresh" | "fullscreen" | "setting" | "share")[]) | (() => ("search" | "line" | "bar" | "calc" | "toggle" | "refresh" | "fullscreen" | "setting" | "share")[])) | null)[], unknown, unknown, never[], boolean>;
+    operations: import("greeks-live-ui/es/utils").EpPropFinalized<(new (...args: any[]) => ("search" | "toggle" | "line" | "bar" | "calc" | "refresh" | "fullscreen" | "setting" | "share")[]) | (() => ("search" | "toggle" | "line" | "bar" | "calc" | "refresh" | "fullscreen" | "setting" | "share")[]) | (((new (...args: any[]) => ("search" | "toggle" | "line" | "bar" | "calc" | "refresh" | "fullscreen" | "setting" | "share")[]) | (() => ("search" | "toggle" | "line" | "bar" | "calc" | "refresh" | "fullscreen" | "setting" | "share")[])) | null)[], unknown, unknown, never[], boolean>;
     loading: {
         readonly type: import("vue").PropType<import("greeks-live-ui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
         readonly required: false;
@@ -50,7 +50,7 @@ export declare const GChartPanel: import("greeks-live-ui/es/utils").SFCWithInsta
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
         };
-        operations: import("greeks-live-ui/es/utils").EpPropFinalized<(new (...args: any[]) => ("search" | "line" | "bar" | "calc" | "toggle" | "refresh" | "fullscreen" | "setting" | "share")[]) | (() => ("search" | "line" | "bar" | "calc" | "toggle" | "refresh" | "fullscreen" | "setting" | "share")[]) | (((new (...args: any[]) => ("search" | "line" | "bar" | "calc" | "toggle" | "refresh" | "fullscreen" | "setting" | "share")[]) | (() => ("search" | "line" | "bar" | "calc" | "toggle" | "refresh" | "fullscreen" | "setting" | "share")[])) | null)[], unknown, unknown, never[], boolean>;
+        operations: import("greeks-live-ui/es/utils").EpPropFinalized<(new (...args: any[]) => ("search" | "toggle" | "line" | "bar" | "calc" | "refresh" | "fullscreen" | "setting" | "share")[]) | (() => ("search" | "toggle" | "line" | "bar" | "calc" | "refresh" | "fullscreen" | "setting" | "share")[]) | (((new (...args: any[]) => ("search" | "toggle" | "line" | "bar" | "calc" | "refresh" | "fullscreen" | "setting" | "share")[]) | (() => ("search" | "toggle" | "line" | "bar" | "calc" | "refresh" | "fullscreen" | "setting" | "share")[])) | null)[], unknown, unknown, never[], boolean>;
         loading: {
             readonly type: import("vue").PropType<import("greeks-live-ui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
             readonly required: false;
@@ -69,19 +69,19 @@ export declare const GChartPanel: import("greeks-live-ui/es/utils").SFCWithInsta
         contentLocked: import("greeks-live-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
     }>> & Readonly<{
         onSearch?: ((search: boolean) => any) | undefined;
+        onToggle?: ((toggle: boolean) => any) | undefined;
         onLine?: ((line: boolean) => any) | undefined;
         onBar?: ((bar: boolean) => any) | undefined;
         onCalc?: ((calc: boolean) => any) | undefined;
-        onToggle?: ((toggle: boolean) => any) | undefined;
         onRefresh?: ((refresh: boolean) => any) | undefined;
         onFullscreen?: ((fullscreen: boolean) => any) | undefined;
         onSetting?: ((setting: boolean) => any) | undefined;
         onShare?: ((share: boolean) => any) | undefined;
         "onUpdate:currency"?: ((currency: string) => any) | undefined;
         "onUpdate:exchange"?: ((exchange: string) => any) | undefined;
-        onOperation?: ((operation: "search" | "line" | "bar" | "calc" | "toggle" | "refresh" | "fullscreen" | "setting" | "share") => any) | undefined;
+        onOperation?: ((operation: "search" | "toggle" | "line" | "bar" | "calc" | "refresh" | "fullscreen" | "setting" | "share") => any) | undefined;
     }> & {}>;
-    emits: ((event: "search", search: boolean) => void) & ((event: "line", line: boolean) => void) & ((event: "bar", bar: boolean) => void) & ((event: "calc", calc: boolean) => void) & ((event: "toggle", toggle: boolean) => void) & ((event: "refresh", refresh: boolean) => void) & ((event: "fullscreen", fullscreen: boolean) => void) & ((event: "setting", setting: boolean) => void) & ((event: "share", share: boolean) => void) & ((event: "update:currency", currency: string) => void) & ((event: "update:exchange", exchange: string) => void) & ((event: "operation", operation: "search" | "line" | "bar" | "calc" | "toggle" | "refresh" | "fullscreen" | "setting" | "share") => void);
+    emits: ((event: "search", search: boolean) => void) & ((event: "toggle", toggle: boolean) => void) & ((event: "line", line: boolean) => void) & ((event: "bar", bar: boolean) => void) & ((event: "calc", calc: boolean) => void) & ((event: "refresh", refresh: boolean) => void) & ((event: "fullscreen", fullscreen: boolean) => void) & ((event: "setting", setting: boolean) => void) & ((event: "share", share: boolean) => void) & ((event: "update:currency", currency: string) => void) & ((event: "update:exchange", exchange: string) => void) & ((event: "operation", operation: "search" | "toggle" | "line" | "bar" | "calc" | "refresh" | "fullscreen" | "setting" | "share") => void);
     isFullscreen: import("vue").Ref<boolean, boolean>;
     isMobile: import("vue").Ref<boolean, boolean>;
     isPC: import("vue").ComputedRef<boolean>;
@@ -122,7 +122,7 @@ export declare const GChartPanel: import("greeks-live-ui/es/utils").SFCWithInsta
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:currency': (currency: string) => boolean;
     'update:exchange': (exchange: string) => boolean;
-    operation: (operation: "search" | "line" | "bar" | "calc" | "toggle" | "refresh" | "fullscreen" | "setting" | "share") => boolean;
+    operation: (operation: "search" | "toggle" | "line" | "bar" | "calc" | "refresh" | "fullscreen" | "setting" | "share") => boolean;
     line: (line: boolean) => boolean;
     bar: (bar: boolean) => boolean;
     calc: (calc: boolean) => boolean;
@@ -140,7 +140,7 @@ export declare const GChartPanel: import("greeks-live-ui/es/utils").SFCWithInsta
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    operations: import("greeks-live-ui/es/utils").EpPropFinalized<(new (...args: any[]) => ("search" | "line" | "bar" | "calc" | "toggle" | "refresh" | "fullscreen" | "setting" | "share")[]) | (() => ("search" | "line" | "bar" | "calc" | "toggle" | "refresh" | "fullscreen" | "setting" | "share")[]) | (((new (...args: any[]) => ("search" | "line" | "bar" | "calc" | "toggle" | "refresh" | "fullscreen" | "setting" | "share")[]) | (() => ("search" | "line" | "bar" | "calc" | "toggle" | "refresh" | "fullscreen" | "setting" | "share")[])) | null)[], unknown, unknown, never[], boolean>;
+    operations: import("greeks-live-ui/es/utils").EpPropFinalized<(new (...args: any[]) => ("search" | "toggle" | "line" | "bar" | "calc" | "refresh" | "fullscreen" | "setting" | "share")[]) | (() => ("search" | "toggle" | "line" | "bar" | "calc" | "refresh" | "fullscreen" | "setting" | "share")[]) | (((new (...args: any[]) => ("search" | "toggle" | "line" | "bar" | "calc" | "refresh" | "fullscreen" | "setting" | "share")[]) | (() => ("search" | "toggle" | "line" | "bar" | "calc" | "refresh" | "fullscreen" | "setting" | "share")[])) | null)[], unknown, unknown, never[], boolean>;
     loading: {
         readonly type: import("vue").PropType<import("greeks-live-ui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
         readonly required: false;
@@ -159,20 +159,20 @@ export declare const GChartPanel: import("greeks-live-ui/es/utils").SFCWithInsta
     contentLocked: import("greeks-live-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
 }>> & Readonly<{
     onSearch?: ((search: boolean) => any) | undefined;
+    onToggle?: ((toggle: boolean) => any) | undefined;
     onLine?: ((line: boolean) => any) | undefined;
     onBar?: ((bar: boolean) => any) | undefined;
     onCalc?: ((calc: boolean) => any) | undefined;
-    onToggle?: ((toggle: boolean) => any) | undefined;
     onRefresh?: ((refresh: boolean) => any) | undefined;
     onFullscreen?: ((fullscreen: boolean) => any) | undefined;
     onSetting?: ((setting: boolean) => any) | undefined;
     onShare?: ((share: boolean) => any) | undefined;
     "onUpdate:currency"?: ((currency: string) => any) | undefined;
     "onUpdate:exchange"?: ((exchange: string) => any) | undefined;
-    onOperation?: ((operation: "search" | "line" | "bar" | "calc" | "toggle" | "refresh" | "fullscreen" | "setting" | "share") => any) | undefined;
+    onOperation?: ((operation: "search" | "toggle" | "line" | "bar" | "calc" | "refresh" | "fullscreen" | "setting" | "share") => any) | undefined;
 }>, {
     currency: string;
-    operations: ("search" | "line" | "bar" | "calc" | "toggle" | "refresh" | "fullscreen" | "setting" | "share")[];
+    operations: ("search" | "toggle" | "line" | "bar" | "calc" | "refresh" | "fullscreen" | "setting" | "share")[];
     showExchangeSelector: import("greeks-live-ui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     showCurrencySelector: import("greeks-live-ui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     currencyList: import("greeks-live-ui/es/utils").EpPropMergeType<(new (...args: any[]) => import("./src/chart-panel").ChartPanelCurrencyItem[]) | (() => import("./src/chart-panel").ChartPanelCurrencyItem[] | undefined) | (((new (...args: any[]) => import("./src/chart-panel").ChartPanelCurrencyItem[]) | (() => import("./src/chart-panel").ChartPanelCurrencyItem[] | undefined)) | null)[], unknown, unknown>;

package/es/components/chart-panel/src/chart-panel.vue.d.ts

@@ -8,7 +8,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    operations: import("../../../utils").EpPropFinalized<(new (...args: any[]) => ("search" | "line" | "bar" | "calc" | "toggle" | "refresh" | "fullscreen" | "setting" | "share")[]) | (() => ("search" | "line" | "bar" | "calc" | "toggle" | "refresh" | "fullscreen" | "setting" | "share")[]) | (((new (...args: any[]) => ("search" | "line" | "bar" | "calc" | "toggle" | "refresh" | "fullscreen" | "setting" | "share")[]) | (() => ("search" | "line" | "bar" | "calc" | "toggle" | "refresh" | "fullscreen" | "setting" | "share")[])) | null)[], unknown, unknown, never[], boolean>;
+    operations: import("../../../utils").EpPropFinalized<(new (...args: any[]) => ("search" | "toggle" | "line" | "bar" | "calc" | "refresh" | "fullscreen" | "setting" | "share")[]) | (() => ("search" | "toggle" | "line" | "bar" | "calc" | "refresh" | "fullscreen" | "setting" | "share")[]) | (((new (...args: any[]) => ("search" | "toggle" | "line" | "bar" | "calc" | "refresh" | "fullscreen" | "setting" | "share")[]) | (() => ("search" | "toggle" | "line" | "bar" | "calc" | "refresh" | "fullscreen" | "setting" | "share")[])) | null)[], unknown, unknown, never[], boolean>;
     loading: {
         readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
         readonly required: false;
@@ -52,7 +52,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
         };
-        operations: import("../../../utils").EpPropFinalized<(new (...args: any[]) => ("search" | "line" | "bar" | "calc" | "toggle" | "refresh" | "fullscreen" | "setting" | "share")[]) | (() => ("search" | "line" | "bar" | "calc" | "toggle" | "refresh" | "fullscreen" | "setting" | "share")[]) | (((new (...args: any[]) => ("search" | "line" | "bar" | "calc" | "toggle" | "refresh" | "fullscreen" | "setting" | "share")[]) | (() => ("search" | "line" | "bar" | "calc" | "toggle" | "refresh" | "fullscreen" | "setting" | "share")[])) | null)[], unknown, unknown, never[], boolean>;
+        operations: import("../../../utils").EpPropFinalized<(new (...args: any[]) => ("search" | "toggle" | "line" | "bar" | "calc" | "refresh" | "fullscreen" | "setting" | "share")[]) | (() => ("search" | "toggle" | "line" | "bar" | "calc" | "refresh" | "fullscreen" | "setting" | "share")[]) | (((new (...args: any[]) => ("search" | "toggle" | "line" | "bar" | "calc" | "refresh" | "fullscreen" | "setting" | "share")[]) | (() => ("search" | "toggle" | "line" | "bar" | "calc" | "refresh" | "fullscreen" | "setting" | "share")[])) | null)[], unknown, unknown, never[], boolean>;
         loading: {
             readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
             readonly required: false;
@@ -71,19 +71,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         contentLocked: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
     }>> & Readonly<{
         onSearch?: ((search: boolean) => any) | undefined;
+        onToggle?: ((toggle: boolean) => any) | undefined;
         onLine?: ((line: boolean) => any) | undefined;
         onBar?: ((bar: boolean) => any) | undefined;
         onCalc?: ((calc: boolean) => any) | undefined;
-        onToggle?: ((toggle: boolean) => any) | undefined;
         onRefresh?: ((refresh: boolean) => any) | undefined;
         onFullscreen?: ((fullscreen: boolean) => any) | undefined;
         onSetting?: ((setting: boolean) => any) | undefined;
         onShare?: ((share: boolean) => any) | undefined;
         "onUpdate:currency"?: ((currency: string) => any) | undefined;
         "onUpdate:exchange"?: ((exchange: string) => any) | undefined;
-        onOperation?: ((operation: "search" | "line" | "bar" | "calc" | "toggle" | "refresh" | "fullscreen" | "setting" | "share") => any) | undefined;
+        onOperation?: ((operation: "search" | "toggle" | "line" | "bar" | "calc" | "refresh" | "fullscreen" | "setting" | "share") => any) | undefined;
     }> & {}>;
-    emits: ((event: "search", search: boolean) => void) & ((event: "line", line: boolean) => void) & ((event: "bar", bar: boolean) => void) & ((event: "calc", calc: boolean) => void) & ((event: "toggle", toggle: boolean) => void) & ((event: "refresh", refresh: boolean) => void) & ((event: "fullscreen", fullscreen: boolean) => void) & ((event: "setting", setting: boolean) => void) & ((event: "share", share: boolean) => void) & ((event: "update:currency", currency: string) => void) & ((event: "update:exchange", exchange: string) => void) & ((event: "operation", operation: "search" | "line" | "bar" | "calc" | "toggle" | "refresh" | "fullscreen" | "setting" | "share") => void);
+    emits: ((event: "search", search: boolean) => void) & ((event: "toggle", toggle: boolean) => void) & ((event: "line", line: boolean) => void) & ((event: "bar", bar: boolean) => void) & ((event: "calc", calc: boolean) => void) & ((event: "refresh", refresh: boolean) => void) & ((event: "fullscreen", fullscreen: boolean) => void) & ((event: "setting", setting: boolean) => void) & ((event: "share", share: boolean) => void) & ((event: "update:currency", currency: string) => void) & ((event: "update:exchange", exchange: string) => void) & ((event: "operation", operation: "search" | "toggle" | "line" | "bar" | "calc" | "refresh" | "fullscreen" | "setting" | "share") => void);
     isFullscreen: import("vue").Ref<boolean, boolean>;
     isMobile: import("vue").Ref<boolean, boolean>;
     isPC: import("vue").ComputedRef<boolean>;
@@ -124,7 +124,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:currency': (currency: string) => boolean;
     'update:exchange': (exchange: string) => boolean;
-    operation: (operation: "search" | "line" | "bar" | "calc" | "toggle" | "refresh" | "fullscreen" | "setting" | "share") => boolean;
+    operation: (operation: "search" | "toggle" | "line" | "bar" | "calc" | "refresh" | "fullscreen" | "setting" | "share") => boolean;
     line: (line: boolean) => boolean;
     bar: (bar: boolean) => boolean;
     calc: (calc: boolean) => boolean;
@@ -142,7 +142,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    operations: import("../../../utils").EpPropFinalized<(new (...args: any[]) => ("search" | "line" | "bar" | "calc" | "toggle" | "refresh" | "fullscreen" | "setting" | "share")[]) | (() => ("search" | "line" | "bar" | "calc" | "toggle" | "refresh" | "fullscreen" | "setting" | "share")[]) | (((new (...args: any[]) => ("search" | "line" | "bar" | "calc" | "toggle" | "refresh" | "fullscreen" | "setting" | "share")[]) | (() => ("search" | "line" | "bar" | "calc" | "toggle" | "refresh" | "fullscreen" | "setting" | "share")[])) | null)[], unknown, unknown, never[], boolean>;
+    operations: import("../../../utils").EpPropFinalized<(new (...args: any[]) => ("search" | "toggle" | "line" | "bar" | "calc" | "refresh" | "fullscreen" | "setting" | "share")[]) | (() => ("search" | "toggle" | "line" | "bar" | "calc" | "refresh" | "fullscreen" | "setting" | "share")[]) | (((new (...args: any[]) => ("search" | "toggle" | "line" | "bar" | "calc" | "refresh" | "fullscreen" | "setting" | "share")[]) | (() => ("search" | "toggle" | "line" | "bar" | "calc" | "refresh" | "fullscreen" | "setting" | "share")[])) | null)[], unknown, unknown, never[], boolean>;
     loading: {
         readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
         readonly required: false;
@@ -161,20 +161,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     contentLocked: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
 }>> & Readonly<{
     onSearch?: ((search: boolean) => any) | undefined;
+    onToggle?: ((toggle: boolean) => any) | undefined;
     onLine?: ((line: boolean) => any) | undefined;
     onBar?: ((bar: boolean) => any) | undefined;
     onCalc?: ((calc: boolean) => any) | undefined;
-    onToggle?: ((toggle: boolean) => any) | undefined;
     onRefresh?: ((refresh: boolean) => any) | undefined;
     onFullscreen?: ((fullscreen: boolean) => any) | undefined;
     onSetting?: ((setting: boolean) => any) | undefined;
     onShare?: ((share: boolean) => any) | undefined;
     "onUpdate:currency"?: ((currency: string) => any) | undefined;
     "onUpdate:exchange"?: ((exchange: string) => any) | undefined;
-    onOperation?: ((operation: "search" | "line" | "bar" | "calc" | "toggle" | "refresh" | "fullscreen" | "setting" | "share") => any) | undefined;
+    onOperation?: ((operation: "search" | "toggle" | "line" | "bar" | "calc" | "refresh" | "fullscreen" | "setting" | "share") => any) | undefined;
 }>, {
     currency: string;
-    operations: ("search" | "line" | "bar" | "calc" | "toggle" | "refresh" | "fullscreen" | "setting" | "share")[];
+    operations: ("search" | "toggle" | "line" | "bar" | "calc" | "refresh" | "fullscreen" | "setting" | "share")[];
     showExchangeSelector: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     showCurrencySelector: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     currencyList: import("../../../utils").EpPropMergeType<(new (...args: any[]) => ChartPanelCurrencyItem[]) | (() => ChartPanelCurrencyItem[] | undefined) | (((new (...args: any[]) => ChartPanelCurrencyItem[]) | (() => ChartPanelCurrencyItem[] | undefined)) | null)[], unknown, unknown>;

package/es/components/greeks-summary/index.d.ts

@@ -91,7 +91,7 @@ export declare const GGreeksSummary: import("greeks-live-ui/es/utils").SFCWithIn
         };
         type: import("greeks-live-ui/es/utils").EpPropFinalized<(new (...args: any[]) => ("black" | "gray") & {}) | (() => "black" | "gray") | (((new (...args: any[]) => ("black" | "gray") & {}) | (() => "black" | "gray")) | null)[], unknown, unknown, string, boolean>;
         placement: {
-            readonly type: import("vue").PropType<import("greeks-live-ui/es/utils").EpPropMergeType<(new (...args: any[]) => ("top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") & {}) | (() => "top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") | (((new (...args: any[]) => ("top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") & {}) | (() => "top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom")) | null)[], unknown, unknown>>;
+            readonly type: import("vue").PropType<import("greeks-live-ui/es/utils").EpPropMergeType<(new (...args: any[]) => ("top" | "right" | "bottom" | "left" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") & {}) | (() => "top" | "right" | "bottom" | "left" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") | (((new (...args: any[]) => ("top" | "right" | "bottom" | "left" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") & {}) | (() => "top" | "right" | "bottom" | "left" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom")) | null)[], unknown, unknown>>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -132,7 +132,7 @@ export declare const GGreeksSummary: import("greeks-live-ui/es/utils").SFCWithIn
             };
             type: import("greeks-live-ui/es/utils").EpPropFinalized<(new (...args: any[]) => ("black" | "gray") & {}) | (() => "black" | "gray") | (((new (...args: any[]) => ("black" | "gray") & {}) | (() => "black" | "gray")) | null)[], unknown, unknown, string, boolean>;
             placement: {
-                readonly type: import("vue").PropType<import("greeks-live-ui/es/utils").EpPropMergeType<(new (...args: any[]) => ("top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") & {}) | (() => "top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") | (((new (...args: any[]) => ("top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") & {}) | (() => "top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom")) | null)[], unknown, unknown>>;
+                readonly type: import("vue").PropType<import("greeks-live-ui/es/utils").EpPropMergeType<(new (...args: any[]) => ("top" | "right" | "bottom" | "left" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") & {}) | (() => "top" | "right" | "bottom" | "left" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") | (((new (...args: any[]) => ("top" | "right" | "bottom" | "left" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") & {}) | (() => "top" | "right" | "bottom" | "left" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom")) | null)[], unknown, unknown>>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -150,7 +150,7 @@ export declare const GGreeksSummary: import("greeks-live-ui/es/utils").SFCWithIn
         finalTrigger: import("vue").ComputedRef<import("greeks-live-ui/es/utils").EpPropMergeType<(new (...args: any[]) => ("click" | "focus" | "hover" | "contextMenu" | ("click" | "focus" | "hover" | "contextMenu")[]) & {}) | (() => "click" | "focus" | "hover" | "contextMenu" | ("click" | "focus" | "hover" | "contextMenu")[]) | (((new (...args: any[]) => ("click" | "focus" | "hover" | "contextMenu" | ("click" | "focus" | "hover" | "contextMenu")[]) & {}) | (() => "click" | "focus" | "hover" | "contextMenu" | ("click" | "focus" | "hover" | "contextMenu")[])) | null)[], unknown, unknown>>;
         bgColor: import("vue").ComputedRef<"var(--theme-gray-14)" | "var(--theme-gray-3)">;
         titleColor: import("vue").ComputedRef<"var(--theme-gray-white)" | "var(--theme-gray-11)">;
-        finalPlacement: import("vue").ComputedRef<import("greeks-live-ui/es/utils").EpPropMergeType<(new (...args: any[]) => ("top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") & {}) | (() => "top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") | (((new (...args: any[]) => ("top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") & {}) | (() => "top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom")) | null)[], unknown, unknown> | undefined>;
+        finalPlacement: import("vue").ComputedRef<import("greeks-live-ui/es/utils").EpPropMergeType<(new (...args: any[]) => ("top" | "right" | "bottom" | "left" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") & {}) | (() => "top" | "right" | "bottom" | "left" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") | (((new (...args: any[]) => ("top" | "right" | "bottom" | "left" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") & {}) | (() => "top" | "right" | "bottom" | "left" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom")) | null)[], unknown, unknown> | undefined>;
         finalAlign: import("vue").ComputedRef<{
             offset: number[];
         }>;
@@ -164,7 +164,7 @@ export declare const GGreeksSummary: import("greeks-live-ui/es/utils").SFCWithIn
         };
         type: import("greeks-live-ui/es/utils").EpPropFinalized<(new (...args: any[]) => ("black" | "gray") & {}) | (() => "black" | "gray") | (((new (...args: any[]) => ("black" | "gray") & {}) | (() => "black" | "gray")) | null)[], unknown, unknown, string, boolean>;
         placement: {
-            readonly type: import("vue").PropType<import("greeks-live-ui/es/utils").EpPropMergeType<(new (...args: any[]) => ("top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") & {}) | (() => "top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") | (((new (...args: any[]) => ("top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") & {}) | (() => "top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom")) | null)[], unknown, unknown>>;
+            readonly type: import("vue").PropType<import("greeks-live-ui/es/utils").EpPropMergeType<(new (...args: any[]) => ("top" | "right" | "bottom" | "left" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") & {}) | (() => "top" | "right" | "bottom" | "left" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") | (((new (...args: any[]) => ("top" | "right" | "bottom" | "left" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") & {}) | (() => "top" | "right" | "bottom" | "left" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom")) | null)[], unknown, unknown>>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;

package/es/components/greeks-summary/src/greeks-summary.vue.d.ts

@@ -92,7 +92,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         type: import("../../../utils").EpPropFinalized<(new (...args: any[]) => ("black" | "gray") & {}) | (() => "black" | "gray") | (((new (...args: any[]) => ("black" | "gray") & {}) | (() => "black" | "gray")) | null)[], unknown, unknown, string, boolean>;
         placement: {
-            readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(new (...args: any[]) => ("top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") & {}) | (() => "top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") | (((new (...args: any[]) => ("top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") & {}) | (() => "top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom")) | null)[], unknown, unknown>>;
+            readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(new (...args: any[]) => ("top" | "right" | "bottom" | "left" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") & {}) | (() => "top" | "right" | "bottom" | "left" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") | (((new (...args: any[]) => ("top" | "right" | "bottom" | "left" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") & {}) | (() => "top" | "right" | "bottom" | "left" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom")) | null)[], unknown, unknown>>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -133,7 +133,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             type: import("../../../utils").EpPropFinalized<(new (...args: any[]) => ("black" | "gray") & {}) | (() => "black" | "gray") | (((new (...args: any[]) => ("black" | "gray") & {}) | (() => "black" | "gray")) | null)[], unknown, unknown, string, boolean>;
             placement: {
-                readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(new (...args: any[]) => ("top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") & {}) | (() => "top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") | (((new (...args: any[]) => ("top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") & {}) | (() => "top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom")) | null)[], unknown, unknown>>;
+                readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(new (...args: any[]) => ("top" | "right" | "bottom" | "left" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") & {}) | (() => "top" | "right" | "bottom" | "left" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") | (((new (...args: any[]) => ("top" | "right" | "bottom" | "left" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") & {}) | (() => "top" | "right" | "bottom" | "left" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom")) | null)[], unknown, unknown>>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -151,7 +151,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         finalTrigger: import("vue").ComputedRef<import("../../../utils").EpPropMergeType<(new (...args: any[]) => ("click" | "focus" | "hover" | "contextMenu" | ("click" | "focus" | "hover" | "contextMenu")[]) & {}) | (() => "click" | "focus" | "hover" | "contextMenu" | ("click" | "focus" | "hover" | "contextMenu")[]) | (((new (...args: any[]) => ("click" | "focus" | "hover" | "contextMenu" | ("click" | "focus" | "hover" | "contextMenu")[]) & {}) | (() => "click" | "focus" | "hover" | "contextMenu" | ("click" | "focus" | "hover" | "contextMenu")[])) | null)[], unknown, unknown>>;
         bgColor: import("vue").ComputedRef<"var(--theme-gray-14)" | "var(--theme-gray-3)">;
         titleColor: import("vue").ComputedRef<"var(--theme-gray-white)" | "var(--theme-gray-11)">;
-        finalPlacement: import("vue").ComputedRef<import("../../../utils").EpPropMergeType<(new (...args: any[]) => ("top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") & {}) | (() => "top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") | (((new (...args: any[]) => ("top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") & {}) | (() => "top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom")) | null)[], unknown, unknown> | undefined>;
+        finalPlacement: import("vue").ComputedRef<import("../../../utils").EpPropMergeType<(new (...args: any[]) => ("top" | "right" | "bottom" | "left" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") & {}) | (() => "top" | "right" | "bottom" | "left" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") | (((new (...args: any[]) => ("top" | "right" | "bottom" | "left" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") & {}) | (() => "top" | "right" | "bottom" | "left" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom")) | null)[], unknown, unknown> | undefined>;
         finalAlign: import("vue").ComputedRef<{
             offset: number[];
         }>;
@@ -165,7 +165,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         type: import("../../../utils").EpPropFinalized<(new (...args: any[]) => ("black" | "gray") & {}) | (() => "black" | "gray") | (((new (...args: any[]) => ("black" | "gray") & {}) | (() => "black" | "gray")) | null)[], unknown, unknown, string, boolean>;
         placement: {
-            readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(new (...args: any[]) => ("top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") & {}) | (() => "top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") | (((new (...args: any[]) => ("top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") & {}) | (() => "top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom")) | null)[], unknown, unknown>>;
+            readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(new (...args: any[]) => ("top" | "right" | "bottom" | "left" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") & {}) | (() => "top" | "right" | "bottom" | "left" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") | (((new (...args: any[]) => ("top" | "right" | "bottom" | "left" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom") & {}) | (() => "top" | "right" | "bottom" | "left" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom")) | null)[], unknown, unknown>>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;

package/es/components/panel-vrp/index.d.ts

@@ -102,65 +102,14 @@ export declare const GPanelVrp: import("greeks-live-ui/es/utils").SFCWithInstall
     };
     currency: import("vue").WritableComputedRef<string, string>;
     exchange: import("vue").WritableComputedRef<string, string>;
-    selectedPeriodDays: import("vue").ComputedRef<number>;
-    filterChartDataByPeriod: (chartData: import("greeks-live-ui/es/utils").IVrpItem[], days: number) => import("greeks-live-ui/es/utils").IVrpItem[];
-    filteredChartData: import("vue").ComputedRef<import("greeks-live-ui/es/utils").IVrpItem[]>;
-    getVolTenorResolution: (volTenor: string) => 3 | 1 | 7 | 15 | 30 | 90;
-    buildVrpSeries: (chartData: import("greeks-live-ui/es/utils").IVrpItem[], volTenor: string) => [number, number][];
-    formatVrpPercent: (value: number | null | undefined, fractionDigits?: number) => string;
-    computeVrpStats: (values: number[]) => import("./src/panel-vrp").IVrpStats | null;
-    getZeroMarkLine: () => {
-        name: string;
-        yAxis: number;
-        symbol: string[];
-        symbolSize: number[];
-        silent: boolean;
-        lineStyle: {
-            color: string;
-        };
-        label: {
-            show: boolean;
-            position: string;
-            color: string;
-            borderWidth: number;
-            padding: number;
-            shadowBlur: number;
-            fontSize: number;
-        };
-    };
-    getMeanMarkLine: (mean: number) => {
-        name: string;
-        yAxis: number;
-        symbol: string[];
-        symbolSize: number[];
-        silent: boolean;
-        lineStyle: {
-            color: string;
-            type: string;
-        };
-        label: {
-            show: boolean;
-            position: string;
-            formatter: string;
-            color: string;
-            borderWidth: number;
-            padding: number;
-            shadowBlur: number;
-            fontSize: number;
-        };
-    };
-    vrpSeries: import("vue").ComputedRef<[number, number][]>;
-    vrpStats: import("vue").ComputedRef<import("./src/panel-vrp").IVrpStats | null>;
-    meanHeaderValue: import("vue").ComputedRef<string>;
-    statsDisplay: import("vue").ComputedRef<{
-        mean: string;
-        max: string;
-        min: string;
-        days: string;
-    }>;
     fetchData: () => void;
     handleChangePeriod: (value: string) => void;
-    getEchartOption: (vrpData: [number, number][], stats: import("./src/panel-vrp").IVrpStats | null) => {
+    getEchartData: () => {
+        vrpData: [number, number][];
+    };
+    getEchartOption: (params: {
+        vrpData: [number, number][];
+    }) => {
         color: string[];
         tooltip: {
             trigger: string;
@@ -236,6 +185,8 @@ export declare const GPanelVrp: import("greeks-live-ui/es/utils").SFCWithInstall
             scale: boolean;
             name: string;
             nameLocation: string;
+            nameGap: number;
+            nameRotate: number;
             nameTextStyle: {
                 color: string;
                 fontWeight: number;
@@ -292,7 +243,13 @@ export declare const GPanelVrp: import("greeks-live-ui/es/utils").SFCWithInstall
             data: [number, number][];
             symbol: string;
             markLine: {
-                data: Record<string, unknown>[];
+                data: {
+                    name: string;
+                    yAxis: number;
+                    lineStyle: {
+                        color: string;
+                    };
+                }[];
             };
         }[];
     };
@@ -372,6 +329,8 @@ export declare const GPanelVrp: import("greeks-live-ui/es/utils").SFCWithInstall
             scale: boolean;
             name: string;
             nameLocation: string;
+            nameGap: number;
+            nameRotate: number;
             nameTextStyle: {
                 color: string;
                 fontWeight: number;
@@ -428,7 +387,13 @@ export declare const GPanelVrp: import("greeks-live-ui/es/utils").SFCWithInstall
             data: [number, number][];
             symbol: string;
             markLine: {
-                data: Record<string, unknown>[];
+                data: {
+                    name: string;
+                    yAxis: number;
+                    lineStyle: {
+                        color: string;
+                    };
+                }[];
             };
         }[];
     }>;

package/es/components/panel-vrp/src/panel-vrp.d.ts

@@ -1,10 +1,5 @@
 import type PanelVrp from './panel-vrp.vue';
 import type { ExtractPropTypes } from 'vue';
-export interface IVrpStats {
-    mean: number;
-    max: number;
-    min: number;
-}
 export declare const panelVrpEmits: {
     'update:currency': (currency: string) => boolean;
     'update:exchange': (exchange: string) => boolean;

package/es/components/panel-vrp/src/panel-vrp.vue.d.ts

@@ -1,5 +1,3 @@
-import { IVrpItem } from 'greeks-live-ui/es/utils/dataLab';
-import { type IVrpStats } from './panel-vrp';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     defaultCurrency: {
         readonly type: import("vue").PropType<string>;
@@ -104,65 +102,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     currency: import("vue").WritableComputedRef<string, string>;
     exchange: import("vue").WritableComputedRef<string, string>;
-    selectedPeriodDays: import("vue").ComputedRef<number>;
-    filterChartDataByPeriod: (chartData: IVrpItem[], days: number) => IVrpItem[];
-    filteredChartData: import("vue").ComputedRef<IVrpItem[]>;
-    getVolTenorResolution: (volTenor: string) => 3 | 1 | 7 | 15 | 30 | 90;
-    buildVrpSeries: (chartData: IVrpItem[], volTenor: string) => [number, number][];
-    formatVrpPercent: (value: number | null | undefined, fractionDigits?: number) => string;
-    computeVrpStats: (values: number[]) => IVrpStats | null;
-    getZeroMarkLine: () => {
-        name: string;
-        yAxis: number;
-        symbol: string[];
-        symbolSize: number[];
-        silent: boolean;
-        lineStyle: {
-            color: string;
-        };
-        label: {
-            show: boolean;
-            position: string;
-            color: string;
-            borderWidth: number;
-            padding: number;
-            shadowBlur: number;
-            fontSize: number;
-        };
-    };
-    getMeanMarkLine: (mean: number) => {
-        name: string;
-        yAxis: number;
-        symbol: string[];
-        symbolSize: number[];
-        silent: boolean;
-        lineStyle: {
-            color: string;
-            type: string;
-        };
-        label: {
-            show: boolean;
-            position: string;
-            formatter: string;
-            color: string;
-            borderWidth: number;
-            padding: number;
-            shadowBlur: number;
-            fontSize: number;
-        };
-    };
-    vrpSeries: import("vue").ComputedRef<[number, number][]>;
-    vrpStats: import("vue").ComputedRef<IVrpStats | null>;
-    meanHeaderValue: import("vue").ComputedRef<string>;
-    statsDisplay: import("vue").ComputedRef<{
-        mean: string;
-        max: string;
-        min: string;
-        days: string;
-    }>;
     fetchData: () => void;
     handleChangePeriod: (value: string) => void;
-    getEchartOption: (vrpData: Array<[number, number]>, stats: IVrpStats | null) => {
+    getEchartData: () => {
+        vrpData: [number, number][];
+    };
+    getEchartOption: (params: {
+        vrpData: [number, number][];
+    }) => {
         color: string[];
         tooltip: {
             trigger: string;
@@ -238,6 +185,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             scale: boolean;
             name: string;
             nameLocation: string;
+            nameGap: number;
+            nameRotate: number;
             nameTextStyle: {
                 color: string;
                 fontWeight: number;
@@ -294,7 +243,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             data: [number, number][];
             symbol: string;
             markLine: {
-                data: Record<string, unknown>[];
+                data: {
+                    name: string;
+                    yAxis: number;
+                    lineStyle: {
+                        color: string;
+                    };
+                }[];
             };
         }[];
     };
@@ -374,6 +329,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             scale: boolean;
             name: string;
             nameLocation: string;
+            nameGap: number;
+            nameRotate: number;
             nameTextStyle: {
                 color: string;
                 fontWeight: number;
@@ -430,7 +387,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             data: [number, number][];
             symbol: string;
             markLine: {
-                data: Record<string, unknown>[];
+                data: {
+                    name: string;
+                    yAxis: number;
+                    lineStyle: {
+                        color: string;
+                    };
+                }[];
             };
         }[];
     }>;