st-comp 0.0.148 → 0.0.149

package/es/Kline.js

@@ -0,0 +1,1901 @@
+import "./base-437d17f3.js";
+import { E as he, a as Ce } from "./el-menu-item-7d04c11a.js";
+import "./el-tooltip-4ed993c7.js";
+import "./el-popper-50100766.js";
+import { defineComponent as Me, openBlock as C, createElementBlock as v, createElementVNode as K, Fragment as ae, renderList as le, normalizeStyle as ye, toDisplayString as q, ref as S, renderSlot as De, createCommentVNode as xe, nextTick as Ye, computed as W, watch as H, onMounted as de, onUnmounted as ge, createVNode as V, withCtx as X, createBlock as Ae, createTextVNode as Oe, normalizeClass as ke } from "vue";
+import * as oe from "echarts";
+import { _ as $ } from "./_plugin-vue_export-helper-dad06003.js";
+import { x as re } from "./index-8542fe24.js";
+import { i as ve, t as be } from "./index.esm-8d9a2abe.js";
+import "./el-tag-985d9aff.js";
+import { E as Ee, a as Se } from "./el-select-9381b156.js";
+import "./el-scrollbar-562d0595.js";
+import "./use-form-common-props-f377e500.js";
+import "./index-0cb48e01.js";
+import "./index-657047bb.js";
+import "./typescript-7ae59c4c.js";
+import "./vnode-7dfd4ed5.js";
+import "./index-39ec9741.js";
+import "./castArray-4251bbe4.js";
+import "./index-a902a0d9.js";
+import "./scroll-387fcfdb.js";
+import "./debounce-ac30be50.js";
+const Fe = { class: "st-kline-tips" }, Qe = { class: "st-kline-tips-row" }, _e = /* @__PURE__ */ Me({
+  __name: "index",
+  props: {
+    // 提示数据
+    data: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(a) {
+    return (t, i) => (C(), v("div", Fe, [
+      K("div", Qe, [
+        (C(!0), v(ae, null, le(a.data, (e) => (C(), v("div", {
+          class: "st-kline-tips-row-item",
+          style: ye({ color: e.color })
+        }, q(e.label) + " " + q(e.value), 5))), 256))
+      ])
+    ]));
+  }
+});
+const se = /* @__PURE__ */ $(_e, [["__scopeId", "data-v-78aed210"]]), Ue = /* @__PURE__ */ Me({
+  __name: "index",
+  emits: ["closeContextMenuCallBack"],
+  setup(a, { emit: t }) {
+    const i = t, e = S(), n = S(), o = S({
+      display: "none",
+      top: "0px",
+      left: "0px"
+    }), z = () => {
+      o.value.display = "none", i("closeContextMenuCallBack"), document.removeEventListener("click", z);
+    }, s = (l) => {
+      if (l.preventDefault(), l.stopPropagation(), o.value.display === "block") {
+        const { offsetX: r, offsetY: j } = l, { offsetWidth: D, offsetHeight: c } = n.value;
+        if (r <= D && j <= c)
+          return;
+      }
+      e.value.click(), o.value = {
+        display: "block",
+        top: `${l.offsetY}px`,
+        left: `${l.offsetX}px`
+      }, Ye(() => {
+        const { bottom: r, height: j, right: D, width: c } = n.value.getBoundingClientRect();
+        r > window.innerHeight ? o.value = {
+          display: "block",
+          top: `${l.offsetY - j}px`,
+          left: `${l.offsetX}px`
+        } : D > window.innerWidth && (o.value = {
+          display: "block",
+          top: `${l.offsetY}px`,
+          left: `${l.offsetX - c}px`
+        });
+      }), document.addEventListener("click", z);
+    };
+    return (l, r) => (C(), v("div", {
+      ref_key: "contextmenuRef",
+      ref: e,
+      class: "contextmenu",
+      onContextmenu: s,
+      onMouseleave: z
+    }, [
+      De(l.$slots, "default", {}, void 0, !0),
+      o.value.display !== "none" ? (C(), v("div", {
+        key: 0,
+        ref_key: "contextmenuContentRef",
+        ref: n,
+        class: "contextmenu-popover",
+        style: ye(o.value)
+      }, [
+        De(l.$slots, "popover", {}, void 0, !0)
+      ], 4)) : xe("", !0)
+    ], 544));
+  }
+});
+const Re = /* @__PURE__ */ $(Ue, [["__scopeId", "data-v-249fd104"]]);
+let Ie = !1, Le = !0, pe = [];
+const fe = (a) => {
+  const t = [], i = [], e = [], n = [], o = [], z = [];
+  return a.forEach((s, l) => {
+    t.push(s[0]), i.push(s[1]), e.push(s[4]), n.push(s[2]), o.push(s[3]), z.push([s[1], s[4], s[3], s[2], Number(s[6]), l === 0 ? s[4] : a[l - 1][4]]);
+  }), { time: t, open: i, close: e, high: n, low: o, kLineData: z };
+}, Be = async () => {
+  if (!Ie)
+    Ie = !0, await ve("./talib.wasm"), Le = !1, pe.forEach((a) => {
+      a();
+    });
+  else if (Le)
+    return new Promise((a) => {
+      pe.push(a);
+    });
+}, ne = (a, t) => a.length > t ? a.slice(a.length - t) : a, Ve = (a, t, i) => a.calculationFn ? a.calculationFn(be, t, i) : new Array(t.time.length).fill(null), Pe = async (a, t, i) => {
+  const e = fe(a);
+  let n = [];
+  return n = fe(n), await Be(), {
+    originData: ne(a, i),
+    kLine: ne(e.kLineData, i),
+    time: ne(e.time, i),
+    indicator: t.config.reduce((o, z) => (o.push({
+      key: z.key,
+      color: z.color,
+      data: ne(Ve(z, e, n), i)
+    }), o), [])
+  };
+}, ce = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjgzNzAzMjM4NzI1IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI2MjUiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTE5OC4wMTYgMTA5LjczODY2N0E3Ny44NjY2NjcgNzcuODY2NjY3IDAgMCAwIDE3MC42NjY2NjcgMTY3LjY4bDAuNTEyIDQxOC45NDRjMCAyMi44NjkzMzMgNi40IDQ4IDE5LjAyOTMzMyA3NS4zMDY2NjcgMTIuNjcyIDI3LjIyMTMzMyAyNy45ODkzMzMgNDguOTM4NjY3IDQ1Ljk1MiA2NC45Mzg2NjZsMjExLjE1NzMzMyAxODguMjAyNjY3YzE3LjA2NjY2NyAxNS40ODggNDAuNTc2IDIzLjk3ODY2NyA2NC45Mzg2NjcgMjMuNTk0NjY3IDI1LjY4NTMzMy0wLjA4NTMzMyA0Ny4zNi03LjkzNiA2NC45ODEzMzMtMjMuNTk0NjY3bDIxMS4yLTE4OC4yMDI2NjdjMTcuOTItMTYgMzMuMTk0NjY3LTM3LjYzMiA0NS44NjY2NjctNjQuOTM4NjY2IDEyLjY3Mi0yNy4zMDY2NjcgMTguNzczMzMzLTUyLjIyNCAxOC41MTczMzMtNzQuOTIyNjY3TDg1My4zMzMzMzMgMTY3LjI1MzMzM2MwLTIyLjI3Mi04Ljk2LTQxLjQ3Mi0yNi44MzczMzMtNTcuNDcyLTE3LjU3ODY2Ny0xNS42MTYtMzkuMzM4NjY3LTIzLjg5MzMzMy02NC45Mzg2NjctMjQuNDA1MzMzbC00OTkuMDI5MzMzIDAuNDY5MzMzYTkzLjMxMiA5My4zMTIgMCAwIDAtNjQuNTEyIDIzLjg5MzMzNHoiIGZpbGw9IiNGRjAwMDAiIHAtaWQ9IjI2MjYiPjwvcGF0aD48cGF0aCBkPSJNMTcwLjcwOTMzMyAxNjcuNzIyNjY3YzAuMTI4LTIxLjc2IDkuOTg0LTQyLjY2NjY2NyAyNy4zOTItNTcuOTQxMzM0YTkzLjMxMiA5My4zMTIgMCAwIDEgNjQuNDY5MzM0LTIzLjg5MzMzM0w3NjEuNiA4NS4zMzMzMzNjMjUuNiAwLjU1NDY2NyA0Ny4zNiA4Ljc4OTMzMyA2NC45Mzg2NjcgMjQuNDA1MzM0IDE3LjkyIDE2IDI2Ljg4IDM1LjIgMjYuODggNTcuNDcybC0wLjU1NDY2NyA0MTkuODRjMC4yOTg2NjcgMjIuNjk4NjY3LTUuODQ1MzMzIDQ3LjYxNi0xOC41MTczMzMgNzQuOTIyNjY2LTEyLjYyOTMzMyAyNy4zMDY2NjctMjcuOTQ2NjY3IDQ4Ljg5Ni00NS44MjQgNjQuODk2bC0yMTEuMjQyNjY3IDE4OC4yMDI2NjdjLTE3LjU3ODY2NyAxNS43MDEzMzMtMzkuMjUzMzMzIDIzLjUwOTMzMy02NC45Mzg2NjcgMjMuNTk0NjY3YTk0LjcyIDk0LjcyIDAgMCAxLTY0Ljk4MTMzMy0yMy41OTQ2NjdsLTIxMS4xNTczMzMtMTg4LjE2Yy0xNy45Mi0xNi4wNDI2NjctMzMuMjgtMzcuNzE3MzMzLTQ1LjkwOTMzNC02NC45ODEzMzMtMTIuNjcyLTI3LjMwNjY2Ny0xOS4wMjkzMzMtNTIuMzk0NjY3LTE5LjAyOTMzMy03NS4zMDY2NjdMMTcwLjY2NjY2NyAxNjcuNzIyNjY3eiBtNDIuNjY2NjY3IDAuMjU2bDAuNTU0NjY3IDQxOC42ODhjMCAxNi4yMTMzMzMgNC44MjEzMzMgMzUuMzI4IDE1LjAxODY2NiA1Ny4zNDQgMTAuMzY4IDIyLjI3MiAyMi4zNTczMzMgMzkuMjEwNjY3IDM1LjYyNjY2NyA1MS4wNzJsMjExLjQxMzMzMyAxODguNDE2YzguOTYgOC4xMDY2NjcgMjEuODg4IDEyLjggMzYuMjI0IDEyLjU0NCAxNS41MzA2NjctMC4wNDI2NjcgMjcuMDkzMzMzLTQuMjY2NjY3IDM2LjY5MzMzNC0xMi44bDIxMS4xNTczMzMtMTg4LjExNzMzNGMxMy4zMTItMTEuOTQ2NjY3IDI1LjMwMTMzMy0yOC44NDI2NjcgMzUuNTg0LTUxLjA3MiAxMC4xMTItMjEuODQ1MzMzIDE0Ljc2MjY2Ny00MC41NzYgMTQuNTA2NjY3LTU3LjA0NTMzM2wwLjU1NDY2Ni00MTkuNzU0NjY3YzAtOS44OTg2NjctMy41ODQtMTcuNjIxMzMzLTEyLjQ1ODY2Ni0yNS42YTU0LjY5ODY2NyA1NC42OTg2NjcgMCAwIDAtMzYuNjA4LTEzLjYxMDY2NmwtNDk5LjYyNjY2NyAwLjQ2OTMzM2E1MS4zMjggNTEuMzI4IDAgMCAwLTM1Ljc1NDY2NyAxMy4zMTIgMzYuNTY1MzMzIDM2LjU2NTMzMyAwIDAgMC0xMi41MDEzMzMgMjEuNDYxMzMzbC0wLjQyNjY2NyA0LjY5MzMzNHoiIGZpbGw9IiNBRTAwMDAiIHAtaWQ9IjI2MjciPjwvcGF0aD48cGF0aCBkPSJNMzg0IDY1NC4xMjI2NjdoMTUzLjUxNDY2N2M5Ni43NjggMCAxNDIuNzYyNjY3LTQ4Ljk4MTMzMyAxNDIuNzYyNjY2LTExNy4wNzczMzQgMC01OS43MzMzMzMtMzMuNDUwNjY3LTg4LjQwNTMzMy04NC44MjEzMzMtOTcuOTYyNjY2di0xLjc5MmM0OC45ODEzMzMtMTUuNTMwNjY3IDY2LjkwMTMzMy00Ni41OTIgNjYuOTAxMzMzLTg5LjYgMC02NS4xMDkzMzMtNDAuNjE4NjY3LTEwMy4zMzg2NjctMTM0Ljk5NzMzMy0xMDMuMzM4NjY3SDM4NHY0MDkuNzcwNjY3eiBtNzIuODc0NjY3LTU0Ljk1NDY2N3YtMTMxLjQxMzMzM2g2Ni4zMDRjNTEuOTY4IDAgODAuMDQyNjY3IDE3LjkyIDgwLjA0MjY2NiA2NS4xMDkzMzMgMCA0NC44LTI2LjI4MjY2NyA2Ni4zMDQtNzUuODYxMzMzIDY2LjMwNGgtNzAuNDg1MzMzeiBtMC0xODAuMzk0NjY3VjI5OC43MDkzMzNoNjAuMzMwNjY2YzQ3LjE4OTMzMyAwIDcyLjI3NzMzMyAxNC45MzMzMzMgNzIuMjc3MzM0IDU5LjEzNiAwIDQ2LjU5Mi0zMi4yNTYgNjAuOTI4LTc1LjI2NCA2MC45MjhoLTU3LjM0NHoiIGZpbGw9IiNGRkZGRkYiIHAtaWQ9IjI2MjgiPjwvcGF0aD48L3N2Zz4=", ue = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjgzNzAzMjQxNjY0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI3NzciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTE5OC4wMTYgMTA5LjczODY2N0E3Ny44NjY2NjcgNzcuODY2NjY3IDAgMCAwIDE3MC42NjY2NjcgMTY3LjY4bDAuNTEyIDQxOC45NDRjMCAyMi44NjkzMzMgNi40IDQ4IDE5LjAyOTMzMyA3NS4zMDY2NjcgMTIuNjcyIDI3LjIyMTMzMyAyNy45ODkzMzMgNDguOTM4NjY3IDQ1Ljk1MiA2NC45Mzg2NjZsMjExLjE1NzMzMyAxODguMjAyNjY3YzE3LjA2NjY2NyAxNS40ODggNDAuNTc2IDIzLjk3ODY2NyA2NC45Mzg2NjcgMjMuNTk0NjY3IDI1LjY4NTMzMy0wLjA4NTMzMyA0Ny4zNi03LjkzNiA2NC45ODEzMzMtMjMuNTk0NjY3bDIxMS4yLTE4OC4yMDI2NjdjMTcuOTItMTYgMzMuMTk0NjY3LTM3LjYzMiA0NS44NjY2NjctNjQuOTM4NjY2IDEyLjY3Mi0yNy4zMDY2NjcgMTguNzczMzMzLTUyLjIyNCAxOC41MTczMzMtNzQuOTIyNjY3TDg1My4zMzMzMzMgMTY3LjI1MzMzM2MwLTIyLjI3Mi04Ljk2LTQxLjQ3Mi0yNi44MzczMzMtNTcuNDcyLTE3LjU3ODY2Ny0xNS42MTYtMzkuMzM4NjY3LTIzLjg5MzMzMy02NC45Mzg2NjctMjQuNDA1MzMzbC00OTkuMDI5MzMzIDAuNDY5MzMzYTkzLjMxMiA5My4zMTIgMCAwIDAtNjQuNTEyIDIzLjg5MzMzNHoiIGZpbGw9IiM1NEFCMzAiIHAtaWQ9IjI3NzgiPjwvcGF0aD48cGF0aCBkPSJNMTcwLjY2NjY2NyAxNjcuNjhjMC4xMjgtMjEuNzYgOS45NDEzMzMtNDIuNjY2NjY3IDI3LjM0OTMzMy01Ny45NDEzMzNhOTMuMzEyIDkzLjMxMiAwIDAgMSA2NC41MTItMjMuODkzMzM0TDc2MS41NTczMzMgODUuMzMzMzMzYzI1LjYgMC41NTQ2NjcgNDcuMzYgOC43ODkzMzMgNjQuOTM4NjY3IDI0LjQwNTMzNCAxNy45MiAxNiAyNi44MzczMzMgMzUuMiAyNi44MzczMzMgNTcuNDcybC0wLjUxMiA0MTkuODRjMC4yOTg2NjcgMjIuNjU2LTUuODQ1MzMzIDQ3LjYxNi0xOC41MTczMzMgNzQuODgtMTIuNjcyIDI3LjMwNjY2Ny0yNy45NDY2NjcgNDguOTM4NjY3LTQ1Ljg2NjY2NyA2NC45Mzg2NjZsLTIxMS4yIDE4OC4yMDI2NjdjLTE3LjYyMTMzMyAxNS42NTg2NjctMzkuMjUzMzMzIDIzLjUwOTMzMy02NC45ODEzMzMgMjMuNTk0NjY3YTk0LjcyIDk0LjcyIDAgMCAxLTY0LjkzODY2Ny0yMy41OTQ2NjdsLTIxMS4yLTE4OC4yMDI2NjdjLTE3LjkyLTE2LTMzLjIzNzMzMy0zNy43MTczMzMtNDUuOTA5MzMzLTY0LjkzODY2Ni0xMi42MjkzMzMtMjcuMzA2NjY3LTE5LjAyOTMzMy01Mi40MzczMzMtMTkuMDI5MzMzLTc1LjMwNjY2N0wxNzAuNjY2NjY3IDE2Ny42OHogbTQyLjYyNCAwLjI1NmwwLjU1NDY2NiA0MTguNjg4YzAgMTYuMTcwNjY3IDQuODY0IDM1LjMyOCAxNS4wNjEzMzQgNTcuMzQ0IDEwLjM2OCAyMi4yNzIgMjIuMzE0NjY3IDM5LjE2OCAzNS42MjY2NjYgNTEuMDI5MzMzbDIxMS40MTMzMzQgMTg4LjQxNmM4Ljk2IDguMTA2NjY3IDIxLjg4OCAxMi44IDM2LjIyNCAxMi41ODY2NjcgMTUuNTMwNjY3LTAuMDQyNjY3IDI3LjA5MzMzMy00LjI2NjY2NyAzNi42OTMzMzMtMTIuOGwyMTEuMTE0NjY3LTE4OC4xNmMxMy4zNTQ2NjctMTEuOTQ2NjY3IDI1LjMwMTMzMy0yOC44NDI2NjcgMzUuNjI2NjY2LTUxLjA3MiAxMC4xMTItMjEuNzYgMTQuNzYyNjY3LTQwLjUzMzMzMyAxNC41MDY2NjctNTcuMDAyNjY3TDgxMC42NjY2NjcgMTY3LjIxMDY2N2MwLTkuODk4NjY3LTMuNTg0LTE3LjYyMTMzMy0xMi41MDEzMzQtMjUuNkE1NC42OTg2NjcgNTQuNjk4NjY3IDAgMCAwIDc2MS42IDEyOGwtNDk5LjYyNjY2NyAwLjQ2OTMzM2E1MS4zMjggNTEuMzI4IDAgMCAwLTM1Ljc1NDY2NiAxMy4yNjkzMzQgMzYuNTY1MzMzIDM2LjU2NTMzMyAwIDAgMC0xMi41MDEzMzQgMjEuNTA0bC0wLjQyNjY2NiA0LjY5MzMzM3oiIGZpbGw9IiMzODhEMTQiIHAtaWQ9IjI3NzkiPjwvcGF0aD48cGF0aCBkPSJNNTA2LjQ1MzMzMyA2NzQuNzMwNjY3Yzk5LjE1NzMzMyAwIDE0Ni4zNDY2NjctNDguMzg0IDE0Ni4zNDY2NjctMTI2LjAzNzMzNCAwLTcyLjg3NDY2Ny0zOC44MjY2NjctOTkuNzU0NjY3LTEwMy4zMzg2NjctMTE4LjI3MmwtMzguMjI5MzMzLTExLjk0NjY2NmMtNDAuNjE4NjY3LTExLjM0OTMzMy01Mi41NjUzMzMtMjUuMDg4LTUyLjU2NTMzMy01Ny4zNDQgMC0zMi44NTMzMzMgMjMuODkzMzMzLTUwLjc3MzMzMyA2Ni45MDEzMzMtNTAuNzczMzM0IDQ1LjM5NzMzMyAwIDc4Ljg0OCA5LjU1NzMzMyAxMDQuNTMzMzMzIDIwLjMwOTMzNFYyNzMuMzIyNjY3Yy0yMi42OTg2NjctMTEuOTQ2NjY3LTUxLjk2OC0yMi4xMDEzMzMtMTA1LjcyOC0yMi4xMDEzMzQtOTIuNTg2NjY3IDAtMTM3LjM4NjY2NyA0Ny4xODkzMzMtMTM3LjM4NjY2NiAxMTYuNDggMCA2OS4yOTA2NjcgMzUuMjQyNjY3IDEwMC4zNTIgOTMuMTg0IDExNi40OGwzOC44MjY2NjYgMTAuNzUyYzQ0LjggMTMuNzM4NjY3IDU5LjczMzMzMyAyNi44OCA1OS43MzMzMzQgNjAuOTI4IDAgMzcuMDM0NjY3LTIzLjI5NiA1OS43MzMzMzMtNzguMjUwNjY3IDU5LjczMzMzNC00NC44IDAtODMuNjI2NjY3LTEwLjc1Mi0xMTYuNDgtMjUuMDg4djU3Ljk0MTMzM2MyOC4wNzQ2NjcgMTQuOTMzMzMzIDY4LjY5MzMzMyAyNi4yODI2NjcgMTIyLjQ1MzMzMyAyNi4yODI2Njd6IiBmaWxsPSIjRkZGRkZGIiBwLWlkPSIyNzgwIj48L3BhdGg+PC9zdmc+", Ne = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjgzNzAzMjI4MjAyIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjMwNzgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTE5OC4wMTYgMTA5LjczODY2N0E3Ny44NjY2NjcgNzcuODY2NjY3IDAgMCAwIDE3MC42NjY2NjcgMTY3LjY4bDAuNTEyIDQxOC45NDRjMCAyMi44NjkzMzMgNi40IDQ4IDE5LjAyOTMzMyA3NS4zMDY2NjcgMTIuNjcyIDI3LjIyMTMzMyAyNy45ODkzMzMgNDguOTM4NjY3IDQ1Ljk1MiA2NC45Mzg2NjZsMjExLjE1NzMzMyAxODguMjAyNjY3YzE3LjA2NjY2NyAxNS40ODggNDAuNTc2IDIzLjk3ODY2NyA2NC45Mzg2NjcgMjMuNTk0NjY3IDI1LjY4NTMzMy0wLjA4NTMzMyA0Ny4zNi03LjkzNiA2NC45ODEzMzMtMjMuNTk0NjY3bDIxMS4yLTE4OC4yMDI2NjdjMTcuOTItMTYgMzMuMTk0NjY3LTM3LjYzMiA0NS44NjY2NjctNjQuOTM4NjY2IDEyLjY3Mi0yNy4zMDY2NjcgMTguNzczMzMzLTUyLjIyNCAxOC41MTczMzMtNzQuOTIyNjY3TDg1My4zMzMzMzMgMTY3LjI1MzMzM2MwLTIyLjI3Mi04Ljk2LTQxLjQ3Mi0yNi44MzczMzMtNTcuNDcyLTE3LjU3ODY2Ny0xNS42MTYtMzkuMzM4NjY3LTIzLjg5MzMzMy02NC45Mzg2NjctMjQuNDA1MzMzbC00OTkuMDI5MzMzIDAuNDY5MzMzYTkzLjMxMiA5My4zMTIgMCAwIDAtNjQuNTEyIDIzLjg5MzMzNHoiIGZpbGw9IiNDODgwRkYiIHAtaWQ9IjMwNzkiPjwvcGF0aD48cGF0aCBkPSJNMTcwLjY2NjY2NyAxNjcuNjhjMC4xMjgtMjEuNzYgOS45NDEzMzMtNDIuNjY2NjY3IDI3LjM0OTMzMy01Ny45NDEzMzNhOTMuMzEyIDkzLjMxMiAwIDAgMSA2NC41MTItMjMuODkzMzM0TDc2MS41NTczMzMgODUuMzMzMzMzYzI1LjYgMC41NTQ2NjcgNDcuMzYgOC43ODkzMzMgNjQuOTM4NjY3IDI0LjQwNTMzNCAxNy45MiAxNiAyNi44MzczMzMgMzUuMiAyNi44MzczMzMgNTcuNDcybC0wLjUxMiA0MTkuODRjMC4yOTg2NjcgMjIuNjU2LTUuODQ1MzMzIDQ3LjYxNi0xOC41MTczMzMgNzQuODgtMTIuNjcyIDI3LjMwNjY2Ny0yNy45NDY2NjcgNDguOTM4NjY3LTQ1Ljg2NjY2NyA2NC45Mzg2NjZsLTIxMS4yIDE4OC4yMDI2NjdjLTE3LjYyMTMzMyAxNS42NTg2NjctMzkuMjUzMzMzIDIzLjUwOTMzMy02NC45ODEzMzMgMjMuNTk0NjY3YTk0LjcyIDk0LjcyIDAgMCAxLTY0LjkzODY2Ny0yMy41OTQ2NjdsLTIxMS4yLTE4OC4yMDI2NjdjLTE3LjkyLTE2LTMzLjIzNzMzMy0zNy43MTczMzMtNDUuOTA5MzMzLTY0LjkzODY2Ni0xMi42MjkzMzMtMjcuMzA2NjY3LTE5LjAyOTMzMy01Mi40MzczMzMtMTkuMDI5MzMzLTc1LjMwNjY2N0wxNzAuNjY2NjY3IDE2Ny42OHogbTQyLjYyNCAwLjI1NmwwLjU1NDY2NiA0MTguNjg4YzAgMTYuMTcwNjY3IDQuODY0IDM1LjMyOCAxNS4wNjEzMzQgNTcuMzQ0IDEwLjM2OCAyMi4yNzIgMjIuMzE0NjY3IDM5LjE2OCAzNS42MjY2NjYgNTEuMDI5MzMzbDIxMS40MTMzMzQgMTg4LjQxNmM4Ljk2IDguMTA2NjY3IDIxLjg4OCAxMi44IDM2LjIyNCAxMi41ODY2NjcgMTUuNTMwNjY3LTAuMDQyNjY3IDI3LjA5MzMzMy00LjI2NjY2NyAzNi42OTMzMzMtMTIuOGwyMTEuMTE0NjY3LTE4OC4xNmMxMy4zNTQ2NjctMTEuOTQ2NjY3IDI1LjMwMTMzMy0yOC44NDI2NjcgMzUuNjI2NjY2LTUxLjA3MiAxMC4xMTItMjEuNzYgMTQuNzYyNjY3LTQwLjUzMzMzMyAxNC41MDY2NjctNTcuMDAyNjY3TDgxMC42NjY2NjcgMTY3LjIxMDY2N2MwLTkuODk4NjY3LTMuNTg0LTE3LjYyMTMzMy0xMi41MDEzMzQtMjUuNkE1NC42OTg2NjcgNTQuNjk4NjY3IDAgMCAwIDc2MS42IDEyOGwtNDk5LjYyNjY2NyAwLjQ2OTMzM2E1MS4zMjggNTEuMzI4IDAgMCAwLTM1Ljc1NDY2NiAxMy4yNjkzMzQgMzYuNTY1MzMzIDM2LjU2NTMzMyAwIDAgMC0xMi41MDEzMzQgMjEuNTA0bC0wLjQyNjY2NiA0LjY5MzMzM3oiIGZpbGw9IiNBRTQ0RkYiIHAtaWQ9IjMwODAiPjwvcGF0aD48cGF0aCBkPSJNNDc1LjMwNjY2NyA2NTguMjE4NjY3aDczLjQ3MlYzMDYuMzg5MzMzaDExNi40OFYyNDguNDQ4aC0zMDcuNjI2NjY3djU3Ljk0MTMzM2gxMTcuNjc0NjY3eiIgZmlsbD0iI0ZGRkZGRiIgcC1pZD0iMzA4MSI+PC9wYXRoPjwvc3ZnPg==", J = (a, t) => {
+  const { type: i = "log", color: e = "black" } = t ?? {};
+  localStorage.getItem("st-kline-console-show") === "true" && console[i](`%c${a}`, `color:${e}`);
+}, h = (a) => a || a === 0 ? Math.round(a * 1e3) / 1e3 : null, We = (a) => a >= 1e12 ? `${(a / 1e12).toFixed(2)}万亿` : a >= 1e8 ? `${(a / 1e8).toFixed(2)}亿` : a >= 1e4 ? `${(a / 1e4).toFixed(2)}万` : a.toFixed(2), Ze = (a) => {
+  const { y: t, text: i, info: e, gridLeft: n, gridRight: o, echartsWidth: z, echartsInstance: s } = a, { config: l, event: r } = e;
+  let j = 0;
+  return {
+    type: "group",
+    draggable: l.draggable ? "vertical" : !1,
+    children: [
+      {
+        type: "line",
+        info: e,
+        shape: {
+          x1: n,
+          y1: t,
+          x2: z - o,
+          y2: t
+        },
+        style: {
+          stroke: l.lineColor,
+          lineWidth: 1,
+          lineDash: [8, 4]
+        },
+        z: 10
+      },
+      {
+        type: "group",
+        x: z,
+        y: t - 5,
+        children: [
+          {
+            type: "text",
+            left: -1 * o,
+            info: e,
+            style: {
+              fill: l.textColor,
+              text: i,
+              stroke: "#000",
+              lineWidth: 1,
+              opacity: 1
+            },
+            z: 10
+          }
+        ]
+      }
+    ],
+    // 事件:鼠标滑入
+    onmouseover: (D) => {
+      r.onmouseover instanceof Function && r.onmouseover(D, e);
+    },
+    // 事件:鼠标滑出
+    onmouseout: (D) => {
+      r.onmouseout instanceof Function && r.onmouseout(D, e);
+    },
+    // 事件:开始拖拽
+    ondragstart: (D) => {
+      r.ondragstart instanceof Function && l.draggable && (j = D.offsetY, r.ondragstart(D, e));
+    },
+    // 事件:结束拖拽
+    ondragend: (D) => {
+      if (r.ondragend instanceof Function && l.draggable) {
+        const u = D.offsetY - j;
+        if (u === 0)
+          return;
+        const I = s.convertFromPixel({ yAxisIndex: 0 }, t + u);
+        r.ondragend(D, e, I);
+      }
+    }
+  };
+}, Ge = (a) => {
+  const { y: t, text: i, info: e, gridLeft: n, gridRight: o, echartsWidth: z, echartsInstance: s } = a, { config: l, event: r } = e;
+  let j = 0;
+  const D = (u) => {
+    let I = null;
+    u.target.type === "line" ? I = u.target.parent : u.target.type === "tspan" && (I = u.target.parent.parent.parent), I.children()[1].children()[0].animate("style", !1).when(200, { opacity: 1 }).start();
+  }, c = (u) => {
+    let I = null;
+    u.target.type === "line" ? I = u.target.parent : u.target.type === "tspan" && (I = u.target.parent.parent.parent), I.children()[1].children()[0].animate("style", !1).when(200, { opacity: 0 }).start();
+  };
+  return {
+    type: "group",
+    draggable: l.draggable ? "vertical" : !1,
+    // 是否支持拖拽
+    children: [
+      {
+        type: "line",
+        info: e,
+        shape: {
+          x1: n,
+          y1: t,
+          x2: z - o,
+          y2: t
+        },
+        style: {
+          stroke: l.lineColor,
+          lineWidth: 1
+        },
+        z: 10
+      },
+      {
+        type: "group",
+        x: z / 2,
+        y: t - 5,
+        children: [
+          {
+            type: "text",
+            left: "center",
+            info: e,
+            style: {
+              fill: l.textColor,
+              text: i,
+              stroke: "#000",
+              lineWidth: 1,
+              opacity: 0
+              //隐藏文本
+            },
+            z: 10
+          }
+        ]
+      }
+    ],
+    // 事件:鼠标滑入
+    onmouseover: (u) => {
+      r.onmouseover instanceof Function ? r.onmouseover(u, e) : D(u);
+    },
+    // 事件:鼠标滑出
+    onmouseout: (u) => {
+      r.onmouseout instanceof Function ? r.onmouseout(u, e) : c(u);
+    },
+    // 事件:开始拖拽
+    ondragstart: (u) => {
+      r.ondragstart instanceof Function && l.draggable && (j = u.offsetY, r.ondragstart(u, e));
+    },
+    // 事件:结束拖拽
+    ondragend: (u) => {
+      if (r.ondragend instanceof Function && l.draggable) {
+        const M = u.offsetY - j;
+        if (M === 0)
+          return;
+        const p = s.convertFromPixel({ yAxisIndex: 0 }, t + M);
+        r.ondragend(u, e, p);
+      }
+    }
+  };
+}, $e = (a) => {
+  const { y: t, text: i, profitY: e, profitText: n, lossY: o, lossText: z, info: s, gridLeft: l, gridRight: r, echartsWidth: j, echartsInstance: D } = a, { config: c, event: u } = s;
+  let I = 0, M = null, p = null;
+  const m = (N, d) => {
+    var T, x, A, k;
+    (T = N.children()[2]) == null || T.animate("style", !1).when(200, { opacity: ~~d }).start(), (x = N.children()[3].children()[0]) == null || x.animate("style", !1).when(200, { opacity: ~~d }).start(), (A = N.children()[4]) == null || A.animate("style", !1).when(200, { opacity: ~~d }).start(), (k = N.children()[5].children()[0]) == null || k.animate("style", !1).when(200, { opacity: ~~d }).start();
+  }, w = (N) => {
+    let d = null;
+    N.target.type === "line" ? d = N.target.parent : N.target.type === "tspan" && (d = N.target.parent.parent.parent), M = (T) => {
+      T.preventDefault(), (T.code === "AltLeft" || T.code === "AltRight") && m(d, !0);
+    }, p = (T) => {
+      (T.code === "AltLeft" || T.code === "AltRight") && m(d, !1);
+    }, window.addEventListener("keydown", M), window.addEventListener("keyup", p);
+  }, b = (N) => {
+    let d = null;
+    N.target.type === "line" ? d = N.target.parent : N.target.type === "tspan" && (d = N.target.parent.parent.parent), m(d, !1), window.removeEventListener("keydown", M), window.removeEventListener("keyup", p);
+  };
+  return {
+    type: "group",
+    draggable: c.draggable ? "vertical" : !1,
+    // 是否支持拖拽
+    children: [
+      // 条件单-主线
+      {
+        type: "line",
+        info: s,
+        shape: {
+          x1: l,
+          y1: t,
+          x2: j - r,
+          y2: t
+        },
+        style: {
+          stroke: c.lineColor,
+          lineWidth: 1
+        },
+        z: 10
+      },
+      // 条件单-文本内容
+      {
+        type: "group",
+        x: j / 2,
+        y: t - 5,
+        children: [
+          {
+            type: "text",
+            left: "center",
+            info: s,
+            style: {
+              fill: c.textColor,
+              // 填充色
+              text: i,
+              stroke: "#000",
+              // 线条颜色
+              lineWidth: 1,
+              opacity: 1
+              //直接展示文本
+            },
+            z: 10
+          }
+        ]
+      },
+      // 条件单-止盈线
+      {
+        type: "line",
+        info: s,
+        shape: {
+          x1: l,
+          y1: e,
+          x2: j - r,
+          y2: e
+        },
+        style: {
+          stroke: c.profitLineColor,
+          lineWidth: 1,
+          lineDash: [8, 4],
+          opacity: 0
+        },
+        z: 10
+      },
+      // 条件单-止盈线文本内容
+      {
+        type: "group",
+        x: j / 2,
+        y: e - 5,
+        children: [
+          {
+            type: "text",
+            left: "center",
+            info: s,
+            style: {
+              fill: c.profitTextColor,
+              text: n,
+              stroke: "#000",
+              lineWidth: 1,
+              opacity: 0
+            },
+            z: 10
+          }
+        ]
+      },
+      // 条件单-止损线
+      {
+        type: "line",
+        info: s,
+        shape: {
+          x1: l,
+          y1: o,
+          x2: j - r,
+          y2: o
+        },
+        style: {
+          stroke: c.lossLineColor,
+          lineWidth: 1,
+          lineDash: [8, 4],
+          opacity: 0
+        },
+        z: 10
+      },
+      // 条件单-止损线文本内容
+      {
+        type: "group",
+        x: j / 2,
+        y: o - 5,
+        children: [
+          {
+            type: "text",
+            left: "center",
+            info: s,
+            style: {
+              fill: c.lossTextColor,
+              text: z,
+              stroke: "#000",
+              lineWidth: 1,
+              opacity: 0
+            },
+            z: 10
+          }
+        ]
+      }
+    ],
+    // 事件:鼠标滑入
+    onmouseover: (N) => {
+      u.onmouseover instanceof Function ? u.onmouseover(N, s) : w(N);
+    },
+    // 事件:鼠标滑出
+    onmouseout: (N) => {
+      u.onmouseout instanceof Function ? u.onmouseout(N, s) : b(N);
+    },
+    // 事件:开始拖拽
+    ondragstart: (N) => {
+      u.ondragstart instanceof Function && c.draggable && (I = N.offsetY, u.ondragstart(N, s));
+    },
+    // 事件:结束拖拽
+    ondragend: (N) => {
+      if (u.ondragend instanceof Function && c.draggable) {
+        const T = N.offsetY - I;
+        if (T === 0)
+          return;
+        const x = D.convertFromPixel({ yAxisIndex: 0 }, t + T);
+        u.ondragend(N, s, x);
+      }
+    }
+  };
+}, ie = (a, t) => {
+  const { direction: i = "", tradeAction: e = "", tradeType: n = "" } = a;
+  if (t === "sellBuy") {
+    const o = n ?? i + e;
+    return (/* @__PURE__ */ new Map([
+      ["开多", "买"],
+      ["平多", "卖"],
+      ["开空", "卖"],
+      ["平空", "买"]
+    ])).get(o);
+  } else if (t === "openClose")
+    return n ?? i + e;
+}, He = (a, t) => a.reduce((i, e) => {
+  var j;
+  const n = ie(e, "sellBuy"), o = a.filter((D) => D.time === e.time);
+  let z = "image://" + new URL((/* @__PURE__ */ Object.assign({ "./images/buy.svg": ce, "./images/sell.svg": ue, "./images/t.svg": Ne }))[`./images/${n === "买" ? "buy" : "sell"}.svg`], self.location).href;
+  o.length > 1 ? [...new Set(o.map((c) => ie(c, "sellBuy")))].length > 1 ? z = "image://" + new URL("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjgzNzAzMjI4MjAyIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjMwNzgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTE5OC4wMTYgMTA5LjczODY2N0E3Ny44NjY2NjcgNzcuODY2NjY3IDAgMCAwIDE3MC42NjY2NjcgMTY3LjY4bDAuNTEyIDQxOC45NDRjMCAyMi44NjkzMzMgNi40IDQ4IDE5LjAyOTMzMyA3NS4zMDY2NjcgMTIuNjcyIDI3LjIyMTMzMyAyNy45ODkzMzMgNDguOTM4NjY3IDQ1Ljk1MiA2NC45Mzg2NjZsMjExLjE1NzMzMyAxODguMjAyNjY3YzE3LjA2NjY2NyAxNS40ODggNDAuNTc2IDIzLjk3ODY2NyA2NC45Mzg2NjcgMjMuNTk0NjY3IDI1LjY4NTMzMy0wLjA4NTMzMyA0Ny4zNi03LjkzNiA2NC45ODEzMzMtMjMuNTk0NjY3bDIxMS4yLTE4OC4yMDI2NjdjMTcuOTItMTYgMzMuMTk0NjY3LTM3LjYzMiA0NS44NjY2NjctNjQuOTM4NjY2IDEyLjY3Mi0yNy4zMDY2NjcgMTguNzczMzMzLTUyLjIyNCAxOC41MTczMzMtNzQuOTIyNjY3TDg1My4zMzMzMzMgMTY3LjI1MzMzM2MwLTIyLjI3Mi04Ljk2LTQxLjQ3Mi0yNi44MzczMzMtNTcuNDcyLTE3LjU3ODY2Ny0xNS42MTYtMzkuMzM4NjY3LTIzLjg5MzMzMy02NC45Mzg2NjctMjQuNDA1MzMzbC00OTkuMDI5MzMzIDAuNDY5MzMzYTkzLjMxMiA5My4zMTIgMCAwIDAtNjQuNTEyIDIzLjg5MzMzNHoiIGZpbGw9IiNDODgwRkYiIHAtaWQ9IjMwNzkiPjwvcGF0aD48cGF0aCBkPSJNMTcwLjY2NjY2NyAxNjcuNjhjMC4xMjgtMjEuNzYgOS45NDEzMzMtNDIuNjY2NjY3IDI3LjM0OTMzMy01Ny45NDEzMzNhOTMuMzEyIDkzLjMxMiAwIDAgMSA2NC41MTItMjMuODkzMzM0TDc2MS41NTczMzMgODUuMzMzMzMzYzI1LjYgMC41NTQ2NjcgNDcuMzYgOC43ODkzMzMgNjQuOTM4NjY3IDI0LjQwNTMzNCAxNy45MiAxNiAyNi44MzczMzMgMzUuMiAyNi44MzczMzMgNTcuNDcybC0wLjUxMiA0MTkuODRjMC4yOTg2NjcgMjIuNjU2LTUuODQ1MzMzIDQ3LjYxNi0xOC41MTczMzMgNzQuODgtMTIuNjcyIDI3LjMwNjY2Ny0yNy45NDY2NjcgNDguOTM4NjY3LTQ1Ljg2NjY2NyA2NC45Mzg2NjZsLTIxMS4yIDE4OC4yMDI2NjdjLTE3LjYyMTMzMyAxNS42NTg2NjctMzkuMjUzMzMzIDIzLjUwOTMzMy02NC45ODEzMzMgMjMuNTk0NjY3YTk0LjcyIDk0LjcyIDAgMCAxLTY0LjkzODY2Ny0yMy41OTQ2NjdsLTIxMS4yLTE4OC4yMDI2NjdjLTE3LjkyLTE2LTMzLjIzNzMzMy0zNy43MTczMzMtNDUuOTA5MzMzLTY0LjkzODY2Ni0xMi42MjkzMzMtMjcuMzA2NjY3LTE5LjAyOTMzMy01Mi40MzczMzMtMTkuMDI5MzMzLTc1LjMwNjY2N0wxNzAuNjY2NjY3IDE2Ny42OHogbTQyLjYyNCAwLjI1NmwwLjU1NDY2NiA0MTguNjg4YzAgMTYuMTcwNjY3IDQuODY0IDM1LjMyOCAxNS4wNjEzMzQgNTcuMzQ0IDEwLjM2OCAyMi4yNzIgMjIuMzE0NjY3IDM5LjE2OCAzNS42MjY2NjYgNTEuMDI5MzMzbDIxMS40MTMzMzQgMTg4LjQxNmM4Ljk2IDguMTA2NjY3IDIxLjg4OCAxMi44IDM2LjIyNCAxMi41ODY2NjcgMTUuNTMwNjY3LTAuMDQyNjY3IDI3LjA5MzMzMy00LjI2NjY2NyAzNi42OTMzMzMtMTIuOGwyMTEuMTE0NjY3LTE4OC4xNmMxMy4zNTQ2NjctMTEuOTQ2NjY3IDI1LjMwMTMzMy0yOC44NDI2NjcgMzUuNjI2NjY2LTUxLjA3MiAxMC4xMTItMjEuNzYgMTQuNzYyNjY3LTQwLjUzMzMzMyAxNC41MDY2NjctNTcuMDAyNjY3TDgxMC42NjY2NjcgMTY3LjIxMDY2N2MwLTkuODk4NjY3LTMuNTg0LTE3LjYyMTMzMy0xMi41MDEzMzQtMjUuNkE1NC42OTg2NjcgNTQuNjk4NjY3IDAgMCAwIDc2MS42IDEyOGwtNDk5LjYyNjY2NyAwLjQ2OTMzM2E1MS4zMjggNTEuMzI4IDAgMCAwLTM1Ljc1NDY2NiAxMy4yNjkzMzQgMzYuNTY1MzMzIDM2LjU2NTMzMyAwIDAgMC0xMi41MDEzMzQgMjEuNTA0bC0wLjQyNjY2NiA0LjY5MzMzM3oiIGZpbGw9IiNBRTQ0RkYiIHAtaWQ9IjMwODAiPjwvcGF0aD48cGF0aCBkPSJNNDc1LjMwNjY2NyA2NTguMjE4NjY3aDczLjQ3MlYzMDYuMzg5MzMzaDExNi40OFYyNDguNDQ4aC0zMDcuNjI2NjY3djU3Ljk0MTMzM2gxMTcuNjc0NjY3eiIgZmlsbD0iI0ZGRkZGRiIgcC1pZD0iMzA4MSI+PC9wYXRoPjwvc3ZnPg==", self.location).href : z = "image://" + new URL((/* @__PURE__ */ Object.assign({ "./images/buy.svg": ce, "./images/sell.svg": ue, "./images/t.svg": Ne }))[`./images/${n === "买" ? "buy" : "sell"}.svg`], self.location).href : z = "image://" + new URL((/* @__PURE__ */ Object.assign({ "./images/buy.svg": ce, "./images/sell.svg": ue, "./images/t.svg": Ne }))[`./images/${n === "买" ? "buy" : "sell"}.svg`], self.location).href;
+  const l = (t.find((D) => D[0] === e.time) ?? [])[2], r = ((j = e == null ? void 0 : e.markLineTarget) == null ? void 0 : j.map((D) => {
+    const c = e.time, u = l + "", I = D.time, M = t.find((m) => m[0] === D.time), p = M ? M[3] : null;
+    return [
+      {
+        coord: [c, u],
+        lineStyle: D.lineStyle
+      },
+      {
+        coord: [I, p]
+      }
+    ];
+  })) ?? null;
+  return i.push({
+    symbol: z,
+    // 图标
+    symbolSize: 25,
+    // 图标大小
+    animation: !1,
+    // 是否展示动画
+    coord: [e.time + "", l],
+    // X轴[时间],Y轴[最高价]
+    symbolRotate: 0,
+    // 旋转角度
+    symbolOffset: [0, "-7"],
+    // 偏移距离
+    markLineTarget: r
+  }), i;
+}, []), Je = (a, t) => a.reduce((i, e, n) => {
+  var D;
+  const o = ie(e, "openClose"), z = o === "开多" || o === "开空" ? "top" : "bottom", s = t.find((c) => c[0] === e.time) ?? [], l = z === "top" ? s[2] : s[3];
+  let r = 7;
+  r += a.slice(0, n).filter((c) => {
+    const u = ie(c, "openClose");
+    return (u === "开多" || u === "开空" ? "top" : "bottom") === z && c.time === e.time;
+  }).length * 7;
+  const j = ((D = e == null ? void 0 : e.markLineTarget) == null ? void 0 : D.map((c) => {
+    const u = e.time, I = l + "", M = c.time, p = t.find((m) => m[0] === c.time)[3];
+    return [
+      {
+        coord: [u, I],
+        lineStyle: c.lineStyle
+      },
+      {
+        coord: [M, p]
+      }
+    ];
+  })) ?? null;
+  return i.push({
+    symbol: "triangle",
+    // 图标
+    symbolSize: [10, 12],
+    // 图标大小
+    animation: !1,
+    // 是否展示动画
+    coord: [e.time + "", l],
+    // X轴[时间],Y轴[最高价||最低价]
+    symbolRotate: z === "top" ? 180 : 0,
+    //标注旋转角度
+    symbolOffset: [0, `${z === "top" ? r * -1 : r}`],
+    //标注偏移距离
+    itemStyle: { color: z === "top" ? "#FF0000" : "#389e0d" },
+    // 图标颜色
+    // 文本
+    label: {
+      show: !0,
+      // 是否展示
+      position: z,
+      color: "#fff",
+      formatter: `${o} ${z === "top" ? "+" : "-"} ${e.amount}手 ${e.part ? `(${e.part}份)` : ""}`
+    },
+    markLineTarget: j
+  }), i;
+}, []), Xe = (a, t) => a.reduce((i, e) => {
+  const { key: n, data: o } = e;
+  if (o === null || o.length === 0)
+    return i;
+  const s = (/* @__PURE__ */ new Map([
+    // 买卖点
+    [
+      "sellBuy",
+      () => He(o, t)
+    ],
+    // 开平点
+    [
+      "openClose",
+      () => Je(o, t)
+    ],
+    // 信号点
+    ["signal", () => {
+    }]
+  ])).get(n);
+  return s instanceof Function && i.push(...s()), i;
+}, []), ze = async (a, t, i, e, n, o) => {
+  const { totalBarCount: z, defaultShowBarCount: s, maxValueSpan: l, gridLeft: r, gridTop: j, gridRight: D, gridBottom: c, zoomLock: u } = e, { time: I, kLine: M, originData: p, indicator: m } = await Pe(a, i, z), w = m.map((d) => {
+    const { key: T, data: x, color: A } = d;
+    return {
+      name: T,
+      type: "line",
+      silent: !0,
+      symbol: "none",
+      data: x,
+      lineStyle: {
+        width: 1
+      },
+      itemStyle: {
+        color: A
+      }
+    };
+  }), b = Xe(t, p);
+  let N = [];
+  return b.forEach((d) => {
+    d.markLineTarget && (N = [...N, ...d.markLineTarget]);
+  }), {
+    animation: !1,
+    dataset: {
+      id: "data",
+      source: {
+        klineData: M,
+        indicatorData: m
+      }
+    },
+    grid: {
+      left: `${r}px`,
+      top: `${j}px`,
+      right: `${D}px`,
+      bottom: `${c}px`
+    },
+    tooltip: {
+      trigger: "axis",
+      axisPointer: {
+        type: "cross",
+        label: {
+          formatter: (d) => {
+            const { axisDimension: T, value: x } = d;
+            return T === "x" ? x : String(h(x));
+          }
+        }
+      },
+      formatter: (d) => {
+        let T = null, x = "";
+        return d.forEach((A) => {
+          A.seriesName === "资产持仓净值" && A.data !== null && (x += `<div>资产持仓净值: ${A.data}</div>`), A.componentSubType === "candlestick" && t.forEach((k) => {
+            const { key: E, data: U } = k;
+            if (E === "sellBuy") {
+              const F = U.filter((f) => f.time === A.axisValue);
+              let B = 0, g = 0;
+              F.forEach((f) => {
+                f.tradeType === "开多" || f.tradeType === "平空" ? B += f.amount : g += f.amount;
+              }), B && (x += `<div>买: ${B}</div>`), g && (x += `<div>卖: ${g}</div>`);
+            }
+            E === "openClose" && U.forEach((F) => {
+              F.time === A.axisValue && (x += F.tooltip);
+            });
+          }), x && (T = `<div><span style="font-weight: bold;">${A.axisValue}</span>${x}</div>`);
+        }), T;
+      }
+    },
+    xAxis: {
+      type: "category",
+      data: I,
+      axisLine: {
+        show: !0
+      },
+      splitLine: {
+        show: !0,
+        lineStyle: {
+          type: "dotted",
+          color: "#333"
+        }
+      },
+      axisLabel: {
+        show: !0,
+        formatter: (d) => d
+      }
+    },
+    yAxis: [
+      {
+        index: 0,
+        splitLine: {
+          show: !0,
+          lineStyle: {
+            type: "dotted",
+            color: "#333"
+          }
+        },
+        min: (d) => {
+          const { min: T, max: x } = d, A = Math.abs((x - T) / 10);
+          return T - A;
+        },
+        max: (d) => {
+          const { min: T, max: x } = d, A = Math.abs((x - T) / 10);
+          return x + A;
+        },
+        axisLine: {
+          show: !0
+        },
+        axisLabel: {
+          formatter: (d) => h(d),
+          showMaxLabel: !1
+        }
+      },
+      {
+        show: !1,
+        min: "dataMin"
+      }
+    ],
+    dataZoom: [
+      {
+        type: "inside",
+        xAxisIndex: [0, 0],
+        zoomLock: u,
+        maxValueSpan: l,
+        start: M.length >= s ? (M.length - s) / M.length * 100 : 0,
+        end: 99.99
+        // startValue: kLine.length >= defaultShowBarCount ? kLine.length - defaultShowBarCount : 0,
+        // endValue: kLine.length - 1,
+      }
+    ],
+    series: [
+      {
+        name: "k线",
+        type: "candlestick",
+        data: M,
+        markPoint: {
+          data: b
+        },
+        markLine: {
+          position: "middle",
+          textStyle: { color: "blue", fontSize: 15 },
+          animation: !1,
+          data: N,
+          lineStyle: {
+            width: 3,
+            type: "solid"
+          },
+          symbol: ["none", "none"]
+        },
+        itemStyle: {
+          color: "transparent",
+          color0: "#00FFFF",
+          borderColor: "#FF0000",
+          borderColor0: "#00FFFF",
+          borderWidth: 1
+        },
+        z: 1
+      },
+      ...w,
+      {
+        name: "资产持仓净值",
+        type: "line",
+        data: n ?? [],
+        symbol: "none",
+        yAxisIndex: 1,
+        connectNulls: !0,
+        itemStyle: {
+          color: "#666"
+        }
+      },
+      {
+        name: "二腿相关度",
+        type: "line",
+        data: o ?? [],
+        symbol: "none",
+        yAxisIndex: 1,
+        connectNulls: !0,
+        itemStyle: {
+          color: "#FFF"
+        },
+        lineStyle: {
+          // type: "dashed", // 虚线
+          width: 2
+        },
+        label: {
+          show: !0,
+          // 显示文字
+          position: "top",
+          // 文字位置
+          formatter: (d) => `相关度: ${d.data[1]}`,
+          textStyle: {
+            color: "#FFF",
+            // 文字颜色
+            fontSize: 14
+            // 文字字体大小
+          }
+        }
+      }
+    ],
+    toolbox: {
+      show: !1
+    },
+    brush: {
+      xAxisIndex: "all",
+      brushLink: "all",
+      transformable: !1,
+      outOfBrush: {
+        colorAlpha: 1
+      },
+      brushStyle: {
+        color: "rgba(120,140,180,0)",
+        borderColor: "rgba(255,255,255,0.4)"
+      }
+    }
+  };
+}, Ke = (a, t, i) => {
+  var D;
+  const { gridLeft: e, gridRight: n, gridBottom: o, warningConfig: z, positionConfig: s, conditionConfig: l, isOpenDS: r } = t;
+  let j = [];
+  if ((D = i == null ? void 0 : i.getModel()) != null && D.getComponent) {
+    const [c, u] = i.getModel().getComponent("yAxis").axis.scale._extent;
+    let I = [], M = {}, p = [], m = {}, w = [], b = {};
+    if (a.forEach(({ key: N, data: d, ...T }) => {
+      N === "warning" ? (I = d, M = T) : N === "position" ? (p = d, m = T) : N === "condition" && (w = d, b = T);
+    }), I.length > 0 && (j = I.reduce((N, d) => {
+      const { value: T, text: x, info: A, config: k } = d;
+      if (T > u || T < c)
+        return N;
+      const E = {
+        y: i.convertToPixel({ yAxisIndex: 0 }, T),
+        text: x,
+        info: { info: A, config: { ...z, ...k }, event: { ...M } },
+        gridLeft: e,
+        gridRight: n,
+        echartsWidth: i.getWidth(),
+        echartsInstance: i
+      };
+      return [...N, Ze(E)];
+    }, j)), p.length > 0 && (j = p.reduce((N, d) => {
+      const { value: T, text: x, info: A, config: k } = d;
+      if (T > u || T < c)
+        return N;
+      const E = {
+        y: i.convertToPixel({ yAxisIndex: 0 }, T),
+        text: x,
+        info: { info: A, config: { ...s, ...k }, event: { ...m } },
+        gridLeft: e,
+        gridRight: n,
+        echartsWidth: i.getWidth(),
+        echartsInstance: i
+      };
+      return [...N, Ge(E)];
+    }, j)), w.length > 0 && (j = w.reduce((N, d) => {
+      const { value: T, text: x, profitValue: A, profitText: k, lossValue: E, lossText: U, info: F, config: B } = d;
+      if (T > u || T < c)
+        return N;
+      const g = {
+        y: i.convertToPixel({ yAxisIndex: 0 }, T),
+        text: x,
+        profitY: i.convertToPixel({ yAxisIndex: 0 }, A),
+        profitText: k,
+        lossY: i.convertToPixel({ yAxisIndex: 0 }, E),
+        lossText: U,
+        info: { info: F, config: { ...l, ...B }, event: { ...b } },
+        gridLeft: e,
+        gridRight: n,
+        echartsWidth: i.getWidth(),
+        echartsInstance: i
+      };
+      return [...N, $e(g)];
+    }, j)), r) {
+      const N = i.getOption(), d = N.dataset[0].source.klineData.slice(
+        N.dataZoom[0].startValue,
+        N.dataZoom[0].endValue + 1
+      ), T = {};
+      d.forEach((g) => {
+        T[g[1]] ? T[g[1]] += 1 : T[g[1]] = 1;
+      });
+      const x = d[d.length - 1][1], A = d.reduce((g, f) => g + f[1], 0) / d.length, k = x - A, E = et(d, 1, 50), U = tt(d), F = U ? k / U : 0, B = qe(d, 1, x);
+      j = [
+        ...j,
+        {
+          type: "group",
+          draggable: !1,
+          children: Object.keys(T).map((g) => ({
+            type: "line",
+            shape: {
+              x1: i.getWidth() - n - 100 * T[g],
+              y1: i.convertToPixel({ yAxisIndex: 0 }, g),
+              x2: i.getWidth() - n,
+              y2: i.convertToPixel({ yAxisIndex: 0 }, g)
+            },
+            style: {
+              stroke: "rgb(124,124,124)",
+              lineWidth: 1
+            },
+            z: 10
+          }))
+        },
+        {
+          type: "text",
+          x: e + 6,
+          y: i.getHeight() - o - 20,
+          style: {
+            fill: "#FFF",
+            text: `均值: ${h(A)}    距均值: ${h(
+              k
+            )}    中值: ${h(E)}    标准差: ${h(
+              U
+            )}    距均值/标准差: ${h(F)}    百分位: ${h(
+              B
+            )}%`,
+            lineWidth: 1,
+            opacity: 1
+          },
+          z: 10
+        }
+      ];
+    }
+  }
+  return { elements: j };
+}, qe = (a, t, i) => {
+  const { round: e, add: n, subtract: o, multiply: z, divide: s } = re, l = a.map((j) => j[t]).sort((j, D) => j - D);
+  let r = 0;
+  for (let j = 0; j < l.length; j++)
+    if (l[j] === i) {
+      r = j;
+      break;
+    } else if (l[j] >= i) {
+      r = n(j, s(o(l[j + 1], l[j]), l[j]));
+      break;
+    }
+  return e(s(z(r, 100), a.length + 1));
+}, et = (a, t, i) => {
+  const { round: e, add: n, subtract: o, multiply: z, divide: s } = re, l = a.map((c) => c[t]).sort((c, u) => c - u), r = z(a.length + 1, s(i, 100)), j = Math.floor(r), D = o(r, j);
+  return e(D === 0 ? l[r] : n(
+    l[j],
+    z(
+      o(
+        l[j >= a.length - 1 ? j : j + 1],
+        l[j]
+      ),
+      D
+    )
+  ));
+};
+function tt(a) {
+  const t = a.map((z) => z[1]), i = t.length;
+  let e = 0, n = 0;
+  for (const z of t)
+    e += z;
+  const o = e / i;
+  for (const z of t)
+    n += Math.pow(z - o, 2);
+  return Math.sqrt(n / i);
+}
+const nt = { class: "st-kline" }, ot = { class: "st-kline-header" }, it = 300, Mt = /* @__PURE__ */ Me({
+  __name: "index",
+  props: {
+    indicator: {
+      type: Object,
+      default: () => ({})
+    },
+    klineData: {
+      type: Array,
+      default: () => []
+    },
+    markData: {
+      type: Array,
+      default: () => []
+    },
+    lineData: {
+      type: Array,
+      default: () => []
+    },
+    netPositionData: {
+      type: Array,
+      default: () => []
+    },
+    relevanceData: {
+      type: Array,
+      default: () => []
+    },
+    priceTrendData: {
+      type: Array,
+      default: () => []
+    },
+    priceTrendPercentData: {
+      type: Array,
+      default: () => []
+    },
+    brushRange: {
+      type: Array,
+      default: () => []
+    },
+    defaultMenuData: {
+      type: Array,
+      default: () => []
+    },
+    isSelect: {
+      type: Boolean,
+      default: () => !1
+    },
+    config: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(a) {
+    const t = a, i = {
+      totalBarCount: 2e3,
+      defaultShowBarCount: 200,
+      preBarCount: 800,
+      maxValueSpan: 1e4,
+      gridLeft: 60,
+      gridTop: 0,
+      gridRight: 60,
+      gridBottom: 30,
+      // 预警线配置
+      warningConfig: {
+        draggable: !1,
+        lineColor: "#fff",
+        textColor: "#fff"
+      },
+      // 持仓线配置
+      positionConfig: {
+        draggable: !1,
+        lineColor: "#e45d07",
+        textColor: "#fff"
+      },
+      // 条件单配置
+      conditionConfig: {
+        draggable: !1,
+        lineColor: "#fff",
+        textColor: "#fff",
+        profitLineColor: "#b71e44",
+        profitTextColor: "#fff",
+        lossLineColor: "#749b66",
+        lossTextColor: "#fff"
+      },
+      // Tips配置
+      tipsConfig: {
+        open: !0,
+        heigh: !0,
+        low: !0,
+        close: !0,
+        business: !0,
+        riseAndFall: !0
+      },
+      // 动态加载配置
+      dynamicLoadConfig: {
+        historyVisible: !1,
+        historyLoadCallBack: () => {
+        },
+        futureVisible: !1,
+        futureLoadCallBack: () => {
+        }
+      },
+      // 是否禁用鼠标滚轮缩放K线,在开启动态后续数据加载时,建议开启,否则会引起datazoom内部缩放拖拽触发后续加载冲突
+      zoomLock: !1,
+      // 是否启用计算收盘价分布统计功能
+      isOpenDS: !1
+    }, e = W(() => ({ ...i, ...t.config })), n = S(null), o = S(-1), z = W(() => {
+      var g, f;
+      if (n.value && ((f = (g = n.value.dataset[0]) == null ? void 0 : g.source) != null && f.klineData[o.value])) {
+        const L = n.value.dataset[0].source.klineData[o.value], y = [], { open: Y, heigh: O, low: Q, close: R, business: Z, riseAndFall: G } = e.value.tipsConfig;
+        if (Y && y.push({ label: "开", value: h(L[0]), color: "rgb(153, 153, 153)" }), O && y.push({ label: "高", value: h(L[3]), color: "rgb(153, 153, 153)" }), Q && y.push({ label: "低", value: h(L[2]), color: "rgb(153, 153, 153)" }), R && y.push({ label: "收", value: h(L[1]), color: "rgb(153, 153, 153)" }), Z && y.push({ label: "额", value: We(L[4]), color: "rgb(153, 153, 153)" }), G) {
+          let P = ((L[1] - L[5]) / L[1] * 100).toFixed(2), _ = +P == 0 ? "white" : +P > 0 ? "red" : "#00ff00";
+          y.push({ label: "涨跌", value: `${P}%`, color: _ });
+        }
+        return y;
+      }
+      return [];
+    }), s = W(() => {
+      var g, f;
+      return n.value && ((f = (g = n.value.dataset[0]) == null ? void 0 : g.source) != null && f.indicatorData) ? n.value.dataset[0].source.indicatorData.reduce((L, y) => (y.data[o.value] && L.push({
+        label: y.key,
+        value: h(y.data[o.value]),
+        color: y.color
+      }), L), []) : [];
+    }), l = W(() => {
+      const g = [
+        "#FFFFFF",
+        "#FFDD00",
+        "#FF00FF",
+        "#00FF00",
+        "#FF6000",
+        "#1677FF",
+        "#7C3CC9",
+        "#FF0000",
+        "#FB9A0E",
+        "#00B7FF"
+      ];
+      if (t.priceTrendData.length > 0) {
+        const f = [];
+        return t.priceTrendData.forEach((L, y) => {
+          var O;
+          (L.data[o.value] ? h(L.data[o.value][1]) : null) !== null && f.push({
+            label: L.name,
+            value: h((O = L.data[o.value]) == null ? void 0 : O[1]),
+            color: g[y]
+          });
+        }), f;
+      }
+      if (t.priceTrendPercentData.length > 0) {
+        const f = [];
+        return M.getOption().series.filter((y) => y.name.includes("二腿价格走势百分比图")).forEach((y, Y) => {
+          var Q;
+          (y.data[o.value] ? h(y.data[o.value][1]) : null) !== null && f.push({
+            label: y.name.split("-")[1],
+            value: `${h((Q = y.data[o.value]) == null ? void 0 : Q[1])}%`,
+            color: g[Y]
+          });
+        }), f;
+      }
+      return [];
+    });
+    H(
+      () => [t.klineData, t.indicator, t.markData, t.netPositionData, t.relevanceData],
+      () => {
+        r();
+      },
+      {
+        deep: !0
+      }
+    ), H(
+      () => t.lineData,
+      async () => {
+        J("st-kline组件消息:props.lineData监控,额外画线数据发生改变,重绘->line", {
+          color: "red"
+        }), r("line");
+      },
+      {
+        deep: !0
+      }
+    ), H(
+      () => t.brushRange,
+      async () => {
+        J("st-kline组件消息:props.brushRange监控,区域刷选数据发生改变,重绘->brush", {
+          color: "red"
+        }), r("brush");
+      },
+      {
+        deep: !0
+      }
+    ), H(
+      () => t.priceTrendData,
+      async () => {
+        r("priceTrend");
+      },
+      {
+        deep: !0
+      }
+    ), H(
+      () => t.priceTrendPercentData,
+      async () => {
+        r("priceTrendPercent");
+      },
+      {
+        deep: !0
+      }
+    );
+    const r = async (g) => {
+      const L = (/* @__PURE__ */ new Map([
+        // kline-K线绘制
+        [
+          "kline",
+          async () => {
+            const y = await ze(
+              t.klineData,
+              t.markData,
+              t.indicator,
+              e.value,
+              t.netPositionData,
+              t.relevanceData
+            ), { graphic: Y } = M.getOption() ?? { graphic: [] };
+            n.value = { ...y, graphic: Y }, M.setOption(n.value, !0), J("st-kline组件消息:K线绘制完毕-draw", { color: "green" });
+          }
+        ],
+        // line-额外线条绘制
+        [
+          "line",
+          () => {
+            const y = M.getOption(), Y = Ke(t.lineData, e.value, M);
+            n.value = { ...y, graphic: Y }, M.setOption(n.value, {
+              replaceMerge: ["graphic"]
+            }), J("st-kline组件消息:额外画线绘制完毕-draw", { color: "green" });
+          }
+        ],
+        // brush-区域刷选
+        [
+          "brush",
+          () => {
+            const { brushRange: y } = t;
+            y instanceof Array && y.length > 0 && (M.dispatchAction({
+              type: "brush",
+              areas: [
+                {
+                  brushType: "lineX",
+                  coordRange: [y[0] + "", y[1] + ""],
+                  xAxisIndex: 0
+                }
+              ]
+            }), J("st-kline组件消息:区域刷选绘制完毕-draw", { color: "green" }));
+          }
+        ],
+        // 全部绘制
+        [
+          void 0,
+          async () => {
+            await r("kline"), await r("line"), await r("priceTrend"), await r("priceTrendPercent"), await r("brush");
+          }
+        ],
+        // history-K线历史数据绘制
+        [
+          "history",
+          async () => {
+            const y = M.getOption(), Y = await ze(
+              t.klineData,
+              t.markData,
+              t.indicator,
+              e.value,
+              t.netPositionData,
+              t.relevanceData
+            ), O = Y.dataset.source.klineData.length - y.dataset[0].source.klineData.length;
+            M.setOption(
+              {
+                ...Y,
+                dataZoom: [
+                  {
+                    type: "inside",
+                    xAxisIndex: [0, 0],
+                    zoomLock: e.value.zoomLock,
+                    maxValueSpan: e.value.maxValueSpan,
+                    startValue: y.dataZoom[0].startValue + O,
+                    endValue: y.dataZoom[0].endValue + O
+                  }
+                ]
+              },
+              !0
+            ), await r("priceTrend");
+          }
+        ],
+        // future-K线后续数据绘制
+        [
+          "future",
+          async () => {
+            const y = M.getOption(), Y = await ze(
+              t.klineData,
+              t.markData,
+              t.indicator,
+              e.value,
+              t.netPositionData,
+              t.relevanceData
+            );
+            Y.dataZoom[0].start = (t.klineData.length - y.dataZoom[0].endValue + y.dataZoom[0].startValue) / t.klineData.length * 100, M.setOption(Y, !0), await r("priceTrend");
+          }
+        ],
+        // priceTrend-二腿价格趋势绘制
+        [
+          "priceTrend",
+          () => {
+            if (t.priceTrendData.length === 0)
+              return;
+            const y = M.getOption(), Y = [
+              "#FFFFFF",
+              "#FFDD00",
+              "#FF00FF",
+              "#00FF00",
+              "#FF6000",
+              "#1677FF",
+              "#7C3CC9",
+              "#FF0000",
+              "#FB9A0E",
+              "#00B7FF"
+            ], O = t.priceTrendData.reduce((Q, R, Z) => {
+              const { name: G, data: P } = R, _ = {
+                name: `二腿价格走势图-${G}`,
+                type: "line",
+                data: P,
+                symbol: "none",
+                yAxisIndex: 1,
+                connectNulls: !0,
+                itemStyle: {
+                  color: Y[Z]
+                },
+                lineStyle: {
+                  type: "dashed",
+                  // 虚线
+                  width: 1
+                }
+              };
+              return Q.push(_), Q;
+            }, []);
+            n.value = { ...y, series: [...y.series, ...O] }, M.setOption(n.value, {
+              replaceMerge: ["series"]
+            });
+          }
+        ],
+        // priceTrendPercent-二腿价格趋势百分比绘制-初始绘制
+        [
+          "priceTrendPercent",
+          async () => {
+            if (t.priceTrendPercentData.length === 0)
+              return;
+            const y = M.getOption(), Y = [
+              "#FFFFFF",
+              "#FFDD00",
+              "#FF00FF",
+              "#00FF00",
+              "#FF6000",
+              "#1677FF",
+              "#7C3CC9",
+              "#FF0000",
+              "#FB9A0E",
+              "#00B7FF"
+            ], O = y.dataZoom[0].startValue, Q = t.priceTrendPercentData.reduce((R, Z, G) => {
+              const { name: P, data: _ } = Z, ee = _.length > e.value.totalBarCount ? _.slice(_.length - e.value.totalBarCount) : _, te = ee[O][1], me = ee.map((Te) => [Te[0], (Te[1] - te) / te * 100]), we = {
+                name: `二腿价格走势百分比图-${P}`,
+                type: "line",
+                data: me,
+                symbol: "none",
+                yAxisIndex: 1,
+                connectNulls: !0,
+                itemStyle: {
+                  color: Y[G]
+                },
+                lineStyle: {
+                  type: "dashed",
+                  // 虚线
+                  width: 1
+                }
+              };
+              return R.push(we), R;
+            }, []);
+            y.series = [...y.series.filter((R) => !R.name.includes("二腿价格走势百分比图")), ...Q], M.setOption(y, !0);
+          }
+        ]
+      ])).get(g);
+      L instanceof Function && await L();
+    }, j = S(!1), D = S([]), c = (g) => {
+      const { callBack: f } = g;
+      f instanceof Function && f(M, j);
+    }, u = () => {
+      D.value = t.defaultMenuData;
+    }, I = S();
+    let M, p;
+    const m = (g, f) => {
+      var L, y;
+      if (g)
+        o.value = typeof ((L = g == null ? void 0 : g.batch[0]) == null ? void 0 : L.dataIndex) == "number" ? (y = g == null ? void 0 : g.batch[0]) == null ? void 0 : y.dataIndex : -1;
+      else {
+        const Y = f.getOption();
+        Y.dataZoom instanceof Array && (o.value = Y.dataZoom[0].endValue);
+      }
+    };
+    let w = null, b = !1, N = S(!1), d = !1, T = S(!1);
+    const x = async (g) => {
+      const f = g.batch ? g.batch[0].start * e.value.totalBarCount : g.startValue;
+      e.value.dynamicLoadConfig.historyVisible && f <= 100 && !b && !N.value && (b = !0, await e.value.dynamicLoadConfig.historyLoadCallBack(N), await r("history"), b = !1);
+      const L = g.batch ? g.batch[0].end === 100 : g.endValue >= t.klineData.length - e.value.preBarCount - 1, y = g.actionIsWheel;
+      e.value.dynamicLoadConfig.futureVisible && L && !d && !T.value && !y && (d = !0, await e.value.dynamicLoadConfig.futureLoadCallBack(T), await r("future"), d = !1), clearTimeout(w), w = setTimeout(() => {
+        r("line"), r("priceTrendPercent"), clearTimeout(w), w = null;
+      }, it);
+    };
+    let A = null;
+    const k = (g) => {
+      A = setTimeout(() => {
+        var f;
+        if (g.componentType === "graphic") {
+          const { oncontextmenu: L } = ((f = g.info) == null ? void 0 : f.event) ?? {};
+          L instanceof Function && L(g, g.info, D);
+        }
+        clearTimeout(A), A = null;
+      });
+    }, E = () => {
+      M.on("highlight", (g) => {
+        m(g, M);
+      }), M.on("globalout", () => {
+        m(null, M);
+      }), M.on("contextmenu", (g) => {
+        k(g);
+      }), M.on("datazoom", (g) => {
+        x(g);
+      });
+    }, U = () => {
+      M.off("highlight"), M.off("globalout"), M.off("contextmenu"), M.off("datazoom");
+    }, F = (g) => {
+      if (!M || !(g.ctrlKey || t.isSelect))
+        return;
+      const f = M.getOption();
+      let { startValue: L, endValue: y, start: Y, end: O } = f.dataZoom[0];
+      const Q = () => {
+        L !== 0 && (L = L - 1, y = y - 1, M.dispatchAction({
+          type: "dataZoom",
+          startValue: L,
+          endValue: y,
+          maxValueSpan: e.value.maxValueSpan
+        }));
+      }, R = () => {
+        if (e.value.dynamicLoadConfig.futureVisible && !d && !T.value)
+          L = L + 1, y = y + 1, M.dispatchAction({
+            type: "dataZoom",
+            startValue: L,
+            endValue: y,
+            maxValueSpan: e.value.maxValueSpan
+          });
+        else {
+          if (y === f.xAxis[0].data.length - 1)
+            return;
+          L = L + 1, y = y + 1, M.dispatchAction({
+            type: "dataZoom",
+            startValue: L,
+            endValue: y,
+            maxValueSpan: e.value.maxValueSpan
+          });
+        }
+      }, Z = () => {
+        if (y - L < 5)
+          return;
+        const ee = Math.floor((o.value - L) / 2) + 1, te = Math.floor((y - o.value) / 2) + 1;
+        L = L + ee, y = y - te, M.dispatchAction({
+          type: "dataZoom",
+          startValue: L,
+          endValue: y,
+          actionIsWheel: !0,
+          // 标记为缩放
+          maxValueSpan: e.value.maxValueSpan
+        });
+      }, G = () => {
+        Y = Y - (O - Y) / 4, M.dispatchAction({
+          type: "dataZoom",
+          start: Y,
+          end: O,
+          actionIsWheel: !0,
+          // 标记为缩放
+          maxValueSpan: e.value.maxValueSpan
+        });
+      }, _ = (/* @__PURE__ */ new Map([
+        ["ArrowLeft", Q],
+        ["ArrowRight", R],
+        ["ArrowUp", Z],
+        ["ArrowDown", G]
+      ])).get(g.code);
+      _ instanceof Function && _();
+    }, B = async () => {
+      let g = !0;
+      M = oe.init(I.value), await r(), D.value = t.defaultMenuData, o.value = M.getOption().dataZoom[0].endValue ?? -1, E(), p = new ResizeObserver(() => {
+        if (g) {
+          g = null;
+          return;
+        }
+        M.resize(), r("line");
+      }), p.observe(I.value), window.addEventListener("keydown", F);
+    };
+    return de(() => {
+      B();
+    }), ge(() => {
+      U(), window.removeEventListener("keydown", F), M.dispose(), p.disconnect(), p = null;
+    }), (g, f) => {
+      const L = he, y = Ce;
+      return C(), v("div", nt, [
+        K("div", ot, [
+          V(se, { data: z.value }, null, 8, ["data"]),
+          V(se, { data: s.value }, null, 8, ["data"]),
+          V(se, { data: l.value }, null, 8, ["data"])
+        ]),
+        V(Re, {
+          class: "st-kline-body",
+          onCloseContextMenuCallBack: u
+        }, {
+          popover: X(() => [
+            V(y, { class: "menu" }, {
+              default: X(() => [
+                (C(!0), v(ae, null, le(D.value, (Y) => (C(), Ae(L, {
+                  key: Y.label,
+                  index: Y.label,
+                  class: "menuItem",
+                  onClick: (O) => c(Y)
+                }, {
+                  default: X(() => [
+                    Oe(q(Y.label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["index", "onClick"]))), 128))
+              ]),
+              _: 1
+            })
+          ]),
+          default: X(() => [
+            K("div", {
+              ref_key: "echartsRef",
+              ref: I,
+              class: ke(j.value ? "st-kline-chart cursorPen" : "st-kline-chart")
+            }, null, 2)
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+const at = /* @__PURE__ */ $(Mt, [["__scopeId", "data-v-7f014d0e"]]), lt = { class: "kline-tips" }, rt = /* @__PURE__ */ Me({
+  __name: "index",
+  props: {
+    // 提示数据
+    data: {
+      type: Array,
+      require: !0
+    }
+  },
+  setup(a) {
+    return (t, i) => (C(), v("div", lt, [
+      (C(!0), v(ae, null, le(a.data, (e, n) => (C(), v("div", {
+        key: n,
+        class: "kline-tips-item",
+        style: ye({ color: e.color })
+      }, q(e.label) + " " + q(e.value), 5))), 128))
+    ]));
+  }
+});
+const je = /* @__PURE__ */ $(rt, [["__scopeId", "data-v-dc7d381b"]]);
+const st = { class: "klineSub" }, ct = { class: "klineSub-tips" }, ut = {
+  key: 0,
+  class: "klineSub-tips-select"
+}, Nt = {
+  __name: "index",
+  props: {
+    data: { type: Object, require: !0 },
+    activeIndex: { type: [Number, String], require: !0 },
+    modelValue: { type: String, required: !0 },
+    // 副图指标
+    subIndicatorList: { type: Array, required: !0 }
+    // 副图指标列表
+  },
+  emits: ["update:modelValue"],
+  setup(a, { expose: t, emit: i }) {
+    const { round: e } = re;
+    let n, o;
+    const z = i, s = a, l = S(), r = W({
+      get() {
+        return s.modelValue;
+      },
+      set(c) {
+        z("update:modelValue", c);
+      }
+    }), j = W(() => {
+      var I;
+      const { data: c, activeIndex: u } = s;
+      return ((I = c == null ? void 0 : c.subIndicator) == null ? void 0 : I.map((M) => ({ label: M.key, color: M.color, value: M.data[u] || "-" }))) || [];
+    });
+    de(() => {
+      n = oe.init(l.value);
+      let c = !0;
+      o = new ResizeObserver(() => {
+        if (c) {
+          c = null;
+          return;
+        }
+        n.resize();
+      }), o.observe(l.value);
+    }), ge(() => {
+      n.dispose(), o.disconnect(), o = null;
+    });
+    const D = (c, u) => {
+      const I = c[u], M = u === 0 ? c[u] : c[u - 1];
+      return I[0] === I[1] ? I[0] >= M[1] ? {
+        color: "transparent",
+        borderColor: "#FF0000"
+      } : {
+        color: "#00FFFF"
+      } : I[1] > I[0] ? {
+        color: "transparent",
+        borderColor: "#FF0000"
+      } : {
+        color: "#00FFFF"
+      };
+    };
+    return t({
+      connect: (c) => {
+        oe.connect([c, n]);
+      },
+      // 联动
+      draw: (c, u) => {
+        Ye(() => {
+          const { startValue: I, endValue: M, maxValueSpan: p } = c, { leftYAxisRange: m, rightYAxisRange: w } = s.data.subIndicator[0], b = s.data.subIndicator.map((N) => {
+            if (N.series === "bar")
+              return {
+                name: "subMain",
+                xAxisIndex: 0,
+                yAxisIndex: 1,
+                type: "bar",
+                silent: !0,
+                symbol: "none",
+                data: N.data.map((d, T) => N.seriesColor === "kline" ? {
+                  value: d,
+                  itemStyle: D(s.data.data, T)
+                } : N.seriesColor === "value" ? {
+                  value: d,
+                  itemStyle: {
+                    color: d >= 0 ? "#FF0000" : "#00FFFF"
+                  }
+                } : {
+                  value: d,
+                  itemStyle: {
+                    color: N.seriesColor
+                  }
+                })
+              };
+            if (N.series === "line")
+              return {
+                xAxisIndex: 0,
+                yAxisIndex: N.yAxis === "right" ? 2 : 1,
+                name: N.key,
+                type: "line",
+                silent: !0,
+                symbol: "none",
+                data: N.data,
+                lineStyle: {
+                  width: 1
+                },
+                itemStyle: {
+                  color: N.color
+                }
+              };
+          });
+          n.setOption(
+            {
+              animation: !1,
+              grid: {
+                left: `${u.gridLeft}px`,
+                top: "10px",
+                right: `${u.gridRight}px`,
+                bottom: "20px"
+              },
+              dataZoom: [
+                {
+                  type: "inside",
+                  startValue: I,
+                  endValue: M,
+                  maxValueSpan: p
+                }
+              ],
+              tooltip: {
+                trigger: "axis",
+                appendToBody: !0,
+                confine: !0,
+                axisPointer: {
+                  type: "cross",
+                  label: {
+                    rich: {},
+                    formatter: (N) => {
+                      const { axisDimension: d, value: T } = N;
+                      if (d === "x")
+                        return T;
+                      if (N.axisIndex === 1)
+                        return String(e(T));
+                    }
+                  }
+                },
+                formatter: () => ""
+              },
+              xAxis: {
+                type: "category",
+                data: s.data.time,
+                axisLine: {
+                  show: !0
+                },
+                splitLine: {
+                  show: !1
+                },
+                axisLabel: {
+                  show: !0,
+                  formatter: (N) => N
+                }
+              },
+              yAxis: [
+                {
+                  position: "right"
+                },
+                {
+                  position: "left",
+                  min: m === "cover" ? (N) => N.min : null,
+                  max: m === "cover" ? (N) => N.max : null,
+                  splitNumber: 1,
+                  axisLine: {
+                    show: !0
+                  },
+                  splitLine: {
+                    show: !0,
+                    lineStyle: {
+                      type: "dotted",
+                      color: "#333"
+                    }
+                  }
+                },
+                {
+                  position: "right",
+                  min: w === "cover" ? (N) => N.min : null,
+                  max: w === "cover" ? (N) => N.max : null,
+                  splitNumber: 1,
+                  axisLine: {
+                    show: !1
+                  },
+                  splitLine: {
+                    show: !1
+                  },
+                  axisLabel: {
+                    show: !1
+                  }
+                }
+              ],
+              series: b
+            },
+            !0
+          );
+        });
+      }
+      // 重置
+    }), (c, u) => {
+      const I = Ee, M = Se;
+      return C(), v("div", st, [
+        K("div", ct, [
+          j.value.length ? (C(), v("div", ut, [
+            V(M, {
+              modelValue: r.value,
+              "onUpdate:modelValue": u[0] || (u[0] = (p) => r.value = p),
+              size: "small",
+              "popper-class": "element-dark",
+              class: "element-dark subIndicator"
+            }, {
+              default: X(() => [
+                (C(!0), v(ae, null, le(a.subIndicatorList, (p) => (C(), Ae(I, {
+                  key: p.value,
+                  label: p.label,
+                  value: p.value
+                }, null, 8, ["label", "value"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ])) : xe("", !0),
+          V(je, { data: j.value }, null, 8, ["data"])
+        ]),
+        K("div", {
+          class: "klineSub-chart",
+          ref_key: "subChartRef",
+          ref: l
+        }, null, 512)
+      ]);
+    };
+  }
+}, zt = /* @__PURE__ */ $(Nt, [["__scopeId", "data-v-aba58678"]]);
+const jt = { class: "kline-tips" }, yt = {
+  __name: "index",
+  props: {
+    // 提示数据
+    data: {
+      type: Object,
+      require: !0
+    },
+    activeIndex: {
+      type: [Number, String],
+      require: !0
+    }
+  },
+  setup(a) {
+    const { round: t, formatValue: i } = re, e = a, n = W(() => {
+      const { data: z, activeIndex: s } = e;
+      if (z.data && z.data[s]) {
+        const l = z.data[s], r = [
+          { label: "开", value: t(l[0]) },
+          { label: "高", value: t(l[3]) },
+          { label: "低", value: t(l[2]) },
+          { label: "收", value: t(l[1]) }
+        ];
+        l[4] !== null && r.push({ label: "额", value: i(l[4]) });
+        let j;
+        return l[6] > 0 ? j = "red" : l[6] < 0 && (j = "green"), r.push({ label: "涨跌", value: `${t(l[6])}%`, color: j }), r;
+      }
+      return [];
+    }), o = W(() => {
+      var l;
+      const { data: z, activeIndex: s } = e;
+      return ((l = z == null ? void 0 : z.mainIndicator) == null ? void 0 : l.map((r) => ({ label: r.key, value: t(r.data[s]), color: r.color }))) || [];
+    });
+    return (z, s) => (C(), v("div", jt, [
+      V(je, { data: n.value }, null, 8, ["data"]),
+      V(je, { data: o.value }, null, 8, ["data"])
+    ]));
+  }
+}, dt = /* @__PURE__ */ $(yt, [["__scopeId", "data-v-a12855fe"]]), gt = {
+  __name: "index",
+  setup(a, { expose: t }) {
+    return t({
+      // 键盘事件处理
+      handleKeyDown: (i, e) => {
+        let { startValue: n, endValue: o, maxIndex: z } = e;
+        if (i.code === "ArrowLeft") {
+          if (n === 0)
+            return;
+          n = n - 1, o = o - 1;
+        } else if (i.code === "ArrowRight") {
+          if (o === z)
+            return;
+          n = n + 1, o = o + 1;
+        } else if (i.code === "ArrowUp") {
+          if (o - n < 5)
+            return;
+          const s = Math.floor((o - n) / 2) + 1;
+          n = n + s, o - n < 5 && (n = o - 4);
+        } else if (i.code === "ArrowDown") {
+          const s = Math.min(500, o - n);
+          n = n - s - 1;
+        }
+        return {
+          startValue: n,
+          endValue: o
+        };
+      },
+      // 合并数据
+      mergeData: (i, e) => ({
+        time: [...i.time, ...e.time.slice(1)],
+        data: [...i.data, ...e.data.slice(1)],
+        mainIndicator: i.mainIndicator.map((n, o) => ({
+          ...n,
+          data: [...n.data, ...e.mainIndicator[o].data.slice(1)]
+        })),
+        subIndicator: i.subIndicator.map((n, o) => ({
+          ...n,
+          data: [...n.data, ...e.subIndicator[o].data.slice(1)]
+        }))
+      }),
+      // 根据时间解析dataZoom
+      getDataZoomInfoByTime: (i) => {
+        const { showStartTime: e, showEndTime: n, maxShowDays: o } = i;
+        let z = -1, s = -1, l = {};
+        return i.time.forEach((r, j) => {
+          const D = r.split(" ")[0];
+          l[D] = l[D] || 0, l[D] += 1, z === -1 && new Date(r) >= new Date(e) && (z = j), s === -1 && new Date(r) >= new Date(n) && (s = j);
+        }), s = s === -1 ? i.time.length - 1 : s, {
+          startValue: z,
+          endValue: s,
+          maxValueSpan: Math.max(...Object.values(l)) * o
+        };
+      }
+    }), (i, e) => null;
+  }
+};
+const Tt = {
+  __name: "index",
+  props: {
+    data: { type: Array, default: () => [] }
+    // 时间数据
+  },
+  emits: ["change"],
+  setup(a, { expose: t, emit: i }) {
+    let e, n, o = null;
+    const z = i, s = a, l = S();
+    H(
+      () => s.data,
+      () => {
+        D();
+      },
+      { deep: !0 }
+    ), de(() => {
+      e = oe.init(l.value), r(), D();
+      let c = !0;
+      n = new ResizeObserver(() => {
+        if (c) {
+          c = null;
+          return;
+        }
+        e.resize();
+      }), n.observe(l.value);
+    }), ge(() => {
+      e.off("datazoom"), e.dispose(), n.disconnect(), n = null;
+    });
+    const r = () => {
+      e.on("datazoom", (c) => {
+        c.dataZoomId && (clearTimeout(o), o = setTimeout(() => {
+          const { data: u } = s, { start: I, end: M } = c, p = Math.floor(I * u.length / 100), m = M === 100 ? u.length - 1 : Math.floor(M * u.length / 100);
+          j(p, m), clearTimeout(o);
+        }, 100));
+      });
+    }, j = (c, u) => {
+      const I = s.data;
+      if (I.length === 0)
+        return;
+      const M = I[c][0].split(" ")[0], p = I[u][0].split(" ")[0];
+      z("change", {
+        startTime: `${M} 00:00:00`,
+        endTime: `${p} 24:00:00`
+      });
+    }, D = () => {
+      const { data: c } = s;
+      if (c.length === 0)
+        return;
+      const u = c.map((M) => M[0].split(" ")[0]), I = c.map((M) => M[1]);
+      e.setOption({
+        grid: {
+          height: 0,
+          left: "80px",
+          right: "80px"
+        },
+        xAxis: {
+          type: "category",
+          data: u,
+          show: !1
+        },
+        yAxis: {
+          type: "value"
+        },
+        series: [
+          {
+            data: I,
+            type: "line"
+          }
+        ]
+      }, !0);
+    };
+    return t({
+      resetSlide: (c, u, I) => {
+        let M = -1, p = -1;
+        s.data.forEach((m, w) => {
+          M === -1 && m[0] === c ? M = w : M === -1 && new Date(m[0]) > new Date(c) && (M = w - 1), (p === -1 && m[0] === u || p === -1 && new Date(m[0]) > new Date(u)) && (p = w);
+        }), p = p === -1 ? s.data.length - 1 : p, e.setOption({
+          dataZoom: [
+            {
+              show: !0,
+              startValue: M,
+              endValue: p,
+              maxValueSpan: I,
+              textStyle: {
+                color: "#ccc"
+              }
+            },
+            {
+              type: "inside",
+              startValue: M,
+              endValue: p,
+              maxValueSpan: I
+            }
+          ]
+        });
+      },
+      // 重置
+      resize: () => {
+        e == null || e.resize();
+      }
+    }), (c, u) => (C(), v("div", {
+      class: "klineSlide",
+      ref_key: "slideChartRef",
+      ref: l
+    }, null, 512));
+  }
+}, Dt = /* @__PURE__ */ $(Tt, [["__scopeId", "data-v-7a2f3dd0"]]), Rt = {
+  install(a) {
+    a.component("st-kline", at), a.component("st-kline-sub-new", zt), a.component("st-kline-tips-new", dt), a.component("st-kline-slide-new", Dt), a.component("st-kline-utils-new", gt);
+  }
+};
+export {
+  Rt as default
+};