st-comp 0.0.207 → 0.0.209

package/es/KlineNew.js

@@ -22,19 +22,19 @@ import "./debounce-8d53f4dd.js";
 import "./vnode-5ddb7ed1.js";
 const oe = /* @__PURE__ */ R({
   __name: "index",
-  setup(k, { expose: D }) {
-    let S = !1, h = !0, v = [];
-    const y = (f, c) => f.length > c ? f.slice(f.length - c) : f;
-    return D({
+  setup(w, { expose: A }) {
+    let S = !1, h = !0, D = [];
+    const b = (f, c) => f.length > c ? f.slice(f.length - c) : f;
+    return A({
       // 注册计算指标线方法
       initTalib: async () => {
         if (!S)
-          S = !0, await te("./talib.wasm"), h = !1, v.forEach((f) => {
+          S = !0, await te("./talib.wasm"), h = !1, D.forEach((f) => {
             f();
           });
         else if (h)
           return new Promise((f) => {
-            v.push(f);
+            D.push(f);
           });
       },
       // 键盘事件处理
@@ -89,42 +89,42 @@ const oe = /* @__PURE__ */ R({
        * }
        */
       formatDataBySlide: (f) => {
-        const { originDrawData: c, addData: o, startTime: u, endTime: p } = f, { mainIndicator: d, mainIndicatorList: e, subIndicator: i, subIndicatorList: t, config: a, timeRange: r } = f, { loadAddCount: x, preLoadCount: A } = a;
-        let g = [], _ = [], F = [], I = [];
-        u && p ? (g = o.filter((l) => new Date(l[0]) >= new Date(u) && new Date(l[0]) <= new Date(p)), I = [...o]) : p ? (g = [
+        const { originDrawData: c, addData: o, startTime: u, endTime: p } = f, { mainIndicator: d, mainIndicatorList: e, subIndicator: i, subIndicatorList: t, config: a, timeRange: r } = f, { loadAddCount: x, preLoadCount: k } = a;
+        let g = [], _ = [], F = [], y = [];
+        u && p ? (g = o.filter((l) => new Date(l[0]) >= new Date(u) && new Date(l[0]) <= new Date(p)), y = [...o]) : p ? (g = [
           ...o.filter((l, n) => n >= o.length - x && new Date(r[0]) <= new Date(l[0]) && new Date(l[0]) <= new Date(r[1])),
           ...c.originData
-        ], I = [...o, ...c.originData]) : u && (g = [
+        ], y = [...o, ...c.originData]) : u && (g = [
           ...c.originData,
-          ...o.filter((l, n) => n >= A && new Date(r[0]) <= new Date(l[0]) && new Date(l[0]) <= new Date(r[1]))
-        ], I = g), g.forEach((l, n) => {
+          ...o.filter((l, n) => n >= k && new Date(r[0]) <= new Date(l[0]) && new Date(l[0]) <= new Date(r[1]))
+        ], y = g), g.forEach((l, n) => {
           _.push([l[1], l[4], l[3], l[2], n === 0 ? 0 : g[n - 1][4], l[6]]), F.push(l[0]);
         });
         let s = [], m = [];
-        const b = {
+        const v = {
           time: [],
           open: [],
           close: [],
           high: [],
           low: [],
-          originData: I
+          originData: y
         };
         let E = null, C = null;
-        return I.forEach((l, n) => {
-          b.time.push(l[0]), b.open.push(l[1]), b.close.push(l[4]), b.high.push(l[2]), b.low.push(l[3]), l[0] === g[0][0] && (E = n), l[0] === g[g.length - 1][0] && (C = n + 1);
+        return y.forEach((l, n) => {
+          v.time.push(l[0]), v.open.push(l[1]), v.close.push(l[4]), v.high.push(l[2]), v.low.push(l[3]), l[0] === g[0][0] && (E = n), l[0] === g[g.length - 1][0] && (C = n + 1);
         }), s = e.find(({ value: l }) => l === d).config.map((l) => {
           const { calculationFn: n } = l;
           return {
             ...l,
-            data: n ? n(z, b, { time: [], open: [], close: [], high: [], low: [], originData: [] }).slice(E, C) : []
+            data: n ? n(z, v, { time: [], open: [], close: [], high: [], low: [], originData: [] }).slice(E, C) : []
           };
         }), m = t.find(({ value: l }) => l === i).config.reduce((l, n) => {
-          const { source: w, calculationFn: V } = n;
-          return w === "calculation" ? [
+          const { source: I, calculationFn: V } = n;
+          return I === "calculation" ? [
             ...l,
             {
               ...n,
-              data: V ? V(z, b).slice(E, C) : []
+              data: V ? V(z, v).slice(E, C) : []
             }
           ] : l;
         }, []), {
@@ -142,14 +142,14 @@ const oe = /* @__PURE__ */ R({
       formatDataByCount: (f) => {
         const { originDrawData: c, addData: o, mainIndicator: u, mainIndicatorList: p, subIndicator: d, subIndicatorList: e, config: i } = f;
         let t = {};
-        const { addCount: a, preLoadCount: r } = i, x = [], A = [], g = [], _ = [], F = [];
-        let I = [], s = [];
-        const m = o.filter((n, w) => (x.push(n[0]), A.push(n[1]), g.push(n[4]), _.push(n[2]), F.push(n[3]), I.push(n[0]), s.push([n[1], n[4], n[3], n[2], w === 0 ? 0 : o[w - 1][4], n[6]]), o.length >= a + r - 1 ? w >= r : !0));
-        I = y(I, m.length), s = y(s, m.length);
-        const b = { time: x, open: A, close: g, high: _, low: F, originData: o }, C = p.find((n) => n.value === u).config.map((n) => ({
+        const { addCount: a, preLoadCount: r } = i, x = [], k = [], g = [], _ = [], F = [];
+        let y = [], s = [];
+        const m = o.filter((n, I) => (x.push(n[0]), k.push(n[1]), g.push(n[4]), _.push(n[2]), F.push(n[3]), y.push(n[0]), s.push([n[1], n[4], n[3], n[2], I === 0 ? 0 : o[I - 1][4], n[6]]), o.length >= a + r - 1 ? I >= r : !0));
+        y = b(y, m.length), s = b(s, m.length);
+        const v = { time: x, open: k, close: g, high: _, low: F, originData: o }, C = p.find((n) => n.value === u).config.map((n) => ({
           ...n,
-          data: y(
-            n.calculationFn ? n.calculationFn(z, b, {
+          data: b(
+            n.calculationFn ? n.calculationFn(z, v, {
               time: [],
               open: [],
               close: [],
@@ -157,40 +157,40 @@ const oe = /* @__PURE__ */ R({
               low: [],
               originData: []
             }) : [],
-            I.length
+            y.length
           )
         }));
         let l = [];
-        return d && e && (l = e.find((w) => w.value === d).config.reduce((w, V) => V.source === "calculation" ? [
-          ...w,
+        return d && e && (l = e.find((I) => I.value === d).config.reduce((I, V) => V.source === "calculation" ? [
+          ...I,
           {
             ...V,
-            data: y(
-              V.calculationFn ? V.calculationFn(z, b) : [],
-              I.length
+            data: b(
+              V.calculationFn ? V.calculationFn(z, v) : [],
+              y.length
             )
           }
-        ] : w, [])), c.length ? t = {
+        ] : I, [])), c.length ? t = {
           originData: [...m, ...c.originData],
           // 原数据
-          xAxisData: [...I, ...c.xAxisData],
+          xAxisData: [...y, ...c.xAxisData],
           // 时间数据
           candlestickData: [...s, ...c.candlestickData],
           // k线数据
-          mainIndicatorData: c.mainIndicatorData.map((n, w) => ({
+          mainIndicatorData: c.mainIndicatorData.map((n, I) => ({
             ...n,
-            data: [...C[w].data, ...n.data]
+            data: [...C[I].data, ...n.data]
           })),
           // 主图指标线数据
-          subIndicatorData: c.subIndicatorData.map((n, w) => ({
+          subIndicatorData: c.subIndicatorData.map((n, I) => ({
             ...n,
-            data: [...l[w].data, ...n.data]
+            data: [...l[I].data, ...n.data]
           }))
           // 副图数据
         } : t = {
           originData: m,
           // 原数据
-          xAxisData: I,
+          xAxisData: y,
           // 时间数据
           candlestickData: s,
           // k线数据
@@ -213,10 +213,10 @@ const oe = /* @__PURE__ */ R({
       require: !0
     }
   },
-  setup(k) {
-    return (D, S) => (T(), L("div", re, [
-      (T(!0), L(K, null, Z(k.data, (h, v) => (T(), L("div", {
-        key: v,
+  setup(w) {
+    return (A, S) => (T(), L("div", re, [
+      (T(!0), L(K, null, Z(w.data, (h, D) => (T(), L("div", {
+        key: D,
         class: "kline-tips-item",
         style: H({ color: h.color })
       }, N(h.label) + " " + N(h.value), 5))), 128))
@@ -248,28 +248,28 @@ const M = /* @__PURE__ */ q(ie, [["__scopeId", "data-v-2a02e841"]]), le = { clas
       require: !0
     }
   },
-  setup(k) {
-    const { round: D, multiply: S, divide: h, subtract: v, formatValue: y } = G, f = k, c = $(() => {
+  setup(w) {
+    const { round: A, multiply: S, divide: h, subtract: D, formatValue: b } = G, f = w, c = $(() => {
       const { drawData: u, activeIndex: p, candlestickData: d } = f;
       if (d != null && d.length && d[p]) {
         let e;
         return d[p][6] > 0 ? e = "red" : d[p][6] < 0 && (e = "green"), [
-          { label: "开", value: D(d[p][0]) },
-          { label: "高", value: D(d[p][3]) },
-          { label: "低", value: D(d[p][2]) },
-          { label: "收", value: D(d[p][1]) },
-          { label: "额", value: y(d[p][4]) },
-          { label: "涨跌", value: `${D(d[p][6])}%`, color: e }
+          { label: "开", value: d[p][0] },
+          { label: "高", value: d[p][3] },
+          { label: "低", value: d[p][2] },
+          { label: "收", value: d[p][1] },
+          { label: "额", value: b(d[p][4]) },
+          { label: "涨跌", value: `${A(d[p][6])}%`, color: e }
         ];
       } else if (u.candlestickData && u.candlestickData[p]) {
         const e = u.candlestickData[p], i = [
-          { label: "开", value: D(e[0]) },
-          { label: "高", value: D(e[3]) },
-          { label: "低", value: D(e[2]) },
-          { label: "收", value: D(e[1]) }
+          { label: "开", value: e[0] },
+          { label: "高", value: e[3] },
+          { label: "低", value: e[2] },
+          { label: "收", value: e[1] }
         ];
-        e[5] !== void 0 && i.push({ label: "额", value: y(e[5]) });
-        const t = D(S(h(v(e[1], e[4]), Math.abs(e[4])), 100));
+        e[5] !== void 0 && i.push({ label: "额", value: b(e[5]) });
+        const t = A(S(h(D(e[1], e[4]), Math.abs(e[4])), 100));
         let a;
         return t > 0 ? a = "red" : t < 0 && (a = "green"), i.push({ label: "涨跌", value: `${t}%`, color: a }), i;
       }
@@ -277,7 +277,7 @@ const M = /* @__PURE__ */ q(ie, [["__scopeId", "data-v-2a02e841"]]), le = { clas
     }), o = $(() => {
       var d;
       const { drawData: u, activeIndex: p } = f;
-      return ((d = u == null ? void 0 : u.mainIndicatorData) == null ? void 0 : d.map((e) => ({ label: e.key, value: D(e.data[p]), color: e.color }))) || [];
+      return ((d = u == null ? void 0 : u.mainIndicatorData) == null ? void 0 : d.map((e) => ({ label: e.key, value: A(e.data[p]), color: e.color }))) || [];
     });
     return (u, p) => (T(), L("div", le, [
       O(M, { data: c.value }, null, 8, ["data"]),
@@ -285,7 +285,7 @@ const M = /* @__PURE__ */ q(ie, [["__scopeId", "data-v-2a02e841"]]), le = { clas
     ]));
   }
 });
-const ce = /* @__PURE__ */ q(se, [["__scopeId", "data-v-234f3f41"]]), ue = { class: "klineSub" }, de = { class: "klineSub-tips" }, pe = {
+const ce = /* @__PURE__ */ q(se, [["__scopeId", "data-v-e75a1234"]]), ue = { class: "klineSub" }, de = { class: "klineSub-tips" }, pe = {
   key: 0,
   class: "klineSub-tips-select"
 }, fe = /* @__PURE__ */ R({
@@ -301,10 +301,10 @@ const ce = /* @__PURE__ */ q(se, [["__scopeId", "data-v-234f3f41"]]), ue = { cla
     // 配置
   },
   emits: ["update:modelValue"],
-  setup(k, { expose: D, emit: S }) {
+  setup(w, { expose: A, emit: S }) {
     const { round: h } = G;
-    let v, y;
-    const f = S, c = k, o = j(), u = $({
+    let D, b;
+    const f = S, c = w, o = j(), u = $({
       get() {
         return c.modelValue;
       },
@@ -314,9 +314,9 @@ const ce = /* @__PURE__ */ q(se, [["__scopeId", "data-v-234f3f41"]]), ue = { cla
     }), p = $(() => {
       const { drawData: e, activeIndex: i } = c, t = c.subIndicatorList.find((a) => a.value === u.value);
       return e.originData && e.originData[i] ? t.config.map((a) => {
-        var x, A;
+        var x, k;
         let r = "-";
-        return a.source === "origin" ? r = e.originData[i][a.dataIndex] || "-" : a.source === "calculation" && (r = (((A = (x = e.subIndicatorData) == null ? void 0 : x.find((_) => _.key === a.key)) == null ? void 0 : A.data) || [])[i]), {
+        return a.source === "origin" ? r = e.originData[i][a.dataIndex] || "-" : a.source === "calculation" && (r = (((k = (x = e.subIndicatorData) == null ? void 0 : x.find((_) => _.key === a.key)) == null ? void 0 : k.data) || [])[i]), {
           label: a.key,
           color: a.color,
           value: r === "-" ? r : h(r)
@@ -324,17 +324,17 @@ const ce = /* @__PURE__ */ q(se, [["__scopeId", "data-v-234f3f41"]]), ue = { cla
       }) : [];
     });
     U(() => {
-      v = B.init(o.value);
+      D = B.init(o.value);
       let e = !0;
-      y = new ResizeObserver(() => {
+      b = new ResizeObserver(() => {
         if (e) {
           e = null;
           return;
         }
-        v.resize();
-      }), y.observe(o.value);
+        D.resize();
+      }), b.observe(o.value);
     }), Y(() => {
-      v.dispose(), y.disconnect(), y = null;
+      D.dispose(), b.disconnect(), b = null;
     });
     const d = (e, i) => {
       const t = e[i], a = i === 0 ? e[i] : e[i - 1];
@@ -350,27 +350,27 @@ const ce = /* @__PURE__ */ q(se, [["__scopeId", "data-v-234f3f41"]]), ue = { cla
         color: "#00FFFF"
       };
     };
-    return D({
+    return A({
       connect: (e) => {
-        B.connect([e, v]);
+        B.connect([e, D]);
       },
       // 联动
       draw: (e) => {
         J(() => {
-          var I;
-          const { startValue: i, endValue: t, maxValueSpan: a } = e, { xAxisData: r, subIndicatorData: x, candlestickData: A, originData: g } = c.drawData, _ = c.subIndicatorList.find((s) => s.value === u.value), F = [];
+          var y;
+          const { startValue: i, endValue: t, maxValueSpan: a } = e, { xAxisData: r, subIndicatorData: x, candlestickData: k, originData: g } = c.drawData, _ = c.subIndicatorList.find((s) => s.value === u.value), F = [];
           if (_.series === "bar") {
             let s = [];
-            _.source === "origin" ? s = g.map((m) => m[_.dataIndex]) : s = ((I = x == null ? void 0 : x.find((m) => m.key === _.dataIndex)) == null ? void 0 : I.data) || [], F.push({
+            _.source === "origin" ? s = g.map((m) => m[_.dataIndex]) : s = ((y = x == null ? void 0 : x.find((m) => m.key === _.dataIndex)) == null ? void 0 : y.data) || [], F.push({
               name: "subMain",
               xAxisIndex: 0,
               yAxisIndex: 1,
               type: "bar",
               silent: !0,
               symbol: "none",
-              data: s.map((m, b) => _.color === "kline" ? {
+              data: s.map((m, v) => _.color === "kline" ? {
                 value: m,
-                itemStyle: d(A, b)
+                itemStyle: d(k, v)
               } : _.color === "value" ? {
                 value: m,
                 itemStyle: {
@@ -387,7 +387,7 @@ const ce = /* @__PURE__ */ q(se, [["__scopeId", "data-v-234f3f41"]]), ue = { cla
           x.forEach((s) => {
             if (s.series === "line") {
               let m = [];
-              s.source === "origin" ? m = g.map((b) => b[s.dataIndex]) : s.source === "calculation" && (m = s.data), F.push({
+              s.source === "origin" ? m = g.map((v) => v[s.dataIndex]) : s.source === "calculation" && (m = s.data), F.push({
                 xAxisIndex: 0,
                 yAxisIndex: s.yAxis === "right" ? 2 : 1,
                 name: s.key,
@@ -403,7 +403,7 @@ const ce = /* @__PURE__ */ q(se, [["__scopeId", "data-v-234f3f41"]]), ue = { cla
                 }
               });
             }
-          }), v.setOption(
+          }), D.setOption(
             {
               animation: !1,
               grid: {
@@ -429,11 +429,11 @@ const ce = /* @__PURE__ */ q(se, [["__scopeId", "data-v-234f3f41"]]), ue = { cla
                   label: {
                     rich: {},
                     formatter: (s) => {
-                      const { axisDimension: m, value: b } = s;
+                      const { axisDimension: m, value: v } = s;
                       if (m === "x")
-                        return b;
+                        return v;
                       if (s.axisIndex === 1)
-                        return String(h(b));
+                        return String(h(v));
                     }
                   }
                 },
@@ -509,7 +509,7 @@ const ce = /* @__PURE__ */ q(se, [["__scopeId", "data-v-234f3f41"]]), ue = { cla
               class: "element-dark subIndicator"
             }, {
               default: Q(() => [
-                (T(!0), L(K, null, Z(k.subIndicatorList, (r) => (T(), W(t, {
+                (T(!0), L(K, null, Z(w.subIndicatorList, (r) => (T(), W(t, {
                   key: r.value,
                   label: r.label,
                   value: r.value
@@ -536,9 +536,9 @@ const he = /* @__PURE__ */ q(fe, [["__scopeId", "data-v-0a2f256e"]]), me = /* @_
     // 时间数据
   },
   emits: ["change"],
-  setup(k, { expose: D, emit: S }) {
-    let h, v, y = null;
-    const f = S, c = k, o = j();
+  setup(w, { expose: A, emit: S }) {
+    let h, D, b = null;
+    const f = S, c = w, o = j();
     ee(
       () => c.data,
       () => {
@@ -548,21 +548,21 @@ const he = /* @__PURE__ */ q(fe, [["__scopeId", "data-v-0a2f256e"]]), me = /* @_
     ), U(() => {
       h = B.init(o.value), u(), d();
       let e = !0;
-      v = new ResizeObserver(() => {
+      D = new ResizeObserver(() => {
         if (e) {
           e = null;
           return;
         }
         h.resize();
-      }), v.observe(o.value);
+      }), D.observe(o.value);
     }), Y(() => {
-      h.off("datazoom"), h.dispose(), v.disconnect(), v = null;
+      h.off("datazoom"), h.dispose(), D.disconnect(), D = null;
     });
     const u = () => {
       h.on("datazoom", (e) => {
-        e.dataZoomId && (clearTimeout(y), y = setTimeout(() => {
+        e.dataZoomId && (clearTimeout(b), b = setTimeout(() => {
           const { data: i } = c, { start: t, end: a } = e, r = Math.floor(t * i.length / 100), x = a === 100 ? i.length - 1 : Math.floor(a * i.length / 100);
-          p(r, x), clearTimeout(y);
+          p(r, x), clearTimeout(b);
         }, 100));
       });
     }, p = (e, i) => {
@@ -601,11 +601,11 @@ const he = /* @__PURE__ */ q(fe, [["__scopeId", "data-v-0a2f256e"]]), me = /* @_
         ]
       }, !0);
     };
-    return D({
+    return A({
       resetSlide: (e, i, t) => {
         let a = -1, r = -1;
-        c.data.forEach((x, A) => {
-          a === -1 && x[0] === e ? a = A : a === -1 && new Date(x[0]) > new Date(e) && (a = A - 1), (r === -1 && x[0] === i || r === -1 && new Date(x[0]) > new Date(i)) && (r = A);
+        c.data.forEach((x, k) => {
+          a === -1 && x[0] === e ? a = k : a === -1 && new Date(x[0]) > new Date(e) && (a = k - 1), (r === -1 && x[0] === i || r === -1 && new Date(x[0]) > new Date(i)) && (r = k);
         }), r = r === -1 ? c.data.length - 1 : r, h.setOption({
           dataZoom: [
             {
@@ -638,8 +638,8 @@ const he = /* @__PURE__ */ q(fe, [["__scopeId", "data-v-0a2f256e"]]), me = /* @_
   }
 });
 const ge = /* @__PURE__ */ q(me, [["__scopeId", "data-v-5008746a"]]), qe = {
-  install(k) {
-    k.component("st-klineUtils", oe), k.component("st-klineSub", he), k.component("st-klineTips", ce), k.component("st-klineSlide", ge);
+  install(w) {
+    w.component("st-klineUtils", oe), w.component("st-klineSub", he), w.component("st-klineTips", ce), w.component("st-klineSlide", ge);
   }
 };
 export {