st-comp 0.0.92 → 0.0.93

package/es/Kline.js

@@ -1,21 +1,20 @@
-import { u as q, _ as me, a as de, r as ve, h as Mt, b as Se, t as pe, i as ae, c as Ve, d as Oe, e as ct, w as dt, f as _e } from "./base-1bc9f12c.js";
+import { u as q, _ as me, P as de, Q as ve, M as Mt, b as Se, L as pe, g as ae, S as Ve, d as Oe, U as ct, w as dt, D as _e } from "./base-8aa55db5.js";
 import "./el-tooltip-4ed993c7.js";
-import { E as Xe } from "./el-tag-9493bdff.js";
+import { a as Xe } from "./el-tag-7549c103.js";
 import { defineComponent as G, openBlock as _, createBlock as ue, Transition as qe, mergeProps as Ke, unref as Nt, toHandlers as yt, withCtx as ee, renderSlot as X, computed as O, getCurrentInstance as Fe, inject as fe, ref as S, reactive as Qe, watch as H, provide as ke, onMounted as le, onBeforeUnmount as et, h as U, Fragment as ne, withDirectives as zt, vShow as jt, watchEffect as gt, nextTick as Be, toRef as pt, resolveComponent as ft, createElementBlock as R, normalizeClass as re, createElementVNode as te, createTextVNode as tt, toDisplayString as ie, renderList as De, normalizeStyle as Pe, createCommentVNode as nt, onUnmounted as Re, createVNode as K } from "vue";
 import * as Te from "echarts";
 import { _ as oe } from "./_plugin-vue_export-helper-dad06003.js";
 import { b as Le } from "./bundle.umd-4967d574.js";
 import { i as Tt, t as It } from "./index.esm-8d9a2abe.js";
-import { u as mt } from "./el-scrollbar-e17fad47.js";
-import { u as Dt, a as Lt, b as vt, E as ot, i as Ne, m as ht } from "./use-form-item-aeec8499.js";
-import { E as J, i as We } from "./focus-trap-1b2aef75.js";
-import { T as xt } from "./index-657047bb.js";
+import { a as mt } from "./el-scrollbar-ffb7b9c1.js";
+import { b as Dt, w as Lt, o as vt, E as ot, g as Ne, x as xt } from "./use-form-item-bd4b9eeb.js";
+import { a as J, i as We } from "./focus-trap-5fc152a0.js";
+import { T as ht } from "./index-657047bb.js";
 import { m as At } from "./typescript-7ae59c4c.js";
-import { f as Yt } from "./vnode-aa872900.js";
-import "./el-input-29806e42.js";
-import { E as Ct, a as bt } from "./el-select-ac302f3c.js";
+import { f as Yt } from "./vnode-f4b846cb.js";
+import { E as Ct, a as bt } from "./el-select-a6cf0236.js";
 import "./_commonjsHelpers-10dfc225.js";
