st-comp 0.0.121 → 0.0.122

package/es/KlineNew.js

@@ -17,57 +17,57 @@ import "./scroll-3b521d81.js";
 import "./debounce-2336e546.js";
 const oe = /* @__PURE__ */ R({
   __name: "index",
-  setup(w, { expose: A }) {
-    let S = !1, f = !0, D = [];
-    const b = (p, c) => p.length > c ? p.slice(p.length - c) : p;
-    return A({
+  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({
       // 注册计算指标线方法
       initTalib: async () => {
         if (!S)
-          S = !0, await te("./talib.wasm"), f = !1, D.forEach((p) => {
-            p();
+          S = !0, await te("./talib.wasm"), h = !1, v.forEach((f) => {
+            f();
           });
-        else if (f)
-          return new Promise((p) => {
-            D.push(p);
+        else if (h)
+          return new Promise((f) => {
+            v.push(f);
           });
       },
       // 键盘事件处理
-      handleKeyDown: (p, c) => {
-        let { startValue: n, endValue: u, maxIndex: g } = c;
-        if (p.code === "ArrowLeft") {
-          if (n === 0)
+      handleKeyDown: (f, c) => {
+        let { startValue: o, endValue: u, maxIndex: p } = c;
+        if (f.code === "ArrowLeft") {
+          if (o === 0)
             return;
-          n = n - 1, u = u - 1;
-        } else if (p.code === "ArrowRight") {
-          if (u === g)
+          o = o - 1, u = u - 1;
+        } else if (f.code === "ArrowRight") {
+          if (u === p)
             return;
-          n = n + 1, u = u + 1;
-        } else if (p.code === "ArrowUp") {
-          if (u - n < 5)
+          o = o + 1, u = u + 1;
+        } else if (f.code === "ArrowUp") {
+          if (u - o < 5)
             return;
-          const d = Math.floor((u - n) / 2) + 1;
-          n = n + d, u - n < 5 && (n = u - 4);
-        } else if (p.code === "ArrowDown") {
-          const d = Math.min(500, u - n);
-          n = n - d - 1;
+          const d = Math.floor((u - o) / 2) + 1;
+          o = o + d, u - o < 5 && (o = u - 4);
+        } else if (f.code === "ArrowDown") {
+          const d = Math.min(500, u - o);
+          o = o - d - 1;
         }
         return {
-          startValue: n,
+          startValue: o,
           endValue: u
         };
       },
       // 根据时间解析dataZoom
-      getDataZoomInfoByTime: (p) => {
-        const { showStartTime: c, showEndTime: n, xAxisData: u, maxShowDays: g } = p;
-        let d = -1, e = -1, r = {};
-        return u.forEach((t, i) => {
-          const o = t.split(" ")[0];
-          r[o] = r[o] || 0, r[o] += 1, new Date(t) >= new Date(c) && d === -1 && (d = i), new Date(t) <= new Date(n) && (e = i);
+      getDataZoomInfoByTime: (f) => {
+        const { showStartTime: c, showEndTime: o, xAxisData: u, maxShowDays: p } = f;
+        let d = -1, e = -1, i = {};
+        return u.forEach((t, a) => {
+          const r = t.split(" ")[0];
+          i[r] = i[r] || 0, i[r] += 1, new Date(t) >= new Date(c) && d === -1 && (d = a), new Date(t) <= new Date(o) && (e = a);
         }), {
           startValue: d,
           endValue: e,
-          maxValueSpan: Math.max(...Object.values(r)) * g
+          maxValueSpan: Math.max(...Object.values(i)) * p
         };
       },
       /**
@@ -83,68 +83,68 @@ const oe = /* @__PURE__ */ R({
        *  length, // 便捷数据 - K线长度
        * }
        */
-      formatDataBySlide: (p) => {
-        const { originDrawData: c, addData: n, startTime: u, endTime: g } = p, { mainIndicator: d, mainIndicatorList: e, subIndicator: r, subIndicatorList: t, config: i, timeRange: o } = p, { loadAddCount: x, preLoadCount: k } = i;
-        let m = [], _ = [], F = [], y = [];
-        u && g ? (m = n.filter((s) => new Date(s[0]) >= new Date(u) && new Date(s[0]) <= new Date(g)), y = [...n]) : g ? (m = [
-          ...n.filter((s, a) => a >= n.length - x && new Date(o[0]) <= new Date(s[0]) && new Date(s[0]) <= new Date(o[1])),
+      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 = [
+          ...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
-        ], y = [...n, ...c.originData]) : u && (m = [
+        ], I = [...o, ...c.originData]) : u && (g = [
           ...c.originData,
-          ...n.filter((s, a) => a >= k && new Date(o[0]) <= new Date(s[0]) && new Date(s[0]) <= new Date(o[1]))
-        ], y = m), m.forEach((s, a) => {
-          _.push([s[1], s[4], s[3], s[2], a === 0 ? 0 : m[a - 1][4], s[6]]), F.push(s[0]);
+          ...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) => {
+          _.push([l[1], l[4], l[3], l[2], n === 0 ? 0 : g[n - 1][4], l[6]]), F.push(l[0]);
         });
-        let l = [], h = [];
-        const v = {
+        let s = [], m = [];
+        const b = {
           time: [],
           open: [],
           close: [],
           high: [],
           low: [],
-          originData: y
+          originData: I
         };
         let E = null, C = null;
-        return y.forEach((s, a) => {
-          v.time.push(s[0]), v.open.push(s[1]), v.close.push(s[4]), v.high.push(s[2]), v.low.push(s[3]), s[0] === m[0][0] && (E = a), s[0] === m[m.length - 1][0] && (C = a + 1);
-        }), l = e.find(({ value: s }) => s === d).config.map((s) => {
-          const { calculationFn: a } = s;
+        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);
+        }), s = e.find(({ value: l }) => l === d).config.map((l) => {
+          const { calculationFn: n } = l;
           return {
-            ...s,
-            data: a ? a(z, v, { time: [], open: [], close: [], high: [], low: [], originData: [] }).slice(E, C) : []
+            ...l,
+            data: n ? n(z, b, { time: [], open: [], close: [], high: [], low: [], originData: [] }).slice(E, C) : []
           };
-        }), h = t.find(({ value: s }) => s === r).config.reduce((s, a) => {
-          const { source: I, calculationFn: V } = a;
-          return I === "calculation" ? [
-            ...s,
+        }), m = t.find(({ value: l }) => l === i).config.reduce((l, n) => {
+          const { source: w, calculationFn: V } = n;
+          return w === "calculation" ? [
+            ...l,
             {
-              ...a,
-              data: V ? V(z, v).slice(E, C) : []
+              ...n,
+              data: V ? V(z, b).slice(E, C) : []
             }
-          ] : s;
+          ] : l;
         }, []), {
-          originData: m,
+          originData: g,
           candlestickData: _,
-          mainIndicatorData: l,
-          subIndicatorData: h,
+          mainIndicatorData: s,
+          subIndicatorData: m,
           xAxisData: F,
-          startTime: m[0][0],
-          endTime: m[m.length - 1][0],
-          length: m.length
+          startTime: g[0][0],
+          endTime: g[g.length - 1][0],
+          length: g.length
         };
       },
       // 计算绘图数据（根据长度使用）
-      formatDataByCount: (p) => {
-        const { originDrawData: c, addData: n, mainIndicator: u, mainIndicatorList: g, subIndicator: d, subIndicatorList: e, config: r } = p;
+      formatDataByCount: (f) => {
+        const { originDrawData: c, addData: o, mainIndicator: u, mainIndicatorList: p, subIndicator: d, subIndicatorList: e, config: i } = f;
         let t = {};
-        const { addCount: i, preLoadCount: o } = r, x = [], k = [], m = [], _ = [], F = [];
-        let y = [], l = [];
-        const h = n.filter((a, I) => (x.push(a[0]), k.push(a[1]), m.push(a[4]), _.push(a[2]), F.push(a[3]), y.push(a[0]), l.push([a[1], a[4], a[3], a[2], I === 0 ? 0 : n[I - 1][4], a[6]]), n.length >= i + o - 1 ? I >= o : !0));
-        y = b(y, h.length), l = b(l, h.length);
-        const v = { time: x, open: k, close: m, high: _, low: F, originData: n }, C = g.find((a) => a.value === u).config.map((a) => ({
-          ...a,
-          data: b(
-            a.calculationFn ? a.calculationFn(z, v, {
+        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) => ({
+          ...n,
+          data: y(
+            n.calculationFn ? n.calculationFn(z, b, {
               time: [],
               open: [],
               close: [],
@@ -152,52 +152,52 @@ const oe = /* @__PURE__ */ R({
               low: [],
               originData: []
             }) : [],
-            y.length
+            I.length
           )
         }));
-        let s = [];
-        return d && e && (s = e.find((I) => I.value === d).config.reduce((I, V) => V.source === "calculation" ? [
-          ...I,
+        let l = [];
+        return d && e && (l = e.find((w) => w.value === d).config.reduce((w, V) => V.source === "calculation" ? [
+          ...w,
           {
             ...V,
-            data: b(
-              V.calculationFn ? V.calculationFn(z, v) : [],
-              y.length
+            data: y(
+              V.calculationFn ? V.calculationFn(z, b) : [],
+              I.length
             )
           }
-        ] : I, [])), c.length ? t = {
-          originData: [...h, ...c.originData],
+        ] : w, [])), c.length ? t = {
+          originData: [...m, ...c.originData],
           // 原数据
-          xAxisData: [...y, ...c.xAxisData],
+          xAxisData: [...I, ...c.xAxisData],
           // 时间数据
-          candlestickData: [...l, ...c.candlestickData],
+          candlestickData: [...s, ...c.candlestickData],
           // k线数据
-          mainIndicatorData: c.mainIndicatorData.map((a, I) => ({
-            ...a,
-            data: [...C[I].data, ...a.data]
+          mainIndicatorData: c.mainIndicatorData.map((n, w) => ({
+            ...n,
+            data: [...C[w].data, ...n.data]
           })),
           // 主图指标线数据
-          subIndicatorData: c.subIndicatorData.map((a, I) => ({
-            ...a,
-            data: [...s[I].data, ...a.data]
+          subIndicatorData: c.subIndicatorData.map((n, w) => ({
+            ...n,
+            data: [...l[w].data, ...n.data]
           }))
           // 副图数据
         } : t = {
-          originData: h,
+          originData: m,
           // 原数据
-          xAxisData: y,
+          xAxisData: I,
           // 时间数据
-          candlestickData: l,
+          candlestickData: s,
           // k线数据
           mainIndicatorData: C,
           // 主图指标线数据
-          subIndicatorData: s
+          subIndicatorData: l
           // 副图数据
         }, t.length = t.xAxisData.length, t.startTime = t.xAxisData[0], t.endTime = t.xAxisData[t.length - 1], t;
       },
       fn: () => {
       }
-    }), (p, c) => null;
+    }), (f, c) => null;
   }
 }), re = { class: "kline-tips" }, ie = /* @__PURE__ */ R({
   __name: "index",
@@ -208,17 +208,17 @@ const oe = /* @__PURE__ */ R({
       require: !0
     }
   },
-  setup(w) {
-    return (A, S) => (T(), L("div", re, [
-      (T(!0), L(K, null, Z(w.data, (f, D) => (T(), L("div", {
-        key: D,
+  setup(k) {
+    return (D, S) => (T(), L("div", re, [
+      (T(!0), L(K, null, Z(k.data, (h, v) => (T(), L("div", {
+        key: v,
         class: "kline-tips-item",
-        style: H({ color: f.color })
-      }, N(f.label) + " " + N(f.value), 5))), 128))
+        style: H({ color: h.color })
+      }, N(h.label) + " " + N(h.value), 5))), 128))
     ]));
   }
 });
-const M = /* @__PURE__ */ q(ie, [["__scopeId", "data-v-2a02e841"]]), se = { class: "kline-tips" }, le = /* @__PURE__ */ R({
+const M = /* @__PURE__ */ q(ie, [["__scopeId", "data-v-2a02e841"]]), le = { class: "kline-tips" }, se = /* @__PURE__ */ R({
   __name: "index",
   props: {
     // 提示数据
@@ -226,39 +226,61 @@ const M = /* @__PURE__ */ q(ie, [["__scopeId", "data-v-2a02e841"]]), se = { clas
       type: Object,
       require: !0
     },
+    // K线数据
+    // candlestickData: [开, 收, 低, 高, 成交额, 涨跌值, 涨跌百分比]
+    candlestickData: {
+      type: Array,
+      default: () => null
+    },
+    // 主图指标数据
+    // mainIndicatorData: [key, data, color]
+    mainIndicatorData: {
+      type: Array,
+      default: () => null
+    },
     activeIndex: {
       type: Number,
       require: !0
     }
   },
-  setup(w) {
-    const { round: A, multiply: S, divide: f, subtract: D, formatValue: b } = G, p = w, c = $(() => {
-      const { drawData: u, activeIndex: g } = p;
-      if (u.candlestickData && u.candlestickData[g]) {
-        const d = u.candlestickData[g], e = [
-          { label: "开", value: A(d[0]) },
-          { label: "高", value: A(d[3]) },
-          { label: "低", value: A(d[2]) },
-          { label: "收", value: A(d[1]) }
+  setup(k) {
+    const { round: D, multiply: S, divide: h, subtract: v, formatValue: y } = G, f = k, 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 }
+        ];
+      } 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]) }
         ];
-        d[5] !== void 0 && e.push({ label: "额", value: b(d[5]) });
-        const r = A(S(f(D(d[1], d[4]), Math.abs(d[4])), 100));
-        let t;
-        return r > 0 ? t = "red" : r < 0 && (t = "green"), e.push({ label: "涨跌", value: `${r}%`, color: t }), e;
+        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));
+        let a;
+        return t > 0 ? a = "red" : t < 0 && (a = "green"), i.push({ label: "涨跌", value: `${t}%`, color: a }), i;
       }
       return [];
-    }), n = $(() => {
+    }), o = $(() => {
       var d;
-      const { drawData: u, activeIndex: g } = p;
-      return ((d = u == null ? void 0 : u.mainIndicatorData) == null ? void 0 : d.map((e) => ({ label: e.key, value: A(e.data[g]), color: e.color }))) || [];
+      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 (u, g) => (T(), L("div", se, [
+    return (u, p) => (T(), L("div", le, [
       O(M, { data: c.value }, null, 8, ["data"]),
-      O(M, { data: n.value }, null, 8, ["data"])
+      O(M, { data: o.value }, null, 8, ["data"])
     ]));
   }
 });
-const ce = /* @__PURE__ */ q(le, [["__scopeId", "data-v-a1302914"]]), ue = { class: "klineSub" }, de = { class: "klineSub-tips" }, pe = {
+const ce = /* @__PURE__ */ q(se, [["__scopeId", "data-v-234f3f41"]]), ue = { class: "klineSub" }, de = { class: "klineSub-tips" }, pe = {
   key: 0,
   class: "klineSub-tips-select"
 }, fe = /* @__PURE__ */ R({
@@ -274,44 +296,44 @@ const ce = /* @__PURE__ */ q(le, [["__scopeId", "data-v-a1302914"]]), ue = { cla
     // 配置
   },
   emits: ["update:modelValue"],
-  setup(w, { expose: A, emit: S }) {
-    const { round: f } = G;
-    let D, b;
-    const p = S, c = w, n = j(), u = $({
+  setup(k, { expose: D, emit: S }) {
+    const { round: h } = G;
+    let v, y;
+    const f = S, c = k, o = j(), u = $({
       get() {
         return c.modelValue;
       },
       set(e) {
-        p("update:modelValue", e);
+        f("update:modelValue", e);
       }
-    }), g = $(() => {
-      const { drawData: e, activeIndex: r } = c, t = c.subIndicatorList.find((i) => i.value === u.value);
-      return e.originData && e.originData[r] ? t.config.map((i) => {
-        var x, k;
-        let o = "-";
-        return i.source === "origin" ? o = e.originData[r][i.dataIndex] || "-" : i.source === "calculation" && (o = (((k = (x = e.subIndicatorData) == null ? void 0 : x.find((_) => _.key === i.key)) == null ? void 0 : k.data) || [])[r]), {
-          label: i.key,
-          color: i.color,
-          value: o === "-" ? o : f(o)
+    }), 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;
+        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]), {
+          label: a.key,
+          color: a.color,
+          value: r === "-" ? r : h(r)
         };
       }) : [];
     });
     U(() => {
-      D = B.init(n.value);
+      v = B.init(o.value);
       let e = !0;
-      b = new ResizeObserver(() => {
+      y = new ResizeObserver(() => {
         if (e) {
           e = null;
           return;
         }
-        D.resize();
-      }), b.observe(n.value);
+        v.resize();
+      }), y.observe(o.value);
     }), Y(() => {
-      D.dispose(), b.disconnect(), b = null;
+      v.dispose(), y.disconnect(), y = null;
     });
-    const d = (e, r) => {
-      const t = e[r], i = r === 0 ? e[r] : e[r - 1];
-      return t[0] === t[1] ? t[0] >= i[1] ? {
+    const d = (e, i) => {
+      const t = e[i], a = i === 0 ? e[i] : e[i - 1];
+      return t[0] === t[1] ? t[0] >= a[1] ? {
         color: "transparent",
         borderColor: "#FF0000"
       } : {
@@ -323,60 +345,60 @@ const ce = /* @__PURE__ */ q(le, [["__scopeId", "data-v-a1302914"]]), ue = { cla
         color: "#00FFFF"
       };
     };
-    return A({
+    return D({
       connect: (e) => {
-        B.connect([e, D]);
+        B.connect([e, v]);
       },
       // 联动
       draw: (e) => {
         J(() => {
-          var y;
-          const { startValue: r, endValue: t, maxValueSpan: i } = e, { xAxisData: o, subIndicatorData: x, candlestickData: k, originData: m } = c.drawData, _ = c.subIndicatorList.find((l) => l.value === u.value), F = [];
+          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 = [];
           if (_.series === "bar") {
-            let l = [];
-            _.source === "origin" ? l = m.map((h) => h[_.dataIndex]) : l = ((y = x == null ? void 0 : x.find((h) => h.key === _.dataIndex)) == null ? void 0 : y.data) || [], F.push({
+            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({
               name: "subMain",
               xAxisIndex: 0,
               yAxisIndex: 1,
               type: "bar",
               silent: !0,
               symbol: "none",
-              data: l.map((h, v) => _.color === "kline" ? {
-                value: h,
-                itemStyle: d(k, v)
+              data: s.map((m, b) => _.color === "kline" ? {
+                value: m,
+                itemStyle: d(A, b)
               } : _.color === "value" ? {
-                value: h,
+                value: m,
                 itemStyle: {
-                  color: h >= 0 ? "#FF0000" : "#00FFFF"
+                  color: m >= 0 ? "#FF0000" : "#00FFFF"
                 }
               } : {
-                value: h,
+                value: m,
                 itemStyle: {
                   color: _.color
                 }
               })
             });
           }
-          x.forEach((l) => {
-            if (l.series === "line") {
-              let h = [];
-              l.source === "origin" ? h = m.map((v) => v[l.dataIndex]) : l.source === "calculation" && (h = l.data), F.push({
+          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({
                 xAxisIndex: 0,
-                yAxisIndex: l.yAxis === "right" ? 2 : 1,
-                name: l.key,
+                yAxisIndex: s.yAxis === "right" ? 2 : 1,
+                name: s.key,
                 type: "line",
                 silent: !0,
                 symbol: "none",
-                data: h,
+                data: m,
                 lineStyle: {
                   width: 1
                 },
                 itemStyle: {
-                  color: l.color
+                  color: s.color
                 }
               });
             }
-          }), D.setOption(
+          }), v.setOption(
             {
               animation: !1,
               grid: {
@@ -388,9 +410,9 @@ const ce = /* @__PURE__ */ q(le, [["__scopeId", "data-v-a1302914"]]), ue = { cla
               dataZoom: [
                 {
                   type: "inside",
-                  startValue: r,
+                  startValue: i,
                   endValue: t,
-                  maxValueSpan: i
+                  maxValueSpan: a
                 }
               ],
               tooltip: {
@@ -401,12 +423,12 @@ const ce = /* @__PURE__ */ q(le, [["__scopeId", "data-v-a1302914"]]), ue = { cla
                   type: "cross",
                   label: {
                     rich: {},
-                    formatter: (l) => {
-                      const { axisDimension: h, value: v } = l;
-                      if (h === "x")
-                        return v;
-                      if (l.axisIndex === 1)
-                        return String(f(v));
+                    formatter: (s) => {
+                      const { axisDimension: m, value: b } = s;
+                      if (m === "x")
+                        return b;
+                      if (s.axisIndex === 1)
+                        return String(h(b));
                     }
                   }
                 },
@@ -414,7 +436,7 @@ const ce = /* @__PURE__ */ q(le, [["__scopeId", "data-v-a1302914"]]), ue = { cla
               },
               xAxis: {
                 type: "category",
-                data: o,
+                data: r,
                 axisLine: {
                   show: !0
                 },
@@ -423,7 +445,7 @@ const ce = /* @__PURE__ */ q(le, [["__scopeId", "data-v-a1302914"]]), ue = { cla
                 },
                 axisLabel: {
                   show: !0,
-                  formatter: (l) => l
+                  formatter: (s) => s
                 }
               },
               yAxis: [
@@ -432,8 +454,8 @@ const ce = /* @__PURE__ */ q(le, [["__scopeId", "data-v-a1302914"]]), ue = { cla
                 },
                 {
                   position: "left",
-                  min: _.leftYAxisRange === "cover" ? (l) => l.min : null,
-                  max: _.leftYAxisRange === "cover" ? (l) => l.max : null,
+                  min: _.leftYAxisRange === "cover" ? (s) => s.min : null,
+                  max: _.leftYAxisRange === "cover" ? (s) => s.max : null,
                   splitNumber: 1,
                   axisLine: {
                     show: !0
@@ -448,8 +470,8 @@ const ce = /* @__PURE__ */ q(le, [["__scopeId", "data-v-a1302914"]]), ue = { cla
                 },
                 {
                   position: "right",
-                  min: _.rightYAxisRange === "cover" ? (l) => l.min : null,
-                  max: _.rightYAxisRange === "cover" ? (l) => l.max : null,
+                  min: _.rightYAxisRange === "cover" ? (s) => s.min : null,
+                  max: _.rightYAxisRange === "cover" ? (s) => s.max : null,
                   splitNumber: 1,
                   axisLine: {
                     show: !1
@@ -469,34 +491,34 @@ const ce = /* @__PURE__ */ q(le, [["__scopeId", "data-v-a1302914"]]), ue = { cla
         });
       }
       // 重置
-    }), (e, r) => {
-      const t = ae, i = ne;
+    }), (e, i) => {
+      const t = ae, a = ne;
       return T(), L("div", ue, [
         P("div", de, [
-          g.value.length ? (T(), L("div", pe, [
-            O(i, {
+          p.value.length ? (T(), L("div", pe, [
+            O(a, {
               modelValue: u.value,
-              "onUpdate:modelValue": r[0] || (r[0] = (o) => u.value = o),
+              "onUpdate:modelValue": i[0] || (i[0] = (r) => u.value = r),
               size: "small",
               "popper-class": "element-dark",
               class: "element-dark subIndicator"
             }, {
               default: Q(() => [
-                (T(!0), L(K, null, Z(w.subIndicatorList, (o) => (T(), W(t, {
-                  key: o.value,
-                  label: o.label,
-                  value: o.value
+                (T(!0), L(K, null, Z(k.subIndicatorList, (r) => (T(), W(t, {
+                  key: r.value,
+                  label: r.label,
+                  value: r.value
                 }, null, 8, ["label", "value"]))), 128))
               ]),
               _: 1
             }, 8, ["modelValue"])
           ])) : X("", !0),
-          O(M, { data: g.value }, null, 8, ["data"])
+          O(M, { data: p.value }, null, 8, ["data"])
         ]),
         P("div", {
           class: "klineSub-chart",
           ref_key: "subChartRef",
-          ref: n
+          ref: o
         }, null, 512)
       ]);
     };
@@ -509,9 +531,9 @@ const he = /* @__PURE__ */ q(fe, [["__scopeId", "data-v-0a2f256e"]]), me = /* @_
     // 时间数据
   },
   emits: ["change"],
-  setup(w, { expose: A, emit: S }) {
-    let f, D, b = null;
-    const p = S, c = w, n = j();
+  setup(k, { expose: D, emit: S }) {
+    let h, v, y = null;
+    const f = S, c = k, o = j();
     ee(
       () => c.data,
       () => {
@@ -519,40 +541,40 @@ const he = /* @__PURE__ */ q(fe, [["__scopeId", "data-v-0a2f256e"]]), me = /* @_
       },
       { deep: !0 }
     ), U(() => {
-      f = B.init(n.value), u(), d();
+      h = B.init(o.value), u(), d();
       let e = !0;
-      D = new ResizeObserver(() => {
+      v = new ResizeObserver(() => {
         if (e) {
           e = null;
           return;
         }
-        f.resize();
-      }), D.observe(n.value);
+        h.resize();
+      }), v.observe(o.value);
     }), Y(() => {
-      f.off("datazoom"), f.dispose(), D.disconnect(), D = null;
+      h.off("datazoom"), h.dispose(), v.disconnect(), v = null;
     });
     const u = () => {
-      f.on("datazoom", (e) => {
-        e.dataZoomId && (clearTimeout(b), b = setTimeout(() => {
-          const { data: r } = c, { start: t, end: i } = e, o = Math.floor(t * r.length / 100), x = i === 100 ? r.length - 1 : Math.floor(i * r.length / 100);
-          g(o, x), clearTimeout(b);
+      h.on("datazoom", (e) => {
+        e.dataZoomId && (clearTimeout(y), y = 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);
         }, 100));
       });
-    }, g = (e, r) => {
+    }, p = (e, i) => {
       const t = c.data;
       if (t.length === 0)
         return;
-      const i = t[e][0].split(" ")[0], o = t[r][0].split(" ")[0];
-      p("change", {
-        startTime: `${i} 00:00:00`,
-        endTime: `${o} 24:00:00`
+      const a = t[e][0].split(" ")[0], r = t[i][0].split(" ")[0];
+      f("change", {
+        startTime: `${a} 00:00:00`,
+        endTime: `${r} 24:00:00`
       });
     }, d = () => {
       const { data: e } = c;
       if (e.length === 0)
         return;
-      const r = e.map((i) => i[0].split(" ")[0]), t = e.map((i) => i[1]);
-      f.setOption({
+      const i = e.map((a) => a[0].split(" ")[0]), t = e.map((a) => a[1]);
+      h.setOption({
         grid: {
           height: 0,
           left: "80px",
@@ -560,7 +582,7 @@ const he = /* @__PURE__ */ q(fe, [["__scopeId", "data-v-0a2f256e"]]), me = /* @_
         },
         xAxis: {
           type: "category",
-          data: r,
+          data: i,
           show: !1
         },
         yAxis: {
@@ -574,17 +596,17 @@ const he = /* @__PURE__ */ q(fe, [["__scopeId", "data-v-0a2f256e"]]), me = /* @_
         ]
       }, !0);
     };
-    return A({
-      resetSlide: (e, r, t) => {
-        let i = -1, o = -1;
-        c.data.forEach((x, k) => {
-          i === -1 && x[0] === e ? i = k : i === -1 && new Date(x[0]) > new Date(e) && (i = k - 1), (o === -1 && x[0] === r || o === -1 && new Date(x[0]) > new Date(r)) && (o = k);
-        }), o = o === -1 ? c.data.length - 1 : o, f.setOption({
+    return D({
+      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);
+        }), r = r === -1 ? c.data.length - 1 : r, h.setOption({
           dataZoom: [
             {
               show: !0,
-              startValue: i,
-              endValue: o,
+              startValue: a,
+              endValue: r,
               maxValueSpan: t,
               textStyle: {
                 color: "#ccc"
@@ -592,8 +614,8 @@ const he = /* @__PURE__ */ q(fe, [["__scopeId", "data-v-0a2f256e"]]), me = /* @_
             },
             {
               type: "inside",
-              startValue: i,
-              endValue: o,
+              startValue: a,
+              endValue: r,
               maxValueSpan: t
             }
           ]
@@ -601,18 +623,18 @@ const he = /* @__PURE__ */ q(fe, [["__scopeId", "data-v-0a2f256e"]]), me = /* @_
       },
       // 重置
       resize: () => {
-        f == null || f.resize();
+        h == null || h.resize();
       }
-    }), (e, r) => (T(), L("div", {
+    }), (e, i) => (T(), L("div", {
       class: "klineSlide",
       ref_key: "slideChartRef",
-      ref: n
+      ref: o
     }, null, 512));
   }
 });
 const ge = /* @__PURE__ */ q(me, [["__scopeId", "data-v-5008746a"]]), Re = {
-  install(w) {
-    w.component("st-klineUtils", oe), w.component("st-klineSub", he), w.component("st-klineTips", ce), w.component("st-klineSlide", ge);
+  install(k) {
+    k.component("st-klineUtils", oe), k.component("st-klineSub", he), k.component("st-klineTips", ce), k.component("st-klineSlide", ge);
   }
 };
 export {