st-comp 0.0.244 → 0.0.246

package/es/KlineBasic.js

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