st-comp 0.0.245 → 0.0.247

package/es/KlineBasic.js

@@ -1,21 +1,21 @@
 import "./base-a5af3db3.js";
-import { E as Be } from "./el-dialog-6a80e3d8.js";
+import { E as We } from "./el-dialog-6a80e3d8.js";
 import "./el-overlay-cc9bc792.js";
 import "./el-input-cae60510.js";
-import { E as Oe } from "./el-input-number-c2499410.js";
-import { E as $e } from "./el-button-d09ff85f.js";
-import { E as Ne } from "./el-empty-33cb66f1.js";
-import { E as Pe, a as We } from "./el-menu-item-f904f685.js";
+import { E as qe } from "./el-input-number-c2499410.js";
+import { E as ze } from "./el-button-d09ff85f.js";
+import { E as Ze } from "./el-empty-33cb66f1.js";
+import { E as Ke, a as Ue } from "./el-menu-item-f904f685.js";
 import "./el-tooltip-4ed993c7.js";
 import "./el-popper-a38874f4.js";
-import { defineComponent as ve, ref as T, watch as J, nextTick as ge, openBlock as F, createElementBlock as E, Fragment as ee, renderList as ce, normalizeStyle as de, toDisplayString as te, computed as ne, createVNode as B, onMounted as De, onUnmounted as ke, createElementVNode as U, withCtx as K, createBlock as Me, createCommentVNode as Q, renderSlot as Ye, createTextVNode as se, pushScopeId as qe, popScopeId as Ce } from "vue";
-import * as ye from "echarts";
-import { d } from "./dayjs.min-8313b006.js";
-import { y as ze, v as Ke, U as Ue, K as He, V as oe, x as be, D as je } from "./index-7ed0999e.js";
-import { E as ue } from "./el-message-0df23ae7.js";
-import { _ as G } from "./_plugin-vue_export-helper-dad06003.js";
+import { defineComponent as be, ref as F, watch as te, nextTick as ne, openBlock as T, createElementBlock as E, Fragment as oe, renderList as fe, normalizeStyle as pe, toDisplayString as ae, computed as le, createVNode as I, onMounted as Se, onUnmounted as Me, createElementVNode as K, withCtx as z, createBlock as Le, createCommentVNode as G, renderSlot as Ye, createTextVNode as ue, pushScopeId as He, popScopeId as je } from "vue";
+import { d as L } from "./dayjs.min-8313b006.js";
+import * as xe from "echarts";
+import { y as Ce, v as Xe, U as Ge, K as Je, V as ie, x as _e, D as Qe, G as ce } from "./index-7ed0999e.js";
+import { E as de } from "./el-message-0df23ae7.js";
+import { _ as J } from "./_plugin-vue_export-helper-dad06003.js";
 import "./el-tag-0a25efdf.js";
-import { E as Ze, a as Xe } from "./el-select-1b149fab.js";
+import { E as et, a as tt } from "./el-select-1b149fab.js";
 import "./el-scrollbar-323542e7.js";
 import "./index-87b4bf61.js";
 import "./use-form-common-props-47e50c10.js";
@@ -34,34 +34,34 @@ import "./index-6806997d.js";
 import "./index-94e43e0d.js";
 import "./castArray-7741a212.js";
 import "./debounce-8d53f4dd.js";
