react-big-screen 0.0.26 → 0.0.28

package/es/{attributes-BEr36PPS.mjs → attributes-BhOVe6Nw.mjs}

@@ -1,4 +1,4 @@
-import { o as t } from "./index-Cr2RXjtr.mjs";
+import { o as t } from "./index-BseO3j88.mjs";
 import "localforage";
 import "react";
 import "react-dom";

package/es/{attributes-C1A9908m.mjs → attributes-Bqwv78vP.mjs}

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { o as r } from "./index-Cr2RXjtr.mjs";
+import { o as r } from "./index-BseO3j88.mjs";
 import "localforage";
 import "react";
 import "react-dom";

package/es/{attributes-DZOgwszX.mjs → attributes-C9kdt2P4.mjs}

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { o as r } from "./index-Cr2RXjtr.mjs";
+import { o as r } from "./index-BseO3j88.mjs";
 import "localforage";
 import "react";
 import "react-dom";

package/es/{attributes-pYXM3BGl.mjs → attributes-CKQVoQvV.mjs}

@@ -1,4 +1,4 @@
-import { o } from "./index-Cr2RXjtr.mjs";
+import { o } from "./index-BseO3j88.mjs";
 import "localforage";
 import "react";
 import "react-dom";

package/es/{attributes-BorgmEuq.mjs → attributes-CNvZw41R.mjs}

@@ -1,4 +1,4 @@
-import { o } from "./index-Cr2RXjtr.mjs";
+import { o } from "./index-BseO3j88.mjs";
 import "localforage";
 import "react";
 import "react-dom";

package/es/{attributes-CF-lP4Tl.mjs → attributes-COWyZqgA.mjs}

@@ -1,5 +1,5 @@
 import { jsxs as y, jsx as d } from "react/jsx-runtime";
-import { i as k, c as I, o as L } from "./index-Cr2RXjtr.mjs";
+import { i as k, c as I, o as L } from "./index-BseO3j88.mjs";
 import "localforage";
 import { useRef as S, useMemo as H } from "react";
 import "react-dom";

package/es/{attributes-CLFZcWAB.mjs → attributes-CxmgjIr4.mjs}

@@ -1,4 +1,4 @@
-import { o as t } from "./index-Cr2RXjtr.mjs";
+import { o as t } from "./index-BseO3j88.mjs";
 import "localforage";
 import "react";
 import "react-dom";

package/es/{attributes-Dfr3b13g.mjs → attributes-DX29Qkf4.mjs}

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { o as t } from "./index-Cr2RXjtr.mjs";
+import { o as t } from "./index-BseO3j88.mjs";
 import "localforage";
 import "react";
 import "react-dom";

package/es/{attributes-zB7QAb6A.mjs → attributes-D_7z174b.mjs}

@@ -1,4 +1,4 @@
-import { o as r } from "./index-Cr2RXjtr.mjs";
+import { o as r } from "./index-BseO3j88.mjs";
 import "localforage";
 import { useMemo as i } from "react";
 import "react-dom";

package/es/{attributes-SrukxCct.mjs → attributes-Db9sk_dJ.mjs}

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { o as n } from "./index-Cr2RXjtr.mjs";
+import { o as n } from "./index-BseO3j88.mjs";
 import "localforage";
 import "react";
 import "react-dom";

package/es/{attributes-DUaK076s.mjs → attributes-ICDLlHKL.mjs}

@@ -1,4 +1,4 @@
-import { o as t } from "./index-Cr2RXjtr.mjs";
+import { o as t } from "./index-BseO3j88.mjs";
 import "localforage";
 import "react";
 import "react-dom";

package/es/{attributes-BqpzJUpw.mjs → attributes-S7TYD0S5.mjs}

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { o as t } from "./index-Cr2RXjtr.mjs";
+import { o as t } from "./index-BseO3j88.mjs";
 import "localforage";
 import "react";
 import "react-dom";
@@ -9,7 +9,7 @@ import "driver.js";
 import "driver.js/dist/driver.css";
 import "lodash-es";
 import "ahooks";
