react-big-screen 0.0.2 → 0.0.3

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-DZxC4B37.mjs → attributes-9JJnMyOM.mjs}

@@ -1,4 +1,4 @@
-import { o } from "./index-EkKLbWrX.mjs";
+import { o } from "./index-BVm2ihs2.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";

package/es/{attributes-DieePkzV.mjs → attributes-B0TGeGwd.mjs}

@@ -1,5 +1,5 @@
 import { jsx as o } from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import { o as n } from "./index-EkKLbWrX.mjs";
+import { o as n } from "./index-BVm2ihs2.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";

package/es/{attributes-LoqmZojB.mjs → attributes-BYa3Kx6D.mjs}

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

package/es/{attributes-C4LeY1BZ.mjs → attributes-C1Er2mU2.mjs}

@@ -1,5 +1,5 @@
 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 { o as r } from "./index-EkKLbWrX.mjs";
+import { o as r } from "./index-BVm2ihs2.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";

package/es/{attributes-CE73rly0.mjs → attributes-CjTTwDCD.mjs}

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

package/es/{attributes-CSKP7npu.mjs → attributes-DD_Hogjd.mjs}

@@ -1,5 +1,5 @@
 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 { o as r } from "./index-EkKLbWrX.mjs";
+import { o as r } from "./index-BVm2ihs2.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";

package/es/{attributes-D_stokyh.mjs → attributes-D_kdeVdD.mjs}

@@ -1,5 +1,5 @@
 import { jsx as o } from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import { o as t } from "./index-EkKLbWrX.mjs";
+import { o as t } from "./index-BVm2ihs2.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";

package/es/{attributes-ue-CmjAw.mjs → attributes-DlWyA2om.mjs}

@@ -1,5 +1,5 @@
 import { jsxs as y, jsx as d } from "/Users/tangjiahui/Desktop/big-screen-demo/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-EkKLbWrX.mjs";
+import { i as k, c as I, o as L } from "./index-BVm2ihs2.mjs";
 import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/localforage@1.10.0/node_modules/localforage/dist/localforage.js";
 import { useRef as S, useMemo as H } 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";

package/es/{attributes-Bd6bjYNO.mjs → attributes-DprEERBw.mjs}

@@ -1,12 +1,12 @@
 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 { o as t } from "./index-EkKLbWrX.mjs";
