react-big-screen 0.0.21 → 0.0.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (64) hide show
  1. package/es/{IInputNumber-PnHJNf9H.mjs → IInputNumber-CEotcbKL.mjs} +1 -1
  2. package/es/{Line-CLgwvraj.mjs → Line-CgKiUu04.mjs} +3 -3
  3. package/es/{attributes-E8oqU4q7.mjs → attributes-BPJdjr2i.mjs} +11 -9
  4. package/es/{attributes-C5pimFaJ.mjs → attributes-BcOvtwR5.mjs} +17 -15
  5. package/es/attributes-BfidbonK.mjs +43 -0
  6. package/es/{attributes-w4UsefFp.mjs → attributes-Btg07K2U.mjs} +32 -29
  7. package/es/attributes-BwADICpR.mjs +37 -0
  8. package/es/{attributes-C0SMjnHG.mjs → attributes-CLKihLxA.mjs} +10 -8
  9. package/es/{attributes-Dv8IMI4h.mjs → attributes-CbEkHFeA.mjs} +10 -8
  10. package/es/attributes-Cqd_mqWc.mjs +41 -0
  11. package/es/attributes-CuMNtV8M.mjs +34 -0
  12. package/es/attributes-D48dVLeW.mjs +27 -0
  13. package/es/{attributes-DdjjVR4N.mjs → attributes-DygyEbMZ.mjs} +10 -8
  14. package/es/attributes-T101y64V.mjs +49 -0
  15. package/es/{index-ryl5yfWq.mjs → index--DlyGwmX.mjs} +13 -11
  16. package/es/index-5xqLm0cU.mjs +47 -0
  17. package/es/index-8ZXIms1b.mjs +48 -0
  18. package/es/index-B7TrIL_C.mjs +19 -0
  19. package/es/{index-CyS-CdYv.mjs → index-B8oIQxa8.mjs} +13 -12
  20. package/es/{index-B4KSL-Bu.mjs → index-BHUjUILf.mjs} +11 -9
  21. package/es/{index-D--V8m-b.mjs → index-BHmzQnjb.mjs} +9 -9
  22. package/es/{index-B9Nb8R2I.mjs → index-BQ7mzQ9J.mjs} +17 -16
  23. package/es/{index-Bvab-NQ4.mjs → index-BtEza1iX.mjs} +24 -22
  24. package/es/{index-CRDggJyg.mjs → index-BuUTG4Rv.mjs} +61 -61
  25. package/es/index-BvW1_Hyv.mjs +51 -0
  26. package/es/index-C0Dt2jQ_.mjs +40 -0
  27. package/es/index-C6A7V93P.mjs +61 -0
  28. package/es/index-CHxtigvR.mjs +42 -0
  29. package/es/index-CW3G29nN.mjs +46 -0
  30. package/es/{index-CpYmNO_5.mjs → index-D-o2kNzn.mjs} +53 -53
  31. package/es/{index-guYPVm3G.mjs → index-D5seKG8I.mjs} +2 -2
  32. package/es/index-DTMGhBFA.mjs +43 -0
  33. package/es/index-DZRl1odp.mjs +37 -0
  34. package/es/{index-D_0vVSWq.mjs → index-DmMp7-l-.mjs} +11 -9
  35. package/es/{index-n9OtRMYa.mjs → index-Dv8VfJDC.mjs} +30 -29
  36. package/es/{index-C6HV7IaP.mjs → index-DxbswiWm.mjs} +30 -28
  37. package/es/{index-B8JqjjA1.mjs → index-Qxmobfyd.mjs} +4 -4
  38. package/es/{index-Ljz96Vra.mjs → index-X5o1pXL3.mjs} +16 -14
  39. package/es/{index-Dh00vKAk.mjs → index-Z8NfClWR.mjs} +15 -13
  40. package/es/{index-DyB0TE1y.mjs → index-mzSvAxqW.mjs} +27 -25
  41. package/es/index-onenk3XK.mjs +26 -0
  42. package/es/{index-D1ux0Voe.mjs → index-yEFPa0R2.mjs} +2 -2
  43. package/es/index.mjs +3 -3
  44. package/es/{selectPage-D267xnl4.mjs → selectPage-BTdc0EhU.mjs} +1 -1
  45. package/es/useCurrentPageId-DkPUSvWz.mjs +20 -0
  46. package/package.json +1 -1
  47. package/es/attributes-BWtBVgsg.mjs +0 -41
  48. package/es/attributes-BuMChZnt.mjs +0 -47
  49. package/es/attributes-COwKDUMI.mjs +0 -35
  50. package/es/attributes-C_fbpAUx.mjs +0 -25
  51. package/es/attributes-DztmBsKn.mjs +0 -32
  52. package/es/attributes-YL1J6lLR.mjs +0 -39
  53. package/es/index-BRgbtPVH.mjs +0 -45
  54. package/es/index-BUth1V1H.mjs +0 -41
  55. package/es/index-BYJ5e2rN.mjs +0 -38
  56. package/es/index-BYe40Zu2.mjs +0 -46
  57. package/es/index-BzpuXSbE.mjs +0 -49
  58. package/es/index-CBxj6uKJ.mjs +0 -35
  59. package/es/index-CUkul7R0.mjs +0 -44
  60. package/es/index-DQU0jlV0.mjs +0 -24
  61. package/es/index-KruFCy9N.mjs +0 -17
  62. package/es/index-hPKl41YD.mjs +0 -40
  63. package/es/index-qoPI1H9i.mjs +0 -59
  64. package/es/useCurrentPageId-DM05DNLI.mjs +0 -18
