@363045841yyt/klinechart 0.8.1 → 0.8.3
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/README.md +6 -2
- package/dist/components/KLineAdjustmentDropdown.vue.d.ts +13 -0
- package/dist/components/KLineAdjustmentDropdown.vue.d.ts.map +1 -0
- package/dist/components/KLineChart.vue.d.ts +26 -3
- package/dist/components/KLineChart.vue.d.ts.map +1 -1
- package/dist/components/KLineLevelDropdown.vue.d.ts +1 -1
- package/dist/components/KLineLevelDropdown.vue.d.ts.map +1 -1
- package/dist/components/KLineTooltip.vue.d.ts +6 -0
- package/dist/components/KLineTooltip.vue.d.ts.map +1 -1
- package/dist/components/SymbolSelector.vue.d.ts.map +1 -1
- package/dist/components/TopToolbar.vue.d.ts +3 -0
- package/dist/components/TopToolbar.vue.d.ts.map +1 -1
- package/dist/index.cjs +2 -2
- package/dist/index.css +1 -1
- package/dist/index.js +704 -654
- package/dist/web-component.d.ts +18 -1
- package/dist/web-component.d.ts.map +1 -1
- package/package.json +2 -1
- package/src/components/KLineAdjustmentDropdown.vue +32 -0
- package/src/components/KLineChart.vue +37 -7
- package/src/components/KLineLevelDropdown.vue +2 -0
- package/src/components/KLineTooltip.vue +16 -9
- package/src/components/SymbolSelector.vue +2 -0
- package/src/components/TopToolbar.vue +22 -17
package/dist/index.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { Fragment as e, Teleport as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, effectScope as d, h as f, inject as p, markRaw as m, nextTick as h, normalizeClass as g, normalizeStyle as _, onBeforeUnmount as v, onMounted as y, onScopeDispose as b, onUnmounted as x, openBlock as S, provide as C, ref as w, renderList as T, resolveDynamicComponent as E, shallowRef as D, toDisplayString as O, unref as k, vModelCheckbox as A, vModelText as j, watch as M, withCtx as N, withDirectives as P, withKeys as F, withModifiers as I } from "vue";
|
|
2
|
-
import { COLOR_PRESET_ITEMS as
|
|
3
|
-
import { DrawingInteractionController as se, allIndicators as ce, createChartController as le, createIndicatorSelectorController as
|
|
4
|
-
import { SemanticChartController as
|
|
5
|
-
import { getRegisteredIndicatorDefinition as
|
|
6
|
-
import { DEFAULT_SETTINGS as B, SETTINGS_STORAGE_KEY as
|
|
2
|
+
import { COLOR_PRESET_ITEMS as ee, VERSION as L, createChartController as te, createIndicatorSelectorController as R, darkTheme as ne, formatTimestamp as re, lightTheme as ie, normalizeColorPresetSettings as z, resolveThemeColors as ae, themeToCssVars as oe } from "@363045841yyt/klinechart-core";
|
|
3
|
+
import { DrawingInteractionController as se, allIndicators as ce, createChartController as le, createIndicatorSelectorController as ue, findIndicator as de, kGapFromKWidth as fe, zoomLevelToKWidth as pe } from "@363045841yyt/klinechart-core/controllers";
|
|
4
|
+
import { SemanticChartController as me } from "@363045841yyt/klinechart-core/semantic";
|
|
5
|
+
import { getRegisteredIndicatorDefinition as he } from "@363045841yyt/klinechart-core/indicators";
|
|
6
|
+
import { DEFAULT_SETTINGS as B, SETTINGS_STORAGE_KEY as ge } from "@363045841yyt/klinechart-core/config";
|
|
7
7
|
//#region src/components/ColorPresetPanel.vue?vue&type=script&setup=true&lang.ts
|
|
8
|
-
var
|
|
8
|
+
var _e = { class: "color-preset-tools" }, ve = {
|
|
9
9
|
class: "theme-tabs",
|
|
10
10
|
role: "tablist",
|
|
11
11
|
"aria-label": "颜色主题"
|
|
12
|
-
},
|
|
12
|
+
}, ye = ["onClick"], be = { class: "color-group-label" }, V = { class: "color-grid" }, xe = ["value", "onInput"], Se = /*@__PURE__*/ u({
|
|
13
13
|
__name: "ColorPresetPanel",
|
|
14
14
|
props: { colorPresetSettings: {} },
|
|
15
15
|
emits: ["update:colorPresetSettings"],
|
|
@@ -28,16 +28,16 @@ var ge = { class: "color-preset-tools" }, V = {
|
|
|
28
28
|
}, u = r(() => Object.keys(l).map((e) => ({
|
|
29
29
|
group: e,
|
|
30
30
|
label: l[e],
|
|
31
|
-
items:
|
|
31
|
+
items: ee.filter((t) => t.group === e)
|
|
32
32
|
})).filter((e) => e.items.length > 0)), d = w("light");
|
|
33
33
|
function f(e, t) {
|
|
34
|
-
return (e === "dark" ? ne :
|
|
34
|
+
return (e === "dark" ? ne : ie).colors[t];
|
|
35
35
|
}
|
|
36
36
|
function p(e) {
|
|
37
|
-
return
|
|
37
|
+
return z(i.colorPresetSettings)[d.value]?.[e] ?? f(d.value, e);
|
|
38
38
|
}
|
|
39
39
|
function m(e, t) {
|
|
40
|
-
let n =
|
|
40
|
+
let n = z(i.colorPresetSettings);
|
|
41
41
|
a("update:colorPresetSettings", {
|
|
42
42
|
...n,
|
|
43
43
|
[d.value]: {
|
|
@@ -47,19 +47,19 @@ var ge = { class: "color-preset-tools" }, V = {
|
|
|
47
47
|
});
|
|
48
48
|
}
|
|
49
49
|
function h() {
|
|
50
|
-
let e = { ...
|
|
50
|
+
let e = { ...z(i.colorPresetSettings) };
|
|
51
51
|
delete e[d.value], a("update:colorPresetSettings", e);
|
|
52
52
|
}
|
|
53
|
-
return (t, n) => (S(), o("div", null, [s("div",
|
|
53
|
+
return (t, n) => (S(), o("div", null, [s("div", _e, [s("div", ve, [(S(), o(e, null, T(c, (e) => s("button", {
|
|
54
54
|
key: e.value,
|
|
55
55
|
type: "button",
|
|
56
56
|
class: g(["theme-tab", { active: d.value === e.value }]),
|
|
57
57
|
onClick: (t) => d.value = e.value
|
|
58
|
-
}, O(e.label), 11,
|
|
58
|
+
}, O(e.label), 11, ye)), 64))]), s("button", {
|
|
59
59
|
type: "button",
|
|
60
60
|
class: "color-reset-btn",
|
|
61
61
|
onClick: h
|
|
62
|
-
}, " 重置颜色 ")]), (S(!0), o(e, null, T(u.value, (t) => (S(), o(e, { key: t.group }, [s("div",
|
|
62
|
+
}, " 重置颜色 ")]), (S(!0), o(e, null, T(u.value, (t) => (S(), o(e, { key: t.group }, [s("div", be, O(t.label), 1), s("div", V, [(S(!0), o(e, null, T(t.items, (e) => (S(), o("label", {
|
|
63
63
|
key: e.key,
|
|
64
64
|
class: "color-item"
|
|
65
65
|
}, [s("span", null, O(e.label), 1), s("input", {
|
|
@@ -67,20 +67,20 @@ var ge = { class: "color-preset-tools" }, V = {
|
|
|
67
67
|
class: "color-input",
|
|
68
68
|
value: p(e.key),
|
|
69
69
|
onInput: (t) => m(e.key, t.target.value)
|
|
70
|
-
}, null, 40,
|
|
70
|
+
}, null, 40, xe)]))), 128))])], 64))), 128))]));
|
|
71
71
|
}
|
|
72
|
-
}),
|
|
72
|
+
}), H = (e, t) => {
|
|
73
73
|
let n = e.__vccOpts || e;
|
|
74
74
|
for (let [e, r] of t) n[e] = r;
|
|
75
75
|
return n;
|
|
76
|
-
},
|
|
76
|
+
}, Ce = /*#__PURE__*/ H(Se, [["__scopeId", "data-v-a52947a4"]]), we = [
|
|
77
77
|
"title",
|
|
78
78
|
"aria-expanded",
|
|
79
79
|
"onKeydown"
|
|
80
|
-
],
|
|
80
|
+
], Te = {
|
|
81
81
|
key: 0,
|
|
82
82
|
class: "dropdown__label"
|
|
83
|
-
},
|
|
83
|
+
}, Ee = { class: "dropdown__value" }, De = ["aria-selected", "onClick"], Oe = 0, U = null, W = 0, G = /*#__PURE__*/ H(/* @__PURE__ */ u({
|
|
84
84
|
__name: "Dropdown",
|
|
85
85
|
props: {
|
|
86
86
|
modelValue: {},
|
|
@@ -92,7 +92,7 @@ var ge = { class: "color-preset-tools" }, V = {
|
|
|
92
92
|
},
|
|
93
93
|
emits: ["update:modelValue"],
|
|
94
94
|
setup(t, { emit: n }) {
|
|
95
|
-
let i = t, c = n, l = w(null), u = w(null), d = w(!1), f = w(0), p = ++
|
|
95
|
+
let i = t, c = n, l = w(null), u = w(null), d = w(!1), f = w(0), p = ++W, m = r(() => i.minWidth ? { minWidth: i.minWidth } : {}), h = r(() => {
|
|
96
96
|
if (!d.value) return;
|
|
97
97
|
let e = f.value || (i.minWidth ? parseInt(i.minWidth) : 0);
|
|
98
98
|
return { width: e ? `${e}px` : void 0 };
|
|
@@ -101,10 +101,10 @@ var ge = { class: "color-preset-tools" }, V = {
|
|
|
101
101
|
return e && i.options.some((t) => t.value === e) ? e : i.options[0]?.value ?? "";
|
|
102
102
|
}), b = r(() => i.options.find((e) => e.value === y.value) ?? i.options[0]);
|
|
103
103
|
function x() {
|
|
104
|
-
|
|
104
|
+
Oe !== p && U && U(), !d.value && (Oe = p, U = C, f.value = u.value?.offsetWidth ?? 0, d.value = !0, document.addEventListener("pointerdown", k));
|
|
105
105
|
}
|
|
106
106
|
function C() {
|
|
107
|
-
d.value && (d.value = !1,
|
|
107
|
+
d.value && (d.value = !1, Oe === p && (Oe = 0, U = null), document.removeEventListener("pointerdown", k));
|
|
108
108
|
}
|
|
109
109
|
function E() {
|
|
110
110
|
d.value ? C() : x();
|
|
@@ -137,13 +137,13 @@ var ge = { class: "color-preset-tools" }, V = {
|
|
|
137
137
|
F(I(E, ["prevent"]), ["space"])
|
|
138
138
|
]
|
|
139
139
|
}, [
|
|
140
|
-
t.label ? (S(), o("span",
|
|
141
|
-
s("span",
|
|
140
|
+
t.label ? (S(), o("span", Te, O(t.label), 1)) : a("", !0),
|
|
141
|
+
s("span", Ee, O(b.value.label), 1),
|
|
142
142
|
r[0] ||= s("span", {
|
|
143
143
|
class: "dropdown__chevron",
|
|
144
144
|
"aria-hidden": "true"
|
|
145
145
|
}, null, -1)
|
|
146
|
-
], 44,
|
|
146
|
+
], 44, we), d.value ? (S(), o("div", {
|
|
147
147
|
key: 0,
|
|
148
148
|
class: "dropdown__menu",
|
|
149
149
|
style: _(h.value),
|
|
@@ -156,12 +156,12 @@ var ge = { class: "color-preset-tools" }, V = {
|
|
|
156
156
|
role: "option",
|
|
157
157
|
"aria-selected": e.value === y.value,
|
|
158
158
|
onClick: (t) => D(e.value)
|
|
159
|
-
}, O(e.label), 11,
|
|
159
|
+
}, O(e.label), 11, De))), 128))], 4)) : a("", !0)], 2));
|
|
160
160
|
}
|
|
161
|
-
}), [["__scopeId", "data-v-126e11f2"]]),
|
|
161
|
+
}), [["__scopeId", "data-v-126e11f2"]]), ke = {
|
|
162
162
|
class: "toolbar-item color-item",
|
|
163
163
|
title: "颜色"
|
|
164
|
-
},
|
|
164
|
+
}, K = ["value"], Ae = /*#__PURE__*/ H(/* @__PURE__ */ u({
|
|
165
165
|
__name: "DrawingStyleToolbar",
|
|
166
166
|
props: { drawing: {} },
|
|
167
167
|
emits: ["updateStyle", "delete"],
|
|
@@ -216,7 +216,7 @@ var ge = { class: "color-preset-tools" }, V = {
|
|
|
216
216
|
onPointermove: i[5] ||= I(() => {}, ["stop"]),
|
|
217
217
|
onPointerup: i[6] ||= I(() => {}, ["stop"])
|
|
218
218
|
}, [
|
|
219
|
-
s("div",
|
|
219
|
+
s("div", ke, [s("span", {
|
|
220
220
|
class: "color-swatch",
|
|
221
221
|
style: _({ background: e.drawing.style.stroke ?? "#2962ff" })
|
|
222
222
|
}, null, 4), s("input", {
|
|
@@ -224,15 +224,15 @@ var ge = { class: "color-preset-tools" }, V = {
|
|
|
224
224
|
class: "color-input",
|
|
225
225
|
value: e.drawing.style.stroke ?? "#2962ff",
|
|
226
226
|
onInput: i[0] ||= (e) => c(e.target.value)
|
|
227
|
-
}, null, 40,
|
|
228
|
-
l(
|
|
227
|
+
}, null, 40, K)]),
|
|
228
|
+
l(G, {
|
|
229
229
|
"model-value": String(e.drawing.style.strokeWidth ?? 1),
|
|
230
230
|
options: n,
|
|
231
231
|
size: "sm",
|
|
232
232
|
title: "线宽",
|
|
233
233
|
"onUpdate:modelValue": i[1] ||= (e) => u(Number(e))
|
|
234
234
|
}, null, 8, ["model-value"]),
|
|
235
|
-
l(
|
|
235
|
+
l(G, {
|
|
236
236
|
"model-value": e.drawing.style.strokeStyle ?? "solid",
|
|
237
237
|
options: r,
|
|
238
238
|
size: "sm",
|
|
@@ -260,32 +260,32 @@ var ge = { class: "color-preset-tools" }, V = {
|
|
|
260
260
|
], -1)]])
|
|
261
261
|
], 32));
|
|
262
262
|
}
|
|
263
|
-
}), [["__scopeId", "data-v-e9b6a8a9"]]),
|
|
264
|
-
function
|
|
265
|
-
C(
|
|
263
|
+
}), [["__scopeId", "data-v-e9b6a8a9"]]), je = Symbol("fullscreen-teleport-target");
|
|
264
|
+
function Me(e) {
|
|
265
|
+
C(je, e);
|
|
266
266
|
}
|
|
267
|
-
function
|
|
268
|
-
let e = p(
|
|
267
|
+
function Ne() {
|
|
268
|
+
let e = p(je, null);
|
|
269
269
|
return r(() => e?.value ?? "body");
|
|
270
270
|
}
|
|
271
271
|
//#endregion
|
|
272
272
|
//#region src/components/IndicatorParams.vue?vue&type=script&setup=true&lang.ts
|
|
273
|
-
var
|
|
273
|
+
var Pe = { class: "params-header" }, Fe = { class: "header-left" }, Ie = { class: "params-title" }, Le = { class: "header-right" }, Re = {
|
|
274
274
|
key: 0,
|
|
275
275
|
class: "indicator-description"
|
|
276
|
-
},
|
|
276
|
+
}, ze = { class: "params-body" }, q = { class: "param-header" }, Be = { class: "param-label" }, Ve = { class: "param-label-text" }, He = {
|
|
277
277
|
key: 0,
|
|
278
278
|
class: "param-range"
|
|
279
|
-
},
|
|
279
|
+
}, J = { class: "input-wrapper" }, Y = ["disabled", "onClick"], Ue = [
|
|
280
280
|
"value",
|
|
281
281
|
"min",
|
|
282
282
|
"max",
|
|
283
283
|
"step",
|
|
284
284
|
"onInput"
|
|
285
|
-
],
|
|
285
|
+
], We = ["disabled", "onClick"], Ge = {
|
|
286
286
|
key: 0,
|
|
287
287
|
class: "param-description"
|
|
288
|
-
},
|
|
288
|
+
}, Ke = { class: "params-footer" }, qe = { class: "footer-right" }, Je = /*#__PURE__*/ H(/* @__PURE__ */ u({
|
|
289
289
|
__name: "IndicatorParams",
|
|
290
290
|
props: {
|
|
291
291
|
visible: { type: Boolean },
|
|
@@ -297,7 +297,7 @@ var Ne = { class: "params-header" }, Pe = { class: "header-left" }, Fe = { class
|
|
|
297
297
|
},
|
|
298
298
|
emits: ["close", "confirm"],
|
|
299
299
|
setup(r, { emit: u }) {
|
|
300
|
-
let d = r, f = u, p = w({ ...d.values }), m = w(!0), h =
|
|
300
|
+
let d = r, f = u, p = w({ ...d.values }), m = w(!0), h = Ne();
|
|
301
301
|
M(() => d.values, (e) => {
|
|
302
302
|
p.value = { ...e };
|
|
303
303
|
}, {
|
|
@@ -333,7 +333,7 @@ var Ne = { class: "params-header" }, Pe = { class: "header-left" }, Fe = { class
|
|
|
333
333
|
class: "indicator-params",
|
|
334
334
|
onClick: d[3] ||= I(() => {}, ["stop"])
|
|
335
335
|
}, [
|
|
336
|
-
s("div",
|
|
336
|
+
s("div", Pe, [s("div", Fe, [s("span", Ie, O(r.indicatorName), 1), d[5] ||= s("span", { class: "params-subtitle" }, "参数设置", -1)]), s("div", Le, [s("button", {
|
|
337
337
|
class: g(["toggle-desc-btn", { active: m.value }]),
|
|
338
338
|
onClick: d[0] ||= (e) => m.value = !m.value,
|
|
339
339
|
title: "显示/隐藏说明"
|
|
@@ -350,18 +350,18 @@ var Ne = { class: "params-header" }, Pe = { class: "header-left" }, Fe = { class
|
|
|
350
350
|
"stroke-width": "2"
|
|
351
351
|
}, [s("path", { d: "M18 6L6 18M6 6l12 12" })], -1)]])])]),
|
|
352
352
|
l(n, { name: "slide" }, {
|
|
353
|
-
default: N(() => [m.value && r.indicatorDescription ? (S(), o("div",
|
|
353
|
+
default: N(() => [m.value && r.indicatorDescription ? (S(), o("div", Re, [s("p", null, O(r.indicatorDescription), 1)])) : a("", !0)]),
|
|
354
354
|
_: 1
|
|
355
355
|
}),
|
|
356
|
-
s("div",
|
|
356
|
+
s("div", ze, [(S(!0), o(e, null, T(r.params, (e) => (S(), o("div", {
|
|
357
357
|
key: e.key,
|
|
358
358
|
class: g(["param-item", { "has-desc": m.value && e.description }])
|
|
359
|
-
}, [s("div",
|
|
359
|
+
}, [s("div", q, [s("label", Be, [s("span", Ve, O(e.label), 1), e.min !== void 0 || e.max !== void 0 ? (S(), o("span", He, O(e.min ?? "-∞") + " ~ " + O(e.max ?? "+∞"), 1)) : a("", !0)]), s("div", J, [
|
|
360
360
|
s("button", {
|
|
361
361
|
class: "stepper-btn",
|
|
362
362
|
disabled: e.min !== void 0 && (p.value[e.key] ?? 0) <= e.min,
|
|
363
363
|
onClick: (t) => v(e, -1)
|
|
364
|
-
}, " − ", 8,
|
|
364
|
+
}, " − ", 8, Y),
|
|
365
365
|
e.type === "number" ? (S(), o("input", {
|
|
366
366
|
key: 0,
|
|
367
367
|
type: "number",
|
|
@@ -371,17 +371,17 @@ var Ne = { class: "params-header" }, Pe = { class: "header-left" }, Fe = { class
|
|
|
371
371
|
max: e.max,
|
|
372
372
|
step: e.step || 1,
|
|
373
373
|
onInput: (t) => _(e.key, t)
|
|
374
|
-
}, null, 40,
|
|
374
|
+
}, null, 40, Ue)) : a("", !0),
|
|
375
375
|
s("button", {
|
|
376
376
|
class: "stepper-btn",
|
|
377
377
|
disabled: e.max !== void 0 && (p.value[e.key] ?? 0) >= e.max,
|
|
378
378
|
onClick: (t) => v(e, 1)
|
|
379
|
-
}, " + ", 8,
|
|
379
|
+
}, " + ", 8, We)
|
|
380
380
|
])]), l(n, { name: "slide" }, {
|
|
381
|
-
default: N(() => [m.value && e.description ? (S(), o("div",
|
|
381
|
+
default: N(() => [m.value && e.description ? (S(), o("div", Ge, O(e.description), 1)) : a("", !0)]),
|
|
382
382
|
_: 2
|
|
383
383
|
}, 1024)], 2))), 128))]),
|
|
384
|
-
s("div",
|
|
384
|
+
s("div", Ke, [s("button", {
|
|
385
385
|
class: "params-btn reset",
|
|
386
386
|
onClick: y
|
|
387
387
|
}, [...d[8] ||= [s("svg", {
|
|
@@ -389,7 +389,7 @@ var Ne = { class: "params-header" }, Pe = { class: "header-left" }, Fe = { class
|
|
|
389
389
|
fill: "none",
|
|
390
390
|
stroke: "currentColor",
|
|
391
391
|
"stroke-width": "2"
|
|
392
|
-
}, [s("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }), s("path", { d: "M3 3v5h5" })], -1), c(" 重置 ", -1)]]), s("div",
|
|
392
|
+
}, [s("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }), s("path", { d: "M3 3v5h5" })], -1), c(" 重置 ", -1)]]), s("div", qe, [s("button", {
|
|
393
393
|
class: "params-btn cancel",
|
|
394
394
|
onClick: d[2] ||= (e) => u.$emit("close")
|
|
395
395
|
}, "取消"), s("button", {
|
|
@@ -407,31 +407,31 @@ var Ne = { class: "params-header" }, Pe = { class: "header-left" }, Fe = { class
|
|
|
407
407
|
_: 1
|
|
408
408
|
})], 8, ["to"]));
|
|
409
409
|
}
|
|
410
|
-
}), [["__scopeId", "data-v-30f2f611"]]),
|
|
410
|
+
}), [["__scopeId", "data-v-30f2f611"]]), Ye = { class: "indicator-selector" }, Xe = { class: "modal-header" }, Ze = { class: "header-title" }, Qe = { class: "title-sub" }, $e = { class: "header-actions" }, et = {
|
|
411
411
|
key: 0,
|
|
412
412
|
viewBox: "0 0 24 24",
|
|
413
413
|
width: "16",
|
|
414
414
|
height: "16",
|
|
415
415
|
fill: "currentColor"
|
|
416
|
-
},
|
|
416
|
+
}, tt = {
|
|
417
417
|
key: 1,
|
|
418
418
|
viewBox: "0 0 24 24",
|
|
419
419
|
width: "16",
|
|
420
420
|
height: "16",
|
|
421
421
|
fill: "currentColor"
|
|
422
|
-
},
|
|
422
|
+
}, nt = { class: "modal-search-area" }, rt = { class: "search-box" }, it = ["value"], at = { class: "modal-body" }, ot = {
|
|
423
423
|
key: 0,
|
|
424
424
|
class: "indicator-section"
|
|
425
|
-
},
|
|
425
|
+
}, st = { class: "section-header" }, ct = { class: "section-count" }, lt = ["onClick"], ut = { class: "card-label" }, dt = { class: "card-tooltip" }, ft = { class: "card-header" }, pt = { class: "card-label" }, mt = { class: "card-header-actions" }, ht = ["onClick"], gt = { class: "card-name" }, _t = {
|
|
426
426
|
key: 1,
|
|
427
427
|
class: "section-divider"
|
|
428
|
-
},
|
|
428
|
+
}, vt = {
|
|
429
429
|
key: 2,
|
|
430
430
|
class: "no-results"
|
|
431
|
-
},
|
|
431
|
+
}, yt = {
|
|
432
432
|
key: 3,
|
|
433
433
|
class: "indicator-section"
|
|
434
|
-
},
|
|
434
|
+
}, bt = { class: "section-header" }, xt = { class: "section-count" }, St = ["onClick"], Ct = { class: "card-label" }, wt = { class: "card-tooltip" }, Tt = { class: "card-header" }, Et = { class: "card-label" }, Dt = { class: "card-header-actions" }, X = ["onClick"], Z = { class: "card-name" }, Ot = { class: "modal-footer" }, kt = { class: "footer-info" }, At = { class: "info-text" }, jt = /*#__PURE__*/ H(/* @__PURE__ */ u({
|
|
435
435
|
__name: "IndicatorSelector",
|
|
436
436
|
props: {
|
|
437
437
|
activeIndicators: {},
|
|
@@ -462,21 +462,21 @@ var Ne = { class: "params-header" }, Pe = { class: "header-left" }, Fe = { class
|
|
|
462
462
|
}))
|
|
463
463
|
}));
|
|
464
464
|
}
|
|
465
|
-
let h =
|
|
466
|
-
function
|
|
465
|
+
let h = ue({ catalog: m(ce) }), _ = $(h.menuOpen), v = $(h.searchQuery), b = $(h.filteredMain), C = $(h.filteredSub), E = r(() => b.value.length > 0 || C.value.length > 0), D = h.catalog.peek().length, A = w(!1), j = w(null), M = w(!1), P = Ne(), F = r(() => j.value ? de(j.value) : null), ee = r(() => f.activeIndicators?.length ?? 0);
|
|
466
|
+
function L(e) {
|
|
467
467
|
return f.activeIndicators?.includes(e) ?? !1;
|
|
468
468
|
}
|
|
469
|
-
function ee(e) {
|
|
470
|
-
R(e) || ue(e) && p("toggle", e, !0);
|
|
471
|
-
}
|
|
472
469
|
function te(e) {
|
|
470
|
+
L(e) || de(e) && p("toggle", e, !0);
|
|
471
|
+
}
|
|
472
|
+
function R(e) {
|
|
473
473
|
p("toggle", e, !1);
|
|
474
474
|
}
|
|
475
475
|
function ne(e) {
|
|
476
476
|
j.value = e, A.value = !0;
|
|
477
477
|
}
|
|
478
478
|
function re(e) {
|
|
479
|
-
let t =
|
|
479
|
+
let t = de(e);
|
|
480
480
|
if (!t?.params) return {};
|
|
481
481
|
let n = {};
|
|
482
482
|
for (let e of t.params) n[e.key] = e.default ?? e.min ?? 1;
|
|
@@ -487,18 +487,18 @@ var Ne = { class: "params-header" }, Pe = { class: "header-left" }, Fe = { class
|
|
|
487
487
|
function ie(e) {
|
|
488
488
|
j.value && p("updateParams", j.value, e), A.value = !1;
|
|
489
489
|
}
|
|
490
|
-
function
|
|
490
|
+
function z(e) {
|
|
491
491
|
e.key === "Escape" && h.menuOpen.peek() && h.closeMenu();
|
|
492
492
|
}
|
|
493
493
|
return y(() => {
|
|
494
|
-
document.addEventListener("keydown",
|
|
494
|
+
document.addEventListener("keydown", z);
|
|
495
495
|
}), x(() => {
|
|
496
|
-
document.removeEventListener("keydown",
|
|
496
|
+
document.removeEventListener("keydown", z);
|
|
497
497
|
}), u({
|
|
498
498
|
openMenu: () => h.openMenu(),
|
|
499
499
|
closeMenu: () => h.closeMenu(),
|
|
500
500
|
toggleMenu: () => h.toggleMenu()
|
|
501
|
-
}), (r, c) => (S(), o("div",
|
|
501
|
+
}), (r, c) => (S(), o("div", Ye, [(S(), i(t, { to: k(P) }, [l(n, { name: "overlay" }, {
|
|
502
502
|
default: N(() => [k(_) ? (S(), o("div", {
|
|
503
503
|
key: 0,
|
|
504
504
|
class: "selector-overlay",
|
|
@@ -509,11 +509,11 @@ var Ne = { class: "params-header" }, Pe = { class: "header-left" }, Fe = { class
|
|
|
509
509
|
class: "selector-modal",
|
|
510
510
|
onClick: c[4] ||= I(() => {}, ["stop"])
|
|
511
511
|
}, [
|
|
512
|
-
s("div",
|
|
512
|
+
s("div", Xe, [s("div", Ze, [c[7] ||= s("span", { class: "title-text" }, "添加指标", -1), s("span", Qe, O(k(D)) + " 个可用指标", 1)]), s("div", $e, [s("button", {
|
|
513
513
|
class: g(["view-toggle-btn", { active: M.value }]),
|
|
514
514
|
onClick: c[0] ||= (e) => M.value = !M.value,
|
|
515
515
|
title: "简洁模式"
|
|
516
|
-
}, [M.value ? (S(), o("svg",
|
|
516
|
+
}, [M.value ? (S(), o("svg", tt, [...c[9] ||= [s("path", { d: "M3 3h18v18H3V3zm16 16V5H5v14h14zM7 7h4v4H7V7zm0 6h4v4H7v-4zm6-6h4v4h-4V7zm0 6h4v4h-4v-4z" }, null, -1)]])) : (S(), o("svg", et, [...c[8] ||= [s("path", { d: "M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z" }, null, -1)]]))], 2), s("button", {
|
|
517
517
|
class: "modal-close",
|
|
518
518
|
onClick: c[1] ||= (e) => k(h).closeMenu(),
|
|
519
519
|
title: "关闭"
|
|
@@ -523,7 +523,7 @@ var Ne = { class: "params-header" }, Pe = { class: "header-left" }, Fe = { class
|
|
|
523
523
|
height: "14",
|
|
524
524
|
fill: "currentColor"
|
|
525
525
|
}, [s("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" })], -1)]])])]),
|
|
526
|
-
s("div",
|
|
526
|
+
s("div", nt, [s("div", rt, [c[11] ||= s("svg", {
|
|
527
527
|
class: "search-icon",
|
|
528
528
|
viewBox: "0 0 24 24",
|
|
529
529
|
width: "16",
|
|
@@ -535,16 +535,16 @@ var Ne = { class: "params-header" }, Pe = { class: "header-left" }, Fe = { class
|
|
|
535
535
|
type: "text",
|
|
536
536
|
class: "search-input",
|
|
537
537
|
placeholder: "搜索指标名称..."
|
|
538
|
-
}, null, 40,
|
|
539
|
-
s("div",
|
|
540
|
-
k(b).length > 0 ? (S(), o("div",
|
|
538
|
+
}, null, 40, it)])]),
|
|
539
|
+
s("div", at, [
|
|
540
|
+
k(b).length > 0 ? (S(), o("div", ot, [s("div", st, [c[12] ||= s("span", { class: "section-title" }, "主图指标", -1), s("span", ct, O(k(b).length), 1)]), s("div", { class: g(["indicator-grid", { compact: M.value }]) }, [(S(!0), o(e, null, T(k(b), (t) => (S(), o("button", {
|
|
541
541
|
key: t.id,
|
|
542
542
|
class: g(["indicator-card", {
|
|
543
|
-
active:
|
|
543
|
+
active: L(t.id),
|
|
544
544
|
compact: M.value
|
|
545
545
|
}]),
|
|
546
|
-
onClick: (e) =>
|
|
547
|
-
}, [M.value ? (S(), o(e, { key: 0 }, [s("span",
|
|
546
|
+
onClick: (e) => L(t.id) ? R(t.id) : te(t.id)
|
|
547
|
+
}, [M.value ? (S(), o(e, { key: 0 }, [s("span", ut, O(t.label), 1), s("span", dt, O(t.name), 1)], 64)) : (S(), o(e, { key: 1 }, [s("div", ft, [s("span", pt, O(t.label), 1), s("div", mt, [t.params?.length ? (S(), o("button", {
|
|
548
548
|
key: 0,
|
|
549
549
|
class: "card-settings-btn",
|
|
550
550
|
onClick: I((e) => ne(t.id), ["stop"]),
|
|
@@ -554,9 +554,9 @@ var Ne = { class: "params-header" }, Pe = { class: "header-left" }, Fe = { class
|
|
|
554
554
|
width: "14",
|
|
555
555
|
height: "14",
|
|
556
556
|
fill: "currentColor"
|
|
557
|
-
}, [s("path", { d: "M19.14 12.94c.04-.31.06-.63.06-.94 0-.31-.02-.63-.06-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.04.31-.06.63-.06.94s.02.63.06.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z" })], -1)]], 8,
|
|
558
|
-
k(b).length > 0 && k(C).length > 0 ? (S(), o("div",
|
|
559
|
-
!E.value && k(v).trim() ? (S(), o("div",
|
|
557
|
+
}, [s("path", { d: "M19.14 12.94c.04-.31.06-.63.06-.94 0-.31-.02-.63-.06-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.04.31-.06.63-.06.94s.02.63.06.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z" })], -1)]], 8, ht)) : a("", !0)])]), s("div", gt, O(t.name), 1)], 64))], 10, lt))), 128))], 2)])) : a("", !0),
|
|
558
|
+
k(b).length > 0 && k(C).length > 0 ? (S(), o("div", _t)) : a("", !0),
|
|
559
|
+
!E.value && k(v).trim() ? (S(), o("div", vt, [...c[14] ||= [
|
|
560
560
|
s("svg", {
|
|
561
561
|
viewBox: "0 0 24 24",
|
|
562
562
|
width: "48",
|
|
@@ -566,14 +566,14 @@ var Ne = { class: "params-header" }, Pe = { class: "header-left" }, Fe = { class
|
|
|
566
566
|
s("p", null, "未找到匹配的指标", -1),
|
|
567
567
|
s("span", { class: "no-results-hint" }, "请尝试其他关键词", -1)
|
|
568
568
|
]])) : a("", !0),
|
|
569
|
-
k(C).length > 0 ? (S(), o("div",
|
|
569
|
+
k(C).length > 0 ? (S(), o("div", yt, [s("div", bt, [c[15] ||= s("span", { class: "section-title" }, "副图指标", -1), s("span", xt, O(k(C).length), 1)]), s("div", { class: g(["indicator-grid", { compact: M.value }]) }, [(S(!0), o(e, null, T(k(C), (t) => (S(), o("button", {
|
|
570
570
|
key: t.id,
|
|
571
571
|
class: g(["indicator-card", {
|
|
572
|
-
active:
|
|
572
|
+
active: L(t.id),
|
|
573
573
|
compact: M.value
|
|
574
574
|
}]),
|
|
575
|
-
onClick: (e) =>
|
|
576
|
-
}, [M.value ? (S(), o(e, { key: 0 }, [s("span",
|
|
575
|
+
onClick: (e) => L(t.id) ? R(t.id) : te(t.id)
|
|
576
|
+
}, [M.value ? (S(), o(e, { key: 0 }, [s("span", Ct, O(t.label), 1), s("span", wt, O(t.name), 1)], 64)) : (S(), o(e, { key: 1 }, [s("div", Tt, [s("span", Et, O(t.label), 1), s("div", Dt, [t.params?.length ? (S(), o("button", {
|
|
577
577
|
key: 0,
|
|
578
578
|
class: "card-settings-btn",
|
|
579
579
|
onClick: I((e) => ne(t.id), ["stop"]),
|
|
@@ -583,9 +583,9 @@ var Ne = { class: "params-header" }, Pe = { class: "header-left" }, Fe = { class
|
|
|
583
583
|
width: "14",
|
|
584
584
|
height: "14",
|
|
585
585
|
fill: "currentColor"
|
|
586
|
-
}, [s("path", { d: "M19.14 12.94c.04-.31.06-.63.06-.94 0-.31-.02-.63-.06-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.04.31-.06.63-.06.94s.02.63.06.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z" })], -1)]], 8,
|
|
586
|
+
}, [s("path", { d: "M19.14 12.94c.04-.31.06-.63.06-.94 0-.31-.02-.63-.06-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.04.31-.06.63-.06.94s.02.63.06.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z" })], -1)]], 8, X)) : a("", !0)])]), s("div", Z, O(t.name), 1)], 64))], 10, St))), 128))], 2)])) : a("", !0)
|
|
587
587
|
]),
|
|
588
|
-
s("div",
|
|
588
|
+
s("div", Ot, [s("div", kt, [s("span", At, "已激活 " + O(ee.value) + " 个指标", 1)]), s("button", {
|
|
589
589
|
class: "btn btn-confirm",
|
|
590
590
|
onClick: c[3] ||= (e) => k(h).closeMenu()
|
|
591
591
|
}, "确认")])
|
|
@@ -593,7 +593,7 @@ var Ne = { class: "params-header" }, Pe = { class: "header-left" }, Fe = { class
|
|
|
593
593
|
_: 1
|
|
594
594
|
})])) : a("", !0)]),
|
|
595
595
|
_: 1
|
|
596
|
-
})], 8, ["to"])), F.value ? (S(), i(
|
|
596
|
+
})], 8, ["to"])), F.value ? (S(), i(Je, {
|
|
597
597
|
key: 0,
|
|
598
598
|
visible: A.value,
|
|
599
599
|
"indicator-id": F.value.id,
|
|
@@ -612,25 +612,25 @@ var Ne = { class: "params-header" }, Pe = { class: "header-left" }, Fe = { class
|
|
|
612
612
|
"values"
|
|
613
613
|
])) : a("", !0)]));
|
|
614
614
|
}
|
|
615
|
-
}), [["__scopeId", "data-v-bbd88e50"]]),
|
|
615
|
+
}), [["__scopeId", "data-v-bbd88e50"]]), Mt = { class: "kline-tooltip__title" }, Nt = { key: 0 }, Pt = { class: "kline-tooltip__grid" }, Ft = { class: "row" }, It = { class: "row" }, Lt = { class: "row" }, Rt = { class: "row" }, zt = {
|
|
616
616
|
key: 0,
|
|
617
617
|
class: "row"
|
|
618
|
-
},
|
|
618
|
+
}, Bt = {
|
|
619
619
|
key: 1,
|
|
620
620
|
class: "row"
|
|
621
|
-
},
|
|
621
|
+
}, Vt = {
|
|
622
622
|
key: 2,
|
|
623
623
|
class: "row"
|
|
624
|
-
},
|
|
624
|
+
}, Ht = {
|
|
625
625
|
key: 3,
|
|
626
626
|
class: "row"
|
|
627
|
-
},
|
|
627
|
+
}, Ut = {
|
|
628
628
|
key: 4,
|
|
629
629
|
class: "row"
|
|
630
|
-
},
|
|
630
|
+
}, Wt = {
|
|
631
631
|
key: 5,
|
|
632
632
|
class: "row"
|
|
633
|
-
},
|
|
633
|
+
}, Gt = "#6b7280", Kt = /*#__PURE__*/ H(/* @__PURE__ */ u({
|
|
634
634
|
__name: "KLineTooltip",
|
|
635
635
|
props: {
|
|
636
636
|
k: {},
|
|
@@ -641,16 +641,20 @@ var Ne = { class: "params-header" }, Pe = { class: "header-left" }, Fe = { class
|
|
|
641
641
|
anchorPlacement: {},
|
|
642
642
|
setEl: {},
|
|
643
643
|
upColor: { default: "#ef4444" },
|
|
644
|
-
downColor: { default: "#22c55e" }
|
|
644
|
+
downColor: { default: "#22c55e" },
|
|
645
|
+
timezone: { default: "Asia/Shanghai" },
|
|
646
|
+
showTime: {
|
|
647
|
+
type: Boolean,
|
|
648
|
+
default: !1
|
|
649
|
+
}
|
|
645
650
|
},
|
|
646
651
|
setup(e) {
|
|
647
|
-
let t = e, n = r(() => t.
|
|
648
|
-
|
|
649
|
-
t.
|
|
650
|
-
}
|
|
652
|
+
let t = e, n = r(() => t.k ? re(t.k.timestamp, {
|
|
653
|
+
timeZone: t.timezone,
|
|
654
|
+
showTime: t.showTime
|
|
655
|
+
}) : ""), i = r(() => t.useAnchor === !0), c = r(() => t.anchorPlacement === "left-bottom" ? "anchor-left-bottom" : "anchor-right-bottom");
|
|
651
656
|
function l(e) {
|
|
652
|
-
|
|
653
|
-
return `${t.getFullYear()}-${String(t.getMonth() + 1).padStart(2, "0")}-${String(t.getDate()).padStart(2, "0")}`;
|
|
657
|
+
t.setEl?.(e);
|
|
654
658
|
}
|
|
655
659
|
function u(e) {
|
|
656
660
|
return e >= 1e8 ? (e / 1e8).toFixed(2) + "亿" : e >= 1e4 ? (e / 1e4).toFixed(2) + "万" : e.toFixed(2);
|
|
@@ -665,45 +669,45 @@ var Ne = { class: "params-header" }, Pe = { class: "header-left" }, Fe = { class
|
|
|
665
669
|
}
|
|
666
670
|
let p = r(() => {
|
|
667
671
|
let e = t.k;
|
|
668
|
-
if (!e) return
|
|
672
|
+
if (!e) return Gt;
|
|
669
673
|
let n = f(e, t.data, t.index);
|
|
670
|
-
return n > 0 ? t.upColor : n < 0 ? t.downColor :
|
|
674
|
+
return n > 0 ? t.upColor : n < 0 ? t.downColor : Gt;
|
|
671
675
|
}), m = r(() => {
|
|
672
676
|
let e = t.k;
|
|
673
|
-
if (!e) return
|
|
677
|
+
if (!e) return Gt;
|
|
674
678
|
let n = e.close - e.open;
|
|
675
|
-
return n > 0 ? t.upColor : n < 0 ? t.downColor :
|
|
679
|
+
return n > 0 ? t.upColor : n < 0 ? t.downColor : Gt;
|
|
676
680
|
}), h = r(() => {
|
|
677
681
|
let e = t.k;
|
|
678
|
-
if (!e) return
|
|
682
|
+
if (!e) return Gt;
|
|
679
683
|
let n = e.changePercent ?? (e.close - e.open) / e.open * 100;
|
|
680
|
-
return n > 0 ? t.upColor : n < 0 ? t.downColor :
|
|
684
|
+
return n > 0 ? t.upColor : n < 0 ? t.downColor : Gt;
|
|
681
685
|
});
|
|
682
686
|
return (t, r) => e.k ? (S(), o("div", {
|
|
683
687
|
key: 0,
|
|
684
|
-
ref:
|
|
685
|
-
class: g(["kline-tooltip", [{ "use-anchor":
|
|
686
|
-
style: _(
|
|
688
|
+
ref: l,
|
|
689
|
+
class: g(["kline-tooltip", [{ "use-anchor": i.value }, c.value]]),
|
|
690
|
+
style: _(i.value ? void 0 : {
|
|
687
691
|
left: `${e.pos.x}px`,
|
|
688
692
|
top: `${e.pos.y}px`
|
|
689
693
|
})
|
|
690
|
-
}, [s("div",
|
|
691
|
-
s("div",
|
|
692
|
-
s("div",
|
|
693
|
-
s("div",
|
|
694
|
-
s("div",
|
|
695
|
-
typeof e.k.volume == "number" ? (S(), o("div",
|
|
696
|
-
typeof e.k.turnover == "number" ? (S(), o("div",
|
|
697
|
-
typeof e.k.amplitude == "number" ? (S(), o("div",
|
|
698
|
-
typeof e.k.changePercent == "number" ? (S(), o("div",
|
|
699
|
-
typeof e.k.changeAmount == "number" ? (S(), o("div",
|
|
700
|
-
typeof e.k.turnoverRate == "number" ? (S(), o("div",
|
|
694
|
+
}, [s("div", Mt, [e.k.stockCode ? (S(), o("span", Nt, O(e.k.stockCode), 1)) : a("", !0), s("span", null, O(n.value), 1)]), s("div", Pt, [
|
|
695
|
+
s("div", Ft, [r[0] ||= s("span", null, "开", -1), s("span", { style: _({ color: p.value }) }, O(e.k.open.toFixed(2)), 5)]),
|
|
696
|
+
s("div", It, [r[1] ||= s("span", null, "高", -1), s("span", null, O(e.k.high.toFixed(2)), 1)]),
|
|
697
|
+
s("div", Lt, [r[2] ||= s("span", null, "低", -1), s("span", null, O(e.k.low.toFixed(2)), 1)]),
|
|
698
|
+
s("div", Rt, [r[3] ||= s("span", null, "收", -1), s("span", { style: _({ color: m.value }) }, O(e.k.close.toFixed(2)), 5)]),
|
|
699
|
+
typeof e.k.volume == "number" ? (S(), o("div", zt, [r[4] ||= s("span", null, "成交量", -1), s("span", null, O(u(e.k.volume)), 1)])) : a("", !0),
|
|
700
|
+
typeof e.k.turnover == "number" ? (S(), o("div", Bt, [r[5] ||= s("span", null, "成交额", -1), s("span", null, O(u(e.k.turnover)), 1)])) : a("", !0),
|
|
701
|
+
typeof e.k.amplitude == "number" ? (S(), o("div", Vt, [r[6] ||= s("span", null, "振幅", -1), s("span", null, O(e.k.amplitude) + "%", 1)])) : a("", !0),
|
|
702
|
+
typeof e.k.changePercent == "number" ? (S(), o("div", Ht, [r[7] ||= s("span", null, "涨跌幅", -1), s("span", { style: _({ color: h.value }) }, O(d(e.k.changePercent, "%")), 5)])) : a("", !0),
|
|
703
|
+
typeof e.k.changeAmount == "number" ? (S(), o("div", Ut, [r[8] ||= s("span", null, "涨跌额", -1), s("span", { style: _({ color: h.value }) }, O(d(e.k.changeAmount, "")), 5)])) : a("", !0),
|
|
704
|
+
typeof e.k.turnoverRate == "number" ? (S(), o("div", Wt, [r[9] ||= s("span", null, "换手率", -1), s("span", null, O(e.k.turnoverRate.toFixed(2)) + "%", 1)])) : a("", !0)
|
|
701
705
|
])], 6)) : a("", !0);
|
|
702
706
|
}
|
|
703
|
-
}), [["__scopeId", "data-v-
|
|
707
|
+
}), [["__scopeId", "data-v-80fa3a7d"]]), qt = { class: "marker-tooltip__title" }, Jt = {
|
|
704
708
|
key: 0,
|
|
705
709
|
class: "marker-tooltip__content"
|
|
706
|
-
},
|
|
710
|
+
}, Yt = /*#__PURE__*/ H(/* @__PURE__ */ u({
|
|
707
711
|
__name: "MarkerTooltip",
|
|
708
712
|
props: {
|
|
709
713
|
marker: {},
|
|
@@ -752,18 +756,18 @@ var Ne = { class: "params-header" }, Pe = { class: "header-left" }, Fe = { class
|
|
|
752
756
|
left: `${t.pos.x + 12}px`,
|
|
753
757
|
top: `${t.pos.y + 12}px`
|
|
754
758
|
})
|
|
755
|
-
}, [s("div",
|
|
759
|
+
}, [s("div", qt, O(f.value), 1), m.value ? (S(), o("div", Jt, [(S(!0), o(e, null, T(p.value, (e, t) => (S(), o("div", {
|
|
756
760
|
key: t,
|
|
757
761
|
class: "row"
|
|
758
762
|
}, [s("span", null, O(t), 1), s("span", null, O(h(e)), 1)]))), 128))])) : a("", !0)], 6)) : a("", !0);
|
|
759
763
|
}
|
|
760
|
-
}), [["__scopeId", "data-v-f2a21012"]]),
|
|
764
|
+
}), [["__scopeId", "data-v-f2a21012"]]), Xt = {
|
|
761
765
|
viewBox: "0 0 24 24",
|
|
762
766
|
width: "1.2em",
|
|
763
767
|
height: "1.2em"
|
|
764
768
|
};
|
|
765
|
-
function
|
|
766
|
-
return S(), o("svg",
|
|
769
|
+
function Zt(e, t) {
|
|
770
|
+
return S(), o("svg", Xt, [...t[0] ||= [s("path", {
|
|
767
771
|
fill: "none",
|
|
768
772
|
stroke: "currentColor",
|
|
769
773
|
"stroke-linecap": "round",
|
|
@@ -772,16 +776,16 @@ function Xt(e, t) {
|
|
|
772
776
|
d: "M7.904 17.563a1.2 1.2 0 0 0 2.228.308l2.09-3.093l4.907 4.907a1.067 1.067 0 0 0 1.509 0l1.047-1.047a1.067 1.067 0 0 0 0-1.509l-4.907-4.907l3.113-2.09a1.2 1.2 0 0 0-.309-2.228L4 4z"
|
|
773
777
|
}, null, -1)]]);
|
|
774
778
|
}
|
|
775
|
-
var
|
|
779
|
+
var Qt = m({
|
|
776
780
|
name: "tabler-pointer",
|
|
777
|
-
render:
|
|
778
|
-
}),
|
|
781
|
+
render: Zt
|
|
782
|
+
}), $t = {
|
|
779
783
|
viewBox: "0 0 24 24",
|
|
780
784
|
width: "1.2em",
|
|
781
785
|
height: "1.2em"
|
|
782
786
|
};
|
|
783
|
-
function
|
|
784
|
-
return S(), o("svg",
|
|
787
|
+
function en(e, t) {
|
|
788
|
+
return S(), o("svg", $t, [...t[0] ||= [s("path", {
|
|
785
789
|
fill: "none",
|
|
786
790
|
stroke: "currentColor",
|
|
787
791
|
"stroke-linecap": "round",
|
|
@@ -790,16 +794,16 @@ function $t(e, t) {
|
|
|
790
794
|
d: "M4 19h16M4 15l4-6l4 2l4-5l4 4"
|
|
791
795
|
}, null, -1)]]);
|
|
792
796
|
}
|
|
793
|
-
var
|
|
797
|
+
var tn = m({
|
|
794
798
|
name: "tabler-chart-line",
|
|
795
|
-
render:
|
|
796
|
-
}),
|
|
799
|
+
render: en
|
|
800
|
+
}), nn = {
|
|
797
801
|
viewBox: "0 0 24 24",
|
|
798
802
|
width: "1.2em",
|
|
799
803
|
height: "1.2em"
|
|
800
804
|
};
|
|
801
|
-
function
|
|
802
|
-
return S(), o("svg",
|
|
805
|
+
function rn(e, t) {
|
|
806
|
+
return S(), o("svg", nn, [...t[0] ||= [s("path", {
|
|
803
807
|
fill: "none",
|
|
804
808
|
stroke: "currentColor",
|
|
805
809
|
"stroke-linecap": "round",
|
|
@@ -808,16 +812,16 @@ function nn(e, t) {
|
|
|
808
812
|
d: "M17 7L7 17M8 7h9v9"
|
|
809
813
|
}, null, -1)]]);
|
|
810
814
|
}
|
|
811
|
-
var
|
|
815
|
+
var an = m({
|
|
812
816
|
name: "tabler-arrow-up-right",
|
|
813
|
-
render:
|
|
814
|
-
}),
|
|
817
|
+
render: rn
|
|
818
|
+
}), on = {
|
|
815
819
|
viewBox: "0 0 24 24",
|
|
816
820
|
width: "1.2em",
|
|
817
821
|
height: "1.2em"
|
|
818
822
|
};
|
|
819
|
-
function
|
|
820
|
-
return S(), o("svg",
|
|
823
|
+
function sn(e, t) {
|
|
824
|
+
return S(), o("svg", on, [...t[0] ||= [s("path", {
|
|
821
825
|
fill: "none",
|
|
822
826
|
stroke: "currentColor",
|
|
823
827
|
"stroke-linecap": "round",
|
|
@@ -826,16 +830,16 @@ function on(e, t) {
|
|
|
826
830
|
d: "M5 12h14m-6 6l6-6m-6-6l6 6"
|
|
827
831
|
}, null, -1)]]);
|
|
828
832
|
}
|
|
829
|
-
var
|
|
833
|
+
var cn = m({
|
|
830
834
|
name: "tabler-arrow-right",
|
|
831
|
-
render:
|
|
832
|
-
}),
|
|
835
|
+
render: sn
|
|
836
|
+
}), ln = {
|
|
833
837
|
viewBox: "0 0 24 24",
|
|
834
838
|
width: "1.2em",
|
|
835
839
|
height: "1.2em"
|
|
836
840
|
};
|
|
837
|
-
function
|
|
838
|
-
return S(), o("svg",
|
|
841
|
+
function un(e, t) {
|
|
842
|
+
return S(), o("svg", ln, [...t[0] ||= [s("path", {
|
|
839
843
|
fill: "none",
|
|
840
844
|
stroke: "currentColor",
|
|
841
845
|
"stroke-linecap": "round",
|
|
@@ -844,16 +848,16 @@ function ln(e, t) {
|
|
|
844
848
|
d: "M5 12h14"
|
|
845
849
|
}, null, -1)]]);
|
|
846
850
|
}
|
|
847
|
-
var
|
|
851
|
+
var dn = m({
|
|
848
852
|
name: "tabler-minus",
|
|
849
|
-
render:
|
|
850
|
-
}),
|
|
853
|
+
render: un
|
|
854
|
+
}), fn = {
|
|
851
855
|
viewBox: "0 0 24 24",
|
|
852
856
|
width: "1.2em",
|
|
853
857
|
height: "1.2em"
|
|
854
858
|
};
|
|
855
|
-
function
|
|
856
|
-
return S(), o("svg",
|
|
859
|
+
function pn(e, t) {
|
|
860
|
+
return S(), o("svg", fn, [...t[0] ||= [s("path", {
|
|
857
861
|
fill: "none",
|
|
858
862
|
stroke: "currentColor",
|
|
859
863
|
"stroke-linecap": "round",
|
|
@@ -862,16 +866,16 @@ function fn(e, t) {
|
|
|
862
866
|
d: "M3 12v.01M7 12h10m4 0v.01"
|
|
863
867
|
}, null, -1)]]);
|
|
864
868
|
}
|
|
865
|
-
var
|
|
869
|
+
var mn = m({
|
|
866
870
|
name: "tabler-separator",
|
|
867
|
-
render:
|
|
868
|
-
}),
|
|
871
|
+
render: pn
|
|
872
|
+
}), hn = {
|
|
869
873
|
viewBox: "0 0 24 24",
|
|
870
874
|
width: "1.2em",
|
|
871
875
|
height: "1.2em"
|
|
872
876
|
};
|
|
873
|
-
function
|
|
874
|
-
return S(), o("svg",
|
|
877
|
+
function gn(e, t) {
|
|
878
|
+
return S(), o("svg", hn, [...t[0] ||= [s("path", {
|
|
875
879
|
fill: "none",
|
|
876
880
|
stroke: "currentColor",
|
|
877
881
|
"stroke-linecap": "round",
|
|
@@ -880,16 +884,16 @@ function hn(e, t) {
|
|
|
880
884
|
d: "M4 8V6a2 2 0 0 1 2-2h2M4 16v2a2 2 0 0 0 2 2h2m8-16h2a2 2 0 0 1 2 2v2m-4 12h2a2 2 0 0 0 2-2v-2M9 12h6m-3-3v6"
|
|
881
885
|
}, null, -1)]]);
|
|
882
886
|
}
|
|
883
|
-
var
|
|
887
|
+
var _n = m({
|
|
884
888
|
name: "tabler-crosshair",
|
|
885
|
-
render:
|
|
886
|
-
}),
|
|
889
|
+
render: gn
|
|
890
|
+
}), vn = {
|
|
887
891
|
viewBox: "0 0 24 24",
|
|
888
892
|
width: "1.2em",
|
|
889
893
|
height: "1.2em"
|
|
890
894
|
};
|
|
891
|
-
function
|
|
892
|
-
return S(), o("svg",
|
|
895
|
+
function yn(e, t) {
|
|
896
|
+
return S(), o("svg", vn, [...t[0] ||= [s("g", {
|
|
893
897
|
fill: "none",
|
|
894
898
|
stroke: "currentColor",
|
|
895
899
|
"stroke-linecap": "round",
|
|
@@ -897,16 +901,16 @@ function vn(e, t) {
|
|
|
897
901
|
"stroke-width": "2"
|
|
898
902
|
}, [s("path", { d: "M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m9-3h.01" }), s("path", { d: "M11 12h1v4h1" })], -1)]]);
|
|
899
903
|
}
|
|
900
|
-
var
|
|
904
|
+
var bn = m({
|
|
901
905
|
name: "tabler-info-circle",
|
|
902
|
-
render:
|
|
903
|
-
}),
|
|
906
|
+
render: yn
|
|
907
|
+
}), xn = {
|
|
904
908
|
viewBox: "0 0 24 24",
|
|
905
909
|
width: "1.2em",
|
|
906
910
|
height: "1.2em"
|
|
907
911
|
};
|
|
908
|
-
function
|
|
909
|
-
return S(), o("svg",
|
|
912
|
+
function Sn(e, t) {
|
|
913
|
+
return S(), o("svg", xn, [...t[0] ||= [s("path", {
|
|
910
914
|
fill: "none",
|
|
911
915
|
stroke: "currentColor",
|
|
912
916
|
"stroke-linecap": "round",
|
|
@@ -915,16 +919,16 @@ function xn(e, t) {
|
|
|
915
919
|
d: "M3 10a7 7 0 1 0 14 0a7 7 0 1 0-14 0m4 0h6m-3-3v6m11 8l-6-6"
|
|
916
920
|
}, null, -1)]]);
|
|
917
921
|
}
|
|
918
|
-
var
|
|
922
|
+
var Cn = m({
|
|
919
923
|
name: "tabler-zoom-in",
|
|
920
|
-
render:
|
|
921
|
-
}),
|
|
924
|
+
render: Sn
|
|
925
|
+
}), wn = {
|
|
922
926
|
viewBox: "0 0 24 24",
|
|
923
927
|
width: "1.2em",
|
|
924
928
|
height: "1.2em"
|
|
925
929
|
};
|
|
926
|
-
function
|
|
927
|
-
return S(), o("svg",
|
|
930
|
+
function Tn(e, t) {
|
|
931
|
+
return S(), o("svg", wn, [...t[0] ||= [s("path", {
|
|
928
932
|
fill: "none",
|
|
929
933
|
stroke: "currentColor",
|
|
930
934
|
"stroke-linecap": "round",
|
|
@@ -933,16 +937,16 @@ function wn(e, t) {
|
|
|
933
937
|
d: "M3 10a7 7 0 1 0 14 0a7 7 0 1 0-14 0m4 0h6m8 11l-6-6"
|
|
934
938
|
}, null, -1)]]);
|
|
935
939
|
}
|
|
936
|
-
var
|
|
940
|
+
var En = m({
|
|
937
941
|
name: "tabler-zoom-out",
|
|
938
|
-
render:
|
|
939
|
-
}),
|
|
942
|
+
render: Tn
|
|
943
|
+
}), Dn = {
|
|
940
944
|
viewBox: "0 0 24 24",
|
|
941
945
|
width: "1.2em",
|
|
942
946
|
height: "1.2em"
|
|
943
947
|
};
|
|
944
|
-
function
|
|
945
|
-
return S(), o("svg",
|
|
948
|
+
function On(e, t) {
|
|
949
|
+
return S(), o("svg", Dn, [...t[0] ||= [s("path", {
|
|
946
950
|
fill: "none",
|
|
947
951
|
stroke: "currentColor",
|
|
948
952
|
"stroke-linecap": "round",
|
|
@@ -951,16 +955,16 @@ function Dn(e, t) {
|
|
|
951
955
|
d: "M4 8V6a2 2 0 0 1 2-2h2M4 16v2a2 2 0 0 0 2 2h2m8-16h2a2 2 0 0 1 2 2v2m-4 12h2a2 2 0 0 0 2-2v-2"
|
|
952
956
|
}, null, -1)]]);
|
|
953
957
|
}
|
|
954
|
-
var
|
|
958
|
+
var kn = m({
|
|
955
959
|
name: "tabler-maximize",
|
|
956
|
-
render:
|
|
957
|
-
}),
|
|
960
|
+
render: On
|
|
961
|
+
}), An = {
|
|
958
962
|
viewBox: "0 0 24 24",
|
|
959
963
|
width: "1.2em",
|
|
960
964
|
height: "1.2em"
|
|
961
965
|
};
|
|
962
|
-
function
|
|
963
|
-
return S(), o("svg",
|
|
966
|
+
function jn(e, t) {
|
|
967
|
+
return S(), o("svg", An, [...t[0] ||= [s("path", {
|
|
964
968
|
fill: "none",
|
|
965
969
|
stroke: "currentColor",
|
|
966
970
|
"stroke-linecap": "round",
|
|
@@ -969,16 +973,16 @@ function An(e, t) {
|
|
|
969
973
|
d: "M15 19v-2a2 2 0 0 1 2-2h2M15 5v2a2 2 0 0 0 2 2h2M5 15h2a2 2 0 0 1 2 2v2M5 9h2a2 2 0 0 0 2-2V5"
|
|
970
974
|
}, null, -1)]]);
|
|
971
975
|
}
|
|
972
|
-
var
|
|
976
|
+
var Mn = m({
|
|
973
977
|
name: "tabler-minimize",
|
|
974
|
-
render:
|
|
975
|
-
}),
|
|
978
|
+
render: jn
|
|
979
|
+
}), Nn = {
|
|
976
980
|
viewBox: "0 0 24 24",
|
|
977
981
|
width: "1.2em",
|
|
978
982
|
height: "1.2em"
|
|
979
983
|
};
|
|
980
|
-
function
|
|
981
|
-
return S(), o("svg",
|
|
984
|
+
function Pn(e, t) {
|
|
985
|
+
return S(), o("svg", Nn, [...t[0] ||= [s("g", {
|
|
982
986
|
fill: "none",
|
|
983
987
|
stroke: "currentColor",
|
|
984
988
|
"stroke-linecap": "round",
|
|
@@ -986,16 +990,16 @@ function Nn(e, t) {
|
|
|
986
990
|
"stroke-width": "2"
|
|
987
991
|
}, [s("path", { d: "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 0 0-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 0 0-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 0 0-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 0 0-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 0 0 1.066-2.573c-.94-1.543.826-3.31 2.37-2.37c1 .608 2.296.07 2.572-1.065" }), s("path", { d: "M9 12a3 3 0 1 0 6 0a3 3 0 0 0-6 0" })], -1)]]);
|
|
988
992
|
}
|
|
989
|
-
var
|
|
993
|
+
var Fn = m({
|
|
990
994
|
name: "tabler-settings",
|
|
991
|
-
render:
|
|
992
|
-
}),
|
|
995
|
+
render: Pn
|
|
996
|
+
}), In = {
|
|
993
997
|
viewBox: "0 0 24 24",
|
|
994
998
|
width: "1.2em",
|
|
995
999
|
height: "1.2em"
|
|
996
1000
|
};
|
|
997
|
-
function
|
|
998
|
-
return S(), o("svg",
|
|
1001
|
+
function Ln(e, t) {
|
|
1002
|
+
return S(), o("svg", In, [...t[0] ||= [s("path", {
|
|
999
1003
|
fill: "none",
|
|
1000
1004
|
stroke: "currentColor",
|
|
1001
1005
|
"stroke-linecap": "round",
|
|
@@ -1004,16 +1008,16 @@ function In(e, t) {
|
|
|
1004
1008
|
d: "M3 5a2 2 0 1 0 4 0a2 2 0 1 0-4 0m14 0a2 2 0 1 0 4 0a2 2 0 1 0-4 0M3 19a2 2 0 1 0 4 0a2 2 0 1 0-4 0m14 0a2 2 0 1 0 4 0a2 2 0 1 0-4 0M5 7v10M7 5h10M7 19h10m2-12v10"
|
|
1005
1009
|
}, null, -1)]]);
|
|
1006
1010
|
}
|
|
1007
|
-
var
|
|
1011
|
+
var Rn = m({
|
|
1008
1012
|
name: "tabler-shape",
|
|
1009
|
-
render:
|
|
1010
|
-
}),
|
|
1013
|
+
render: Ln
|
|
1014
|
+
}), zn = {
|
|
1011
1015
|
viewBox: "0 0 24 24",
|
|
1012
1016
|
width: "1.2em",
|
|
1013
1017
|
height: "1.2em"
|
|
1014
1018
|
};
|
|
1015
|
-
function
|
|
1016
|
-
return S(), o("svg",
|
|
1019
|
+
function Bn(e, t) {
|
|
1020
|
+
return S(), o("svg", zn, [...t[0] ||= [s("path", {
|
|
1017
1021
|
fill: "none",
|
|
1018
1022
|
stroke: "currentColor",
|
|
1019
1023
|
"stroke-linecap": "round",
|
|
@@ -1022,16 +1026,16 @@ function zn(e, t) {
|
|
|
1022
1026
|
d: "M3 7a2 2 0 1 0 4 0a2 2 0 1 0-4 0m11 8a2 2 0 1 0 4 0a2 2 0 1 0-4 0m1-9a3 3 0 1 0 6 0a3 3 0 1 0-6 0M3 18a3 3 0 1 0 6 0a3 3 0 1 0-6 0m6-1l5-1.5m-7.5-7l7.81 5.37M7 7l8-1"
|
|
1023
1027
|
}, null, -1)]]);
|
|
1024
1028
|
}
|
|
1025
|
-
var
|
|
1029
|
+
var Vn = m({
|
|
1026
1030
|
name: "tabler-chart-dots-3",
|
|
1027
|
-
render:
|
|
1028
|
-
}),
|
|
1031
|
+
render: Bn
|
|
1032
|
+
}), Hn = {
|
|
1029
1033
|
viewBox: "0 0 24 24",
|
|
1030
1034
|
width: "1.2em",
|
|
1031
1035
|
height: "1.2em"
|
|
1032
1036
|
};
|
|
1033
|
-
function
|
|
1034
|
-
return S(), o("svg",
|
|
1037
|
+
function Un(e, t) {
|
|
1038
|
+
return S(), o("svg", Hn, [...t[0] ||= [s("path", {
|
|
1035
1039
|
fill: "none",
|
|
1036
1040
|
stroke: "currentColor",
|
|
1037
1041
|
"stroke-linecap": "round",
|
|
@@ -1040,16 +1044,16 @@ function Hn(e, t) {
|
|
|
1040
1044
|
d: "m18 10l-6-6l-6 6zm0 4l-6 6l-6-6z"
|
|
1041
1045
|
}, null, -1)]]);
|
|
1042
1046
|
}
|
|
1043
|
-
var
|
|
1047
|
+
var Wn = m({
|
|
1044
1048
|
name: "tabler-caret-up-down",
|
|
1045
|
-
render:
|
|
1046
|
-
}),
|
|
1049
|
+
render: Un
|
|
1050
|
+
}), Gn = {
|
|
1047
1051
|
viewBox: "0 0 24 24",
|
|
1048
1052
|
width: "1.2em",
|
|
1049
1053
|
height: "1.2em"
|
|
1050
1054
|
};
|
|
1051
|
-
function
|
|
1052
|
-
return S(), o("svg",
|
|
1055
|
+
function Kn(e, t) {
|
|
1056
|
+
return S(), o("svg", Gn, [...t[0] ||= [s("path", {
|
|
1053
1057
|
fill: "none",
|
|
1054
1058
|
stroke: "currentColor",
|
|
1055
1059
|
"stroke-linecap": "round",
|
|
@@ -1058,34 +1062,34 @@ function Gn(e, t) {
|
|
|
1058
1062
|
d: "M8 4H5v16h3m8-16h3v16h-3"
|
|
1059
1063
|
}, null, -1)]]);
|
|
1060
1064
|
}
|
|
1061
|
-
var
|
|
1065
|
+
var qn = m({
|
|
1062
1066
|
name: "tabler-brackets",
|
|
1063
|
-
render:
|
|
1067
|
+
render: Kn
|
|
1064
1068
|
});
|
|
1065
1069
|
//#endregion
|
|
1066
1070
|
//#region src/debug/canvasProfiler.ts
|
|
1067
|
-
function
|
|
1071
|
+
function Jn() {
|
|
1068
1072
|
return Object.create(null);
|
|
1069
1073
|
}
|
|
1070
|
-
function
|
|
1074
|
+
function Yn() {
|
|
1071
1075
|
return {
|
|
1072
|
-
ctxMethods:
|
|
1073
|
-
ctxProps:
|
|
1074
|
-
canvasProps:
|
|
1076
|
+
ctxMethods: Jn(),
|
|
1077
|
+
ctxProps: Jn(),
|
|
1078
|
+
canvasProps: Jn(),
|
|
1075
1079
|
ctxMethodSources: Object.create(null)
|
|
1076
1080
|
};
|
|
1077
1081
|
}
|
|
1078
|
-
function
|
|
1082
|
+
function Xn(e, t, n) {
|
|
1079
1083
|
let r = e[t] ??= {
|
|
1080
1084
|
count: 0,
|
|
1081
1085
|
totalTime: 0
|
|
1082
1086
|
};
|
|
1083
1087
|
r.count += 1, r.totalTime += n;
|
|
1084
1088
|
}
|
|
1085
|
-
function
|
|
1086
|
-
|
|
1089
|
+
function Zn(e, t, n, r) {
|
|
1090
|
+
Xn(e.ctxMethodSources[t] ??= Jn(), n, r);
|
|
1087
1091
|
}
|
|
1088
|
-
function
|
|
1092
|
+
function Qn(e) {
|
|
1089
1093
|
return Object.entries(e).filter(([, e]) => e.count > 0).map(([e, t]) => ({
|
|
1090
1094
|
name: e,
|
|
1091
1095
|
count: t.count,
|
|
@@ -1093,12 +1097,12 @@ function Zn(e) {
|
|
|
1093
1097
|
averageTime: (t.totalTime / t.count).toFixed(4)
|
|
1094
1098
|
})).sort((e, t) => Number(t.totalTime) - Number(e.totalTime));
|
|
1095
1099
|
}
|
|
1096
|
-
var
|
|
1097
|
-
function
|
|
1098
|
-
|
|
1100
|
+
var $n = !1, er = /* @__PURE__ */ new Map(), tr = /* @__PURE__ */ new Map();
|
|
1101
|
+
function nr(e) {
|
|
1102
|
+
$n = e, e ? typeof window < "u" && !window.__KMAP_CANVAS_PROFILER_INSTALLED__ && ar() : or();
|
|
1099
1103
|
}
|
|
1100
|
-
function
|
|
1101
|
-
if (
|
|
1104
|
+
function rr() {
|
|
1105
|
+
if (!$n) return "disabled";
|
|
1102
1106
|
let e = (/* @__PURE__ */ Error()).stack;
|
|
1103
1107
|
if (!e) return "unknown";
|
|
1104
1108
|
let t = e.split("\n").map((e) => e.trim()).filter(Boolean);
|
|
@@ -1113,82 +1117,82 @@ function nr() {
|
|
|
1113
1117
|
}
|
|
1114
1118
|
function Q(e, t, n, r) {
|
|
1115
1119
|
let i = `${e.constructor?.name ?? "proto"}:${t}`;
|
|
1116
|
-
if (
|
|
1120
|
+
if (er.has(i)) return;
|
|
1117
1121
|
let a = Reflect.get(e, t);
|
|
1118
|
-
typeof a == "function" && (
|
|
1119
|
-
if (
|
|
1120
|
-
let i = r?.captureSource ?
|
|
1121
|
-
return
|
|
1122
|
+
typeof a == "function" && (er.set(i, a), Reflect.set(e, t, function(...e) {
|
|
1123
|
+
if (!$n) return a.apply(this, e);
|
|
1124
|
+
let i = r?.captureSource ? rr() : null, o = performance.now(), s = a.apply(this, e), c = performance.now() - o;
|
|
1125
|
+
return Xn(n.ctxMethods, t, c), i && Zn(n, t, i, c), s;
|
|
1122
1126
|
}));
|
|
1123
1127
|
}
|
|
1124
|
-
function
|
|
1128
|
+
function ir(e, t, n) {
|
|
1125
1129
|
let r = Object.getOwnPropertyDescriptor(e, t);
|
|
1126
1130
|
if (!r?.set || !r.configurable) return;
|
|
1127
1131
|
let i = `${e.constructor?.name ?? "proto"}:${t}`;
|
|
1128
|
-
|
|
1132
|
+
tr.has(i) || (tr.set(i, r), Object.defineProperty(e, t, {
|
|
1129
1133
|
configurable: !0,
|
|
1130
1134
|
enumerable: r.enumerable ?? !1,
|
|
1131
1135
|
get: r.get,
|
|
1132
1136
|
set(e) {
|
|
1133
|
-
if (
|
|
1137
|
+
if (!$n) {
|
|
1134
1138
|
r.set.call(this, e);
|
|
1135
1139
|
return;
|
|
1136
1140
|
}
|
|
1137
1141
|
let i = performance.now();
|
|
1138
|
-
r.set.call(this, e),
|
|
1142
|
+
r.set.call(this, e), Xn(n, t, performance.now() - i);
|
|
1139
1143
|
}
|
|
1140
1144
|
}));
|
|
1141
1145
|
}
|
|
1142
|
-
function
|
|
1146
|
+
function ar() {
|
|
1143
1147
|
if (typeof window > "u" || window.__KMAP_CANVAS_PROFILER_INSTALLED__) return;
|
|
1144
1148
|
let e = CanvasRenderingContext2D?.prototype, t = HTMLCanvasElement?.prototype;
|
|
1145
1149
|
if (!e || !t) return;
|
|
1146
|
-
let n =
|
|
1147
|
-
Q(e, "fillText", n, { captureSource: !0 }), Q(e, "measureText", n, { captureSource: !0 }), Q(e, "drawImage", n), Q(e, "save", n), Q(e, "restore", n), Q(e, "clip", n), Q(e, "setTransform", n), Q(e, "scale", n),
|
|
1150
|
+
let n = Yn();
|
|
1151
|
+
Q(e, "fillText", n, { captureSource: !0 }), Q(e, "measureText", n, { captureSource: !0 }), Q(e, "drawImage", n), Q(e, "save", n), Q(e, "restore", n), Q(e, "clip", n), Q(e, "setTransform", n), Q(e, "scale", n), ir(e, "font", n.ctxProps), ir(e, "filter", n.ctxProps), ir(e, "shadowBlur", n.ctxProps), ir(e, "lineWidth", n.ctxProps), ir(t, "width", n.canvasProps), ir(t, "height", n.canvasProps), window.__KMAP_CANVAS_PROFILER_METRICS__ = n, window.__KMAP_CANVAS_PROFILER_INSTALLED__ = !0, window.showCanvasReport = () => {
|
|
1148
1152
|
let e = window.__KMAP_CANVAS_PROFILER_METRICS__;
|
|
1149
1153
|
if (e) {
|
|
1150
|
-
console.group("[kmap] Canvas profiler report"), console.log("ctx methods"), console.table(
|
|
1154
|
+
console.group("[kmap] Canvas profiler report"), console.log("ctx methods"), console.table(Qn(e.ctxMethods)), console.log("ctx props"), console.table(Qn(e.ctxProps)), console.log("canvas props"), console.table(Qn(e.canvasProps));
|
|
1151
1155
|
for (let t of ["fillText", "measureText"]) {
|
|
1152
1156
|
let n = e.ctxMethodSources[t];
|
|
1153
|
-
n && (console.log(`${t} sources`), console.table(
|
|
1157
|
+
n && (console.log(`${t} sources`), console.table(Qn(n).slice(0, 20)));
|
|
1154
1158
|
}
|
|
1155
1159
|
console.groupEnd();
|
|
1156
1160
|
}
|
|
1157
1161
|
}, window.resetCanvasReport = () => {
|
|
1158
|
-
window.__KMAP_CANVAS_PROFILER_METRICS__ =
|
|
1162
|
+
window.__KMAP_CANVAS_PROFILER_METRICS__ = Yn();
|
|
1159
1163
|
}, console.info("[kmap] Canvas profiler enabled. Use window.showCanvasReport() and window.resetCanvasReport().");
|
|
1160
1164
|
}
|
|
1161
|
-
function
|
|
1165
|
+
function or() {
|
|
1162
1166
|
if (typeof window > "u" || !window.__KMAP_CANVAS_PROFILER_INSTALLED__) return;
|
|
1163
1167
|
let e = CanvasRenderingContext2D?.prototype, t = HTMLCanvasElement?.prototype;
|
|
1164
|
-
|
|
1168
|
+
er.forEach((n, r) => {
|
|
1165
1169
|
let i = r.match(/^(.+):(.+)$/);
|
|
1166
1170
|
if (!i) return;
|
|
1167
1171
|
let [, a, o] = i, s = null;
|
|
1168
1172
|
a === "CanvasRenderingContext2D" ? s = e : a === "HTMLCanvasElement" && (s = t), s && Reflect.set(s, o, n);
|
|
1169
|
-
}),
|
|
1173
|
+
}), er.clear(), tr.forEach((n, r) => {
|
|
1170
1174
|
let i = r.match(/^(.+):(.+)$/);
|
|
1171
1175
|
if (!i) return;
|
|
1172
1176
|
let [, a, o] = i, s = null;
|
|
1173
1177
|
a === "CanvasRenderingContext2D" ? s = e : a === "HTMLCanvasElement" && (s = t), s && n.configurable && Object.defineProperty(s, o, n);
|
|
1174
|
-
}),
|
|
1178
|
+
}), tr.clear(), window.__KMAP_CANVAS_PROFILER_INSTALLED__ = !1, window.__KMAP_CANVAS_PROFILER_METRICS__ = void 0, window.showCanvasReport = void 0, window.resetCanvasReport = void 0, console.info("[kmap] Canvas profiler disabled.");
|
|
1175
1179
|
}
|
|
1176
1180
|
//#endregion
|
|
1177
1181
|
//#region src/components/ChartSettingsDialog.vue?vue&type=script&setup=true&lang.ts
|
|
1178
|
-
var
|
|
1182
|
+
var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["onUpdate:modelValue"], ur = { class: "settings-label" }, dr = ["onUpdate:modelValue"], fr = { class: "settings-label" }, pr = ["onUpdate:modelValue"], mr = { class: "settings-header" }, hr = { class: "header-right" }, gr = { class: "settings-body" }, _r = /*#__PURE__*/ H(/* @__PURE__ */ u({
|
|
1179
1183
|
__name: "ChartSettingsDialog",
|
|
1180
1184
|
props: { show: { type: Boolean } },
|
|
1181
1185
|
emits: ["close", "confirm"],
|
|
1182
1186
|
setup(u, { emit: d }) {
|
|
1183
|
-
let f = u, p = d, m =
|
|
1187
|
+
let f = u, p = d, m = Ne(), h = r(() => B.filter((e) => e.group === "main")), g = r(() => B.filter((e) => e.group === "experimental")), _ = r(() => B.filter((e) => e.group === "style")), v = w(!1);
|
|
1184
1188
|
function y() {
|
|
1185
1189
|
try {
|
|
1186
|
-
let e = localStorage.getItem(
|
|
1190
|
+
let e = localStorage.getItem(ge);
|
|
1187
1191
|
if (e) {
|
|
1188
1192
|
let t = JSON.parse(e), n = {};
|
|
1189
1193
|
return B.forEach((e) => {
|
|
1190
1194
|
n[e.key] = t[e.key] ?? e.default;
|
|
1191
|
-
}), n.colorPresetSettings =
|
|
1195
|
+
}), n.colorPresetSettings = z(t.colorPresetSettings), n;
|
|
1192
1196
|
}
|
|
1193
1197
|
} catch {}
|
|
1194
1198
|
let e = {};
|
|
@@ -1231,16 +1235,16 @@ var or = { class: "settings-body" }, sr = { class: "settings-label" }, cr = ["on
|
|
|
1231
1235
|
stroke: "currentColor",
|
|
1232
1236
|
"stroke-width": "2"
|
|
1233
1237
|
}, [s("path", { d: "M18 6L6 18M6 6l12 12" })], -1)]])])]),
|
|
1234
|
-
s("div",
|
|
1238
|
+
s("div", sr, [
|
|
1235
1239
|
h.value.length > 0 ? (S(), o(e, { key: 0 }, [d[8] ||= s("div", { class: "settings-section-divider" }, [s("span", { class: "settings-section-label" }, "主图设置")], -1), (S(!0), o(e, null, T(h.value, (e) => (S(), o("div", {
|
|
1236
1240
|
key: e.key,
|
|
1237
1241
|
class: "settings-item"
|
|
1238
|
-
}, [s("label",
|
|
1242
|
+
}, [s("label", cr, [s("span", null, O(e.label), 1), e.type === "boolean" ? P((S(), o("input", {
|
|
1239
1243
|
key: 0,
|
|
1240
1244
|
type: "checkbox",
|
|
1241
1245
|
class: "settings-checkbox",
|
|
1242
1246
|
"onUpdate:modelValue": (t) => b.value[e.key] = t
|
|
1243
|
-
}, null, 8,
|
|
1247
|
+
}, null, 8, lr)), [[A, b.value[e.key]]]) : e.type === "select" && e.options ? (S(), i(G, {
|
|
1244
1248
|
key: 1,
|
|
1245
1249
|
"model-value": String(b.value[e.key]),
|
|
1246
1250
|
options: e.options,
|
|
@@ -1256,12 +1260,12 @@ var or = { class: "settings-body" }, sr = { class: "settings-label" }, cr = ["on
|
|
|
1256
1260
|
(S(!0), o(e, null, T(_.value, (e) => (S(), o("div", {
|
|
1257
1261
|
key: e.key,
|
|
1258
1262
|
class: "settings-item"
|
|
1259
|
-
}, [s("label",
|
|
1263
|
+
}, [s("label", ur, [s("span", null, O(e.label), 1), e.type === "boolean" ? P((S(), o("input", {
|
|
1260
1264
|
key: 0,
|
|
1261
1265
|
type: "checkbox",
|
|
1262
1266
|
class: "settings-checkbox",
|
|
1263
1267
|
"onUpdate:modelValue": (t) => b.value[e.key] = t
|
|
1264
|
-
}, null, 8,
|
|
1268
|
+
}, null, 8, dr)), [[A, b.value[e.key]]]) : e.type === "select" && e.options ? (S(), i(G, {
|
|
1265
1269
|
key: 1,
|
|
1266
1270
|
"model-value": String(b.value[e.key]),
|
|
1267
1271
|
options: e.options,
|
|
@@ -1288,12 +1292,12 @@ var or = { class: "settings-body" }, sr = { class: "settings-label" }, cr = ["on
|
|
|
1288
1292
|
g.value.length > 0 ? (S(), o(e, { key: 1 }, [d[10] ||= s("div", { class: "settings-section-divider" }, [s("span", { class: "settings-section-label" }, "实验性 / 调试设置")], -1), (S(!0), o(e, null, T(g.value, (e) => (S(), o("div", {
|
|
1289
1293
|
key: e.key,
|
|
1290
1294
|
class: "settings-item experimental"
|
|
1291
|
-
}, [s("label",
|
|
1295
|
+
}, [s("label", fr, [s("span", null, O(e.label), 1), e.type === "boolean" ? P((S(), o("input", {
|
|
1292
1296
|
key: 0,
|
|
1293
1297
|
type: "checkbox",
|
|
1294
1298
|
class: "settings-checkbox",
|
|
1295
1299
|
"onUpdate:modelValue": (t) => b.value[e.key] = t
|
|
1296
|
-
}, null, 8,
|
|
1300
|
+
}, null, 8, pr)), [[A, b.value[e.key]]]) : e.type === "select" && e.options ? (S(), i(G, {
|
|
1297
1301
|
key: 1,
|
|
1298
1302
|
"model-value": String(b.value[e.key]),
|
|
1299
1303
|
options: e.options,
|
|
@@ -1339,7 +1343,7 @@ var or = { class: "settings-body" }, sr = { class: "settings-label" }, cr = ["on
|
|
|
1339
1343
|
default: N(() => [s("div", {
|
|
1340
1344
|
class: "settings-modal",
|
|
1341
1345
|
onClick: d[4] ||= I(() => {}, ["stop"])
|
|
1342
|
-
}, [s("div",
|
|
1346
|
+
}, [s("div", mr, [d[15] ||= s("div", { class: "header-left" }, [s("span", { class: "settings-title" }, "颜色预设"), s("span", { class: "settings-subtitle" }, "自定义图表颜色")], -1), s("div", hr, [s("button", {
|
|
1343
1347
|
class: "settings-close",
|
|
1344
1348
|
onClick: d[2] ||= (e) => v.value = !1
|
|
1345
1349
|
}, [...d[14] ||= [s("svg", {
|
|
@@ -1347,7 +1351,7 @@ var or = { class: "settings-body" }, sr = { class: "settings-label" }, cr = ["on
|
|
|
1347
1351
|
fill: "none",
|
|
1348
1352
|
stroke: "currentColor",
|
|
1349
1353
|
"stroke-width": "2"
|
|
1350
|
-
}, [s("path", { d: "M18 6L6 18M6 6l12 12" })], -1)]])])]), s("div",
|
|
1354
|
+
}, [s("path", { d: "M18 6L6 18M6 6l12 12" })], -1)]])])]), s("div", gr, [l(Ce, {
|
|
1351
1355
|
"color-preset-settings": b.value.colorPresetSettings,
|
|
1352
1356
|
"onUpdate:colorPresetSettings": d[3] ||= (e) => b.value = {
|
|
1353
1357
|
...b.value,
|
|
@@ -1359,18 +1363,18 @@ var or = { class: "settings-body" }, sr = { class: "settings-label" }, cr = ["on
|
|
|
1359
1363
|
_: 1
|
|
1360
1364
|
})], 8, ["to"]));
|
|
1361
1365
|
}
|
|
1362
|
-
}), [["__scopeId", "data-v-e04604ac"]]),
|
|
1366
|
+
}), [["__scopeId", "data-v-e04604ac"]]), vr = {
|
|
1363
1367
|
class: "left-toolbar",
|
|
1364
1368
|
"aria-label": "图表工具栏"
|
|
1365
|
-
},
|
|
1369
|
+
}, yr = { class: "left-toolbar__group" }, br = [
|
|
1366
1370
|
"title",
|
|
1367
1371
|
"aria-label",
|
|
1368
1372
|
"onClick"
|
|
1369
|
-
],
|
|
1373
|
+
], xr = ["onClick"], Sr = [
|
|
1370
1374
|
"title",
|
|
1371
1375
|
"aria-label",
|
|
1372
1376
|
"onClick"
|
|
1373
|
-
],
|
|
1377
|
+
], Cr = { class: "left-toolbar__group" }, wr = { class: "left-toolbar__group" }, Tr = ["title", "aria-label"], Er = { class: "left-toolbar__group" }, Dr = /*#__PURE__*/ H(/* @__PURE__ */ u({
|
|
1374
1378
|
__name: "LeftToolbar",
|
|
1375
1379
|
props: { isFullscreen: { type: Boolean } },
|
|
1376
1380
|
emits: [
|
|
@@ -1385,81 +1389,81 @@ var or = { class: "settings-body" }, sr = { class: "settings-label" }, cr = ["on
|
|
|
1385
1389
|
{
|
|
1386
1390
|
id: "cursor",
|
|
1387
1391
|
title: "光标",
|
|
1388
|
-
icon:
|
|
1392
|
+
icon: Qt
|
|
1389
1393
|
},
|
|
1390
1394
|
{
|
|
1391
1395
|
id: "lines",
|
|
1392
1396
|
title: "线条",
|
|
1393
|
-
icon:
|
|
1397
|
+
icon: tn,
|
|
1394
1398
|
children: [
|
|
1395
1399
|
{
|
|
1396
1400
|
id: "trend-line",
|
|
1397
1401
|
title: "线段",
|
|
1398
|
-
icon:
|
|
1402
|
+
icon: tn
|
|
1399
1403
|
},
|
|
1400
1404
|
{
|
|
1401
1405
|
id: "ray",
|
|
1402
1406
|
title: "射线",
|
|
1403
|
-
icon:
|
|
1407
|
+
icon: an
|
|
1404
1408
|
},
|
|
1405
1409
|
{
|
|
1406
1410
|
id: "h-line",
|
|
1407
1411
|
title: "水平线",
|
|
1408
|
-
icon:
|
|
1412
|
+
icon: dn
|
|
1409
1413
|
},
|
|
1410
1414
|
{
|
|
1411
1415
|
id: "h-ray",
|
|
1412
1416
|
title: "水平射线",
|
|
1413
|
-
icon:
|
|
1417
|
+
icon: cn
|
|
1414
1418
|
},
|
|
1415
1419
|
{
|
|
1416
1420
|
id: "v-line",
|
|
1417
1421
|
title: "垂直线",
|
|
1418
|
-
icon:
|
|
1422
|
+
icon: mn
|
|
1419
1423
|
},
|
|
1420
1424
|
{
|
|
1421
1425
|
id: "crosshair-line",
|
|
1422
1426
|
title: "十字线",
|
|
1423
|
-
icon:
|
|
1427
|
+
icon: _n
|
|
1424
1428
|
},
|
|
1425
1429
|
{
|
|
1426
1430
|
id: "info-line",
|
|
1427
1431
|
title: "信息线",
|
|
1428
|
-
icon:
|
|
1432
|
+
icon: bn
|
|
1429
1433
|
}
|
|
1430
1434
|
]
|
|
1431
1435
|
},
|
|
1432
1436
|
{
|
|
1433
1437
|
id: "channels",
|
|
1434
1438
|
title: "通道",
|
|
1435
|
-
icon:
|
|
1439
|
+
icon: Rn,
|
|
1436
1440
|
children: [
|
|
1437
1441
|
{
|
|
1438
1442
|
id: "parallel-channel",
|
|
1439
1443
|
title: "平行通道",
|
|
1440
|
-
icon:
|
|
1444
|
+
icon: Rn
|
|
1441
1445
|
},
|
|
1442
1446
|
{
|
|
1443
1447
|
id: "regression-channel",
|
|
1444
1448
|
title: "回归趋势",
|
|
1445
|
-
icon:
|
|
1449
|
+
icon: Vn
|
|
1446
1450
|
},
|
|
1447
1451
|
{
|
|
1448
1452
|
id: "flat-line",
|
|
1449
1453
|
title: "平滑顶底",
|
|
1450
|
-
icon:
|
|
1454
|
+
icon: Wn
|
|
1451
1455
|
},
|
|
1452
1456
|
{
|
|
1453
1457
|
id: "disjoint-channel",
|
|
1454
1458
|
title: "不相交通道",
|
|
1455
|
-
icon:
|
|
1459
|
+
icon: qn
|
|
1456
1460
|
}
|
|
1457
1461
|
]
|
|
1458
1462
|
}
|
|
1459
1463
|
], d = c, f = w("cursor"), p = w(null), m = w(!1);
|
|
1460
1464
|
function h() {
|
|
1461
1465
|
try {
|
|
1462
|
-
let e = localStorage.getItem(
|
|
1466
|
+
let e = localStorage.getItem(ge);
|
|
1463
1467
|
if (e) {
|
|
1464
1468
|
let t = JSON.parse(e), n = { ...t };
|
|
1465
1469
|
return B.forEach((e) => {
|
|
@@ -1474,7 +1478,7 @@ var or = { class: "settings-body" }, sr = { class: "settings-label" }, cr = ["on
|
|
|
1474
1478
|
}
|
|
1475
1479
|
function _(e) {
|
|
1476
1480
|
try {
|
|
1477
|
-
localStorage.setItem(
|
|
1481
|
+
localStorage.setItem(ge, JSON.stringify(e));
|
|
1478
1482
|
} catch {}
|
|
1479
1483
|
}
|
|
1480
1484
|
let v = w(h());
|
|
@@ -1506,17 +1510,17 @@ var or = { class: "settings-body" }, sr = { class: "settings-label" }, cr = ["on
|
|
|
1506
1510
|
}
|
|
1507
1511
|
r({ getSettings: j });
|
|
1508
1512
|
function M(e) {
|
|
1509
|
-
v.value = { ...e }, _(v.value),
|
|
1513
|
+
v.value = { ...e }, _(v.value), nr(!!v.value.enableCanvasProfiler), d("settingsChange", { ...v.value }), m.value = !1;
|
|
1510
1514
|
}
|
|
1511
1515
|
function P(e) {
|
|
1512
1516
|
e.target.closest(".tool-item") || (p.value = null);
|
|
1513
1517
|
}
|
|
1514
1518
|
return y(() => {
|
|
1515
|
-
document.addEventListener("click", P, !0), d("settingsChange", { ...v.value }),
|
|
1519
|
+
document.addEventListener("click", P, !0), d("settingsChange", { ...v.value }), nr(!!v.value.enableCanvasProfiler);
|
|
1516
1520
|
}), x(() => {
|
|
1517
1521
|
document.removeEventListener("click", P, !0);
|
|
1518
|
-
}), (r, c) => (S(), o(e, null, [s("nav",
|
|
1519
|
-
s("div",
|
|
1522
|
+
}), (r, c) => (S(), o(e, null, [s("nav", vr, [
|
|
1523
|
+
s("div", yr, [(S(), o(e, null, T(u, (t) => s("div", {
|
|
1520
1524
|
key: t.id,
|
|
1521
1525
|
class: "tool-item"
|
|
1522
1526
|
}, [s("button", {
|
|
@@ -1536,7 +1540,7 @@ var or = { class: "settings-body" }, sr = { class: "settings-label" }, cr = ["on
|
|
|
1536
1540
|
class: g(["corner-indicator", { open: p.value === t.id }]),
|
|
1537
1541
|
onClick: I((e) => O(t.id), ["stop"]),
|
|
1538
1542
|
"aria-label": "展开子菜单"
|
|
1539
|
-
}, null, 10,
|
|
1543
|
+
}, null, 10, xr)) : a("", !0)], 42, br), l(n, { name: "dropdown" }, {
|
|
1540
1544
|
default: N(() => [p.value === t.id && t.children && t.children.length ? (S(), o("div", {
|
|
1541
1545
|
key: 0,
|
|
1542
1546
|
class: "tool-dropdown",
|
|
@@ -1553,11 +1557,11 @@ var or = { class: "settings-body" }, sr = { class: "settings-label" }, cr = ["on
|
|
|
1553
1557
|
}, [(S(), i(E(e.icon), {
|
|
1554
1558
|
class: "tool-icon",
|
|
1555
1559
|
"aria-hidden": "true"
|
|
1556
|
-
}))], 10,
|
|
1560
|
+
}))], 10, Sr))), 128))], 32)) : a("", !0)]),
|
|
1557
1561
|
_: 2
|
|
1558
1562
|
}, 1024)])), 64))]),
|
|
1559
1563
|
c[22] ||= s("span", { class: "left-toolbar__divider" }, null, -1),
|
|
1560
|
-
s("div",
|
|
1564
|
+
s("div", Cr, [s("button", {
|
|
1561
1565
|
type: "button",
|
|
1562
1566
|
class: "left-toolbar__button",
|
|
1563
1567
|
title: "放大",
|
|
@@ -1566,7 +1570,7 @@ var or = { class: "settings-body" }, sr = { class: "settings-label" }, cr = ["on
|
|
|
1566
1570
|
onPointerdown: c[7] ||= I(() => {}, ["stop"]),
|
|
1567
1571
|
onPointermove: c[8] ||= I(() => {}, ["stop"]),
|
|
1568
1572
|
onPointerup: c[9] ||= I(() => {}, ["stop"])
|
|
1569
|
-
}, [l(k(
|
|
1573
|
+
}, [l(k(Cn), {
|
|
1570
1574
|
class: "tool-icon",
|
|
1571
1575
|
"aria-hidden": "true"
|
|
1572
1576
|
})], 32), s("button", {
|
|
@@ -1578,12 +1582,12 @@ var or = { class: "settings-body" }, sr = { class: "settings-label" }, cr = ["on
|
|
|
1578
1582
|
onPointerdown: c[11] ||= I(() => {}, ["stop"]),
|
|
1579
1583
|
onPointermove: c[12] ||= I(() => {}, ["stop"]),
|
|
1580
1584
|
onPointerup: c[13] ||= I(() => {}, ["stop"])
|
|
1581
|
-
}, [l(k(
|
|
1585
|
+
}, [l(k(En), {
|
|
1582
1586
|
class: "tool-icon",
|
|
1583
1587
|
"aria-hidden": "true"
|
|
1584
1588
|
})], 32)]),
|
|
1585
1589
|
c[23] ||= s("span", { class: "left-toolbar__divider" }, null, -1),
|
|
1586
|
-
s("div",
|
|
1590
|
+
s("div", wr, [s("button", {
|
|
1587
1591
|
type: "button",
|
|
1588
1592
|
class: "left-toolbar__button",
|
|
1589
1593
|
title: t.isFullscreen ? "退出全屏" : "全屏显示",
|
|
@@ -1592,17 +1596,17 @@ var or = { class: "settings-body" }, sr = { class: "settings-label" }, cr = ["on
|
|
|
1592
1596
|
onPointerdown: c[15] ||= I(() => {}, ["stop"]),
|
|
1593
1597
|
onPointermove: c[16] ||= I(() => {}, ["stop"]),
|
|
1594
1598
|
onPointerup: c[17] ||= I(() => {}, ["stop"])
|
|
1595
|
-
}, [t.isFullscreen ? (S(), i(k(
|
|
1599
|
+
}, [t.isFullscreen ? (S(), i(k(Mn), {
|
|
1596
1600
|
key: 0,
|
|
1597
1601
|
class: "tool-icon",
|
|
1598
1602
|
"aria-hidden": "true"
|
|
1599
|
-
})) : (S(), i(k(
|
|
1603
|
+
})) : (S(), i(k(kn), {
|
|
1600
1604
|
key: 1,
|
|
1601
1605
|
class: "tool-icon",
|
|
1602
1606
|
"aria-hidden": "true"
|
|
1603
|
-
}))], 40,
|
|
1607
|
+
}))], 40, Tr)]),
|
|
1604
1608
|
c[24] ||= s("span", { class: "left-toolbar__divider" }, null, -1),
|
|
1605
|
-
s("div",
|
|
1609
|
+
s("div", Er, [s("button", {
|
|
1606
1610
|
type: "button",
|
|
1607
1611
|
class: "left-toolbar__button",
|
|
1608
1612
|
title: "设置",
|
|
@@ -1611,22 +1615,26 @@ var or = { class: "settings-body" }, sr = { class: "settings-label" }, cr = ["on
|
|
|
1611
1615
|
onPointerdown: c[18] ||= I(() => {}, ["stop"]),
|
|
1612
1616
|
onPointermove: c[19] ||= I(() => {}, ["stop"]),
|
|
1613
1617
|
onPointerup: c[20] ||= I(() => {}, ["stop"])
|
|
1614
|
-
}, [l(k(
|
|
1618
|
+
}, [l(k(Fn), {
|
|
1615
1619
|
class: "tool-icon",
|
|
1616
1620
|
"aria-hidden": "true"
|
|
1617
1621
|
})], 32)])
|
|
1618
|
-
]), l(
|
|
1622
|
+
]), l(_r, {
|
|
1619
1623
|
show: m.value,
|
|
1620
1624
|
onClose: c[21] ||= (e) => m.value = !1,
|
|
1621
1625
|
onConfirm: M
|
|
1622
1626
|
}, null, 8, ["show"])], 64));
|
|
1623
1627
|
}
|
|
1624
|
-
}), [["__scopeId", "data-v-66411b58"]]),
|
|
1628
|
+
}), [["__scopeId", "data-v-66411b58"]]), Or = /* @__PURE__ */ u({
|
|
1625
1629
|
__name: "KLineLevelDropdown",
|
|
1626
1630
|
props: { modelValue: {} },
|
|
1627
1631
|
emits: ["update:modelValue"],
|
|
1628
1632
|
setup(e, { emit: t }) {
|
|
1629
1633
|
let n = [
|
|
1634
|
+
{
|
|
1635
|
+
label: "1day",
|
|
1636
|
+
value: "daily"
|
|
1637
|
+
},
|
|
1630
1638
|
{
|
|
1631
1639
|
label: "1min",
|
|
1632
1640
|
value: "1min"
|
|
@@ -1664,7 +1672,7 @@ var or = { class: "settings-body" }, sr = { class: "settings-label" }, cr = ["on
|
|
|
1664
1672
|
value: "yearly"
|
|
1665
1673
|
}
|
|
1666
1674
|
], r = t;
|
|
1667
|
-
return (t, a) => (S(), i(
|
|
1675
|
+
return (t, a) => (S(), i(G, {
|
|
1668
1676
|
"model-value": e.modelValue,
|
|
1669
1677
|
options: n,
|
|
1670
1678
|
label: "级别",
|
|
@@ -1673,13 +1681,45 @@ var or = { class: "settings-body" }, sr = { class: "settings-label" }, cr = ["on
|
|
|
1673
1681
|
"onUpdate:modelValue": a[0] ||= (e) => r("update:modelValue", e)
|
|
1674
1682
|
}, null, 8, ["model-value"]));
|
|
1675
1683
|
}
|
|
1676
|
-
}),
|
|
1684
|
+
}), kr = /* @__PURE__ */ u({
|
|
1685
|
+
__name: "KLineAdjustmentDropdown",
|
|
1686
|
+
props: { modelValue: {} },
|
|
1687
|
+
emits: ["update:modelValue"],
|
|
1688
|
+
setup(e, { emit: t }) {
|
|
1689
|
+
let n = [
|
|
1690
|
+
{
|
|
1691
|
+
label: "前复权",
|
|
1692
|
+
value: "qfq"
|
|
1693
|
+
},
|
|
1694
|
+
{
|
|
1695
|
+
label: "后复权",
|
|
1696
|
+
value: "hfq"
|
|
1697
|
+
},
|
|
1698
|
+
{
|
|
1699
|
+
label: "仅拆股",
|
|
1700
|
+
value: "splits"
|
|
1701
|
+
},
|
|
1702
|
+
{
|
|
1703
|
+
label: "不复权",
|
|
1704
|
+
value: "none"
|
|
1705
|
+
}
|
|
1706
|
+
], r = t;
|
|
1707
|
+
return (t, a) => (S(), i(G, {
|
|
1708
|
+
"model-value": e.modelValue,
|
|
1709
|
+
options: n,
|
|
1710
|
+
label: "复权",
|
|
1711
|
+
title: "复权方式",
|
|
1712
|
+
size: "md",
|
|
1713
|
+
"onUpdate:modelValue": a[0] ||= (e) => r("update:modelValue", e)
|
|
1714
|
+
}, null, 8, ["model-value"]));
|
|
1715
|
+
}
|
|
1716
|
+
}), Ar = {
|
|
1677
1717
|
viewBox: "0 0 24 24",
|
|
1678
1718
|
width: "1.2em",
|
|
1679
1719
|
height: "1.2em"
|
|
1680
1720
|
};
|
|
1681
|
-
function
|
|
1682
|
-
return S(), o("svg",
|
|
1721
|
+
function jr(e, t) {
|
|
1722
|
+
return S(), o("svg", Ar, [...t[0] ||= [s("path", {
|
|
1683
1723
|
fill: "none",
|
|
1684
1724
|
stroke: "currentColor",
|
|
1685
1725
|
"stroke-linecap": "round",
|
|
@@ -1688,26 +1728,26 @@ function kr(e, t) {
|
|
|
1688
1728
|
d: "M12 9v4m-1.637-9.409L2.257 17.125a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636-2.87L13.637 3.59a1.914 1.914 0 0 0-3.274 0M12 16h.01"
|
|
1689
1729
|
}, null, -1)]]);
|
|
1690
1730
|
}
|
|
1691
|
-
var
|
|
1731
|
+
var Mr = m({
|
|
1692
1732
|
name: "tabler-alert-triangle",
|
|
1693
|
-
render:
|
|
1694
|
-
}),
|
|
1733
|
+
render: jr
|
|
1734
|
+
}), Nr = ["title", "aria-expanded"], Pr = { class: "symbol-chip__code" }, Fr = {
|
|
1695
1735
|
key: 0,
|
|
1696
1736
|
class: "symbol-chip__spinner",
|
|
1697
1737
|
"aria-hidden": "true"
|
|
1698
|
-
},
|
|
1738
|
+
}, Ir = {
|
|
1699
1739
|
key: 0,
|
|
1700
1740
|
class: "symbol-popover",
|
|
1701
1741
|
role: "dialog",
|
|
1702
1742
|
"aria-label": "切换合约"
|
|
1703
|
-
},
|
|
1743
|
+
}, Lr = { class: "symbol-search" }, Rr = {
|
|
1704
1744
|
class: "symbol-list",
|
|
1705
1745
|
role: "listbox",
|
|
1706
1746
|
"aria-label": "商品列表"
|
|
1707
|
-
},
|
|
1747
|
+
}, zr = {
|
|
1708
1748
|
key: 0,
|
|
1709
1749
|
class: "symbol-list__empty"
|
|
1710
|
-
},
|
|
1750
|
+
}, Br = {
|
|
1711
1751
|
width: "32",
|
|
1712
1752
|
height: "32",
|
|
1713
1753
|
viewBox: "0 0 32 32",
|
|
@@ -1716,7 +1756,7 @@ var Ar = m({
|
|
|
1716
1756
|
"margin-bottom": "8px",
|
|
1717
1757
|
opacity: "0.35"
|
|
1718
1758
|
}
|
|
1719
|
-
},
|
|
1759
|
+
}, Vr = ["aria-selected", "onClick"], Hr = { class: "symbol-list__left" }, Ur = { class: "symbol-list__code" }, Wr = { class: "symbol-list__desc" }, Gr = { class: "symbol-list__exchange" }, Kr = /*#__PURE__*/ H(/* @__PURE__ */ u({
|
|
1720
1760
|
__name: "SymbolSelector",
|
|
1721
1761
|
props: {
|
|
1722
1762
|
symbol: {},
|
|
@@ -1759,12 +1799,12 @@ var Ar = m({
|
|
|
1759
1799
|
"aria-expanded": f.value,
|
|
1760
1800
|
"aria-haspopup": "dialog",
|
|
1761
1801
|
onClick: E
|
|
1762
|
-
}, [s("span",
|
|
1802
|
+
}, [s("span", Pr, O(x.value), 1), t.loading ? (S(), o("span", Fr)) : t.error ? (S(), i(k(Mr), {
|
|
1763
1803
|
key: 1,
|
|
1764
1804
|
class: "symbol-chip__warn",
|
|
1765
1805
|
"aria-hidden": "true"
|
|
1766
|
-
})) : a("", !0)], 10,
|
|
1767
|
-
default: N(() => [f.value ? (S(), o("div",
|
|
1806
|
+
})) : a("", !0)], 10, Nr), l(n, { name: "symbol-popover" }, {
|
|
1807
|
+
default: N(() => [f.value ? (S(), o("div", Ir, [s("div", Lr, [
|
|
1768
1808
|
c[2] ||= s("span", {
|
|
1769
1809
|
class: "symbol-search__icon",
|
|
1770
1810
|
"aria-hidden": "true"
|
|
@@ -1820,7 +1860,7 @@ var Ar = m({
|
|
|
1820
1860
|
s("path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" }),
|
|
1821
1861
|
s("path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" })
|
|
1822
1862
|
], -1)]])) : a("", !0)
|
|
1823
|
-
]), s("div",
|
|
1863
|
+
]), s("div", Rr, [C.value.length === 0 ? (S(), o("div", zr, [(S(), o("svg", Br, [...c[3] ||= [s("circle", {
|
|
1824
1864
|
cx: "13",
|
|
1825
1865
|
cy: "13",
|
|
1826
1866
|
r: "10",
|
|
@@ -1841,32 +1881,32 @@ var Ar = m({
|
|
|
1841
1881
|
role: "option",
|
|
1842
1882
|
"aria-selected": e.code === t.symbol,
|
|
1843
1883
|
onClick: (t) => F(e)
|
|
1844
|
-
}, [s("span",
|
|
1884
|
+
}, [s("span", Hr, [s("span", Ur, O(e.code), 1), s("span", Wr, O(e.description), 1)]), s("span", Gr, O(e.exchange), 1)], 10, Vr))), 128))])])) : a("", !0)]),
|
|
1845
1885
|
_: 1
|
|
1846
1886
|
})], 512));
|
|
1847
1887
|
}
|
|
1848
|
-
}), [["__scopeId", "data-v-
|
|
1888
|
+
}), [["__scopeId", "data-v-864e9451"]]), qr = ["aria-expanded"], Jr = {
|
|
1849
1889
|
key: 0,
|
|
1850
1890
|
class: "compare-chip__spinner"
|
|
1851
|
-
},
|
|
1891
|
+
}, Yr = {
|
|
1852
1892
|
key: 1,
|
|
1853
1893
|
class: "compare-chip__badge"
|
|
1854
|
-
},
|
|
1894
|
+
}, Xr = {
|
|
1855
1895
|
key: 0,
|
|
1856
1896
|
class: "compare-popover",
|
|
1857
1897
|
role: "dialog",
|
|
1858
1898
|
"aria-label": "比较商品"
|
|
1859
|
-
},
|
|
1899
|
+
}, Zr = { class: "compare-search" }, Qr = {
|
|
1860
1900
|
key: 0,
|
|
1861
1901
|
class: "compare-selected"
|
|
1862
|
-
},
|
|
1902
|
+
}, $r = { class: "compare-selected__list" }, ei = { class: "compare-selected__code" }, ti = { class: "compare-selected__desc" }, ni = ["aria-label", "onClick"], ri = {
|
|
1863
1903
|
class: "compare-list",
|
|
1864
1904
|
role: "listbox",
|
|
1865
1905
|
"aria-label": "商品列表"
|
|
1866
|
-
},
|
|
1906
|
+
}, ii = {
|
|
1867
1907
|
key: 0,
|
|
1868
1908
|
class: "compare-list__empty"
|
|
1869
|
-
},
|
|
1909
|
+
}, ai = {
|
|
1870
1910
|
width: "32",
|
|
1871
1911
|
height: "32",
|
|
1872
1912
|
viewBox: "0 0 32 32",
|
|
@@ -1875,11 +1915,11 @@ var Ar = m({
|
|
|
1875
1915
|
"margin-bottom": "8px",
|
|
1876
1916
|
opacity: "0.35"
|
|
1877
1917
|
}
|
|
1878
|
-
},
|
|
1918
|
+
}, oi = ["aria-selected", "onClick"], si = { class: "compare-list__left" }, ci = { class: "compare-list__code" }, li = { class: "compare-list__desc" }, ui = { class: "compare-list__right" }, di = { class: "compare-list__exchange" }, fi = {
|
|
1879
1919
|
key: 0,
|
|
1880
1920
|
class: "compare-list__check",
|
|
1881
1921
|
"aria-hidden": "true"
|
|
1882
|
-
},
|
|
1922
|
+
}, pi = /*#__PURE__*/ H(/* @__PURE__ */ u({
|
|
1883
1923
|
__name: "CompareSymbolSelector",
|
|
1884
1924
|
props: {
|
|
1885
1925
|
symbols: {},
|
|
@@ -1931,11 +1971,11 @@ var Ar = m({
|
|
|
1931
1971
|
"aria-hidden": "true"
|
|
1932
1972
|
}, "+", -1),
|
|
1933
1973
|
i[2] ||= s("span", { class: "compare-chip__text" }, "比较商品", -1),
|
|
1934
|
-
t.comparisonLoading ? (S(), o("span",
|
|
1935
|
-
t.selected.length > 0 ? (S(), o("span",
|
|
1936
|
-
], 10,
|
|
1937
|
-
default: N(() => [d.value ? (S(), o("div",
|
|
1938
|
-
s("div",
|
|
1974
|
+
t.comparisonLoading ? (S(), o("span", Jr)) : a("", !0),
|
|
1975
|
+
t.selected.length > 0 ? (S(), o("span", Yr, O(t.selected.length), 1)) : a("", !0)
|
|
1976
|
+
], 10, qr), l(n, { name: "symbol-popover" }, {
|
|
1977
|
+
default: N(() => [d.value ? (S(), o("div", Xr, [
|
|
1978
|
+
s("div", Zr, [
|
|
1939
1979
|
i[4] ||= s("span", {
|
|
1940
1980
|
class: "compare-search__icon",
|
|
1941
1981
|
"aria-hidden": "true"
|
|
@@ -1991,7 +2031,7 @@ var Ar = m({
|
|
|
1991
2031
|
s("path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" })
|
|
1992
2032
|
], -1)]])) : a("", !0)
|
|
1993
2033
|
]),
|
|
1994
|
-
t.selected.length > 0 ? (S(), o("div",
|
|
2034
|
+
t.selected.length > 0 ? (S(), o("div", Qr, [i[6] ||= s("div", { class: "compare-selected__header" }, [s("span", { class: "compare-selected__title" }, "已添加商品")], -1), s("div", $r, [(S(!0), o(e, null, T(x.value, (e) => (S(), o("div", {
|
|
1995
2035
|
key: e.code,
|
|
1996
2036
|
class: "compare-selected__item"
|
|
1997
2037
|
}, [
|
|
@@ -1999,8 +2039,8 @@ var Ar = m({
|
|
|
1999
2039
|
class: "compare-selected__color",
|
|
2000
2040
|
style: _({ background: t.comparisonColors?.get(e.code) ?? "#888" })
|
|
2001
2041
|
}, null, 4),
|
|
2002
|
-
s("span",
|
|
2003
|
-
s("span",
|
|
2042
|
+
s("span", ei, O(e.code), 1),
|
|
2043
|
+
s("span", ti, O(e.description), 1),
|
|
2004
2044
|
s("button", {
|
|
2005
2045
|
type: "button",
|
|
2006
2046
|
class: "compare-selected__remove",
|
|
@@ -2015,9 +2055,9 @@ var Ar = m({
|
|
|
2015
2055
|
"stroke-width": "2",
|
|
2016
2056
|
"stroke-linecap": "round",
|
|
2017
2057
|
"stroke-linejoin": "round"
|
|
2018
|
-
}, [s("path", { d: "M18 6L6 18" }), s("path", { d: "M6 6l12 12" })], -1)]], 8,
|
|
2058
|
+
}, [s("path", { d: "M18 6L6 18" }), s("path", { d: "M6 6l12 12" })], -1)]], 8, ni)
|
|
2019
2059
|
]))), 128))])])) : a("", !0),
|
|
2020
|
-
s("div",
|
|
2060
|
+
s("div", ri, [C.value.length === 0 ? (S(), o("div", ii, [(S(), o("svg", ai, [...i[7] ||= [s("circle", {
|
|
2021
2061
|
cx: "13",
|
|
2022
2062
|
cy: "13",
|
|
2023
2063
|
r: "10",
|
|
@@ -2038,7 +2078,7 @@ var Ar = m({
|
|
|
2038
2078
|
role: "option",
|
|
2039
2079
|
"aria-selected": E(e.code),
|
|
2040
2080
|
onClick: (t) => D(e)
|
|
2041
|
-
}, [s("span",
|
|
2081
|
+
}, [s("span", si, [s("span", ci, O(e.code), 1), s("span", li, O(e.description), 1)]), s("span", ui, [s("span", di, O(e.exchange), 1), E(e.code) ? (S(), o("span", fi, [...i[9] ||= [s("svg", {
|
|
2042
2082
|
viewBox: "0 0 24 24",
|
|
2043
2083
|
width: "16",
|
|
2044
2084
|
height: "16",
|
|
@@ -2047,16 +2087,17 @@ var Ar = m({
|
|
|
2047
2087
|
"stroke-width": "2.5",
|
|
2048
2088
|
"stroke-linecap": "round",
|
|
2049
2089
|
"stroke-linejoin": "round"
|
|
2050
|
-
}, [s("polyline", { points: "20 6 9 17 4 12" })], -1)]])) : a("", !0)])], 10,
|
|
2090
|
+
}, [s("polyline", { points: "20 6 9 17 4 12" })], -1)]])) : a("", !0)])], 10, oi))), 128))])
|
|
2051
2091
|
])) : a("", !0)]),
|
|
2052
2092
|
_: 1
|
|
2053
2093
|
})], 512));
|
|
2054
2094
|
}
|
|
2055
|
-
}), [["__scopeId", "data-v-9513ad09"]]),
|
|
2095
|
+
}), [["__scopeId", "data-v-9513ad09"]]), mi = { class: "top-toolbar" }, hi = /*#__PURE__*/ H(/* @__PURE__ */ u({
|
|
2056
2096
|
__name: "TopToolbar",
|
|
2057
2097
|
props: {
|
|
2058
2098
|
symbol: {},
|
|
2059
2099
|
kLineLevel: {},
|
|
2100
|
+
kLineAdjust: {},
|
|
2060
2101
|
symbols: {},
|
|
2061
2102
|
symbolLoading: { type: Boolean },
|
|
2062
2103
|
symbolError: { type: Boolean },
|
|
@@ -2068,6 +2109,7 @@ var Ar = m({
|
|
|
2068
2109
|
"addOverlaySymbol",
|
|
2069
2110
|
"removeOverlaySymbol",
|
|
2070
2111
|
"kLineLevelChange",
|
|
2112
|
+
"kLineAdjustChange",
|
|
2071
2113
|
"toggleIndicator",
|
|
2072
2114
|
"symbolChange"
|
|
2073
2115
|
],
|
|
@@ -2115,18 +2157,6 @@ var Ar = m({
|
|
|
2115
2157
|
exchange: "NASDAQ",
|
|
2116
2158
|
source: "tradingview"
|
|
2117
2159
|
},
|
|
2118
|
-
{
|
|
2119
|
-
code: "600519",
|
|
2120
|
-
description: "贵州茅台",
|
|
2121
|
-
exchange: "SSE",
|
|
2122
|
-
source: "tradingview"
|
|
2123
|
-
},
|
|
2124
|
-
{
|
|
2125
|
-
code: "000001",
|
|
2126
|
-
description: "平安银行",
|
|
2127
|
-
exchange: "SZSE",
|
|
2128
|
-
source: "tradingview"
|
|
2129
|
-
},
|
|
2130
2160
|
{
|
|
2131
2161
|
code: "1810",
|
|
2132
2162
|
description: "小米集团",
|
|
@@ -2134,28 +2164,28 @@ var Ar = m({
|
|
|
2134
2164
|
source: "tradingview"
|
|
2135
2165
|
},
|
|
2136
2166
|
{
|
|
2137
|
-
code: "
|
|
2167
|
+
code: "600519",
|
|
2138
2168
|
description: "贵州茅台",
|
|
2139
2169
|
exchange: "SSE",
|
|
2140
|
-
source: "
|
|
2170
|
+
source: "gotdx"
|
|
2141
2171
|
},
|
|
2142
2172
|
{
|
|
2143
|
-
code: "
|
|
2173
|
+
code: "601360",
|
|
2144
2174
|
description: "三六零",
|
|
2145
2175
|
exchange: "SSE",
|
|
2146
|
-
source: "
|
|
2176
|
+
source: "gotdx"
|
|
2147
2177
|
},
|
|
2148
2178
|
{
|
|
2149
2179
|
code: "000858",
|
|
2150
2180
|
description: "五 粮 液",
|
|
2151
2181
|
exchange: "SZSE",
|
|
2152
|
-
source: "
|
|
2182
|
+
source: "gotdx"
|
|
2153
2183
|
},
|
|
2154
2184
|
{
|
|
2155
2185
|
code: "000001",
|
|
2156
2186
|
description: "平安银行",
|
|
2157
2187
|
exchange: "SZSE",
|
|
2158
|
-
source: "
|
|
2188
|
+
source: "gotdx"
|
|
2159
2189
|
},
|
|
2160
2190
|
{
|
|
2161
2191
|
code: "MOCK-100",
|
|
@@ -2173,8 +2203,8 @@ var Ar = m({
|
|
|
2173
2203
|
function p(e) {
|
|
2174
2204
|
c("symbolChange", e);
|
|
2175
2205
|
}
|
|
2176
|
-
return (t, n) => (S(), o("div",
|
|
2177
|
-
d.value ? (S(), i(
|
|
2206
|
+
return (t, n) => (S(), o("div", mi, [
|
|
2207
|
+
d.value ? (S(), i(Kr, {
|
|
2178
2208
|
key: 0,
|
|
2179
2209
|
symbol: d.value,
|
|
2180
2210
|
symbols: f.value,
|
|
@@ -2187,7 +2217,7 @@ var Ar = m({
|
|
|
2187
2217
|
"loading",
|
|
2188
2218
|
"error"
|
|
2189
2219
|
])) : a("", !0),
|
|
2190
|
-
l(
|
|
2220
|
+
l(pi, {
|
|
2191
2221
|
symbols: f.value,
|
|
2192
2222
|
selected: e.overlaySymbols,
|
|
2193
2223
|
"comparison-colors": e.comparisonColors,
|
|
@@ -2200,32 +2230,36 @@ var Ar = m({
|
|
|
2200
2230
|
"comparison-colors",
|
|
2201
2231
|
"comparison-loading"
|
|
2202
2232
|
]),
|
|
2203
|
-
l(
|
|
2233
|
+
l(Or, {
|
|
2204
2234
|
"model-value": e.kLineLevel,
|
|
2205
2235
|
"onUpdate:modelValue": n[2] ||= (e) => c("kLineLevelChange", e)
|
|
2206
2236
|
}, null, 8, ["model-value"]),
|
|
2237
|
+
l(kr, {
|
|
2238
|
+
"model-value": e.kLineAdjust,
|
|
2239
|
+
"onUpdate:modelValue": n[3] ||= (e) => c("kLineAdjustChange", e)
|
|
2240
|
+
}, null, 8, ["model-value"]),
|
|
2207
2241
|
s("button", {
|
|
2208
2242
|
type: "button",
|
|
2209
2243
|
class: "indicator-button",
|
|
2210
2244
|
title: "指标",
|
|
2211
2245
|
"aria-label": "指标",
|
|
2212
|
-
onClick: n[
|
|
2213
|
-
}, [...n[
|
|
2246
|
+
onClick: n[4] ||= (e) => c("toggleIndicator")
|
|
2247
|
+
}, [...n[5] ||= [s("span", {
|
|
2214
2248
|
class: "indicator-button__icon",
|
|
2215
2249
|
"aria-hidden": "true"
|
|
2216
2250
|
}, "fx", -1), s("span", { class: "indicator-button__text" }, "指标", -1)]])
|
|
2217
2251
|
]));
|
|
2218
2252
|
}
|
|
2219
|
-
}), [["__scopeId", "data-v-
|
|
2253
|
+
}), [["__scopeId", "data-v-c612b21d"]]), gi = ["data-theme"], _i = {
|
|
2220
2254
|
class: "pane-separator-layer",
|
|
2221
2255
|
"aria-hidden": "true"
|
|
2222
|
-
},
|
|
2256
|
+
}, vi = {
|
|
2223
2257
|
class: "canvas-layer",
|
|
2224
2258
|
ref: "canvasLayerRef"
|
|
2225
|
-
},
|
|
2259
|
+
}, yi = {
|
|
2226
2260
|
class: "x-axis-canvas",
|
|
2227
2261
|
ref: "xAxisCanvasRef"
|
|
2228
|
-
},
|
|
2262
|
+
}, bi = 4, xi = /*#__PURE__*/ H(/* @__PURE__ */ u({
|
|
2229
2263
|
__name: "KLineChart",
|
|
2230
2264
|
props: {
|
|
2231
2265
|
semanticConfig: {},
|
|
@@ -2241,70 +2275,76 @@ var Ar = m({
|
|
|
2241
2275
|
isFullscreen: {
|
|
2242
2276
|
type: Boolean,
|
|
2243
2277
|
default: !1
|
|
2244
|
-
}
|
|
2278
|
+
},
|
|
2279
|
+
timezone: { default: "Asia/Shanghai" },
|
|
2280
|
+
mcp: {}
|
|
2245
2281
|
},
|
|
2246
2282
|
emits: [
|
|
2247
2283
|
"zoomLevelChange",
|
|
2248
2284
|
"toggleFullscreen",
|
|
2249
2285
|
"themeChange",
|
|
2250
|
-
"kLineLevelChange"
|
|
2286
|
+
"kLineLevelChange",
|
|
2287
|
+
"kLineAdjustChange"
|
|
2251
2288
|
],
|
|
2252
2289
|
setup(n, { expose: c, emit: u }) {
|
|
2253
|
-
let d = n, f = u, p = w(d.semanticConfig
|
|
2254
|
-
function k(e) {
|
|
2255
|
-
p.value = e, f("kLineLevelChange", e), F();
|
|
2256
|
-
}
|
|
2257
|
-
function A(e) {
|
|
2258
|
-
C.value = !1, m.value = e.code, v.value = e, F();
|
|
2259
|
-
}
|
|
2290
|
+
let d = n, f = u, p = w(d.semanticConfig?.data?.period ?? "daily"), m = w(d.semanticConfig?.data?.adjust ?? "none"), v = r(() => p.value.includes("min")), b = w("选择商品"), C = w(null), E = w(!1), O = w(!1), k = w([]), A = w([]);
|
|
2260
2291
|
function j(e) {
|
|
2261
|
-
|
|
2292
|
+
p.value = e, f("kLineLevelChange", e), L();
|
|
2262
2293
|
}
|
|
2263
2294
|
function N(e) {
|
|
2264
|
-
|
|
2295
|
+
m.value = e, f("kLineAdjustChange", e), L();
|
|
2265
2296
|
}
|
|
2266
2297
|
function P(e) {
|
|
2298
|
+
O.value = !1, b.value = e.code, C.value = e, L();
|
|
2299
|
+
}
|
|
2300
|
+
function F(e) {
|
|
2301
|
+
C.value?.code !== e.code && (k.value.includes(e.code) || (A.value = [...A.value, e], k.value = A.value.map((e) => e.code), te(), B.value?.addComparisonSymbol(ee(e))));
|
|
2302
|
+
}
|
|
2303
|
+
function I(e) {
|
|
2304
|
+
A.value = A.value.filter((t) => t.code !== e), k.value = A.value.map((e) => e.code), B.value?.removeComparisonSymbol(e);
|
|
2305
|
+
}
|
|
2306
|
+
function ee(e) {
|
|
2267
2307
|
return {
|
|
2268
2308
|
symbol: e.code,
|
|
2269
2309
|
exchange: e.exchange,
|
|
2270
2310
|
period: p.value,
|
|
2271
2311
|
source: e.source,
|
|
2272
|
-
startDate: d.semanticConfig
|
|
2273
|
-
endDate: d.semanticConfig
|
|
2274
|
-
adjust:
|
|
2312
|
+
startDate: d.semanticConfig?.data?.startDate ?? "",
|
|
2313
|
+
endDate: d.semanticConfig?.data?.endDate ?? "",
|
|
2314
|
+
adjust: m.value
|
|
2275
2315
|
};
|
|
2276
2316
|
}
|
|
2277
|
-
function
|
|
2278
|
-
|
|
2317
|
+
function L() {
|
|
2318
|
+
C.value && B.value?.setSymbols([ee(C.value), ...A.value.map(ee)]);
|
|
2279
2319
|
}
|
|
2280
|
-
function
|
|
2281
|
-
if (
|
|
2320
|
+
function te() {
|
|
2321
|
+
if (W.value.axisType === "percent") return;
|
|
2282
2322
|
let e = {
|
|
2283
|
-
...
|
|
2323
|
+
...W.value,
|
|
2284
2324
|
axisType: "percent"
|
|
2285
2325
|
};
|
|
2286
|
-
|
|
2326
|
+
W.value = e, B.value?.updateSettingsFacade(e);
|
|
2287
2327
|
try {
|
|
2288
|
-
localStorage.setItem(
|
|
2328
|
+
localStorage.setItem(ge, JSON.stringify(e));
|
|
2289
2329
|
} catch {}
|
|
2290
2330
|
}
|
|
2291
|
-
let
|
|
2292
|
-
|
|
2293
|
-
let
|
|
2294
|
-
|
|
2331
|
+
let R = w(null), re = w(null), z = w(null), ce = w(null), ue = w(null), de = w(null);
|
|
2332
|
+
Me(z);
|
|
2333
|
+
let B = D(null), _e = D(null), ve = w(0), ye = w(0), be = w(1), V = w(d.initialZoomLevel ?? 1), xe = w(0), Se = w(1), H = w(0), Ce = w({}), we = w(null), Te = w([]), Ee = w(/* @__PURE__ */ new Map()), De = w(!1), Oe = V.value;
|
|
2334
|
+
xe.value = pe(Oe, {
|
|
2295
2335
|
minKWidth: d.minKWidth,
|
|
2296
2336
|
maxKWidth: d.maxKWidth,
|
|
2297
2337
|
zoomLevelCount: d.zoomLevels,
|
|
2298
|
-
dpr:
|
|
2299
|
-
}),
|
|
2300
|
-
let
|
|
2301
|
-
let e =
|
|
2338
|
+
dpr: be.value
|
|
2339
|
+
}), Se.value = fe(xe.value, be.value);
|
|
2340
|
+
let U = w("light"), W = w({}), G = r(() => {
|
|
2341
|
+
let e = W.value.isAsiaMarket ?? !1, t = ae(U.value, e);
|
|
2302
2342
|
return {
|
|
2303
2343
|
upColor: t.candleUpBody,
|
|
2304
2344
|
downColor: t.candleDownBody
|
|
2305
2345
|
};
|
|
2306
|
-
}),
|
|
2307
|
-
let e =
|
|
2346
|
+
}), ke = r(() => {
|
|
2347
|
+
let e = U.value === "dark" ? ne : ie, t = W.value.colorPresetSettings?.[U.value];
|
|
2308
2348
|
return t && Object.keys(t).length > 0 ? oe({
|
|
2309
2349
|
...e,
|
|
2310
2350
|
colors: {
|
|
@@ -2313,47 +2353,47 @@ var Ar = m({
|
|
|
2313
2353
|
}
|
|
2314
2354
|
}) : oe(e);
|
|
2315
2355
|
}), K = null;
|
|
2316
|
-
function
|
|
2317
|
-
|
|
2356
|
+
function je(e) {
|
|
2357
|
+
B.value?.setTheme(e.matches ? "dark" : "light");
|
|
2318
2358
|
}
|
|
2319
|
-
function
|
|
2359
|
+
function Ne(e, t) {
|
|
2320
2360
|
if (!(!e || !t)) if (t === "auto") {
|
|
2321
2361
|
let t = window.matchMedia("(prefers-color-scheme: dark)");
|
|
2322
|
-
e.setTheme(t.matches ? "dark" : "light"), K !== t && (K?.removeEventListener("change",
|
|
2323
|
-
} else K?.removeEventListener("change",
|
|
2362
|
+
e.setTheme(t.matches ? "dark" : "light"), K !== t && (K?.removeEventListener("change", je), K = t, t.addEventListener("change", je));
|
|
2363
|
+
} else K?.removeEventListener("change", je), K = null, e.setTheme(t);
|
|
2324
2364
|
}
|
|
2325
|
-
function
|
|
2326
|
-
function
|
|
2327
|
-
|
|
2365
|
+
function Pe() {}
|
|
2366
|
+
function Fe(e) {
|
|
2367
|
+
W.value = e, Ne(B.value, e.theme), B.value?.updateSettingsFacade(e);
|
|
2328
2368
|
}
|
|
2329
|
-
function
|
|
2369
|
+
function Ie(e, t, n) {
|
|
2330
2370
|
let r = e.getBoundingClientRect();
|
|
2331
2371
|
return {
|
|
2332
2372
|
width: Math.max(t, Math.round(r.width)),
|
|
2333
2373
|
height: Math.max(n, Math.round(r.height))
|
|
2334
2374
|
};
|
|
2335
2375
|
}
|
|
2336
|
-
function
|
|
2376
|
+
function Le(e) {
|
|
2337
2377
|
e && h(() => {
|
|
2338
2378
|
if (!e.isConnected) return;
|
|
2339
|
-
let t =
|
|
2340
|
-
|
|
2379
|
+
let t = Ie(e, 180, 80);
|
|
2380
|
+
B.value?.setTooltipSize(t);
|
|
2341
2381
|
});
|
|
2342
2382
|
}
|
|
2343
|
-
function
|
|
2383
|
+
function Re(e) {
|
|
2344
2384
|
e && h(() => {
|
|
2345
|
-
e.isConnected && (
|
|
2385
|
+
e.isConnected && (Ge.value = Ie(e, 120, 60));
|
|
2346
2386
|
});
|
|
2347
2387
|
}
|
|
2348
|
-
let
|
|
2388
|
+
let ze = w({
|
|
2349
2389
|
x: 0,
|
|
2350
2390
|
y: 0
|
|
2351
|
-
}), q = w(!1),
|
|
2352
|
-
function
|
|
2353
|
-
|
|
2391
|
+
}), q = w(!1), Be = null;
|
|
2392
|
+
function Ve() {
|
|
2393
|
+
Be = null;
|
|
2354
2394
|
}
|
|
2355
|
-
function
|
|
2356
|
-
return
|
|
2395
|
+
function He(e) {
|
|
2396
|
+
return Be ||= e.getBoundingClientRect(), Be;
|
|
2357
2397
|
}
|
|
2358
2398
|
let J = D({
|
|
2359
2399
|
crosshairPos: null,
|
|
@@ -2373,14 +2413,14 @@ var Ar = m({
|
|
|
2373
2413
|
isHoveringPaneBoundary: !1,
|
|
2374
2414
|
hoveredPaneBoundaryId: null,
|
|
2375
2415
|
isHoveringRightAxis: !1
|
|
2376
|
-
}), Y = D(null),
|
|
2377
|
-
let e =
|
|
2378
|
-
return e ?
|
|
2379
|
-
}),
|
|
2416
|
+
}), Y = D(null), Ue = r(() => {
|
|
2417
|
+
let e = we.value;
|
|
2418
|
+
return e ? Te.value.find((t) => t.id === e) ?? null : null;
|
|
2419
|
+
}), We = w([]), Ge = w({
|
|
2380
2420
|
width: 220,
|
|
2381
2421
|
height: 120
|
|
2382
|
-
}),
|
|
2383
|
-
let e =
|
|
2422
|
+
}), Ke = r(() => {
|
|
2423
|
+
let e = R.value, t = re.value;
|
|
2384
2424
|
return !e || !t ? {
|
|
2385
2425
|
x: 0,
|
|
2386
2426
|
y: 0
|
|
@@ -2388,86 +2428,86 @@ var Ar = m({
|
|
|
2388
2428
|
x: e.offsetLeft,
|
|
2389
2429
|
y: e.offsetTop
|
|
2390
2430
|
};
|
|
2391
|
-
}),
|
|
2431
|
+
}), qe = r(() => J.value.hoveredMarkerData), Je = r(() => J.value.hoveredCustomMarker), Ye = r(() => J.value.isDragging), Xe = r(() => J.value.isResizingPaneBoundary), Ze = r(() => J.value.isHoveringPaneBoundary), Qe = r(() => J.value.hoveredPaneBoundaryId), $e = r(() => J.value.isHoveringRightAxis), et = r(() => J.value.hoveredIndex);
|
|
2392
2432
|
r(() => J.value.crosshairIndex);
|
|
2393
|
-
let
|
|
2433
|
+
let tt = r(() => Ye.value ? "grabbing" : Xe.value || Ze.value ? "ns-resize" : et.value === null ? "crosshair" : "pointer"), nt = r(() => {
|
|
2394
2434
|
let e = J.value.hoveredIndex;
|
|
2395
2435
|
if (typeof e != "number") return null;
|
|
2396
|
-
|
|
2397
|
-
let t =
|
|
2436
|
+
ye.value;
|
|
2437
|
+
let t = B.value?.getData();
|
|
2398
2438
|
return t && e >= 0 && e < t.length ? t[e] : null;
|
|
2399
|
-
}),
|
|
2400
|
-
x:
|
|
2401
|
-
y:
|
|
2402
|
-
})),
|
|
2403
|
-
left: `${
|
|
2404
|
-
top: `${
|
|
2405
|
-
})),
|
|
2406
|
-
x:
|
|
2407
|
-
y:
|
|
2408
|
-
})),
|
|
2409
|
-
left: `${
|
|
2410
|
-
top: `${
|
|
2411
|
-
})),
|
|
2412
|
-
let e =
|
|
2413
|
-
return
|
|
2414
|
-
}),
|
|
2415
|
-
function
|
|
2439
|
+
}), rt = r(() => J.value.hoveredIndex), it = r(() => J.value.tooltipPos), at = r(() => ({
|
|
2440
|
+
x: it.value.x + Ke.value.x,
|
|
2441
|
+
y: it.value.y + Ke.value.y
|
|
2442
|
+
})), ot = r(() => ({
|
|
2443
|
+
left: `${at.value.x}px`,
|
|
2444
|
+
top: `${at.value.y}px`
|
|
2445
|
+
})), st = r(() => ({
|
|
2446
|
+
x: ze.value.x + Ke.value.x,
|
|
2447
|
+
y: ze.value.y + Ke.value.y
|
|
2448
|
+
})), ct = r(() => ({
|
|
2449
|
+
left: `${st.value.x}px`,
|
|
2450
|
+
top: `${st.value.y}px`
|
|
2451
|
+
})), lt = r(() => J.value.tooltipAnchorPlacement), ut = r(() => {
|
|
2452
|
+
let e = B.value?.viewport.peek(), t = R.value, n = e?.plotWidth ?? (t ? t.clientWidth : 0);
|
|
2453
|
+
return ze.value.x + 12 + Ge.value.width + 12 > n ? "left-bottom" : "right-bottom";
|
|
2454
|
+
}), dt = r(() => (ye.value, B.value?.getData() ?? []));
|
|
2455
|
+
function ft(e) {
|
|
2416
2456
|
Y.value?.setTool(e);
|
|
2417
2457
|
}
|
|
2418
|
-
function
|
|
2419
|
-
|
|
2458
|
+
function pt() {
|
|
2459
|
+
de.value?.toggleMenu();
|
|
2420
2460
|
}
|
|
2421
|
-
function
|
|
2422
|
-
let t =
|
|
2423
|
-
!t || !Y.value || (Y.value.updateDrawingStyle(t.id, e),
|
|
2461
|
+
function mt(e) {
|
|
2462
|
+
let t = Ue.value;
|
|
2463
|
+
!t || !Y.value || (Y.value.updateDrawingStyle(t.id, e), Te.value = Y.value.getDrawings());
|
|
2424
2464
|
}
|
|
2425
|
-
function
|
|
2426
|
-
let e =
|
|
2427
|
-
!e || !Y.value || (Y.value.removeDrawing(e.id),
|
|
2465
|
+
function ht() {
|
|
2466
|
+
let e = Ue.value;
|
|
2467
|
+
!e || !Y.value || (Y.value.removeDrawing(e.id), Te.value = Y.value.getDrawings());
|
|
2428
2468
|
}
|
|
2429
|
-
function
|
|
2430
|
-
|
|
2469
|
+
function gt(e) {
|
|
2470
|
+
B.value?.handlePointerEvent(e, { onPointerDown: (e, t) => !!Y.value?.onPointerDown(e, t) });
|
|
2431
2471
|
}
|
|
2432
|
-
function
|
|
2433
|
-
let t =
|
|
2472
|
+
function _t(e) {
|
|
2473
|
+
let t = R.value;
|
|
2434
2474
|
if (t) {
|
|
2435
|
-
let n =
|
|
2436
|
-
|
|
2475
|
+
let n = He(t);
|
|
2476
|
+
ze.value = {
|
|
2437
2477
|
x: e.clientX - n.left,
|
|
2438
2478
|
y: e.clientY - n.top
|
|
2439
2479
|
};
|
|
2440
2480
|
}
|
|
2441
|
-
|
|
2442
|
-
}
|
|
2443
|
-
function ht(e) {
|
|
2444
|
-
z.value?.handlePointerEvent(e, { onPointerUp: (e, t) => !!Y.value?.onPointerUp(e, t) });
|
|
2445
|
-
}
|
|
2446
|
-
function gt(e) {
|
|
2447
|
-
z.value?.handlePointerEvent(e);
|
|
2448
|
-
}
|
|
2449
|
-
function _t(e) {
|
|
2450
|
-
z.value?.handlePointerEvent(e);
|
|
2481
|
+
B.value?.handlePointerEvent(e, { onPointerMove: (e, t) => Y.value?.onPointerMove(e, t) ? (Te.value = Y.value.getDrawings(), !0) : !1 });
|
|
2451
2482
|
}
|
|
2452
2483
|
function vt(e) {
|
|
2453
|
-
|
|
2484
|
+
B.value?.handlePointerEvent(e, { onPointerUp: (e, t) => !!Y.value?.onPointerUp(e, t) });
|
|
2454
2485
|
}
|
|
2455
2486
|
function yt(e) {
|
|
2456
|
-
|
|
2487
|
+
B.value?.handlePointerEvent(e);
|
|
2457
2488
|
}
|
|
2458
2489
|
function bt(e) {
|
|
2459
|
-
|
|
2490
|
+
B.value?.handlePointerEvent(e);
|
|
2491
|
+
}
|
|
2492
|
+
function xt(e) {
|
|
2493
|
+
B.value?.handlePointerEvent(e);
|
|
2460
2494
|
}
|
|
2461
|
-
function
|
|
2462
|
-
|
|
2495
|
+
function St(e) {
|
|
2496
|
+
B.value?.handlePointerEvent(e);
|
|
2463
2497
|
}
|
|
2464
|
-
|
|
2498
|
+
function Ct(e) {
|
|
2499
|
+
B.value?.handlePointerEvent(e);
|
|
2500
|
+
}
|
|
2501
|
+
function wt() {
|
|
2502
|
+
B.value?.handleScrollEvent();
|
|
2503
|
+
}
|
|
2504
|
+
let Tt = w([]), Et = r(() => {
|
|
2465
2505
|
let e = [], t = /* @__PURE__ */ new Set();
|
|
2466
2506
|
for (let n of Z.value) t.has(n.indicatorId) || (t.add(n.indicatorId), e.push(n.indicatorId));
|
|
2467
2507
|
return e;
|
|
2468
|
-
}),
|
|
2469
|
-
function
|
|
2470
|
-
let e =
|
|
2508
|
+
}), Dt = r(() => [...Tt.value, ...Et.value]), X = w({}), Z = w([]);
|
|
2509
|
+
function Ot() {
|
|
2510
|
+
let e = Ce.value.main ?? 3;
|
|
2471
2511
|
return Z.value.length === 0 ? [{
|
|
2472
2512
|
id: "main",
|
|
2473
2513
|
ratio: e,
|
|
@@ -2480,73 +2520,73 @@ var Ar = m({
|
|
|
2480
2520
|
role: "price"
|
|
2481
2521
|
}, ...Z.value.map((e) => ({
|
|
2482
2522
|
id: e.id,
|
|
2483
|
-
ratio:
|
|
2523
|
+
ratio: Ce.value[e.id] ?? 1,
|
|
2484
2524
|
visible: !0,
|
|
2485
2525
|
role: "indicator"
|
|
2486
2526
|
}))];
|
|
2487
2527
|
}
|
|
2488
|
-
function
|
|
2528
|
+
function kt(e) {
|
|
2489
2529
|
if (e === "VOLUME") return {};
|
|
2490
|
-
let t =
|
|
2530
|
+
let t = he(e);
|
|
2491
2531
|
return t?.runtime?.defaultConfig ? { ...t.runtime.defaultConfig } : {};
|
|
2492
2532
|
}
|
|
2493
|
-
function
|
|
2533
|
+
function At(e) {
|
|
2494
2534
|
if (e === "VOLUME") return !0;
|
|
2495
|
-
let t =
|
|
2535
|
+
let t = he(e);
|
|
2496
2536
|
return !!t && t.category !== "main";
|
|
2497
2537
|
}
|
|
2498
|
-
function
|
|
2499
|
-
if (Z.value.length >=
|
|
2500
|
-
let n = t ??
|
|
2501
|
-
return !!
|
|
2538
|
+
function Mt(e = "VOLUME", t) {
|
|
2539
|
+
if (Z.value.length >= bi) return !1;
|
|
2540
|
+
let n = t ?? kt(e);
|
|
2541
|
+
return !!B.value?.addIndicator(e, "sub", n);
|
|
2502
2542
|
}
|
|
2503
|
-
function
|
|
2504
|
-
|
|
2543
|
+
function Nt(e) {
|
|
2544
|
+
B.value?.removeIndicator(e);
|
|
2505
2545
|
}
|
|
2506
|
-
function
|
|
2507
|
-
for (let e of Z.value)
|
|
2546
|
+
function Pt() {
|
|
2547
|
+
for (let e of Z.value) B.value?.removeIndicator(e.id);
|
|
2508
2548
|
}
|
|
2509
|
-
function
|
|
2510
|
-
let e = d.semanticConfig, t =
|
|
2511
|
-
if (!t) return;
|
|
2549
|
+
function Ft() {
|
|
2550
|
+
let e = d.semanticConfig, t = B.value;
|
|
2551
|
+
if (!e || !t) return;
|
|
2512
2552
|
let n = e.indicators?.main;
|
|
2513
2553
|
if (n) for (let e of n) e.enabled && t.addIndicator(e.type, "main", e.params);
|
|
2514
2554
|
}
|
|
2515
|
-
function
|
|
2516
|
-
let n =
|
|
2517
|
-
|
|
2555
|
+
function It(e, t) {
|
|
2556
|
+
let n = kt(t);
|
|
2557
|
+
B.value?.replaceSubPaneIndicator(e, t, n);
|
|
2518
2558
|
}
|
|
2519
|
-
function
|
|
2520
|
-
let n =
|
|
2559
|
+
function Lt(e, t) {
|
|
2560
|
+
let n = B.value;
|
|
2521
2561
|
if (!n) return;
|
|
2522
|
-
let r =
|
|
2562
|
+
let r = he(e);
|
|
2523
2563
|
if (r && (r.category === "main" || r.allowMainPane)) {
|
|
2524
|
-
let r =
|
|
2564
|
+
let r = Tt.value.find((t) => t === e);
|
|
2525
2565
|
t && !r ? n.addIndicator(e, "main", X.value[e]) : !t && r && n.removeIndicator(e.toUpperCase());
|
|
2526
2566
|
return;
|
|
2527
2567
|
}
|
|
2528
|
-
if (
|
|
2529
|
-
if (Z.value.find((t) => t.indicatorId === e) || Z.value.length >=
|
|
2568
|
+
if (At(e)) if (t) {
|
|
2569
|
+
if (Z.value.find((t) => t.indicatorId === e) || Z.value.length >= bi) return;
|
|
2530
2570
|
if (!n.addIndicator(e, "sub", X.value[e]) && Z.value.length > 0) {
|
|
2531
2571
|
let t = Z.value[Z.value.length - 1];
|
|
2532
|
-
|
|
2572
|
+
It(t.id, e);
|
|
2533
2573
|
}
|
|
2534
2574
|
} else Z.value.filter((t) => t.indicatorId === e).forEach((e) => {
|
|
2535
2575
|
n.removeIndicator(e.id);
|
|
2536
2576
|
});
|
|
2537
2577
|
}
|
|
2538
|
-
function
|
|
2578
|
+
function Rt(e, t) {
|
|
2539
2579
|
if (e === "MA" || e === "BOLL" || e === "EXPMA" || e === "ENE") {
|
|
2540
|
-
|
|
2580
|
+
B.value?.updateIndicatorParams(e, t);
|
|
2541
2581
|
return;
|
|
2542
2582
|
}
|
|
2543
|
-
|
|
2544
|
-
|
|
2583
|
+
At(e) && Z.value.filter((t) => t.indicatorId === e).forEach((e) => {
|
|
2584
|
+
B.value?.updateIndicatorParams(e.id, t);
|
|
2545
2585
|
});
|
|
2546
2586
|
}
|
|
2547
|
-
function
|
|
2587
|
+
function zt(e) {
|
|
2548
2588
|
if (!e.length || Z.value.length <= 1) return;
|
|
2549
|
-
let t = e.filter((e) =>
|
|
2589
|
+
let t = e.filter((e) => At(e));
|
|
2550
2590
|
if (!t.length) return;
|
|
2551
2591
|
let n = new Map(Z.value.map((e) => [e.indicatorId, e])), r = [];
|
|
2552
2592
|
for (let e of t) {
|
|
@@ -2558,31 +2598,32 @@ var Ar = m({
|
|
|
2558
2598
|
let i = Z.value.map((e) => e.id), a = r.map((e) => e.id);
|
|
2559
2599
|
if (i.join("|") === a.join("|")) return;
|
|
2560
2600
|
Z.value = r;
|
|
2561
|
-
let o =
|
|
2562
|
-
o && o.updatePaneLayout(
|
|
2601
|
+
let o = B.value;
|
|
2602
|
+
o && o.updatePaneLayout(Ot());
|
|
2563
2603
|
}
|
|
2564
|
-
let
|
|
2565
|
-
function
|
|
2566
|
-
|
|
2604
|
+
let Bt = r(() => d.rightAxisWidth + d.priceLabelWidth), Vt = r(() => (ye.value, H.value, xe.value, Se.value, be.value, B.value?.getContentWidth() ?? 0));
|
|
2605
|
+
function Ht(e, t) {
|
|
2606
|
+
B.value?.zoomToLevel(e, t);
|
|
2567
2607
|
}
|
|
2568
2608
|
c({
|
|
2569
|
-
scheduleRender:
|
|
2570
|
-
addSubPane:
|
|
2571
|
-
removeSubPane:
|
|
2572
|
-
switchSubIndicator:
|
|
2573
|
-
clearAllSubPanes:
|
|
2574
|
-
zoomToLevel:
|
|
2575
|
-
zoomIn: (e) =>
|
|
2576
|
-
zoomOut: (e) =>
|
|
2577
|
-
getZoomLevel: () =>
|
|
2578
|
-
getZoomLevelCount: () =>
|
|
2609
|
+
scheduleRender: Pe,
|
|
2610
|
+
addSubPane: Mt,
|
|
2611
|
+
removeSubPane: Nt,
|
|
2612
|
+
switchSubIndicator: It,
|
|
2613
|
+
clearAllSubPanes: Pt,
|
|
2614
|
+
zoomToLevel: Ht,
|
|
2615
|
+
zoomIn: (e) => Ht(V.value + 1, e),
|
|
2616
|
+
zoomOut: (e) => Ht(V.value - 1, e),
|
|
2617
|
+
getZoomLevel: () => V.value,
|
|
2618
|
+
getZoomLevelCount: () => B.value?.getZoomLevelCount() ?? 10,
|
|
2619
|
+
getController: () => B.value
|
|
2579
2620
|
});
|
|
2580
|
-
function
|
|
2621
|
+
function Ut() {
|
|
2581
2622
|
return (e) => {
|
|
2582
|
-
e.preventDefault(),
|
|
2623
|
+
e.preventDefault(), B.value?.handleWheelEvent(e);
|
|
2583
2624
|
};
|
|
2584
2625
|
}
|
|
2585
|
-
function
|
|
2626
|
+
function Wt(e, t, n, r) {
|
|
2586
2627
|
return le({
|
|
2587
2628
|
container: e,
|
|
2588
2629
|
data: [],
|
|
@@ -2596,14 +2637,15 @@ var Ar = m({
|
|
|
2596
2637
|
bottomAxisHeight: d.bottomAxisHeight,
|
|
2597
2638
|
priceLabelWidth: d.priceLabelWidth,
|
|
2598
2639
|
minKWidth: d.minKWidth,
|
|
2599
|
-
maxKWidth: d.maxKWidth
|
|
2640
|
+
maxKWidth: d.maxKWidth,
|
|
2641
|
+
mcp: d.mcp
|
|
2600
2642
|
});
|
|
2601
2643
|
}
|
|
2602
|
-
function
|
|
2644
|
+
function Gt(e) {
|
|
2603
2645
|
let t = e.paneLayout.subscribe(() => {
|
|
2604
|
-
|
|
2605
|
-
let t =
|
|
2606
|
-
|
|
2646
|
+
Ve();
|
|
2647
|
+
let t = R.value && parseInt(getComputedStyle(R.value).borderTopWidth) || 0;
|
|
2648
|
+
We.value = e.paneLayout.peek().slice(0, -1).map((n) => {
|
|
2607
2649
|
let r = e.getPaneInfo(n.id), i = (r?.top ?? 0) + (r?.height ?? 0);
|
|
2608
2650
|
return {
|
|
2609
2651
|
id: n.id,
|
|
@@ -2611,21 +2653,21 @@ var Ar = m({
|
|
|
2611
2653
|
};
|
|
2612
2654
|
});
|
|
2613
2655
|
}), n = e.paneRatios.subscribe(() => {
|
|
2614
|
-
|
|
2656
|
+
Ce.value = { ...e.paneRatios.peek() };
|
|
2615
2657
|
}), r = e.viewport.subscribe(() => {
|
|
2616
2658
|
let t = e.viewport.peek();
|
|
2617
|
-
|
|
2659
|
+
be.value !== t.dpr && (be.value = t.dpr), H.value !== t.plotWidth && (H.value = t.plotWidth), (V.value !== t.zoomLevel || xe.value !== t.kWidth || Se.value !== t.kGap) && (V.value = t.zoomLevel, xe.value = t.kWidth, Se.value = t.kGap);
|
|
2618
2660
|
}), i = e.data.subscribe(() => {
|
|
2619
2661
|
let t = e.data.peek();
|
|
2620
|
-
|
|
2662
|
+
ve.value = t.length, ye.value++, O.value = t.length === 0;
|
|
2621
2663
|
}), a = e.dataLoading.subscribe(() => {
|
|
2622
|
-
|
|
2664
|
+
E.value = e.dataLoading.peek();
|
|
2623
2665
|
}), o = e.theme.subscribe(() => {
|
|
2624
2666
|
let t = e.theme.peek();
|
|
2625
|
-
|
|
2667
|
+
U.value = t, f("themeChange", t);
|
|
2626
2668
|
}), s = e.indicators.subscribe(() => {
|
|
2627
2669
|
let t = e.indicators.peek(), n = t.filter((e) => e.role === "main").map((e) => e.definitionId);
|
|
2628
|
-
|
|
2670
|
+
Tt.value = n;
|
|
2629
2671
|
let r = { ...X.value };
|
|
2630
2672
|
for (let e of t) e.role === "main" && e.params && Object.keys(e.params).length > 0 && (r[e.definitionId] = { ...e.params });
|
|
2631
2673
|
e.updateRendererConfig("mainIndicatorLegend", { indicators: {
|
|
@@ -2658,82 +2700,85 @@ var Ar = m({
|
|
|
2658
2700
|
for (let e of t) e.params && Object.keys(e.params).length > 0 && (a[e.indicatorId] = { ...e.params });
|
|
2659
2701
|
X.value = a;
|
|
2660
2702
|
}), l = e.comparisonColors.subscribe(() => {
|
|
2661
|
-
|
|
2703
|
+
Ee.value = new Map(e.comparisonColors.peek());
|
|
2662
2704
|
}), u = e.comparisonLoading.subscribe(() => {
|
|
2663
|
-
|
|
2705
|
+
De.value = e.comparisonLoading.peek();
|
|
2664
2706
|
});
|
|
2665
2707
|
x(() => {
|
|
2666
|
-
r(), i(), a(), n(), t(), o(), s(), c(), l(), u(), K?.removeEventListener("change",
|
|
2708
|
+
r(), i(), a(), n(), t(), o(), s(), c(), l(), u(), K?.removeEventListener("change", je);
|
|
2667
2709
|
});
|
|
2668
2710
|
}
|
|
2669
|
-
function
|
|
2670
|
-
let t =
|
|
2671
|
-
|
|
2711
|
+
function qt(e) {
|
|
2712
|
+
let t = ue.value?.getSettings() ?? { showVolumePriceMarkers: !0 };
|
|
2713
|
+
W.value = t, Ne(e, t.theme), e.updateSettingsFacade(t);
|
|
2672
2714
|
}
|
|
2673
|
-
function
|
|
2715
|
+
function Jt(e) {
|
|
2674
2716
|
Y.value = new se(e), Y.value.setCallbacks({
|
|
2675
2717
|
onDrawingCreated: (e) => {
|
|
2676
|
-
|
|
2718
|
+
Te.value = [...Te.value, e], we.value = e.id;
|
|
2677
2719
|
},
|
|
2678
2720
|
onToolChange: () => {},
|
|
2679
2721
|
onDrawingSelected: (e) => {
|
|
2680
|
-
|
|
2722
|
+
we.value = e?.id ?? null;
|
|
2681
2723
|
}
|
|
2682
2724
|
});
|
|
2683
2725
|
}
|
|
2684
|
-
function
|
|
2726
|
+
function Xt(e) {
|
|
2685
2727
|
e.setTooltipAnchorPositioning(q.value), e.interactionState.subscribe(() => {
|
|
2686
2728
|
J.value = e.interactionState.peek();
|
|
2687
|
-
}), J.value = e.interactionState.peek(),
|
|
2729
|
+
}), J.value = e.interactionState.peek(), be.value = e.viewport.peek().dpr;
|
|
2688
2730
|
}
|
|
2689
|
-
function
|
|
2690
|
-
e.setDataFetcher(d.dataFetcher),
|
|
2731
|
+
function Zt(e) {
|
|
2732
|
+
e.setDataFetcher(d.dataFetcher), _e.value = new me(e), _e.value.on("config:error", (e) => {
|
|
2691
2733
|
console.error("Semantic config error:", e);
|
|
2692
|
-
}),
|
|
2693
|
-
|
|
2734
|
+
}), _e.value.on("config:ready", () => {
|
|
2735
|
+
Ft(), h(() => B.value?.scrollToRight());
|
|
2694
2736
|
});
|
|
2695
2737
|
}
|
|
2696
2738
|
return y(() => {
|
|
2697
2739
|
q.value = !1;
|
|
2698
|
-
let e =
|
|
2740
|
+
let e = R.value, t = re.value;
|
|
2699
2741
|
if (!e || !t) return;
|
|
2700
|
-
let n =
|
|
2742
|
+
let n = Ut();
|
|
2701
2743
|
e.addEventListener("wheel", n, { passive: !1 });
|
|
2702
|
-
let r = e.querySelector(".canvas-layer"), i = e.querySelector(".x-axis-canvas"), a =
|
|
2703
|
-
|
|
2744
|
+
let r = e.querySelector(".canvas-layer"), i = e.querySelector(".x-axis-canvas"), a = Wt(e, r, t.querySelector(".right-axis-host"), i);
|
|
2745
|
+
B.value = a, Gt(a), Ft(), qt(a), Jt(a), Xt(a), Zt(a);
|
|
2704
2746
|
}), x(() => {
|
|
2705
|
-
let e =
|
|
2706
|
-
e && (
|
|
2747
|
+
let e = B.value;
|
|
2748
|
+
e && (B.value = null, e.dispose()), Y.value = null;
|
|
2707
2749
|
}), M(() => d.yPaddingPx, (e) => {
|
|
2708
|
-
|
|
2750
|
+
B.value?.updateOptionsFacade({ yPaddingPx: e });
|
|
2709
2751
|
}), M(() => d.semanticConfig, async (e, t) => {
|
|
2710
2752
|
if (e && e !== t) {
|
|
2711
|
-
let t = await
|
|
2753
|
+
let t = await _e.value?.applyConfig(e);
|
|
2712
2754
|
t && !t.success && console.error("Semantic config apply failed:", t.errors);
|
|
2713
2755
|
}
|
|
2714
2756
|
}, { deep: !0 }), (r, c) => (S(), o("div", {
|
|
2715
2757
|
ref_key: "chartWrapperRef",
|
|
2716
|
-
ref:
|
|
2758
|
+
ref: z,
|
|
2717
2759
|
class: "chart-wrapper",
|
|
2718
|
-
"data-theme":
|
|
2719
|
-
style: _(
|
|
2760
|
+
"data-theme": U.value,
|
|
2761
|
+
style: _(ke.value)
|
|
2720
2762
|
}, [
|
|
2721
|
-
l(
|
|
2722
|
-
symbol:
|
|
2763
|
+
l(hi, {
|
|
2764
|
+
symbol: b.value,
|
|
2723
2765
|
"k-line-level": p.value,
|
|
2724
|
-
"
|
|
2725
|
-
"symbol-
|
|
2726
|
-
"
|
|
2727
|
-
"
|
|
2728
|
-
"comparison-
|
|
2729
|
-
|
|
2730
|
-
|
|
2731
|
-
|
|
2732
|
-
|
|
2733
|
-
|
|
2766
|
+
"k-line-adjust": m.value,
|
|
2767
|
+
"symbol-loading": E.value,
|
|
2768
|
+
"symbol-error": O.value,
|
|
2769
|
+
"overlay-symbols": k.value,
|
|
2770
|
+
"comparison-colors": Ee.value,
|
|
2771
|
+
"comparison-loading": De.value,
|
|
2772
|
+
onAddOverlaySymbol: F,
|
|
2773
|
+
onRemoveOverlaySymbol: I,
|
|
2774
|
+
onKLineLevelChange: j,
|
|
2775
|
+
onKLineAdjustChange: N,
|
|
2776
|
+
onToggleIndicator: pt,
|
|
2777
|
+
onSymbolChange: P
|
|
2734
2778
|
}, null, 8, [
|
|
2735
2779
|
"symbol",
|
|
2736
2780
|
"k-line-level",
|
|
2781
|
+
"k-line-adjust",
|
|
2737
2782
|
"symbol-loading",
|
|
2738
2783
|
"symbol-error",
|
|
2739
2784
|
"overlay-symbols",
|
|
@@ -2741,79 +2786,81 @@ var Ar = m({
|
|
|
2741
2786
|
"comparison-loading"
|
|
2742
2787
|
]),
|
|
2743
2788
|
s("div", { class: g(["chart-stage", {
|
|
2744
|
-
"is-dragging":
|
|
2745
|
-
"is-resizing-pane":
|
|
2746
|
-
"is-hovering-pane-separator":
|
|
2747
|
-
"is-hovering-right-axis":
|
|
2748
|
-
"is-hovering-kline":
|
|
2749
|
-
}]) }, [l(
|
|
2789
|
+
"is-dragging": Ye.value,
|
|
2790
|
+
"is-resizing-pane": Xe.value,
|
|
2791
|
+
"is-hovering-pane-separator": Ze.value,
|
|
2792
|
+
"is-hovering-right-axis": $e.value,
|
|
2793
|
+
"is-hovering-kline": et.value !== null
|
|
2794
|
+
}]) }, [l(Dr, {
|
|
2750
2795
|
ref_key: "toolbarRef",
|
|
2751
|
-
ref:
|
|
2796
|
+
ref: ue,
|
|
2752
2797
|
"is-fullscreen": n.isFullscreen,
|
|
2753
|
-
onSelectTool:
|
|
2798
|
+
onSelectTool: ft,
|
|
2754
2799
|
onToggleFullscreen: c[0] ||= (e) => r.$emit("toggleFullscreen"),
|
|
2755
|
-
onZoomIn: c[1] ||= (e) =>
|
|
2756
|
-
onZoomOut: c[2] ||= (e) =>
|
|
2757
|
-
onSettingsChange:
|
|
2800
|
+
onZoomIn: c[1] ||= (e) => Ht(V.value + 1),
|
|
2801
|
+
onZoomOut: c[2] ||= (e) => Ht(V.value - 1),
|
|
2802
|
+
onSettingsChange: Fe
|
|
2758
2803
|
}, null, 8, ["is-fullscreen"]), s("div", {
|
|
2759
2804
|
class: "chart-main",
|
|
2760
2805
|
ref_key: "chartMainRef",
|
|
2761
|
-
ref:
|
|
2806
|
+
ref: re
|
|
2762
2807
|
}, [
|
|
2763
|
-
s("div",
|
|
2808
|
+
s("div", _i, [(S(!0), o(e, null, T(We.value, (e) => (S(), o("div", {
|
|
2764
2809
|
key: e.id,
|
|
2765
|
-
class: g(["pane-separator-line", { "is-active":
|
|
2810
|
+
class: g(["pane-separator-line", { "is-active": Qe.value === e.id }]),
|
|
2766
2811
|
style: _({ top: `${e.top}px` })
|
|
2767
2812
|
}, null, 6))), 128))]),
|
|
2768
2813
|
s("div", {
|
|
2769
2814
|
ref_key: "tooltipLayerRef",
|
|
2770
|
-
ref:
|
|
2815
|
+
ref: ce,
|
|
2771
2816
|
class: "tooltip-layer"
|
|
2772
2817
|
}, null, 512),
|
|
2773
2818
|
s("div", {
|
|
2774
2819
|
class: "chart-container",
|
|
2775
|
-
style: _({ cursor:
|
|
2820
|
+
style: _({ cursor: tt.value }),
|
|
2776
2821
|
ref_key: "containerRef",
|
|
2777
|
-
ref:
|
|
2778
|
-
onScrollPassive:
|
|
2779
|
-
onPointerdown:
|
|
2780
|
-
onPointermove:
|
|
2781
|
-
onPointerup:
|
|
2782
|
-
onPointerleave:
|
|
2822
|
+
ref: R,
|
|
2823
|
+
onScrollPassive: wt,
|
|
2824
|
+
onPointerdown: gt,
|
|
2825
|
+
onPointermove: _t,
|
|
2826
|
+
onPointerup: vt,
|
|
2827
|
+
onPointerleave: yt
|
|
2783
2828
|
}, [s("div", {
|
|
2784
2829
|
class: "scroll-content",
|
|
2785
|
-
style: _({ width:
|
|
2786
|
-
}, [s("div",
|
|
2830
|
+
style: _({ width: Vt.value + "px" })
|
|
2831
|
+
}, [s("div", vi, [s("canvas", yi, null, 512), Ue.value ? (S(), i(Ae, {
|
|
2787
2832
|
key: 0,
|
|
2788
|
-
drawing:
|
|
2789
|
-
onUpdateStyle:
|
|
2790
|
-
onDelete:
|
|
2833
|
+
drawing: Ue.value,
|
|
2834
|
+
onUpdateStyle: mt,
|
|
2835
|
+
onDelete: ht
|
|
2791
2836
|
}, null, 8, ["drawing"])) : a("", !0)], 512)], 4)], 36),
|
|
2792
|
-
|
|
2837
|
+
ce.value ? (S(), i(t, {
|
|
2793
2838
|
key: 0,
|
|
2794
|
-
to:
|
|
2839
|
+
to: ce.value
|
|
2795
2840
|
}, [
|
|
2796
|
-
|
|
2841
|
+
nt.value ? (S(), o("div", {
|
|
2797
2842
|
key: 0,
|
|
2798
2843
|
class: g(["tooltip-anchor kline-tooltip-anchor", { "use-anchor": q.value }]),
|
|
2799
|
-
style: _(
|
|
2844
|
+
style: _(ot.value)
|
|
2800
2845
|
}, null, 6)) : a("", !0),
|
|
2801
|
-
|
|
2846
|
+
qe.value || Je.value ? (S(), o("div", {
|
|
2802
2847
|
key: 1,
|
|
2803
2848
|
class: g(["tooltip-anchor marker-tooltip-anchor", { "use-anchor": q.value }]),
|
|
2804
|
-
style: _(
|
|
2849
|
+
style: _(ct.value)
|
|
2805
2850
|
}, null, 6)) : a("", !0),
|
|
2806
|
-
|
|
2851
|
+
nt.value ? (S(), i(Kt, {
|
|
2807
2852
|
key: 2,
|
|
2808
|
-
k:
|
|
2809
|
-
index:
|
|
2810
|
-
data:
|
|
2811
|
-
pos:
|
|
2812
|
-
"set-el":
|
|
2853
|
+
k: nt.value,
|
|
2854
|
+
index: rt.value,
|
|
2855
|
+
data: dt.value,
|
|
2856
|
+
pos: at.value,
|
|
2857
|
+
"set-el": Le,
|
|
2813
2858
|
"use-anchor": q.value,
|
|
2814
|
-
"anchor-placement":
|
|
2815
|
-
"up-color":
|
|
2816
|
-
"down-color":
|
|
2859
|
+
"anchor-placement": lt.value,
|
|
2860
|
+
"up-color": G.value.upColor,
|
|
2861
|
+
"down-color": G.value.downColor,
|
|
2862
|
+
timezone: d.timezone,
|
|
2863
|
+
"show-time": v.value
|
|
2817
2864
|
}, null, 8, [
|
|
2818
2865
|
"k",
|
|
2819
2866
|
"index",
|
|
@@ -2822,15 +2869,17 @@ var Ar = m({
|
|
|
2822
2869
|
"use-anchor",
|
|
2823
2870
|
"anchor-placement",
|
|
2824
2871
|
"up-color",
|
|
2825
|
-
"down-color"
|
|
2872
|
+
"down-color",
|
|
2873
|
+
"timezone",
|
|
2874
|
+
"show-time"
|
|
2826
2875
|
])) : a("", !0),
|
|
2827
|
-
|
|
2876
|
+
qe.value || Je.value ? (S(), i(Yt, {
|
|
2828
2877
|
key: 3,
|
|
2829
|
-
marker:
|
|
2830
|
-
pos:
|
|
2878
|
+
marker: qe.value || Je.value,
|
|
2879
|
+
pos: st.value,
|
|
2831
2880
|
"use-anchor": q.value,
|
|
2832
|
-
"anchor-placement":
|
|
2833
|
-
"set-el":
|
|
2881
|
+
"anchor-placement": ut.value,
|
|
2882
|
+
"set-el": Re
|
|
2834
2883
|
}, null, 8, [
|
|
2835
2884
|
"marker",
|
|
2836
2885
|
"pos",
|
|
@@ -2841,27 +2890,27 @@ var Ar = m({
|
|
|
2841
2890
|
s("div", {
|
|
2842
2891
|
class: "right-axis-host",
|
|
2843
2892
|
ref: "rightAxisLayerRef",
|
|
2844
|
-
style: _({ width:
|
|
2845
|
-
onPointerdown:
|
|
2846
|
-
onPointermove:
|
|
2847
|
-
onPointerup:
|
|
2848
|
-
onPointerleave:
|
|
2893
|
+
style: _({ width: Bt.value + "px" }),
|
|
2894
|
+
onPointerdown: bt,
|
|
2895
|
+
onPointermove: xt,
|
|
2896
|
+
onPointerup: St,
|
|
2897
|
+
onPointerleave: Ct
|
|
2849
2898
|
}, null, 36)
|
|
2850
2899
|
], 512)], 2),
|
|
2851
|
-
l(
|
|
2900
|
+
l(jt, {
|
|
2852
2901
|
ref_key: "indicatorSelectorRef",
|
|
2853
|
-
ref:
|
|
2854
|
-
"active-indicators":
|
|
2902
|
+
ref: de,
|
|
2903
|
+
"active-indicators": Dt.value,
|
|
2855
2904
|
"indicator-params": X.value,
|
|
2856
|
-
onToggle:
|
|
2857
|
-
onUpdateParams:
|
|
2858
|
-
onReorderSubIndicators:
|
|
2905
|
+
onToggle: Lt,
|
|
2906
|
+
onUpdateParams: Rt,
|
|
2907
|
+
onReorderSubIndicators: zt
|
|
2859
2908
|
}, null, 8, ["active-indicators", "indicator-params"])
|
|
2860
|
-
], 12,
|
|
2909
|
+
], 12, gi));
|
|
2861
2910
|
}
|
|
2862
|
-
}), [["__scopeId", "data-v-
|
|
2911
|
+
}), [["__scopeId", "data-v-51f85c6c"]]), Si = {
|
|
2863
2912
|
name: "@363045841yyt/klinechart",
|
|
2864
|
-
version: "0.8.
|
|
2913
|
+
version: "0.8.3",
|
|
2865
2914
|
description: "Vue 3 bindings for @363045841yyt/klinechart-core. Idiomatic composables, SFC components.",
|
|
2866
2915
|
license: "MIT",
|
|
2867
2916
|
repository: {
|
|
@@ -2916,6 +2965,7 @@ var Ar = m({
|
|
|
2916
2965
|
vue: "^3.4.0"
|
|
2917
2966
|
},
|
|
2918
2967
|
devDependencies: {
|
|
2968
|
+
"@363045841yyt/klinechart-ai-runtime": "workspace:*",
|
|
2919
2969
|
"@arethetypeswrong/cli": "^0.18.3",
|
|
2920
2970
|
"@size-limit/preset-small-lib": "^12.1.0",
|
|
2921
2971
|
"@vitejs/plugin-vue": "^6.0.7",
|
|
@@ -2933,14 +2983,14 @@ var Ar = m({
|
|
|
2933
2983
|
vitest: "^4.1.8",
|
|
2934
2984
|
vue: "^3.5.35"
|
|
2935
2985
|
}
|
|
2936
|
-
}.version,
|
|
2937
|
-
function
|
|
2938
|
-
|
|
2986
|
+
}.version, Ci = null;
|
|
2987
|
+
function wi(e) {
|
|
2988
|
+
Ci = e;
|
|
2939
2989
|
}
|
|
2940
|
-
function
|
|
2990
|
+
function Ti(e) {
|
|
2941
2991
|
if (e.container == null) throw Error("[@363045841yyt/klinechart] createChart: `container` is required and must be a non-null HTMLElement");
|
|
2942
|
-
if (
|
|
2943
|
-
return
|
|
2992
|
+
if (Ci === null) throw Error("[@363045841yyt/klinechart] createChart: no ChartController factory registered. Call __setControllerFactory(...) before mounting (the core package wires this in production).");
|
|
2993
|
+
return Ci(e);
|
|
2944
2994
|
}
|
|
2945
2995
|
function $(e) {
|
|
2946
2996
|
let t = D(e.peek());
|
|
@@ -2948,9 +2998,9 @@ function $(e) {
|
|
|
2948
2998
|
t.value = e.peek();
|
|
2949
2999
|
})), t;
|
|
2950
3000
|
}
|
|
2951
|
-
function
|
|
3001
|
+
function Ei(e, t) {
|
|
2952
3002
|
let n = D(null), r = (e) => {
|
|
2953
|
-
e == null || n.value != null || (n.value =
|
|
3003
|
+
e == null || n.value != null || (n.value = Ti({
|
|
2954
3004
|
...t,
|
|
2955
3005
|
container: e
|
|
2956
3006
|
}));
|
|
@@ -2968,7 +3018,7 @@ function wi(e, t) {
|
|
|
2968
3018
|
};
|
|
2969
3019
|
return b(a), v(a), { chart: n };
|
|
2970
3020
|
}
|
|
2971
|
-
function
|
|
3021
|
+
function Di(e) {
|
|
2972
3022
|
let t = D(e.indicators.peek());
|
|
2973
3023
|
return b(e.indicators.subscribe(() => {
|
|
2974
3024
|
t.value = e.indicators.peek();
|
|
@@ -2979,26 +3029,26 @@ function Ti(e) {
|
|
|
2979
3029
|
updateParams: e.updateIndicatorParams.bind(e)
|
|
2980
3030
|
};
|
|
2981
3031
|
}
|
|
2982
|
-
function
|
|
3032
|
+
function Oi(e) {
|
|
2983
3033
|
let t = D(e.interactionState.peek());
|
|
2984
3034
|
return b(e.interactionState.subscribe(() => {
|
|
2985
3035
|
t.value = e.interactionState.peek();
|
|
2986
3036
|
})), t;
|
|
2987
3037
|
}
|
|
2988
|
-
function
|
|
3038
|
+
function ki(e) {
|
|
2989
3039
|
let t = D(e.paneRatios.peek());
|
|
2990
3040
|
return b(e.paneRatios.subscribe(() => {
|
|
2991
3041
|
t.value = e.paneRatios.peek();
|
|
2992
3042
|
})), t;
|
|
2993
3043
|
}
|
|
2994
|
-
function
|
|
3044
|
+
function Ai(e) {
|
|
2995
3045
|
let t = D(e.viewport.peek());
|
|
2996
3046
|
return b(e.viewport.subscribe(() => {
|
|
2997
3047
|
t.value = e.viewport.peek();
|
|
2998
3048
|
})), t;
|
|
2999
3049
|
}
|
|
3000
|
-
function
|
|
3001
|
-
let t =
|
|
3050
|
+
function ji(e) {
|
|
3051
|
+
let t = R({ catalog: e.catalog });
|
|
3002
3052
|
b(() => t.dispose());
|
|
3003
3053
|
let n = $(t.filteredMain), r = $(t.filteredSub), i = $(t.menuOpen), a = $(t.searchQuery);
|
|
3004
3054
|
function o(t) {
|
|
@@ -3026,7 +3076,7 @@ function ki(e) {
|
|
|
3026
3076
|
isActive: c
|
|
3027
3077
|
};
|
|
3028
3078
|
}
|
|
3029
|
-
var
|
|
3079
|
+
var Mi = u({
|
|
3030
3080
|
name: "KLineChart",
|
|
3031
3081
|
props: {
|
|
3032
3082
|
data: {
|
|
@@ -3059,7 +3109,7 @@ var Ai = u({
|
|
|
3059
3109
|
y(() => {
|
|
3060
3110
|
let n = r.value;
|
|
3061
3111
|
n != null && (i.run(() => {
|
|
3062
|
-
if (a.value =
|
|
3112
|
+
if (a.value = Ti({
|
|
3063
3113
|
container: n,
|
|
3064
3114
|
data: e.data,
|
|
3065
3115
|
initialZoomLevel: e.initialZoomLevel,
|
|
@@ -3105,9 +3155,9 @@ var Ai = u({
|
|
|
3105
3155
|
}
|
|
3106
3156
|
});
|
|
3107
3157
|
}
|
|
3108
|
-
}),
|
|
3109
|
-
e.component("KLineChart",
|
|
3158
|
+
}), Ni = { install(e) {
|
|
3159
|
+
e.component("KLineChart", Mi);
|
|
3110
3160
|
} };
|
|
3111
|
-
|
|
3161
|
+
wi(te);
|
|
3112
3162
|
//#endregion
|
|
3113
|
-
export {
|
|
3163
|
+
export { L as CORE_VERSION, Ae as DrawingStyleToolbar, Je as IndicatorParams, jt as IndicatorSelector, Mi as KLineChart, xi as KLineChartVue, Kt as KLineTooltip, Ni as KMapPlugin, Dr as LeftToolbar, Yt as MarkerTooltip, Si as VERSION, wi as __setControllerFactory, $ as coreSignalToVueRef, Ti as createChart, Ei as useChart, ji as useIndicatorSelector, Di as useIndicators, Oi as useInteractionState, ki as usePaneRatios, Ai as useViewport };
|