-import "./scroll-a928a93e.js";
+import "./scroll-c6e51ef8.js";
 const je = function(e, n, ...a) {
   let o;
   n.includes("mouse") || n.includes("click") ? o = "MouseEvents" : n.includes("key") ? o = "KeyboardEvent" : o = "HTMLEvents";
@@ -205,7 +204,7 @@ function at(e, n) {
 function Pt(e) {
   return O(() => {
     const a = e.backgroundColor;
-    return a ? new xt(a).shade(20).toString() : "";
+    return a ? new ht(a).shade(20).toString() : "";
   });
 }
 const it = (e, n) => {
@@ -306,7 +305,7 @@ var Ue = G({
       index: e.index,
       indexPath: t,
       active: A
-    }), h = it(i.props, s.level + 1), y = O(() => T.value !== "horizontal" ? {
+    }), x = it(i.props, s.level + 1), y = O(() => T.value !== "horizontal" ? {
       color: P.value
     } : {
       borderBottomColor: A.value ? i.props.activeTextColor ? Q.value : "" : "transparent",
@@ -322,7 +321,7 @@ var Ue = G({
         indexPath: t.value,
         active: A.value
       });
-    }, x = (Y, w = e.showTimeout) => {
+    }, h = (Y, w = e.showTimeout) => {
       var F;
       Y.type !== "focus" && (i.props.menuTrigger === "click" && i.props.mode === "horizontal" || !i.props.collapse && i.props.mode === "vertical" || e.disabled || (s.mouseInChild.value = !0, M == null || M(), { stop: M } = Ve(() => {
         i.openMenu(e.index, t.value);
@@ -387,9 +386,9 @@ var Ue = G({
               u.m("popup-container"),
               e.popperClass
             ],
-            onMouseenter: (W) => x(W, 100),
+            onMouseenter: (W) => h(W, 100),
             onMouseleave: () => E(!0),
-            onFocus: (W) => x(W, 100)
+            onFocus: (W) => h(W, 100)
           }, [
             U("ul", {
               class: [
@@ -397,7 +396,7 @@ var Ue = G({
                 u.m("popup"),
                 u.m(`popup-${v.value}`)
               ],
-              style: h.value
+              style: x.value
             }, [(V = n.default) == null ? void 0 : V.call(n)])
           ]);
         },
@@ -425,7 +424,7 @@ var Ue = G({
             return zt(U("ul", {
               role: "menu",
               class: [u.b(), u.m("inline")],
-              style: h.value
+              style: x.value
             }, [(V = n.default) == null ? void 0 : V.call(n)]), [[jt, f.value]]);
           }
         })
@@ -440,9 +439,9 @@ var Ue = G({
         role: "menuitem",
         ariaHaspopup: !0,
         ariaExpanded: f.value,
-        onMouseenter: x,
+        onMouseenter: h,
         onMouseleave: () => E(!0),
-        onFocus: x
+        onFocus: h
       }, [F]);
     };
   }
@@ -485,10 +484,10 @@ const Ut = Se({
     values: ["dark", "light"],
     default: "dark"
   }
-}), he = (e) => Array.isArray(e) && e.every((n) => ae(n)), $t = {
-  close: (e, n) => ae(e) && he(n),
-  open: (e, n) => ae(e) && he(n),
-  select: (e, n, a, o) => ae(e) && he(n) && ct(a) && (o === void 0 || o instanceof Promise)
+}), xe = (e) => Array.isArray(e) && e.every((n) => ae(n)), $t = {
+  close: (e, n) => ae(e) && xe(n),
+  open: (e, n) => ae(e) && xe(n),
+  select: (e, n, a, o) => ae(e) && xe(n) && ct(a) && (o === void 0 || o instanceof Promise)
 };
 var Vt = G({
   name: "ElMenu",
@@ -499,12 +498,12 @@ var Vt = G({
       const T = g.value && M.value[g.value];
       if (!T || e.mode === "horizontal" || e.collapse)
         return;
-      T.indexPath.forEach((h) => {
-        const y = N.value[h];
-        y && v(h, y.indexPath);
+      T.indexPath.forEach((x) => {
+        const y = N.value[x];
+        y && v(x, y.indexPath);
       });
     }, v = (T, D) => {
-      d.value.includes(T) || (e.uniqueOpened && (d.value = d.value.filter((h) => D.includes(h))), d.value.push(T), n("open", T, D));
+      d.value.includes(T) || (e.uniqueOpened && (d.value = d.value.filter((x) => D.includes(x))), d.value.push(T), n("open", T, D));
     }, b = (T) => {
       const D = d.value.indexOf(T);
       D !== -1 && d.value.splice(D, 1);
@@ -517,29 +516,29 @@ var Vt = G({
       d.value.includes(T) ? k(T, D) : v(T, D);
     }, z = (T) => {
       (e.mode === "horizontal" || e.collapse) && (d.value = []);
-      const { index: D, indexPath: h } = T;
-      if (!(We(D) || We(h)))
+      const { index: D, indexPath: x } = T;
+      if (!(We(D) || We(x)))
         if (e.router && l) {
           const y = T.route || D, L = l.push(y).then((m) => (m || (g.value = D), m));
-          n("select", D, h, { index: D, indexPath: h, route: y }, L);
+          n("select", D, x, { index: D, indexPath: x, route: y }, L);
         } else
-          g.value = D, n("select", D, h, { index: D, indexPath: h });
+          g.value = D, n("select", D, x, { index: D, indexPath: x });
     }, p = (T) => {
-      const D = M.value, h = D[T] || g.value && D[g.value] || D[e.defaultActive];
-      h ? g.value = h.index : g.value = T;
+      const D = M.value, x = D[T] || g.value && D[g.value] || D[e.defaultActive];
+      x ? g.value = x.index : g.value = T;
     }, f = () => {
       var T, D;
       if (!u.value)
         return -1;
-      const h = Array.from((D = (T = u.value) == null ? void 0 : T.childNodes) != null ? D : []).filter((Y) => Y.nodeName !== "#comment" && (Y.nodeName !== "#text" || Y.nodeValue)), y = 64, L = Number.parseInt(getComputedStyle(u.value).paddingLeft, 10), m = Number.parseInt(getComputedStyle(u.value).paddingRight, 10), j = u.value.clientWidth - L - m;
-      let x = 0, E = 0;
-      return h.forEach((Y, w) => {
-        x += Y.offsetWidth || 0, x <= j - y && (E = w + 1);
-      }), E === h.length ? -1 : E;
+      const x = Array.from((D = (T = u.value) == null ? void 0 : T.childNodes) != null ? D : []).filter((Y) => Y.nodeName !== "#comment" && (Y.nodeName !== "#text" || Y.nodeValue)), y = 64, L = Number.parseInt(getComputedStyle(u.value).paddingLeft, 10), m = Number.parseInt(getComputedStyle(u.value).paddingRight, 10), j = u.value.clientWidth - L - m;
+      let h = 0, E = 0;
+      return x.forEach((Y, w) => {
+        h += Y.offsetWidth || 0, h <= j - y && (E = w + 1);
+      }), E === x.length ? -1 : E;
     }, A = (T, D = 33.34) => {
-      let h;
+      let x;
       return () => {
-        h && clearTimeout(h), h = setTimeout(() => {
+        x && clearTimeout(x), x = setTimeout(() => {
           T();
         }, D);
       };
@@ -598,24 +597,24 @@ var Vt = G({
       e.mode === "horizontal" && new _t(t.vnode.el, r.namespace.value);
     }), o({
       open: (D) => {
-        const { indexPath: h } = N.value[D];
-        h.forEach((y) => v(y, h));
+        const { indexPath: x } = N.value[D];
+        x.forEach((y) => v(y, x));
       },
       close: b,
       handleResize: Q
     }), () => {
       var T, D;
-      let h = (D = (T = a.default) == null ? void 0 : T.call(a)) != null ? D : [];
+      let x = (D = (T = a.default) == null ? void 0 : T.call(a)) != null ? D : [];
       const y = [];
       if (e.mode === "horizontal" && u.value) {
-        const j = Yt(h), x = s.value === -1 ? j : j.slice(0, s.value), E = s.value === -1 ? [] : j.slice(s.value);
-        E != null && E.length && e.ellipsis && (h = x, y.push(U(Ue, {
+        const j = Yt(x), h = s.value === -1 ? j : j.slice(0, s.value), E = s.value === -1 ? [] : j.slice(s.value);
+        E != null && E.length && e.ellipsis && (x = h, y.push(U(Ue, {
           index: "sub-menu-more",
           class: i.e("hide-arrow")
         }, {
           title: () => U(ot, {
             class: i.e("icon-more")
-          }, { default: () => U(ht) }),
+          }, { default: () => U(xt) }),
           default: () => E
         })));
       }
@@ -629,7 +628,7 @@ var Vt = G({
           [r.m(e.mode)]: !0,
           [r.m("collapse")]: e.collapse
         }
-      }, [...h, ...y]);
+      }, [...x, ...y]);
       return e.collapseTransition && e.mode === "vertical" ? U(Bt, () => m) : m;
     };
   }
@@ -645,8 +644,8 @@ const Wt = Se({
   disabled: Boolean
 }), Zt = {
   click: (e) => ae(e.index) && Array.isArray(e.indexPath)
-}, xe = "ElMenuItem", Gt = G({
-  name: xe,
+}, he = "ElMenuItem", Gt = G({
+  name: he,
   components: {
     ElTooltip: Xe
   },
@@ -654,9 +653,9 @@ const Wt = Se({
   emits: Zt,
   setup(e, { emit: n }) {
     const a = Fe(), o = fe("rootMenu"), t = q("menu"), l = q("menu-item");
-    o || pe(xe, "can not inject root menu");
+    o || pe(he, "can not inject root menu");
     const { parentMenu: u, indexPath: r } = at(a, pt(e, "index")), i = fe(`subMenu:${u.value.uid}`);
-    i || pe(xe, "can not inject sub menu");
+    i || pe(he, "can not inject sub menu");
     const s = O(() => e.index === o.activeIndex), d = Qe({
       index: e.index,
       indexPath: r,
@@ -1327,10 +1326,10 @@ const Je = (e) => {
             const { key: P, data: T } = Q;
             if (P === "sellBuy") {
               const D = T.filter((L) => L.time === C.axisValue);
-              let h = 0, y = 0;
+              let x = 0, y = 0;
               D.forEach((L) => {
-                L.tradeType === "开多" || L.tradeType === "平空" ? h += L.amount : y += L.amount;
-              }), h && (A += `<div>买: ${h}</div>`), y && (A += `<div>卖: ${y}</div>`);
+                L.tradeType === "开多" || L.tradeType === "平空" ? x += L.amount : y += L.amount;
+              }), x && (A += `<div>买: ${x}</div>`), y && (A += `<div>卖: ${y}</div>`);
             }
             P === "openClose" && T.forEach((D) => {
               D.time === C.axisValue && (A += D.tooltip);
@@ -1523,7 +1522,7 @@ const Je = (e) => {
       };
       return [...z, Nn(P)];
     }, d)), k.length > 0 && (d = k.reduce((z, p) => {
-      const { value: f, text: A, profitValue: C, profitText: Q, lossValue: P, lossText: T, info: D, config: h } = p;
+      const { value: f, text: A, profitValue: C, profitText: Q, lossValue: P, lossText: T, info: D, config: x } = p;
       if (f > N || f < M)
         return z;
       const y = {
@@ -1533,7 +1532,7 @@ const Je = (e) => {
         profitText: Q,
         lossY: a.convertToPixel({ yAxisIndex: 0 }, P),
         lossText: T,
-        info: { info: D, config: { ...i, ...h }, event: { ...B } },
+        info: { info: D, config: { ...i, ...x }, event: { ...B } },
         gridLeft: o,
         gridRight: t,
         echartsWidth: a.getWidth(),
@@ -1548,7 +1547,7 @@ const Je = (e) => {
       p.forEach((y) => {
         f[y[1]] ? f[y[1]] += 1 : f[y[1]] = 1;
       });
-      const A = p[p.length - 1][1], C = p.reduce((y, L) => y + L[1], 0) / p.length, Q = A - C, P = Tn(p, 1, 50), T = In(p), D = T ? Q / T : 0, h = fn(p, 1, A);
+      const A = p[p.length - 1][1], C = p.reduce((y, L) => y + L[1], 0) / p.length, Q = A - C, P = Tn(p, 1, 50), T = In(p), D = T ? Q / T : 0, x = fn(p, 1, A);
       d = [
         ...d,
         {
@@ -1580,7 +1579,7 @@ const Je = (e) => {
             )}    中值: ${$(P)}    标准差: ${$(
               T
             )}    距均值/标准差: ${$(D)}    百分位: ${$(
-              h
+              x
             )}%`,
             lineWidth: 1,
             opacity: 1
@@ -1735,8 +1734,8 @@ const mn = { class: "st-kline" }, Dn = { class: "st-kline-header" }, Ln = 300, v
     }, o = O(() => ({ ...a, ...n.config })), t = S(null), l = S(-1), u = O(() => {
       var y, L;
       if (t.value && ((L = (y = t.value.dataset[0]) == null ? void 0 : y.source) != null && L.klineData[l.value])) {
-        const m = t.value.dataset[0].source.klineData[l.value], j = [], { open: x, heigh: E, low: Y, close: w, business: F, riseAndFall: V } = o.value.tipsConfig;
-        if (x && j.push({ label: "开", value: $(m[0]), color: "rgb(153, 153, 153)" }), E && j.push({ label: "高", value: $(m[3]), color: "rgb(153, 153, 153)" }), Y && j.push({ label: "低", value: $(m[2]), color: "rgb(153, 153, 153)" }), w && j.push({ label: "收", value: $(m[1]), color: "rgb(153, 153, 153)" }), F && j.push({ label: "额", value: cn(m[4]), color: "rgb(153, 153, 153)" }), V) {
+        const m = t.value.dataset[0].source.klineData[l.value], j = [], { open: h, heigh: E, low: Y, close: w, business: F, riseAndFall: V } = o.value.tipsConfig;
+        if (h && j.push({ label: "开", value: $(m[0]), color: "rgb(153, 153, 153)" }), E && j.push({ label: "高", value: $(m[3]), color: "rgb(153, 153, 153)" }), Y && j.push({ label: "低", value: $(m[2]), color: "rgb(153, 153, 153)" }), w && j.push({ label: "收", value: $(m[1]), color: "rgb(153, 153, 153)" }), F && j.push({ label: "额", value: cn(m[4]), color: "rgb(153, 153, 153)" }), V) {
           let W = ((m[1] - m[5]) / m[1] * 100).toFixed(2), Z = +W == 0 ? "white" : +W > 0 ? "red" : "#00ff00";
           j.push({ label: "涨跌", value: `${W}%`, color: Z });
         }
@@ -1776,12 +1775,12 @@ const mn = { class: "st-kline" }, Dn = { class: "st-kline-header" }, Ln = 300, v
       }
       if (n.priceTrendPercentData.length > 0) {
         const L = [];
-        return c.getOption().series.filter((j) => j.name.includes("二腿价格走势百分比图")).forEach((j, x) => {
+        return c.getOption().series.filter((j) => j.name.includes("二腿价格走势百分比图")).forEach((j, h) => {
           var Y;
           (j.data[l.value] ? $(j.data[l.value][1]) : null) !== null && L.push({
             label: j.name.split("-")[1],
             value: `${$((Y = j.data[l.value]) == null ? void 0 : Y[1])}%`,
-            color: y[x]
+            color: y[h]
           });
         }), L;
       }
@@ -1845,16 +1844,16 @@ const mn = { class: "st-kline" }, Dn = { class: "st-kline-header" }, Ln = 300, v
               o.value,
               n.netPositionData,
               n.relevanceData
-            ), { graphic: x } = c.getOption() ?? { graphic: [] };
-            t.value = { ...j, graphic: x }, c.setOption(t.value, !0), se("st-kline组件消息:K线绘制完毕-draw", { color: "green" });
+            ), { graphic: h } = c.getOption() ?? { graphic: [] };
+            t.value = { ...j, graphic: h }, c.setOption(t.value, !0), se("st-kline组件消息:K线绘制完毕-draw", { color: "green" });
           }
         ],
         // line-额外线条绘制
         [
           "line",
           () => {
-            const j = c.getOption(), x = pn(n.lineData, o.value, c);
-            t.value = { ...j, graphic: x }, c.setOption(t.value, {
+            const j = c.getOption(), h = pn(n.lineData, o.value, c);
+            t.value = { ...j, graphic: h }, c.setOption(t.value, {
               replaceMerge: ["graphic"]
             }), se("st-kline组件消息:额外画线绘制完毕-draw", { color: "green" });
           }
@@ -1887,17 +1886,17 @@ const mn = { class: "st-kline" }, Dn = { class: "st-kline-header" }, Ln = 300, v
         [
           "history",
           async () => {
-            const j = c.getOption(), x = await we(
+            const j = c.getOption(), h = await we(
               n.klineData,
               n.markData,
               n.indicator,
               o.value,
               n.netPositionData,
               n.relevanceData
-            ), E = x.dataset.source.klineData.length - j.dataset[0].source.klineData.length;
+            ), E = h.dataset.source.klineData.length - j.dataset[0].source.klineData.length;
             c.setOption(
               {
-                ...x,
+                ...h,
                 dataZoom: [
                   {
                     type: "inside",
@@ -1917,7 +1916,7 @@ const mn = { class: "st-kline" }, Dn = { class: "st-kline-header" }, Ln = 300, v
         [
           "future",
           async () => {
-            const j = c.getOption(), x = await we(
+            const j = c.getOption(), h = await we(
               n.klineData,
               n.markData,
               n.indicator,
@@ -1925,7 +1924,7 @@ const mn = { class: "st-kline" }, Dn = { class: "st-kline-header" }, Ln = 300, v
               n.netPositionData,
               n.relevanceData
             );
-            x.dataZoom[0].start = (n.klineData.length - j.dataZoom[0].endValue + j.dataZoom[0].startValue) / n.klineData.length * 100, c.setOption(x, !0), await s("priceTrend");
+            h.dataZoom[0].start = (n.klineData.length - j.dataZoom[0].endValue + j.dataZoom[0].startValue) / n.klineData.length * 100, c.setOption(h, !0), await s("priceTrend");
           }
         ],
         // priceTrend-二腿价格趋势绘制
@@ -1934,7 +1933,7 @@ const mn = { class: "st-kline" }, Dn = { class: "st-kline-header" }, Ln = 300, v
           () => {
             if (n.priceTrendData.length === 0)
               return;
-            const j = c.getOption(), x = [
+            const j = c.getOption(), h = [
               "#FFFFFF",
               "#FFDD00",
               "#FF00FF",
@@ -1954,7 +1953,7 @@ const mn = { class: "st-kline" }, Dn = { class: "st-kline-header" }, Ln = 300, v
                 yAxisIndex: 1,
                 connectNulls: !0,
                 itemStyle: {
-                  color: x[F]
+                  color: h[F]
                 },
                 lineStyle: {
                   type: "dashed",
@@ -1975,7 +1974,7 @@ const mn = { class: "st-kline" }, Dn = { class: "st-kline-header" }, Ln = 300, v
           async () => {
             if (n.priceTrendPercentData.length === 0)
               return;
-            const j = c.getOption(), x = [
+            const j = c.getOption(), h = [
               "#FFFFFF",
               "#FFDD00",
               "#FF00FF",
@@ -1995,7 +1994,7 @@ const mn = { class: "st-kline" }, Dn = { class: "st-kline-header" }, Ln = 300, v
                 yAxisIndex: 1,
                 connectNulls: !0,
                 itemStyle: {
-                  color: x[V]
+                  color: h[V]
                 },
                 lineStyle: {
                   type: "dashed",
@@ -2022,8 +2021,8 @@ const mn = { class: "st-kline" }, Dn = { class: "st-kline-header" }, Ln = 300, v
       if (y)
         l.value = typeof ((m = y == null ? void 0 : y.batch[0]) == null ? void 0 : m.dataIndex) == "number" ? (j = y == null ? void 0 : y.batch[0]) == null ? void 0 : j.dataIndex : -1;
       else {
-        const x = L.getOption();
-        x.dataZoom instanceof Array && (l.value = x.dataZoom[0].endValue);
+        const h = L.getOption();
+        h.dataZoom instanceof Array && (l.value = h.dataZoom[0].endValue);
       }
     };
     let k = null, B = !1, z = S(!1), p = !1, f = S(!1);
@@ -2061,7 +2060,7 @@ const mn = { class: "st-kline" }, Dn = { class: "st-kline-header" }, Ln = 300, v
       if (!c || !(y.ctrlKey || n.isSelect))
         return;
       const L = c.getOption();
-      let { startValue: m, endValue: j, start: x, end: E } = L.dataZoom[0];
+      let { startValue: m, endValue: j, start: h, end: E } = L.dataZoom[0];
       const Y = () => {
         m !== 0 && (m = m - 1, j = j - 1, c.dispatchAction({
           type: "dataZoom",
@@ -2100,9 +2099,9 @@ const mn = { class: "st-kline" }, Dn = { class: "st-kline-header" }, Ln = 300, v
           maxValueSpan: o.value.maxValueSpan
         });
       }, V = () => {
-        x = x - (E - x) / 4, c.dispatchAction({
+        h = h - (E - h) / 4, c.dispatchAction({
           type: "dataZoom",
-          start: x,
+          start: h,
           end: E,
           actionIsWheel: !0,
           // 标记为缩放
@@ -2115,7 +2114,7 @@ const mn = { class: "st-kline" }, Dn = { class: "st-kline-header" }, Ln = 300, v
         ["ArrowDown", V]
       ])).get(y.code);
       Z instanceof Function && Z();
-    }, h = async () => {
+    }, x = async () => {
       let y = !0;
       c = Te.init(I.value), await s(), g.value = n.defaultMenuData, l.value = c.getOption().dataZoom[0].endValue ?? -1, P(), v = new ResizeObserver(() => {
         if (y) {
@@ -2126,7 +2125,7 @@ const mn = { class: "st-kline" }, Dn = { class: "st-kline-header" }, Ln = 300, v
       }), v.observe(I.value), window.addEventListener("keydown", D);
     };
     return le(() => {
-      h();
+      x();
     }), Re(() => {
       T(), window.removeEventListener("keydown", D), c.dispose(), v.disconnect(), v = null;
     }), (y, L) => {
@@ -2144,14 +2143,14 @@ const mn = { class: "st-kline" }, Dn = { class: "st-kline-header" }, Ln = 300, v
           popover: ee(() => [
             K(j, { class: "menu" }, {
               default: ee(() => [
-                (_(!0), R(ne, null, De(g.value, (x) => (_(), ue(m, {
-                  key: x.label,
-                  index: x.label,
+                (_(!0), R(ne, null, De(g.value, (h) => (_(), ue(m, {
+                  key: h.label,
+                  index: h.label,
                   class: "menuItem",
-                  onClick: (E) => M(x)
+                  onClick: (E) => M(h)
                 }, {
                   default: ee(() => [
-                    tt(ie(x.label), 1)
+                    tt(ie(h.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["index", "onClick"]))), 128))
@@ -2172,7 +2171,7 @@ const mn = { class: "st-kline" }, Dn = { class: "st-kline-header" }, Ln = 300, v
     };
   }
 });
-const hn = /* @__PURE__ */ oe(vn, [["__scopeId", "data-v-7f014d0e"]]), xn = { class: "kline-tips" }, An = /* @__PURE__ */ G({
+const xn = /* @__PURE__ */ oe(vn, [["__scopeId", "data-v-7f014d0e"]]), hn = { class: "kline-tips" }, An = /* @__PURE__ */ G({
   __name: "index",
   props: {
     // 提示数据
@@ -2182,7 +2181,7 @@ const hn = /* @__PURE__ */ oe(vn, [["__scopeId", "data-v-7f014d0e"]]), xn = { cl
     }
   },
   setup(e) {
-    return (n, a) => (_(), R("div", xn, [
+    return (n, a) => (_(), R("div", hn, [
       (_(!0), R(ne, null, De(e.data, (o, t) => (_(), R("div", {
         key: t,
         class: "kline-tips-item",
@@ -2622,11 +2621,11 @@ const Fn = {
       ref: i
     }, null, 512));
   }
-}, Qn = /* @__PURE__ */ oe(Fn, [["__scopeId", "data-v-7a2f3dd0"]]), lo = {
+}, Qn = /* @__PURE__ */ oe(Fn, [["__scopeId", "data-v-7a2f3dd0"]]), io = {
   install(e) {
-    e.component("st-kline", hn), e.component("st-kline-sub-new", On), e.component("st-kline-tips-new", Sn), e.component("st-kline-slide-new", Qn), e.component("st-kline-utils-new", _n);
+    e.component("st-kline", xn), e.component("st-kline-sub-new", On), e.component("st-kline-tips-new", Sn), e.component("st-kline-slide-new", Qn), e.component("st-kline-utils-new", _n);
   }
 };
 export {
-  lo as default
+  io as default
 };

package/es/KlineNew.cjs

@@ -1 +1 @@
-"use strict";const t=require("vue"),B=require("./index.esm-94a95a2a.cjs"),E=require("./_plugin-vue_export-helper-f246444f.cjs"),z=require("./bundle.umd-c5698c50.cjs");require("./base-315cbfab.cjs");require("./el-input-a8791103.cjs");require("./el-tag-a6a4d4ef.cjs");const R=require("./el-select-64511731.cjs");require("./el-scrollbar-9473fd47.cjs");const M=require("echarts");require("./_commonjsHelpers-87b0abe8.cjs");require("./use-form-item-7924b6c1.cjs");require("./typescript-b63f8e83.cjs");require("./focus-trap-ea177336.cjs");require("./scroll-a80e1458.cjs");function N(m){const v=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(m){for(const A in m)if(A!=="default"){const h=Object.getOwnPropertyDescriptor(m,A);Object.defineProperty(v,A,h.get?h:{enumerable:!0,get:()=>m[A]})}}return v.default=m,Object.freeze(v)}const L=N(M),$=t.defineComponent({__name:"index",setup(m,{expose:v}){let A=!1,h=!0,y=[];const S=(f,u)=>f.length>u?f.slice(f.length-u):f;return v({initTalib:async()=>{if(!A)A=!0,await B.init("./talib.wasm"),h=!1,y.forEach(f=>{f()});else if(h)return new Promise(f=>{y.push(f)})},handleKeyDown:(f,u)=>{let{startValue:o,endValue:d,maxIndex:x}=u;if(f.code==="ArrowLeft"){if(o===0)return;o=o-1,d=d-1}else if(f.code==="ArrowRight"){if(d===x)return;o=o+1,d=d+1}else if(f.code==="ArrowUp"){if(d-o<5)return;const p=Math.floor((d-o)/2)+1;o=o+p,d-o<5&&(o=d-4)}else if(f.code==="ArrowDown"){const p=Math.min(500,d-o);o=o-p-1}return{startValue:o,endValue:d}},getDataZoomInfoByTime:f=>{const{showStartTime:u,showEndTime:o,xAxisData:d,maxShowDays:x}=f;let p=-1,e=-1,i={};return d.forEach((a,l)=>{const r=a.split(" ")[0];i[r]=i[r]||0,i[r]+=1,new Date(a)>=new Date(u)&&p===-1&&(p=l),new Date(a)<=new Date(o)&&(e=l)}),{startValue:p,endValue:e,maxValueSpan:Math.max(...Object.values(i))*x}},formatDataBySlide:f=>{const{originDrawData:u,addData:o,startTime:d,endTime:x}=f,{mainIndicator:p,mainIndicatorList:e,subIndicator:i,subIndicatorList:a,config:l,timeRange:r}=f,{loadAddCount:D,preLoadCount:F}=l;let _=[],b=[],V=[],w=[];d&&x?(_=o.filter(s=>new Date(s[0])>=new Date(d)&&new Date(s[0])<=new Date(x)),w=[...o]):x?(_=[...o.filter((s,n)=>n>=o.length-D&&new Date(r[0])<=new Date(s[0])&&new Date(s[0])<=new Date(r[1])),...u.originData],w=[...o,...u.originData]):d&&(_=[...u.originData,...o.filter((s,n)=>n>=F&&new Date(r[0])<=new Date(s[0])&&new Date(s[0])<=new Date(r[1]))],w=_),_.forEach((s,n)=>{b.push([s[1],s[4],s[3],s[2],n===0?0:_[n-1][4],s[6]]),V.push(s[0])});let c=[],g=[];const I={time:[],open:[],close:[],high:[],low:[],originData:w};let C=null,q=null;return w.forEach((s,n)=>{I.time.push(s[0]),I.open.push(s[1]),I.close.push(s[4]),I.high.push(s[2]),I.low.push(s[3]),s[0]===_[0][0]&&(C=n),s[0]===_[_.length-1][0]&&(q=n+1)}),c=e.find(({value:s})=>s===p).config.map(s=>{const{calculationFn:n}=s,k={time:[],open:[],close:[],high:[],low:[],originData:[]};return{...s,data:n?n(B.talib,I,k).slice(C,q):[]}}),g=a.find(({value:s})=>s===i).config.reduce((s,n)=>{const{source:k,calculationFn:T}=n;return k==="calculation"?[...s,{...n,data:T?T(B.talib,I).slice(C,q):[]}]:s},[]),{originData:_,candlestickData:b,mainIndicatorData:c,subIndicatorData:g,xAxisData:V,startTime:_[0][0],endTime:_[_.length-1][0],length:_.length}},formatDataByCount:f=>{const{originDrawData:u,addData:o,mainIndicator:d,mainIndicatorList:x,subIndicator:p,subIndicatorList:e,config:i}=f;let a={};const{addCount:l,preLoadCount:r}=i,D=[],F=[],_=[],b=[],V=[];let w=[],c=[];const g=o.filter((n,k)=>(D.push(n[0]),F.push(n[1]),_.push(n[4]),b.push(n[2]),V.push(n[3]),w.push(n[0]),c.push([n[1],n[4],n[3],n[2],k===0?0:o[k-1][4],n[6]]),o.length>=l+r-1?k>=r:!0));w=S(w,g.length),c=S(c,g.length);const I={time:D,open:F,close:_,high:b,low:V,originData:o},q=x.find(n=>n.value===d).config.map(n=>({...n,data:S(n.calculationFn?n.calculationFn(B.talib,I,{time:[],open:[],close:[],high:[],low:[],originData:[]}):[],w.length)}));let s=[];return p&&e&&(s=e.find(k=>k.value===p).config.reduce((k,T)=>T.source==="calculation"?[...k,{...T,data:S(T.calculationFn?T.calculationFn(B.talib,I):[],w.length)}]:k,[])),u.length?a={originData:[...g,...u.originData],xAxisData:[...w,...u.xAxisData],candlestickData:[...c,...u.candlestickData],mainIndicatorData:u.mainIndicatorData.map((n,k)=>({...n,data:[...q[k].data,...n.data]})),subIndicatorData:u.subIndicatorData.map((n,k)=>({...n,data:[...s[k].data,...n.data]}))}:a={originData:g,xAxisData:w,candlestickData:c,mainIndicatorData:q,subIndicatorData:s},a.length=a.xAxisData.length,a.startTime=a.xAxisData[0],a.endTime=a.xAxisData[a.length-1],a},fn:()=>{}}),(f,u)=>null}}),j={class:"kline-tips"},P=t.defineComponent({__name:"index",props:{data:{type:Array,require:!0}},setup(m){return(v,A)=>(t.openBlock(),t.createElementBlock("div",j,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(m.data,(h,y)=>(t.openBlock(),t.createElementBlock("div",{key:y,class:"kline-tips-item",style:t.normalizeStyle({color:h.color})},t.toDisplayString(h.label)+" "+t.toDisplayString(h.value),5))),128))]))}});const O=E._export_sfc(P,[["__scopeId","data-v-2a02e841"]]),K={class:"kline-tips"},U=t.defineComponent({__name:"index",props:{drawData:{type:Object,require:!0},activeIndex:{type:Number,require:!0}},setup(m){const{round:v,multiply:A,divide:h,subtract:y,formatValue:S}=z.bundle_umdExports.stMath,f=m,u=t.computed(()=>{const{drawData:d,activeIndex:x}=f;if(d.candlestickData&&d.candlestickData[x]){const p=d.candlestickData[x],e=[{label:"开",value:v(p[0])},{label:"高",value:v(p[3])},{label:"低",value:v(p[2])},{label:"收",value:v(p[1])}];p[5]!==void 0&&e.push({label:"额",value:S(p[5])});const i=v(A(h(y(p[1],p[4]),Math.abs(p[4])),100));let a;return i>0?a="red":i<0&&(a="green"),e.push({label:"涨跌",value:`${i}%`,color:a}),e}return[]}),o=t.computed(()=>{var p;const{drawData:d,activeIndex:x}=f;return((p=d==null?void 0:d.mainIndicatorData)==null?void 0:p.map(e=>({label:e.key,value:v(e.data[x]),color:e.color})))||[]});return(d,x)=>(t.openBlock(),t.createElementBlock("div",K,[t.createVNode(O,{data:u.value},null,8,["data"]),t.createVNode(O,{data:o.value},null,8,["data"])]))}});const Z=E._export_sfc(U,[["__scopeId","data-v-a1302914"]]),Y={class:"klineSub"},H={class:"klineSub-tips"},G={key:0,class:"klineSub-tips-select"},J=t.defineComponent({__name:"index",props:{drawData:{type:Object,require:!0},activeIndex:{type:Number,require:!0},modelValue:{type:String,required:!0},subIndicatorList:{type:Array,required:!0},config:{type:Object,require:!0}},emits:["update:modelValue"],setup(m,{expose:v,emit:A}){const{round:h}=z.bundle_umdExports.stMath;let y,S;const f=A,u=m,o=t.ref(),d=t.computed({get(){return u.modelValue},set(e){f("update:modelValue",e)}}),x=t.computed(()=>{const{drawData:e,activeIndex:i}=u,a=u.subIndicatorList.find(l=>l.value===d.value);return e.originData&&e.originData[i]?a.config.map(l=>{var D,F;let r="-";return l.source==="origin"?r=e.originData[i][l.dataIndex]||"-":l.source==="calculation"&&(r=(((F=(D=e.subIndicatorData)==null?void 0:D.find(b=>b.key===l.key))==null?void 0:F.data)||[])[i]),{label:l.key,color:l.color,value:r==="-"?r:h(r)}}):[]});t.onMounted(()=>{y=L.init(o.value);let e=!0;S=new ResizeObserver(()=>{if(e){e=null;return}y.resize()}),S.observe(o.value)}),t.onUnmounted(()=>{y.dispose(),S.disconnect(),S=null});const p=(e,i)=>{const a=e[i],l=i===0?e[i]:e[i-1];return a[0]===a[1]?a[0]>=l[1]?{color:"transparent",borderColor:"#FF0000"}:{color:"#00FFFF"}:a[1]>a[0]?{color:"transparent",borderColor:"#FF0000"}:{color:"#00FFFF"}};return v({connect:e=>{L.connect([e,y])},draw:e=>{t.nextTick(()=>{var w;const{startValue:i,endValue:a,maxValueSpan:l}=e,{xAxisData:r,subIndicatorData:D,candlestickData:F,originData:_}=u.drawData,b=u.subIndicatorList.find(c=>c.value===d.value),V=[];if(b.series==="bar"){let c=[];b.source==="origin"?c=_.map(g=>g[b.dataIndex]):c=((w=D==null?void 0:D.find(g=>g.key===b.dataIndex))==null?void 0:w.data)||[],V.push({name:"subMain",xAxisIndex:0,yAxisIndex:1,type:"bar",silent:!0,symbol:"none",data:c.map((g,I)=>b.color==="kline"?{value:g,itemStyle:p(F,I)}:b.color==="value"?{value:g,itemStyle:{color:g>=0?"#FF0000":"#00FFFF"}}:{value:g,itemStyle:{color:b.color}})})}D.forEach(c=>{if(c.series==="line"){let g=[];c.source==="origin"?g=_.map(I=>I[c.dataIndex]):c.source==="calculation"&&(g=c.data),V.push({xAxisIndex:0,yAxisIndex:c.yAxis==="right"?2:1,name:c.key,type:"line",silent:!0,symbol:"none",data:g,lineStyle:{width:1},itemStyle:{color:c.color}})}}),y.setOption({animation:!1,grid:{left:`${u.config.gridLeft}px`,top:"10px",right:`${u.config.gridRight}px`,bottom:"20px"},dataZoom:[{type:"inside",startValue:i,endValue:a,maxValueSpan:l}],tooltip:{trigger:"axis",appendToBody:!0,confine:!0,axisPointer:{type:"cross",label:{rich:{},formatter:c=>{const{axisDimension:g,value:I}=c;if(g==="x")return I;if(c.axisIndex===1)return String(h(I))}}},formatter:()=>""},xAxis:{type:"category",data:r,axisLine:{show:!0},splitLine:{show:!1},axisLabel:{show:!0,formatter:c=>c}},yAxis:[{position:"right"},{position:"left",min:b.leftYAxisRange==="cover"?c=>c.min:null,max:b.leftYAxisRange==="cover"?c=>c.max:null,splitNumber:1,axisLine:{show:!0},splitLine:{show:!0,lineStyle:{type:"dotted",color:"#333"}}},{position:"right",min:b.rightYAxisRange==="cover"?c=>c.min:null,max:b.rightYAxisRange==="cover"?c=>c.max:null,splitNumber:1,axisLine:{show:!1},splitLine:{show:!1},axisLabel:{show:!1}}],series:V},!0)})}}),(e,i)=>{const a=R.ElOption,l=R.ElSelect;return t.openBlock(),t.createElementBlock("div",Y,[t.createElementVNode("div",H,[x.value.length?(t.openBlock(),t.createElementBlock("div",G,[t.createVNode(l,{modelValue:d.value,"onUpdate:modelValue":i[0]||(i[0]=r=>d.value=r),size:"small","popper-class":"element-dark",class:"element-dark subIndicator"},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(m.subIndicatorList,r=>(t.openBlock(),t.createBlock(a,{key:r.value,label:r.label,value:r.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])])):t.createCommentVNode("",!0),t.createVNode(O,{data:x.value},null,8,["data"])]),t.createElementVNode("div",{class:"klineSub-chart",ref_key:"subChartRef",ref:o},null,512)])}}});const Q=E._export_sfc(J,[["__scopeId","data-v-2ece79b3"]]),W=t.defineComponent({__name:"index",props:{data:{type:Array,default:()=>[]}},emits:["change"],setup(m,{expose:v,emit:A}){let h,y,S=null;const f=A,u=m,o=t.ref();t.watch(()=>u.data,()=>{p()},{deep:!0}),t.onMounted(()=>{h=L.init(o.value),d(),p();let e=!0;y=new ResizeObserver(()=>{if(e){e=null;return}h.resize()}),y.observe(o.value)}),t.onUnmounted(()=>{h.off("datazoom"),h.dispose(),y.disconnect(),y=null});const d=()=>{h.on("datazoom",e=>{e.dataZoomId&&(clearTimeout(S),S=setTimeout(()=>{const{data:i}=u,{start:a,end:l}=e,r=Math.floor(a*i.length/100),D=l===100?i.length-1:Math.floor(l*i.length/100);x(r,D),clearTimeout(S)},100))})},x=(e,i)=>{const a=u.data;if(a.length===0)return;const l=a[e][0].split(" ")[0],r=a[i][0].split(" ")[0];f("change",{startTime:`${l} 00:00:00`,endTime:`${r} 24:00:00`})},p=()=>{const{data:e}=u;if(e.length===0)return;const i=e.map(l=>l[0].split(" ")[0]),a=e.map(l=>l[1]);h.setOption({grid:{height:0,left:"80px",right:"80px"},xAxis:{type:"category",data:i,show:!1},yAxis:{type:"value"},series:[{data:a,type:"line"}]},!0)};return v({resetSlide:(e,i,a)=>{let l=-1,r=-1;u.data.forEach((D,F)=>{l===-1&&D[0]===e?l=F:l===-1&&new Date(D[0])>new Date(e)&&(l=F-1),(r===-1&&D[0]===i||r===-1&&new Date(D[0])>new Date(i))&&(r=F)}),r=r===-1?u.data.length-1:r,h.setOption({dataZoom:[{show:!0,startValue:l,endValue:r,maxValueSpan:a,textStyle:{color:"#ccc"}},{type:"inside",startValue:l,endValue:r,maxValueSpan:a}]})},resize:()=>{h==null||h.resize()}}),(e,i)=>(t.openBlock(),t.createElementBlock("div",{class:"klineSlide",ref_key:"slideChartRef",ref:o},null,512))}});const X=E._export_sfc(W,[["__scopeId","data-v-5008746a"]]),ee={install(m){m.component("st-klineUtils",$),m.component("st-klineSub",Q),m.component("st-klineTips",Z),m.component("st-klineSlide",X)}};module.exports=ee;
+"use strict";const t=require("vue"),B=require("./index.esm-94a95a2a.cjs"),E=require("./_plugin-vue_export-helper-f246444f.cjs"),z=require("./bundle.umd-c5698c50.cjs");require("./base-b187e78f.cjs");const R=require("./el-select-eaa79c54.cjs");require("./el-tag-5a8b728a.cjs");require("./el-scrollbar-586be9bd.cjs");const M=require("echarts");require("./_commonjsHelpers-87b0abe8.cjs");require("./use-form-item-c25c7251.cjs");require("./typescript-b63f8e83.cjs");require("./focus-trap-ea1e7a19.cjs");require("./scroll-38e17abc.cjs");function N(m){const v=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(m){for(const A in m)if(A!=="default"){const h=Object.getOwnPropertyDescriptor(m,A);Object.defineProperty(v,A,h.get?h:{enumerable:!0,get:()=>m[A]})}}return v.default=m,Object.freeze(v)}const L=N(M),$=t.defineComponent({__name:"index",setup(m,{expose:v}){let A=!1,h=!0,y=[];const S=(f,u)=>f.length>u?f.slice(f.length-u):f;return v({initTalib:async()=>{if(!A)A=!0,await B.init("./talib.wasm"),h=!1,y.forEach(f=>{f()});else if(h)return new Promise(f=>{y.push(f)})},handleKeyDown:(f,u)=>{let{startValue:o,endValue:d,maxIndex:x}=u;if(f.code==="ArrowLeft"){if(o===0)return;o=o-1,d=d-1}else if(f.code==="ArrowRight"){if(d===x)return;o=o+1,d=d+1}else if(f.code==="ArrowUp"){if(d-o<5)return;const p=Math.floor((d-o)/2)+1;o=o+p,d-o<5&&(o=d-4)}else if(f.code==="ArrowDown"){const p=Math.min(500,d-o);o=o-p-1}return{startValue:o,endValue:d}},getDataZoomInfoByTime:f=>{const{showStartTime:u,showEndTime:o,xAxisData:d,maxShowDays:x}=f;let p=-1,e=-1,i={};return d.forEach((a,l)=>{const r=a.split(" ")[0];i[r]=i[r]||0,i[r]+=1,new Date(a)>=new Date(u)&&p===-1&&(p=l),new Date(a)<=new Date(o)&&(e=l)}),{startValue:p,endValue:e,maxValueSpan:Math.max(...Object.values(i))*x}},formatDataBySlide:f=>{const{originDrawData:u,addData:o,startTime:d,endTime:x}=f,{mainIndicator:p,mainIndicatorList:e,subIndicator:i,subIndicatorList:a,config:l,timeRange:r}=f,{loadAddCount:D,preLoadCount:F}=l;let _=[],b=[],V=[],w=[];d&&x?(_=o.filter(s=>new Date(s[0])>=new Date(d)&&new Date(s[0])<=new Date(x)),w=[...o]):x?(_=[...o.filter((s,n)=>n>=o.length-D&&new Date(r[0])<=new Date(s[0])&&new Date(s[0])<=new Date(r[1])),...u.originData],w=[...o,...u.originData]):d&&(_=[...u.originData,...o.filter((s,n)=>n>=F&&new Date(r[0])<=new Date(s[0])&&new Date(s[0])<=new Date(r[1]))],w=_),_.forEach((s,n)=>{b.push([s[1],s[4],s[3],s[2],n===0?0:_[n-1][4],s[6]]),V.push(s[0])});let c=[],g=[];const I={time:[],open:[],close:[],high:[],low:[],originData:w};let C=null,q=null;return w.forEach((s,n)=>{I.time.push(s[0]),I.open.push(s[1]),I.close.push(s[4]),I.high.push(s[2]),I.low.push(s[3]),s[0]===_[0][0]&&(C=n),s[0]===_[_.length-1][0]&&(q=n+1)}),c=e.find(({value:s})=>s===p).config.map(s=>{const{calculationFn:n}=s,k={time:[],open:[],close:[],high:[],low:[],originData:[]};return{...s,data:n?n(B.talib,I,k).slice(C,q):[]}}),g=a.find(({value:s})=>s===i).config.reduce((s,n)=>{const{source:k,calculationFn:T}=n;return k==="calculation"?[...s,{...n,data:T?T(B.talib,I).slice(C,q):[]}]:s},[]),{originData:_,candlestickData:b,mainIndicatorData:c,subIndicatorData:g,xAxisData:V,startTime:_[0][0],endTime:_[_.length-1][0],length:_.length}},formatDataByCount:f=>{const{originDrawData:u,addData:o,mainIndicator:d,mainIndicatorList:x,subIndicator:p,subIndicatorList:e,config:i}=f;let a={};const{addCount:l,preLoadCount:r}=i,D=[],F=[],_=[],b=[],V=[];let w=[],c=[];const g=o.filter((n,k)=>(D.push(n[0]),F.push(n[1]),_.push(n[4]),b.push(n[2]),V.push(n[3]),w.push(n[0]),c.push([n[1],n[4],n[3],n[2],k===0?0:o[k-1][4],n[6]]),o.length>=l+r-1?k>=r:!0));w=S(w,g.length),c=S(c,g.length);const I={time:D,open:F,close:_,high:b,low:V,originData:o},q=x.find(n=>n.value===d).config.map(n=>({...n,data:S(n.calculationFn?n.calculationFn(B.talib,I,{time:[],open:[],close:[],high:[],low:[],originData:[]}):[],w.length)}));let s=[];return p&&e&&(s=e.find(k=>k.value===p).config.reduce((k,T)=>T.source==="calculation"?[...k,{...T,data:S(T.calculationFn?T.calculationFn(B.talib,I):[],w.length)}]:k,[])),u.length?a={originData:[...g,...u.originData],xAxisData:[...w,...u.xAxisData],candlestickData:[...c,...u.candlestickData],mainIndicatorData:u.mainIndicatorData.map((n,k)=>({...n,data:[...q[k].data,...n.data]})),subIndicatorData:u.subIndicatorData.map((n,k)=>({...n,data:[...s[k].data,...n.data]}))}:a={originData:g,xAxisData:w,candlestickData:c,mainIndicatorData:q,subIndicatorData:s},a.length=a.xAxisData.length,a.startTime=a.xAxisData[0],a.endTime=a.xAxisData[a.length-1],a},fn:()=>{}}),(f,u)=>null}}),j={class:"kline-tips"},P=t.defineComponent({__name:"index",props:{data:{type:Array,require:!0}},setup(m){return(v,A)=>(t.openBlock(),t.createElementBlock("div",j,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(m.data,(h,y)=>(t.openBlock(),t.createElementBlock("div",{key:y,class:"kline-tips-item",style:t.normalizeStyle({color:h.color})},t.toDisplayString(h.label)+" "+t.toDisplayString(h.value),5))),128))]))}});const O=E._export_sfc(P,[["__scopeId","data-v-2a02e841"]]),K={class:"kline-tips"},U=t.defineComponent({__name:"index",props:{drawData:{type:Object,require:!0},activeIndex:{type:Number,require:!0}},setup(m){const{round:v,multiply:A,divide:h,subtract:y,formatValue:S}=z.bundle_umdExports.stMath,f=m,u=t.computed(()=>{const{drawData:d,activeIndex:x}=f;if(d.candlestickData&&d.candlestickData[x]){const p=d.candlestickData[x],e=[{label:"开",value:v(p[0])},{label:"高",value:v(p[3])},{label:"低",value:v(p[2])},{label:"收",value:v(p[1])}];p[5]!==void 0&&e.push({label:"额",value:S(p[5])});const i=v(A(h(y(p[1],p[4]),Math.abs(p[4])),100));let a;return i>0?a="red":i<0&&(a="green"),e.push({label:"涨跌",value:`${i}%`,color:a}),e}return[]}),o=t.computed(()=>{var p;const{drawData:d,activeIndex:x}=f;return((p=d==null?void 0:d.mainIndicatorData)==null?void 0:p.map(e=>({label:e.key,value:v(e.data[x]),color:e.color})))||[]});return(d,x)=>(t.openBlock(),t.createElementBlock("div",K,[t.createVNode(O,{data:u.value},null,8,["data"]),t.createVNode(O,{data:o.value},null,8,["data"])]))}});const Z=E._export_sfc(U,[["__scopeId","data-v-a1302914"]]),Y={class:"klineSub"},H={class:"klineSub-tips"},G={key:0,class:"klineSub-tips-select"},J=t.defineComponent({__name:"index",props:{drawData:{type:Object,require:!0},activeIndex:{type:Number,require:!0},modelValue:{type:String,required:!0},subIndicatorList:{type:Array,required:!0},config:{type:Object,require:!0}},emits:["update:modelValue"],setup(m,{expose:v,emit:A}){const{round:h}=z.bundle_umdExports.stMath;let y,S;const f=A,u=m,o=t.ref(),d=t.computed({get(){return u.modelValue},set(e){f("update:modelValue",e)}}),x=t.computed(()=>{const{drawData:e,activeIndex:i}=u,a=u.subIndicatorList.find(l=>l.value===d.value);return e.originData&&e.originData[i]?a.config.map(l=>{var D,F;let r="-";return l.source==="origin"?r=e.originData[i][l.dataIndex]||"-":l.source==="calculation"&&(r=(((F=(D=e.subIndicatorData)==null?void 0:D.find(b=>b.key===l.key))==null?void 0:F.data)||[])[i]),{label:l.key,color:l.color,value:r==="-"?r:h(r)}}):[]});t.onMounted(()=>{y=L.init(o.value);let e=!0;S=new ResizeObserver(()=>{if(e){e=null;return}y.resize()}),S.observe(o.value)}),t.onUnmounted(()=>{y.dispose(),S.disconnect(),S=null});const p=(e,i)=>{const a=e[i],l=i===0?e[i]:e[i-1];return a[0]===a[1]?a[0]>=l[1]?{color:"transparent",borderColor:"#FF0000"}:{color:"#00FFFF"}:a[1]>a[0]?{color:"transparent",borderColor:"#FF0000"}:{color:"#00FFFF"}};return v({connect:e=>{L.connect([e,y])},draw:e=>{t.nextTick(()=>{var w;const{startValue:i,endValue:a,maxValueSpan:l}=e,{xAxisData:r,subIndicatorData:D,candlestickData:F,originData:_}=u.drawData,b=u.subIndicatorList.find(c=>c.value===d.value),V=[];if(b.series==="bar"){let c=[];b.source==="origin"?c=_.map(g=>g[b.dataIndex]):c=((w=D==null?void 0:D.find(g=>g.key===b.dataIndex))==null?void 0:w.data)||[],V.push({name:"subMain",xAxisIndex:0,yAxisIndex:1,type:"bar",silent:!0,symbol:"none",data:c.map((g,I)=>b.color==="kline"?{value:g,itemStyle:p(F,I)}:b.color==="value"?{value:g,itemStyle:{color:g>=0?"#FF0000":"#00FFFF"}}:{value:g,itemStyle:{color:b.color}})})}D.forEach(c=>{if(c.series==="line"){let g=[];c.source==="origin"?g=_.map(I=>I[c.dataIndex]):c.source==="calculation"&&(g=c.data),V.push({xAxisIndex:0,yAxisIndex:c.yAxis==="right"?2:1,name:c.key,type:"line",silent:!0,symbol:"none",data:g,lineStyle:{width:1},itemStyle:{color:c.color}})}}),y.setOption({animation:!1,grid:{left:`${u.config.gridLeft}px`,top:"10px",right:`${u.config.gridRight}px`,bottom:"20px"},dataZoom:[{type:"inside",startValue:i,endValue:a,maxValueSpan:l}],tooltip:{trigger:"axis",appendToBody:!0,confine:!0,axisPointer:{type:"cross",label:{rich:{},formatter:c=>{const{axisDimension:g,value:I}=c;if(g==="x")return I;if(c.axisIndex===1)return String(h(I))}}},formatter:()=>""},xAxis:{type:"category",data:r,axisLine:{show:!0},splitLine:{show:!1},axisLabel:{show:!0,formatter:c=>c}},yAxis:[{position:"right"},{position:"left",min:b.leftYAxisRange==="cover"?c=>c.min:null,max:b.leftYAxisRange==="cover"?c=>c.max:null,splitNumber:1,axisLine:{show:!0},splitLine:{show:!0,lineStyle:{type:"dotted",color:"#333"}}},{position:"right",min:b.rightYAxisRange==="cover"?c=>c.min:null,max:b.rightYAxisRange==="cover"?c=>c.max:null,splitNumber:1,axisLine:{show:!1},splitLine:{show:!1},axisLabel:{show:!1}}],series:V},!0)})}}),(e,i)=>{const a=R.ElOption,l=R.ElSelect;return t.openBlock(),t.createElementBlock("div",Y,[t.createElementVNode("div",H,[x.value.length?(t.openBlock(),t.createElementBlock("div",G,[t.createVNode(l,{modelValue:d.value,"onUpdate:modelValue":i[0]||(i[0]=r=>d.value=r),size:"small","popper-class":"element-dark",class:"element-dark subIndicator"},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(m.subIndicatorList,r=>(t.openBlock(),t.createBlock(a,{key:r.value,label:r.label,value:r.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])])):t.createCommentVNode("",!0),t.createVNode(O,{data:x.value},null,8,["data"])]),t.createElementVNode("div",{class:"klineSub-chart",ref_key:"subChartRef",ref:o},null,512)])}}});const Q=E._export_sfc(J,[["__scopeId","data-v-2ece79b3"]]),W=t.defineComponent({__name:"index",props:{data:{type:Array,default:()=>[]}},emits:["change"],setup(m,{expose:v,emit:A}){let h,y,S=null;const f=A,u=m,o=t.ref();t.watch(()=>u.data,()=>{p()},{deep:!0}),t.onMounted(()=>{h=L.init(o.value),d(),p();let e=!0;y=new ResizeObserver(()=>{if(e){e=null;return}h.resize()}),y.observe(o.value)}),t.onUnmounted(()=>{h.off("datazoom"),h.dispose(),y.disconnect(),y=null});const d=()=>{h.on("datazoom",e=>{e.dataZoomId&&(clearTimeout(S),S=setTimeout(()=>{const{data:i}=u,{start:a,end:l}=e,r=Math.floor(a*i.length/100),D=l===100?i.length-1:Math.floor(l*i.length/100);x(r,D),clearTimeout(S)},100))})},x=(e,i)=>{const a=u.data;if(a.length===0)return;const l=a[e][0].split(" ")[0],r=a[i][0].split(" ")[0];f("change",{startTime:`${l} 00:00:00`,endTime:`${r} 24:00:00`})},p=()=>{const{data:e}=u;if(e.length===0)return;const i=e.map(l=>l[0].split(" ")[0]),a=e.map(l=>l[1]);h.setOption({grid:{height:0,left:"80px",right:"80px"},xAxis:{type:"category",data:i,show:!1},yAxis:{type:"value"},series:[{data:a,type:"line"}]},!0)};return v({resetSlide:(e,i,a)=>{let l=-1,r=-1;u.data.forEach((D,F)=>{l===-1&&D[0]===e?l=F:l===-1&&new Date(D[0])>new Date(e)&&(l=F-1),(r===-1&&D[0]===i||r===-1&&new Date(D[0])>new Date(i))&&(r=F)}),r=r===-1?u.data.length-1:r,h.setOption({dataZoom:[{show:!0,startValue:l,endValue:r,maxValueSpan:a,textStyle:{color:"#ccc"}},{type:"inside",startValue:l,endValue:r,maxValueSpan:a}]})},resize:()=>{h==null||h.resize()}}),(e,i)=>(t.openBlock(),t.createElementBlock("div",{class:"klineSlide",ref_key:"slideChartRef",ref:o},null,512))}});const X=E._export_sfc(W,[["__scopeId","data-v-5008746a"]]),ee={install(m){m.component("st-klineUtils",$),m.component("st-klineSub",Q),m.component("st-klineTips",Z),m.component("st-klineSlide",X)}};module.exports=ee;

package/es/KlineNew.js

@@ -2,17 +2,16 @@ import { defineComponent as E, openBlock as T, createElementBlock as L, Fragment
 import { i as te, t as z } from "./index.esm-8d9a2abe.js";
 import { _ as O } from "./_plugin-vue_export-helper-dad06003.js";
 import { b as G } from "./bundle.umd-4967d574.js";
-import "./base-1bc9f12c.js";
-import "./el-input-29806e42.js";
-import "./el-tag-9493bdff.js";
-import { E as ae, a as ne } from "./el-select-ac302f3c.js";
-import "./el-scrollbar-e17fad47.js";
+import "./base-8aa55db5.js";
+import { E as ae, a as ne } from "./el-select-a6cf0236.js";
+import "./el-tag-7549c103.js";
+import "./el-scrollbar-ffb7b9c1.js";
 import * as q from "echarts";
 import "./_commonjsHelpers-10dfc225.js";
-import "./use-form-item-aeec8499.js";
+import "./use-form-item-bd4b9eeb.js";
 import "./typescript-7ae59c4c.js";
-import "./focus-trap-1b2aef75.js";
-import "./scroll-a928a93e.js";
+import "./focus-trap-5fc152a0.js";
+import "./scroll-c6e51ef8.js";
 const oe = /* @__PURE__ */ E({
   __name: "index",
   setup(w, { expose: A }) {
@@ -605,11 +604,11 @@ const he = /* @__PURE__ */ O(fe, [["__scopeId", "data-v-2ece79b3"]]), me = /* @_
     }, null, 512));
   }
 });
-const ge = /* @__PURE__ */ O(me, [["__scopeId", "data-v-5008746a"]]), Ve = {
+const ge = /* @__PURE__ */ O(me, [["__scopeId", "data-v-5008746a"]]), Le = {
   install(w) {
     w.component("st-klineUtils", oe), w.component("st-klineSub", he), w.component("st-klineTips", ce), w.component("st-klineSlide", ge);
   }
 };
 export {
-  Ve as default
+  Le as default
 };