@@ -1,25 +1,27 @@
1
1
  var R = Object.defineProperty;
2
2
  var T = (e, n, t) => n in e ? R(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
3
3
  var b = (e, n, t) => T(e, typeof n != "symbol" ? n + "" : n, t);
4
- import { b as O, u as k, I as x, R as F } from "./index-CRDggJyg.mjs";
5
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/localforage@1.10.0/node_modules/localforage/dist/localforage.js";
4
+ import { b as O, u as k, I as x, R as F } from "./index-BuUTG4Rv.mjs";
5
+ import "localforage";
6
6
  import N, { useEffect as y, useMemo as M, useRef as w, useState as _, useCallback as z } from "react";
7
7
  import "react-dom";
8
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/client.js";
8
+ import "react-dom/client";
9
9
  import { message as G } from "antd";
10
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.js.mjs";
11
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.css";
12
- import { jsxs as U, jsx as S } from "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
13
- import Z from "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/umi-request@1.4.0/node_modules/umi-request/dist/index.esm.js";
10
+ import "driver.js";
11
+ import "driver.js/dist/driver.css";
12
+ import "lodash-es";
13
+ import { jsxs as U, jsx as S } from "react/jsx-runtime";
14
+ import "ahooks";
15
+ import Z from "umi-request";
14
16
  import { u as j } from "./useListenRef-B01dENv0.mjs";
15
17
  import { u as Q } from "./useEffectOnce-l5sUTCBG.mjs";
16
- import { u as V } from "./useCurrentPageId-DM05DNLI.mjs";
17
- import I from "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/hotkeys-js@3.13.15/node_modules/hotkeys-js/dist/hotkeys.esm.js";
18
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/dayjs@1.11.18/node_modules/dayjs/dayjs.min.js";
18
+ import { u as V } from "./useCurrentPageId-DkPUSvWz.mjs";
19
+ import I from "hotkeys-js";
20
+ import "dayjs";
19
21
  function X(e) {
20
22
  return e.button == 0;
21
23
  }
22
- function He(e) {
24
+ function $e(e) {
23
25
  return e.button == 2;
24
26
  }
25
27
  function W(e) {
@@ -28,7 +30,7 @@ function W(e) {
28
30
  function B(e) {
29
31
  return e && typeof e == "object" && !Array.isArray(e) ? e : {};
30
32
  }
31
- function Xe(e) {
33
+ function Oe(e) {
32
34
  return typeof e == "object" && !Array.isArray(e) && !!e;
33
35
  }
34
36
  function q(e) {
@@ -55,13 +57,13 @@ function $(e, n) {
55
57
  };
56
58
  }, []);
57
59
  }
58
- function $e() {
60
+ function je() {
59
61
  return O((e) => e.componentNodes);
60
62
  }
61
63
  function J(e) {
62
64
  return O((n) => e ? e(n.config) : n.config);
63
65
  }
64
- function Oe(e) {
66
+ function qe(e) {
65
67
  const n = M(() => e, []), { engine: t } = k();
66
68
  return y(() => (t.instance.add(n), () => {
67
69
  t.instance.delete(n.id);
@@ -109,7 +111,7 @@ class K {
109
111
  };
110
112
  }
111
113
  }
112
- function je(e) {
114
+ function Ae(e) {
113
115
  const { dataSourceType: n = "static" } = e, t = j(n === "static"), s = w(), [r, a] = _(), f = z(() => {
114
116
  var u;
115
117
  return s.current || (s.current = new K(e.request), (u = s.current) == null || u.onChangeDataSource((h) => a(h))), s.current;
@@ -210,7 +212,7 @@ function se(e, n) {
210
212
  });
211
213
  };
212
214
  }
213
- function qe(e) {
215
+ function Re(e) {
214
216
  const { engine: n } = k();
215
217
  return M(() => se(n, e), []);
216
218
  }
@@ -226,11 +228,11 @@ function re(e, n) {
226
228
  }, []);
227
229
  };
228
230
  }
229
- function Ae(e) {
231
+ function Te(e) {
230
232
  const { engine: n } = k();
231
233
  return M(() => re(n, e), []);
232
234
  }
233
- function Re() {
235
+ function Fe() {
234
236
  const [e, n] = _([]), { engine: t } = k();
235
237
  return Q(() => (n(t.component.getAllPackage()), t.component.onPackageChange((s) => {
236
238
  n(s);
@@ -441,7 +443,7 @@ function ge(e) {
441
443
  /* @__PURE__ */ S("div", { className: L.infiniteCanvas_mask, ref: u })
442
444
  ] });
443
445
  }
444
- const Te = N.forwardRef((e, n) => {
446
+ const Ne = N.forwardRef((e, n) => {
445
447
  const { options: t } = ae() || {}, { engine: s } = k(), r = J(), a = /* @__PURE__ */ S(
446
448
  "div",
447
449
  {
@@ -483,18 +485,18 @@ const Te = N.forwardRef((e, n) => {
483
485
  );
484
486
  });
485
487
  export {
486
- Te as P,
488
+ Ne as P,
487
489
  $ as a,
488
- $e as b,
489
- Re as c,
490
- je as d,
491
- qe as e,
492
- Ae as f,
490
+ je as b,
491
+ Fe as c,
492
+ Ae as d,
493
+ Re as e,
494
+ Te as f,
493
495
  E as g,
494
- Oe as h,
496
+ qe as h,
495
497
  X as i,
496
- He as j,
497
- Xe as k,
498
+ $e as j,
499
+ Oe as k,
498
500
  ae as l,
499
501
  he as s,
500
502
  J as u
@@ -1,10 +1,10 @@
1
- import { jsxs as Q, jsx as b } from "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
1
+ import { jsxs as Q, jsx as b } from "react/jsx-runtime";
2
2
  import { useState as S } from "react";
3
3
  import { Select as M } from "antd";
4
- import { useDebounceEffect as X, useUpdateEffect as V } from "/Users/tangjiahui/tjh/react-big-screen/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";
4
+ import { useDebounceEffect as X, useUpdateEffect as V } from "ahooks";
5
5
  import { u as Y } from "./useEffectOnce-l5sUTCBG.mjs";
6
- import { i as Z } from "./index-CRDggJyg.mjs";
7
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/client.js";
6
+ import { i as Z } from "./index-BuUTG4Rv.mjs";
7
+ import "react-dom/client";
8
8
  const q = (e, l) => {
9
9
  var r, f, d;
10
10
  return (d = (r = (l == null ? void 0 : l.children) || "") == null ? void 0 : r.toLowerCase) == null ? void 0 : d.call(r).includes((f = e == null ? void 0 : e.toLowerCase) == null ? void 0 : f.call(e));
@@ -1,17 +1,19 @@
1
- import { jsx as d, jsxs as h, Fragment as u } from "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
2
- import { n as m } from "./index-CRDggJyg.mjs";
3
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/localforage@1.10.0/node_modules/localforage/dist/localforage.js";
1
+ import { jsx as d, jsxs as h, Fragment as m } from "react/jsx-runtime";
2
+ import { n as u } from "./index-BuUTG4Rv.mjs";
3
+ import "localforage";
4
4
  import { useMemo as v } from "react";
5
5
  import "react-dom";
6
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/client.js";
6
+ import "react-dom/client";
7
7
  import "antd";
8
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.js.mjs";
9
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.css";
10
- import { u as f, s as I } from "./selectPage-D267xnl4.mjs";
11
- import { u as L } from "./useCurrentPageId-DM05DNLI.mjs";
12
- import S from "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
13
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/hotkeys-js@3.13.15/node_modules/hotkeys-js/dist/hotkeys.esm.js";
14
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/dayjs@1.11.18/node_modules/dayjs/dayjs.min.js";
8
+ import "driver.js";
9
+ import "driver.js/dist/driver.css";
10
+ import "lodash-es";
11
+ import "ahooks";
12
+ import { u as f, s as I } from "./selectPage-BTdc0EhU.mjs";
13
+ import { u as L } from "./useCurrentPageId-DkPUSvWz.mjs";
14
+ import S from "classnames";
15
+ import "hotkeys-js";
16
+ import "dayjs";
15
17
  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 = {
16
18
  navLine: z,
17
19
  navLine_inner: C,
@@ -41,7 +43,7 @@ function _(t) {
41
43
  l == null ? void 0 : l.value
42
44
  );
43
45
  }) });
44
- return /* @__PURE__ */ h(u, { children: [
46
+ return /* @__PURE__ */ h(m, { children: [
45
47
  /* @__PURE__ */ d("div", { className: o.navLine, children: a }),
46
48
  !!(e != null && e.length) && /* @__PURE__ */ d(_, { list: e, selectedKeys: c.slice(1), onSelect: t == null ? void 0 : t.onSelect })
47
49
  ] });
@@ -75,7 +77,7 @@ function w(t, s = {}) {
75
77
  c.push(a);
76
78
  }), { tree: c, treeMap: s };
77
79
  }
78
- const Q = m((t) => {
80
+ const U = u((t) => {
79
81
  const s = f(), c = L(), { tree: n, treeMap: e } = v(() => w(s), [s]), a = v(
80
82
  () => P(c, e),
81
83
  [c, e]
@@ -92,5 +94,5 @@ const Q = m((t) => {
92
94
  return /* @__PURE__ */ d("div", { style: { width: t == null ? void 0 : t.width, height: t == null ? void 0 : t.height }, children: l });
93
95
  });
94
96
  export {
95
- Q as default
97
+ U as default
96
98
  };
@@ -1,21 +1,23 @@
1
- import { jsxs as t, jsx as r } from "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
2
- import { n as a } from "./index-CRDggJyg.mjs";
3
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/localforage@1.10.0/node_modules/localforage/dist/localforage.js";
1
+ import { jsxs as g, jsx as r } from "react/jsx-runtime";
2
+ import { n as a } from "./index-BuUTG4Rv.mjs";
3
+ import "localforage";
4
4
  import "react";
5
5
  import "react-dom";
6
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/client.js";
6
+ import "react-dom/client";
7
7
  import "antd";
8
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.js.mjs";
9
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.css";
10
- import { DEFAULT_OPTIONS as d } from "./attributes-DdjjVR4N.mjs";
11
- const H = a((l) => {
12
- const { options: e, width: _, height: g } = l;
13
- return /* @__PURE__ */ t(
8
+ import "driver.js";
9
+ import "driver.js/dist/driver.css";
10
+ import "lodash-es";
11
+ import "ahooks";
12
+ import { DEFAULT_OPTIONS as m } from "./attributes-DygyEbMZ.mjs";
13
+ const i = a((l) => {
14
+ const { options: e, width: _, height: t } = l;
15
+ return /* @__PURE__ */ g(
14
16
  "div",
15
17
  {
16
18
  style: {
17
19
  width: _,
18
- height: g
20
+ height: t
19
21
  },
20
22
  children: [
21
23
  (e == null ? void 0 : e.value_1) && /* @__PURE__ */ r(
@@ -57,7 +59,7 @@ const H = a((l) => {
57
59
  ]
58
60
  }
59
61
  );
60
- }, d);
62
+ }, m);
61
63
  export {
62
- H as default
64
+ i as default
63
65
  };
@@ -1,23 +1,25 @@
1
- import { jsx as o, Fragment as f } from "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
1
+ import { jsx as s, Fragment as f } from "react/jsx-runtime";
2
2
  import g, { useState as w, useMemo as m, useEffect as y, useRef as l, Suspense as C } from "react";
3
- import { u as R } from "./index-CRDggJyg.mjs";
4
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/localforage@1.10.0/node_modules/localforage/dist/localforage.js";
3
+ import { u as R } from "./index-BuUTG4Rv.mjs";
4
+ import "localforage";
5
5
  import "react-dom";
6
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/client.js";
6
+ import "react-dom/client";
7
7
  import "antd";
8
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.js.mjs";
9
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.css";
10
- import { d as S, e as v, f as x, h as N, u as H, l as q, c as B, b as P, P as _ } from "./index-C6HV7IaP.mjs";
11
- import $ from "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
8
+ import "driver.js";
9
+ import "driver.js/dist/driver.css";
10
+ import "lodash-es";
11
+ import { d as S, e as v, f as x, h as N, u as H, l as q, c as B, b as P, P as _ } from "./index-DxbswiWm.mjs";
12
+ import "ahooks";
13
+ import $ from "classnames";
12
14
  import { u as b } from "./useResizeDom-B6mM4jrh.mjs";
13
15
  function k(e) {
14
- const [n, t] = w(e == null ? void 0 : e.componentNode), c = (n == null ? void 0 : n.show) ?? !0, { engine: r } = R(), s = m(() => r.component.get(n.cId), [n == null ? void 0 : n.cId, e == null ? void 0 : e.packages]);
16
+ const [n, t] = w(e == null ? void 0 : e.componentNode), c = (n == null ? void 0 : n.show) ?? !0, { engine: r } = R(), o = m(() => r.component.get(n.cId), [n == null ? void 0 : n.cId, e == null ? void 0 : e.packages]);
15
17
  return y(() => r.componentNode.onChange(n.id, ({ payload: i }) => {
16
18
  t({ ...i });
17
- }), []), s && c ? /* @__PURE__ */ o(E, { componentNode: n, component: s }) : /* @__PURE__ */ o(f, {});
19
+ }), []), o && c ? /* @__PURE__ */ s(E, { componentNode: n, component: o }) : /* @__PURE__ */ s(f, {});
18
20
  }
19
21
  function E(e) {
20
- const { component: n, componentNode: t } = e, c = l(), r = l(null), { dataSource: s, requestInstance: i } = S(t), u = v(t.id), a = x(t.id);
22
+ const { component: n, componentNode: t } = e, c = l(), r = l(null), { dataSource: o, requestInstance: i } = S(t), u = v(t.id), a = x(t.id);
21
23
  return N({
22
24
  id: t.id,
23
25
  // 经过实例
@@ -50,7 +52,7 @@ function E(e) {
50
52
  },
51
53
  // 立刻请求一次
52
54
  request: (d, h) => i.request(d, h)
53
- }), /* @__PURE__ */ o(
55
+ }), /* @__PURE__ */ s(
54
56
  "div",
55
57
  {
56
58
  ref: r,
@@ -62,12 +64,12 @@ function E(e) {
62
64
  height: t.height,
63
65
  zIndex: t.level
64
66
  },
65
- children: /* @__PURE__ */ o(C, { children: /* @__PURE__ */ o(
67
+ children: /* @__PURE__ */ s(C, { children: /* @__PURE__ */ s(
66
68
  n.component,
67
69
  {
68
70
  handleTrigger: u,
69
71
  useExpose: a,
70
- dataSource: s,
72
+ dataSource: o,
71
73
  componentNode: t,
72
74
  options: t.options,
73
75
  width: t.width,
@@ -81,12 +83,12 @@ const I = "_fitScreenBody_1qzud_59", D = {
81
83
  fitScreenBody: I
82
84
  };
83
85
  function z(e) {
84
- const { dw: n = 1920, dh: t = 1080 } = e, c = l(null), r = l(null), s = m(() => n / t, [n, t]);
86
+ const { dw: n = 1920, dh: t = 1080 } = e, c = l(null), r = l(null), o = m(() => n / t, [n, t]);
85
87
  return b(c, () => {
86
88
  if (!c.current || !r.current)
87
89
  return;
88
90
  const i = c.current.getBoundingClientRect();
89
- if (i.width / i.height > s) {
91
+ if (i.width / i.height > o) {
90
92
  const a = i.height / t, d = a * n, h = (i.width - d) / 2;
91
93
  r.current.style.transform = `scale(${a}) translate3d(${h / a}px, 0, 0)`;
92
94
  } else {
@@ -94,7 +96,7 @@ function z(e) {
94
96
  r.current.style.transform = `scale(${a})`;
95
97
  }
96
98
  r.current.style.width = `${n}px`, r.current.style.height = `${t}px`;
97
- }), /* @__PURE__ */ o("div", { className: e == null ? void 0 : e.className, ref: c, style: e == null ? void 0 : e.style, children: /* @__PURE__ */ o(
99
+ }), /* @__PURE__ */ s("div", { className: e == null ? void 0 : e.className, ref: c, style: e == null ? void 0 : e.style, children: /* @__PURE__ */ s(
98
100
  "div",
99
101
  {
100
102
  className: $(e == null ? void 0 : e.bodyClassName, D.fitScreenBody),
@@ -107,34 +109,34 @@ function z(e) {
107
109
  const U = "_preview_x6h89_59", j = {
108
110
  preview: U
109
111
  };
110
- function X(e) {
111
- const { engine: n, json: t } = e, c = H(), { options: r } = q() || {}, s = B(), i = P(), u = m(() => {
112
+ function Z(e) {
113
+ const { engine: n, json: t } = e, c = H(), { options: r } = q() || {}, o = B(), i = P(), u = m(() => {
112
114
  var a;
113
- return s.length ? (a = i == null ? void 0 : i.map) == null ? void 0 : a.call(i, (d) => /* @__PURE__ */ o(
115
+ return o.length ? (a = i == null ? void 0 : i.map) == null ? void 0 : a.call(i, (d) => /* @__PURE__ */ s(
114
116
  k,
115
117
  {
116
118
  componentNode: d,
117
- packages: s
119
+ packages: o
118
120
  },
119
121
  d == null ? void 0 : d.id
120
122
  )) : [];
121
- }, [i, s]);
123
+ }, [i, o]);
122
124
  return g.useEffect(() => {
123
125
  n.loadJSON(t).then(() => {
124
126
  var a;
125
127
  (a = e == null ? void 0 : e.onJSONLoad) == null || a.call(e);
126
128
  });
127
- }, []), /* @__PURE__ */ o(
129
+ }, []), /* @__PURE__ */ s(
128
130
  z,
129
131
  {
130
132
  className: j.preview,
131
133
  dw: (c == null ? void 0 : c.width) || 1920,
132
134
  dh: (c == null ? void 0 : c.height) || 1080,
133
135
  style: { background: r == null ? void 0 : r.whiteBoardColor },
134
- children: /* @__PURE__ */ o(_, { preview: !0, style: { width: "100%", height: "100%" }, children: u })
136
+ children: /* @__PURE__ */ s(_, { preview: !0, style: { width: "100%", height: "100%" }, children: u })
135
137
  }
136
138
  );
137
139
  }
138
140
  export {
139
- X as default
141
+ Z as default
140
142
  };
@@ -0,0 +1,26 @@
1
+ import { jsx as o } from "react/jsx-runtime";
2
+ import { Image as i } from "antd";
3
+ import { n as p } from "./index-BuUTG4Rv.mjs";
4
+ import "localforage";
5
+ import "react";
6
+ import "react-dom";
7
+ import "react-dom/client";
8
+ import "driver.js";
9
+ import "driver.js/dist/driver.css";
10
+ import "lodash-es";
11
+ import "ahooks";
12
+ import { DEFAULT_OPTIONS as n } from "./attributes-BwADICpR.mjs";
13
+ const E = p((t) => {
14
+ const { options: r, width: e, height: m } = t;
15
+ return /* @__PURE__ */ o(
16
+ i,
17
+ {
18
+ src: r == null ? void 0 : r.src,
19
+ style: { width: e, height: m, pointerEvents: "none" },
20
+ preview: !!(r != null && r.enablePreview)
21
+ }
22
+ );
23
+ }, n);
24
+ export {
25
+ E as default
26
+ };
@@ -1,6 +1,6 @@
1
- import { jsx as s } from "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
1
+ import { jsx as s } from "react/jsx-runtime";
2
2
  import { Empty as i } from "antd";
3
- import m from "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
3
+ import m from "classnames";
4
4
  function l(y, n) {
5
5
  return !// 左侧
6
6
  (y.x2 < n.x1 || // 右侧
package/es/index.mjs CHANGED
@@ -1,6 +1,6 @@
1
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
2
- import { q as m, R as e, p as E, s as f } from "./index-CRDggJyg.mjs";
3
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/client.js";
1
+ import "react/jsx-runtime";
2
+ import { q as m, R as e, p as E, s as f } from "./index-BuUTG4Rv.mjs";
3
+ import "react-dom/client";
4
4
  import "react";
5
5
  import "react-dom";
6
6
  import "antd";
@@ -1,5 +1,5 @@
1
1
  import { useState as g, useEffect as r } from "react";
2
- import { u as i, R as a } from "./index-CRDggJyg.mjs";
2
+ import { u as i, R as a } from "./index-BuUTG4Rv.mjs";
3
3
  function f() {
4
4
  const [n, e] = g([]), { engine: t } = i();
5
5
  return r(() => {
@@ -0,0 +1,20 @@
1
+ import { b as i, D as m } from "./index-BuUTG4Rv.mjs";
2
+ import "localforage";
3
+ import "react";
4
+ import "react-dom";
5
+ import "react-dom/client";
6
+ import "antd";
7
+ import "driver.js";
8
+ import "driver.js/dist/driver.css";
9
+ import "lodash-es";
10
+ import "react/jsx-runtime";
11
+ import "ahooks";
12
+ function a() {
13
+ return i((r) => {
14
+ var o;
15
+ return ((o = r == null ? void 0 : r.config) == null ? void 0 : o.currentPageId) || m.id;
16
+ });
17
+ }
18
+ export {
19
+ a as u
20
+ };
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "author": "tangjiahui-cn",
6
6
  "description": "一个前端大屏看板项目",
7
7
  "license": "ISC",
8
- "version": "0.0.21",
8
+ "version": "0.0.22",
9
9
  "module": "./es/index.mjs",
10
10
  "types": "./types/src/export/index.d.ts",
11
11
  "scripts": {
@@ -1,41 +0,0 @@
1
- import { o as t } from "./index-CRDggJyg.mjs";
2
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/localforage@1.10.0/node_modules/localforage/dist/localforage.js";
3
- import "react";
4
- import "react-dom";
5
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/client.js";
6
- import "antd";
7
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.js.mjs";
8
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.css";
9
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
10
- const e = {
11
- color: "#2EDCF7",
12
- value: "一段文字",
13
- fontSize: 20,
14
- lineHeight: 32
15
- }, b = t(
16
- [
17
- { key: "value", label: "内容", component: "textarea" },
18
- { key: "fontSize", label: "字号", component: "inputNumber", options: { min: 8 } },
19
- {
20
- key: "lineHeight",
21
- label: "行高",
22
- labelTip: "单位px",
23
- component: "inputNumber",
24
- options: { min: 8 }
25
- },
26
- { key: "fontWeight", label: "字重", component: "fontWeightSelect" },
27
- {
28
- key: "color",
29
- label: "颜色",
30
- component: "colorPicker",
31
- options: {
32
- reset: !0
33
- }
34
- }
35
- ],
36
- e
37
- );
38
- export {
39
- e as DEFAULT_OPTIONS,
40
- b as default
41
- };
@@ -1,47 +0,0 @@
1
- import { o as e } from "./index-CRDggJyg.mjs";
2
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/localforage@1.10.0/node_modules/localforage/dist/localforage.js";
3
- import "react";
4
- import "react-dom";
5
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/client.js";
6
- import "antd";
7
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.js.mjs";
8
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.css";
9
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
10
- const t = {
11
- color: "#F8E71C",
12
- fontSize: 20,
13
- lineHeight: 22
14
- }, b = e(
15
- [
16
- {
17
- key: "color",
18
- label: "字色",
19
- component: "colorPicker",
20
- options: {
21
- reset: !0,
22
- resetColor: t.color
23
- }
24
- },
25
- {
26
- key: "fontSize",
27
- label: "字号",
28
- component: "inputNumber"
29
- },
30
- {
31
- key: "lineHeight",
32
- label: "行高",
33
- labelTip: "单位:px",
34
- component: "inputNumber"
35
- },
36
- {
37
- key: "textAlign",
38
- label: "布局",
39
- component: "textAlignSelect"
40
- }
41
- ],
42
- t
43
- );
44
- export {
45
- t as DEFAULT_OPTIONS,
46
- b as default
47
- };
@@ -1,35 +0,0 @@
1
- import { o as t } from "./index-CRDggJyg.mjs";
2
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/localforage@1.10.0/node_modules/localforage/dist/localforage.js";
3
- import "react";
4
- import "react-dom";
5
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/client.js";
6
- import "antd";
7
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.js.mjs";
8
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.css";
9
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
10
- const o = {
11
- src: "https://ts3.cn.mm.bing.net/th?id=OIP-C.3r1vguZyWFUJ80A2Nf2k3AHaEK&w=333&h=187&c=8&rs=1&qlt=90&o=6&dpr=2&pid=3.1&rm=2"
12
- }, b = t(
13
- [
14
- {
15
- key: "src",
16
- label: "地址",
17
- component: "textarea",
18
- options: {
19
- autoSize: {
20
- minRows: 5
21
- }
22
- }
23
- },
24
- {
25
- key: "enablePreview",
26
- label: "启用预览",
27
- component: "checkbox"
28
- }
29
- ],
30
- o
31
- );
32
- export {
33
- o as DEFAULT_OPTIONS,
34
- b as default
35
- };
@@ -1,25 +0,0 @@
1
- import { o } from "./index-CRDggJyg.mjs";
2
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/localforage@1.10.0/node_modules/localforage/dist/localforage.js";
3
- import "react";
4
- import "react-dom";
5
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/client.js";
6
- import "antd";
7
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.js.mjs";
8
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.css";
9
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
10
- const t = {
11
- background: "#223447"
12
- }, b = o(
13
- [
14
- {
15
- key: "background",
16
- label: "背景",
17
- component: "colorPicker"
18
- }
19
- ],
20
- t
21
- );
22
- export {
23
- t as DEFAULT_OPTIONS,
24
- b as default
25
- };
@@ -1,32 +0,0 @@
1
- import { jsx as o } from "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
2
- import { o as t } from "./index-CRDggJyg.mjs";
3
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/localforage@1.10.0/node_modules/localforage/dist/localforage.js";
4
- import "react";
5
- import "react-dom";
6
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/client.js";
7
- import "antd";
8
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.js.mjs";
9
- import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.css";
10
- const r = {
11
- autoScroll: !0,
12
- pxPerSecond: 12
13
- }, b = t(
14
- [
15
- /* @__PURE__ */ o("b", { children: "滚动配置" }, "data"),
16
- {
17
- key: "pxPerSecond",
18
- label: "每秒滚动像素",
19
- component: "inputNumber"
20
- },
21
- {
22
- key: "autoScroll",
23
- label: "自动滚动",
24
- component: "checkbox"
25
- }
26
- ],
27
- r
28
- );
29
- export {
30
- r as DEFAULT_OPTIONS,
31
- b as default
32
- };