react-big-screen 0.0.12 → 0.0.14

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-BPU7D3rB.mjs}

@@ -1,4 +1,4 @@
-import { o as e } from "./index-izPLYvUd.mjs";
+import { o as e } from "./index-BZYcTX5j.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-BQYKMvcj.mjs}

@@ -1,4 +1,4 @@
-import { o as t } from "./index-izPLYvUd.mjs";
+import { o as t } from "./index-BZYcTX5j.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-BmekoT3X.mjs}

@@ -1,4 +1,4 @@
-import { o as e } from "./index-izPLYvUd.mjs";
+import { o as e } from "./index-BZYcTX5j.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/{attributes-iVSwJDAX.mjs → attributes-Btb0WFLF.mjs}

@@ -1,4 +1,4 @@
-import { o as t } from "./index-izPLYvUd.mjs";
+import { o as t } from "./index-BZYcTX5j.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-CXxDCEoU.mjs → attributes-C3fvsuzJ.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-BZYcTX5j.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-C9O8_sg4.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-BZYcTX5j.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-Ble3yfo1.mjs → attributes-CWY2_iW1.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-BZYcTX5j.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-CW_9BAq2.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-BZYcTX5j.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-s23NvDdl.mjs";
 const g = {
   id: "clock.png"
 }, s = t(

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

@@ -1,4 +1,4 @@
-import { o } from "./index-izPLYvUd.mjs";
+import { o } from "./index-BZYcTX5j.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-D6BpnolK.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-BZYcTX5j.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-zcNzA9eV.mjs → attributes-DUZPLASc.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-BZYcTX5j.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-Dhnyf9QU.mjs}

@@ -1,4 +1,4 @@
-import { o as e } from "./index-izPLYvUd.mjs";
+import { o as e } from "./index-BZYcTX5j.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/{index-r57x4X5U.mjs → index-0kmSz75m.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-BZYcTX5j.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-BPU7D3rB.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-BFgFK9TM.mjs → index-B2DgN7Ho.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-BZYcTX5j.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-CwijThLu.mjs";
+import { DEFAULT_OPTIONS as g } from "./attributes-CWY2_iW1.mjs";
 const n = "chinaOutline";
 async function z() {
   var t, c;