+import { o as t } from "./index-BVm2ihs2.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 { I as b } from "./index-DzGMaMlo.mjs";
+import { I as b } from "./index-CaDgVbYl.mjs";
 const g = {
   id: "clock.png"
 }, s = t(

package/es/{attributes-BwCVvyg1.mjs → attributes-DqJGC0Ag.mjs}

@@ -1,4 +1,4 @@
-import { o as e } from "./index-EkKLbWrX.mjs";
+import { o as e } from "./index-BVm2ihs2.mjs";
 import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/localforage@1.10.0/node_modules/localforage/dist/localforage.js";
 import { useMemo as n } 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";

package/es/{attributes-BPfIEMhu.mjs → attributes-NyWPJ3_p.mjs}

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

package/es/{attributes-Ca3YwNp_.mjs → attributes-yntL0BJM.mjs}

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

package/es/{index-Bz8aOQKt.mjs → index-BFgfDn8P.mjs}

@@ -1,13 +1,13 @@
 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 { R as u } from "./index-BE6SbJah.mjs";
-import { n as f } from "./index-EkKLbWrX.mjs";
+import { R as u } from "./index-D-MRie5y.mjs";
+import { n as f } from "./index-BVm2ihs2.mjs";
 import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/localforage@1.10.0/node_modules/localforage/dist/localforage.js";
 import { useMemo as g } 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 { DEFAULT_OPTIONS as l } from "./attributes-ue-CmjAw.mjs";
+import { DEFAULT_OPTIONS as l } from "./attributes-DlWyA2om.mjs";
 function p(m = "name", a, n) {
   return !(a != null && a.length) || !(n != null && n.length) ? {
     source: []

package/es/{index-Ch7bAVMa.mjs → index-BLkx_Jpg.mjs}

@@ -1,12 +1,12 @@
 import { jsx as f } from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import { n as l } from "./index-EkKLbWrX.mjs";
+import { n as l } from "./index-BVm2ihs2.mjs";
 import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/localforage@1.10.0/node_modules/localforage/dist/localforage.js";
 import { useRef as c, useEffect as a } 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 { DEFAULT_OPTIONS as u } from "./attributes-BPfIEMhu.mjs";
+import { DEFAULT_OPTIONS as u } from "./attributes-NyWPJ3_p.mjs";
 import d from "/Users/tangjiahui/Desktop/big-screen-demo/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-NIXnXIfG.mjs → index-BRCJpbOA.mjs}

@@ -1,5 +1,5 @@
 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 { n as b } from "./index-BVm2ihs2.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";
@@ -8,7 +8,7 @@ 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";
+import { R as h } from "./index-D-MRie5y.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);

package/es/{index-COR9xxjJ.mjs → index-BUoMt_pm.mjs}

@@ -1,13 +1,13 @@
 import { jsx as o } from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
 import { Image as i } 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 { n as p } from "./index-EkKLbWrX.mjs";
+import { n as p } from "./index-BVm2ihs2.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 { DEFAULT_OPTIONS as n } from "./attributes-CE73rly0.mjs";
+import { DEFAULT_OPTIONS as n } from "./attributes-CjTTwDCD.mjs";
 const g = p((e) => {
   const { options: r, width: t, height: m } = e;
   return /* @__PURE__ */ o(

package/es/{index-EkKLbWrX.mjs → index-BVm2ihs2.mjs}

@@ -4,7 +4,7 @@ var u = (r, e, t) => Qe(r, typeof e != "symbol" ? e + "" : e, t);
 import { jsx as d, jsxs as C, Fragment as et } from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
 import { create as tt } from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/zustand@5.0.8_@types+react@18.3.26_react@18.3.1/node_modules/zustand/esm/index.mjs";
 import re from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/localforage@1.10.0/node_modules/localforage/dist/localforage.js";
-import c, { createContext as at, useRef as R, useCallback as nt, useMemo as G, isValidElement as it, useEffect as V, useContext as rt, useState as x, forwardRef as ot, useImperativeHandle as lt } from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+import c, { createContext as at, useRef as R, useCallback as nt, useMemo as G, isValidElement as it, useEffect as J, useContext as rt, useState as x, forwardRef as ot, useImperativeHandle as lt } from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
 import st from "/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 ct, { createRoot as ue } from "/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 * as dt 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";
@@ -38,7 +38,7 @@ function w(r) {
 function z() {
   return ve.getState();
 }
-const J = "未命名文件.txt";
+const V = "未命名文件.txt";
 async function _e(r) {
   return new Promise((e) => {
     fetch(r).then(async (t) => {
@@ -49,18 +49,18 @@ async function _e(r) {
     });
   });
 }
-function xn(r = "", e = J) {
+function xn(r = "", e = V) {
   _e(r).then((t) => {
     kt(t, e);
   });
 }
-function kt(r = "", e = J) {
+function kt(r = "", e = V) {
   const t = new Blob([r], {
     type: "text/plain;charset=utf-8"
   });
   Tt(t, e);
 }
-function Tt(r = new Blob([""]), e = J) {
+function Tt(r = new Blob([""]), e = V) {
   const t = document.createElement("a"), a = URL.createObjectURL(r);
   t.style.display = "none", t.download = e, t.href = a, t.click(), setTimeout(() => {
     URL.revokeObjectURL(a);
@@ -540,7 +540,7 @@ const Ot = "_configRender_wy2nc_59", Dt = "_configRender_item_wy2nc_65", Rt = "_
 function se() {
   return rt(Ie);
 }
-import("./index-B00lQcU7.mjs").then((r) => {
+import("./index-CPJZOGYB.mjs").then((r) => {
   var e;
   (e = r.default) == null || e.call(r);
 });
@@ -602,7 +602,7 @@ function Se(r) {
       }
     );
   }, [e]);
-  return V(() => {
+  return J(() => {
     t.setFieldsValue({
       ...n(),
       ...r == null ? void 0 : r.value
@@ -1131,7 +1131,7 @@ class Gt {
     return this.getConfig().currentPageId || S.id;
   }
 }
-class Vt {
+class Jt {
   constructor() {
     u(this, "favorites", []);
     u(this, "listeners", []);
@@ -1188,7 +1188,7 @@ const j = {
   value: "一段文字",
   fontSize: 14,
   lineHeight: 32
-}, Jt = A(
+}, Vt = A(
   [
     { key: "value", label: "内容", component: "textarea" },
     { key: "fontSize", label: "字号", component: "inputNumber", options: { min: 8 } },
@@ -1223,7 +1223,7 @@ const j = {
 ), jt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   DEFAULT_OPTIONS: j,
-  default: Jt
+  default: Vt
 }, Symbol.toStringTag, { value: "Module" })), Ce = [{ label: "点击事件", value: "onClick" }], ke = [{ label: "更新文本", value: "setText" }], qt = T((r) => {
   const { options: e, width: t, height: a, useExpose: n, handleTrigger: i } = r, [o, l] = x();
   return n({
@@ -1475,8 +1475,8 @@ const j = {
     y: 0,
     width: 500,
     height: 300,
-    component: c.lazy(() => import("./index-BFdbTW64.mjs")),
-    attributesComponent: c.lazy(() => import("./attributes-DZxC4B37.mjs"))
+    component: c.lazy(() => import("./index-zQJneiJO.mjs")),
+    attributesComponent: c.lazy(() => import("./attributes-9JJnMyOM.mjs"))
   },
   {
     cId: "image",
@@ -1487,8 +1487,8 @@ const j = {
     y: 0,
     width: 270,
     height: 150,
-    component: c.lazy(() => import("./index-COR9xxjJ.mjs")),
-    attributesComponent: c.lazy(() => import("./attributes-CE73rly0.mjs"))
+    component: c.lazy(() => import("./index-BUoMt_pm.mjs")),
+    attributesComponent: c.lazy(() => import("./attributes-CjTTwDCD.mjs"))
   },
   {
     cId: "dateDisplay",
@@ -1499,8 +1499,8 @@ const j = {
     y: 0,
     width: 250,
     height: 26,
-    component: c.lazy(() => import("./index-Ch7bAVMa.mjs")),
-    attributesComponent: c.lazy(() => import("./attributes-BPfIEMhu.mjs"))
+    component: c.lazy(() => import("./index-BLkx_Jpg.mjs")),
+    attributesComponent: c.lazy(() => import("./attributes-NyWPJ3_p.mjs"))
   },
   {
     cId: "doubleText",
@@ -1511,8 +1511,8 @@ const j = {
     y: 0,
     width: 120,
     height: 64,
-    component: c.lazy(() => import("./index-5L7Vf29E.mjs")),
-    attributesComponent: c.lazy(() => import("./attributes-DieePkzV.mjs"))
+    component: c.lazy(() => import("./index-BvJsCGUq.mjs")),
+    attributesComponent: c.lazy(() => import("./attributes-B0TGeGwd.mjs"))
   }
 ], da = "_carousel_1b8a0_59", ua = "_carousel_bordered_1b8a0_62", ce = {
   carousel: da,
@@ -1665,7 +1665,7 @@ function Ca(r) {
 }
 function ka() {
   const r = R();
-  return V(() => () => {
+  return J(() => () => {
     var e;
     (e = r.current) == null || e.forEach((t) => t == null ? void 0 : t()), r.current = void 0;
   }, []), G(() => function(e) {
@@ -1834,7 +1834,7 @@ const Me = [
       e.componentNode.hidePanel(s.current), s.current = p, e.componentNode.showPanel(p);
     }));
   }
-  return V(() => {
+  return J(() => {
     var p, f;
     const y = (f = (p = i.panels) == null ? void 0 : p.findIndex) == null ? void 0 : f.call(p, (_) => (_ == null ? void 0 : _.value) === (i == null ? void 0 : i.currentPanelId));
     y !== void 0 && v(y);
@@ -1898,8 +1898,8 @@ const Me = [
     y: 0,
     width: 400,
     height: 300,
-    component: c.lazy(() => import("./index-7ZW-SCwo.mjs")),
-    attributesComponent: c.lazy(() => import("./attributes-BwCVvyg1.mjs")),
+    component: c.lazy(() => import("./index-Cp1LVlIc.mjs")),
+    attributesComponent: c.lazy(() => import("./attributes-DqJGC0Ag.mjs")),
     icon: () => import("./specialCard-jikYSVVg.mjs"),
     panels: [{ label: "特殊卡片", value: "" }]
   }
@@ -1913,7 +1913,7 @@ const Me = [
     y: 0,
     width: 250,
     height: 250,
-    component: c.lazy(() => import("./index-D2MkDARx.mjs"))
+    component: c.lazy(() => import("./index-eNxsu4gw.mjs"))
   },
   {
     cId: "line",
@@ -1924,8 +1924,8 @@ const Me = [
     y: 0,
     width: 250,
     height: 250,
-    component: c.lazy(() => import("./index-Bz8aOQKt.mjs")),
-    attributesComponent: c.lazy(() => import("./attributes-ue-CmjAw.mjs")),
+    component: c.lazy(() => import("./index-BFgfDn8P.mjs")),
+    attributesComponent: c.lazy(() => import("./attributes-DlWyA2om.mjs")),
     dataSourceType: "static",
     staticDataSource: [
       { name: "选项一", value1: 100, value2: 200, value3: 300 },
@@ -1942,7 +1942,7 @@ const Me = [
     y: 0,
     width: 250,
     height: 250,
-    component: c.lazy(() => import("./index-BH8sNWnz.mjs"))
+    component: c.lazy(() => import("./index-DKoIcrH8.mjs"))
   },
   {
     cId: "radar",
@@ -1954,7 +1954,7 @@ const Me = [
     width: 350,
     height: 300,
     options: {},
-    component: c.lazy(() => import("./index-CNVmSNi4.mjs"))
+    component: c.lazy(() => import("./index-Co9UFyo-.mjs"))
   },
   {
     cId: "gauge",
@@ -1966,7 +1966,7 @@ const Me = [
     width: 350,
     height: 300,
     options: {},
-    component: c.lazy(() => import("./index-Gk3zSHHS.mjs"))
+    component: c.lazy(() => import("./index-CtW8_7m2.mjs"))
   },
   {
     cId: "horizontalBar",
@@ -1978,7 +1978,7 @@ const Me = [
     width: 350,
     height: 300,
     options: {},
-    component: c.lazy(() => import("./index-dvGAMCvV.mjs"))
+    component: c.lazy(() => import("./index-CGPWZMnx.mjs"))
   },
   {
     cId: "barLine",
@@ -1990,7 +1990,7 @@ const Me = [
     width: 350,
     height: 300,
     options: {},
-    component: c.lazy(() => import("./index-NIXnXIfG.mjs"))
+    component: c.lazy(() => import("./index-BRCJpbOA.mjs"))
   },
   {
     cId: "ring",
@@ -2002,8 +2002,8 @@ const Me = [
     width: 350,
     height: 300,
     options: {},
-    component: c.lazy(() => import("./index-Bf6X5Fsf.mjs")),
-    attributesComponent: c.lazy(() => import("./attributes-LoqmZojB.mjs"))
+    component: c.lazy(() => import("./index-om-B_yMg.mjs")),
+    attributesComponent: c.lazy(() => import("./attributes-BYa3Kx6D.mjs"))
   }
 ], Fa = [
   {
@@ -2017,7 +2017,7 @@ const Me = [
     width: 300,
     height: 32,
     isAllPage: !0,
-    component: c.lazy(() => import("./index-BXv4ZOBe.mjs"))
+    component: c.lazy(() => import("./index-IPshmTia.mjs"))
   }
 ];
 async function Ha(r, e = 300) {
@@ -2137,11 +2137,11 @@ const wn = ot(
       pagination: !1
     }
   );
-}), Va = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Ja = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Ga,
   peopleExposes: Oe
-}, Symbol.toStringTag, { value: "Module" })), Ja = [
+}, Symbol.toStringTag, { value: "Module" })), Va = [
   {
     cId: "peopleTable",
     cName: "人员表格",
@@ -2153,7 +2153,7 @@ const wn = ot(
     width: 600,
     height: 300,
     exposes: Oe,
-    component: c.lazy(() => Promise.resolve().then(() => Va))
+    component: c.lazy(() => Promise.resolve().then(() => Ja))
   },
   {
     cId: "chinaMap",
@@ -2165,8 +2165,8 @@ const wn = ot(
     y: 0,
     width: 500,
     height: 500,
-    component: c.lazy(() => import("./index-BUdNXLkt.mjs")),
-    attributesComponent: c.lazy(() => import("./attributes-C4LeY1BZ.mjs"))
+    component: c.lazy(() => import("./index-CPeT0oeP.mjs")),
+    attributesComponent: c.lazy(() => import("./attributes-C1Er2mU2.mjs"))
   },
   {
     cId: "scrollList",
@@ -2187,8 +2187,8 @@ const wn = ot(
       { key: "5", title: "培训项目二", status: "2" },
       { key: "6", title: "tjh项目", status: "1" }
     ],
-    component: c.lazy(() => import("./index-BSb4qVX4.mjs")),
-    attributesComponent: c.lazy(() => import("./attributes-D_stokyh.mjs"))
+    component: c.lazy(() => import("./index-CRv8sS9n.mjs")),
+    attributesComponent: c.lazy(() => import("./attributes-D_kdeVdD.mjs"))
   },
   {
     cId: "defaultImage",
@@ -2200,8 +2200,8 @@ const wn = ot(
     y: 0,
     width: 150,
     height: 150,
-    component: c.lazy(() => import("./index-CWaDu7tv.mjs")),
-    attributesComponent: c.lazy(() => import("./attributes-Bd6bjYNO.mjs"))
+    component: c.lazy(() => import("./index-BvMSWX7-.mjs")),
+    attributesComponent: c.lazy(() => import("./attributes-DprEERBw.mjs"))
   },
   {
     cId: "ProgressList",
@@ -2222,8 +2222,8 @@ const wn = ot(
       { key: "5", title: "培训项目二", count: 200 },
       { key: "6", title: "tjh项目", count: 0 }
     ],
-    component: c.lazy(() => import("./index-WI440ion.mjs")),
-    attributesComponent: c.lazy(() => import("./attributes-CSKP7npu.mjs"))
+    component: c.lazy(() => import("./index-qx54Fc2k.mjs")),
+    attributesComponent: c.lazy(() => import("./attributes-DD_Hogjd.mjs"))
   },
   {
     cId: "specialTitle",
@@ -2235,14 +2235,14 @@ const wn = ot(
     y: 0,
     width: 500,
     height: 32,
-    component: c.lazy(() => import("./index-syzd3ScW.mjs")),
-    attributesComponent: c.lazy(() => import("./attributes-Ca3YwNp_.mjs"))
+    component: c.lazy(() => import("./index-DCC5Ubca.mjs")),
+    attributesComponent: c.lazy(() => import("./attributes-yntL0BJM.mjs"))
   }
 ], ja = {
   id: "system",
   name: "默认组件包",
   origin: "system",
-  version: "0.0.2",
+  version: "0.0.3",
   description: "由官方发布的组件库，随编辑器主版本迭代而更新。",
   components: [
     ...ca,
@@ -2253,7 +2253,7 @@ const wn = ot(
     // 图表组件
     ...Fa,
     // 导航组件
-    ...Ja
+    ...Va
     // 其他组件
   ]
 };
@@ -2629,7 +2629,7 @@ class Qa {
     // 事件
     u(this, "events", new qa());
     // 收藏夹
-    u(this, "favorites", new Vt());
+    u(this, "favorites", new Jt());
     // 子页面管理
     u(this, "page", new Ut());
     // 历史记录管理
@@ -3795,7 +3795,7 @@ const De = {
   pages: Ue,
   selectedIds: He,
   used: De
-}, Symbol.toStringTag, { value: "Module" })), Ve = {
+}, Symbol.toStringTag, { value: "Module" })), Je = {
   peopleTable: {
     count: 1
   },
@@ -3808,7 +3808,7 @@ const De = {
   button: {
     count: 2
   }
-}, Je = [
+}, Ve = [
   {
     cId: "peopleTable",
     cName: "人员表格",
@@ -4233,8 +4233,8 @@ function main(value, {origin, target, option}) {
     id: "58de04a398"
   }
 ], Ke = {
-  used: Ve,
-  componentNodes: Je,
+  used: Je,
+  componentNodes: Ve,
   config: je,
   selectedIds: qe,
   localPackages: We,
@@ -4242,18 +4242,18 @@ function main(value, {origin, target, option}) {
   pages: Ze
 }, Tn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  componentNodes: Je,
+  componentNodes: Ve,
   config: je,
   default: Ke,
   favorites: Xe,
   localPackages: We,
   pages: Ze,
   selectedIds: qe,
-  used: Ve
+  used: Je
 }, Symbol.toStringTag, { value: "Module" })), Pn = {
   classic: Ge,
   multiple_components_interactive: Ke
-}, O = "_$_rbs_current_engine_$_", en = c.lazy(() => import("./index-Bx44D9HL.mjs")), tn = c.lazy(() => import("./index-oRp9BKd0.mjs"));
+}, O = "_$_rbs_current_engine_$_", en = c.lazy(() => import("./index-BsZJ5Qtx.mjs")), tn = c.lazy(() => import("./index-C9x-zwVC.mjs"));
 class zn {
   constructor(e) {
     /** react createApp */
@@ -4266,6 +4266,7 @@ class zn {
     u(this, "mode", "edit");
     /** 事件钩子 */
     u(this, "hooks", null);
+    u(this, "lastJson");
     const { activeGlobal: t = !0, onStartPreview: a, dom: n, ...i } = e || {};
     this.engine = new Qa(i), n && this.mount(n), t && this.activeGlobal(), a && this.on("startPreview", a);
   }
@@ -4278,7 +4279,14 @@ class zn {
       console.error("RBS el has been mounted.");
       return;
     }
-    return this.el = e, this.importJSON();
+    return this.el = e, this.importJSON(this.lastJson);
+  }
+  /**
+   * 取消挂载dom
+   * @description 与destroy的区别是会保留json的状态，重新挂载dom即可重新渲染。
+   */
+  async unmount() {
+    this.app && (this.lastJson = await this.engine.getJSON(), this.app.unmount(), this.app = null, this.el = null);
   }
   /**
    * 监听事件
@@ -4316,8 +4324,8 @@ class zn {
   /**
    * 销毁
    */
-  destroy() {
-    this.unActiveGlobal(), this.app && (this.app.unmount(), this.app = null), this.engine.destroy(), this.hooks = null;
+  async destroy() {
+    this.unActiveGlobal(), await this.unmount(), this.engine.destroy(), this.hooks = null, this.lastJson = void 0;
   }
   /**
    * 导入JSONString（会触发渲染）