-let X = null;
-const Ge = (n) => {
-  const D = ze(n, {
-    handleReq: (Y) => {
-      Ke() && (Y.headers.token = Ue());
+let C = null;
+const nt = (t) => {
+  const w = Ce(t, {
+    handleReq: (h) => {
+      Xe() && (h.headers.token = Ge());
     },
-    handleRes: (Y) => {
-      const { data: l } = Y;
-      if (l.code === 401)
-        return location.origin.includes("localhost") ? location.href = `${location.origin}/#/404` : He(), !0;
+    handleRes: (h) => {
+      const { data: r } = h;
+      if (r.code === 401)
+        return location.origin.includes("localhost") ? location.href = `${location.origin}/#/404` : Je(), !0;
     }
   });
-  D.get, X = D.post;
-}, Je = (n) => X("/middleLayer/kline/getKlineBasic", { ...n, userId: oe("id") }), Qe = (n) => X("/middleLayer/kline/getKline", n), et = async (n) => X("/alarm/deliversign/addAlarmPrice", { ...n, userId: oe("id") }), tt = async (n) => X("/alarm/deliversign/findAlarmPriceByUserId", { ...n, userId: oe("id") }), Se = async (n) => X("/alarm/deliversign/updateAlarmPrice", { ...n, userId: oe("id") }), nt = async (n) => X("/alarm/deliversign/deleteAlarmPrice", { ...n, userId: oe("id") }), { round: Z } = be, ot = (n, D, Y, l, s) => {
-  const { data: e, time: k } = n, { gridTop: c, gridRight: g, gridLeft: f, maxShowCounts: y, showSubChart: a } = D;
+  w.get, C = w.post;
+}, ot = (t) => C("/middleLayer/kline/getKlineBasic", { ...t, userId: ie("id") }), at = (t) => C("/middleLayer/kline/getKline", t), lt = async (t) => C("/alarm/deliversign/addAlarmPrice", { ...t, userId: ie("id") }), it = async (t) => C("/alarm/deliversign/findAlarmPriceByUserId", { ...t, userId: ie("id") }), Fe = async (t) => C("/alarm/deliversign/updateAlarmPrice", { ...t, userId: ie("id") }), rt = async (t) => C("/alarm/deliversign/deleteAlarmPrice", { ...t, userId: ie("id") }), { round: j } = _e, st = (t, w, h, r, i) => {
+  const { data: e, time: m } = t, { gridTop: s, gridRight: d, gridLeft: f, maxShowCounts: y, showSubChart: k } = w;
   return {
     animation: !1,
     grid: {
-      top: `${c}px`,
-      right: `${g}px`,
-      bottom: a ? "6px" : "24px",
+      top: `${s}px`,
+      right: `${d}px`,
+      bottom: k ? "6px" : "24px",
       left: `${f}px`
     },
     dataZoom: [
       {
         type: "inside",
-        startValue: Y,
-        endValue: l,
+        startValue: h,
+        endValue: r,
         maxValueSpan: y
       }
     ],
@@ -73,23 +73,23 @@ const Ge = (n) => {
         type: "cross",
         label: {
           rich: {},
-          formatter: (o) => {
-            const { axisDimension: b, value: x } = o;
-            return b === "x" ? a ? "" : ["6", "7", "8"].includes(s) ? d(x).format("YYYY-MM-DD") : x : String(Z(x));
+          formatter: (a) => {
+            const { axisDimension: p, value: _ } = a;
+            return p === "x" ? k ? "" : ["6", "7", "8"].includes(i) ? L(_).format("YYYY-MM-DD") : _ : String(j(_));
           }
         }
       },
       formatter: () => ""
     },
     xAxis: {
-      show: !a,
+      show: !k,
       type: "category",
-      data: k,
+      data: m,
       splitLine: {
         show: !1
       },
       axisLabel: {
-        formatter: (o) => ["6", "7", "8"].includes(s) ? d(o).format("YYYY-MM-DD") : o
+        formatter: (a) => ["6", "7", "8"].includes(i) ? L(a).format("YYYY-MM-DD") : a
       }
     },
     yAxis: {
@@ -104,8 +104,8 @@ const Ge = (n) => {
           color: "#333"
         }
       },
-      min: (o) => Z(o.min),
-      max: (o) => Z(o.max)
+      min: (a) => j(a.min),
+      max: (a) => j(a.max)
     },
     series: [
       {
@@ -119,17 +119,17 @@ const Ge = (n) => {
           borderWidth: 1
         }
       },
-      ...n.mainIndicator.map((o) => ({
-        name: o.key,
+      ...t.mainIndicator.map((a) => ({
+        name: a.key,
         type: "line",
         silent: !0,
         symbol: "none",
-        data: o.data,
+        data: a.data,
         lineStyle: {
-          width: o.width || 1
+          width: a.width || 1
         },
         itemStyle: {
-          color: o.color
+          color: a.color
         }
       }))
     ],
@@ -149,32 +149,32 @@ const Ge = (n) => {
       }
     }
   };
-}, at = (n, D, Y, l, s) => {
-  const { variety: e, featureId: k, featureType: c } = Y, { gridTop: g, gridLeft: f, gridRight: y } = l;
-  return D.reduce((a, o) => {
-    const { warnPrice: b } = o, x = n == null ? void 0 : n.convertToPixel({ yAxisIndex: 0 }, b);
-    if (x <= g || x >= (n == null ? void 0 : n.getHeight()))
-      return a;
-    let V = 0;
+}, ut = (t, w, h, r, i) => {
+  const { variety: e, featureId: m, featureType: s } = h, { gridTop: d, gridLeft: f, gridRight: y } = r;
+  return w.reduce((k, a) => {
+    const { warnPrice: p } = a, _ = t == null ? void 0 : t.convertToPixel({ yAxisIndex: 0 }, p);
+    if (_ <= d || _ >= (t == null ? void 0 : t.getHeight()))
+      return k;
+    let M = 0;
     return [
-      ...a,
+      ...k,
       {
         type: "group",
         name: "warningLine",
-        info: o,
+        info: a,
         draggable: "vertical",
         children: [
           {
             type: "line",
-            info: o,
+            info: a,
             shape: {
               x1: f,
               // 开始X坐标
-              y1: x,
+              y1: _,
               // 开始Y坐标
-              x2: (n == null ? void 0 : n.getWidth()) - y,
+              x2: (t == null ? void 0 : t.getWidth()) - y,
               // 结束X坐标
-              y2: x
+              y2: _
               // 结束Y坐标
             },
             style: {
@@ -186,12 +186,12 @@ const Ge = (n) => {
           },
           {
             type: "text",
-            info: o,
-            x: (n == null ? void 0 : n.getWidth()) - y,
-            y: x - 5,
+            info: a,
+            x: (t == null ? void 0 : t.getWidth()) - y,
+            y: _ - 5,
             style: {
               fill: "#FFF",
-              text: b,
+              text: p,
               stroke: "#000",
               lineWidth: 1,
               opacity: 1
@@ -200,65 +200,65 @@ const Ge = (n) => {
           }
         ],
         // 事件:开始拖拽
-        ondragstart: (S) => {
-          V = S.offsetY;
+        ondragstart: (Y) => {
+          M = Y.offsetY;
         },
-        ondrag: (S) => {
-          var N;
-          if (S.target && S.target.childAt(1)) {
-            const L = n.convertFromPixel({ yAxisIndex: 0 }, x + (S.offsetY - V));
-            (N = S.target.childAt(1)) == null || N.animate("style", !1).when(1, { text: Z(L, 3) }).start();
+        ondrag: (Y) => {
+          var R;
+          if (Y.target && Y.target.childAt(1)) {
+            const $ = t.convertFromPixel({ yAxisIndex: 0 }, _ + (Y.offsetY - M));
+            (R = Y.target.childAt(1)) == null || R.animate("style", !1).when(1, { text: j($, 3) }).start();
           }
         },
         // 事件:结束拖拽
-        ondragend: async (S) => {
-          const L = S.offsetY - V;
-          if (L !== 0) {
-            const I = n == null ? void 0 : n.convertFromPixel({ yAxisIndex: 0 }, L + x), p = {
-              id: o.id,
-              warnPrice: Z(I, 3),
-              featureId: k,
+        ondragend: async (Y) => {
+          const $ = Y.offsetY - M;
+          if ($ !== 0) {
+            const B = t == null ? void 0 : t.convertFromPixel({ yAxisIndex: 0 }, $ + _), V = {
+              id: a.id,
+              warnPrice: j(B, 3),
+              featureId: m,
               //品种id
               featureCode: e,
               //品种代码
-              featureType: c
+              featureType: s
               //品种类型
             };
-            await Se(p), ue.success("画线预警修改成功"), s && s();
+            await Fe(V), de.success("画线预警修改成功"), i && i();
           }
         }
       }
     ];
   }, []);
 };
-function Te(n) {
-  function D(l) {
-    if (typeof l == "number")
-      return Number.isFinite(l) ? l : null;
-    if (typeof l == "string") {
-      const s = l.trim();
-      if (s === "")
+function Ae(t) {
+  function w(r) {
+    if (typeof r == "number")
+      return Number.isFinite(r) ? r : null;
+    if (typeof r == "string") {
+      const i = r.trim();
+      if (i === "")
         return null;
-      const e = Number(s);
+      const e = Number(i);
       return Number.isFinite(e) ? e : null;
     }
     return null;
   }
-  const Y = D(n);
-  if (Y === null)
+  const h = w(t);
+  if (h === null)
     return "-";
   try {
-    if (Y >= 1 || Y <= -1)
-      return Z(Y);
+    if (h >= 1 || h <= -1)
+      return j(h);
     {
-      const l = Y.toPrecision(3);
-      return Z(l, l.split(".")[1].length - 1);
+      const r = h.toPrecision(3);
+      return j(r, r.split(".")[1].length - 1);
     }
   } catch {
     return "-";
   }
 }
-const rt = /* @__PURE__ */ ve({
+const ct = /* @__PURE__ */ be({
   __name: "index",
   props: {
     // 提示数据
@@ -267,30 +267,30 @@ const rt = /* @__PURE__ */ ve({
       require: !0
     }
   },
-  setup(n) {
-    const D = n, Y = T(null), l = T([]);
-    return J(() => D.data, () => {
-      l.value.length === 0 && ge(() => {
-        Array.from(Y.value.children).forEach((s, e) => {
-          var k, c, g, f, y, a, o, b;
-          ((c = (k = D.data) == null ? void 0 : k[e]) == null ? void 0 : c.label) === "涨跌" ? l.value[e] = "85px" : ((f = (g = D.data) == null ? void 0 : g[e]) == null ? void 0 : f.label) === "至今涨幅" ? l.value[e] = "115px" : ((a = (y = D.data) == null ? void 0 : y[e]) == null ? void 0 : a.label) === "额" ? l.value[e] = "85px" : ["开", "高", "低", "收"].includes((b = (o = D.data) == null ? void 0 : o[e]) == null ? void 0 : b.label) ? l.value[e] = `${s.offsetWidth + 24}px` : l.value[e] = `${s.offsetWidth + 36}px`;
+  setup(t) {
+    const w = t, h = F(null), r = F([]);
+    return te(() => w.data, () => {
+      r.value.length === 0 && ne(() => {
+        Array.from(h.value.children).forEach((i, e) => {
+          var m, s, d, f, y, k, a, p;
+          ((s = (m = w.data) == null ? void 0 : m[e]) == null ? void 0 : s.label) === "涨跌" ? r.value[e] = "85px" : ((f = (d = w.data) == null ? void 0 : d[e]) == null ? void 0 : f.label) === "至今涨幅" ? r.value[e] = "115px" : ((k = (y = w.data) == null ? void 0 : y[e]) == null ? void 0 : k.label) === "额" ? r.value[e] = "85px" : ["开", "高", "低", "收"].includes((p = (a = w.data) == null ? void 0 : a[e]) == null ? void 0 : p.label) ? r.value[e] = `${i.offsetWidth + 24}px` : r.value[e] = `${i.offsetWidth + 36}px`;
         });
       });
-    }), (s, e) => (F(), E("div", {
+    }), (i, e) => (T(), E("div", {
       class: "kline-tips",
       ref_key: "tipsRef",
-      ref: Y
+      ref: h
     }, [
-      (F(!0), E(ee, null, ce(n.data, (k, c) => (F(), E("div", {
-        key: c,
+      (T(!0), E(oe, null, fe(t.data, (m, s) => (T(), E("div", {
+        key: s,
         class: "kline-tips-item",
-        style: de({ color: k.color, width: l.value[c] ? l.value[c] : null })
-      }, te(k.label) + " " + te(k.value), 5))), 128))
+        style: pe({ color: m.color, width: r.value[s] ? r.value[s] : null })
+      }, ae(m.label) + " " + ae(m.value), 5))), 128))
     ], 512));
   }
 });
-const we = /* @__PURE__ */ G(rt, [["__scopeId", "data-v-096c0d10"]]);
-const lt = { class: "kline-tips" }, it = {
+const De = /* @__PURE__ */ J(ct, [["__scopeId", "data-v-096c0d10"]]);
+const dt = { class: "kline-tips" }, ft = {
   __name: "index",
   props: {
     // 提示数据
@@ -307,43 +307,45 @@ const lt = { class: "kline-tips" }, it = {
       default: () => null
     }
   },
-  setup(n) {
-    const { round: D, formatValue: Y } = be, l = n, s = T(null);
-    J(() => l.activeIndex, () => {
-      s.value === null && (s.value = l.data.data[l.activeIndex][1]);
-    }), J(() => l.data, () => {
-      s.value === null && (s.value = l.data.data[l.activeIndex][1]);
-    }), J(() => l.variety, () => {
-      s.value = null;
+  setup(t) {
+    const { round: w, formatValue: h } = _e, r = t, i = F(null);
+    te(() => r.activeIndex, () => {
+      var s;
+      i.value === null && (i.value = ((s = r.data.data[r.activeIndex]) == null ? void 0 : s[1]) ?? 0);
+    }), te(() => r.data, () => {
+      var s;
+      i.value === null && (i.value = ((s = r.data.data[r.activeIndex]) == null ? void 0 : s[1]) ?? 0);
+    }), te(() => r.variety, () => {
+      i.value = null;
     });
-    const e = ne(() => {
-      const { data: c, activeIndex: g } = l;
-      if (c.data && c.data[g]) {
-        const f = c.data[g], y = [
+    const e = le(() => {
+      const { data: s, activeIndex: d } = r;
+      if (s.data && s.data[d]) {
+        const f = s.data[d], y = [
           { label: "开", value: f[0] },
           { label: "高", value: f[3] },
           { label: "低", value: f[2] },
           { label: "收", value: f[1] }
         ];
-        f[4] !== null && y.push({ label: "额", value: Y(f[4]) });
-        let a;
-        f[6] > 0 ? a = "red" : f[6] < 0 && (a = "green"), y.push({ label: "涨跌", value: `${D(f[6])}%`, color: a });
-        const o = (s.value / f[1] - 1) * 100;
-        let b;
-        return o > 0 ? b = "red" : o < 0 && (b = "green"), y.push({ label: "至今涨幅", value: `${D(o)}%`, color: b }), y;
+        f[4] !== null && y.push({ label: "额", value: h(f[4]) });
+        let k;
+        f[6] > 0 ? k = "red" : f[6] < 0 && (k = "green"), y.push({ label: "涨跌", value: `${w(f[6])}%`, color: k });
+        const a = (i.value / f[1] - 1) * 100;
+        let p;
+        return a > 0 ? p = "red" : a < 0 && (p = "green"), y.push({ label: "至今涨幅", value: `${w(a)}%`, color: p }), y;
       }
       return [];
-    }), k = ne(() => {
+    }), m = le(() => {
       var f;
-      const { data: c, activeIndex: g } = l;
-      return ((f = c == null ? void 0 : c.mainIndicator) == null ? void 0 : f.map((y) => ({ label: y.key, value: Te(y.data[g]), color: y.color }))) || [];
+      const { data: s, activeIndex: d } = r;
+      return ((f = s == null ? void 0 : s.mainIndicator) == null ? void 0 : f.map((y) => ({ label: y.key, value: Ae(y.data[d]), color: y.color }))) || [];
     });
-    return (c, g) => (F(), E("div", lt, [
-      B(we, { data: e.value }, null, 8, ["data"]),
-      B(we, { data: k.value }, null, 8, ["data"])
+    return (s, d) => (T(), E("div", dt, [
+      I(De, { data: e.value }, null, 8, ["data"]),
+      I(De, { data: m.value }, null, 8, ["data"])
     ]));
   }
-}, st = /* @__PURE__ */ G(it, [["__scopeId", "data-v-5be4d504"]]), ut = { class: "kline-averageTips" }, ct = /* @__PURE__ */ ve({
+}, pt = /* @__PURE__ */ J(ft, [["__scopeId", "data-v-832d18ff"]]), mt = { class: "kline-averageTips" }, vt = /* @__PURE__ */ be({
   __name: "index",
   props: {
     // 提示数据
@@ -352,87 +354,89 @@ const lt = { class: "kline-tips" }, it = {
       require: !0
     }
   },
-  setup(n) {
-    return (D, Y) => (F(), E("div", ut, [
-      (F(!0), E(ee, null, ce(n.data, (l, s) => (F(), E("div", {
-        key: s,
+  setup(t) {
+    return (w, h) => (T(), E("div", mt, [
+      (T(!0), E(oe, null, fe(t.data, (r, i) => (T(), E("div", {
+        key: i,
         class: "kline-averageTips-item",
-        style: de({ color: l.color })
-      }, te(l.label) + " " + te(l.value), 5))), 128))
+        style: pe({ color: r.color })
+      }, ae(r.label) + " " + ae(r.value), 5))), 128))
     ]));
   }
 });
-const dt = /* @__PURE__ */ G(ct, [["__scopeId", "data-v-2ce54548"]]);
-const ft = { class: "klineSub" }, pt = { class: "klineSub-tips" }, mt = {
+const yt = /* @__PURE__ */ J(vt, [["__scopeId", "data-v-2ce54548"]]);
+const gt = { class: "klineSub" }, xt = { class: "klineSub-tips" }, bt = {
   key: 0,
   class: "klineSub-tips-select"
-}, yt = {
+}, _t = {
   __name: "index",
   props: {
     cycle: {
       type: [String, Number],
       default: () => null
     },
-    // 周期id
     data: { type: Object, require: !0 },
     activeIndex: { type: [Number, String], require: !0 },
     modelValue: { type: String, required: !0 },
-    // 副图指标
     subIndicatorList: { type: Array, required: !0 }
-    // 副图指标列表
   },
   emits: ["update:modelValue"],
-  setup(n, { expose: D, emit: Y }) {
-    const { round: l } = be;
-    let s, e;
-    const k = Y, c = n, g = T(), f = ne({
+  setup(t, { expose: w, emit: h }) {
+    const { round: r } = _e;
+    let i = null, e = null;
+    const m = F(!0), s = h, d = t, f = F(), y = le({
       get() {
-        return c.modelValue;
+        return d.modelValue;
       },
-      set(o) {
-        k("update:modelValue", o);
+      set(p) {
+        s("update:modelValue", p);
       }
-    }), y = ne(() => {
-      var x;
-      const { data: o, activeIndex: b } = c;
-      return ((x = o == null ? void 0 : o.subIndicator) == null ? void 0 : x.map((V) => ({ label: V.key, color: V.color, value: Te(V.data[b]) }))) || [];
+    }), k = le(() => {
+      var M;
+      if (!m.value)
+        return [];
+      const { data: p, activeIndex: _ } = d;
+      return ((M = p == null ? void 0 : p.subIndicator) == null ? void 0 : M.map((Y) => ({ label: Y.key, color: Y.color, value: Ae(Y.data[_]) }))) || [];
     });
-    De(() => {
-      s = ye.init(g.value);
-      let o = !0;
+    Se(() => {
+      if (m.value = !0, !f.value)
+        return;
+      i = xe.init(f.value);
+      let p = !0;
       e = new ResizeObserver(() => {
-        if (o) {
-          o = null;
+        if (p) {
+          p = !1;
           return;
         }
-        s.resize();
-      }), e.observe(g.value);
-    }), ke(() => {
-      s.dispose(), e.disconnect(), e = null;
+        m.value && i && !i.isDisposed() && i.resize();
+      }), e.observe(f.value);
+    }), Me(() => {
+      m.value = !1, i && !i.isDisposed() && (i.dispose(), i = null), e && (e.disconnect(), e = null);
     });
-    const a = (o, b) => {
-      const x = o[b], V = b === 0 ? o[b] : o[b - 1];
-      return x[0] === x[1] ? x[0] >= V[1] ? {
+    const a = (p, _) => {
+      const M = p[_], Y = _ === 0 ? p[_] : p[_ - 1];
+      return M[0] === M[1] ? M[0] >= Y[1] ? {
         color: "transparent",
         borderColor: "#FF0000"
       } : {
         color: "#00FFFF"
-      } : x[1] > x[0] ? {
+      } : M[1] > M[0] ? {
         color: "transparent",
         borderColor: "#FF0000"
       } : {
         color: "#00FFFF"
       };
     };
-    return D({
-      connect: (o) => {
-        ye.connect([o, s]);
+    return w({
+      connect: (p) => {
+        !m.value || !i || i.isDisposed() || xe.connect([p, i]);
       },
-      // 联动
-      draw: (o, b) => {
-        ge(() => {
-          const { startValue: x, endValue: V, maxValueSpan: S } = o, { leftYAxisRange: N, rightYAxisRange: L } = c.data.subIndicator[0], I = c.data.subIndicator.map((p) => {
-            if (p.series === "bar")
+      draw: (p, _) => {
+        !m.value || !i || i.isDisposed() || ne(() => {
+          if (!m.value || !i || i.isDisposed())
+            return;
+          const { startValue: M, endValue: Y, maxValueSpan: R } = p, { leftYAxisRange: $, rightYAxisRange: B } = d.data.subIndicator[0], V = d.data.subIndicator.map((x) => {
+            if (x.series === "bar")
               return {
                 name: "subMain",
                 xAxisIndex: 0,
@@ -440,53 +444,53 @@ const ft = { class: "klineSub" }, pt = { class: "klineSub-tips" }, mt = {
                 type: "bar",
                 silent: !0,
                 symbol: "none",
-                data: p.data.map((W, C) => p.seriesColor === "kline" ? {
-                  value: W,
-                  itemStyle: a(c.data.data, C)
-                } : p.seriesColor === "value" ? {
-                  value: W,
+                data: x.data.map((P, q) => x.seriesColor === "kline" ? {
+                  value: P,
+                  itemStyle: a(d.data.data, q)
+                } : x.seriesColor === "value" ? {
+                  value: P,
                   itemStyle: {
-                    color: W >= 0 ? "#FF0000" : "#00FFFF"
+                    color: P >= 0 ? "#FF0000" : "#00FFFF"
                   }
                 } : {
-                  value: W,
+                  value: P,
                   itemStyle: {
-                    color: p.seriesColor
+                    color: x.seriesColor
                   }
                 })
               };
-            if (p.series === "line")
+            if (x.series === "line")
               return {
                 xAxisIndex: 0,
-                yAxisIndex: p.yAxis === "right" ? 2 : 1,
-                name: p.key,
+                yAxisIndex: x.yAxis === "right" ? 2 : 1,
+                name: x.key,
                 type: "line",
                 silent: !0,
                 symbol: "none",
-                data: p.data,
+                data: x.data,
                 lineStyle: {
                   width: 1
                 },
                 itemStyle: {
-                  color: p.color
+                  color: x.color
                 }
               };
           });
-          s.setOption(
+          i.setOption(
             {
               animation: !1,
               grid: {
-                left: `${b.gridLeft}px`,
+                left: `${_.gridLeft}px`,
                 top: "10px",
-                right: `${b.gridRight}px`,
+                right: `${_.gridRight}px`,
                 bottom: "20px"
               },
               dataZoom: [
                 {
                   type: "inside",
-                  startValue: x,
-                  endValue: V,
-                  maxValueSpan: S
+                  startValue: M,
+                  endValue: Y,
+                  maxValueSpan: R
                 }
               ],
               tooltip: {
@@ -497,12 +501,12 @@ const ft = { class: "klineSub" }, pt = { class: "klineSub-tips" }, mt = {
                   type: "cross",
                   label: {
                     rich: {},
-                    formatter: (p) => {
-                      const { axisDimension: W, value: C } = p;
-                      if (W === "x")
-                        return ["6", "7", "8"].includes(c.cycle) ? d(C).format("YYYY-MM-DD") : C;
-                      if (p.axisIndex === 1)
-                        return String(l(C));
+                    formatter: (x) => {
+                      const { axisDimension: P, value: q } = x;
+                      if (P === "x")
+                        return ["6", "7", "8"].includes(d.cycle) ? L(q).format("YYYY-MM-DD") : q;
+                      if (x.axisIndex === 1)
+                        return String(r(q));
                     }
                   }
                 },
@@ -510,7 +514,7 @@ const ft = { class: "klineSub" }, pt = { class: "klineSub-tips" }, mt = {
               },
               xAxis: {
                 type: "category",
-                data: c.data.time,
+                data: d.data.time,
                 axisLine: {
                   show: !0
                 },
@@ -518,7 +522,7 @@ const ft = { class: "klineSub" }, pt = { class: "klineSub-tips" }, mt = {
                   show: !1
                 },
                 axisLabel: {
-                  formatter: (p) => ["6", "7", "8"].includes(c.cycle) ? d(p).format("YYYY-MM-DD") : p
+                  formatter: (x) => ["6", "7", "8"].includes(d.cycle) ? L(x).format("YYYY-MM-DD") : x
                 }
               },
               yAxis: [
@@ -527,8 +531,8 @@ const ft = { class: "klineSub" }, pt = { class: "klineSub-tips" }, mt = {
                 },
                 {
                   position: "left",
-                  min: N === "cover" ? (p) => p.min : null,
-                  max: N === "cover" ? (p) => p.max : null,
+                  min: $ === "cover" ? (x) => x.min : null,
+                  max: $ === "cover" ? (x) => x.max : null,
                   splitNumber: 1,
                   axisLine: {
                     show: !0
@@ -543,8 +547,8 @@ const ft = { class: "klineSub" }, pt = { class: "klineSub-tips" }, mt = {
                 },
                 {
                   position: "right",
-                  min: L === "cover" ? (p) => p.min : null,
-                  max: L === "cover" ? (p) => p.max : null,
+                  min: B === "cover" ? (x) => x.min : null,
+                  max: B === "cover" ? (x) => x.max : null,
                   splitNumber: 1,
                   axisLine: {
                     show: !1
@@ -557,138 +561,133 @@ const ft = { class: "klineSub" }, pt = { class: "klineSub-tips" }, mt = {
                   }
                 }
               ],
-              series: I
+              series: V
             },
             !0
           );
         });
       }
-      // 重置
-    }), (o, b) => {
-      const x = Ze, V = Xe;
-      return F(), E("div", ft, [
-        U("div", pt, [
-          y.value.length ? (F(), E("div", mt, [
-            B(V, {
-              modelValue: f.value,
-              "onUpdate:modelValue": b[0] || (b[0] = (S) => f.value = S),
+    }), (p, _) => {
+      const M = et, Y = tt;
+      return T(), E("div", gt, [
+        K("div", xt, [
+          k.value.length ? (T(), E("div", bt, [
+            I(Y, {
+              modelValue: y.value,
+              "onUpdate:modelValue": _[0] || (_[0] = (R) => y.value = R),
               size: "small",
               "popper-class": "element-dark",
               class: "element-dark subIndicator"
             }, {
-              default: K(() => [
-                (F(!0), E(ee, null, ce(n.subIndicatorList, (S) => (F(), Me(x, {
-                  key: S.value,
-                  label: S.label,
-                  value: S.value
+              default: z(() => [
+                (T(!0), E(oe, null, fe(t.subIndicatorList, (R) => (T(), Le(M, {
+                  key: R.value,
+                  label: R.label,
+                  value: R.value
                 }, null, 8, ["label", "value"]))), 128))
               ]),
               _: 1
             }, 8, ["modelValue"])
-          ])) : Q("", !0),
-          B(dt, { data: y.value }, null, 8, ["data"])
+          ])) : G("", !0),
+          I(yt, { data: k.value }, null, 8, ["data"])
         ]),
-        U("div", {
+        K("div", {
           class: "klineSub-chart",
           ref_key: "subChartRef",
-          ref: g
+          ref: f
         }, null, 512)
       ]);
     };
   }
-}, vt = /* @__PURE__ */ G(yt, [["__scopeId", "data-v-a6bfe8fe"]]), gt = /* @__PURE__ */ ve({
+}, ht = /* @__PURE__ */ J(_t, [["__scopeId", "data-v-d720c2c7"]]), wt = /* @__PURE__ */ be({
   __name: "index",
   emits: ["closeContextMenuCallBack"],
-  setup(n, { emit: D }) {
-    const Y = D, l = T(), s = T(), e = T({
+  setup(t, { emit: w }) {
+    const h = w, r = F(), i = F(), e = F({
       display: "none",
       top: "0px",
       left: "0px"
-    }), k = () => {
-      e.value.display = "none", Y("closeContextMenuCallBack"), document.removeEventListener("click", k);
-    }, c = (g) => {
-      if (g.preventDefault(), e.value.display === "block") {
-        const { offsetX: f, offsetY: y } = g, { offsetWidth: a, offsetHeight: o } = s.value;
-        if (f <= a && y <= o)
+    }), m = () => {
+      e.value.display = "none", h("closeContextMenuCallBack"), document.removeEventListener("click", m);
+    }, s = (d) => {
+      if (d.preventDefault(), e.value.display === "block") {
+        const { offsetX: f, offsetY: y } = d, { offsetWidth: k, offsetHeight: a } = i.value;
+        if (f <= k && y <= a)
           return;
       }
-      l.value.click(), e.value = {
+      r.value.click(), e.value = {
         display: "block",
-        top: `${g.offsetY}px`,
-        left: `${g.offsetX}px`
-      }, ge(() => {
-        const f = l.value.getBoundingClientRect(), y = s.value.getBoundingClientRect();
-        y.left + y.width >= f.right && (e.value.left = `${g.offsetX - y.width}px`), y.top + y.height >= f.bottom && (console.log("高度超出"), e.value.top = `${g.offsetY - y.height}px`);
-      }), document.addEventListener("click", k);
+        top: `${d.offsetY}px`,
+        left: `${d.offsetX}px`
+      }, ne(() => {
+        const f = r.value.getBoundingClientRect(), y = i.value.getBoundingClientRect();
+        y.left + y.width >= f.right && (e.value.left = `${d.offsetX - y.width}px`), y.top + y.height >= f.bottom && (console.log("高度超出"), e.value.top = `${d.offsetY - y.height}px`);
+      }), document.addEventListener("click", m);
     };
-    return (g, f) => (F(), E("div", {
+    return (d, f) => (T(), E("div", {
       ref_key: "contextmenuRef",
-      ref: l,
+      ref: r,
       class: "contextmenu",
-      onContextmenu: c,
-      onMouseleave: k
+      onContextmenu: s,
+      onMouseleave: m
     }, [
-      Ye(g.$slots, "default", {}, void 0, !0),
-      e.value.display !== "none" ? (F(), E("div", {
+      Ye(d.$slots, "default", {}, void 0, !0),
+      e.value.display !== "none" ? (T(), E("div", {
         key: 0,
         ref_key: "contextmenuContentRef",
-        ref: s,
+        ref: i,
         class: "contextmenu-popover",
-        style: de(e.value)
+        style: pe(e.value)
       }, [
-        Ye(g.$slots, "popover", {}, void 0, !0)
-      ], 4)) : Q("", !0)
+        Ye(d.$slots, "popover", {}, void 0, !0)
+      ], 4)) : G("", !0)
     ], 544));
   }
 });
-const bt = /* @__PURE__ */ G(gt, [["__scopeId", "data-v-811db6b4"]]);
-const Le = (n) => (qe("data-v-e675b051"), n = n(), Ce(), n), xt = { class: "klineBasic-tips" }, ht = {
+const kt = /* @__PURE__ */ J(wt, [["__scopeId", "data-v-811db6b4"]]);
+const Te = (t) => (He("data-v-ae370bef"), t = t(), je(), t), Yt = {
   key: 0,
-  class: "klineBasic-sub"
-}, _t = {
+  class: "klineBasic-tips"
+}, Dt = {
   key: 1,
-  class: "klineBasic-empty"
-}, Yt = {
+  class: "klineBasic-sub"
+}, St = {
   key: 2,
+  class: "klineBasic-empty"
+}, Mt = {
+  key: 3,
   class: "klineBasic-error"
-}, wt = /* @__PURE__ */ Le(() => /* @__PURE__ */ U("div", { class: "klineBasic-error-content" }, "加载失败，请刷新重试", -1)), Dt = { style: { "text-align": "center" } }, kt = /* @__PURE__ */ Le(() => /* @__PURE__ */ U("span", { style: { "margin-right": "10px" } }, "预警价格:", -1)), Mt = { class: "dialog-footer" }, St = {
+}, Lt = /* @__PURE__ */ Te(() => /* @__PURE__ */ K("div", { class: "klineBasic-error-content" }, "加载失败，请刷新重试", -1)), Ft = { style: { "text-align": "center" } }, At = /* @__PURE__ */ Te(() => /* @__PURE__ */ K("span", { style: { "margin-right": "10px" } }, "预警价格:", -1)), Tt = { class: "dialog-footer" }, Vt = {
   __name: "index",
   props: {
     variety: {
       type: [String, Number],
       default: () => null
     },
-    // 品种代码
     varietyName: {
       type: [String, Number],
       default: () => null
     },
-    // 品种名称
     featureId: {
       type: [String, Number],
       default: () => null
     },
-    // 合约id
     featureType: {
       type: [String, Number],
       default: () => null
     },
-    // 合约类型
     cycle: {
       type: [String, Number],
       default: () => null
     },
-    // 周期id
     mainIndicator: {
       type: String,
       default: () => ""
     },
-    // 主图指标名称
     indicatorStore: {
       type: Object,
       default: () => null
     },
-    // 指标配置Store
     startTime: {
       type: String,
       default: () => null
@@ -701,426 +700,403 @@ const Le = (n) => (qe("data-v-e675b051"), n = n(), Ce(), n), xt = { class: "klin
       type: [String, Number],
       default: 1
     },
-    // 复权方式，前复权-1，不复权-0
     config: {
       type: Object,
       default: () => ({})
     },
-    // 配置
     env: {
       type: Object,
       default: () => ({})
     },
-    // 环境变量
     brushRange: {
       type: [Array, null],
       default: () => null
     }
-    // 时段框选
   },
   emits: ["change", "getFactorData"],
-  setup(n, { expose: D, emit: Y }) {
-    const l = [{ label: "画线预警", key: "drawWarningLine" }];
-    let s = null, e = null, k, c, g = !1, f = !1;
-    const y = Y, a = n, o = T(!1), b = T(!1), x = T(!1), V = T(null), S = T(null), N = T("VOL"), L = T(0), I = T({}), p = T([]), W = T({}), C = T(!1), ae = T(""), fe = T([...l]), H = ne(() => ({
+  setup(t, { expose: w, emit: h }) {
+    const r = [{ label: "画线预警", key: "drawWarningLine" }];
+    let i = null, e = null, m = null, s = null, d = null, f = !1, y = !1;
+    const k = h, a = t, p = F(!1), _ = F(!1), M = F(!1), Y = F(null), R = F(null), $ = F("VOL"), B = F(0), V = F({}), x = F([]), P = F({}), q = F(!1), re = F(""), me = F([...r]), W = le(() => ({
       defaultShowCounts: 500,
-      // 默认展示条数
       addCounts: 2e3,
-      // 滚动加载条数
       maxShowCounts: 5e3,
-      // 单页最大展示条数
       loadCheckCounts: 500,
-      // 滚动加载检测的条数
-      showSubChart: !0,
-      // 是否展示副图
       gridTop: 48,
-      // 主图顶部距离
       gridLeft: 80,
-      // 主图左侧距离
       gridRight: 50,
-      // 主图右侧距离
+      showSubChart: !0,
       showWarningLine: !0,
-      // 是否展示预警线
       getFactorData: !0,
-      // 是否获取因子数据
       ...a.config
-    }));
-    J(
-      () => {
-        var i, t;
-        return [a.variety, a.cycle, a.mainIndicator, N.value, (i = a.indicatorStore) == null ? void 0 : i.filterIndicator, (t = a.indicatorStore) == null ? void 0 : t.customIndicator];
-      },
-      () => {
-        pe();
-      },
-      { deep: !0 }
-    ), De(() => {
-      Ge(a.env), pe(), window.addEventListener("keydown", xe);
-    }), ke(() => {
-      e == null || e.off("datazoom"), e == null || e.off("highlight"), e == null || e.off("globalout"), e == null || e.dispose(), s == null || s.dispose(), window.removeEventListener("keydown", xe);
-    });
-    const Fe = () => {
-      e || (e = ye.init(V.value), Ae(), H.value.showSubChart && S.value.connect(e), s = je(V.value), s.listen(() => {
+    })), Ve = () => {
+      e || (e = xe.init(Y.value), $e(), W.value.showSubChart && R.value.connect(e), i = Qe(Y.value), i.listen(() => {
         requestAnimationFrame(() => {
-          e.resize();
+          e == null || e.resize(), Q();
         });
       }));
-    }, xe = ({ code: i, ctrlKey: t }) => {
-      if (!(t || o.value))
+    }, ve = () => {
+      e && !e.isDisposed() && e.hideLoading();
+    }, he = (n = !1) => {
+      m && (cancelAnimationFrame(m), m = null), m = requestAnimationFrame(() => {
+        Ee(n), m = requestAnimationFrame(() => {
+          Re(), m = requestAnimationFrame(() => {
+            Q(), m = null;
+          });
+        });
+      });
+    }, Ee = (n = !1) => {
+      var u, D, A;
+      if (!e || e.isDisposed())
         return;
-      const { xAxis: h, dataZoom: m } = e.getOption(), { data: v } = (h == null ? void 0 : h[0]) ?? { data: [] };
-      let { startValue: r, endValue: u } = (m == null ? void 0 : m[0]) ?? {};
-      if (v != null && v.length) {
-        switch (i) {
-          case "ArrowUp": {
-            if (u - r < 5)
-              return;
-            const M = Math.floor((u - r) / 2) + 1;
-            r = r + M, u - r < 5 && (r = u - 4);
-            break;
+      const { time: o } = V.value, { defaultShowCounts: v } = W.value;
+      let c = o.length - 1 - v, g = o.length - 1;
+      if (n && e) {
+        const S = e.getOption(), b = (D = (u = S == null ? void 0 : S.xAxis) == null ? void 0 : u[0]) == null ? void 0 : D.data, N = (A = S == null ? void 0 : S.dataZoom) == null ? void 0 : A[0];
+        if (b != null && b.length && N) {
+          const U = b[N.startValue], H = b[N.endValue];
+          if (U && H) {
+            const ge = o.findIndex((ee) => new Date(ee).getTime() >= new Date(U).getTime()), X = o.findLastIndex((ee) => new Date(ee).getTime() <= new Date(H).getTime());
+            c = ge !== -1 ? ge : 0, g = X !== -1 ? X : o.length - 1, c > g && (c = Math.max(0, g - Math.min(100, o.length - 1)));
           }
-          case "ArrowDown": {
-            const M = Math.min(500, u - r);
-            r = r - M - 1;
+        }
+      }
+      const l = st(V.value, W.value, c, g, a.cycle);
+      requestAnimationFrame(() => {
+        e == null || e.setOption(l, !0), B.value = g, requestAnimationFrame(() => {
+          Be();
+        });
+      });
+    }, Re = () => {
+      var D;
+      if (!W.value.showSubChart || !R.value)
+        return;
+      const { time: n } = V.value, { gridLeft: o, gridRight: v, maxShowCounts: c, defaultShowCounts: g } = W.value;
+      let l = n.length - 1 - g, u = n.length - 1;
+      if (e && !e.isDisposed()) {
+        const A = e.getOption();
+        if ((D = A == null ? void 0 : A.dataZoom) != null && D[0]) {
+          const { startValue: S, endValue: b } = A.dataZoom[0];
+          S !== void 0 && b !== void 0 && (l = S, u = b);
+        }
+      }
+      requestAnimationFrame(() => {
+        R.value.draw({ startValue: l, endValue: u, maxValueSpan: c }, { gridLeft: o, gridRight: v });
+      });
+    }, Q = () => {
+      e && (s && (cancelAnimationFrame(s), s = null), s = requestAnimationFrame(() => {
+        if (!(e == null ? void 0 : e.getOption()))
+          return;
+        const o = e == null ? void 0 : e.getWidth(), v = e == null ? void 0 : e.getHeight();
+        !o || !v || (e == null || e.setOption(
+          {
+            graphic: ut(e, x.value, a, W.value, () => {
+              se();
+            })
+          },
+          {
+            notMerge: !1,
+            replaceMerge: ["graphic"],
+            lazyUpdate: !0
+          }
+        ), s = null);
+      }));
+    }, Be = () => {
+      d && cancelAnimationFrame(d), d = requestAnimationFrame(() => {
+        const { time: n } = V.value;
+        if (!a.brushRange || !(n != null && n.length) || !e)
+          return;
+        let o = L(a.brushRange[0]).format("YYYY-MM-DD 00:00:00"), v = L(a.brushRange[1]).format("YYYY-MM-DD 23:59:59"), c = null, g = null;
+        switch (String(a.cycle)) {
+          case "6": {
+            c = n.find((l) => L(l).format("YYYY-MM-DD") === L(o).format("YYYY-MM-DD")), g = c;
             break;
           }
-          case "ArrowLeft": {
-            r > 0 && (r -= 1, u -= 1), L.value > 0 && (L.value -= 1);
+          case "7": {
+            c = n.find((l) => L(l).day(5).format("YYYY-MM-DD") === L(o).day(5).format("YYYY-MM-DD")), g = n.findLast((l) => L(l).day(5).format("YYYY-MM-DD") === L(v).day(5).format("YYYY-MM-DD"));
             break;
           }
-          case "ArrowRight": {
-            u < v.length - 1 && (r += 1, u += 1), o.value && L.value < v.length - 1 && (L.value += 1);
+          case "8": {
+            c = n.find((l) => L(l).endOf("month").format("YYYY-MM-DD") === L(o).endOf("month").format("YYYY-MM-DD")), g = n.findLast((l) => L(l).endOf("month").format("YYYY-MM-DD") === L(v).endOf("month").format("YYYY-MM-DD"));
             break;
           }
+          default:
+            c = n.find((l) => {
+              const u = L(l).format("YYYY-MM-DD") === L(o).format("YYYY-MM-DD"), D = new Date(l).getTime() >= new Date(o).getTime();
+              return u && D;
+            }), g = n.findLast((l) => {
+              const u = L(l).format("YYYY-MM-DD") === L(v).format("YYYY-MM-DD"), D = new Date(l).getTime() <= new Date(v).getTime();
+              return u && D;
+            });
         }
-        e.dispatchAction({
-          type: "dataZoom",
-          startValue: r,
-          endValue: u
-        }), e.dispatchAction({
-          type: "updateAxisPointer",
-          seriesIndex: 0,
-          dataIndex: o.value ? L.value : null
-        }), e.dispatchAction({
-          type: "highlight",
-          dataIndex: o.value ? L.value : u
-        });
-      }
-    }, Ae = () => {
-      e == null || e.on("datazoom", (t) => {
-        clearTimeout(c), c = setTimeout(() => {
-          var m, v, r, u;
-          const { loadCheckCounts: h } = H.value;
-          if ((v = (m = e == null ? void 0 : e.getOption()) == null ? void 0 : m.dataZoom) != null && v[0]) {
-            const { startValue: M } = (u = (r = e == null ? void 0 : e.getOption()) == null ? void 0 : r.dataZoom) == null ? void 0 : u[0];
-            M < h && g === !1 && f === !1 && (g = !0, Re("history")), re();
-          }
-          clearTimeout(c);
-        }, 100);
-      }), e == null || e.on("highlight", (t) => {
-        var m, v;
-        let h = t.dataIndex || -1;
-        t.batch && (h = typeof ((m = t == null ? void 0 : t.batch[0]) == null ? void 0 : m.dataIndex) == "number" ? (v = t == null ? void 0 : t.batch[0]) == null ? void 0 : v.dataIndex : -1), clearTimeout(k), k = setTimeout(() => {
-          L.value = h, clearTimeout(k);
-        }, 20);
-      }), e == null || e.on("globalout", () => {
-        const t = setTimeout(() => {
-          var m, v, r;
-          clearTimeout(t);
-          const h = (r = (v = (m = e == null ? void 0 : e.getOption()) == null ? void 0 : m.dataZoom) == null ? void 0 : v[0]) == null ? void 0 : r.endValue;
-          L.value = h;
-        }, 30);
-      });
-      let i = null;
-      e == null || e.on("contextmenu", (t) => {
-        i = setTimeout(() => {
-          t.componentType === "graphic" && (W.value = t.info, fe.value = [
-            { label: "删除画线", key: "deleteWarningLine" },
-            { label: "修改画线", key: "changeWarningLine" }
-          ]), clearTimeout(i), i = null;
-        });
+        c && g && e.dispatchAction({
+          type: "brush",
+          areas: [
+            {
+              brushType: "lineX",
+              coordRange: [c, g],
+              xAxisIndex: 0
+            }
+          ]
+        }), d = null;
       });
-    }, pe = async () => {
-      var i, t, h, m, v, r;
+    }, ye = async () => {
+      var n, o, v, c, g, l;
       try {
         if (!a.variety || !a.cycle)
           return;
-        const { variety: u, featureId: M, cycle: A, indicatorStore: w, mainIndicator: q, right: z, startTime: j, endTime: R } = a, { defaultShowCounts: O, addCounts: _, showWarningLine: me, getFactorData: ie } = H.value, $ = {
+        const { variety: u, featureId: D, cycle: A, indicatorStore: S, mainIndicator: b, right: N, startTime: U, endTime: H } = a, { defaultShowCounts: ge, addCounts: X, showWarningLine: ee, getFactorData: ke } = W.value;
+        Ve(), e && !e.isDisposed() && e.showLoading({
+          text: "加载中...",
+          color: "#409eff",
+          textColor: "#fff",
+          maskColor: "rgba(0, 0, 0, 0.7)",
+          zlevel: 0
+        });
+        const Z = {
           variety: u,
-          featureId: M,
+          featureId: D,
           cycle: A,
-          mainIndicatorList: w.getIndicatorParams(q),
-          subIndicator: N.value,
-          right: z,
-          showWarningLine: me,
-          getFactorData: ie
+          mainIndicatorList: S.getIndicatorParams(b),
+          subIndicator: $.value,
+          right: N,
+          showWarningLine: ee,
+          getFactorData: ke
         };
-        j && R ? ($.startTime = j, $.endTime = R) : j ? ($.startTime = j, $.limit = O + _) : R ? ($.endTime = R, $.limit = O + _) : ($.endTime = d().add(1, "hour").format("YYYY-MM-DD HH:mm:ss"), $.limit = O + _);
-        const P = await Je($);
-        if ((h = (t = (i = P == null ? void 0 : P.body) == null ? void 0 : i.kline) == null ? void 0 : t.time) != null && h.length)
-          b.value = !1, x.value = !1;
-        else {
-          b.value = !0, x.value = !1;
+        U && H ? (Z.startTime = U, Z.endTime = H) : U ? (Z.startTime = U, Z.limit = X) : H ? (Z.endTime = H, Z.limit = X) : (Z.endTime = L().add(1, "hour").format("YYYY-MM-DD HH:mm:ss"), Z.limit = X);
+        const O = await ot(Z);
+        if (!((v = (o = (n = O == null ? void 0 : O.body) == null ? void 0 : n.kline) == null ? void 0 : o.time) != null && v.length)) {
+          _.value = !0, M.value = !1, ve();
           return;
         }
-        I.value = (m = P == null ? void 0 : P.body) == null ? void 0 : m.kline, p.value = ((v = P == null ? void 0 : P.body) == null ? void 0 : v.warningLine) || [], he(), re(), ie && y("getFactorData", (r = P == null ? void 0 : P.body) == null ? void 0 : r.factor);
+        _.value = !1, M.value = !1, V.value = (c = O == null ? void 0 : O.body) == null ? void 0 : c.kline, x.value = ((g = O == null ? void 0 : O.body) == null ? void 0 : g.warningLine) || [], await ne(), he(!1), ke && k("getFactorData", (l = O == null ? void 0 : O.body) == null ? void 0 : l.factor), ve();
       } catch (u) {
-        throw x.value = !0, b.value = !1, new Error(u);
+        throw ve(), M.value = !0, _.value = !1, new Error(u);
       }
-    }, Re = async (i) => {
-      const { variety: t, cycle: h, indicatorStore: m, mainIndicator: v, right: r } = a, { addCounts: u } = H.value, { time: M } = I.value;
-      if (i === "history") {
-        const A = await Qe({
-          variety: t,
-          cycle: h,
-          endTime: M[0],
+    }, Ie = async (n) => {
+      const { variety: o, cycle: v, indicatorStore: c, mainIndicator: g, right: l } = a, { addCounts: u } = W.value, { time: D } = V.value;
+      if (n === "history") {
+        const A = await at({
+          variety: o,
+          cycle: v,
+          endTime: D[0],
           limit: u,
-          mainIndicatorList: m.getIndicatorParams(v),
-          subIndicator: N.value,
-          right: r
+          mainIndicatorList: c.getIndicatorParams(g),
+          subIndicator: $.value,
+          right: l
         });
-        I.value = {
-          time: [...A.body.time, ...I.value.time.slice(1)],
-          data: [...A.body.data, ...I.value.data.slice(1)],
-          mainIndicator: I.value.mainIndicator.map((w, q) => {
-            var z;
+        V.value = {
+          time: [...A.body.time, ...V.value.time.slice(1)],
+          data: [...A.body.data, ...V.value.data.slice(1)],
+          mainIndicator: V.value.mainIndicator.map((S, b) => {
+            var N;
             return {
-              ...w,
-              data: [...((z = A.body.mainIndicator[q]) == null ? void 0 : z.data) ?? [], ...w.data.slice(1)]
+              ...S,
+              data: [...((N = A.body.mainIndicator[b]) == null ? void 0 : N.data) ?? [], ...S.data.slice(1)]
             };
           }),
-          subIndicator: I.value.subIndicator.map((w, q) => {
-            var z;
+          subIndicator: V.value.subIndicator.map((S, b) => {
+            var N;
             return {
-              ...w,
-              data: [...((z = A.body.subIndicator[q]) == null ? void 0 : z.data) ?? [], ...w.data.slice(1)]
+              ...S,
+              data: [...((N = A.body.subIndicator[b]) == null ? void 0 : N.data) ?? [], ...S.data.slice(1)]
             };
           })
-        }, he(!0), A.body.data.length < u && (f = !0), g = !1;
+        }, console.log("触发了加载更多数据"), await ne(), he(!0), A.body.data.length < u && (y = !0, console.log("历史数据已经全部加载完毕")), f = !1;
       }
-    }, he = (i = !1) => {
-      var q, z, j;
-      Fe();
-      const { time: t } = I.value, { gridRight: h, gridLeft: m, defaultShowCounts: v, maxShowCounts: r, showSubChart: u } = H.value;
-      let M = t.length - 1 - v, A = t.length - 1;
-      if (i) {
-        const R = e.getOption(), O = (z = (q = R == null ? void 0 : R.xAxis) == null ? void 0 : q[0]) == null ? void 0 : z.data, _ = (j = R == null ? void 0 : R.dataZoom) == null ? void 0 : j[0], me = O[_ == null ? void 0 : _.startValue], ie = O[_ == null ? void 0 : _.endValue];
-        M = t.findIndex(($) => $ === me), A = t.findIndex(($) => $ === ie);
-      }
-      const w = ot(I.value, H.value, M, A, a.cycle);
-      if (e.setOption(w, !0), L.value = A, a.brushRange) {
-        let R = null, O = null;
-        switch (a.cycle) {
-          case "6": {
-            R = t.find((_) => new Date(_).getTime() >= new Date(a.brushRange[0]).getTime() || d(_).format("YYYY-MM-DD") === d(a.brushRange[0]).format("YYYY-MM-DD")), O = t.findLast((_) => new Date(_).getTime() <= new Date(a.brushRange[1]).getTime() || d(_).format("YYYY-MM-DD") === d(a.brushRange[1]).format("YYYY-MM-DD"));
-            break;
-          }
-          case "7": {
-            R = t.find((_) => d(_).day(5).format("YYYY-MM-DD") === d(a.brushRange[0]).day(5).format("YYYY-MM-DD")), O = t.findLast((_) => d(_).day(5).format("YYYY-MM-DD") === d(a.brushRange[1]).day(5).format("YYYY-MM-DD"));
-            break;
-          }
-          case "8": {
-            R = t.find((_) => d(_).endOf("month").format("YYYY-MM-DD") === d(a.brushRange[0]).endOf("month").format("YYYY-MM-DD")), O = t.findLast((_) => d(_).endOf("month").format("YYYY-MM-DD") === d(a.brushRange[1]).endOf("month").format("YYYY-MM-DD"));
+    }, we = ({ code: n, ctrlKey: o }) => {
+      if (!(o || p.value))
+        return;
+      const { xAxis: v, dataZoom: c } = e.getOption(), { data: g } = (v == null ? void 0 : v[0]) ?? { data: [] };
+      let { startValue: l, endValue: u } = (c == null ? void 0 : c[0]) ?? {};
+      if (g != null && g.length) {
+        switch (n) {
+          case "ArrowUp": {
+            if (u - l < 5)
+              return;
+            const D = Math.floor((u - l) / 2) + 1;
+            l = l + D, u - l < 5 && (l = u - 4);
             break;
           }
-          default:
-            R = t.find((_) => new Date(_).getTime() >= new Date(a.brushRange[0]).getTime()), O = t.findLast((_) => new Date(_).getTime() <= new Date(a.brushRange[1]).getTime());
-        }
-        console.log(R, O), e.dispatchAction({
-          type: "brush",
-          areas: [
-            {
-              brushType: "lineX",
-              coordRange: [R, O],
-              xAxisIndex: 0
-            }
-          ]
-        });
-      }
-      u && S.value.draw({ startValue: M, endValue: A, maxValueSpan: r }, { gridLeft: m, gridRight: h }), _e();
-    }, re = () => {
-      if (!e)
-        return;
-      const i = e == null ? void 0 : e.getOption();
-      i && (e == null || e.setOption(
-        {
-          ...i,
-          graphic: [
-            ...at(e, p.value, a, H.value, () => {
-              le();
-            })
-          ]
-        },
-        !0
-      ), _e());
-    }, _e = () => {
-      const { time: i } = I.value;
-      if (a.brushRange && (i != null && i.length)) {
-        let t = d(a.brushRange[0]).format("YYYY-MM-DD 00:00:00"), h = d(a.brushRange[1]).format("YYYY-MM-DD 23:59:59"), m = null, v = null;
-        switch (a.cycle) {
-          case "6": {
-            m = i.find((r) => d(r).format("YYYY-MM-DD") === d(t).format("YYYY-MM-DD")), v = m;
+          case "ArrowDown": {
+            const D = Math.min(500, u - l);
+            l = l - D - 1;
             break;
           }
-          case "7": {
-            m = i.find((r) => d(r).day(5).format("YYYY-MM-DD") === d(t).day(5).format("YYYY-MM-DD")), v = i.findLast((r) => d(r).day(5).format("YYYY-MM-DD") === d(h).day(5).format("YYYY-MM-DD"));
+          case "ArrowLeft": {
+            l > 0 && (l -= 1, u -= 1), B.value > 0 && (B.value -= 1);
             break;
           }
-          case "8": {
-            m = i.find((r) => d(r).endOf("month").format("YYYY-MM-DD") === d(t).endOf("month").format("YYYY-MM-DD")), v = i.findLast((r) => d(r).endOf("month").format("YYYY-MM-DD") === d(h).endOf("month").format("YYYY-MM-DD"));
+          case "ArrowRight": {
+            u < g.length - 1 && (l += 1, u += 1), p.value && B.value < g.length - 1 && (B.value += 1);
             break;
           }
-          default:
-            m = i.find((r) => {
-              const u = d(r).format("YYYY-MM-DD") === d(t).format("YYYY-MM-DD"), M = new Date(r).getTime() >= new Date(t).getTime();
-              return u && M;
-            }), v = i.findLast((r) => {
-              const u = d(r).format("YYYY-MM-DD") === d(h).format("YYYY-MM-DD"), M = new Date(r).getTime() <= new Date(h).getTime();
-              return u && M;
-            });
         }
-        e.dispatchAction({
-          type: "brush",
-          areas: [
-            {
-              brushType: "lineX",
-              coordRange: [m, v],
-              xAxisIndex: 0
-            }
-          ]
+        requestAnimationFrame(() => {
+          e.dispatchAction({ type: "dataZoom", startValue: l, endValue: u }), e.dispatchAction({
+            type: "updateAxisPointer",
+            seriesIndex: 0,
+            dataIndex: p.value ? B.value : null
+          }), e.dispatchAction({
+            type: "highlight",
+            dataIndex: p.value ? B.value : u
+          });
         });
       }
-    }, le = async () => {
-      const i = await tt({ featureId: a.featureId });
-      p.value = (i == null ? void 0 : i.body) || [], re(), y("change", "warningLine", p.value);
-    }, Ve = async (i) => {
-      const { variety: t, varietyName: h, featureId: m, featureType: v } = a;
-      if (i.key === "drawWarningLine") {
-        const r = e == null ? void 0 : e.getOption(), u = r.tooltip[0];
+    }, $e = () => {
+      e == null || e.on(
+        "datazoom",
+        ce((n) => {
+          var v, c, g, l;
+          const { loadCheckCounts: o } = W.value;
+          if ((c = (v = e == null ? void 0 : e.getOption()) == null ? void 0 : v.dataZoom) != null && c[0]) {
+            const { startValue: u } = (l = (g = e == null ? void 0 : e.getOption()) == null ? void 0 : g.dataZoom) == null ? void 0 : l[0];
+            u < o && !f && !y && (f = !0, Ie("history")), Q();
+          }
+        }, 100)
+      ), e == null || e.on(
+        "highlight",
+        ce((n) => {
+          var v, c;
+          let o = n.dataIndex || -1;
+          n.batch && (o = typeof ((v = n == null ? void 0 : n.batch[0]) == null ? void 0 : v.dataIndex) == "number" ? (c = n == null ? void 0 : n.batch[0]) == null ? void 0 : c.dataIndex : -1), B.value = o;
+        }, 20)
+      ), e == null || e.on(
+        "globalout",
+        ce(() => {
+          var n, o, v;
+          if (e) {
+            const c = (v = (o = (n = e == null ? void 0 : e.getOption()) == null ? void 0 : n.dataZoom) == null ? void 0 : o[0]) == null ? void 0 : v.endValue;
+            B.value = c;
+          }
+        }, 30)
+      ), e == null || e.on(
+        "contextmenu",
+        ce((n) => {
+          n.componentType === "graphic" && (P.value = n.info, me.value = [
+            { label: "删除画线", key: "deleteWarningLine" },
+            { label: "修改画线", key: "changeWarningLine" }
+          ]);
+        }, 0)
+      );
+    }, se = async () => {
+      const n = await it({ featureId: a.featureId });
+      x.value = (n == null ? void 0 : n.body) || [], Q(), k("change", "warningLine", x.value);
+    }, Ne = async (n) => {
+      const { variety: o, varietyName: v, featureId: c, featureType: g } = a;
+      if (n.key === "drawWarningLine") {
+        const l = e == null ? void 0 : e.getOption(), u = l.tooltip[0];
         e == null || e.setOption({
-          ...r,
-          // 指示器样式
+          ...l,
           tooltip: {
             ...u,
-            // 坐标轴指示器
             axisPointer: {
-              // 保留原有部分配置
               ...u.axisPointer,
-              // X轴指示线的宽度
-              lineStyle: {
-                width: 0
-              },
-              // Y轴指示线的宽度
-              crossStyle: {
-                width: 2
-              },
-              // 文本标签
+              lineStyle: { width: 0 },
+              crossStyle: { width: 2 },
               label: {
-                // 保留原有部分配置
                 ...u.axisPointer.label,
-                // 颜色改为透明
                 backgroundColor: "transparent",
-                // 仅显示Y轴值
-                formatter: (A) => ""
+                formatter: () => ""
               }
             }
           }
         });
-        const M = async (A) => {
-          e == null || e.getZr().off("mousedown", M);
-          const w = e == null ? void 0 : e.convertFromPixel({ yAxisIndex: 0 }, A.offsetY), q = Math.round(w * 1e3) / 1e3;
+        const D = async (A) => {
+          e == null || e.getZr().off("mousedown", D);
+          const S = e == null ? void 0 : e.convertFromPixel({ yAxisIndex: 0 }, A.offsetY), b = Math.round(S * 1e3) / 1e3;
           e == null || e.setOption({
-            ...r,
-            // 指示器样式
+            ...l,
             tooltip: {
               ...u,
               axisPointer: {
                 ...u.axisPointer,
-                lineStyle: {
-                  width: 1
-                },
-                crossStyle: {
-                  width: 1
-                },
+                lineStyle: { width: 1 },
+                crossStyle: { width: 1 },
                 label: {
                   ...u.axisPointer.label,
                   backgroundColor: null
                 }
               }
             }
-          }), await et({
-            featureCode: t,
-            //品种代码
-            featureName: h,
-            //品种名称
-            featureId: m,
-            //品种id
-            featureType: v,
-            //品种类型
-            warnPrice: q
-          }), ue.success("画线预警成功!"), le();
+          }), await lt({
+            featureCode: o,
+            featureName: v,
+            featureId: c,
+            featureType: g,
+            warnPrice: b
+          }), de.success("画线预警成功!"), se();
         };
-        e == null || e.getZr().on("mousedown", M);
+        e == null || e.getZr().on("mousedown", D);
       } else
-        i.key === "deleteWarningLine" ? (await nt({ id: W.value.id }), ue.success("画线预警删除成功"), le()) : i.key === "changeWarningLine" && (C.value = !0, ae.value = W.value.warnPrice);
-    }, Ee = async () => {
-      const { variety: i, varietyName: t, featureId: h, featureType: m } = a;
-      await Se({
-        id: W.value.id,
-        featureCode: i,
-        //品种代码
-        featureName: t,
-        //品种名称
-        featureId: h,
-        //品种id
-        featureType: m,
-        //品种类型
-        warnPrice: ae.value
-      }), ue.success("画线预警修改成功"), le();
-    }, Ie = () => {
-      fe.value = [...l];
+        n.key === "deleteWarningLine" ? (await rt({ id: P.value.id }), de.success("画线预警删除成功"), se()) : n.key === "changeWarningLine" && (q.value = !0, re.value = P.value.warnPrice);
+    }, Oe = async () => {
+      const { variety: n, varietyName: o, featureId: v, featureType: c } = a;
+      await Fe({
+        id: P.value.id,
+        featureCode: n,
+        featureName: o,
+        featureId: v,
+        featureType: c,
+        warnPrice: re.value
+      }), de.success("画线预警修改成功"), se();
+    }, Pe = () => {
+      me.value = [...r];
     };
-    return D({
-      draw: (i, t) => {
-        i === "warningLine" && (p.value = t, re());
+    return Se(() => {
+      nt(a.env), ye(), window.addEventListener("keydown", we);
+    }), te(
+      () => {
+        var n, o;
+        return [a.variety, a.cycle, a.mainIndicator, $.value, (n = a.indicatorStore) == null ? void 0 : n.filterIndicator, (o = a.indicatorStore) == null ? void 0 : o.customIndicator];
+      },
+      () => {
+        f = !1, y = !1, ye();
+      },
+      { deep: !0 }
+    ), Me(() => {
+      m && (cancelAnimationFrame(m), m = null), s && (cancelAnimationFrame(s), s = null), e == null || e.off("datazoom"), e == null || e.off("highlight"), e == null || e.off("globalout"), e == null || e.dispose(), i == null || i.dispose(), window.removeEventListener("keydown", we);
+    }), w({
+      draw: (n, o) => {
+        n === "warningLine" && (x.value = o, Q());
       }
-    }), (i, t) => {
-      var A;
-      const h = Pe, m = We, v = Ne, r = $e, u = Oe, M = Be;
-      return F(), E(ee, null, [
-        U("div", {
+    }), (n, o) => {
+      var A, S;
+      const v = Ke, c = Ue, g = Ze, l = ze, u = qe, D = We;
+      return T(), E(oe, null, [
+        K("div", {
           class: "klineBasic",
-          onMousemove: t[1] || (t[1] = (w) => o.value = !0),
-          onMouseout: t[2] || (t[2] = (w) => o.value = !1)
+          onMousemove: o[1] || (o[1] = (b) => p.value = !0),
+          onMouseout: o[2] || (o[2] = (b) => p.value = !1)
         }, [
-          U("div", xt, [
-            B(st, {
-              variety: n.variety,
-              data: I.value,
-              activeIndex: L.value
+          (A = V.value.time) != null && A.length ? (T(), E("div", Yt, [
+            I(pt, {
+              variety: t.variety,
+              data: V.value,
+              activeIndex: B.value
             }, null, 8, ["variety", "data", "activeIndex"])
-          ]),
-          U("div", {
+          ])) : G("", !0),
+          K("div", {
             class: "klineBasic-main",
-            style: de({ height: H.value.showSubChart ? "70%" : "100%" })
+            style: pe({ height: W.value.showSubChart ? "70%" : "100%" })
           }, [
-            B(bt, { onCloseContextMenuCallBack: Ie }, {
-              popover: K(() => [
-                B(m, { style: {
+            I(kt, { onCloseContextMenuCallBack: Pe }, {
+              popover: z(() => [
+                I(c, { style: {
                   borderRadius: "4px",
                   overflow: "hidden",
                   background: "#fff",
                   borderRight: 0
                 } }, {
-                  default: K(() => [
-                    (F(!0), E(ee, null, ce(fe.value, (w) => (F(), Me(h, {
+                  default: z(() => [
+                    (T(!0), E(oe, null, fe(me.value, (b) => (T(), Le(v, {
                       style: { height: "36px" },
-                      key: w.key,
-                      index: w.key,
-                      onClick: (q) => Ve(w)
+                      key: b.key,
+                      index: b.key,
+                      onClick: (N) => Ne(b)
                     }, {
-                      default: K(() => [
-                        se(te(w.label), 1)
+                      default: z(() => [
+                        ue(ae(b.label), 1)
                       ]),
                       _: 2
                     }, 1032, ["index", "onClick"]))), 128))
@@ -1128,79 +1104,79 @@ const Le = (n) => (qe("data-v-e675b051"), n = n(), Ce(), n), xt = { class: "klin
                   _: 1
                 })
               ]),
-              default: K(() => [
-                U("div", {
+              default: z(() => [
+                K("div", {
                   ref_key: "klineBasicMainRef",
-                  ref: V,
+                  ref: Y,
                   style: { height: "100%" }
                 }, null, 512)
               ]),
               _: 1
             })
           ], 4),
-          H.value.showSubChart ? (F(), E("div", ht, [
-            B(vt, {
+          W.value.showSubChart ? (T(), E("div", Dt, [
+            I(ht, {
               ref_key: "klineSubRef",
-              ref: S,
-              modelValue: N.value,
-              "onUpdate:modelValue": t[0] || (t[0] = (w) => N.value = w),
-              data: I.value,
-              cycle: n.cycle,
-              activeIndex: L.value,
-              subIndicatorList: (A = n.indicatorStore) == null ? void 0 : A.subIndicatorList
+              ref: R,
+              modelValue: $.value,
+              "onUpdate:modelValue": o[0] || (o[0] = (b) => $.value = b),
+              data: V.value,
+              cycle: t.cycle,
+              activeIndex: B.value,
+              subIndicatorList: (S = t.indicatorStore) == null ? void 0 : S.subIndicatorList
             }, null, 8, ["modelValue", "data", "cycle", "activeIndex", "subIndicatorList"])
-          ])) : Q("", !0),
-          b.value ? (F(), E("div", _t, [
-            B(v, {
+          ])) : G("", !0),
+          _.value ? (T(), E("div", St, [
+            I(g, {
               class: "klineBasic-empty-content",
               description: "暂无数据"
             })
-          ])) : Q("", !0),
-          x.value ? (F(), E("div", Yt, [
-            wt,
-            U("div", Dt, [
-              B(r, { onClick: pe }, {
-                default: K(() => [
-                  se("刷新")
+          ])) : G("", !0),
+          M.value ? (T(), E("div", Mt, [
+            Lt,
+            K("div", Ft, [
+              I(l, { onClick: ye }, {
+                default: z(() => [
+                  ue("刷新")
                 ]),
                 _: 1
               })
             ])
-          ])) : Q("", !0)
+          ])) : G("", !0)
         ], 32),
-        B(M, {
-          modelValue: C.value,
-          "onUpdate:modelValue": t[5] || (t[5] = (w) => C.value = w),
+        I(D, {
+          modelValue: q.value,
+          "onUpdate:modelValue": o[5] || (o[5] = (b) => q.value = b),
           title: "画线预警-修改价格",
           width: "30%",
           "align-center": ""
         }, {
-          footer: K(() => [
-            U("span", Mt, [
-              B(r, {
-                onClick: t[4] || (t[4] = (w) => C.value = !1)
+          footer: z(() => [
+            K("span", Tt, [
+              I(l, {
+                onClick: o[4] || (o[4] = (b) => q.value = !1)
               }, {
-                default: K(() => [
-                  se("取消")
+                default: z(() => [
+                  ue("取消")
                 ]),
                 _: 1
               }),
-              B(r, {
+              I(l, {
                 type: "primary",
-                onClick: Ee
+                onClick: Oe
               }, {
-                default: K(() => [
-                  se("确定")
+                default: z(() => [
+                  ue("确定")
                 ]),
                 _: 1
               })
             ])
           ]),
-          default: K(() => [
-            kt,
-            B(u, {
-              modelValue: ae.value,
-              "onUpdate:modelValue": t[3] || (t[3] = (w) => ae.value = w),
+          default: z(() => [
+            At,
+            I(u, {
+              modelValue: re.value,
+              "onUpdate:modelValue": o[3] || (o[3] = (b) => re.value = b),
               placeholder: "输入预警价格"
             }, null, 8, ["modelValue"])
           ]),
@@ -1209,11 +1185,11 @@ const Le = (n) => (qe("data-v-e675b051"), n = n(), Ce(), n), xt = { class: "klin
       ], 64);
     };
   }
-}, Tt = /* @__PURE__ */ G(St, [["__scopeId", "data-v-e675b051"]]), dn = {
-  install(n) {
-    n.component("st-klineBasic", Tt);
+}, Et = /* @__PURE__ */ J(Vt, [["__scopeId", "data-v-ae370bef"]]), yn = {
+  install(t) {
+    t.component("st-klineBasic", Et);
   }
 };
 export {
-  dn as default
+  yn as default
 };