react-big-screen 0.0.12 → 0.0.13

package/README.md

@@ -36,6 +36,53 @@ react-big-screen 是一个使用React开发的`前端可拖拽大屏`开源项
 - [点击访问：多组件联动](https://tangjiahui-cn.github.io/react-big-screen/#/create?example=multiple-components-interactive)
 
 ## 快速开始
+
+注：仅支持node版本20+、react版本18+
+
+```shell
+pnpm install react-big-screen
+```
+
+```tsx
+// index.tsx
+import { EXAMPLE, RbsEngine } from "react-big-screen";
+import * as React from "react";
+import "antd/dist/antd.min.css";
+import "react-big-screen/es/style.css";
+
+export default () => {
+  const domRef = React.useRef<HTMLDivElement>(null);
+
+  React.useEffect(() => {
+    const engine = new RbsEngine();
+    
+    // 挂载到DOM
+    engine.mount(domRef.current!).then(() => {
+      // 挂载成功后，导入JSON文件
+      engine.importJSON(EXAMPLE.classic);
+    });
+    
+    // 销毁
+    return () => {
+      engine.destroy()
+    };
+  }, []);
+
+  return (
+    <div
+      ref={domRef}
+      style={{
+        width: "100vw",
+        height: "100vh",
+        position: "fixed",
+        overflow: "hidden",
+      }}
+    />
+  );
+};
+```
+
+## 本地调试
 本地启动一个项目，用以调试或者开发功能。
 ```shell
 # 拉取代码

package/es/{attributes-DX8kqNSX.mjs → attributes--4TLwTJ7.mjs}

@@ -1,4 +1,4 @@
-import { o as e } from "./index-izPLYvUd.mjs";
+import { o as e } from "./index-DTUaHCnR.mjs";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/localforage@1.10.0/node_modules/localforage/dist/localforage.js";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/index.js";

package/es/{attributes-Cpmd7Txn.mjs → attributes-BQVvyBiv.mjs}

@@ -1,12 +1,12 @@
 import { jsx as e } from "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import { o as t } from "./index-izPLYvUd.mjs";
+import { o as t } from "./index-DTUaHCnR.mjs";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/localforage@1.10.0/node_modules/localforage/dist/localforage.js";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/index.js";
 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";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.js.mjs";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.css";
-import { I as b } from "./index-DqEg6HY6.mjs";
+import { I as b } from "./index-NxDdAVMu.mjs";
 const g = {
   id: "clock.png"
 }, s = t(

package/es/{attributes-CXxDCEoU.mjs → attributes-BWVuAA3i.mjs}

@@ -1,5 +1,5 @@
 import { jsx as o } from "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import { o as t } from "./index-izPLYvUd.mjs";
+import { o as t } from "./index-DTUaHCnR.mjs";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/localforage@1.10.0/node_modules/localforage/dist/localforage.js";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/index.js";

package/es/{attributes-CAbIPkXp.mjs → attributes-BqRyp1ob.mjs}

@@ -1,4 +1,4 @@
-import { o as e } from "./index-izPLYvUd.mjs";
+import { o as e } from "./index-DTUaHCnR.mjs";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/localforage@1.10.0/node_modules/localforage/dist/localforage.js";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/index.js";

package/es/{attributes-CnC5d4dB.mjs → attributes-Bzd30ZIf.mjs}

@@ -1,5 +1,5 @@
 import { jsxs as y, jsx as d } from "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import { i as k, c as I, o as L } from "./index-izPLYvUd.mjs";
+import { i as k, c as I, o as L } from "./index-DTUaHCnR.mjs";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/localforage@1.10.0/node_modules/localforage/dist/localforage.js";
 import { useRef as S, useMemo as H } from "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/index.js";

package/es/{attributes-Ble3yfo1.mjs → attributes-C-FswaWY.mjs}

@@ -1,5 +1,5 @@
 import { jsx as e } from "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import { o as r } from "./index-izPLYvUd.mjs";
+import { o as r } from "./index-DTUaHCnR.mjs";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/localforage@1.10.0/node_modules/localforage/dist/localforage.js";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/index.js";

package/es/{attributes-iVSwJDAX.mjs → attributes-C1NWgfsy.mjs}

@@ -1,4 +1,4 @@
-import { o as t } from "./index-izPLYvUd.mjs";
+import { o as t } from "./index-DTUaHCnR.mjs";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/localforage@1.10.0/node_modules/localforage/dist/localforage.js";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/index.js";

package/es/{attributes-CkxbpIDj.mjs → attributes-CRjnUsRx.mjs}

@@ -1,5 +1,5 @@
 import { jsx as e } from "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import { o as r } from "./index-izPLYvUd.mjs";
+import { o as r } from "./index-DTUaHCnR.mjs";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/localforage@1.10.0/node_modules/localforage/dist/localforage.js";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/index.js";

package/es/{attributes-xsuWi_su.mjs → attributes-DLLyxz0N.mjs}

@@ -1,4 +1,4 @@
-import { o as t } from "./index-izPLYvUd.mjs";
+import { o as t } from "./index-DTUaHCnR.mjs";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/localforage@1.10.0/node_modules/localforage/dist/localforage.js";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/index.js";

package/es/{attributes-C6B-ZXmC.mjs → attributes-DmdRtgZZ.mjs}

@@ -1,4 +1,4 @@
-import { o } from "./index-izPLYvUd.mjs";
+import { o } from "./index-DTUaHCnR.mjs";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/localforage@1.10.0/node_modules/localforage/dist/localforage.js";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/index.js";

package/es/{attributes-zcNzA9eV.mjs → attributes-Ds-UHXjB.mjs}

@@ -1,5 +1,5 @@
 import { jsx as o } from "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import { o as n } from "./index-izPLYvUd.mjs";
+import { o as n } from "./index-DTUaHCnR.mjs";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/localforage@1.10.0/node_modules/localforage/dist/localforage.js";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/index.js";

package/es/{attributes-BqM6ULf4.mjs → attributes-Dsp5j2A0.mjs}

@@ -1,4 +1,4 @@
-import { o as e } from "./index-izPLYvUd.mjs";
+import { o as e } from "./index-DTUaHCnR.mjs";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/localforage@1.10.0/node_modules/localforage/dist/localforage.js";
 import { useMemo as n } from "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/index.js";

package/es/{index-BFgFK9TM.mjs → index-3xI6pYK_.mjs}

@@ -1,5 +1,5 @@
 import { jsx as b } from "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import { n as C } from "./index-izPLYvUd.mjs";
+import { n as C } from "./index-DTUaHCnR.mjs";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/localforage@1.10.0/node_modules/localforage/dist/localforage.js";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/index.js";
@@ -7,8 +7,8 @@ import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react-dom@18.3
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.js.mjs";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.css";
 import { useRequest 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";
-import { R as S } from "./index-DCRN8jl1.mjs";
-import { DEFAULT_OPTIONS as g } from "./attributes-Ble3yfo1.mjs";
+import { R as S } from "./index-O_OcKtSF.mjs";
+import { DEFAULT_OPTIONS as g } from "./attributes-C-FswaWY.mjs";
 const n = "chinaOutline";
 async function z() {
   var t, c;

package/es/{index-r57x4X5U.mjs → index-B152sOCT.mjs}

@@ -1,12 +1,12 @@
 import { jsx as f } from "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import { n as l } from "./index-izPLYvUd.mjs";
+import { n as l } from "./index-DTUaHCnR.mjs";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/localforage@1.10.0/node_modules/localforage/dist/localforage.js";
 import { useRef as c, useEffect as a } from "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/index.js";
 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";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.js.mjs";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.css";
-import { DEFAULT_OPTIONS as u } from "./attributes-DX8kqNSX.mjs";
+import { DEFAULT_OPTIONS as u } from "./attributes--4TLwTJ7.mjs";
 import d from "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/dayjs@1.11.18/node_modules/dayjs/dayjs.min.js";
 const D = l((m) => {
   const { width: i, height: n, options: e } = m, r = c(null);

package/es/{index-H0rVQWTL.mjs → index-B5kA4V3C.mjs}

@@ -1,5 +1,5 @@
 import { jsx as o, jsxs as a } from "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import { n as h } from "./index-izPLYvUd.mjs";
+import { n as h } from "./index-DTUaHCnR.mjs";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/localforage@1.10.0/node_modules/localforage/dist/localforage.js";
 import { useState as p, useMemo as L, useEffect as x } from "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/index.js";
@@ -9,7 +9,7 @@ import { r as y, g as C } from "./random-DD0zMfMm.mjs";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.js.mjs";
 import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.css";
 import { cloneDeep as v } from "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/lodash.js";
-import { DEFAULT_OPTIONS as I } from "./attributes-CkxbpIDj.mjs";
+import { DEFAULT_OPTIONS as I } from "./attributes-CRjnUsRx.mjs";
 import { A as M } from "./index-kvRZQZJ-.mjs";
 import { DoubleRightOutlined as z } from "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/@ant-design+icons@5.6.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@ant-design/icons/es/index.js";
 const N = "_progressList_xy0sd_59", P = "_progressList_line_xy0sd_62", A = "_progressList_line_header_xy0sd_69", c = {