-import { I as b } from "./index-BvJ4xx2h.mjs";
+import { I as b } from "./index-BwBB6Ooc.mjs";
 const g = {
   id: "clock.png"
 }, d = t(

package/es/{index-Qui7yLq3.mjs → index-4IXWh7p-.mjs}

@@ -1,5 +1,5 @@
 import { jsxs as t, jsx as l } from "react/jsx-runtime";
-import { n as r } from "./index-Cr2RXjtr.mjs";
+import { n as r } from "./index-BseO3j88.mjs";
 import "localforage";
 import "react";
 import "react-dom";
@@ -10,7 +10,7 @@ import "driver.js/dist/driver.css";
 import "lodash-es";
 import "ahooks";
 import { DoubleRightOutlined as a, DoubleLeftOutlined as s } from "@ant-design/icons";
-import { DEFAULT_OPTIONS as p } from "./attributes-CLFZcWAB.mjs";
+import { DEFAULT_OPTIONS as p } from "./attributes-CxmgjIr4.mjs";
 const m = "_specialTitle_7705n_59", o = "_specialTitle_line_left_7705n_64", T = "_specialTitle_inner_7705n_69", h = "_specialTitle_inner_icon_7705n_74", d = "_specialTitle_line_right_7705n_78", i = {
   specialTitle: m,
   specialTitle_line_left: o,

package/es/index-BP0M5ksu.mjs

@@ -0,0 +1,147 @@
+import { jsx as o, Fragment as w } from "react/jsx-runtime";
+import f, { useState as y, useMemo as m, useEffect as C, useRef as l, Suspense as R } from "react";
+import { u as S } from "./index-BseO3j88.mjs";
+import "localforage";
+import "react-dom";
+import "react-dom/client";
+import "antd";
+import "driver.js";
+import "driver.js/dist/driver.css";
+import "lodash-es";
+import { d as v, e as x, f as N, h as H, u as q, l as B, c as E, b as P, P as _ } from "./index-CQpPr_GO.mjs";
+import "ahooks";
+import $ from "classnames";
+import { u as b } from "./useResizeDom-B6mM4jrh.mjs";
+function k(e) {
+  const [n, t] = y(e == null ? void 0 : e.componentNode), r = (n == null ? void 0 : n.show) ?? !0, { engine: i } = S(), s = m(() => i.component.get(n.cId), [n == null ? void 0 : n.cId, e == null ? void 0 : e.packages]);
+  return C(() => i.componentNode.onChange(n.id, ({ payload: c }) => {
+    t({ ...c });
+  }), []), s && r ? /* @__PURE__ */ o(I, { componentNode: n, component: s }) : /* @__PURE__ */ o(w, {});
+}
+function I(e) {
+  const { component: n, componentNode: t } = e, r = l(), i = l(null), { dataSource: s, requestInstance: c } = v(t), d = x(t.id), u = N(t.id);
+  return H({
+    id: t.id,
+    // 经过实例
+    handleHover() {
+    },
+    // 离开实例
+    handleUnHover() {
+    },
+    // 选中实例样式
+    handleSelected() {
+    },
+    // 取消选中实例样式
+    handleUnSelected() {
+    },
+    // 获取容器dom
+    getContainerDom() {
+      return i.current;
+    },
+    // 获取对应的 componentNode
+    getComponentNode() {
+      return r.current;
+    },
+    // 获取实例的 component
+    getComponent() {
+      return n;
+    },
+    // 重新载入request配置
+    reloadRequest() {
+      c.reload();
+    },
+    // 立刻请求一次
+    request: (a, h) => c.request(a, h)
+  }), /* @__PURE__ */ o(
+    "div",
+    {
+      ref: i,
+      style: {
+        position: "absolute",
+        left: t.x,
+        top: t.y,
+        width: t.width,
+        height: t.height,
+        zIndex: t.level
+      },
+      children: /* @__PURE__ */ o(R, { children: /* @__PURE__ */ o(
+        n.component,
+        {
+          handleTrigger: d,
+          useExpose: u,
+          dataSource: s,
+          componentNode: t,
+          options: t.options,
+          width: t.width,
+          height: t.height
+        }
+      ) })
+    }
+  );
+}
+const z = "_fitScreenBody_1qzud_59", D = {
+  fitScreenBody: z
+};
+function U(e) {
+  const { dw: n = 1920, dh: t = 1080 } = e, r = l(null), i = l(null), s = m(() => n / t, [n, t]);
+  function c() {
+    if (!r.current || !i.current)
+      return;
+    const d = r.current.getBoundingClientRect();
+    if (d.width / d.height > s) {
+      const a = d.height / t, h = a * n, g = (d.width - h) / 2;
+      i.current.style.transform = `scale(${a}) translate3d(${g / a}px, 0, 0)`;
+    } else {
+      const a = d.width / n;
+      i.current.style.transform = `scale(${a})`;
+    }
+    i.current.style.width = `${n}px`, i.current.style.height = `${t}px`;
+  }
+  return b(r, () => {
+    c();
+  }), f.useEffect(() => {
+    c();
+  }, [n, t]), /* @__PURE__ */ o("div", { className: e == null ? void 0 : e.className, ref: r, style: e == null ? void 0 : e.style, children: /* @__PURE__ */ o(
+    "div",
+    {
+      className: $(e == null ? void 0 : e.bodyClassName, D.fitScreenBody),
+      style: e == null ? void 0 : e.bodyStyle,
+      ref: i,
+      children: e == null ? void 0 : e.children
+    }
+  ) });
+}
+const j = "_preview_x6h89_59", F = {
+  preview: j
+};
+function p(e) {
+  const { engine: n, json: t } = e, r = q(), { options: i } = B() || {}, s = E(), c = P(), d = m(() => {
+    var u;
+    return s.length ? (u = c == null ? void 0 : c.map) == null ? void 0 : u.call(c, (a) => /* @__PURE__ */ o(
+      k,
+      {
+        componentNode: a,
+        packages: s
+      },
+      a == null ? void 0 : a.id
+    )) : [];
+  }, [c, s]);
+  return f.useEffect(() => {
+    n.loadJSON(t).then(() => {
+      var u;
+      (u = e == null ? void 0 : e.onJSONLoad) == null || u.call(e);
+    });
+  }, []), /* @__PURE__ */ o(
+    U,
+    {
+      className: F.preview,
+      dw: (r == null ? void 0 : r.width) || 1920,
+      dh: (r == null ? void 0 : r.height) || 1080,
+      style: { background: i == null ? void 0 : i.whiteBoardColor },
+      children: /* @__PURE__ */ o(_, { preview: !0, style: { width: "100%", height: "100%" }, children: d })
+    }
+  );
+}
+export {
+  p as default
+};

package/es/{index-ycFZ60KR.mjs → index-BQMHx4Ur.mjs}

@@ -6,7 +6,7 @@ import { TitleComponent as O, TooltipComponent as j, ToolboxComponent as w, Visu
 import { LabelLayout as F, UniversalTransition as P } from "echarts/features";
 import { CanvasRenderer as S } from "echarts/renderers";
 import { useUpdateEffect as V } from "ahooks";
-import "./index-Cr2RXjtr.mjs";
+import "./index-BseO3j88.mjs";
 import "react-dom/client";
 import { u as q } from "./useResizeDom-B6mM4jrh.mjs";
 f.use([

package/es/{index-Dk3V3zbH.mjs → index-B_otqPpE.mjs}

@@ -1,5 +1,5 @@
 import { jsx as c } from "react/jsx-runtime";
-import { n as b } from "./index-Cr2RXjtr.mjs";
+import { n as b } from "./index-BseO3j88.mjs";
 import "localforage";
 import { useState as u, useMemo as x } from "react";
 import "react-dom";
@@ -11,7 +11,7 @@ import "driver.js/dist/driver.css";
 import "lodash-es";
 import { u as d } from "./useEffectOnce-l5sUTCBG.mjs";
 import "ahooks";
-import { R as h } from "./index-ycFZ60KR.mjs";
+import { R as h } from "./index-BQMHx4Ur.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], O = 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-Cr2RXjtr.mjs → index-BseO3j88.mjs}

@@ -540,7 +540,7 @@ const Ot = "_configRender_wy2nc_59", Dt = "_configRender_item_wy2nc_65", Rt = "_
 function le() {
   return rt(Ie);
 }
-import("./index-DeSSSWVT.mjs").then((r) => {
+import("./index-CUl51FbE.mjs").then((r) => {
   var e;
   (e = r.default) == null || e.call(r);
 });
@@ -1475,8 +1475,8 @@ const j = {
     y: 0,
     width: 500,
     height: 300,
-    component: c.lazy(() => import("./index-Bs2yu7J6.mjs")),
-    attributesComponent: c.lazy(() => import("./attributes-BorgmEuq.mjs"))
+    component: c.lazy(() => import("./index-DiaCgMtP.mjs")),
+    attributesComponent: c.lazy(() => import("./attributes-CNvZw41R.mjs"))
   },
   {
     cId: "image",
@@ -1487,8 +1487,8 @@ const j = {
     y: 0,
     width: 270,
     height: 150,
-    component: c.lazy(() => import("./index-DHdde3-c.mjs")),
-    attributesComponent: c.lazy(() => import("./attributes-BEr36PPS.mjs"))
+    component: c.lazy(() => import("./index-Cl1TBDdm.mjs")),
+    attributesComponent: c.lazy(() => import("./attributes-BhOVe6Nw.mjs"))
   },
   {
     cId: "dateDisplay",
@@ -1499,8 +1499,8 @@ const j = {
     y: 0,
     width: 250,
     height: 26,
-    component: c.lazy(() => import("./index-CraAaVS_.mjs")),
-    attributesComponent: c.lazy(() => import("./attributes-pYXM3BGl.mjs"))
+    component: c.lazy(() => import("./index-CR2sC3mu.mjs")),
+    attributesComponent: c.lazy(() => import("./attributes-CKQVoQvV.mjs"))
   },
   {
     cId: "doubleText",
@@ -1511,8 +1511,8 @@ const j = {
     y: 0,
     width: 120,
     height: 64,
-    component: c.lazy(() => import("./index-D8v1cc5M.mjs")),
-    attributesComponent: c.lazy(() => import("./attributes-SrukxCct.mjs"))
+    component: c.lazy(() => import("./index-Do46s3Bo.mjs")),
+    attributesComponent: c.lazy(() => import("./attributes-Db9sk_dJ.mjs"))
   }
 ], da = "_carousel_1b8a0_59", ua = "_carousel_bordered_1b8a0_62", ce = {
   carousel: da,
@@ -1898,8 +1898,8 @@ const Me = [
     y: 0,
     width: 400,
     height: 300,
-    component: c.lazy(() => import("./index-BTEqUeDS.mjs")),
-    attributesComponent: c.lazy(() => import("./attributes-zB7QAb6A.mjs")),
+    component: c.lazy(() => import("./index-DOx-TcxR.mjs")),
+    attributesComponent: c.lazy(() => import("./attributes-D_7z174b.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-C2aQoFOi.mjs"))
+    component: c.lazy(() => import("./index-KR0QAPWF.mjs"))
   },
   {
     cId: "line",
@@ -1924,8 +1924,8 @@ const Me = [
     y: 0,
     width: 250,
     height: 250,
-    component: c.lazy(() => import("./index-BmzrDQHQ.mjs")),
-    attributesComponent: c.lazy(() => import("./attributes-CF-lP4Tl.mjs")),
+    component: c.lazy(() => import("./index-CZaKlOGF.mjs")),
+    attributesComponent: c.lazy(() => import("./attributes-COWyZqgA.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-hkMT846_.mjs"))
+    component: c.lazy(() => import("./index-DJCJ9mDa.mjs"))
   },
   {
     cId: "radar",
@@ -1954,7 +1954,7 @@ const Me = [
     width: 350,
     height: 300,
     options: {},
-    component: c.lazy(() => import("./index-B6qPIrOx.mjs"))
+    component: c.lazy(() => import("./index-QkxDL_fl.mjs"))
   },
   {
     cId: "gauge",
@@ -1966,7 +1966,7 @@ const Me = [
     width: 350,
     height: 300,
     options: {},
-    component: c.lazy(() => import("./index-Dp3cAb00.mjs"))
+    component: c.lazy(() => import("./index-Bt7Z5pcG.mjs"))
   },
   {
     cId: "horizontalBar",
@@ -1978,7 +1978,7 @@ const Me = [
     width: 350,
     height: 300,
     options: {},
-    component: c.lazy(() => import("./index-zozSTDVn.mjs"))
+    component: c.lazy(() => import("./index-Mr6nPhGt.mjs"))
   },
   {
     cId: "barLine",
@@ -1990,7 +1990,7 @@ const Me = [
     width: 350,
     height: 300,
     options: {},
-    component: c.lazy(() => import("./index-Dk3V3zbH.mjs"))
+    component: c.lazy(() => import("./index-B_otqPpE.mjs"))
   },
   {
     cId: "ring",
@@ -2002,8 +2002,8 @@ const Me = [
     width: 350,
     height: 300,
     options: {},
-    component: c.lazy(() => import("./index-CIs39Kyq.mjs")),
-    attributesComponent: c.lazy(() => import("./attributes-DUaK076s.mjs"))
+    component: c.lazy(() => import("./index-DTx3K3TW.mjs")),
+    attributesComponent: c.lazy(() => import("./attributes-ICDLlHKL.mjs"))
   }
 ], Fa = [
   {
@@ -2017,7 +2017,7 @@ const Me = [
     width: 300,
     height: 32,
     isAllPage: !0,
-    component: c.lazy(() => import("./index-CtKpbpyM.mjs"))
+    component: c.lazy(() => import("./index-DIXk7ULh.mjs"))
   }
 ];
 async function Ha(r, e = 300) {
@@ -2165,8 +2165,8 @@ const wn = ot(
     y: 0,
     width: 500,
     height: 500,
-    component: c.lazy(() => import("./index-DmEGqsGs.mjs")),
-    attributesComponent: c.lazy(() => import("./attributes-DZOgwszX.mjs"))
+    component: c.lazy(() => import("./index-DQnoNvaR.mjs")),
+    attributesComponent: c.lazy(() => import("./attributes-C9kdt2P4.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-BKv9EAtX.mjs")),
-    attributesComponent: c.lazy(() => import("./attributes-Dfr3b13g.mjs"))
+    component: c.lazy(() => import("./index-DjwCZvsj.mjs")),
+    attributesComponent: c.lazy(() => import("./attributes-DX29Qkf4.mjs"))
   },
   {
     cId: "defaultImage",
@@ -2200,8 +2200,8 @@ const wn = ot(
     y: 0,
     width: 150,
     height: 150,
-    component: c.lazy(() => import("./index-_zn5qv_O.mjs")),
-    attributesComponent: c.lazy(() => import("./attributes-BqpzJUpw.mjs"))
+    component: c.lazy(() => import("./index-Dd2HXuLY.mjs")),
+    attributesComponent: c.lazy(() => import("./attributes-S7TYD0S5.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-BocA4dcF.mjs")),
-    attributesComponent: c.lazy(() => import("./attributes-C1A9908m.mjs"))
+    component: c.lazy(() => import("./index-CiRuNGX5.mjs")),
+    attributesComponent: c.lazy(() => import("./attributes-Bqwv78vP.mjs"))
   },
   {
     cId: "specialTitle",
@@ -2235,14 +2235,14 @@ const wn = ot(
     y: 0,
     width: 500,
     height: 32,
-    component: c.lazy(() => import("./index-Qui7yLq3.mjs")),
-    attributesComponent: c.lazy(() => import("./attributes-CLFZcWAB.mjs"))
+    component: c.lazy(() => import("./index-4IXWh7p-.mjs")),
+    attributesComponent: c.lazy(() => import("./attributes-CxmgjIr4.mjs"))
   }
 ], ja = {
   id: "system",
   name: "默认组件包",
   origin: "system",
-  version: "0.0.25",
+  version: "0.0.27",
   description: "由官方发布的组件库，随编辑器主版本迭代而更新。",
   components: [
     ...ca,
@@ -4253,7 +4253,7 @@ function main(value, {origin, target, option}) {
 }, Symbol.toStringTag, { value: "Module" })), Pn = {
   classic: Ge,
   multiple_components_interactive: Ke
-}, O = "_$_rbs_current_engine_$_", en = c.lazy(() => import("./index-YvM6Nke0.mjs")), tn = c.lazy(() => import("./index-CX8Y7AOe.mjs"));
+}, O = "_$_rbs_current_engine_$_", en = c.lazy(() => import("./index-CF9Gq4DE.mjs")), tn = c.lazy(() => import("./index-BP0M5ksu.mjs"));
 class zn {
   constructor(e) {
     /** react createApp */

package/es/{index-Dp3cAb00.mjs → index-Bt7Z5pcG.mjs}

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
-import { R as i } from "./index-ycFZ60KR.mjs";
-import { n as a } from "./index-Cr2RXjtr.mjs";
+import { R as i } from "./index-BQMHx4Ur.mjs";
+import { n as a } from "./index-BseO3j88.mjs";
 import "localforage";
 import "react";
 import "react-dom";

package/es/{index-BvJ4xx2h.mjs → index-BwBB6Ooc.mjs}

@@ -3,7 +3,7 @@ import { useState as S } from "react";
 import { Select as M } from "antd";
 import { useDebounceEffect as X, useUpdateEffect as V } from "ahooks";
 import { u as Y } from "./useEffectOnce-l5sUTCBG.mjs";
-import { i as Z } from "./index-Cr2RXjtr.mjs";
+import { i as Z } from "./index-BseO3j88.mjs";
 import "react-dom/client";
 const q = (e, l) => {
   var r, f, d;

package/es/{index-YvM6Nke0.mjs → index-CF9Gq4DE.mjs}

@@ -6,14 +6,14 @@ import zt, { useRef as j, useEffect as E, useMemo as L, useState as N, forwardRe
 import { DownOutlined as Sn, ReloadOutlined as Z, CloseOutlined as Nn, ArrowUpOutlined as et, ArrowRightOutlined as wn, ArrowDownOutlined as tt, ArrowLeftOutlined as En, QuestionCircleOutlined as An, UploadOutlined as Ln, VerticalAlignBottomOutlined as Rt, ClearOutlined as Ft, TranslationOutlined as Dn, SaveOutlined as Q, GithubFilled as On, LockOutlined as Ht, EyeOutlined as Pn, EyeInvisibleOutlined as Bn, RightOutlined as Mn, VerticalAlignTopOutlined as jn, UnlockOutlined as Tn, BlockOutlined as zn, DisconnectOutlined as $n, CopyOutlined as Rn, DeleteOutlined as de, StarOutlined as dt, BorderOuterOutlined as Fn, BorderBottomOutlined as Hn, DownloadOutlined as Kn, LoadingOutlined as Kt, EditOutlined as Ut, BarsOutlined as Un, FileOutlined as qn, AppstoreOutlined as Jn, FileTextOutlined as Wn, ApartmentOutlined as Vn, BankOutlined as Gn, HistoryOutlined as Xn, PlusOutlined as rt, RedoOutlined as Yn, SettingOutlined as Zn } from "@ant-design/icons";
 import { message as A, Tooltip as z, InputNumber as le, Popover as st, Slider as Qn, Space as D, Dropdown as be, Button as K, Input as pn, Collapse as Ct, Form as M, Modal as re, Descriptions as je, Tree as ei, Row as nt, Col as H, Checkbox as we, Switch as qt, Tabs as ti, Empty as xt } from "antd";
 import $ from "classnames";
-import { R as k, u as w, E as ni, a as ii, b as li, c as ut, s as ci, L as ai, d as oi, e as Jt, f as ht, g as it, l as Te, h as It, i as di, j as kt, I as ze, k as ri, m as si } from "./index-Cr2RXjtr.mjs";
+import { R as k, u as w, E as ni, a as ii, b as li, c as ut, s as ci, L as ai, d as oi, e as Jt, f as ht, g as it, l as Te, h as It, i as di, j as kt, I as ze, k as ri, m as si } from "./index-BseO3j88.mjs";
 import "localforage";
 import { createPortal as ui } from "react-dom";
 import { createRoot as Wt } from "react-dom/client";
 import "driver.js";
 import "driver.js/dist/driver.css";
 import { cloneDeep as Vt, debounce as hi, groupBy as gi, throttle as Gt } from "lodash-es";
-import { u as Ee, i as Ae, a as gt, b as Xt, c as Yt, g as ae, d as _i, e as mi, f as fi, h as yi, j as Zt, s as St, P as vi, k as bi, l as Ci } from "./index-DM0HOT8p.mjs";
+import { u as Ee, i as Ae, a as gt, b as Xt, c as Yt, g as ae, d as _i, e as mi, f as fi, h as yi, j as Zt, s as St, P as vi, k as bi, l as Ci } from "./index-CQpPr_GO.mjs";
 import { useUpdateEffect as _t, useUnmount as Qt, useRequest as pt } from "ahooks";
 import "react-color";
 import { I as p, L as Le, a as T, C as xi, b as $e } from "./Line-CgKiUu04.mjs";
@@ -30,10 +30,10 @@ import "monaco-editor/esm/vs/language/typescript/monaco.contribution";
 import ft from "jszip";
 import { saveAs as en } from "file-saver";
 import { u as tn } from "./useEffectOnce-l5sUTCBG.mjs";
-import { u as Ei, s as Re } from "./selectPage-1ojYk6EF.mjs";
-import { u as Ai } from "./useCurrentPageId-DG0SfHzH.mjs";
+import { u as Ei, s as Re } from "./selectPage-BejdiGuA.mjs";
+import { u as Ai } from "./useCurrentPageId-CrzsBBI2.mjs";
 import { u as nn } from "./useListenRef-B01dENv0.mjs";
-import { I as Ce } from "./index-BvJ4xx2h.mjs";
+import { I as Ce } from "./index-BwBB6Ooc.mjs";
 async function ln(e) {
   return new Promise((t) => {
     let n = document.createElement("input");
@@ -813,7 +813,7 @@ const kl = (e, t, n) => {
 };
 async function Sl(e) {
   var i;
-  const t = await kl(/* @__PURE__ */ Object.assign({ "../../../../../../public/example/classic.json": () => import("./index-Cr2RXjtr.mjs").then((c) => c.r), "../../../../../../public/example/multiple-components-interactive.json": () => import("./index-Cr2RXjtr.mjs").then((c) => c.t) }), `../../../../../../public/example/${e}.json`, 9), n = k.getActiveEngine();
+  const t = await kl(/* @__PURE__ */ Object.assign({ "../../../../../../public/example/classic.json": () => import("./index-BseO3j88.mjs").then((c) => c.r), "../../../../../../public/example/multiple-components-interactive.json": () => import("./index-BseO3j88.mjs").then((c) => c.t) }), `../../../../../../public/example/${e}.json`, 9), n = k.getActiveEngine();
   (i = n == null ? void 0 : n.loadJSON) == null || i.call(n, t);
 }
 function Nl() {

package/es/{index-DM0HOT8p.mjs → index-CQpPr_GO.mjs}

@@ -1,7 +1,7 @@
 var R = Object.defineProperty;
 var T = (e, n, t) => n in e ? R(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
 var b = (e, n, t) => T(e, typeof n != "symbol" ? n + "" : n, t);
-import { b as O, u as k, I as x, R as F } from "./index-Cr2RXjtr.mjs";
+import { b as O, u as k, I as x, R as F } from "./index-BseO3j88.mjs";
 import "localforage";
 import N, { useEffect as y, useMemo as M, useRef as w, useState as _, useCallback as z } from "react";
 import "react-dom";
@@ -15,7 +15,7 @@ import "ahooks";
 import Z from "umi-request";
 import { u as j } from "./useListenRef-B01dENv0.mjs";
 import { u as Q } from "./useEffectOnce-l5sUTCBG.mjs";
-import { u as V } from "./useCurrentPageId-DG0SfHzH.mjs";
+import { u as V } from "./useCurrentPageId-CrzsBBI2.mjs";
 import I from "hotkeys-js";
 import "dayjs";
 function X(e) {

package/es/{index-CraAaVS_.mjs → index-CR2sC3mu.mjs}

@@ -1,5 +1,5 @@
 import { jsx as f } from "react/jsx-runtime";
-import { n as l } from "./index-Cr2RXjtr.mjs";
+import { n as l } from "./index-BseO3j88.mjs";
 import "localforage";
 import { useRef as c, useEffect as a } from "react";
 import "react-dom";
@@ -9,7 +9,7 @@ import "driver.js";
 import "driver.js/dist/driver.css";
 import "lodash-es";
 import "ahooks";
-import { DEFAULT_OPTIONS as p } from "./attributes-pYXM3BGl.mjs";
+import { DEFAULT_OPTIONS as p } from "./attributes-CKQVoQvV.mjs";
 import u from "dayjs";
 const T = l((m) => {
   const { width: i, height: o, options: r } = m, t = c(null);

package/es/{index-DeSSSWVT.mjs → index-CUl51FbE.mjs}

@@ -1,6 +1,6 @@
 import { jsx as n, jsxs as g } from "react/jsx-runtime";
-import { C as l } from "./index-Cr2RXjtr.mjs";
-import { I as u } from "./index-BvJ4xx2h.mjs";
+import { C as l } from "./index-BseO3j88.mjs";
+import { I as u } from "./index-BwBB6Ooc.mjs";
 import "react";
 import { Tooltip as v, Checkbox as h, Slider as C } from "antd";
 import "ahooks";

package/es/{index-BmzrDQHQ.mjs → index-CZaKlOGF.mjs}

@@ -1,6 +1,6 @@
 import { jsx as c } from "react/jsx-runtime";
-import { R as p } from "./index-ycFZ60KR.mjs";
-import { n as u } from "./index-Cr2RXjtr.mjs";
+import { R as p } from "./index-BQMHx4Ur.mjs";
+import { n as u } from "./index-BseO3j88.mjs";
 import "localforage";
 import { useMemo as f } from "react";
 import "react-dom";
@@ -10,7 +10,7 @@ import "driver.js";
 import "driver.js/dist/driver.css";
 import "lodash-es";
 import "ahooks";
-import { DEFAULT_OPTIONS as g } from "./attributes-CF-lP4Tl.mjs";
+import { DEFAULT_OPTIONS as g } from "./attributes-COWyZqgA.mjs";
 function l(m = "name", o, n) {
   return !(o != null && o.length) || !(n != null && n.length) ? {
     source: []

package/es/{index-BocA4dcF.mjs → index-CiRuNGX5.mjs}

@@ -1,5 +1,5 @@
 import { jsx as o, jsxs as a } from "react/jsx-runtime";
-import { n as h } from "./index-Cr2RXjtr.mjs";
+import { n as h } from "./index-BseO3j88.mjs";
 import "localforage";
 import { useState as p, useMemo as L, useEffect as x } from "react";
 import "react-dom";
@@ -10,7 +10,7 @@ import "driver.js";
 import "driver.js/dist/driver.css";
 import { cloneDeep as v } from "lodash-es";
 import "ahooks";
-import { DEFAULT_OPTIONS as I } from "./attributes-C1A9908m.mjs";
+import { DEFAULT_OPTIONS as I } from "./attributes-Bqwv78vP.mjs";
 import { A as M } from "./index-D5seKG8I.mjs";
 import { DoubleRightOutlined as z } from "@ant-design/icons";
 const N = "_progressList_xy0sd_59", P = "_progressList_line_xy0sd_62", A = "_progressList_line_header_xy0sd_69", c = {

package/es/{index-DHdde3-c.mjs → index-Cl1TBDdm.mjs}

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { Image as i } from "antd";
-import { n as p } from "./index-Cr2RXjtr.mjs";
+import { n as p } from "./index-BseO3j88.mjs";
 import "localforage";
 import "react";
 import "react-dom";
@@ -9,7 +9,7 @@ import "driver.js";
 import "driver.js/dist/driver.css";
 import "lodash-es";
 import "ahooks";
-import { DEFAULT_OPTIONS as n } from "./attributes-BEr36PPS.mjs";
+import { DEFAULT_OPTIONS as n } from "./attributes-BhOVe6Nw.mjs";
 const E = p((t) => {
   const { options: r, width: e, height: m } = t;
   return /* @__PURE__ */ o(

package/es/{index-CtKpbpyM.mjs → index-DIXk7ULh.mjs}

@@ -1,5 +1,5 @@
 import { jsx as d, jsxs as h, Fragment as m } from "react/jsx-runtime";
-import { n as u } from "./index-Cr2RXjtr.mjs";
+import { n as u } from "./index-BseO3j88.mjs";
 import "localforage";
 import { useMemo as v } from "react";
 import "react-dom";
@@ -9,8 +9,8 @@ import "driver.js";
 import "driver.js/dist/driver.css";
 import "lodash-es";
 import "ahooks";
-import { u as f, s as I } from "./selectPage-1ojYk6EF.mjs";
-import { u as L } from "./useCurrentPageId-DG0SfHzH.mjs";
+import { u as f, s as I } from "./selectPage-BejdiGuA.mjs";
+import { u as L } from "./useCurrentPageId-CrzsBBI2.mjs";
 import S from "classnames";
 import "hotkeys-js";
 import "dayjs";

package/es/{index-hkMT846_.mjs → index-DJCJ9mDa.mjs}

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
-import { R as p } from "./index-ycFZ60KR.mjs";
-import { n as e } from "./index-Cr2RXjtr.mjs";
+import { R as p } from "./index-BQMHx4Ur.mjs";
+import { n as e } from "./index-BseO3j88.mjs";
 import "localforage";
 import "react";
 import "react-dom";

package/es/{index-BTEqUeDS.mjs → index-DOx-TcxR.mjs}

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { n as i } from "./index-Cr2RXjtr.mjs";
+import { n as i } from "./index-BseO3j88.mjs";
 import "localforage";
 import "react";
 import "react-dom";
@@ -9,7 +9,7 @@ import "driver.js";
 import "driver.js/dist/driver.css";
 import "lodash-es";
 import "ahooks";
-import { DEFAULT_OPTIONS as c } from "./attributes-zB7QAb6A.mjs";
+import { DEFAULT_OPTIONS as c } from "./attributes-D_7z174b.mjs";
 import { DoubleRightOutlined as s } from "@ant-design/icons";
 const _ = "_specialCard_1s46n_59", t = "_specialCard_head_1s46n_64", m = "_specialCard_head_arrow_1s46n_71", o = "_specialCard_head_title_1s46n_74", a = {
   specialCard: _,

package/es/{index-DmEGqsGs.mjs → index-DQnoNvaR.mjs}

@@ -1,5 +1,5 @@
 import { jsx as b } from "react/jsx-runtime";
-import { n as C } from "./index-Cr2RXjtr.mjs";
+import { n as C } from "./index-BseO3j88.mjs";
 import "localforage";
 import "react";
 import "react-dom";
@@ -9,8 +9,8 @@ import "driver.js";
 import "driver.js/dist/driver.css";
 import "lodash-es";
 import { useRequest as v } from "ahooks";
-import { R as S } from "./index-ycFZ60KR.mjs";
-import { DEFAULT_OPTIONS as g } from "./attributes-DZOgwszX.mjs";
+import { R as S } from "./index-BQMHx4Ur.mjs";
+import { DEFAULT_OPTIONS as g } from "./attributes-C9kdt2P4.mjs";
 const n = "chinaOutline";
 async function p() {
   var t, o;

package/es/{index-CIs39Kyq.mjs → index-DTx3K3TW.mjs}

@@ -1,6 +1,6 @@
 import { jsx as f } from "react/jsx-runtime";
-import { R as h } from "./index-ycFZ60KR.mjs";
-import { n as x } from "./index-Cr2RXjtr.mjs";
+import { R as h } from "./index-BQMHx4Ur.mjs";
+import { n as x } from "./index-BseO3j88.mjs";
 import "localforage";
 import { useRef as g, useMemo as I } from "react";
 import "react-dom";
@@ -11,7 +11,7 @@ import "driver.js/dist/driver.css";
 import "lodash-es";
 import { u as y } from "./useEffectOnce-l5sUTCBG.mjs";
 import "ahooks";
-import { DEFAULT_OPTIONS as b } from "./attributes-DUaK076s.mjs";
+import { DEFAULT_OPTIONS as b } from "./attributes-ICDLlHKL.mjs";
 const S = ["私有化项目", "培训项目", "演示项目", "tjh项目", "xyz项目"], i = [1048, 735, 580, 484, 300], F = x((m) => {
   const { width: u, height: p, options: t } = m, n = g(), d = I(() => {
     const e = S.map((r, o) => ({

package/es/{index-_zn5qv_O.mjs → index-Dd2HXuLY.mjs}

@@ -1,5 +1,5 @@
 import { jsx as r, Fragment as a } from "react/jsx-runtime";
-import { n } from "./index-Cr2RXjtr.mjs";
+import { n } from "./index-BseO3j88.mjs";
 import "localforage";
 import m from "react";
 import "react-dom";
@@ -9,7 +9,7 @@ import "driver.js";
 import "driver.js/dist/driver.css";
 import "lodash-es";
 import "ahooks";
-import { DEFAULT_OPTIONS as c } from "./attributes-BqpzJUpw.mjs";
+import { DEFAULT_OPTIONS as c } from "./attributes-S7TYD0S5.mjs";
 const b = /* @__PURE__ */ Object.assign({ "./assets/base-1.png": () => import("./base-1-Bxyjxg2p.mjs"), "./assets/base-2.png": () => import("./base-2-DwwJwZna.mjs"), "./assets/base-3.png": () => import("./base-3-Cgpni-Ls.mjs"), "./assets/base-4.png": () => import("./base-4-B347HMAK.mjs"), "./assets/bg-theme-1.jpeg": () => import("./bg-theme-1-C6_IGFfb.mjs"), "./assets/bg-theme-2.jpg": () => import("./bg-theme-2-CUzHZf9k.mjs"), "./assets/bg-theme-3.jpg": () => import("./bg-theme-3-D8JmxCmu.mjs"), "./assets/bg-theme-4.jpg": () => import("./bg-theme-4-DSDHPL-t.mjs"), "./assets/bg-theme-5.jpg": () => import("./bg-theme-5-CSy6VFVO.mjs"), "./assets/bg-theme-6.jpg": () => import("./bg-theme-6-rNDMxpbu.mjs"), "./assets/bg-theme-7.jpg": () => import("./bg-theme-7-X9aTr92s.mjs"), "./assets/clock.png": () => import("./clock-DnKpmpR_.mjs"), "./assets/com-bg-1.png": () => import("./com-bg-1-CziqISRC.mjs"), "./assets/com-bg-2.png": () => import("./com-bg-2-CJpBMT0l.mjs"), "./assets/com-bg-3.png": () => import("./com-bg-3--MVO0Zy-.mjs"), "./assets/com-bg-4.png": () => import("./com-bg-4-CtztvOjH.mjs"), "./assets/com-bg-5.png": () => import("./com-bg-5-Dn0jCJgl.mjs"), "./assets/com-bg-6.png": () => import("./com-bg-6-DerMFR5l.mjs"), "./assets/title-1.png": () => import("./title-1-d6ywbVeM.mjs"), "./assets/title-2.png": () => import("./title-2-D71Ygwgt.mjs"), "./assets/title-3.png": () => import("./title-3-X8ry0PXo.mjs"), "./assets/title-4.png": () => import("./title-4-HL43GPvP.mjs") });
 async function h(e) {
   if (e)

package/es/{index-Bs2yu7J6.mjs → index-DiaCgMtP.mjs}

@@ -1,5 +1,5 @@
 import { jsx as m } from "react/jsx-runtime";
-import { n as p } from "./index-Cr2RXjtr.mjs";
+import { n as p } from "./index-BseO3j88.mjs";
 import "localforage";
 import "react";
 import "react-dom";
@@ -9,7 +9,7 @@ import "driver.js";
 import "driver.js/dist/driver.css";
 import "lodash-es";
 import "ahooks";
-import { DEFAULT_OPTIONS as n } from "./attributes-BorgmEuq.mjs";
+import { DEFAULT_OPTIONS as n } from "./attributes-CNvZw41R.mjs";
 const l = p((o) => {
   const { options: t, width: r, height: i } = o;
   return /* @__PURE__ */ m("div", { style: { width: r, height: i, background: t.background } });

package/es/{index-BKv9EAtX.mjs → index-DjwCZvsj.mjs}

@@ -1,5 +1,5 @@
 import { jsx as o, jsxs as a } from "react/jsx-runtime";
-import { n as d } from "./index-Cr2RXjtr.mjs";
+import { n as d } from "./index-BseO3j88.mjs";
 import "localforage";
 import "react";
 import "react-dom";
@@ -9,7 +9,7 @@ import "driver.js";
 import "driver.js/dist/driver.css";
 import "lodash-es";
 import "ahooks";
-import { DEFAULT_OPTIONS as p } from "./attributes-Dfr3b13g.mjs";
+import { DEFAULT_OPTIONS as p } from "./attributes-DX29Qkf4.mjs";
 import { A as _ } from "./index-D5seKG8I.mjs";
 import { CalendarOutlined as f } from "@ant-design/icons";
 const m = "_scrollList_ni091_59", L = "_scrollList_line_ni091_62", s = {

package/es/{index-D8v1cc5M.mjs → index-Do46s3Bo.mjs}

@@ -1,5 +1,5 @@
 import { jsxs as g, jsx as r } from "react/jsx-runtime";
-import { n as a } from "./index-Cr2RXjtr.mjs";
+import { n as a } from "./index-BseO3j88.mjs";
 import "localforage";
 import "react";
 import "react-dom";
@@ -9,7 +9,7 @@ import "driver.js";
 import "driver.js/dist/driver.css";
 import "lodash-es";
 import "ahooks";
-import { DEFAULT_OPTIONS as m } from "./attributes-SrukxCct.mjs";
+import { DEFAULT_OPTIONS as m } from "./attributes-Db9sk_dJ.mjs";
 const i = a((l) => {
   const { options: e, width: _, height: t } = l;
   return /* @__PURE__ */ g(

package/es/{index-C2aQoFOi.mjs → index-KR0QAPWF.mjs}

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
-import { R as r } from "./index-ycFZ60KR.mjs";
-import { n as a } from "./index-Cr2RXjtr.mjs";
+import { R as r } from "./index-BQMHx4Ur.mjs";
+import { n as a } from "./index-BseO3j88.mjs";
 import "localforage";
 import "react";
 import "react-dom";

package/es/{index-zozSTDVn.mjs → index-Mr6nPhGt.mjs}

@@ -1,5 +1,5 @@
 import { jsx as b } from "react/jsx-runtime";
-import { n as h } from "./index-Cr2RXjtr.mjs";
+import { n as h } from "./index-BseO3j88.mjs";
 import "localforage";
 import { useState as f, useMemo as g } from "react";
 import "react-dom";
@@ -10,7 +10,7 @@ import "driver.js/dist/driver.css";
 import "lodash-es";
 import { u as d } from "./useEffectOnce-l5sUTCBG.mjs";
 import "ahooks";
-import { R as y } from "./index-ycFZ60KR.mjs";
+import { R as y } from "./index-BQMHx4Ur.mjs";
 const n = [
   "rgb(28, 172, 255)",
   "rgb(69, 201, 235)",

package/es/{index-B6qPIrOx.mjs → index-QkxDL_fl.mjs}

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
-import { R as e } from "./index-ycFZ60KR.mjs";
-import { n as r } from "./index-Cr2RXjtr.mjs";
+import { R as e } from "./index-BQMHx4Ur.mjs";
+import { n as r } from "./index-BseO3j88.mjs";
 import "localforage";
 import "react";
 import "react-dom";

package/es/index.mjs

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { q as m, R as e, p as E, s as f } from "./index-Cr2RXjtr.mjs";
+import { q as m, R as e, p as E, s as f } from "./index-BseO3j88.mjs";
 import "react-dom/client";
 import "react";
 import "react-dom";

package/es/{selectPage-1ojYk6EF.mjs → selectPage-BejdiGuA.mjs}

@@ -1,5 +1,5 @@
 import { useState as g, useEffect as r } from "react";
-import { u as i, R as a } from "./index-Cr2RXjtr.mjs";
+import { u as i, R as a } from "./index-BseO3j88.mjs";
 function f() {
   const [n, e] = g([]), { engine: t } = i();
   return r(() => {

package/es/{useCurrentPageId-DG0SfHzH.mjs → useCurrentPageId-CrzsBBI2.mjs}

@@ -1,4 +1,4 @@
-import { b as i, D as m } from "./index-Cr2RXjtr.mjs";
+import { b as i, D as m } from "./index-BseO3j88.mjs";
 import "localforage";
 import "react";
 import "react-dom";

package/package.json

@@ -5,7 +5,7 @@
   "author": "tangjiahui-cn",
   "description": "一个前端大屏看板项目",
   "license": "ISC",
-  "version": "0.0.26",
+  "version": "0.0.28",
   "module": "./es/index.mjs",
   "types": "./types/src/export/index.d.ts",
   "scripts": {

package/es/index-CX8Y7AOe.mjs

@@ -1,142 +0,0 @@
-import { jsx as s, Fragment as f } from "react/jsx-runtime";
-import g, { useState as w, useMemo as m, useEffect as y, useRef as l, Suspense as C } from "react";
-import { u as R } from "./index-Cr2RXjtr.mjs";
-import "localforage";
-import "react-dom";
-import "react-dom/client";
-import "antd";
-import "driver.js";
-import "driver.js/dist/driver.css";
-import "lodash-es";
-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-DM0HOT8p.mjs";
-import "ahooks";
-import $ from "classnames";
-import { u as b } from "./useResizeDom-B6mM4jrh.mjs";
-function k(e) {
-  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]);
-  return y(() => r.componentNode.onChange(n.id, ({ payload: i }) => {
-    t({ ...i });
-  }), []), o && c ? /* @__PURE__ */ s(E, { componentNode: n, component: o }) : /* @__PURE__ */ s(f, {});
-}
-function E(e) {
-  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);
-  return N({
-    id: t.id,
-    // 经过实例
-    handleHover() {
-    },
-    // 离开实例
-    handleUnHover() {
-    },
-    // 选中实例样式
-    handleSelected() {
-    },
-    // 取消选中实例样式
-    handleUnSelected() {
-    },
-    // 获取容器dom
-    getContainerDom() {
-      return r.current;
-    },
-    // 获取对应的 componentNode
-    getComponentNode() {
-      return c.current;
-    },
-    // 获取实例的 component
-    getComponent() {
-      return n;
-    },
-    // 重新载入request配置
-    reloadRequest() {
-      i.reload();
-    },
-    // 立刻请求一次
-    request: (d, h) => i.request(d, h)
-  }), /* @__PURE__ */ s(
-    "div",
-    {
-      ref: r,
-      style: {
-        position: "absolute",
-        left: t.x,
-        top: t.y,
-        width: t.width,
-        height: t.height,
-        zIndex: t.level
-      },
-      children: /* @__PURE__ */ s(C, { children: /* @__PURE__ */ s(
-        n.component,
-        {
-          handleTrigger: u,
-          useExpose: a,
-          dataSource: o,
-          componentNode: t,
-          options: t.options,
-          width: t.width,
-          height: t.height
-        }
-      ) })
-    }
-  );
-}
-const I = "_fitScreenBody_1qzud_59", D = {
-  fitScreenBody: I
-};
-function z(e) {
-  const { dw: n = 1920, dh: t = 1080 } = e, c = l(null), r = l(null), o = m(() => n / t, [n, t]);
-  return b(c, () => {
-    if (!c.current || !r.current)
-      return;
-    const i = c.current.getBoundingClientRect();
-    if (i.width / i.height > o) {
-      const a = i.height / t, d = a * n, h = (i.width - d) / 2;
-      r.current.style.transform = `scale(${a}) translate3d(${h / a}px, 0, 0)`;
-    } else {
-      const a = i.width / n;
-      r.current.style.transform = `scale(${a})`;
-    }
-    r.current.style.width = `${n}px`, r.current.style.height = `${t}px`;
-  }), /* @__PURE__ */ s("div", { className: e == null ? void 0 : e.className, ref: c, style: e == null ? void 0 : e.style, children: /* @__PURE__ */ s(
-    "div",
-    {
-      className: $(e == null ? void 0 : e.bodyClassName, D.fitScreenBody),
-      style: e == null ? void 0 : e.bodyStyle,
-      ref: r,
-      children: e == null ? void 0 : e.children
-    }
-  ) });
-}
-const U = "_preview_x6h89_59", j = {
-  preview: U
-};
-function Z(e) {
-  const { engine: n, json: t } = e, c = H(), { options: r } = q() || {}, o = B(), i = P(), u = m(() => {
-    var a;
-    return o.length ? (a = i == null ? void 0 : i.map) == null ? void 0 : a.call(i, (d) => /* @__PURE__ */ s(
-      k,
-      {
-        componentNode: d,
-        packages: o
-      },
-      d == null ? void 0 : d.id
-    )) : [];
-  }, [i, o]);
-  return g.useEffect(() => {
-    n.loadJSON(t).then(() => {
-      var a;
-      (a = e == null ? void 0 : e.onJSONLoad) == null || a.call(e);
-    });
-  }, []), /* @__PURE__ */ s(
-    z,
-    {
-      className: j.preview,
-      dw: (c == null ? void 0 : c.width) || 1920,
-      dh: (c == null ? void 0 : c.height) || 1080,
-      style: { background: r == null ? void 0 : r.whiteBoardColor },
-      children: /* @__PURE__ */ s(_, { preview: !0, style: { width: "100%", height: "100%" }, children: u })
-    }
-  );
-}
-export {
-  Z as default
-};