react-big-screen 0.0.0 → 0.0.2

package/es/index-Gk3zSHHS.mjs

@@ -0,0 +1,44 @@
+import { jsx as e } from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { R as a } from "./index-BE6SbJah.mjs";
+import { n as i } from "./index-EkKLbWrX.mjs";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/localforage@1.10.0/node_modules/localforage/dist/localforage.js";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/index.js";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/client.js";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.js.mjs";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.css";
+const g = i((t) => {
+  const { width: r, height: o } = t;
+  return /* @__PURE__ */ e(
+    a,
+    {
+      options: {
+        tooltip: {
+          formatter: "{a} <br/>{b} : {c}%"
+        },
+        series: [
+          {
+            name: "Pressure",
+            type: "gauge",
+            detail: {
+              formatter: "{value}"
+            },
+            data: [
+              {
+                value: 50,
+                name: "SCORE"
+              }
+            ]
+          }
+        ]
+      },
+      style: {
+        width: r,
+        height: o
+      }
+    }
+  );
+});
+export {
+  g as default
+};

package/es/index-NDbr0gtf.mjs

@@ -0,0 +1,501 @@
+var R = Object.defineProperty;
+var T = (e, n, t) => n in e ? R(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
+var b = (e, n, t) => T(e, typeof n != "symbol" ? n + "" : n, t);
+import { b as O, u as k, I as x, R as F } from "./index-EkKLbWrX.mjs";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/localforage@1.10.0/node_modules/localforage/dist/localforage.js";
+import N, { useEffect as y, useMemo as M, useRef as w, useState as _, useCallback as z } from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/index.js";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/client.js";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.js.mjs";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.css";
+import { jsxs as G, jsx as S } from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import U from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/umi-request@1.4.0/node_modules/umi-request/dist/index.esm.js";
+import { u as j } from "./useListenRef-C7BrHZ68.mjs";
+import { message as Z } from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/antd@4.24.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/antd/es/index.js";
+import { u as Q } from "./useEffectOnce-DrBvWFlm.mjs";
+import { u as V } from "./useCurrentPageId-DrIZvYrl.mjs";
+import I from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/hotkeys-js@3.13.15/node_modules/hotkeys-js/dist/hotkeys.esm.js";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/dayjs@1.11.18/node_modules/dayjs/dayjs.min.js";
+function X(e) {
+  return e.button == 0;
+}
+function He(e) {
+  return e.button == 2;
+}
+function W(e) {
+  return e.button == 1;
+}
+function B(e) {
+  return e && typeof e == "object" && !Array.isArray(e) ? e : {};
+}
+function Xe(e) {
+  return typeof e == "object" && !Array.isArray(e) && !!e;
+}
+function q(e) {
+  let n;
+  try {
+    n = new Function(`${e} return main;`)();
+  } catch (t) {
+    console.error("[bigScreen](getMainFunction)：", t);
+  }
+  return n;
+}
+function $(e, n) {
+  y(() => {
+    const t = e.current;
+    if (!t)
+      throw new Error("dom must be set.");
+    const s = [];
+    for (const r in n) {
+      const a = n[r];
+      t.addEventListener(r, a), s.push(() => t.removeEventListener(r, a));
+    }
+    return () => {
+      s.forEach((r) => r());
+    };
+  }, []);
+}
+function $e() {
+  return O((e) => e.componentNodes);
+}
+function J(e) {
+  return O((n) => e ? e(n.config) : n.config);
+}
+function Oe(e) {
+  const n = M(() => e, []), { engine: t } = k();
+  return y(() => (t.instance.add(n), () => {
+    t.instance.delete(n.id);
+  }), []), n;
+}
+class K {
+  constructor(n) {
+    b(this, "timerId");
+    b(this, "requestConfig");
+    b(this, "callbackList", []);
+    n && this.reload(n);
+  }
+  notifyDataSource(n) {
+    this.callbackList.forEach((t) => t(n));
+  }
+  // 重新生效配置
+  reload(n) {
+    this.clear();
+    const t = n ? this.requestConfig = n : this.requestConfig;
+    t != null && t.url && (t != null && t.first && this.request(), t != null && t.loop && (this.timerId = setInterval(() => {
+      this.request();
+    }, (t == null ? void 0 : t.loopDelay) || 1e3)));
+  }
+  // 清除运行时数据
+  clear() {
+    this.timerId && (clearInterval(this.timerId), this.timerId = void 0);
+  }
+  // 立刻请求一次
+  async request(n, t, s) {
+    const r = t || this.requestConfig;
+    return r != null && r.url ? U(`${(r == null ? void 0 : r.url) || ""}`, {
+      ...s,
+      method: `${(r == null ? void 0 : r.method) || "get"}`,
+      params: n
+    }).then((a) => (this.notifyDataSource(a), a)) : (console.warn("[bigScreen]: request.url not exist."), Promise.resolve(void 0));
+  }
+  // 卸载
+  unmount() {
+    this.callbackList = [], this.requestConfig = void 0, this.clear();
+  }
+  // 监听数据变化
+  onChangeDataSource(n) {
+    return this.callbackList.push(n), () => {
+      this.callbackList = this.callbackList.filter((t) => t !== n);
+    };
+  }
+}
+function je(e) {
+  const { dataSourceType: n = "static" } = e, t = j(n === "static"), s = w(), [r, a] = _(), f = z(() => {
+    var u;
+    return s.current || (s.current = new K(e.request), (u = s.current) == null || u.onChangeDataSource((h) => a(h))), s.current;
+  }, [e.dataSourceType]);
+  y(() => {
+    if (!t.current)
+      return r && a(void 0), f(), () => {
+        var u;
+        (u = s == null ? void 0 : s.current) == null || u.unmount(), s.current = void 0;
+      };
+  }, [e == null ? void 0 : e.dataSourceType]);
+  const d = M(() => ({
+    reload() {
+      var u, h;
+      t.current || (h = (u = f()) == null ? void 0 : u.reload) == null || h.call(u, e.request);
+    },
+    async request(u, h) {
+      var g, v;
+      if (t.current)
+        return;
+      const l = h ? { useCache: !1 } : void 0;
+      return Promise.resolve(
+        (v = (g = f()) == null ? void 0 : g.request) == null ? void 0 : v.call(g, u, e.request, l)
+      );
+    }
+  }), []);
+  return {
+    dataSource: t.current ? e == null ? void 0 : e.staticDataSource : r == null ? void 0 : r[0],
+    requestInstance: d
+  };
+}
+function D(e, n) {
+  return `${e}-${n}`;
+}
+function A(e, n, t) {
+  if (!e) return n;
+  const s = q(e);
+  return s ? s(n, t) : n;
+}
+function p(e, n, t) {
+  const s = n == null ? void 0 : n.option;
+  e.componentNode.update(t.id, {
+    show: !!(s != null && s.visible)
+  });
+}
+function ee(e, n, t, s, r) {
+  var d, u;
+  const a = n == null ? void 0 : n.option;
+  let f = (a == null ? void 0 : a.type) === "json" ? a == null ? void 0 : a.params : r;
+  f = A(a == null ? void 0 : a.parserFunc, f, {
+    target: t,
+    origin: s,
+    option: a
+  }), f = B(f), (u = (d = e.instance.get(t == null ? void 0 : t.id)) == null ? void 0 : d.request) == null || u.call(d, f);
+}
+function te(e, n, t, s, r) {
+  const a = n == null ? void 0 : n.option;
+  if (a != null && a.function) {
+    const f = q(a == null ? void 0 : a.function), d = f == null ? void 0 : f(t, s, r);
+    e.componentNode.update(t == null ? void 0 : t.id, d, { cover: !0 });
+  }
+}
+function ne(e, n, t, s, r) {
+  const a = n.option;
+  let d = ((a == null ? void 0 : a.type) || "default") === "default" ? r : a == null ? void 0 : a.value;
+  d = A(a == null ? void 0 : a.parserFunc, d, {
+    target: t,
+    origin: s,
+    option: a
+  }), e.events.notify(D(t.id, n.exposeId), d);
+}
+function se(e, n) {
+  return function(t, s) {
+    var f, d, u;
+    const r = e.componentNode.get(n), a = (u = (d = (f = r == null ? void 0 : r.events) == null ? void 0 : f.find) == null ? void 0 : d.call(f, (h) => (h == null ? void 0 : h.triggerId) === t)) == null ? void 0 : u.targets;
+    a && a.forEach((h) => {
+      const l = e.componentNode.get(h.id);
+      if (!l) {
+        Z.error("[bigScreen]: target componentNode not exist.");
+        return;
+      }
+      h.opts.forEach((g) => {
+        switch (g.exposeId) {
+          case x.visible:
+            p(e, g, l);
+            break;
+          case x.request:
+            ee(e, g, l, r, s);
+            break;
+          case x.custom:
+            te(e, g, l, r, s);
+            break;
+          default:
+            ne(e, g, l, r, s);
+            break;
+        }
+      });
+    });
+  };
+}
+function qe(e) {
+  const { engine: n } = k();
+  return M(() => se(n, e), []);
+}
+function re(e, n) {
+  return function(t) {
+    y(() => {
+      for (const s in t)
+        e.events.on(D(n, s), t[s]);
+      return () => {
+        for (const s in t)
+          e.events.remove(D(n, s), t[s]);
+      };
+    }, []);
+  };
+}
+function Ae(e) {
+  const { engine: n } = k();
+  return M(() => re(n, e), []);
+}
+function Re() {
+  const [e, n] = _([]), { engine: t } = k();
+  return Q(() => (n(t.component.getAllPackage()), t.component.onPackageChange((s) => {
+    n(s);
+  }))), e;
+}
+function ae() {
+  const { engine: e } = k(), n = V(), [t, s] = _(r);
+  function r() {
+    return e.page.get(e.config.getCurrentPage());
+  }
+  return y(() => e.page.onChange(() => {
+    const a = r();
+    s(a ? { ...a } : void 0);
+  }), []), y(() => {
+    s(r);
+  }, [n]), t;
+}
+function ie() {
+  const e = F.getActiveEngine();
+  if (!e) return;
+  const n = e.config.getConfig();
+  e.config.setConfig({
+    scale: n.scaleDefault,
+    editorOffsetX: 0,
+    editorOffsetY: 0
+  });
+}
+const ce = "global-cursor", P = "global-cursor";
+class ue {
+  constructor() {
+    b(this, "style");
+    b(this, "isSet", !1);
+  }
+  // 设置全局cursor
+  set(n) {
+    const t = document.createElement("style");
+    t.setAttribute("id", ce), t.innerHTML = `html.${P} * {cursor:${n} !important;}`, document.head.appendChild(t), document.documentElement.classList.add(P), this.isSet = !0, this.style = t;
+  }
+  // 卸载全局cursor
+  revoke() {
+    var n, t;
+    this.isSet && (this.isSet = !1, document.documentElement.classList.remove(P), this.style && ((t = (n = this.style) == null ? void 0 : n.remove) == null || t.call(n), this.style = void 0));
+  }
+}
+const E = new ue();
+function oe(e, n, t) {
+  return e < n ? n : e > t ? t : e;
+}
+function fe(e) {
+  let n = 1, t = 0;
+  if (e.wheelDeltaY) {
+    const s = e.wheelDeltaY;
+    n = Math.abs(s) / 120, t = s > 0 ? 1 : s < 0 ? -1 : 0;
+  } else if (e.deltaY) {
+    const s = e.deltaY;
+    n = Math.floor(Math.max(Math.abs(s) - 4, 0) / 40) || 1, t = s > 0 ? 1 : s < 0 ? -1 : 0;
+  }
+  return {
+    times: n,
+    direction: t
+  };
+}
+const le = "_infiniteCanvas_1ilxa_59", de = "_infiniteCanvas_inner_1ilxa_66", me = "_infiniteCanvas_mask_1ilxa_74", L = {
+  infiniteCanvas: le,
+  infiniteCanvas_inner: de,
+  infiniteCanvas_mask: me
+};
+function he(e) {
+  var C;
+  const n = (e == null ? void 0 : e.scale) || 1;
+  let t = {
+    startX: (e == null ? void 0 : e.startX) ?? 0,
+    startY: (e == null ? void 0 : e.startY) ?? 0
+  };
+  const {
+    startHooks: s = [],
+    moveHooks: r = [],
+    endHooks: a = []
+  } = ((C = e == null ? void 0 : e.hookQueue) == null ? void 0 : C.reduce(
+    (m, i) => (i && (i != null && i.onStart && m.startHooks.push(i.onStart), i != null && i.onMove && m.moveHooks.push(i.onMove), i != null && i.onEnd && m.endHooks.push(i.onEnd)), m),
+    {
+      startHooks: [],
+      moveHooks: [],
+      endHooks: []
+    }
+  )) || {};
+  e != null && e.onStart && s.push(e.onStart), e != null && e.onMove && r.push(e.onMove), e != null && e.onEnd && a.push(e.onEnd);
+  const f = s.length || r.length || a.length;
+  function d(m = 0, i = 0, c) {
+    let o = 0;
+    for (; s[o] && s[o](m, i, c) !== !1; )
+      o++;
+  }
+  function u(m, i, c) {
+    let o = 0;
+    for (; r[o] && r[o](m, i, c) !== !1; )
+      o++;
+  }
+  function h(m, i, c) {
+    let o = 0;
+    for (; a[o] && a[o](m, i, c) !== !1; )
+      o++;
+  }
+  function l(m) {
+    const i = m.x - t.startX, c = m.y - t.startY;
+    u(i / n, c / n, m);
+  }
+  function g(m) {
+    const i = Math.round((m.x - t.startX) / n), c = Math.round((m.y - t.startY) / n);
+    h(i, c, m), v();
+  }
+  function v() {
+    f && (window.removeEventListener("mouseup", g), window.removeEventListener("mousemove", l));
+  }
+  return f && (window.addEventListener("mouseup", g), window.addEventListener("mousemove", l), d(0, 0, e == null ? void 0 : e.startEvent)), () => v();
+}
+function Y(e) {
+  return typeof e == "number";
+}
+function ge(e) {
+  const { engine: n } = k(), { defaultScale: t = 1, scaleStep: s = 0.05, scaleMax: r = 2, scaleMin: a = 0.1 } = e, f = w(null), d = w(null), u = w(null), h = j(e), l = w({
+    scale: t,
+    x: 0,
+    y: 0
+  });
+  function g() {
+    var i;
+    (i = e == null ? void 0 : e.onChange) == null || i.call(
+      e,
+      l.current.scale,
+      l.current.x,
+      l.current.y
+    );
+  }
+  function v(i) {
+    const c = d.current;
+    c.style.transform = `scale(${i})`, c.style.transformOrigin = "top left";
+  }
+  function C(i, c) {
+    const o = d.current;
+    o.style.transform = `translate(${i}px, ${c}px) scale(${l.current.scale})`, o.style.transformOrigin = "top left";
+  }
+  function m(i, c) {
+    d.current.style.top = `${c}px`, d.current.style.left = `${i}px`;
+  }
+  return $(f, {
+    // 重置
+    mousedown(i) {
+      var c, o;
+      W(i) && ((o = (c = h.current) == null ? void 0 : c.onReset) == null || o.call(c)), X(i) && I.isPressed("space") && E.set("grabbing");
+    },
+    // 鼠标松开
+    mouseup(i) {
+      if (X(i)) {
+        if (I.isPressed("space")) {
+          E.set("grab");
+          return;
+        }
+        E.revoke();
+      }
+    },
+    wheel(i) {
+      const c = fe(i), o = c.times * s * c.direction;
+      l.current.scale = oe(
+        l.current.scale + o,
+        a,
+        r
+      ), v(l.current.scale), g();
+    }
+  }), $(u, {
+    mousedown(i) {
+      he({
+        startEvent: i,
+        startX: i.x,
+        startY: i.y,
+        onStart(c, o) {
+          C(c, o);
+        },
+        onMove(c, o) {
+          C(c, o);
+        },
+        onEnd(c, o) {
+          v(l.current.scale), m(l.current.x += c, l.current.y += o), g();
+        }
+      });
+    }
+  }), y(() => {
+    let i = !1;
+    o();
+    function c() {
+      i = !0, u.current.style.removeProperty("pointer-events"), u.current.style.zIndex = `${n.componentNode.getMaxLevel()}`, E.set("grab");
+    }
+    function o() {
+      i = !1, u.current.style.pointerEvents = "none", E.revoke();
+    }
+    I("space", { keyup: !0 }, (H) => {
+      H.type === "keydown" && !i && c(), H.type === "keyup" && o();
+    });
+  }, []), y(() => {
+    Y(e.scale) && l.current.scale !== e.scale && v(l.current.scale = e.scale);
+  }, [e.scale]), y(() => {
+    Y(e.offsetX) && Y(e.offsetY) && (e.offsetX !== l.current.x || e.offsetY !== l.current.y) && m(
+      l.current.x = e.offsetX,
+      l.current.y = e.offsetY
+    );
+  }, [e.offsetX, e.offsetY]), /* @__PURE__ */ G("div", { className: L.infiniteCanvas, ref: f, style: e == null ? void 0 : e.style, children: [
+    /* @__PURE__ */ S("div", { className: L.infiniteCanvas_inner, ref: d, children: e == null ? void 0 : e.children }),
+    /* @__PURE__ */ S("div", { className: L.infiniteCanvas_mask, ref: u })
+  ] });
+}
+const Te = N.forwardRef((e, n) => {
+  const { options: t } = ae() || {}, { engine: s } = k(), r = J(), a = /* @__PURE__ */ S(
+    "div",
+    {
+      ref: n,
+      className: e == null ? void 0 : e.className,
+      style: {
+        background: t == null ? void 0 : t.background,
+        border: t != null && t.bordered ? `1px solid ${t.borderColor}` : void 0,
+        width: r.width,
+        height: r.height,
+        ...e == null ? void 0 : e.style
+      },
+      children: e == null ? void 0 : e.children
+    }
+  );
+  return e != null && e.preview ? a : /* @__PURE__ */ S(
+    ge,
+    {
+      style: { width: "100%", height: "100%" },
+      scale: r.scale,
+      defaultScale: r.scaleDefault,
+      scaleStep: r.scaleStep,
+      offsetX: r.editorOffsetX,
+      offsetY: r.editorOffsetY,
+      scaleMax: r.scaleMaxZoom,
+      scaleMin: r.scaleMinZoom,
+      onChange: (f, d, u) => {
+        s.config.setConfig({
+          scale: f,
+          editorOffsetX: d,
+          editorOffsetY: u
+        });
+      },
+      onReset: () => {
+        ie();
+      },
+      children: a
+    }
+  );
+});
+export {
+  Te as P,
+  $ as a,
+  $e as b,
+  Re as c,
+  je as d,
+  qe as e,
+  Ae as f,
+  E as g,
+  Oe as h,
+  X as i,
+  He as j,
+  Xe as k,
+  ae as l,
+  he as s,
+  J as u
+};

package/es/index-NIXnXIfG.mjs

@@ -0,0 +1,151 @@
+import { jsx as c } from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { n as b } from "./index-EkKLbWrX.mjs";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/localforage@1.10.0/node_modules/localforage/dist/localforage.js";
+import { useState as u, useMemo as x } from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/index.js";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/client.js";
+import { r as f, g as y } from "./random-DD0zMfMm.mjs";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.js.mjs";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.css";
+import { u as d } from "./useEffectOnce-DrBvWFlm.mjs";
+import { R as h } from "./index-BE6SbJah.mjs";
+const g = ["06-01", "06-02", "06-03", "06-04", "06-05", "06-06", "06-07"], r = 250, a = [210, 200, 195, 200, 202, 195, 180], N = b((i) => {
+  const { width: n, height: s } = i, [e, l] = u(a), m = x(() => {
+    const o = e.map((t) => t * 100 / r);
+    return {
+      tooltip: {
+        trigger: "axis",
+        axisPointer: {
+          type: "cross",
+          crossStyle: {
+            color: "#999"
+          }
+        }
+      },
+      grid: {
+        top: 40,
+        left: "3%",
+        right: "4%",
+        bottom: "3%",
+        containLabel: !0
+      },
+      xAxis: [
+        {
+          type: "category",
+          data: g,
+          axisPointer: {
+            type: "shadow"
+          },
+          splitLine: {
+            show: !1
+          },
+          axisLine: {
+            show: !0
+          },
+          axisLabel: {
+            color: "#b1b1b1"
+          }
+        }
+      ],
+      yAxis: [
+        {
+          type: "value",
+          name: "万元",
+          min: 0,
+          max: r,
+          splitNumber: 5,
+          nameTextStyle: {
+            padding: [0, 0, 10, -40],
+            color: "#b1b1b1"
+          },
+          splitLine: {
+            show: !1
+          },
+          axisLabel: {
+            color: "#b1b1b1"
+          }
+        },
+        {
+          type: "value",
+          name: "%",
+          min: 0,
+          max: 100,
+          splitNumber: 5,
+          nameTextStyle: {
+            padding: [0, 0, 10, 40],
+            color: "#b1b1b1"
+          },
+          splitLine: {
+            show: !0,
+            lineStyle: {
+              color: "#093363"
+            }
+          },
+          axisLabel: {
+            color: "#b1b1b1"
+          }
+        }
+      ],
+      series: [
+        {
+          name: "金额",
+          type: "bar",
+          barWidth: 36,
+          tooltip: {
+            valueFormatter: function(t) {
+              return t + " 万元";
+            }
+          },
+          itemStyle: {
+            normal: {
+              color: new window.echarts.graphic.LinearGradient(
+                0,
+                1,
+                0,
+                0,
+                // 这四个参数定义了渐变色的方向，这里是从下到上
+                [
+                  { offset: 1, color: "#1a44ea" },
+                  // 渐变色的起始颜色
+                  { offset: 0, color: "#168bb5" }
+                  // 渐变色的结束颜色
+                ]
+              )
+            }
+          },
+          data: e
+        },
+        {
+          name: "占比",
+          type: "line",
+          yAxisIndex: 1,
+          tooltip: {
+            valueFormatter: function(t) {
+              return t + " %";
+            }
+          },
+          itemStyle: {
+            normal: {
+              color: "#1FE9E9"
+            }
+          },
+          data: o
+        }
+      ]
+    };
+  }, [e]);
+  return d(() => {
+    function o() {
+      l(
+        a.map((p) => f(p + y(-30, 40), 0, r))
+      );
+    }
+    let t = setInterval(o, 2e3);
+    return () => {
+      t && clearInterval(t);
+    };
+  }), /* @__PURE__ */ c(h, { options: m, style: { width: n, height: s } });
+});
+export {
+  N as default
+};