@wangliang139/klinecharts-pro 0.2.12 → 0.2.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +30 -153
- package/dist/klinecharts-pro.js +6110 -6005
- package/dist/klinecharts-pro.js.map +1 -1
- package/dist/klinecharts-pro.umd.js +17 -17
- package/dist/klinecharts-pro.umd.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Chart, DeepPartial, FigureCreate, IndicatorCreate, KLineData, LineType, Nullable, Overlay, OverlayCreate,
|
|
1
|
+
import { Chart, DeepPartial, FigureCreate, IndicatorCreate, KLineData, LineType, Nullable, Overlay, OverlayCreate, PaneOptions, Period as DefaultPeriod, PolygonType, Styles } from 'klinecharts';
|
|
2
2
|
|
|
3
3
|
export interface OverlayProperties {
|
|
4
4
|
style: PolygonType;
|
|
@@ -23,42 +23,6 @@ export interface OverlayProperties {
|
|
|
23
23
|
borderColor: string;
|
|
24
24
|
borderWidth: number;
|
|
25
25
|
}
|
|
26
|
-
export type OrderOverlayAttributes = {
|
|
27
|
-
setPrice: (price: number) => OrderOverlay;
|
|
28
|
-
setText: (text: string) => OrderOverlay;
|
|
29
|
-
setQuantity: (quantity: string) => OrderOverlay;
|
|
30
|
-
setModifyTooltip: (tooltip: string) => OrderOverlay;
|
|
31
|
-
setTooltip: (tooltip: string) => OrderOverlay;
|
|
32
|
-
setLineColor: (color: string) => OrderOverlay;
|
|
33
|
-
setLineWidth: (width: number) => OrderOverlay;
|
|
34
|
-
setLineStyle: (style: LineType) => OrderOverlay;
|
|
35
|
-
setLineLength: (length: number) => OrderOverlay;
|
|
36
|
-
setLineDashedValue: (dashedValue: number[]) => OrderOverlay;
|
|
37
|
-
setBodyFont: (font: string) => OrderOverlay;
|
|
38
|
-
setBodyFontWeight: (weight: FontWeights | number) => OrderOverlay;
|
|
39
|
-
setBodyTextColor: (color: string) => OrderOverlay;
|
|
40
|
-
setBodyBackgroundColor: (color: string) => OrderOverlay;
|
|
41
|
-
setBodyBorderColor: (color: string) => OrderOverlay;
|
|
42
|
-
setQuantityFont: (font: string) => OrderOverlay;
|
|
43
|
-
setQuantityFontWeight: (weight: FontWeights | number) => OrderOverlay;
|
|
44
|
-
setQuantityColor: (color: string) => OrderOverlay;
|
|
45
|
-
setQuantityBackgroundColor: (color: string) => OrderOverlay;
|
|
46
|
-
setQuantityBorderColor: (color: string) => OrderOverlay;
|
|
47
|
-
setCancelButtonIconColor: (color: string) => OrderOverlay;
|
|
48
|
-
setCancelButtonFontWeight: (weight: FontWeights | number) => OrderOverlay;
|
|
49
|
-
setCancelButtonBackgroundColor: (color: string) => OrderOverlay;
|
|
50
|
-
setCancelButtonBorderColor: (color: string) => OrderOverlay;
|
|
51
|
-
setBorderStyle: (style: LineType) => OrderOverlay;
|
|
52
|
-
setBorderSize: (size: number) => OrderOverlay;
|
|
53
|
-
setBorderDashedValue: (dashedValue: number[]) => OrderOverlay;
|
|
54
|
-
setBorderRadius: (radius: number) => OrderOverlay;
|
|
55
|
-
onMoveStart: <T>(params: T, callback: (params: T, event?: OverlayEvent<unknown>) => void) => OrderOverlay;
|
|
56
|
-
onMove: <T>(params: T, callback: (params: T, event?: OverlayEvent<unknown>) => void) => OrderOverlay;
|
|
57
|
-
onMoveEnd: <T>(params: T, callback: (params: T, event?: OverlayEvent<unknown>) => void) => OrderOverlay;
|
|
58
|
-
onCancel: <T>(params: T, callback: (params: T, event?: OverlayEvent<unknown>) => void) => OrderOverlay;
|
|
59
|
-
onModify: <T>(params: T, callback: (params: T, event?: OverlayEvent<unknown>) => void) => OrderOverlay;
|
|
60
|
-
};
|
|
61
|
-
export type OrderOverlay = Pick<Overlay, "id" | "paneId" | "name" | "groupId" | "mode" | "points"> & OrderOverlayAttributes;
|
|
62
26
|
export type ProOverlayCreate = OverlayCreate & {
|
|
63
27
|
properties?: DeepPartial<OverlayProperties>;
|
|
64
28
|
};
|
|
@@ -68,18 +32,7 @@ export interface PaneProperties extends Styles {
|
|
|
68
32
|
backgroundGradientStartColor: string;
|
|
69
33
|
backgroundGradientEndColor: string;
|
|
70
34
|
}
|
|
71
|
-
export type FontWeights = "thin" | "extra-light" | "light" | "normal" | "medium" | "semi-bold" | "bold" | "extra-bold" | "black";
|
|
72
|
-
export type OrderType = "buy" | "sell" | "buystop" | "buylimit" | "sellstop" | "selllimit";
|
|
73
|
-
export type OrderModalType = "placeorder" | "modifyorder" | "closepartial";
|
|
74
|
-
export type ExitType = "stoploss" | "takeprofit" | "breakeven" | "manualclose" | "cancel";
|
|
75
35
|
export type DatafeedSubscribeCallback = (data: KLineData, timestamp?: number) => void;
|
|
76
|
-
export type OrderPlacedCallback = (data: OrderInfo | null) => void;
|
|
77
|
-
export interface UndoOptions {
|
|
78
|
-
/**
|
|
79
|
-
* A boolean flag. Controls if undo should be disabled.
|
|
80
|
-
*/
|
|
81
|
-
disableUndo?: boolean;
|
|
82
|
-
}
|
|
83
36
|
export interface SymbolInfo {
|
|
84
37
|
ticker: string;
|
|
85
38
|
name?: string;
|
|
@@ -93,36 +46,6 @@ export interface SymbolInfo {
|
|
|
93
46
|
type?: string;
|
|
94
47
|
logo?: string;
|
|
95
48
|
}
|
|
96
|
-
export interface OrderInfo {
|
|
97
|
-
orderId: number;
|
|
98
|
-
action: OrderType;
|
|
99
|
-
entryPoint: number;
|
|
100
|
-
exitPoint?: number;
|
|
101
|
-
stopLoss?: number;
|
|
102
|
-
takeProfit?: number;
|
|
103
|
-
lotSize: number;
|
|
104
|
-
pips?: number;
|
|
105
|
-
pl?: number;
|
|
106
|
-
entryTime?: string;
|
|
107
|
-
exitTime?: string;
|
|
108
|
-
exitType?: ExitType;
|
|
109
|
-
partials?: string;
|
|
110
|
-
accountId?: number;
|
|
111
|
-
}
|
|
112
|
-
export interface OrderModifyInfo {
|
|
113
|
-
id: number;
|
|
114
|
-
action?: OrderType;
|
|
115
|
-
entrypoint?: number;
|
|
116
|
-
exitpoint?: number;
|
|
117
|
-
stoploss?: number;
|
|
118
|
-
takeprofit?: number;
|
|
119
|
-
lotsize?: number;
|
|
120
|
-
pips?: number;
|
|
121
|
-
pl?: number;
|
|
122
|
-
exittime?: string;
|
|
123
|
-
exittype?: ExitType;
|
|
124
|
-
partials?: string;
|
|
125
|
-
}
|
|
126
49
|
export interface Period extends DefaultPeriod {
|
|
127
50
|
text: string;
|
|
128
51
|
}
|
|
@@ -132,8 +55,6 @@ export interface ProChart extends Chart {
|
|
|
132
55
|
setActiveChart(id: string): void;
|
|
133
56
|
chartById(id: string): Chart | undefined;
|
|
134
57
|
getOverlayById(id: string): Nullable<Overlay>;
|
|
135
|
-
createOrderLine(options?: UndoOptions): Nullable<OrderOverlay>;
|
|
136
|
-
createOrderLines(nums: number, options?: UndoOptions): Array<Nullable<OrderOverlay>>;
|
|
137
58
|
}
|
|
138
59
|
export type IndicatorsType = {
|
|
139
60
|
value?: IndicatorCreate;
|
|
@@ -148,45 +69,34 @@ export type FiguresType = {
|
|
|
148
69
|
value?: string | FigureCreate;
|
|
149
70
|
ctx: CanvasRenderingContext2D;
|
|
150
71
|
};
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
};
|
|
174
|
-
export type OrderStylesType = {
|
|
175
|
-
buyStyle?: OrderStyleType;
|
|
176
|
-
buyLimitStyle?: OrderStyleType;
|
|
177
|
-
buyStopStyle?: OrderStyleType;
|
|
178
|
-
sellStyle?: OrderStyleType;
|
|
179
|
-
sellLimitStyle?: OrderStyleType;
|
|
180
|
-
sellStopStyle?: OrderStyleType;
|
|
181
|
-
stopLossStyle?: OrderStyleType;
|
|
182
|
-
takeProfitStyle?: OrderStyleType;
|
|
183
|
-
};
|
|
72
|
+
/** 设置中「交易展示」持久化(不写入 Styles / styleObj) */
|
|
73
|
+
export interface TradingConfig {
|
|
74
|
+
showPositions: boolean;
|
|
75
|
+
showLiquidation: boolean;
|
|
76
|
+
showOpenOrders: boolean;
|
|
77
|
+
}
|
|
78
|
+
export interface PendingOrder {
|
|
79
|
+
id?: string;
|
|
80
|
+
side: PositionSide;
|
|
81
|
+
isBuy: boolean;
|
|
82
|
+
price?: number;
|
|
83
|
+
size: number;
|
|
84
|
+
orderType?: "limit" | "market";
|
|
85
|
+
}
|
|
86
|
+
export type PositionSide = "long" | "short";
|
|
87
|
+
export interface Position {
|
|
88
|
+
id?: string;
|
|
89
|
+
side: PositionSide;
|
|
90
|
+
avgPrice: number;
|
|
91
|
+
size: number;
|
|
92
|
+
multiplier?: number;
|
|
93
|
+
}
|
|
184
94
|
export interface ChartObjType {
|
|
185
95
|
styleObj?: DeepPartial<PaneProperties>;
|
|
186
96
|
overlays?: OverlaysType[];
|
|
187
97
|
figures?: FiguresType[];
|
|
188
98
|
indicators?: IndicatorsType[];
|
|
189
|
-
|
|
99
|
+
trading?: TradingConfig;
|
|
190
100
|
}
|
|
191
101
|
export interface Datafeed {
|
|
192
102
|
searchSymbols(search?: string): Promise<SymbolInfo[]>;
|
|
@@ -194,15 +104,6 @@ export interface Datafeed {
|
|
|
194
104
|
subscribe(symbol: SymbolInfo, period: Period, callback: DatafeedSubscribeCallback): void;
|
|
195
105
|
unsubscribe(symbol: SymbolInfo, period: Period): void;
|
|
196
106
|
}
|
|
197
|
-
export interface OrderResource {
|
|
198
|
-
retrieveOrder(order_id: number): Promise<OrderInfo | null>;
|
|
199
|
-
retrieveOrders(action?: OrderType, account_id?: number | string): Promise<OrderInfo[] | null>;
|
|
200
|
-
openOrder(action: OrderType, lot_size: number, entry_price: number, stop_loss?: number, take_profit?: number): Promise<OrderInfo | null>;
|
|
201
|
-
closeOrder(order_id: number, lotsize?: number): Promise<OrderInfo | null>;
|
|
202
|
-
modifyOrder(order: OrderModifyInfo): Promise<OrderInfo | null>;
|
|
203
|
-
unsetSlOrTP(order_id: string | number, slortp: "sl" | "tp"): Promise<OrderInfo | null>;
|
|
204
|
-
launchOrderModal(type: OrderModalType, callback: OrderPlacedCallback, order?: OrderModifyInfo): void;
|
|
205
|
-
}
|
|
206
107
|
export interface ChartProOptions {
|
|
207
108
|
container: string | HTMLElement;
|
|
208
109
|
rootElementId?: string;
|
|
@@ -210,7 +111,6 @@ export interface ChartProOptions {
|
|
|
210
111
|
theme?: string;
|
|
211
112
|
locale?: string;
|
|
212
113
|
drawingBarVisible?: boolean;
|
|
213
|
-
orderPanelVisible?: boolean;
|
|
214
114
|
symbol: SymbolInfo;
|
|
215
115
|
period: Period;
|
|
216
116
|
periods?: Period[];
|
|
@@ -219,7 +119,6 @@ export interface ChartProOptions {
|
|
|
219
119
|
subIndicators?: string[];
|
|
220
120
|
datafeed: Datafeed;
|
|
221
121
|
dataTimestamp?: number;
|
|
222
|
-
orderController?: OrderResource;
|
|
223
122
|
overrides?: DeepPartial<PaneProperties>;
|
|
224
123
|
}
|
|
225
124
|
export interface ChartPro {
|
|
@@ -238,6 +137,9 @@ export interface ChartPro {
|
|
|
238
137
|
getInstanceApi(): Nullable<Chart>;
|
|
239
138
|
resize(): void;
|
|
240
139
|
dispose(): void;
|
|
140
|
+
setPositions(positions: Position[]): void;
|
|
141
|
+
setLiqPrice(price: number | null): void;
|
|
142
|
+
setOpenOrders(orders: PendingOrder[]): void;
|
|
241
143
|
}
|
|
242
144
|
export declare class DefaultDatafeed implements Datafeed {
|
|
243
145
|
constructor(apiKey: string);
|
|
@@ -249,34 +151,6 @@ export declare class DefaultDatafeed implements Datafeed {
|
|
|
249
151
|
subscribe(symbol: SymbolInfo, period: Period, callback: DatafeedSubscribeCallback): void;
|
|
250
152
|
unsubscribe(symbol: SymbolInfo, period: Period): void;
|
|
251
153
|
}
|
|
252
|
-
export declare class DefaultOrderController implements OrderResource {
|
|
253
|
-
constructor(_apiurl: string, _apikey: string, _accound_id: number | string);
|
|
254
|
-
private apikey;
|
|
255
|
-
private apiurl;
|
|
256
|
-
private testsesson_id;
|
|
257
|
-
retrieveOrder(order_id: number): Promise<OrderInfo>;
|
|
258
|
-
retrieveOrders(action?: OrderType, session_id?: number): Promise<OrderInfo[]>;
|
|
259
|
-
openOrder(action: OrderType, lot_size: number, entry_price: number, stop_loss?: number, take_profit?: number): Promise<OrderInfo | null>;
|
|
260
|
-
closeOrder(order_id: number, lotsize?: number): Promise<OrderInfo | null>;
|
|
261
|
-
modifyOrder(order: OrderModifyInfo): Promise<OrderInfo | null>;
|
|
262
|
-
unsetSlOrTP(order_id: string | number, slortp: "sl" | "tp"): Promise<OrderInfo | null>;
|
|
263
|
-
launchOrderModal(type: OrderModalType, callback: OrderPlacedCallback, order?: OrderModifyInfo): void;
|
|
264
|
-
private makeFetchWithAuthAndBody;
|
|
265
|
-
}
|
|
266
|
-
export declare class DummyOrderController implements OrderResource {
|
|
267
|
-
constructor(storage_name?: string);
|
|
268
|
-
private storage_name;
|
|
269
|
-
retrieveOrder(order_id: number): Promise<Nullable<OrderInfo>>;
|
|
270
|
-
retrieveOrders(action?: OrderType, account_id?: number): Promise<OrderInfo[]>;
|
|
271
|
-
openOrder(action: OrderType, size: number, entry: number, stop_loss?: number, take_profit?: number): Promise<OrderInfo | null>;
|
|
272
|
-
closeOrder(order_id: number, lotsize?: number): Promise<OrderInfo | null>;
|
|
273
|
-
modifyOrder(_order: OrderModifyInfo): Promise<OrderInfo | null>;
|
|
274
|
-
unsetSlOrTP(order_id: string | number, slortp: "sl" | "tp"): Promise<OrderInfo | null>;
|
|
275
|
-
launchOrderModal(type: OrderModalType, callback: OrderPlacedCallback, order?: OrderModifyInfo): void;
|
|
276
|
-
private retrieveOrdersFromLs;
|
|
277
|
-
private retrieveOrderFromLs;
|
|
278
|
-
private storeOrder;
|
|
279
|
-
}
|
|
280
154
|
export declare class KLineChartPro implements ChartPro {
|
|
281
155
|
constructor(options: ChartProOptions);
|
|
282
156
|
private _container;
|
|
@@ -297,6 +171,9 @@ export declare class KLineChartPro implements ChartPro {
|
|
|
297
171
|
getInstanceApi(): Nullable<ProChart>;
|
|
298
172
|
resize(): void;
|
|
299
173
|
dispose(): void;
|
|
174
|
+
setPositions(positions: Position[]): void;
|
|
175
|
+
setLiqPrice(price: number | null): void;
|
|
176
|
+
setOpenOrders(orders: PendingOrder[]): void;
|
|
300
177
|
}
|
|
301
178
|
declare function load(key: string, ls: any): void;
|
|
302
179
|
|