react-big-screen 0.0.0 → 0.0.2

package/es/index-BUdNXLkt.mjs

@@ -0,0 +1,259 @@
+import { jsx as b } from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { n as C } 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";
+import { useRequest as v } from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/ahooks@3.9.5_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/ahooks/es/index.js";
+import { R as S } from "./index-BE6SbJah.mjs";
+import { DEFAULT_OPTIONS as g } from "./attributes-C4LeY1BZ.mjs";
+const n = "chinaOutline";
+async function z() {
+  var t, c;
+  let r;
+  try {
+    r = await fetch("https://file.geojson.cn/china/1.6.2/china.json").then((e) => e.json());
+  } catch {
+    r = (t = await import("./china-Cb9KgeSB.mjs")) == null ? void 0 : t.default;
+  }
+  if ((c = r == null ? void 0 : r.features) != null && c.length) {
+    const e = await import("./china-ten-DJT5AHpU.mjs");
+    r.features.push(e == null ? void 0 : e.default);
+  }
+  return r;
+}
+async function $() {
+  if (!window.echarts) {
+    console.error("echarts not found.");
+    return;
+  }
+  if (window.echarts.getMap(n))
+    return;
+  const r = await z();
+  window.echarts.registerMap(n, r);
+}
+const O = "path://M1705.06,1318.313v-89.254l-319.9-221.799l0.073-208.063c0.521-84.662-26.629-121.796-63.961-121.491c-37.332-0.305-64.482,36.829-63.961,121.491l0.073,208.063l-319.9,221.799v89.254l330.343-157.288l12.238,241.308l-134.449,92.931l0.531,42.034l175.125-42.917l175.125,42.917l0.531-42.034l-134.449-92.931l12.238-241.308L1705.06,1318.313z", o = [
+  { name: "北京", coords: [116, 39], value: 83 },
+  { name: "广东", coords: [115, 22], value: 22 },
+  { name: "西藏", coords: [91, 29], value: 45 },
+  { name: "云南", coords: [102, 25], value: 108 },
+  { name: "广西", coords: [108, 22], value: 230 },
+  { name: "新疆", coords: [87, 43], value: 67 }
+], p = o.reduce((r, t) => (r[t.name] = t.value, r), {}), L = o[0].coords, h = o.slice(1).map((r) => ({
+  coords: [L, r.coords],
+  tooltip: {
+    formatter: () => `${r == null ? void 0 : r.name}：${(r == null ? void 0 : r.value) || 0}个`
+  }
+})), M = o.map((r) => ({
+  name: r == null ? void 0 : r.name,
+  value: [...r.coords, r.value],
+  tooltip: {
+    formatter: () => `${r == null ? void 0 : r.name}：${(r == null ? void 0 : r.value) || 0}个`
+  }
+})), l = "#00ffe4", d = 0.2, f = 5;
+function W() {
+  return [
+    // 飞机轨迹
+    {
+      type: "lines",
+      zlevel: 3,
+      coordinateSystem: "geo",
+      effect: {
+        show: !0,
+        period: f,
+        trailLength: 0.7,
+        // 尾迹长度[0,1]值越大，尾迹越长
+        symbolSize: 3,
+        // 图标大小
+        color: l
+      },
+      lineStyle: {
+        width: 0,
+        curveness: d
+        // 图线曲度
+      },
+      data: h
+    },
+    // 飞机
+    {
+      type: "lines",
+      zlevel: 2,
+      symbol: ["none", "arrow"],
+      //线两端的标记类型，可以是一个数组分别指定两端
+      symbolSize: 10,
+      effect: {
+        show: !0,
+        period: f,
+        trailLength: 0,
+        symbol: O,
+        symbolSize: 15,
+        color: l
+      },
+      lineStyle: {
+        color: l,
+        curveness: d,
+        width: 1,
+        opacity: 0.2
+        // 轨迹线
+      },
+      data: h
+    },
+    {
+      // 涟漪效果
+      zlevel: 1,
+      type: "effectScatter",
+      coordinateSystem: "geo",
+      data: M,
+      symbolSize: 10,
+      encode: {
+        value: 2
+      },
+      rippleEffect: {
+        brushType: "stroke",
+        number: 2,
+        color: l
+      },
+      emphasis: {
+        scale: !1
+        // 高亮后禁止放大
+      },
+      itemStyle: {
+        shadowBlur: 10,
+        shadowColor: l,
+        color: l
+      }
+    }
+  ];
+}
+const N = C((r) => {
+  const { width: t, height: c, options: e } = r, { data: i } = v(
+    async () => {
+      await $();
+      function u(y = {}, m) {
+        return {
+          type: "map",
+          name: "中国地图",
+          map: n,
+          selectedMode: "single",
+          label: {
+            show: e == null ? void 0 : e.showLabel,
+            color: (e == null ? void 0 : e.color) || "#fff"
+          },
+          // layoutCenter: ["50%", "62%"],
+          layoutSize: `${120 + (e == null ? void 0 : e.scale)}%`,
+          // 默认区块样式
+          itemStyle: {
+            areaColor: (e == null ? void 0 : e.areaColor) || "transparent",
+            borderColor: (e == null ? void 0 : e.outlineColor) || "#23c2fb",
+            borderWidth: (e == null ? void 0 : e.borderWidth) || 1
+          },
+          // 高亮状态（鼠标经过）
+          emphasis: {
+            disabled: m,
+            label: {
+              color: "whitesmoke"
+            },
+            itemStyle: {
+              areaColor: (e == null ? void 0 : e.mapHoverColor) || "rgba(16,43,128,0.9)"
+            }
+          },
+          ...m ? {} : {
+            tooltip: {
+              formatter(a) {
+                const w = p[a == null ? void 0 : a.name] || 0;
+                return `${(a == null ? void 0 : a.name) || ""}: ${w}个`;
+              }
+            }
+          },
+          // 选中状态
+          select: {
+            disabled: m,
+            label: {
+              color: "#fff"
+            },
+            itemStyle: {
+              areaColor: (e == null ? void 0 : e.mapSelectedColor) || "rgba(16,43,128,1)"
+            }
+          },
+          ...y
+        };
+      }
+      let s = 999;
+      return {
+        tooltip: {
+          trigger: "item"
+        },
+        // // 配置 visualMap 会忽略 effectScatter
+        // visualMap: {
+        // type: "continuous",
+        // show: false,
+        // min: 0,
+        // max: 50000,
+        // text: ["High", "Low"],
+        // inRange: {
+        //   color: ["red", "blue"],
+        //   symbolSize: [30, 100],
+        // },
+        // },
+        geo: [
+          // 创建标准地图
+          u({
+            layoutCenter: [`${50 + (e == null ? void 0 : e.centerX)}%`, `${62 + (e == null ? void 0 : e.centerY)}%`],
+            z: s--
+          }),
+          // 创建阴影遮罩层
+          u(
+            {
+              layoutCenter: [`${50 + (e == null ? void 0 : e.centerX)}%`, `${64 + (e == null ? void 0 : e.centerY)}%`],
+              z: s--,
+              silent: !0,
+              itemStyle: {
+                areaColor: "#004b75",
+                borderColor: "#195175",
+                borderWidth: 2,
+                shadowColor: "#0f4c74",
+                shadowOffsetX: 4,
+                shadowOffsetY: 4,
+                shadowBlur: 10
+              }
+            },
+            !0
+          )
+        ],
+        series: W()
+      };
+    },
+    {
+      refreshDeps: [
+        e == null ? void 0 : e.centerX,
+        e == null ? void 0 : e.centerY,
+        e == null ? void 0 : e.scale,
+        e == null ? void 0 : e.showLabel,
+        e == null ? void 0 : e.areaColor,
+        e == null ? void 0 : e.mapHoverColor,
+        e == null ? void 0 : e.mapSelectedColor,
+        e == null ? void 0 : e.outlineColor,
+        e == null ? void 0 : e.borderWidth,
+        e == null ? void 0 : e.color
+      ]
+    }
+  );
+  return /* @__PURE__ */ b(
+    S,
+    {
+      shouldClear: !0,
+      options: i,
+      style: {
+        width: t,
+        height: c,
+        overflow: "hidden",
+        background: e == null ? void 0 : e.bgColor
+      }
+    }
+  );
+}, g);
+export {
+  N as default
+};

package/es/index-BVzODV3B.mjs

@@ -0,0 +1,67 @@
+import { jsx as l, jsxs as x } from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { forwardRef as I, useRef as r, useState as i, useImperativeHandle as M, useEffect as w } from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+import y from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
+const A = "_autoScroll_h2edl_59", D = "_autoScroll_inner_h2edl_65", H = "_scroll_h2edl_112", P = "_scroll_paused_h2edl_115", n = {
+  autoScroll: A,
+  autoScroll_inner: D,
+  scroll: H,
+  scroll_paused: P
+}, L = I((e, v) => {
+  var m;
+  const { disabled: t, pxPerSecond: a = 40, manual: d } = e, u = r(null), o = r(null), [c, g] = i(!1), [N, h] = i(!1), [R, C] = i(0), f = typeof (e == null ? void 0 : e.children) == "function" ? (m = e == null ? void 0 : e.children) == null ? void 0 : m.call(e, c) : e == null ? void 0 : e.children;
+  function s() {
+    h(!0);
+  }
+  function _() {
+    h(!1);
+  }
+  return M(v, () => ({
+    stopScroll: s,
+    startScroll: _
+  })), w(() => {
+    const b = Math.floor(u.current.getBoundingClientRect().height), S = Math.floor(o.current.getBoundingClientRect().height);
+    g(S > b), C(S / a * 1e3);
+  }, [e == null ? void 0 : e.children, e == null ? void 0 : e.style, e == null ? void 0 : e.className, a]), /* @__PURE__ */ l(
+    "div",
+    {
+      ref: u,
+      style: e == null ? void 0 : e.style,
+      className: y(e == null ? void 0 : e.className, n.autoScroll),
+      onMouseEnter: d ? void 0 : s,
+      onMouseLeave: d ? void 0 : _,
+      children: /* @__PURE__ */ l(
+        "div",
+        {
+          className: n.autoScroll_inner,
+          style: {
+            overflow: t ? "auto" : "hidden",
+            ...e == null ? void 0 : e.bodyStyle
+          },
+          children: /* @__PURE__ */ x(
+            "div",
+            {
+              className: y(
+                !t && c && n.scroll,
+                N && n.scroll_paused
+              ),
+              style: {
+                left: 0,
+                width: "100%",
+                position: "absolute",
+                animationDuration: `${R}ms`,
+                ...e == null ? void 0 : e.bodyInnerStyle
+              },
+              children: [
+                /* @__PURE__ */ l("div", { ref: o, children: f }),
+                !t && c && /* @__PURE__ */ l("div", { children: f })
+              ]
+            }
+          )
+        }
+      )
+    }
+  );
+});
+export {
+  L as A
+};

package/es/index-BXv4ZOBe.mjs

@@ -0,0 +1,95 @@
+import { jsx as d, jsxs as h, Fragment as u } from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { n as m } 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 { useMemo as v } 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 { u as f, s as I } from "./selectPage-BQkRPT-9.mjs";
+import { u as L } from "./useCurrentPageId-DrIZvYrl.mjs";
+import S from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
+import "/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";
+const z = "_navLine_mnnlz_59", C = "_navLine_inner_mnnlz_64", b = "_navItem_mnnlz_68", x = "_navItem_selected_mnnlz_89", K = "_navItem_last_mnnlz_92", o = {
+  navLine: z,
+  navLine_inner: C,
+  navItem: b,
+  navItem_selected: x,
+  navItem_last: K
+};
+function _(t) {
+  const { list: s, selectedKeys: c } = t, n = c.length <= 1;
+  let e;
+  const a = /* @__PURE__ */ d("div", { className: o.navLine_inner, children: s.map((l) => {
+    const i = l.value === c[0];
+    return i && (e = l == null ? void 0 : l.children), /* @__PURE__ */ d(
+      "div",
+      {
+        className: S(
+          o.navItem,
+          i && n && o.navItem_selected,
+          i && n && o.navItem_last
+        ),
+        onClick: () => {
+          var r;
+          (r = t == null ? void 0 : t.onSelect) == null || r.call(t, l == null ? void 0 : l.value);
+        },
+        children: l == null ? void 0 : l.label
+      },
+      l == null ? void 0 : l.value
+    );
+  }) });
+  return /* @__PURE__ */ h(u, { children: [
+    /* @__PURE__ */ d("div", { className: o.navLine, children: a }),
+    !!(e != null && e.length) && /* @__PURE__ */ d(_, { list: e, selectedKeys: c.slice(1), onSelect: t == null ? void 0 : t.onSelect })
+  ] });
+}
+function P(t, s) {
+  const c = [];
+  let n = s[t];
+  for (; n; )
+    c.push(n == null ? void 0 : n.value), n = n != null && n.parent ? s[n == null ? void 0 : n.parent] : void 0;
+  return c.reverse();
+}
+function w(t, s = {}) {
+  const c = [];
+  return t.forEach((n) => {
+    var l, i, r;
+    const e = s[n.id], a = s[n.id] = {
+      value: (e == null ? void 0 : e.value) || n.id,
+      label: (e == null ? void 0 : e.label) || n.name,
+      parent: (e == null ? void 0 : e.parent) || (n == null ? void 0 : n.parentId),
+      children: (e == null ? void 0 : e.children) || []
+    };
+    if (n != null && n.parentId) {
+      (r = (i = (s[l = n.parentId] || (s[l] = {
+        value: n.parentId,
+        parent: "",
+        label: "",
+        children: []
+      })).children) == null ? void 0 : i.push) == null || r.call(i, a);
+      return;
+    }
+    c.push(a);
+  }), { tree: c, treeMap: s };
+}
+const O = m((t) => {
+  const s = f(), c = L(), { tree: n, treeMap: e } = v(() => w(s), [s]), a = v(
+    () => P(c, e),
+    [c, e]
+  ), l = v(() => a.length ? /* @__PURE__ */ d(
+    _,
+    {
+      list: n,
+      selectedKeys: a,
+      onSelect: (i) => {
+        i !== c && I(i);
+      }
+    }
+  ) : null, [a, n]);
+  return /* @__PURE__ */ d("div", { style: { width: t == null ? void 0 : t.width, height: t == null ? void 0 : t.height }, children: l });
+});
+export {
+  O as default
+};

package/es/index-Bf6X5Fsf.mjs

@@ -0,0 +1,101 @@
+import { jsx as p } from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { R as h } from "./index-BE6SbJah.mjs";
+import { n as x } 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 { useRef as g, useMemo as I } 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 { u as y } from "./useEffectOnce-DrBvWFlm.mjs";
+import { DEFAULT_OPTIONS as b } from "./attributes-LoqmZojB.mjs";
+const S = ["私有化项目", "培训项目", "演示项目", "tjh项目", "xyz项目"], i = [1048, 735, 580, 484, 300], j = x((m) => {
+  const { width: u, height: d, options: t } = m, o = g(), f = I(() => {
+    const e = S.map((r, l) => ({
+      name: r,
+      value: i[l]
+    }));
+    return {
+      title: {
+        text: i.reduce((r, l) => r + l, 0),
+        left: "center",
+        top: "37%",
+        textStyle: {
+          color: t == null ? void 0 : t.titleColor,
+          fontWeight: "normal",
+          fontSize: 30,
+          align: "center"
+        },
+        subtext: "总人数",
+        subtextStyle: {
+          color: t == null ? void 0 : t.subtextColor,
+          fontWeight: "normal",
+          fontSize: 16,
+          align: "center"
+        }
+      },
+      tooltip: {
+        trigger: "item"
+      },
+      series: [
+        {
+          name: "项目人数",
+          type: "pie",
+          radius: ["75%", "90%"],
+          avoidLabelOverlap: !1,
+          padAngle: 5,
+          itemStyle: {
+            borderRadius: 4
+          },
+          label: {
+            show: !1
+          },
+          labelLine: {
+            show: !1
+          },
+          data: e,
+          // 高亮
+          emphasis: {
+            scaleSize: 10,
+            label: {
+              show: !1
+            }
+          }
+        }
+      ]
+    };
+  }, [t == null ? void 0 : t.titleColor, t == null ? void 0 : t.subtextColor]);
+  return y(() => {
+    let e = null, a = 0;
+    function r() {
+      var s, n, c;
+      e !== null && ((s = o.current) == null || s.dispatchAction({
+        type: "downplay",
+        seriesIndex: 0,
+        dataIndex: e
+      })), (c = (n = o.current) == null ? void 0 : n.dispatchAction) == null || c.call(n, {
+        type: "highlight",
+        seriesIndex: 0,
+        dataIndex: e = a
+      }), a = ++a >= i.length ? 0 : a;
+    }
+    r();
+    let l = setInterval(r, 2e3);
+    return () => {
+      l && clearInterval(l);
+    };
+  }), /* @__PURE__ */ p(
+    h,
+    {
+      onGetInstance: (e) => o.current = e,
+      options: f,
+      style: {
+        width: u,
+        height: d
+      }
+    }
+  );
+}, b);
+export {
+  j as default
+};