react-big-screen 0.0.24 → 0.0.26

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

@@ -1,55 +1,55 @@
-var yn = Object.defineProperty;
-var vn = (e, t, n) => t in e ? yn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var ee = (e, t, n) => vn(e, typeof t != "symbol" ? t + "" : t, n);
+var vn = Object.defineProperty;
+var bn = (e, t, n) => t in e ? vn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var ee = (e, t, n) => bn(e, typeof t != "symbol" ? t + "" : t, n);
 import { jsx as l, jsxs as g, Fragment as W } from "react/jsx-runtime";
-import Tt, { useRef as M, useEffect as w, useMemo as A, useState as S, forwardRef as bn, useImperativeHandle as Cn, Suspense as zt, createContext as xn, useContext as In } from "react";
-import { DownOutlined as kn, ReloadOutlined as Z, CloseOutlined as Sn, ArrowUpOutlined as et, ArrowRightOutlined as Nn, ArrowDownOutlined as tt, ArrowLeftOutlined as wn, QuestionCircleOutlined as En, UploadOutlined as An, VerticalAlignBottomOutlined as $t, ClearOutlined as Rt, TranslationOutlined as Ln, SaveOutlined as Q, GithubFilled as Dn, LockOutlined as Ft, EyeOutlined as On, EyeInvisibleOutlined as Pn, RightOutlined as Bn, VerticalAlignTopOutlined as Mn, UnlockOutlined as jn, BlockOutlined as Tn, DisconnectOutlined as zn, CopyOutlined as $n, DeleteOutlined as de, StarOutlined as dt, BorderOuterOutlined as Rn, BorderBottomOutlined as Fn, DownloadOutlined as Hn, LoadingOutlined as Ht, EditOutlined as Kt, BarsOutlined as Kn, FileOutlined as Un, AppstoreOutlined as qn, FileTextOutlined as Jn, ApartmentOutlined as Wn, BankOutlined as Vn, HistoryOutlined as Gn, PlusOutlined as rt, RedoOutlined as Xn, SettingOutlined as Yn } from "@ant-design/icons";
-import { message as E, Tooltip as z, InputNumber as le, Popover as st, Slider as Zn, Space as D, Dropdown as be, Button as K, Input as Qn, Collapse as Ct, Form as B, Modal as re, Descriptions as je, Tree as pn, Row as nt, Col as H, Checkbox as we, Switch as Ut, Tabs as ei, Empty as xt } from "antd";
+import zt, { useRef as j, useEffect as E, useMemo as L, useState as N, forwardRef as Cn, useImperativeHandle as xn, Suspense as $t, createContext as In, useContext as kn } from "react";
+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 N, E as ti, a as ni, b as ii, c as ut, s as li, L as ci, d as ai, e as qt, f as ht, g as it, l as Te, h as It, i as oi, j as kt, I as ze, k as di, m as ri } from "./index-Dbkk-b9S.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-Cr2RXjtr.mjs";
 import "localforage";
-import { createPortal as si } from "react-dom";
-import { createRoot as Jt } from "react-dom/client";
+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 Wt, debounce as ui, groupBy as hi, throttle as Vt } from "lodash-es";
-import { u as Ee, i as Ae, a as gt, b as Gt, c as Xt, g as ae, d as gi, e as _i, f as mi, h as fi, j as Yt, s as St, P as yi, k as vi, l as bi } from "./index-CnzZjrjU.mjs";
-import { useUpdateEffect as _t, useUnmount as Zt, useRequest as Qt } from "ahooks";
+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 { 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 Ci, b as $e } from "./Line-CgKiUu04.mjs";
-import { I as mt, a as xi } from "./IInputNumber-CEotcbKL.mjs";
+import { I as p, L as Le, a as T, C as xi, b as $e } from "./Line-CgKiUu04.mjs";
+import { I as mt, a as Ii } from "./IInputNumber-CEotcbKL.mjs";
 import { useTranslation as se } from "react-i18next";
 import lt from "hotkeys-js";
-import Ii from "dayjs";
-import { I as U, i as ki, a as Si } from "./index-yEFPa0R2.mjs";
-import * as Ni from "monaco-editor/esm/vs/editor/editor.api";
+import ki from "dayjs";
+import { I as U, i as Si, a as Ni } from "./index-yEFPa0R2.mjs";
+import * as wi from "monaco-editor/esm/vs/editor/editor.api";
 import "monaco-editor/esm/vs/language/json/monaco.contribution";
 import "monaco-editor/esm/vs/basic-languages/javascript/javascript.contribution";
 import "monaco-editor/esm/vs/basic-languages/typescript/typescript.contribution";
 import "monaco-editor/esm/vs/language/typescript/monaco.contribution";
 import ft from "jszip";
-import { saveAs as pt } from "file-saver";
-import { u as en } from "./useEffectOnce-l5sUTCBG.mjs";
-import { u as wi, s as Re } from "./selectPage-BQ7Fdnqf.mjs";
-import { u as Ei } from "./useCurrentPageId-6JCOgaZV.mjs";
-import { u as tn } from "./useListenRef-B01dENv0.mjs";
-import { I as Ce } from "./index-Bh0co1x-.mjs";
-async function nn(e) {
+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 nn } from "./useListenRef-B01dENv0.mjs";
+import { I as Ce } from "./index-BvJ4xx2h.mjs";
+async function ln(e) {
   return new Promise((t) => {
     let n = document.createElement("input");
     n.type = "file", e != null && e.accept && (n.accept = e.accept), n.onchange = (i) => {
-      var a, d;
-      const c = (d = (a = i.target) == null ? void 0 : a.files) == null ? void 0 : d[0];
+      var o, d;
+      const c = (d = (o = i.target) == null ? void 0 : o.files) == null ? void 0 : d[0];
       if (!c)
         return console.warn("file must be selected."), t(void 0);
       t(c);
     }, n.click();
   });
 }
-async function Ai(e) {
-  return nn(e).then((t) => ln(t));
+async function Li(e) {
+  return ln(e).then((t) => cn(t));
 }
-async function ln(e) {
+async function cn(e) {
   return new Promise((t) => {
     if (!e) return "";
     const n = new FileReader();
@@ -60,36 +60,36 @@ async function ln(e) {
   });
 }
 function ct(e, t, n) {
-  var c, a;
+  var c, o;
   let i = (c = e == null ? void 0 : e.dataset) == null ? void 0 : c[t];
   if (!n)
     return i;
   for (; i == null && e; )
-    e = e.parentElement, i = (a = e == null ? void 0 : e.dataset) == null ? void 0 : a[t];
+    e = e.parentElement, i = (o = e == null ? void 0 : e.dataset) == null ? void 0 : o[t];
   return i;
 }
-function Li(e) {
+function Di(e) {
   var i;
   const t = k.getActiveEngine();
   if (!t) return [];
   const n = (i = t.component.getPackage(e)) == null ? void 0 : i.components;
   return t.componentNode.getAll().filter((c) => {
-    var a;
-    return (a = n == null ? void 0 : n.find) == null ? void 0 : a.call(n, (d) => d.cId === c.cId);
+    var o;
+    return (o = n == null ? void 0 : n.find) == null ? void 0 : o.call(n, (d) => d.cId === c.cId);
   });
 }
-function Di(e, t) {
-  const n = M(), i = M(null), c = M(), { engine: a } = N();
-  return c.current = t, w(() => () => {
+function Oi(e, t) {
+  const n = j(), i = j(null), c = j(), { engine: o } = w();
+  return c.current = t, E(() => () => {
     var d;
     (d = n.current) == null || d.call(n);
-  }, []), A(() => {
+  }, []), L(() => {
     let d = document.createElement("div");
     document.body.appendChild(d);
-    let o = Jt(d);
-    return o.render(
-      /* @__PURE__ */ l(ti.Provider, { value: { engine: a }, children: /* @__PURE__ */ l(
-        ni,
+    let a = Wt(d);
+    return a.render(
+      /* @__PURE__ */ l(ni.Provider, { value: { engine: o }, children: /* @__PURE__ */ l(
+        ii,
         {
           ref: i,
           component: e,
@@ -104,7 +104,7 @@ function Di(e, t) {
         }
       ) })
     ), n.current = () => {
-      d && (o.unmount(), d.remove(), d = void 0);
+      d && (a.unmount(), d.remove(), d = void 0);
     }, {
       open(s) {
         var r, h;
@@ -119,35 +119,35 @@ function Di(e, t) {
 }
 function ue(e) {
   return function(t) {
-    return Di(e, t);
+    return Oi(e, t);
   };
 }
-function Oi() {
-  const e = ii((t) => t.componentMap);
-  return A(() => e ? Object.values(e) : [], [e]);
+function Pi() {
+  const e = li((t) => t.componentMap);
+  return L(() => e ? Object.values(e) : [], [e]);
 }
 function yt() {
-  const { engine: e } = N(), [t, n] = S(() => e.instance.getAllSelected());
-  return w(() => e.instance.onSelectedChange((i) => {
+  const { engine: e } = w(), [t, n] = N(() => e.instance.getAllSelected());
+  return E(() => e.instance.onSelectedChange((i) => {
     const c = Object.values(i);
-    n((a) => !c.length && !a.length ? a : c);
+    n((o) => !c.length && !o.length ? o : c);
   }), []), t;
 }
-function Pi() {
-  const { engine: e } = N(), [t, n] = S([]);
-  return en(() => (n(e.favorites.getAll()), e.favorites.onChange((i) => {
+function Bi() {
+  const { engine: e } = w(), [t, n] = N([]);
+  return tn(() => (n(e.favorites.getAll()), e.favorites.onChange((i) => {
     n([...i]);
   }))), t;
 }
-function cn() {
-  const { engine: e } = N(), [t, n] = S(() => e.history.getHistoryData());
-  return w(() => {
+function an() {
+  const { engine: e } = w(), [t, n] = N(() => e.history.getHistoryData());
+  return E(() => {
     e.history.onChange((i) => {
       n(i);
     });
   }, []), t;
 }
-const Bi = `/**
+const Mi = `/**
  * 转换request扩展参数函数 (必须包含主函数main)
  *
  * @params {value} 默认携带参数或json对象
@@ -158,7 +158,7 @@ const Bi = `/**
  */
 function main(value, {origin, target, option}) {
   return value
-}`, Mi = `/**
+}`, ji = `/**
  * 修改目标componentNode (必须包含主函数main)
  *
  * @params {target} 目标componentNode
@@ -174,24 +174,24 @@ function main(target, origin, payload) {
   dragDirection: "d_dir"
   // 拖拽大小方向
 };
-function ji(e) {
+function Ti(e) {
   const t = [];
   return Object.entries(e).forEach(([n, i]) => {
     lt(n, i), t.push(() => lt.unbind(n, i));
   }), () => t.forEach((n) => n());
 }
-function Ti(e) {
-  w(() => ji(e), []);
+function zi(e) {
+  E(() => Ti(e), []);
 }
 function at() {
   const e = k.getActiveEngine();
   e && (e.componentNode.delete(Oe()), O("删除选中组件"));
 }
-function an() {
+function on() {
   const e = k.getActiveEngine();
   e && (e.instance.selectAll(), O("全选组件"));
 }
-function zi() {
+function $i() {
   const e = k.getActiveEngine();
   e && (e.instance.getAllSelected().forEach((t) => {
     const n = e.componentNode.get(t.id);
@@ -200,7 +200,7 @@ function zi() {
     });
   }), O("组件左移"));
 }
-function $i() {
+function Ri() {
   const e = k.getActiveEngine();
   e && (e.instance.getAllSelected().forEach((t) => {
     const n = e.componentNode.get(t.id);
@@ -209,7 +209,7 @@ function $i() {
     });
   }), O("组件右移动"));
 }
-function Ri() {
+function Fi() {
   const e = k.getActiveEngine();
   e && (e.instance.getAllSelected().forEach((t) => {
     const n = e.componentNode.get(t.id);
@@ -218,7 +218,7 @@ function Ri() {
     });
   }), O("组件上移"));
 }
-function Fi() {
+function Hi() {
   const e = k.getActiveEngine();
   e && (e.instance.getAllSelected().forEach((t) => {
     const n = e.componentNode.get(t.id);
@@ -227,19 +227,19 @@ function Fi() {
     });
   }), O("组件下移"));
 }
-function on() {
+function dn() {
   const e = k.getActiveEngine();
   if (!e) return;
-  const t = Oe(), n = new Set(e.instance.getAllSelected().map((a) => a.id)), i = [], c = e.componentNode.cloneComponentNodes(t, {
-    onClone(a, d) {
-      n.has(a.id) && (n.delete(a.id), i.push(d.id)), d.x += 10, d.y += 10;
+  const t = Oe(), n = new Set(e.instance.getAllSelected().map((o) => o.id)), i = [], c = e.componentNode.cloneComponentNodes(t, {
+    onClone(o, d) {
+      n.has(o.id) && (n.delete(o.id), i.push(d.id)), d.x += 10, d.y += 10;
     }
   });
   e.componentNode.add(c), setTimeout(() => {
     e.instance.select(i, !0), O("复制组件");
   });
 }
-function Hi() {
+function Ki() {
   var t, n;
   const e = k.getActiveEngine();
   (n = (t = e == null ? void 0 : e.componentNode) == null ? void 0 : t.clear) == null || n.call(t);
@@ -248,13 +248,13 @@ function vt(e) {
   const t = k.getActiveEngine();
   t && (t.getJSON().then((n) => {
     localStorage.setItem("json", JSON.stringify(n));
-  }), E.success("保存成功"));
+  }), A.success("保存成功"));
 }
 function De() {
   const e = k.getActiveEngine();
   e && e.instance.getAllSelected().length && (e.instance.unselectAll(), O("取消全选组件"));
 }
-function Ki() {
+function Ui() {
   const e = k.getActiveEngine();
   if (!e) return;
   e.instance.getAllSelected().forEach((n) => {
@@ -263,7 +263,7 @@ function Ki() {
     });
   }), e.instance.unselectAll();
 }
-function Ui() {
+function qi() {
   const e = k.getActiveEngine();
   if (!e) return;
   e.instance.getAllSelected().forEach((n) => {
@@ -272,7 +272,7 @@ function Ui() {
     });
   });
 }
-function qi() {
+function Ji() {
   const e = k.getActiveEngine();
   if (!e) return;
   const t = e.instance.getAllSelected();
@@ -284,18 +284,18 @@ function qi() {
   });
   e.componentNode.createGroup(n);
 }
-function Ji() {
+function Wi() {
   const e = k.getActiveEngine();
   if (!e) return;
   const t = e.instance.getAllSelected(), n = Array.from(
     t.reduce((i, c) => {
-      const a = c.getComponentNode();
-      return a.groupId && i.add(a.groupId), i;
+      const o = c.getComponentNode();
+      return o.groupId && i.add(o.groupId), i;
     }, /* @__PURE__ */ new Set())
   );
   e.componentNode.unlinkGroup(n), e.instance.unselectAll();
 }
-function Wi() {
+function Vi() {
   const e = k.getActiveEngine();
   if (!e) return;
   const t = e.componentNode.getMaxLevel();
@@ -305,7 +305,7 @@ function Wi() {
     });
   });
 }
-function Vi() {
+function Gi() {
   const e = k.getActiveEngine();
   if (!e) return;
   const t = e.componentNode.getMinLevel();
@@ -315,7 +315,7 @@ function Vi() {
     });
   });
 }
-function Gi() {
+function Xi() {
   const e = k.getActiveEngine();
   if (!e) return;
   const t = e.componentNode.getMaxLevel();
@@ -326,7 +326,7 @@ function Gi() {
     });
   });
 }
-function Xi() {
+function Yi() {
   const e = k.getActiveEngine();
   if (!e) return;
   const t = e.componentNode.getMinLevel();
@@ -337,12 +337,12 @@ function Xi() {
     });
   });
 }
-function Yi() {
+function Zi() {
   const e = k.getActiveEngine();
   if (!e) return;
   const t = Oe();
   if (!t.length) {
-    E.warn("收藏组件不能为空");
+    A.warn("收藏组件不能为空");
     return;
   }
   const n = ut(), i = e.favorites.getAll().length;
@@ -350,25 +350,25 @@ function Yi() {
     id: n,
     name: `收藏${i + 1}`,
     children: t,
-    gmtCreate: Ii().format("YYYY-MM-DD HH:mm:ss")
+    gmtCreate: ki().format("YYYY-MM-DD HH:mm:ss")
   });
 }
 function Oe() {
   const e = k.getActiveEngine();
   if (!e) return [];
   const t = e.instance.getAllSelected();
-  return Zi(t.map((n) => n.id));
+  return Qi(t.map((n) => n.id));
 }
-function Zi(e) {
+function Qi(e) {
   const t = k.getActiveEngine();
   if (!t) return [];
   const n = Array.isArray(e) ? e : [e];
   return Object.values(
     n.reduce((i, c) => {
       var d;
-      const a = t.componentNode.get(c);
-      return a && (i[a.id] = a, (d = a == null ? void 0 : a.panels) != null && d.length && t.componentNode.getPanelComponentNodes(a, !0).forEach((o) => {
-        i[o.id] = o;
+      const o = t.componentNode.get(c);
+      return o && (i[o.id] = o, (d = o == null ? void 0 : o.panels) != null && d.length && t.componentNode.getPanelComponentNodes(o, !0).forEach((a) => {
+        i[a.id] = a;
       })), i;
     }, {})
   );
@@ -377,7 +377,7 @@ function O(e) {
   setTimeout(async () => {
     const t = k.getActiveEngine();
     if (t) {
-      const n = await t.getJSON(), i = Wt(n);
+      const n = await t.getJSON(), i = Vt(n);
       t.history.add(i, e);
     }
   });
@@ -394,7 +394,7 @@ function ot() {
   const { data: t } = e.history.goForward() || {};
   t && (t.config.currentMenu = e.config.getConfig().currentMenu, e.loadJSON(t));
 }
-function Qi(e) {
+function pi(e) {
   const t = k.getActiveEngine();
   if (!t) return;
   const { data: n } = t.history.go(e) || {};
@@ -403,8 +403,8 @@ function Qi(e) {
 function Pe(e) {
   return lt[e];
 }
-function pi() {
-  Ti({
+function el() {
+  zi({
     backspace: () => {
       at();
     },
@@ -412,21 +412,21 @@ function pi() {
       at();
     },
     "Shift + A": () => {
-      an();
+      on();
     },
     left: (e) => {
-      e.preventDefault(), zi();
+      e.preventDefault(), $i();
     },
     right: (e) => {
-      e.preventDefault(), $i();
+      e.preventDefault(), Ri();
     },
     up: (e) => {
-      e.preventDefault(), Ri();
+      e.preventDefault(), Fi();
     },
     down: (e) => {
-      e.preventDefault(), Fi();
+      e.preventDefault(), Hi();
     },
-    "Shift + C": () => on(),
+    "Shift + C": () => dn(),
     "Shift + S": () => vt(),
     "Shift + R": () => De(),
     "Shift + Z": () => bt(),
@@ -434,23 +434,23 @@ function pi() {
     "Shift + Ctrl + Z": () => ot()
   });
 }
-const el = "_page_1ijjl_59", tl = "_page_header_1ijjl_69", nl = "_page_body_1ijjl_74", il = "_page_body_left_1ijjl_79", ll = "_page_body_main_1ijjl_86", cl = "_page_body_right_1ijjl_91", te = {
-  page: el,
-  page_header: tl,
-  page_body: nl,
-  page_body_left: il,
-  page_body_main: ll,
-  page_body_right: cl
-}, al = "_header_2phks_59", ol = "_header_flex_2phks_67", dl = "_header_flex_btnContainer_2phks_68", Ie = {
-  header: al,
-  header_flex: ol,
-  header_flex_btnContainer: dl
-}, rl = "_tooltipButton_tq7lx_59", sl = "_tooltipButton_hover_tq7lx_70", ul = "_tooltipButton_disabled_tq7lx_73", Fe = {
-  tooltipButton: rl,
-  tooltipButton_hover: sl,
-  tooltipButton_disabled: ul
+const tl = "_page_1ijjl_59", nl = "_page_header_1ijjl_69", il = "_page_body_1ijjl_74", ll = "_page_body_left_1ijjl_79", cl = "_page_body_main_1ijjl_86", al = "_page_body_right_1ijjl_91", te = {
+  page: tl,
+  page_header: nl,
+  page_body: il,
+  page_body_left: ll,
+  page_body_main: cl,
+  page_body_right: al
+}, ol = "_header_2phks_59", dl = "_header_flex_2phks_67", rl = "_header_flex_btnContainer_2phks_68", Ie = {
+  header: ol,
+  header_flex: dl,
+  header_flex_btnContainer: rl
+}, sl = "_tooltipButton_tq7lx_59", ul = "_tooltipButton_hover_tq7lx_70", hl = "_tooltipButton_disabled_tq7lx_73", Fe = {
+  tooltipButton: sl,
+  tooltipButton_hover: ul,
+  tooltipButton_disabled: hl
 };
-function dn(e) {
+function rn(e) {
   return /* @__PURE__ */ l(z, { title: e == null ? void 0 : e.title, children: /* @__PURE__ */ l(
     "div",
     {
@@ -472,7 +472,7 @@ window._iconfont_svg_string_4790291 = '<svg><symbol id="icon-undo" viewBox="0 0
     "data-injectcss"
   ), n = n.getAttribute("data-disable-injectsvg");
   if (!n) {
-    var i, c, a, d, o, s = function(u, _) {
+    var i, c, o, d, a, s = function(u, _) {
       _.parentNode.insertBefore(u, _);
     };
     if (t && !e.__iconfont__svg__cssinject__) {
@@ -490,12 +490,12 @@ window._iconfont_svg_string_4790291 = '<svg><symbol id="icon-undo" viewBox="0 0
       _.innerHTML = e._iconfont_svg_string_4790291, (_ = _.getElementsByTagName("svg")[0]) && (_.setAttribute("aria-hidden", "true"), _.style.position = "absolute", _.style.width = 0, _.style.height = 0, _.style.overflow = "hidden", _ = _, (u = document.body).firstChild ? s(_, u.firstChild) : u.appendChild(_));
     }, document.addEventListener ? ~["complete", "loaded", "interactive"].indexOf(document.readyState) ? setTimeout(i, 0) : (c = function() {
       document.removeEventListener("DOMContentLoaded", c, !1), i();
-    }, document.addEventListener("DOMContentLoaded", c, !1)) : document.attachEvent && (a = i, d = e.document, o = !1, h(), d.onreadystatechange = function() {
+    }, document.addEventListener("DOMContentLoaded", c, !1)) : document.attachEvent && (o = i, d = e.document, a = !1, h(), d.onreadystatechange = function() {
       d.readyState == "complete" && (d.onreadystatechange = null, r());
     });
   }
   function r() {
-    o || (o = !0, a());
+    a || (a = !0, o());
   }
   function h() {
     try {
@@ -509,11 +509,11 @@ window._iconfont_svg_string_4790291 = '<svg><symbol id="icon-undo" viewBox="0 0
 function Nt(e) {
   return /* @__PURE__ */ l("svg", { className: "icon", "aria-hidden": "true", children: /* @__PURE__ */ l("use", { xlinkHref: `#${e == null ? void 0 : e.type}` }) });
 }
-const hl = "_sizeBar_1yvet_59", gl = {
-  sizeBar: hl
-}, _l = "_inputNumberWithSuffix_1pwr4_59", ml = "_inputNumberWithSuffix_suffix_1pwr4_63", wt = {
-  inputNumberWithSuffix: _l,
-  inputNumberWithSuffix_suffix: ml
+const gl = "_sizeBar_1yvet_59", _l = {
+  sizeBar: gl
+}, ml = "_inputNumberWithSuffix_1pwr4_59", fl = "_inputNumberWithSuffix_suffix_1pwr4_63", wt = {
+  inputNumberWithSuffix: ml,
+  inputNumberWithSuffix_suffix: fl
 };
 function Et(e) {
   const { suffix: t, containerStyle: n, containerClassName: i, ...c } = e;
@@ -529,34 +529,34 @@ function Et(e) {
     }
   );
 }
-const fl = {
+const yl = {
   50: /* @__PURE__ */ l("span", { style: { fontSize: 12 }, children: "50%" }),
   100: /* @__PURE__ */ l("span", { style: { fontSize: 12 }, children: "100%" }),
   150: /* @__PURE__ */ l("span", { style: { fontSize: 12 }, children: "150%" }),
   200: " "
 };
-function yl(e) {
-  const { value: t = 1, isCustom: n } = e, i = Ee(), c = A(() => i.scaleMinZoom * 100, [i]), a = A(() => i.scaleMaxZoom * 100, [i]), d = A(() => i.scaleDefault * 100, [i]), o = A(() => Math.round(t * 100), [t]);
+function vl(e) {
+  const { value: t = 1, isCustom: n } = e, i = Ee(), c = L(() => i.scaleMinZoom * 100, [i]), o = L(() => i.scaleMaxZoom * 100, [i]), d = L(() => i.scaleDefault * 100, [i]), a = L(() => Math.round(t * 100), [t]);
   function s(r) {
     var u;
     const h = Math.round(Number(r)) / 100;
-    h !== o && ((u = e == null ? void 0 : e.onChange) == null || u.call(e, h));
+    h !== a && ((u = e == null ? void 0 : e.onChange) == null || u.call(e, h));
   }
   return /* @__PURE__ */ l(
     st,
     {
       content: /* @__PURE__ */ g("div", { style: { display: "flex", alignItems: "center", gap: 16 }, children: [
         /* @__PURE__ */ l(
-          Zn,
+          Qn,
           {
             style: { width: 250 },
             min: c,
-            max: Math.max(a, o),
+            max: Math.max(o, a),
             tooltip: {
               formatter: (r) => `${r}%`
             },
-            marks: fl,
-            value: o,
+            marks: yl,
+            value: a,
             onChange: s
           }
         ),
@@ -566,7 +566,7 @@ function yl(e) {
             {
               min: c,
               max: 1e3,
-              value: o,
+              value: a,
               placeholder: "缩放值",
               style: { fontSize: 12, width: 80 },
               onChange: (r) => {
@@ -574,7 +574,7 @@ function yl(e) {
               }
             }
           ),
-          /* @__PURE__ */ l(dn, { noHoverClass: !0, title: "重置", children: /* @__PURE__ */ l(
+          /* @__PURE__ */ l(rn, { noHoverClass: !0, title: "重置", children: /* @__PURE__ */ l(
             Z,
             {
               className: "theme-color icon_clickable",
@@ -586,15 +586,15 @@ function yl(e) {
         ] })
       ] }),
       children: /* @__PURE__ */ g("span", { style: { cursor: "pointer" }, children: [
-        /* @__PURE__ */ l("span", { style: { marginRight: 4 }, children: `${o}%` }),
-        /* @__PURE__ */ l(kn, {})
+        /* @__PURE__ */ l("span", { style: { marginRight: 4 }, children: `${a}%` }),
+        /* @__PURE__ */ l(Sn, {})
       ] })
     }
   );
 }
-function vl() {
-  const e = Ee(), { engine: t } = N();
-  return /* @__PURE__ */ g("div", { className: gl.sizeBar, id: "rbs-sizebar", children: [
+function bl() {
+  const e = Ee(), { engine: t } = w();
+  return /* @__PURE__ */ g("div", { className: _l.sizeBar, id: "rbs-sizebar", children: [
     /* @__PURE__ */ l(
       Et,
       {
@@ -607,7 +607,7 @@ function vl() {
         }
       }
     ),
-    /* @__PURE__ */ l(Sn, { style: { fontSize: 10 } }),
+    /* @__PURE__ */ l(Nn, { style: { fontSize: 10 } }),
     /* @__PURE__ */ l(
       Et,
       {
@@ -621,7 +621,7 @@ function vl() {
       }
     ),
     /* @__PURE__ */ l(
-      yl,
+      vl,
       {
         value: e.scale,
         onChange: (n) => {
@@ -633,7 +633,7 @@ function vl() {
     )
   ] });
 }
-function P({ children: e }) {
+function B({ children: e }) {
   return /* @__PURE__ */ l(
     "div",
     {
@@ -652,7 +652,7 @@ function P({ children: e }) {
     }
   );
 }
-function bl() {
+function Cl() {
   const [e] = se();
   return /* @__PURE__ */ g(
     D,
@@ -666,36 +666,36 @@ function bl() {
             e("head.shortCutKeys.all"),
             "："
           ] }),
-          /* @__PURE__ */ l(P, { children: "Shift" }),
+          /* @__PURE__ */ l(B, { children: "Shift" }),
           /* @__PURE__ */ l("span", { children: "+" }),
-          /* @__PURE__ */ l(P, { children: "A" })
+          /* @__PURE__ */ l(B, { children: "A" })
         ] }),
         /* @__PURE__ */ g(D, { children: [
           /* @__PURE__ */ g("span", { children: [
             e("head.shortCutKeys.invert"),
             "："
           ] }),
-          /* @__PURE__ */ l(P, { children: "Shift" }),
+          /* @__PURE__ */ l(B, { children: "Shift" }),
           /* @__PURE__ */ l("span", { children: "+" }),
-          /* @__PURE__ */ l(P, { children: "R" })
+          /* @__PURE__ */ l(B, { children: "R" })
         ] }),
         /* @__PURE__ */ g(D, { children: [
           /* @__PURE__ */ g("span", { children: [
             e("head.shortCutKeys.copy"),
             "："
           ] }),
-          /* @__PURE__ */ l(P, { children: "Shift" }),
+          /* @__PURE__ */ l(B, { children: "Shift" }),
           /* @__PURE__ */ l("span", { children: "+" }),
-          /* @__PURE__ */ l(P, { children: "C" })
+          /* @__PURE__ */ l(B, { children: "C" })
         ] }),
         /* @__PURE__ */ g(D, { children: [
           /* @__PURE__ */ g("span", { children: [
             e("head.shortCutKeys.save"),
             "："
           ] }),
-          /* @__PURE__ */ l(P, { children: "Shift" }),
+          /* @__PURE__ */ l(B, { children: "Shift" }),
           /* @__PURE__ */ l("span", { children: "+" }),
-          /* @__PURE__ */ l(P, { children: "S" })
+          /* @__PURE__ */ l(B, { children: "S" })
         ] }),
         /* @__PURE__ */ g(D, { children: [
           /* @__PURE__ */ g("span", { children: [
@@ -703,7 +703,7 @@ function bl() {
             "："
           ] }),
           /* @__PURE__ */ l("span", { children: e("head.shortCutKeys.multipleExt.ext1") }),
-          /* @__PURE__ */ l(P, { children: "Shift" }),
+          /* @__PURE__ */ l(B, { children: "Shift" }),
           /* @__PURE__ */ l("span", { children: e("head.shortCutKeys.multipleExt.ext2") })
         ] }),
         /* @__PURE__ */ g(D, { children: [
@@ -711,23 +711,23 @@ function bl() {
             e("head.shortCutKeys.delete"),
             "："
           ] }),
-          /* @__PURE__ */ l(P, { children: "BackSpace" }),
+          /* @__PURE__ */ l(B, { children: "BackSpace" }),
           /* @__PURE__ */ g("span", { children: [
             " ",
             e("head.shortCutKeys.deleteExt.ext1"),
             " "
           ] }),
-          /* @__PURE__ */ l(P, { children: "Delete" })
+          /* @__PURE__ */ l(B, { children: "Delete" })
         ] }),
         /* @__PURE__ */ g(D, { children: [
           /* @__PURE__ */ g("span", { children: [
             e("head.shortCutKeys.move"),
             "："
           ] }),
-          /* @__PURE__ */ l(P, { children: /* @__PURE__ */ l(et, {}) }),
-          /* @__PURE__ */ l(P, { children: /* @__PURE__ */ l(Nn, {}) }),
-          /* @__PURE__ */ l(P, { children: /* @__PURE__ */ l(tt, {}) }),
-          /* @__PURE__ */ l(P, { children: /* @__PURE__ */ l(wn, {}) })
+          /* @__PURE__ */ l(B, { children: /* @__PURE__ */ l(et, {}) }),
+          /* @__PURE__ */ l(B, { children: /* @__PURE__ */ l(wn, {}) }),
+          /* @__PURE__ */ l(B, { children: /* @__PURE__ */ l(tt, {}) }),
+          /* @__PURE__ */ l(B, { children: /* @__PURE__ */ l(En, {}) })
         ] }),
         /* @__PURE__ */ g(D, { children: [
           /* @__PURE__ */ g("span", { children: [
@@ -735,7 +735,7 @@ function bl() {
             "："
           ] }),
           /* @__PURE__ */ l("span", { children: e("head.shortCutKeys.forceExt.ext1") }),
-          /* @__PURE__ */ l(P, { children: "Shift" }),
+          /* @__PURE__ */ l(B, { children: "Shift" }),
           /* @__PURE__ */ l("span", { children: e("head.shortCutKeys.forceExt.ext2") })
         ] }),
         /* @__PURE__ */ g(D, { children: [
@@ -743,27 +743,27 @@ function bl() {
             e("head.shortCutKeys.undo"),
             "："
           ] }),
-          /* @__PURE__ */ l(P, { children: "Shift" }),
+          /* @__PURE__ */ l(B, { children: "Shift" }),
           /* @__PURE__ */ l("span", { children: "+" }),
-          /* @__PURE__ */ l(P, { children: "Z" })
+          /* @__PURE__ */ l(B, { children: "Z" })
         ] }),
         /* @__PURE__ */ g(D, { children: [
           /* @__PURE__ */ g("span", { children: [
             e("head.shortCutKeys.cancelUndo"),
             "："
           ] }),
-          /* @__PURE__ */ l(P, { children: "Shift" }),
+          /* @__PURE__ */ l(B, { children: "Shift" }),
           /* @__PURE__ */ l("span", { children: "+" }),
-          /* @__PURE__ */ l(P, { children: "Ctrl / Command" }),
+          /* @__PURE__ */ l(B, { children: "Ctrl / Command" }),
           /* @__PURE__ */ l("span", { children: "+" }),
-          /* @__PURE__ */ l(P, { children: "Z" })
+          /* @__PURE__ */ l(B, { children: "Z" })
         ] }),
         /* @__PURE__ */ g(D, { children: [
           /* @__PURE__ */ g("span", { children: [
             e("head.shortCutKeys.zoom"),
             "："
           ] }),
-          /* @__PURE__ */ l(P, { children: /* @__PURE__ */ g(D, { children: [
+          /* @__PURE__ */ l(B, { children: /* @__PURE__ */ g(D, { children: [
             /* @__PURE__ */ l("span", { children: e("head.shortCutKeys.zoomExt.ext1") }),
             /* @__PURE__ */ l(et, {}),
             /* @__PURE__ */ l("span", { children: "/" }),
@@ -775,7 +775,7 @@ function bl() {
             e("head.shortCutKeys.zoomReset"),
             "："
           ] }),
-          /* @__PURE__ */ l(P, { children: e("head.shortCutKeys.zoomResetExt.ext1") })
+          /* @__PURE__ */ l(B, { children: e("head.shortCutKeys.zoomResetExt.ext1") })
         ] }),
         /* @__PURE__ */ g(D, { children: [
           /* @__PURE__ */ g("span", { children: [
@@ -783,26 +783,26 @@ function bl() {
             "："
           ] }),
           /* @__PURE__ */ l("span", { children: e("head.shortCutKeys.dragCanvasExt.ext1") }),
-          /* @__PURE__ */ l(P, { children: "Space" }),
+          /* @__PURE__ */ l(B, { children: "Space" }),
           /* @__PURE__ */ l("span", { children: e("head.shortCutKeys.dragCanvas") })
         ] })
       ]
     }
   );
 }
-const Cl = ["rbs-screen.top"];
-function xl(e = window.location.host) {
+const xl = ["rbs-screen.top"];
+function Il(e = window.location.host) {
   const t = e == null ? void 0 : e.toLowerCase();
-  return Cl.some((n) => {
+  return xl.some((n) => {
     var i, c;
     return (c = t == null ? void 0 : t.includes) == null ? void 0 : c.call(t, (i = n == null ? void 0 : n.toLowerCase) == null ? void 0 : i.call(n));
   });
 }
-const Il = (e, t, n) => {
+const kl = (e, t, n) => {
   const i = e[t];
-  return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((c, a) => {
+  return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((c, o) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
-      a.bind(
+      o.bind(
         null,
         new Error(
           "Unknown variable dynamic import: " + t + (t.split("/").length !== n ? ". Note that variables only represent file names one level deep." : "")
@@ -811,12 +811,12 @@ const Il = (e, t, n) => {
     );
   });
 };
-async function kl(e) {
+async function Sl(e) {
   var i;
-  const t = await Il(/* @__PURE__ */ Object.assign({ "../../../../../../public/example/classic.json": () => import("./index-Dbkk-b9S.mjs").then((c) => c.r), "../../../../../../public/example/multiple-components-interactive.json": () => import("./index-Dbkk-b9S.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-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();
   (i = n == null ? void 0 : n.loadJSON) == null || i.call(n, t);
 }
-function Sl() {
+function Nl() {
   return /* @__PURE__ */ l(
     be,
     {
@@ -829,14 +829,14 @@ function Sl() {
           }
         ],
         onClick({ key: e }) {
-          kl(e);
+          Sl(e);
         }
       },
       children: /* @__PURE__ */ l(K, { size: "small", style: { fontSize: 12 }, id: "rbs-choose-example-button", children: "切换示例" })
     }
   );
 }
-function Nl() {
+function wl() {
   return /* @__PURE__ */ l(
     K,
     {
@@ -844,50 +844,54 @@ function Nl() {
       style: { fontSize: 12 },
       id: "rbs-starter-help",
       onClick: () => {
-        li(!0);
+        ci(!0);
       },
       children: "新手教程"
     }
   );
 }
-const wl = xl();
-function El(e) {
-  const { pageLogo: t, pageToolBar: n } = e, { engine: i, rbsEngine: c } = N(), [a, d] = se(), o = cn(), s = d.language === ci.zh, r = A(() => [
+const El = "rbs-tool-bar", At = "rbs-preview", Al = Il();
+function Ll(e) {
+  const { pageLogo: t, pageToolBar: n } = e, { showLanguage: i = !0, showPreview: c = !0, showSave: o = !0 } = (e == null ? void 0 : e.toolBarOptions) || {}, { engine: d, rbsEngine: a } = w(), [s, r] = se(), h = an(), u = r.language === ai.zh, _ = L(() => [
     {
       key: "shortCutKeys",
-      description: /* @__PURE__ */ l(bl, {}),
-      icon: /* @__PURE__ */ l(En, {})
+      description: /* @__PURE__ */ l(Cl, {}),
+      icon: /* @__PURE__ */ l(An, {})
     },
     {
       key: "undo",
-      description: a("head.undo"),
-      disabled: !o.isCanGoBack,
+      description: s("head.undo"),
+      disabled: !h.isCanGoBack,
       icon: /* @__PURE__ */ l(Nt, { type: "icon-undo" })
     },
     {
       key: "cancelUndo",
-      description: a("head.cancelUndo"),
-      disabled: !o.isCanGoForward,
+      description: s("head.cancelUndo"),
+      disabled: !h.isCanGoForward,
       icon: /* @__PURE__ */ l(Nt, { type: "icon-cancel-undo" })
     },
-    { key: "export", description: a("head.export"), icon: /* @__PURE__ */ l(An, {}) },
-    { key: "import", description: a("head.import"), icon: /* @__PURE__ */ l($t, {}) },
-    { key: "clear", description: a("head.clear"), icon: /* @__PURE__ */ l(Rt, {}) },
-    {
+    { key: "export", description: s("head.export"), icon: /* @__PURE__ */ l(Ln, {}) },
+    { key: "import", description: s("head.import"), icon: /* @__PURE__ */ l(Rt, {}) },
+    { key: "clear", description: s("head.clear"), icon: /* @__PURE__ */ l(Ft, {}) },
+    i && {
       key: "language",
-      description: a("head.language", { text: `${s ? "切换英语" : "change chinese"}` }),
-      icon: /* @__PURE__ */ l(Ln, {})
+      description: s("head.language", { text: `${u ? "切换英语" : "change chinese"}` }),
+      icon: /* @__PURE__ */ l(Dn, {})
     },
-    { key: "save", description: a("head.save"), icon: /* @__PURE__ */ l(Q, {}) }
-  ], [d.language, o.isCanGoForward, o.isCanGoBack]);
-  function h() {
+    o && {
+      key: "save",
+      description: s("head.save"),
+      icon: /* @__PURE__ */ l(Q, {})
+    }
+  ].filter(Boolean), [r.language, h.isCanGoForward, h.isCanGoBack, i, o]);
+  function m() {
     window.open("https://github.com/tangjiahui-cn/react-big-screen.git");
   }
-  async function u() {
-    c == null || c.emit("startPreview", i);
+  async function v() {
+    a == null || a.emit("startPreview", d);
   }
-  function _(I) {
-    switch (I.key) {
+  function C(f) {
+    switch (f.key) {
       case "undo":
         bt();
         break;
@@ -895,92 +899,92 @@ function El(e) {
         ot();
         break;
       case "export":
-        i.getJSON().then((y) => {
-          const x = JSON.stringify(y);
-          qt(x, "大屏看板.json");
+        d.getJSON().then((S) => {
+          const P = JSON.stringify(S);
+          Jt(P, "大屏看板.json");
         });
         break;
       case "import":
-        Ai().then((y) => {
-          if (!y)
-            return E.warn("文件内容不能为空");
+        Li().then((S) => {
+          if (!S)
+            return A.warn("文件内容不能为空");
           try {
-            const x = JSON.parse(y);
-            i.loadJSON(x);
+            const P = JSON.parse(S);
+            d.loadJSON(P);
           } catch {
-            E.error("请上传json格式文件");
+            A.error("请上传json格式文件");
           }
         });
         break;
       case "preview":
-        u();
+        v();
         break;
       case "save":
         vt();
         break;
       case "clear":
-        i.clear();
+        d.clear();
         break;
       case "settings":
         break;
       case "language":
-        const f = s ? "en" : "zh";
-        ai(f), i.config.setConfig({ language: f });
+        const x = u ? "en" : "zh";
+        oi(x), d.config.setConfig({ language: x });
         break;
     }
   }
-  const m = /* @__PURE__ */ g("div", { className: Ie.header_flex, children: [
+  const b = /* @__PURE__ */ g("div", { className: Ie.header_flex, children: [
     /* @__PURE__ */ l("b", { children: "BigScreen" }),
-    !wl && /* @__PURE__ */ l(Dn, { style: { cursor: "pointer", fontSize: 16 }, onClick: h })
-  ] }), v = /* @__PURE__ */ g(W, { children: [
-    r.map((I) => /* @__PURE__ */ l(
-      dn,
+    !Al && /* @__PURE__ */ l(On, { style: { cursor: "pointer", fontSize: 16 }, onClick: m })
+  ] }), I = /* @__PURE__ */ g(W, { children: [
+    _.map((f) => /* @__PURE__ */ l(
+      rn,
       {
-        disabled: I == null ? void 0 : I.disabled,
-        title: I.description,
-        onClick: () => _(I),
-        children: I == null ? void 0 : I.icon
+        disabled: f == null ? void 0 : f.disabled,
+        title: f.description,
+        onClick: () => C(f),
+        children: f == null ? void 0 : f.icon
       },
-      I.key
+      f.key
     )),
-    /* @__PURE__ */ l(
+    c && /* @__PURE__ */ l(
       K,
       {
         type: "primary",
         size: "small",
         style: { fontSize: 12 },
-        id: "rbs-preview",
-        onClick: u,
+        id: At,
+        onClick: v,
         children: "开始预览"
       }
     )
-  ] }), C = "rbs-tool-bar", b = n ? typeof n == "function" ? /* @__PURE__ */ l(n, { origin: v, previewDriverId: C }) : n : v;
+  ] }), y = n ? typeof n == "function" ? /* @__PURE__ */ l(n, { origin: I, previewDriverId: At }) : n : I;
   return /* @__PURE__ */ g("div", { className: Ie.header, children: [
-    t ? typeof t == "function" ? /* @__PURE__ */ l(t, {}) : t : m,
-    /* @__PURE__ */ l(vl, {}),
+    t ? typeof t == "function" ? /* @__PURE__ */ l(t, {}) : t : b,
+    /* @__PURE__ */ l(bl, {}),
     /* @__PURE__ */ g("div", { className: Ie.header_flex, children: [
-      /* @__PURE__ */ l(Sl, {}),
       /* @__PURE__ */ l(Nl, {}),
-      /* @__PURE__ */ l("div", { className: Ie.header_flex_btnContainer, id: C, children: b })
+      /* @__PURE__ */ l(wl, {}),
+      /* @__PURE__ */ l("div", { className: Ie.header_flex_btnContainer, id: El, children: y })
     ] })
   ] });
 }
-const Al = "_menu_1ueks_59", Ll = "_menu_bar_1ueks_68", Dl = "_menu_main_1ueks_72", He = {
-  menu: Al,
-  menu_bar: Ll,
-  menu_main: Dl
-}, Ol = "_library_11n9v_59", Pl = "_library_header_11n9v_72", Bl = "_library_main_11n9v_83", Ke = {
-  library: Ol,
-  library_header: Pl,
-  library_main: Bl
-}, Ml = "_componentsBlock_mx05c_59", jl = {
-  componentsBlock: Ml
-}, Tl = "_componentItem_1a82r_59", zl = "_componentItem_body_1a82r_71", $l = "_componentItem_footer_1a82r_80", Ue = {
-  componentItem: Tl,
-  componentItem_body: zl,
-  componentItem_footer: $l
+const Dl = "_menu_1ueks_59", Ol = "_menu_bar_1ueks_68", Pl = "_menu_main_1ueks_72", He = {
+  menu: Dl,
+  menu_bar: Ol,
+  menu_main: Pl
+}, Bl = "_library_11n9v_59", Ml = "_library_header_11n9v_72", jl = "_library_main_11n9v_83", Ke = {
+  library: Bl,
+  library_header: Ml,
+  library_main: jl
+}, Tl = "_componentsBlock_mx05c_59", zl = {
+  componentsBlock: Tl
+}, $l = "_componentItem_1a82r_59", Rl = "_componentItem_body_1a82r_71", Fl = "_componentItem_footer_1a82r_80", Ue = {
+  componentItem: $l,
+  componentItem_body: Rl,
+  componentItem_footer: Fl
 };
-class Rl {
+class Hl {
   constructor() {
     // style tag.
     ee(this, "style");
@@ -997,29 +1001,29 @@ class Rl {
     !this.style || --this.count > 0 || (this.count = 0, this.style.remove(), this.style = void 0);
   }
 }
-const At = new Rl();
-function Fl(e, t) {
+const Lt = new Hl();
+function Kl(e, t) {
   let n = !1;
   e.addEventListener("mousedown", c);
-  function i(o) {
+  function i(a) {
     var s;
-    n || (n = !0, (s = t == null ? void 0 : t.onStart) == null || s.call(t, o, { isDragging: n }));
+    n || (n = !0, (s = t == null ? void 0 : t.onStart) == null || s.call(t, a, { isDragging: n }));
   }
   function c() {
-    e.addEventListener("mousemove", i), window.addEventListener("mouseup", a);
+    e.addEventListener("mousemove", i), window.addEventListener("mouseup", o);
   }
-  function a(o) {
+  function o(a) {
     var s;
-    (s = t == null ? void 0 : t.onEnd) == null || s.call(t, o, { isDragging: n }), d();
+    (s = t == null ? void 0 : t.onEnd) == null || s.call(t, a, { isDragging: n }), d();
   }
   function d() {
-    n = !1, e.removeEventListener("mousemove", i), window.removeEventListener("mouseup", a);
+    n = !1, e.removeEventListener("mousemove", i), window.removeEventListener("mouseup", o);
   }
   return () => {
     d(), e.removeEventListener("mousedown", c);
   };
 }
-class Hl {
+class Ul {
   constructor() {
     ee(this, "isDragging", !1);
     ee(this, "dragOptions", {
@@ -1068,29 +1072,29 @@ class Hl {
     return this.dragOptions;
   }
 }
-const ce = new Hl();
-function rn(e, t) {
-  const n = M(t);
-  n.current = t, w(() => {
+const ce = new Ul();
+function sn(e, t) {
+  const n = j(t);
+  n.current = t, E(() => {
     const i = e.current;
     if (!i) {
       console.warn("dom must be set.");
       return;
     }
-    const c = Fl(i, {
+    const c = Kl(i, {
       onStart() {
-        At.mount(), document.documentElement.classList.add("is-dragging"), ce.setDragOptions(n.current), ce.setIsDragging(!0);
+        Lt.mount(), document.documentElement.classList.add("is-dragging"), ce.setDragOptions(n.current), ce.setIsDragging(!0);
       },
       onEnd() {
-        At.unmount(), document.documentElement.classList.remove("is-dragging"), ce.setDragOptions(n.current), ce.setIsDragging(!1);
+        Lt.unmount(), document.documentElement.classList.remove("is-dragging"), ce.setDragOptions(n.current), ce.setIsDragging(!1);
       }
     });
     return () => c();
   }, []);
 }
-function sn(e, t) {
-  const n = M(t);
-  n.current = t, w(() => {
+function un(e, t) {
+  const n = j(t);
+  n.current = t, E(() => {
     const { accept: i } = t;
     if (i && !Array.isArray(i))
       throw new Error("accept must be a string array.");
@@ -1099,21 +1103,21 @@ function sn(e, t) {
       console.warn("dom must be set.");
       return;
     }
-    const a = (d) => {
+    const o = (d) => {
       var s, r, h;
       if (!ce.getIsDragging())
         return;
-      const o = ce.getDragOptions();
-      i && !((s = i == null ? void 0 : i.includes) != null && s.call(i, o.type || "")) || (h = (r = n.current) == null ? void 0 : r.onDrop) == null || h.call(r, d, o);
+      const a = ce.getDragOptions();
+      i && !((s = i == null ? void 0 : i.includes) != null && s.call(i, a.type || "")) || (h = (r = n.current) == null ? void 0 : r.onDrop) == null || h.call(r, d, a);
     };
-    return c.addEventListener("mouseup", a), () => {
-      c.removeEventListener("mouseup", a);
+    return c.addEventListener("mouseup", o), () => {
+      c.removeEventListener("mouseup", o);
     };
   }, []);
 }
 function xe(e) {
-  const { src: t } = e, [n, i] = S("");
-  return w(() => {
+  const { src: t } = e, [n, i] = N("");
+  return E(() => {
     switch (typeof t) {
       case "string":
         i(t);
@@ -1126,9 +1130,9 @@ function xe(e) {
     }
   }, [t]), t ? /* @__PURE__ */ l("img", { style: e == null ? void 0 : e.style, src: n, draggable: !1 }) : /* @__PURE__ */ l("span", { style: { color: "#b8b8b8" }, children: "None" });
 }
-function Kl(e) {
-  const { component: t } = e, n = M(null);
-  return rn(n, {
+function ql(e) {
+  const { component: t } = e, n = j(null);
+  return sn(n, {
     type: "create-component",
     data: {
       component: t
@@ -1146,18 +1150,18 @@ function Kl(e) {
     }
   );
 }
-function Ul(e) {
-  var a;
-  const { components: t, column: n = 3 } = e, { width: i, lines: c } = A(() => ({
+function Jl(e) {
+  var o;
+  const { components: t, column: n = 3 } = e, { width: i, lines: c } = L(() => ({
     width: `${100 / n}%`,
     lines: Math.ceil(t.length / n)
   }), [t, n]);
-  return /* @__PURE__ */ g("div", { className: jl.componentsBlock, children: [
+  return /* @__PURE__ */ g("div", { className: zl.componentsBlock, children: [
     !(t != null && t.length) && /* @__PURE__ */ l(U, { description: "暂无组件" }),
-    (a = t == null ? void 0 : t.map) == null ? void 0 : a.call(t, (d, o) => {
-      const s = o % n === n - 1, r = c === 1 || o > (c - 1) * n - 1;
+    (o = t == null ? void 0 : t.map) == null ? void 0 : o.call(t, (d, a) => {
+      const s = a % n === n - 1, r = c === 1 || a > (c - 1) * n - 1;
       return /* @__PURE__ */ l(
-        Kl,
+        ql,
         {
           component: d,
           style: {
@@ -1171,43 +1175,43 @@ function Ul(e) {
     })
   ] });
 }
-function Lt(e, t = "") {
+function Dt(e, t = "") {
   if (!t) return e;
   const n = t.toLowerCase();
   return e.filter((i) => i.cName.toLowerCase().includes(n) || i.cId.toLowerCase().includes(n));
 }
-function ql() {
-  const [e, t] = se(), [n, i] = S([]), c = Oi(), [a, d] = S(""), [o, s] = S([]), r = A(() => ({
+function Wl() {
+  const [e, t] = se(), [n, i] = N([]), c = Pi(), [o, d] = N(""), [a, s] = N([]), r = L(() => ({
     base: e("menu.library.base"),
     charts: e("menu.library.charts"),
     layout: e("menu.library.layout"),
     nav: e("menu.library.nav"),
     unknown: e("menu.library.unknown")
-  }), [t.language]), h = A(() => ui((_, m = "") => {
-    const v = Lt(_, m);
+  }), [t.language]), h = L(() => hi((_, m = "") => {
+    const v = Dt(_, m);
     s(v);
   }, 500), []);
-  w(() => {
-    s(Lt(c, a));
+  E(() => {
+    s(Dt(c, o));
   }, [c]), _t(() => {
-    h(c, a);
-  }, [a]);
-  const u = A(() => {
+    h(c, o);
+  }, [o]);
+  const u = L(() => {
     const _ = [], m = Object.entries(
-      hi(o, (v) => v.category || "unknown")
+      gi(a, (v) => v.category || "unknown")
     ).map(([v, C]) => (_.push(v), {
       key: v,
       components: C,
       label: r[v] || v
     }));
     return i(_), m;
-  }, [o, r]);
+  }, [a, r]);
   return /* @__PURE__ */ g("div", { className: Ke.library, children: [
     /* @__PURE__ */ l("div", { className: Ke.library_header, children: /* @__PURE__ */ l(
-      Qn.Search,
+      pn.Search,
       {
         allowClear: !0,
-        value: a,
+        value: o,
         placeholder: "搜索组件",
         onChange: (_) => {
           d(_.target.value);
@@ -1221,25 +1225,25 @@ function ql() {
         activeKey: n,
         style: { padding: 0 },
         onChange: (_) => i(_ || []),
-        children: u.map((_) => /* @__PURE__ */ l(Ct.Panel, { header: _.label, style: { padding: 0 }, children: /* @__PURE__ */ l(Ul, { components: _.components }) }, _.key))
+        children: u.map((_) => /* @__PURE__ */ l(Ct.Panel, { header: _.label, style: { padding: 0 }, children: /* @__PURE__ */ l(Jl, { components: _.components }) }, _.key))
       }
     ) : /* @__PURE__ */ l(U, { style: { height: "100%", background: "white" } }) })
   ] });
 }
-const Jl = "_componentNodes_x43ss_59", Wl = "_componentNodes_head_x43ss_63", Vl = "_componentNodes_block_x43ss_67", qe = {
-  componentNodes: Jl,
-  componentNodes_head: Wl,
-  componentNodes_block: Vl
-}, Gl = "_componentNodeItem_r9mbq_59", Xl = "_componentNodeItem_selected_r9mbq_65", Yl = "_componentNodeItem_icon_r9mbq_71", Zl = "_componentNodeItem_name_r9mbq_81", Ql = "_componentNodeItem_tail_r9mbq_84", pl = "_componentNodeItem_tail_operatable_r9mbq_95", ne = {
-  componentNodeItem: Gl,
-  componentNodeItem_selected: Xl,
-  componentNodeItem_icon: Yl,
-  componentNodeItem_name: Zl,
-  componentNodeItem_tail: Ql,
-  componentNodeItem_tail_operatable: pl
+const Vl = "_componentNodes_x43ss_59", Gl = "_componentNodes_head_x43ss_63", Xl = "_componentNodes_block_x43ss_67", qe = {
+  componentNodes: Vl,
+  componentNodes_head: Gl,
+  componentNodes_block: Xl
+}, Yl = "_componentNodeItem_r9mbq_59", Zl = "_componentNodeItem_selected_r9mbq_65", Ql = "_componentNodeItem_icon_r9mbq_71", pl = "_componentNodeItem_name_r9mbq_81", ec = "_componentNodeItem_tail_r9mbq_84", tc = "_componentNodeItem_tail_operatable_r9mbq_95", ne = {
+  componentNodeItem: Yl,
+  componentNodeItem_selected: Zl,
+  componentNodeItem_icon: Ql,
+  componentNodeItem_name: pl,
+  componentNodeItem_tail: ec,
+  componentNodeItem_tail_operatable: tc
 };
-function ec(e) {
-  const { engine: t } = N(), n = M(null), [i, c] = S(e == null ? void 0 : e.componentNode), a = (i == null ? void 0 : i.show) ?? !0, { component: d, instance: o } = A(() => ({
+function nc(e) {
+  const { engine: t } = w(), n = j(null), [i, c] = N(e == null ? void 0 : e.componentNode), o = (i == null ? void 0 : i.show) ?? !0, { component: d, instance: a } = L(() => ({
     component: t.component.get(i == null ? void 0 : i.cId),
     instance: t.instance.get(i == null ? void 0 : i.id)
   }), [i]);
@@ -1259,7 +1263,7 @@ function ec(e) {
       show: h
     });
   }
-  return w(() => t.componentNode.onChange(i.id, ({ payload: h }) => {
+  return E(() => t.componentNode.onChange(i.id, ({ payload: h }) => {
     c({ ...h });
   }), []), /* @__PURE__ */ g(
     "div",
@@ -1275,25 +1279,25 @@ function ec(e) {
       },
       onMouseEnter: () => {
         var h;
-        (h = o == null ? void 0 : o.handleHover) == null || h.call(o);
+        (h = a == null ? void 0 : a.handleHover) == null || h.call(a);
       },
       onMouseLeave: () => {
         var h;
-        (h = o == null ? void 0 : o.handleUnHover) == null || h.call(o);
+        (h = a == null ? void 0 : a.handleUnHover) == null || h.call(a);
       },
       children: [
         /* @__PURE__ */ l("div", { className: ne.componentNodeItem_icon, children: /* @__PURE__ */ l(xe, { src: d == null ? void 0 : d.icon, style: { height: "75%", maxWidth: "100%" } }) }),
         /* @__PURE__ */ l("div", { className: ne.componentNodeItem_name, children: i == null ? void 0 : i.name }),
         /* @__PURE__ */ g("div", { className: ne.componentNodeItem_tail, children: [
-          /* @__PURE__ */ l("div", { children: i != null && i.lock ? /* @__PURE__ */ l(Ft, {}) : "" }),
+          /* @__PURE__ */ l("div", { children: i != null && i.lock ? /* @__PURE__ */ l(Ht, {}) : "" }),
           /* @__PURE__ */ l(
             "div",
             {
               className: ne.componentNodeItem_tail_operatable,
               onMouseDown: (h) => {
-                h.stopPropagation(), r(!a);
+                h.stopPropagation(), r(!o);
               },
-              children: a ? /* @__PURE__ */ l(On, {}) : /* @__PURE__ */ l(Pn, {})
+              children: o ? /* @__PURE__ */ l(Pn, {}) : /* @__PURE__ */ l(Bn, {})
             }
           )
         ] })
@@ -1301,47 +1305,47 @@ function ec(e) {
     }
   );
 }
-const tc = "_renderContextMenu_vitq8_59", nc = {
-  renderContextMenu: tc
-}, ic = "_renderList_p7203_59", lc = "_renderList_disabled_p7203_63", cc = "_renderList_item_p7203_70", ac = "_renderList_item_title_p7203_87", oc = "_renderList_item_unselectable_p7203_94", ge = {
-  renderList: ic,
-  renderList_disabled: lc,
-  renderList_item: cc,
-  renderList_item_title: ac,
-  renderList_item_unselectable: oc
-}, dc = "_hoverItem_overlay_twv7t_59", rc = {
-  hoverItem_overlay: dc
-}, sc = {
+const ic = "_renderContextMenu_vitq8_59", lc = {
+  renderContextMenu: ic
+}, cc = "_renderList_p7203_59", ac = "_renderList_disabled_p7203_63", oc = "_renderList_item_p7203_70", dc = "_renderList_item_title_p7203_87", rc = "_renderList_item_unselectable_p7203_94", ge = {
+  renderList: cc,
+  renderList_disabled: ac,
+  renderList_item: oc,
+  renderList_item_title: dc,
+  renderList_item_unselectable: rc
+}, sc = "_hoverItem_overlay_twv7t_59", uc = {
+  hoverItem_overlay: sc
+}, hc = {
   top: 0,
   left: 0
 };
-function uc(e) {
-  const { engine: t } = N(), { children: n, items: i, onSelect: c, ...a } = e, [d, o] = S(!1), [s, r] = S(sc);
+function gc(e) {
+  const { engine: t } = w(), { children: n, items: i, onSelect: c, ...o } = e, [d, a] = N(!1), [s, r] = N(hc);
   function h(_) {
     var v, C, b;
     if ((v = e == null ? void 0 : e.onMouseEnter) == null || v.call(e, _), !(i != null && i.length))
       return;
     const m = (b = (C = _.target) == null ? void 0 : C.getBoundingClientRect) == null ? void 0 : b.call(C);
-    m && (r({ top: m.top, left: m.left + m.width }), o(!0));
+    m && (r({ top: m.top, left: m.left + m.width }), a(!0));
   }
   function u(_) {
     var m;
-    (m = e == null ? void 0 : e.onMouseLeave) == null || m.call(e, _), o(!1);
+    (m = e == null ? void 0 : e.onMouseLeave) == null || m.call(e, _), a(!1);
   }
-  return /* @__PURE__ */ g("div", { ...a, onMouseEnter: h, onMouseLeave: u, children: [
+  return /* @__PURE__ */ g("div", { ...o, onMouseEnter: h, onMouseLeave: u, children: [
     n,
-    d && si(
+    d && ui(
       /* @__PURE__ */ l(
         "div",
         {
-          className: rc.hoverItem_overlay,
+          className: uc.hoverItem_overlay,
           style: {
             top: s.top,
             left: s.left,
             zIndex: t.componentNode.getMaxLevel()
           },
           children: /* @__PURE__ */ l(
-            un,
+            hn,
             {
               items: i,
               onSelect: (_, m) => {
@@ -1355,13 +1359,13 @@ function uc(e) {
     )
   ] });
 }
-function un(e) {
+function hn(e) {
   var t, n;
   return /* @__PURE__ */ l("div", { className: ge.renderList, children: (n = (t = e == null ? void 0 : e.items) == null ? void 0 : t.map) == null ? void 0 : n.call(t, (i) => {
-    var a;
+    var o;
     const c = !(i != null && i.disabled) && ((i == null ? void 0 : i.selectable) ?? (i == null ? void 0 : i.selectable) === void 0);
     return /* @__PURE__ */ g(
-      uc,
+      gc,
       {
         items: i == null ? void 0 : i.children,
         style: i == null ? void 0 : i.style,
@@ -1370,32 +1374,32 @@ function un(e) {
           (i == null ? void 0 : i.disabled) && ge.renderList_disabled,
           !c && ge.renderList_item_unselectable
         ),
-        onSelect: (d, o) => {
+        onSelect: (d, a) => {
           var s, r;
-          (s = e == null ? void 0 : e.onSelect) == null || s.call(e, d, o), d.key === i.key && ((r = i == null ? void 0 : i.onSelect) == null || r.call(i, o));
+          (s = e == null ? void 0 : e.onSelect) == null || s.call(e, d, a), d.key === i.key && ((r = i == null ? void 0 : i.onSelect) == null || r.call(i, a));
         },
         onClick: (d) => {
-          var o, s;
-          d.stopPropagation(), c && ((o = e == null ? void 0 : e.onSelect) == null || o.call(e, i, d), (s = i == null ? void 0 : i.onSelect) == null || s.call(i, d));
+          var a, s;
+          d.stopPropagation(), c && ((a = e == null ? void 0 : e.onSelect) == null || a.call(e, i, d), (s = i == null ? void 0 : i.onSelect) == null || s.call(i, d));
         },
         children: [
           /* @__PURE__ */ g("div", { className: ge.renderList_item_title, style: i == null ? void 0 : i.titleStyle, children: [
             i == null ? void 0 : i.icon,
             i == null ? void 0 : i.title
           ] }),
-          !!((a = i == null ? void 0 : i.children) != null && a.length) && /* @__PURE__ */ l(Bn, { style: { fontSize: "0.75em" } })
+          !!((o = i == null ? void 0 : i.children) != null && o.length) && /* @__PURE__ */ l(Mn, { style: { fontSize: "0.75em" } })
         ]
       },
       i == null ? void 0 : i.key
     );
   }) });
 }
-function hc(e) {
-  const t = M(null);
-  return w(() => {
+function _c(e) {
+  const t = j(null);
+  return E(() => {
     function n(i) {
-      var c, a, d;
-      (a = (c = t.current) == null ? void 0 : c.contains) != null && a.call(c, i.target) || (d = e == null ? void 0 : e.onClickOuter) == null || d.call(e);
+      var c, o, d;
+      (o = (c = t.current) == null ? void 0 : c.contains) != null && o.call(c, i.target) || (d = e == null ? void 0 : e.onClickOuter) == null || d.call(e);
     }
     return window.addEventListener("click", n), () => {
       window.removeEventListener("click", n);
@@ -1405,12 +1409,12 @@ function hc(e) {
     {
       ref: t,
       tabIndex: 0,
-      className: nc.renderContextMenu,
+      className: lc.renderContextMenu,
       onContextMenu: (n) => {
         n.preventDefault();
       },
       children: /* @__PURE__ */ l(
-        un,
+        hn,
         {
           items: e == null ? void 0 : e.items,
           onSelect: (n) => {
@@ -1422,91 +1426,91 @@ function hc(e) {
     }
   );
 }
-function hn(e, t, n, i) {
+function gn(e, t, n, i) {
   var s;
   if (!n || (i != null && i.onBeforeOpen && (n = ((s = i == null ? void 0 : i.onBeforeOpen) == null ? void 0 : s.call(i, n)) || n), n = n == null ? void 0 : n.filter(Boolean), !(n != null && n.length)))
     return;
   const c = document.createElement("div");
   c.style.position = "fixed", c.style.left = `${e}px`, c.style.top = `${t}px`, typeof (i == null ? void 0 : i.zIndex) == "number" && (c.style.zIndex = `${i == null ? void 0 : i.zIndex}`), document.body.appendChild(c);
-  const a = Jt(c);
+  const o = Wt(c);
   let d = !1;
-  const o = () => {
+  const a = () => {
     var r, h;
-    d || ((r = a == null ? void 0 : a.unmount) == null || r.call(a), (h = c == null ? void 0 : c.remove) == null || h.call(c), d = !0);
+    d || ((r = o == null ? void 0 : o.unmount) == null || r.call(o), (h = c == null ? void 0 : c.remove) == null || h.call(c), d = !0);
   };
-  return a.render(
+  return o.render(
     /* @__PURE__ */ l(
-      hc,
+      _c,
       {
         items: n,
         onClickOuter: () => {
-          o();
+          a();
         },
         onSelect: (r) => {
           var h;
-          (h = i == null ? void 0 : i.onSelect) == null || h.call(i, r == null ? void 0 : r.key, r), o();
+          (h = i == null ? void 0 : i.onSelect) == null || h.call(i, r == null ? void 0 : r.key, r), a();
         }
       }
     )
-  ), o;
+  ), a;
 }
-const gc = [
+const mc = [
   {
     key: "top",
-    icon: /* @__PURE__ */ l(Mn, {}),
+    icon: /* @__PURE__ */ l(jn, {}),
     title: "置顶",
     style: { borderTop: "1px solid #e8e8e8" },
-    onSelect: () => Wi()
+    onSelect: () => Vi()
   },
   {
     key: "bottom",
-    icon: /* @__PURE__ */ l($t, {}),
+    icon: /* @__PURE__ */ l(Rt, {}),
     title: "置底",
-    onSelect: () => Vi()
+    onSelect: () => Gi()
   },
   {
     key: "levelUp",
     icon: /* @__PURE__ */ l(et, {}),
     title: "上移一层",
-    onSelect: () => Gi()
+    onSelect: () => Xi()
   },
   {
     key: "levelDown",
     icon: /* @__PURE__ */ l(tt, {}),
     title: "下移一层",
     style: { borderBottom: "1px solid #e8e8e8" },
-    onSelect: () => Xi()
+    onSelect: () => Yi()
   },
   {
     key: "lock",
-    icon: /* @__PURE__ */ l(Ft, {}),
+    icon: /* @__PURE__ */ l(Ht, {}),
     title: "锁定",
-    onSelect: () => Ki()
+    onSelect: () => Ui()
   },
   {
     key: "unlock",
-    icon: /* @__PURE__ */ l(jn, {}),
+    icon: /* @__PURE__ */ l(Tn, {}),
     title: "解锁",
-    onSelect: () => Ui()
+    onSelect: () => qi()
   },
   {
     key: "group",
-    icon: /* @__PURE__ */ l(Tn, {}),
+    icon: /* @__PURE__ */ l(zn, {}),
     title: "成组",
-    onSelect: () => qi()
+    onSelect: () => Ji()
   },
   {
     key: "ungroup",
-    icon: /* @__PURE__ */ l(zn, {}),
+    icon: /* @__PURE__ */ l($n, {}),
     title: "取消成组",
-    onSelect: () => Ji()
+    onSelect: () => Wi()
   },
   {
     key: "copy",
-    icon: /* @__PURE__ */ l($n, {}),
+    icon: /* @__PURE__ */ l(Rn, {}),
     title: "复制",
     style: { borderTop: "1px solid #e8e8e8" },
-    onSelect: () => on()
+    onSelect: () => dn()
   },
   {
     key: "delete",
@@ -1519,41 +1523,41 @@ const gc = [
     key: "collect",
     icon: /* @__PURE__ */ l(dt, {}),
     title: "收藏",
-    onSelect: () => Yi()
+    onSelect: () => Zi()
   }
 ];
-function _c(e, t) {
+function fc(e, t) {
   var n;
-  return hn(e.clientX, e.clientY, gc, {
+  return gn(e.clientX, e.clientY, mc, {
     zIndex: (n = t == null ? void 0 : t.componentNode) == null ? void 0 : n.getMaxLevel(),
     onBeforeOpen(i) {
-      let c = 0, a = !1;
-      const d = t.instance.getAllSelected(), o = d.map((s) => {
+      let c = 0, o = !1;
+      const d = t.instance.getAllSelected(), a = d.map((s) => {
         const r = s.getComponentNode();
-        return r != null && r.lock && c++, r.groupId && (a = !0), r;
+        return r != null && r.lock && c++, r.groupId && (o = !0), r;
       });
-      return o.length ? i.filter((s) => s.key === "group" ? d.length > 1 : s.key === "ungroup" ? a : s.key === "lock" ? c !== o.length : s.key === "unlock" ? !!c : !0) : i;
+      return a.length ? i.filter((s) => s.key === "group" ? d.length > 1 : s.key === "ungroup" ? o : s.key === "lock" ? c !== a.length : s.key === "unlock" ? !!c : !0) : i;
     }
   });
 }
-const mc = [
+const yc = [
   {
     key: "selectAll",
     title: "全选",
-    icon: /* @__PURE__ */ l(Rn, {}),
-    onSelect: () => an()
+    icon: /* @__PURE__ */ l(Fn, {}),
+    onSelect: () => on()
   },
   {
     key: "unselectAll",
     title: "反选",
-    icon: /* @__PURE__ */ l(Fn, {}),
+    icon: /* @__PURE__ */ l(Hn, {}),
     onSelect: () => De()
   },
   {
     key: "clear",
     title: "清空",
-    icon: /* @__PURE__ */ l(Rt, {}),
-    onSelect: () => Hi()
+    icon: /* @__PURE__ */ l(Ft, {}),
+    onSelect: () => Ki()
   },
   {
     key: "saveLocal",
@@ -1562,43 +1566,43 @@ const mc = [
     onSelect: () => vt()
   }
 ];
-function fc(e, t) {
+function vc(e, t) {
   var n;
-  return hn(e.clientX, e.clientY, mc, {
+  return gn(e.clientX, e.clientY, yc, {
     zIndex: (n = t == null ? void 0 : t.componentNode) == null ? void 0 : n.getMaxLevel()
   });
 }
 let ve = [];
-function Dt() {
+function Ot() {
   ve.length && (ve.forEach((e) => e == null ? void 0 : e()), ve = []);
 }
-function gn(e) {
-  const { engine: t } = N();
+function _n(e) {
+  const { engine: t } = w();
   gt(e, {
     contextmenu(n) {
       var d;
-      Dt(), n.preventDefault();
-      const i = ct(n.target, oe.componentNodeId, !0), c = t.instance.get(i), a = (d = c == null ? void 0 : c.getComponentNode) == null ? void 0 : d.call(c);
-      if (c && a) {
-        ve.push(_c(n, t));
+      Ot(), n.preventDefault();
+      const i = ct(n.target, oe.componentNodeId, !0), c = t.instance.get(i), o = (d = c == null ? void 0 : c.getComponentNode) == null ? void 0 : d.call(c);
+      if (c && o) {
+        ve.push(fc(n, t));
         return;
       }
-      ve.push(fc(n, t));
+      ve.push(vc(n, t));
     }
-  }), Zt(() => {
-    Dt();
+  }), Qt(() => {
+    Ot();
   });
 }
-function yc() {
-  const { engine: e } = N(), t = Gt(), n = yt(), i = M(null), c = A(() => t.length ? /* @__PURE__ */ l("div", { className: qe.componentNodes_block, children: t.map((a) => /* @__PURE__ */ l(
-    ec,
+function bc() {
+  const { engine: e } = w(), t = Xt(), n = yt(), i = j(null), c = L(() => t.length ? /* @__PURE__ */ l("div", { className: qe.componentNodes_block, children: t.map((o) => /* @__PURE__ */ l(
+    nc,
     {
-      componentNode: a,
-      isSelected: e.instance.isSelected(a.id)
+      componentNode: o,
+      isSelected: e.instance.isSelected(o.id)
     },
-    a.id
+    o.id
   )) }) : /* @__PURE__ */ l(W, {}), [t, n]);
-  return gn(i), /* @__PURE__ */ g(
+  return _n(i), /* @__PURE__ */ g(
     "div",
     {
       ref: i,
@@ -1615,12 +1619,12 @@ function yc() {
     }
   );
 }
-const vc = "_menubar_1ah1r_59", bc = "_menubar_item_1ah1r_67", Cc = "_menubar_item_selected_1ah1r_81", Je = {
-  menubar: vc,
-  menubar_item: bc,
-  menubar_item_selected: Cc
+const Cc = "_menubar_1ah1r_59", xc = "_menubar_item_1ah1r_67", Ic = "_menubar_item_selected_1ah1r_81", Je = {
+  menubar: Cc,
+  menubar_item: xc,
+  menubar_item_selected: Ic
 };
-function xc(e) {
+function kc(e) {
   var t, n;
   return /* @__PURE__ */ l("div", { className: Je.menubar, children: (n = (t = e == null ? void 0 : e.list) == null ? void 0 : t.map) == null ? void 0 : n.call(t, (i) => {
     const c = i.key === e.value;
@@ -1633,31 +1637,31 @@ function xc(e) {
           c && Je.menubar_item_selected
         ),
         onClick: () => {
-          var a;
-          (a = e == null ? void 0 : e.onChange) == null || a.call(e, i == null ? void 0 : i.key);
+          var o;
+          (o = e == null ? void 0 : e.onChange) == null || o.call(e, i == null ? void 0 : i.key);
         },
         children: i == null ? void 0 : i.icon
       }
     ) }, i == null ? void 0 : i.key);
   }) });
 }
-const Ic = "_propertyItem_1r9fx_59", kc = "_propertyItem_icon_1r9fx_68", Sc = "_propertyItem_icon_disabled_1r9fx_75", Nc = "_propertyItemPopover_1r9fx_79", wc = "_propertyItemPopover_description_1r9fx_84", Ec = "_propertyItemPopover_statistic_1r9fx_89", Ac = "_propertyItemPopover_body_1r9fx_92", Lc = "_propertyItemPopover_body_item_1r9fx_95", Dc = "_propertyItemPopover_body_item_icon_1r9fx_105", Oc = "_propertyItemPopover_title_1r9fx_108", J = {
-  propertyItem: Ic,
-  propertyItem_icon: kc,
-  propertyItem_icon_disabled: Sc,
-  propertyItemPopover: Nc,
-  propertyItemPopover_description: wc,
-  propertyItemPopover_statistic: Ec,
-  propertyItemPopover_body: Ac,
-  propertyItemPopover_body_item: Lc,
-  propertyItemPopover_body_item_icon: Dc,
-  propertyItemPopover_title: Oc
+const Sc = "_propertyItem_1r9fx_59", Nc = "_propertyItem_icon_1r9fx_68", wc = "_propertyItem_icon_disabled_1r9fx_75", Ec = "_propertyItemPopover_1r9fx_79", Ac = "_propertyItemPopover_description_1r9fx_84", Lc = "_propertyItemPopover_statistic_1r9fx_89", Dc = "_propertyItemPopover_body_1r9fx_92", Oc = "_propertyItemPopover_body_item_1r9fx_95", Pc = "_propertyItemPopover_body_item_icon_1r9fx_105", Bc = "_propertyItemPopover_title_1r9fx_108", J = {
+  propertyItem: Sc,
+  propertyItem_icon: Nc,
+  propertyItem_icon_disabled: wc,
+  propertyItemPopover: Ec,
+  propertyItemPopover_description: Ac,
+  propertyItemPopover_statistic: Lc,
+  propertyItemPopover_body: Dc,
+  propertyItemPopover_body_item: Oc,
+  propertyItemPopover_body_item_icon: Pc,
+  propertyItemPopover_title: Bc
 };
-function Pc(e) {
+function Mc(e) {
   var s, r, h;
-  const { data: t } = e, n = ht(), { engine: i } = N(), c = (t == null ? void 0 : t.origin) !== "system", a = (t == null ? void 0 : t.origin) !== "system";
+  const { data: t } = e, n = ht(), { engine: i } = w(), c = (t == null ? void 0 : t.origin) !== "system", o = (t == null ? void 0 : t.origin) !== "system";
   function d() {
-    const u = Li(t == null ? void 0 : t.id), _ = () => {
+    const u = Di(t == null ? void 0 : t.id), _ = () => {
       var m;
       return (m = e == null ? void 0 : e.onDelete) == null ? void 0 : m.call(e, t, u);
     };
@@ -1680,14 +1684,14 @@ function Pc(e) {
       }
     });
   }
-  async function o() {
+  async function a() {
     const u = await i.component.getPackageSourceCode(t == null ? void 0 : t.id);
     if (!u) {
-      E.warn("源码不存在");
+      A.warn("源码不存在");
       return;
     }
     const _ = `${t == null ? void 0 : t.name}.js`;
-    qt(u, _);
+    Jt(u, _);
   }
   return /* @__PURE__ */ l(
     st,
@@ -1739,20 +1743,20 @@ function Pc(e) {
               title: "删除",
               className: $(
                 J.propertyItem_icon,
-                !a && J.propertyItem_icon_disabled
+                !o && J.propertyItem_icon_disabled
               ),
-              onClick: a ? d : void 0
+              onClick: o ? d : void 0
             }
           ),
           /* @__PURE__ */ l(
-            Hn,
+            Kn,
             {
               title: "下载到本地",
               className: $(
                 J.propertyItem_icon,
                 !c && J.propertyItem_icon_disabled
               ),
-              onClick: a ? o : void 0
+              onClick: o ? a : void 0
             }
           )
         ] })
@@ -1760,10 +1764,10 @@ function Pc(e) {
     }
   );
 }
-const Bc = "_jsonEditor_13vbq_59", Mc = "_jsonEditor_render_13vbq_68", jc = "_jsonEditor_loading_13vbq_72", We = {
-  jsonEditor: Bc,
-  jsonEditor_render: Mc,
-  jsonEditor_loading: jc
+const jc = "_jsonEditor_13vbq_59", Tc = "_jsonEditor_render_13vbq_68", zc = "_jsonEditor_loading_13vbq_72", We = {
+  jsonEditor: jc,
+  jsonEditor_render: Tc,
+  jsonEditor_loading: zc
 };
 self.MonacoEnvironment = {
   getWorker: function(e, t) {
@@ -1783,10 +1787,10 @@ self.MonacoEnvironment = {
   }
 };
 function X(e) {
-  const t = M(null), n = M();
-  return w(() => {
-    var c, a;
-    const i = Ni.editor.create(t.current, {
+  const t = j(null), n = j();
+  return E(() => {
+    var c, o;
+    const i = wi.editor.create(t.current, {
       theme: "vs-light",
       value: e == null ? void 0 : e.value,
       language: (e == null ? void 0 : e.language) || "text",
@@ -1804,31 +1808,31 @@ function X(e) {
       },
       readOnlyMessage: {
         value: "禁止编辑",
-        ...(a = e == null ? void 0 : e.options) == null ? void 0 : a.readOnlyMessage
+        ...(o = e == null ? void 0 : e.options) == null ? void 0 : o.readOnlyMessage
       }
     });
     return i.onDidChangeModelContent(() => {
-      var o;
+      var a;
       const d = i.getValue();
-      (o = e == null ? void 0 : e.onChange) == null || o.call(e, d);
+      (a = e == null ? void 0 : e.onChange) == null || a.call(e, d);
     }), n.current = i, () => {
       i.dispose();
     };
   }, [e == null ? void 0 : e.language]), _t(() => {
-    var c, a, d, o;
+    var c, o, d, a;
     if (!(n != null && n.current)) {
       console.error("monaco-editor init failed.");
       return;
     }
     const i = `${(e == null ? void 0 : e.value) || ""}`;
-    i !== ((a = (c = n == null ? void 0 : n.current) == null ? void 0 : c.getValue) == null ? void 0 : a.call(c)) && ((o = (d = n.current) == null ? void 0 : d.setValue) == null || o.call(d, i));
+    i !== ((o = (c = n == null ? void 0 : n.current) == null ? void 0 : c.getValue) == null ? void 0 : o.call(c)) && ((a = (d = n.current) == null ? void 0 : d.setValue) == null || a.call(d, i));
   }, [e == null ? void 0 : e.value]), /* @__PURE__ */ g("div", { className: We.jsonEditor, style: e == null ? void 0 : e.style, children: [
     /* @__PURE__ */ l("div", { ref: t, className: We.jsonEditor_render }),
-    (e == null ? void 0 : e.loading) && /* @__PURE__ */ l("div", { className: We.jsonEditor_loading, children: /* @__PURE__ */ l(Ht, { style: { fontSize: 20 } }) })
+    (e == null ? void 0 : e.loading) && /* @__PURE__ */ l("div", { className: We.jsonEditor_loading, children: /* @__PURE__ */ l(Kt, { style: { fontSize: 20 } }) })
   ] });
 }
-const Tc = ue((e) => {
-  const { params: t } = e, [n] = B.useForm(), [i, c] = S(!1), a = M("");
+const $c = ue((e) => {
+  const { params: t } = e, [n] = M.useForm(), [i, c] = N(!1), o = j("");
   function d() {
     n.validateFields(["url"]).then((s) => {
       var r;
@@ -1836,21 +1840,21 @@ const Tc = ue((e) => {
         var u, _;
         return (_ = (u = s == null ? void 0 : s.url) == null ? void 0 : u.startsWith) == null ? void 0 : _.call(u, h);
       })) {
-        E.error("地址格式不正确");
+        A.error("地址格式不正确");
         return;
       }
       c(!0), (r = it(s == null ? void 0 : s.url)) == null || r.then((h) => {
-        c(!1), a.current = s == null ? void 0 : s.url, n.setFieldsValue({
+        c(!1), o.current = s == null ? void 0 : s.url, n.setFieldsValue({
           content: h
         });
       });
     });
   }
-  async function o() {
+  async function a() {
     var r, h;
     const s = n.getFieldValue("content");
-    s || E.warn("文本内容不能为空"), !(t != null && t.beforeOk && !await Promise.resolve((r = t == null ? void 0 : t.beforeOk) == null ? void 0 : r.call(t, s))) && ((h = e == null ? void 0 : e.onOk) == null || h.call(e, {
-      url: a.current,
+    s || A.warn("文本内容不能为空"), !(t != null && t.beforeOk && !await Promise.resolve((r = t == null ? void 0 : t.beforeOk) == null ? void 0 : r.call(t, s))) && ((h = e == null ? void 0 : e.onOk) == null || h.call(e, {
+      url: o.current,
       content: s
     }));
   }
@@ -1865,25 +1869,25 @@ const Tc = ue((e) => {
       afterClose: e == null ? void 0 : e.afterClose,
       onCancel: e == null ? void 0 : e.onCancel,
       bodyStyle: { paddingBottom: 0 },
-      onOk: o,
-      children: /* @__PURE__ */ g(B, { form: n, labelCol: { span: 2 }, children: [
-        /* @__PURE__ */ l(B.Item, { label: "地址", name: "url", rules: [{ required: !0, message: "请输入地址" }], children: /* @__PURE__ */ g("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
-          /* @__PURE__ */ l(B.Item, { noStyle: !0, name: "url", style: { flex: 1 }, children: /* @__PURE__ */ l(p, { size: "middle" }) }),
+      onOk: a,
+      children: /* @__PURE__ */ g(M, { form: n, labelCol: { span: 2 }, children: [
+        /* @__PURE__ */ l(M.Item, { label: "地址", name: "url", rules: [{ required: !0, message: "请输入地址" }], children: /* @__PURE__ */ g("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+          /* @__PURE__ */ l(M.Item, { noStyle: !0, name: "url", style: { flex: 1 }, children: /* @__PURE__ */ l(p, { size: "middle" }) }),
           /* @__PURE__ */ l(K, { type: "primary", onClick: d, loading: i, children: "读取" })
         ] }) }),
-        /* @__PURE__ */ l(B.Item, { label: "文本", name: "content", children: /* @__PURE__ */ l(X, { readOnly: !0, language: "javascript", style: { height: 400 } }) })
+        /* @__PURE__ */ l(M.Item, { label: "文本", name: "content", children: /* @__PURE__ */ l(X, { readOnly: !0, language: "javascript", style: { height: 400 } }) })
       ] })
     }
   );
-}), zc = [
+}), Rc = [
   { key: "local", label: /* @__PURE__ */ l("span", { className: "theme-text", children: "本地上传" }) },
   { key: "remote", label: /* @__PURE__ */ l("span", { className: "theme-text", children: "远程导入" }) }
 ];
-function $c(e) {
-  const t = M(), n = M(""), i = Tc({
+function Fc(e) {
+  const t = j(), n = j(""), i = $c({
     onOk({ url: s }) {
       if (!t.current) {
-        E.warn("package新增失败");
+        A.warn("package新增失败");
         return;
       }
       t.current.origin = "remote", t.current.originData = s, c(t.current, n.current);
@@ -1891,12 +1895,12 @@ function $c(e) {
   });
   function c(s, r) {
     var h;
-    if (!s) return E.warn("不包含组件包");
+    if (!s) return A.warn("不包含组件包");
     (h = e == null ? void 0 : e.onAdd) == null || h.call(e, s, r || "");
   }
-  function a(s, r) {
+  function o(s, r) {
     var h;
-    if (!(s != null && s.length)) return E.warn("不包含组件包");
+    if (!(s != null && s.length)) return A.warn("不包含组件包");
     (h = e == null ? void 0 : e.onAddSome) == null || h.call(e, s, r);
   }
   async function d(s) {
@@ -1905,40 +1909,40 @@ function $c(e) {
     for (const b in _) {
       if (!((C = b == null ? void 0 : b.endsWith) != null && C.call(b, ".js")))
         continue;
-      const f = await _[b].async("text"), y = await Te(f);
-      y && (y.origin = "local", m.push(y), v.push(f));
+      const y = await _[b].async("text"), f = await Te(y);
+      f && (f.origin = "local", m.push(f), v.push(y));
     }
     return {
       pkgs: m,
       codes: v
     };
   }
-  async function o(s) {
+  async function a(s) {
     let r = "";
     switch (s) {
       case "local":
-        const h = await nn({ accept: "text/javascript,application/zip" });
+        const h = await ln({ accept: "text/javascript,application/zip" });
         if (!h)
           return;
         if (["application/x-zip-compressed", "application/zip"].includes(h == null ? void 0 : h.type)) {
           const { pkgs: u, codes: _ } = await d(h);
-          a(u, _);
+          o(u, _);
           return;
         }
         if ((h == null ? void 0 : h.type) === "text/javascript") {
-          r = await ln(h);
+          r = await cn(h);
           const u = await Te(r);
           if (!u)
-            return E.warn("文本内容必须为UMD或者AMD格式");
+            return A.warn("文本内容必须为UMD或者AMD格式");
           u.origin = "local", c(u, r);
           return;
         }
-        E.warn("只能上传 .js 和 .zip 文件");
+        A.warn("只能上传 .js 和 .zip 文件");
         break;
       case "remote":
         i.open({
           async beforeOk(u) {
-            return n.current = u, t.current = await Te(u), t.current || E.warn("文本内容必须为UMD或者AMD格式"), !!t.current;
+            return n.current = u, t.current = await Te(u), t.current || A.warn("文本内容必须为UMD或者AMD格式"), !!t.current;
           }
         });
         break;
@@ -1949,35 +1953,35 @@ function $c(e) {
     {
       trigger: ["click"],
       menu: {
-        items: zc,
+        items: Rc,
         onClick({ key: s }) {
-          o(s);
+          a(s);
         }
       },
       children: /* @__PURE__ */ l(K, { size: "small", style: { fontSize: 12 }, type: "primary", children: e == null ? void 0 : e.children })
     }
   ) });
 }
-const Ot = "./demo.umd.js", Pt = "./demo.amd.js", Rc = [
+const Pt = "./demo.umd.js", Bt = "./demo.amd.js", Hc = [
   { key: "umd-demo", label: /* @__PURE__ */ l("span", { className: "theme-text", children: "下载示例组件包（UMD）" }) },
   { key: "amd-demo", label: /* @__PURE__ */ l("span", { className: "theme-text", children: "下载示例组件包（AMD）" }) },
   { key: "zip-demo", label: /* @__PURE__ */ l("span", { className: "theme-text", children: "下载示例组件包集合（.zip）" }) },
   { key: "all", label: /* @__PURE__ */ l("span", { className: "theme-text", children: "下载全部资产" }) }
 ];
-function Fc(e) {
+function Kc(e) {
   async function t(n) {
     var i;
     switch (n) {
       case "umd-demo":
-        It(Ot, "测试包2.js");
+        It(Pt, "测试包2.js");
         break;
       case "amd-demo":
-        It(Pt, "测试包1.js");
+        It(Bt, "测试包1.js");
         break;
       case "zip-demo":
-        const c = await it(Ot), a = await it(Pt), d = new ft();
-        d.file("测试包1.js", a), d.file("测试包2.js", c), d.generateAsync({ type: "blob" }).then(function(o) {
-          pt(o, "组件包集合.zip");
+        const c = await it(Pt), o = await it(Bt), d = new ft();
+        d.file("测试包1.js", o), d.file("测试包2.js", c), d.generateAsync({ type: "blob" }).then(function(a) {
+          en(a, "组件包集合.zip");
         });
         break;
       case "all":
@@ -1990,7 +1994,7 @@ function Fc(e) {
     {
       trigger: ["click"],
       menu: {
-        items: Rc,
+        items: Hc,
         onClick({ key: n }) {
           t(n);
         }
@@ -1999,16 +2003,16 @@ function Fc(e) {
     }
   ) });
 }
-const Hc = "_property_zt9oy_59", Kc = "_property_header_zt9oy_68", Bt = {
-  property: Hc,
-  property_header: Kc
+const Uc = "_property_zt9oy_59", qc = "_property_header_zt9oy_68", Mt = {
+  property: Uc,
+  property_header: qc
 };
-function Uc() {
-  var o;
-  const e = Xt(), { engine: t } = N(), { loading: n, run: i } = Qt(
+function Jc() {
+  var a;
+  const e = Yt(), { engine: t } = w(), { loading: n, run: i } = pt(
     async () => new Promise((s) => {
       setTimeout(() => {
-        E.success("刷新成功"), s();
+        A.success("刷新成功"), s();
       }, 500);
     }),
     {
@@ -2021,7 +2025,7 @@ function Uc() {
       t.component.savePackageSourceCode(h[m], _);
     });
   }
-  function a(s, r) {
+  function o(s, r) {
     t.component.unregisterPackage(s), t.componentNode.delete(r);
   }
   async function d() {
@@ -2034,16 +2038,16 @@ function Uc() {
         const v = e[m];
         h.file(`${v.name}.js`, _), u++;
       }), !u) {
-        E.warn("暂无组件包");
+        A.warn("暂无组件包");
         return;
       }
       h.generateAsync({ type: "blob" }).then(function(_) {
-        pt(_, "组件包集合.zip");
+        en(_, "组件包集合.zip");
       });
     });
   }
-  return /* @__PURE__ */ g("div", { className: Bt.property, children: [
-    /* @__PURE__ */ g("div", { className: Bt.property_header, children: [
+  return /* @__PURE__ */ g("div", { className: Mt.property, children: [
+    /* @__PURE__ */ g("div", { className: Mt.property_header, children: [
       /* @__PURE__ */ g(D, { children: [
         /* @__PURE__ */ l("b", { children: "资产列表" }),
         /* @__PURE__ */ l(
@@ -2052,13 +2056,13 @@ function Uc() {
             title: "刷新资产",
             className: "icon_clickable",
             onClick: () => !n && i(),
-            children: n ? /* @__PURE__ */ l(Ht, {}) : /* @__PURE__ */ l(Z, {})
+            children: n ? /* @__PURE__ */ l(Kt, {}) : /* @__PURE__ */ l(Z, {})
           }
         )
       ] }),
       /* @__PURE__ */ g(D, { children: [
         /* @__PURE__ */ l(
-          Fc,
+          Kc,
           {
             onDownloadAll: () => {
               d();
@@ -2067,7 +2071,7 @@ function Uc() {
           }
         ),
         /* @__PURE__ */ l(
-          $c,
+          Fc,
           {
             onAdd: (s, r) => {
               c(s, r);
@@ -2081,29 +2085,29 @@ function Uc() {
       ] })
     ] }),
     !e.length && /* @__PURE__ */ l(U, {}),
-    (o = e == null ? void 0 : e.map) == null ? void 0 : o.call(e, (s) => /* @__PURE__ */ l(
-      Pc,
+    (a = e == null ? void 0 : e.map) == null ? void 0 : a.call(e, (s) => /* @__PURE__ */ l(
+      Mc,
       {
         data: s,
         onDelete: (r, h) => {
-          a(r, h);
+          o(r, h);
         }
       },
       s.id
     ))
   ] });
 }
-const qc = "_favorites_1mbr5_59", Jc = {
-  favorites: qc
-}, Wc = "_favoriteItem_1ipdv_59", Vc = "_favoriteItem_head_1ipdv_74", Gc = "_favoriteItem_name_1ipdv_83", Xc = "_favoriteItem_footer_1ipdv_93", ke = {
-  favoriteItem: Wc,
-  favoriteItem_head: Vc,
-  favoriteItem_name: Gc,
-  favoriteItem_footer: Xc
+const Wc = "_favorites_1mbr5_59", Vc = {
+  favorites: Wc
+}, Gc = "_favoriteItem_1ipdv_59", Xc = "_favoriteItem_head_1ipdv_74", Yc = "_favoriteItem_name_1ipdv_83", Zc = "_favoriteItem_footer_1ipdv_93", ke = {
+  favoriteItem: Gc,
+  favoriteItem_head: Xc,
+  favoriteItem_name: Yc,
+  favoriteItem_footer: Zc
 };
-function Yc(e) {
-  const { favorite: t } = e, n = M(null), i = M(null);
-  return rn(n, {
+function Qc(e) {
+  const { favorite: t } = e, n = j(null), i = j(null);
+  return sn(n, {
     type: "create-favorite",
     data: {
       favorite: t
@@ -2116,7 +2120,7 @@ function Yc(e) {
     /* @__PURE__ */ l("div", { className: ke.favoriteItem_head, children: /* @__PURE__ */ l(dt, {}) }),
     /* @__PURE__ */ l("div", { className: ke.favoriteItem_name, title: t.id, children: t.name }),
     /* @__PURE__ */ g("div", { className: ke.favoriteItem_footer, ref: i, children: [
-      /* @__PURE__ */ l(z, { title: "编辑", children: /* @__PURE__ */ l(Kt, { onClick: () => {
+      /* @__PURE__ */ l(z, { title: "编辑", children: /* @__PURE__ */ l(Ut, { onClick: () => {
         var c;
         return (c = e == null ? void 0 : e.onEdit) == null ? void 0 : c.call(e);
       } }) }),
@@ -2124,26 +2128,26 @@ function Yc(e) {
         var c;
         return (c = e == null ? void 0 : e.onDelete) == null ? void 0 : c.call(e);
       } }) }),
-      /* @__PURE__ */ l(z, { title: "详情", children: /* @__PURE__ */ l(Kn, { onClick: () => {
+      /* @__PURE__ */ l(z, { title: "详情", children: /* @__PURE__ */ l(Un, { onClick: () => {
         var c;
         return (c = e == null ? void 0 : e.onDetail) == null ? void 0 : c.call(e);
       } }) })
     ] })
   ] }, t.id);
 }
-const Zc = ue((e) => {
+const pc = ue((e) => {
   var c;
-  const [t] = B.useForm(), n = (c = e == null ? void 0 : e.params) == null ? void 0 : c.favorite;
+  const [t] = M.useForm(), n = (c = e == null ? void 0 : e.params) == null ? void 0 : c.favorite;
   function i() {
-    t.validateFields().then((a) => {
+    t.validateFields().then((o) => {
       var d;
       (d = e == null ? void 0 : e.onOk) == null || d.call(e, {
         ...n,
-        name: a == null ? void 0 : a.name
+        name: o == null ? void 0 : o.name
       });
     });
   }
-  return w(() => {
+  return E(() => {
     e != null && e.visible && t.setFieldsValue({
       name: n == null ? void 0 : n.name
     });
@@ -2157,19 +2161,19 @@ const Zc = ue((e) => {
       afterClose: e == null ? void 0 : e.afterClose,
       bodyStyle: { paddingBottom: 6 },
       footer: null,
-      children: /* @__PURE__ */ l(B, { form: t, children: /* @__PURE__ */ l(B.Item, { label: "名称", name: "name", rules: [{ required: !0, message: "请填写名称" }], children: /* @__PURE__ */ g("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
-        /* @__PURE__ */ l(B.Item, { noStyle: !0, name: "name", children: /* @__PURE__ */ l(p, { size: "middle", style: { flex: 1 } }) }),
+      children: /* @__PURE__ */ l(M, { form: t, children: /* @__PURE__ */ l(M.Item, { label: "名称", name: "name", rules: [{ required: !0, message: "请填写名称" }], children: /* @__PURE__ */ g("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+        /* @__PURE__ */ l(M.Item, { noStyle: !0, name: "name", children: /* @__PURE__ */ l(p, { size: "middle", style: { flex: 1 } }) }),
         /* @__PURE__ */ l(K, { type: "primary", onClick: i, children: "保存" })
       ] }) }) })
     }
   );
-}), Qc = "_favoriteDetailDialog_title_17m9n_67", pc = "_favoriteDetailDialog_componentNodes_17m9n_73", ea = "_favoriteDetailDialog_item_17m9n_78", Ve = {
-  favoriteDetailDialog_title: Qc,
-  favoriteDetailDialog_componentNodes: pc,
-  favoriteDetailDialog_item: ea
-}, ta = ue((e) => {
-  var i, c, a, d;
-  const { engine: t } = N(), n = (i = e == null ? void 0 : e.params) == null ? void 0 : i.favorite;
+}), ea = "_favoriteDetailDialog_title_17m9n_67", ta = "_favoriteDetailDialog_componentNodes_17m9n_73", na = "_favoriteDetailDialog_item_17m9n_78", Ve = {
+  favoriteDetailDialog_title: ea,
+  favoriteDetailDialog_componentNodes: ta,
+  favoriteDetailDialog_item: na
+}, ia = ue((e) => {
+  var i, c, o, d;
+  const { engine: t } = w(), n = (i = e == null ? void 0 : e.params) == null ? void 0 : i.favorite;
   return /* @__PURE__ */ g(
     re,
     {
@@ -2197,8 +2201,8 @@ const Zc = ue((e) => {
         ),
         /* @__PURE__ */ g("div", { className: Ve.favoriteDetailDialog_componentNodes, children: [
           !((c = n == null ? void 0 : n.children) != null && c.length) && /* @__PURE__ */ l(U, {}),
-          (d = (a = n == null ? void 0 : n.children) == null ? void 0 : a.map) == null ? void 0 : d.call(a, (o) => {
-            const s = t.component.get(o.cId);
+          (d = (o = n == null ? void 0 : n.children) == null ? void 0 : o.map) == null ? void 0 : d.call(o, (a) => {
+            const s = t.component.get(a.cId);
             return /* @__PURE__ */ g("div", { className: Ve.favoriteDetailDialog_item, children: [
               /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(
                 xe,
@@ -2207,63 +2211,63 @@ const Zc = ue((e) => {
                   style: { maxWidth: "80%", maxHeight: "80%" }
                 }
               ) }),
-              /* @__PURE__ */ l("span", { title: o.name, children: o.name })
-            ] }, o.id);
+              /* @__PURE__ */ l("span", { title: a.name, children: a.name })
+            ] }, a.id);
           })
         ] })
       ]
     }
   );
 });
-function na() {
-  const { engine: e } = N(), t = Pi(), n = ta(), i = Zc({
-    onOk(a) {
-      e.favorites.update(a.id, a);
+function la() {
+  const { engine: e } = w(), t = Bi(), n = ia(), i = pc({
+    onOk(o) {
+      e.favorites.update(o.id, o);
     }
   });
-  function c(a) {
-    e.favorites.delete(a);
+  function c(o) {
+    e.favorites.delete(o);
   }
-  return /* @__PURE__ */ g("div", { className: Jc.favorites, children: [
+  return /* @__PURE__ */ g("div", { className: Vc.favorites, children: [
     !(t != null && t.length) && /* @__PURE__ */ l(U, {}),
-    t.map((a) => /* @__PURE__ */ l(
-      Yc,
+    t.map((o) => /* @__PURE__ */ l(
+      Qc,
       {
-        favorite: a,
-        onDelete: () => c(a),
+        favorite: o,
+        onDelete: () => c(o),
         onEdit: () => {
           i.open({
-            favorite: a
+            favorite: o
           });
         },
         onDetail: () => {
           n.open({
-            favorite: a
+            favorite: o
           });
         }
       },
-      a.id
+      o.id
     ))
   ] });
 }
-const ia = "_pages_1ty8r_59", la = "_pages_head_1ty8r_67", ca = "_pages_body_1ty8r_76", Ge = {
-  pages: ia,
-  pages_head: la,
-  pages_body: ca
-}, aa = ue((e) => {
-  const { params: t } = e, [n] = B.useForm();
-  function i(a) {
+const ca = "_pages_1ty8r_59", aa = "_pages_head_1ty8r_67", oa = "_pages_body_1ty8r_76", Ge = {
+  pages: ca,
+  pages_head: aa,
+  pages_body: oa
+}, da = ue((e) => {
+  const { params: t } = e, [n] = M.useForm();
+  function i(o) {
     return {
-      name: a,
+      name: o,
       id: ut(),
       parentId: t == null ? void 0 : t.parentId
     };
   }
   function c() {
-    n.validateFields().then((a) => {
+    n.validateFields().then((o) => {
       var d;
       (d = e == null ? void 0 : e.onOk) == null || d.call(e, {
-        page: i(a.name),
+        page: i(o.name),
         parentId: t == null ? void 0 : t.parentId
       });
     });
@@ -2281,19 +2285,19 @@ const ia = "_pages_1ty8r_59", la = "_pages_head_1ty8r_67", ca = "_pages_body_1ty
       bodyStyle: {
         padding: "12px 24px 12px 12px"
       },
-      children: /* @__PURE__ */ g(B, { form: n, labelCol: { span: 4 }, children: [
-        (t == null ? void 0 : t.parentName) && /* @__PURE__ */ l(B.Item, { label: "父页面", children: t == null ? void 0 : t.parentName }),
-        /* @__PURE__ */ l(B.Item, { label: "名称", name: "name", rules: [{ required: !0, message: "请输入名称" }], children: /* @__PURE__ */ l(p, {}) })
+      children: /* @__PURE__ */ g(M, { form: n, labelCol: { span: 4 }, children: [
+        (t == null ? void 0 : t.parentName) && /* @__PURE__ */ l(M.Item, { label: "父页面", children: t == null ? void 0 : t.parentName }),
+        /* @__PURE__ */ l(M.Item, { label: "名称", name: "name", rules: [{ required: !0, message: "请输入名称" }], children: /* @__PURE__ */ l(p, {}) })
       ] })
     }
   );
 });
-function oa() {
-  const { engine: e } = N(), [t, n] = S([]), [i, c] = S([]), [a, d, o] = oi([]), s = wi(), r = Ei(), h = aa({
+function ra() {
+  const { engine: e } = w(), [t, n] = N([]), [i, c] = N([]), [o, d, a] = di([]), s = Ei(), r = Ai(), h = da({
     onOk({ page: b, parentId: I }) {
       if (e.page.insert(b, I), Re(b.id), I) {
-        const f = Array.from(new Set(t).add(I));
-        u(f);
+        const y = Array.from(new Set(t).add(I));
+        u(y);
       }
     }
   });
@@ -2302,7 +2306,7 @@ function oa() {
   }
   function _(b) {
     var I;
-    return ((I = b == null ? void 0 : b.reduce) == null ? void 0 : I.call(b, (f, y) => f.concat([y.key, ..._(y == null ? void 0 : y.children)]), [])) || [];
+    return ((I = b == null ? void 0 : b.reduce) == null ? void 0 : I.call(b, (y, f) => y.concat([f.key, ..._(f == null ? void 0 : f.children)]), [])) || [];
   }
   function m(b) {
     h.open({
@@ -2311,49 +2315,49 @@ function oa() {
     });
   }
   function v(b, I = {}) {
-    var y, x, L, j, R, q, V;
-    const f = [b.id, ..._(I[b.id].children)];
-    if (((y = o.current) == null ? void 0 : y.length) === 1 && (f != null && f.includes((L = (x = o.current) == null ? void 0 : x[0]) == null ? void 0 : L.key))) {
-      E.warn("至少保留一个顶层页");
+    var f, x, S, P, R, q, V;
+    const y = [b.id, ..._(I[b.id].children)];
+    if (((f = a.current) == null ? void 0 : f.length) === 1 && (y != null && y.includes((S = (x = a.current) == null ? void 0 : x[0]) == null ? void 0 : S.key))) {
+      A.warn("至少保留一个顶层页");
       return;
     }
-    if (f.includes(e.config.getCurrentPage())) {
-      let Me = (R = (j = o.current) == null ? void 0 : j[0]) == null ? void 0 : R.key;
-      f.includes(Me) && (Me = (V = (q = o.current) == null ? void 0 : q[1]) == null ? void 0 : V.key), Re(Me);
+    if (y.includes(e.config.getCurrentPage())) {
+      let Me = (R = (P = a.current) == null ? void 0 : P[0]) == null ? void 0 : R.key;
+      y.includes(Me) && (Me = (V = (q = a.current) == null ? void 0 : q[1]) == null ? void 0 : V.key), Re(Me);
     }
-    e.page.delete(f);
+    e.page.delete(y);
   }
   function C(b, I = {}) {
-    const f = [];
-    return b.forEach((y) => {
-      var j, R, q;
-      const x = I[y.id], L = I[y.id] = {
-        key: (x == null ? void 0 : x.key) || y.id,
+    const y = [];
+    return b.forEach((f) => {
+      var P, R, q;
+      const x = I[f.id], S = I[f.id] = {
+        key: (x == null ? void 0 : x.key) || f.id,
         title: (x == null ? void 0 : x.title) || /* @__PURE__ */ g("span", { children: [
-          /* @__PURE__ */ l("span", { children: y.name }),
+          /* @__PURE__ */ l("span", { children: f.name }),
           /* @__PURE__ */ g("span", { style: { fontSize: 12 }, onClick: (V) => V.stopPropagation(), children: [
-            /* @__PURE__ */ l("a", { style: { marginLeft: 16 }, onClick: () => m(y), children: "新增" }),
-            /* @__PURE__ */ l("a", { style: { marginLeft: 8 }, onClick: () => v(y, I), children: "删除" })
+            /* @__PURE__ */ l("a", { style: { marginLeft: 16 }, onClick: () => m(f), children: "新增" }),
+            /* @__PURE__ */ l("a", { style: { marginLeft: 8 }, onClick: () => v(f, I), children: "删除" })
           ] })
         ] }),
         children: (x == null ? void 0 : x.children) || []
       };
-      if (y != null && y.parentId) {
-        (q = (R = I[j = y == null ? void 0 : y.parentId] || (I[j] = {
+      if (f != null && f.parentId) {
+        (q = (R = I[P = f == null ? void 0 : f.parentId] || (I[P] = {
           key: "",
           title: "",
           children: []
-        })) == null ? void 0 : R.children) == null || q.push(L);
+        })) == null ? void 0 : R.children) == null || q.push(S);
         return;
       }
-      f.push(L);
-    }), f;
+      y.push(S);
+    }), y;
   }
-  return w(() => {
+  return E(() => {
     n(e.config.getConfig().expandedPageIds || []);
-  }, []), w(() => {
+  }, []), E(() => {
     d(C(s));
-  }, [s]), w(() => {
+  }, [s]), E(() => {
     c([r]);
   }, [r]), /* @__PURE__ */ g("div", { className: Ge.pages, children: [
     /* @__PURE__ */ g("div", { className: Ge.pages_head, children: [
@@ -2372,13 +2376,13 @@ function oa() {
       ) })
     ] }),
     /* @__PURE__ */ l("div", { className: Ge.pages_body, children: /* @__PURE__ */ l(
-      pn,
+      ei,
       {
         showIcon: !0,
         multiple: !1,
         defaultExpandAll: !0,
-        icon: /* @__PURE__ */ l(Un, {}),
-        treeData: a,
+        icon: /* @__PURE__ */ l(qn, {}),
+        treeData: o,
         selectedKeys: i,
         expandedKeys: t,
         onExpand: u,
@@ -2389,18 +2393,18 @@ function oa() {
     ) })
   ] });
 }
-const da = "_history_zo6ip_59", ra = "_history_head_zo6ip_71", sa = "_history_body_zo6ip_75", ua = "_history_item_zo6ip_80", ha = "_history_item_gray_zo6ip_88", _e = {
-  history: da,
-  history_head: ra,
-  history_body: sa,
-  history_item: ua,
-  history_item_gray: ha
+const sa = "_history_zo6ip_59", ua = "_history_head_zo6ip_71", ha = "_history_body_zo6ip_75", ga = "_history_item_zo6ip_80", _a = "_history_item_gray_zo6ip_88", _e = {
+  history: sa,
+  history_head: ua,
+  history_body: ha,
+  history_item: ga,
+  history_item_gray: _a
 };
-function ga() {
-  var c, a, d, o;
-  const { engine: e } = N(), t = cn(), n = (c = t.current) == null ? void 0 : c.stepId;
+function ma() {
+  var c, o, d, a;
+  const { engine: e } = w(), t = an(), n = (c = t.current) == null ? void 0 : c.stepId;
   function i(s) {
-    e.history.isPass(s) && n === s ? bt() : Qi(s);
+    e.history.isPass(s) && n === s ? bt() : pi(s);
   }
   return /* @__PURE__ */ g("div", { className: _e.history, children: [
     /* @__PURE__ */ l("div", { className: _e.history_head, children: /* @__PURE__ */ g("b", { children: [
@@ -2408,7 +2412,7 @@ function ga() {
       t == null ? void 0 : t.maxSize
     ] }) }),
     /* @__PURE__ */ g("div", { className: _e.history_body, children: [
-      (d = (a = t == null ? void 0 : t.list) == null ? void 0 : a.map) == null ? void 0 : d.call(a, (s) => /* @__PURE__ */ l(
+      (d = (o = t == null ? void 0 : t.list) == null ? void 0 : o.map) == null ? void 0 : d.call(o, (s) => /* @__PURE__ */ l(
         "div",
         {
           className: $(_e.history_item, !s.isPass && _e.history_item_gray),
@@ -2419,102 +2423,102 @@ function ga() {
         },
         s.stepId
       )),
-      !((o = t == null ? void 0 : t.list) != null && o.length) && /* @__PURE__ */ l(U, {})
+      !((a = t == null ? void 0 : t.list) != null && a.length) && /* @__PURE__ */ l(U, {})
     ] })
   ] });
 }
-function _a() {
-  const { engine: e } = N(), [t, n] = se(), i = A(() => [
+function fa() {
+  const { engine: e } = w(), [t, n] = se(), i = L(() => [
     {
       key: "library",
       domId: "rbs-library",
-      icon: /* @__PURE__ */ l(qn, {}),
+      icon: /* @__PURE__ */ l(Jn, {}),
       title: t("menu.bar.library"),
-      children: /* @__PURE__ */ l(ql, {})
+      children: /* @__PURE__ */ l(Wl, {})
     },
     {
       key: "pages",
       domId: "rbs-pages",
-      icon: /* @__PURE__ */ l(Jn, {}),
+      icon: /* @__PURE__ */ l(Wn, {}),
       title: t("menu.bar.pages"),
-      children: /* @__PURE__ */ l(oa, {})
+      children: /* @__PURE__ */ l(ra, {})
     },
     {
       key: "componentNodes",
       domId: "rbs-componentNodes",
-      icon: /* @__PURE__ */ l(Wn, {}),
+      icon: /* @__PURE__ */ l(Vn, {}),
       title: t("menu.bar.componentNodes"),
-      children: /* @__PURE__ */ l(yc, {})
+      children: /* @__PURE__ */ l(bc, {})
     },
     {
       key: "property",
       domId: "rbs-property",
-      icon: /* @__PURE__ */ l(Vn, {}),
+      icon: /* @__PURE__ */ l(Gn, {}),
       title: t("menu.bar.property"),
-      children: /* @__PURE__ */ l(Uc, {})
+      children: /* @__PURE__ */ l(Jc, {})
     },
     {
       key: "favorites",
       domId: "rbs-favorites",
       icon: /* @__PURE__ */ l(dt, {}),
       title: t("menu.bar.favorites"),
-      children: /* @__PURE__ */ l(na, {})
+      children: /* @__PURE__ */ l(la, {})
     },
     {
       key: "history",
       domId: "rbs-history",
-      icon: /* @__PURE__ */ l(Gn, {}),
+      icon: /* @__PURE__ */ l(Xn, {}),
       title: t("menu.bar.history"),
-      children: /* @__PURE__ */ l(ga, {})
+      children: /* @__PURE__ */ l(ma, {})
     }
-  ], [n.language]), c = Ee((r) => r.currentMenu), [a, d] = S(""), o = A(() => {
+  ], [n.language]), c = Ee((r) => r.currentMenu), [o, d] = N(""), a = L(() => {
     var r;
-    return (r = i.find((h) => h.key === a)) == null ? void 0 : r.children;
-  }, [a]);
+    return (r = i.find((h) => h.key === o)) == null ? void 0 : r.children;
+  }, [o]);
   function s(r) {
     d(r), e.config.setConfigSilently({
       currentMenu: r
     });
   }
-  return w(() => {
+  return E(() => {
     const { currentMenu: r } = e.config.getConfig(), h = i.find((u) => u.key === r);
     d((h == null ? void 0 : h.key) || i[0].key);
   }, [c]), /* @__PURE__ */ g("div", { className: He.menu, children: [
-    /* @__PURE__ */ l("div", { className: He.menu_bar, children: /* @__PURE__ */ l(xc, { value: a, list: i, onChange: s }) }),
-    /* @__PURE__ */ l("div", { className: He.menu_main, children: o })
+    /* @__PURE__ */ l("div", { className: He.menu_bar, children: /* @__PURE__ */ l(kc, { value: o, list: i, onChange: s }) }),
+    /* @__PURE__ */ l("div", { className: He.menu_main, children: a })
   ] });
 }
-const ma = "_editor_82kko_59", fa = "_editor_render_82kko_65", Mt = {
-  editor: ma,
-  editor_render: fa
-}, ya = "_flexCenter_1kt3d_29", va = "_icon_clickable_1kt3d_49", ba = "_icon_selected_1kt3d_56", Ca = "_moveItem_box_1kt3d_59", xa = "_moveItem_box_lock_1kt3d_69", Ia = "_moveItem_box_selected_1kt3d_72", ka = "_moveItem_box_hover_1kt3d_79", Sa = "_dragPointCommon_1kt3d_83", Na = "_p_top_1kt3d_92", wa = "_p_left_1kt3d_95", Ea = "_p_right_1kt3d_98", Aa = "_p_bottom_1kt3d_101", La = "_p_horizontal_mid_1kt3d_104", Da = "_p_vertical_mid_1kt3d_107", Oa = "_dragPoint_top_1kt3d_110", Pa = "_dragPoint_top_left_1kt3d_123", Ba = "_dragPoint_top_right_1kt3d_136", Ma = "_dragPoint_bottom_1kt3d_149", ja = "_dragPoint_bottom_left_1kt3d_162", Ta = "_dragPoint_bottom_right_1kt3d_175", za = "_dragPoint_left_1kt3d_188", $a = "_dragPoint_right_1kt3d_201", ie = {
-  flexCenter: ya,
+const ya = "_editor_82kko_59", va = "_editor_render_82kko_65", jt = {
+  editor: ya,
+  editor_render: va
+}, ba = "_flexCenter_1kt3d_29", Ca = "_icon_clickable_1kt3d_49", xa = "_icon_selected_1kt3d_56", Ia = "_moveItem_box_1kt3d_59", ka = "_moveItem_box_lock_1kt3d_69", Sa = "_moveItem_box_selected_1kt3d_72", Na = "_moveItem_box_hover_1kt3d_79", wa = "_dragPointCommon_1kt3d_83", Ea = "_p_top_1kt3d_92", Aa = "_p_left_1kt3d_95", La = "_p_right_1kt3d_98", Da = "_p_bottom_1kt3d_101", Oa = "_p_horizontal_mid_1kt3d_104", Pa = "_p_vertical_mid_1kt3d_107", Ba = "_dragPoint_top_1kt3d_110", Ma = "_dragPoint_top_left_1kt3d_123", ja = "_dragPoint_top_right_1kt3d_136", Ta = "_dragPoint_bottom_1kt3d_149", za = "_dragPoint_bottom_left_1kt3d_162", $a = "_dragPoint_bottom_right_1kt3d_175", Ra = "_dragPoint_left_1kt3d_188", Fa = "_dragPoint_right_1kt3d_201", ie = {
+  flexCenter: ba,
   "theme-text": "_theme-text_1kt3d_34",
   "theme-color": "_theme-color_1kt3d_38",
   "text-ellipsis": "_text-ellipsis_1kt3d_41",
   "border-right": "_border-right_1kt3d_46",
-  icon_clickable: va,
-  icon_selected: ba,
-  moveItem_box: Ca,
-  moveItem_box_lock: xa,
-  moveItem_box_selected: Ia,
-  moveItem_box_hover: ka,
-  dragPointCommon: Sa,
-  p_top: Na,
-  p_left: wa,
-  p_right: Ea,
-  p_bottom: Aa,
-  p_horizontal_mid: La,
-  p_vertical_mid: Da,
-  dragPoint_top: Oa,
-  dragPoint_top_left: Pa,
-  dragPoint_top_right: Ba,
-  dragPoint_bottom: Ma,
-  dragPoint_bottom_left: ja,
-  dragPoint_bottom_right: Ta,
-  dragPoint_left: za,
-  dragPoint_right: $a
-}, Ra = [
+  icon_clickable: Ca,
+  icon_selected: xa,
+  moveItem_box: Ia,
+  moveItem_box_lock: ka,
+  moveItem_box_selected: Sa,
+  moveItem_box_hover: Na,
+  dragPointCommon: wa,
+  p_top: Ea,
+  p_left: Aa,
+  p_right: La,
+  p_bottom: Da,
+  p_horizontal_mid: Oa,
+  p_vertical_mid: Pa,
+  dragPoint_top: Ba,
+  dragPoint_top_left: Ma,
+  dragPoint_top_right: ja,
+  dragPoint_bottom: Ta,
+  dragPoint_bottom_left: za,
+  dragPoint_bottom_right: $a,
+  dragPoint_left: Ra,
+  dragPoint_right: Fa
+}, Ha = [
   "top",
   "top_left",
   "top_right",
@@ -2523,7 +2527,7 @@ const ma = "_editor_82kko_59", fa = "_editor_render_82kko_65", Mt = {
   "bottom_right",
   "left",
   "right"
-], Fa = {
+], Ka = {
   top: "n-resize",
   top_left: "nw-resize",
   top_right: "ne-resize",
@@ -2533,7 +2537,7 @@ const ma = "_editor_82kko_59", fa = "_editor_render_82kko_65", Mt = {
   left: "w-resize",
   right: "e-resize"
 };
-function Ha(e, t, n) {
+function Ua(e, t, n) {
   const i = {
     dx: 0,
     dy: 0,
@@ -2543,13 +2547,13 @@ function Ha(e, t, n) {
   function c() {
     i.dh = -n, i.dy = n;
   }
-  function a() {
+  function o() {
     i.dw = -t, i.dx = t;
   }
   function d() {
     i.dh = n;
   }
-  function o() {
+  function a() {
     i.dw = t;
   }
   switch (e) {
@@ -2557,30 +2561,30 @@ function Ha(e, t, n) {
       c();
       break;
     case "top_left":
-      c(), a();
+      c(), o();
       break;
     case "top_right":
-      c(), o();
+      c(), a();
       break;
     case "bottom":
       d();
       break;
     case "bottom_left":
-      d(), a();
+      d(), o();
       break;
     case "bottom_right":
-      d(), o();
+      d(), a();
       break;
     case "left":
-      a();
+      o();
       break;
     case "right":
-      o();
+      a();
       break;
   }
   return i;
 }
-function Ka(e, t, n) {
+function qa(e, t, n) {
   let i = {
     x: 0,
     y: 0,
@@ -2596,13 +2600,13 @@ function Ka(e, t, n) {
           y: e.y,
           width: e.width,
           height: e.height
-        }, t.style.zIndex = `${c.componentNode.getMaxLevel()}`, ae.set(Fa[n]);
+        }, t.style.zIndex = `${c.componentNode.getMaxLevel()}`, ae.set(Ka[n]);
       },
-      onMove(a, d) {
-        const o = Ha(n, a, d), s = i.width + o.dw, r = i.height + o.dh;
+      onMove(o, d) {
+        const a = Ua(n, o, d), s = i.width + a.dw, r = i.height + a.dh;
         s < 0 || r < 0 || c.componentNode.update(e.id, {
-          x: Math.round(i.x + o.dx),
-          y: Math.round(i.y + o.dy),
+          x: Math.round(i.x + a.dx),
+          y: Math.round(i.y + a.dy),
           height: Math.round(Math.max(r, 0)),
           width: Math.round(Math.max(s, 0))
         });
@@ -2612,28 +2616,28 @@ function Ka(e, t, n) {
       }
     };
 }
-const Ua = bn((e, t) => {
-  const { componentNode: n } = e, i = M(null), [c, a] = S(!1), d = Ee((o) => o.scale);
-  return Cn(t, () => ({
+const Ja = Cn((e, t) => {
+  const { componentNode: n } = e, i = j(null), [c, o] = N(!1), d = Ee((a) => a.scale);
+  return xn(t, () => ({
     // 经过实例
     handleHover() {
-      var o, s, r;
-      (r = (s = (o = i.current) == null ? void 0 : o.classList) == null ? void 0 : s.add) == null || r.call(s, ie.moveItem_box_hover);
+      var a, s, r;
+      (r = (s = (a = i.current) == null ? void 0 : a.classList) == null ? void 0 : s.add) == null || r.call(s, ie.moveItem_box_hover);
     },
     // 离开实例
     handleUnHover() {
-      var o, s, r;
-      (r = (s = (o = i.current) == null ? void 0 : o.classList) == null ? void 0 : s.remove) == null || r.call(s, ie.moveItem_box_hover);
+      var a, s, r;
+      (r = (s = (a = i.current) == null ? void 0 : a.classList) == null ? void 0 : s.remove) == null || r.call(s, ie.moveItem_box_hover);
     },
     // 选中实例样式
     handleSelected() {
-      a(!0);
+      o(!0);
     },
     // 取消选中实例样式
     handleUnSelected() {
-      a(!1);
+      o(!1);
     }
-  })), A(() => /* @__PURE__ */ l(
+  })), L(() => /* @__PURE__ */ l(
     "div",
     {
       [`data-${oe.componentNodeId}`]: n.id,
@@ -2643,34 +2647,34 @@ const Ua = bn((e, t) => {
         c && ie.moveItem_box_selected,
         n.lock && ie.moveItem_box_lock
       ),
-      children: c && !n.lock && Ra.map((o) => /* @__PURE__ */ l(
+      children: c && !n.lock && Ha.map((a) => /* @__PURE__ */ l(
         "div",
         {
           style: { transform: d < 1 ? `scale(${1 / d})` : void 0 },
-          className: ie[`dragPoint_${o}`],
-          [`data-${oe.dragDirection}`]: o
+          className: ie[`dragPoint_${a}`],
+          [`data-${oe.dragDirection}`]: a
         },
-        o
+        a
       ))
     }
   ), [n.lock, c, d]);
 });
-function qa(e) {
+function Wa(e) {
   var d;
-  const { engine: t } = N(), [n, i] = S(
+  const { engine: t } = w(), [n, i] = N(
     e == null ? void 0 : e.componentNode
-  ), c = n ? (n == null ? void 0 : n.show) ?? !0 : !1, a = A(
+  ), c = n ? (n == null ? void 0 : n.show) ?? !0 : !1, o = L(
     () => t.component.get(e == null ? void 0 : e.componentNode.cId),
     [(d = e == null ? void 0 : e.componentNode) == null ? void 0 : d.cId, e == null ? void 0 : e.packages]
   );
-  return en(() => t.componentNode.onChange(e == null ? void 0 : e.componentNode.id, ({ payload: o }) => {
-    i({ ...o });
+  return tn(() => t.componentNode.onChange(e == null ? void 0 : e.componentNode.id, ({ payload: a }) => {
+    i({ ...a });
   })), _t(() => {
     i(e == null ? void 0 : e.componentNode);
-  }, [e == null ? void 0 : e.componentNode]), a && c ? /* @__PURE__ */ l(Ja, { componentNode: n, component: a }) : /* @__PURE__ */ l(W, {});
+  }, [e == null ? void 0 : e.componentNode]), o && c ? /* @__PURE__ */ l(Va, { componentNode: n, component: o }) : /* @__PURE__ */ l(W, {});
 }
-function Ja(e) {
-  const { component: t, componentNode: n } = e, i = tn(n), c = M(null), { dataSource: a, requestInstance: d } = gi(n), o = _i(n.id), s = mi(n.id), r = M(null), h = fi({
+function Va(e) {
+  const { component: t, componentNode: n } = e, i = nn(n), c = j(null), { dataSource: o, requestInstance: d } = _i(n), a = mi(n.id), s = fi(n.id), r = j(null), h = yi({
     id: n.id,
     // 经过实例
     handleHover() {
@@ -2731,34 +2735,34 @@ function Ja(e) {
         h.handleUnHover();
       },
       children: [
-        /* @__PURE__ */ l(zt, { children: /* @__PURE__ */ l(
+        /* @__PURE__ */ l($t, { children: /* @__PURE__ */ l(
           t.component,
           {
             useExpose: s,
-            handleTrigger: o,
-            dataSource: a,
+            handleTrigger: a,
+            dataSource: o,
             options: n.options,
             width: n.width,
             height: n.height,
             componentNode: n
           }
         ) }),
-        /* @__PURE__ */ l(Ua, { ref: r, componentNode: n })
+        /* @__PURE__ */ l(Ja, { ref: r, componentNode: n })
       ]
     }
   );
 }
-function Wa(e) {
+function Ga(e) {
   const t = k.getActiveEngine();
   t && Ae(e) && t.instance.getAllSelected().length && (t.instance.unselectAll(), O("取消选中组件"));
 }
-function Va(e, t) {
+function Xa(e, t) {
   const n = Ae(t), i = Pe("shift"), c = k.getActiveEngine();
   if (!c || e.lock && n && !i)
     return;
   t.stopPropagation();
-  const a = Yt(t);
-  if (n || a) {
+  const o = Zt(t);
+  if (n || o) {
     if (c.instance.isSelected(e.id)) {
       i && c.instance.unselect(e.id);
       return;
@@ -2767,7 +2771,7 @@ function Va(e, t) {
     c.instance.select(d, !i), O("选中组件");
   }
 }
-function Ga(e) {
+function Ya(e) {
   var s;
   const t = e.getComponentNode();
   if (!t || t != null && t.lock)
@@ -2776,15 +2780,15 @@ function Ga(e) {
   if (!n)
     throw new Error("dom must be set.");
   let i = [], c = !1;
-  const a = n.style.pointerEvents;
-  let d = !1, o;
+  const o = n.style.pointerEvents;
+  let d = !1, a;
   return {
     onStart() {
       return ae.set("move"), setTimeout(() => {
-        let { list: r, showCount: h } = Za();
-        i = r, c = h < 300, o = Vt(
+        let { list: r, showCount: h } = pa();
+        i = r, c = h < 300, a = Gt(
           (u, _) => {
-            Xa(i, c, u, _);
+            Za(i, c, u, _);
           },
           h < 100 ? 0 : 20,
           {
@@ -2794,50 +2798,50 @@ function Ga(e) {
       }), !1;
     },
     onMove(r, h) {
-      d || (n.style.pointerEvents = "none", d = !0), o == null || o(r, h);
+      d || (n.style.pointerEvents = "none", d = !0), a == null || a(r, h);
     },
     onEnd(r, h) {
-      ae.revoke(), d && (n.style.pointerEvents = a, Ya(i, c, r, h), i != null && i.length && O("移动组件"), d = !1, o = void 0);
+      ae.revoke(), d && (n.style.pointerEvents = o, Qa(i, c, r, h), i != null && i.length && O("移动组件"), d = !1, a = void 0);
     }
   };
 }
-function Xa(e, t, n, i) {
+function Za(e, t, n, i) {
   e.forEach((c) => {
     if (!c.show) return;
-    const a = c.containerDom;
+    const o = c.containerDom;
     if (t)
-      a.style.transform = `translate3d(${n}px,${i}px, 0)`;
+      o.style.transform = `translate3d(${n}px,${i}px, 0)`;
     else {
       const d = c.componentNode;
-      a.style.left = `${d.x + n}px`, a.style.top = `${d.y + i}px`;
+      o.style.left = `${d.x + n}px`, o.style.top = `${d.y + i}px`;
     }
   });
 }
-function Ya(e, t, n, i) {
+function Qa(e, t, n, i) {
   const c = k.getActiveEngine();
-  c && e.forEach((a) => {
-    a != null && a.show && t && a.containerDom.style.removeProperty("transform");
-    const d = a == null ? void 0 : a.componentNode;
+  c && e.forEach((o) => {
+    o != null && o.show && t && o.containerDom.style.removeProperty("transform");
+    const d = o == null ? void 0 : o.componentNode;
     d && c.componentNode.update(d.id, {
       x: Math.round(n + ((d == null ? void 0 : d.x) || 0)),
       y: Math.round(i + ((d == null ? void 0 : d.y) || 0))
     });
   });
 }
-function Za() {
+function pa() {
   const e = k.getActiveEngine();
   return e ? Oe().reduce(
     (n, i) => {
-      var d, o, s, r;
+      var d, a, s, r;
       const c = i.show ?? !0;
       c && n.showCount++;
-      const a = {
+      const o = {
         id: i.id,
         componentNode: i,
         show: c,
-        containerDom: (r = (s = (o = (d = e.instance) == null ? void 0 : d.get) == null ? void 0 : o.call(d, i.id)) == null ? void 0 : s.getContainerDom) == null ? void 0 : r.call(s)
+        containerDom: (r = (s = (a = (d = e.instance) == null ? void 0 : d.get) == null ? void 0 : a.call(d, i.id)) == null ? void 0 : s.getContainerDom) == null ? void 0 : r.call(s)
       };
-      return n.list.push(a), n;
+      return n.list.push(o), n;
     },
     {
       showCount: 0,
@@ -2848,35 +2852,35 @@ function Za() {
     list: []
   };
 }
-const Qa = "_rangeBox_12c3t_59", pa = {
-  rangeBox: Qa
-}, jt = Vt((e, t) => {
+const eo = "_rangeBox_12c3t_59", to = {
+  rangeBox: eo
+}, Tt = Gt((e, t) => {
   const n = k.getActiveEngine();
   if (!n) return;
-  const i = n.componentNode.getAll().reduce((c, a) => {
+  const i = n.componentNode.getAll().reduce((c, o) => {
     const d = {
-      x1: a.x,
-      y1: a.y,
-      x2: a.x + a.width,
-      y2: a.y + a.height
-    }, o = {
+      x1: o.x,
+      y1: o.y,
+      x2: o.x + o.width,
+      y2: o.y + o.height
+    }, a = {
       x1: e.x,
       y1: e.y,
       x2: e.x + e.width,
       y2: e.y + e.height
     };
-    return ki(d, o) && (!a.lock || a.lock && Pe("shift")) && c.push(a.id), c;
+    return Si(d, a) && (!o.lock || o.lock && Pe("shift")) && c.push(o.id), c;
   }, []);
   n.instance.select(i, !0), t == null || t(i);
 }, 100);
 let F;
-function eo(e) {
+function no(e) {
   let t = { x: 0, y: 0 }, n = 1;
-  function i(a = 0, d = 0) {
-    const o = a * n, s = d * n, r = t.x + o, h = t.y + s, u = {
+  function i(o = 0, d = 0) {
+    const a = o * n, s = d * n, r = t.x + a, h = t.y + s, u = {
       x: t.x,
       y: t.y,
-      width: Math.abs(a),
+      width: Math.abs(o),
       height: Math.abs(d)
     };
     return r < u.x && (u.x = r), h < u.y && (u.y = h), u.x /= n, u.y /= n, u;
@@ -2885,117 +2889,117 @@ function eo(e) {
     F && (F == null || F.remove(), F = void 0);
   }
   return {
-    onStart(a, d, o) {
+    onStart(o, d, a) {
       const s = k.getActiveEngine();
       if (!s)
         return;
       c();
-      const { x: r = 0, y: h = 0 } = o || {};
+      const { x: r = 0, y: h = 0 } = a || {};
       n = s.config.getConfig().scale;
       const u = e.getBoundingClientRect();
-      t.x = r - u.x, t.y = h - u.y, F = document.createElement("div"), F.classList.add(pa.rangeBox), F.style.zIndex = `${s.componentNode.getMaxLevel()}`, e.appendChild(F), ae.set("default");
+      t.x = r - u.x, t.y = h - u.y, F = document.createElement("div"), F.classList.add(to.rangeBox), F.style.zIndex = `${s.componentNode.getMaxLevel()}`, e.appendChild(F), ae.set("default");
     },
-    onMove(a, d) {
+    onMove(o, d) {
       if (!F) return;
-      const o = i(a, d);
-      F.style.top = `${o.y}px`, F.style.left = `${o.x}px`, F.style.width = `${o.width}px`, F.style.height = `${o.height}px`, F.style.borderWidth = "1px", jt(o);
+      const a = i(o, d);
+      F.style.top = `${a.y}px`, F.style.left = `${a.x}px`, F.style.width = `${a.width}px`, F.style.height = `${a.height}px`, F.style.borderWidth = "1px", Tt(a);
     },
-    onEnd(a, d) {
+    onEnd(o, d) {
       c(), ae.revoke();
-      const o = i(a, d);
-      (o.width || o.height) && jt(o, (s) => {
+      const a = i(o, d);
+      (a.width || a.height) && Tt(a, (s) => {
         s.length && O("范围选中组件");
       });
     }
   };
 }
-function to(e, t) {
+function io(e, t) {
   return {
     onEnd(n, i, c) {
       setTimeout(() => {
         var u;
-        const a = k.getActiveEngine();
-        if (!a)
+        const o = k.getActiveEngine();
+        if (!o)
           return;
-        const d = a.config.getConfig().scale, o = e.getComponentNode(), s = e.getContainerDom();
-        if (!o || o != null && o.lock || !s)
+        const d = o.config.getConfig().scale, a = e.getComponentNode(), s = e.getContainerDom();
+        if (!a || a != null && a.lock || !s)
           return;
-        const r = ((u = s == null ? void 0 : s.getBoundingClientRect) == null ? void 0 : u.call(s)) || { x: 0, y: 0 }, h = io(o, {
-          x: (c.x - r.x) / d + o.x,
+        const r = ((u = s == null ? void 0 : s.getBoundingClientRect) == null ? void 0 : u.call(s)) || { x: 0, y: 0 }, h = co(a, {
+          x: (c.x - r.x) / d + a.x,
           // 鼠标在编辑器上的虚拟坐标
-          y: (c.y - r.y) / d + o.y
+          y: (c.y - r.y) / d + a.y
         });
         t == null || t(h);
       });
     }
   };
 }
-function no(e, t) {
+function lo(e, t) {
   const n = k.getActiveEngine();
   if (!n)
     return;
-  const i = n.componentNode.getAll().reduce((d, o) => {
+  const i = n.componentNode.getAll().reduce((d, a) => {
     var s;
-    return (o.show ?? !0) && o.category === "layout" && // layout类组件
-    o.id !== e.id && // 不能拖拽到自身（如果自身拖拽组件是layout类型时）
-    Si(t, n.componentNode.getCoordinate(o)) && (d[s = `${o.level}`] || (d[s] = [])).push(o), d;
-  }, {}), c = Object.values(i), a = c[c.length - 1];
-  return a == null ? void 0 : a[(a == null ? void 0 : a.length) - 1];
+    return (a.show ?? !0) && a.category === "layout" && // layout类组件
+    a.id !== e.id && // 不能拖拽到自身（如果自身拖拽组件是layout类型时）
+    Ni(t, n.componentNode.getCoordinate(a)) && (d[s = `${a.level}`] || (d[s] = [])).push(a), d;
+  }, {}), c = Object.values(i), o = c[c.length - 1];
+  return o == null ? void 0 : o[(o == null ? void 0 : o.length) - 1];
 }
-function io(e, t) {
+function co(e, t) {
   const n = k.getActiveEngine();
   if (!n)
     return;
-  const i = no(e, {
+  const i = lo(e, {
     x: t.x,
     y: t.y
   });
   if (i) {
-    const a = i == null ? void 0 : i.currentPanelId;
-    if (!a || n.componentNode.isInPanel(a, e))
+    const o = i == null ? void 0 : i.currentPanelId;
+    if (!o || n.componentNode.isInPanel(o, e))
       return;
-    const d = n.componentNode.getPanelName(a) || "目标";
+    const d = n.componentNode.getPanelName(o) || "目标";
     return kt({
       title: "移入提醒",
       content: `确定放入面板“${d}”？`,
-      onOk(o) {
+      onOk(a) {
         n.instance.getAllSelected().forEach((s) => {
           const r = n.componentNode.get(s.id);
-          n.componentNode.insertPanel(a, r);
-        }), n.instance.select(i.id, !0), O(`移入面板 “${d}”`), o();
+          n.componentNode.insertPanel(o, r);
+        }), n.instance.select(i.id, !0), O(`移入面板 “${d}”`), a();
       }
     });
   }
   const c = e.panelId;
   if (c) {
-    const a = n.componentNode.getPanelName(c) || "目标";
+    const o = n.componentNode.getPanelName(c) || "目标";
     return kt({
       title: "移出提醒",
-      content: `是否移出面板“${a}”?`,
+      content: `是否移出面板“${o}”?`,
       onOk(d) {
-        n.instance.getAllSelected().forEach((o) => {
-          const s = n.componentNode.get(o.id);
-          n.componentNode.removeFromPanel(s), O(`移出面板 “${a}”`);
+        n.instance.getAllSelected().forEach((a) => {
+          const s = n.componentNode.get(a.id);
+          n.componentNode.removeFromPanel(s), O(`移出面板 “${o}”`);
         }), d();
       }
     });
   }
 }
-function lo(e) {
-  const t = M([]), { engine: n } = N();
+function ao(e) {
+  const t = j([]), { engine: n } = w();
   function i() {
-    var c, a;
-    t != null && t.current.length && ((a = (c = t == null ? void 0 : t.current) == null ? void 0 : c.forEach) == null || a.call(c, (d) => d == null ? void 0 : d()), t.current = []);
+    var c, o;
+    t != null && t.current.length && ((o = (c = t == null ? void 0 : t.current) == null ? void 0 : c.forEach) == null || o.call(c, (d) => d == null ? void 0 : d()), t.current = []);
   }
   gt(e, {
     mousedown(c) {
       var m;
-      const a = e.current;
-      if (!a) throw new Error("dom must be exist.");
+      const o = e.current;
+      if (!o) throw new Error("dom must be exist.");
       i();
-      const d = Ae(c), o = Yt(c), s = Pe("shift"), r = ct(c.target, oe.componentNodeId, !0), h = n.instance.get(r), u = (m = h == null ? void 0 : h.getComponentNode) == null ? void 0 : m.call(h), _ = o ? !0 : u != null && u.lock ? d && s : d;
+      const d = Ae(c), a = Zt(c), s = Pe("shift"), r = ct(c.target, oe.componentNodeId, !0), h = n.instance.get(r), u = (m = h == null ? void 0 : h.getComponentNode) == null ? void 0 : m.call(h), _ = a ? !0 : u != null && u.lock ? d && s : d;
       if (h && u && _) {
-        if (Va(u, c), !(u != null && u.lock) && d) {
+        if (Xa(u, c), !(u != null && u.lock) && d) {
           const v = ct(
             c.target,
             oe.dragDirection
@@ -3008,11 +3012,11 @@ function lo(e) {
               scale: n.config.getConfig().scale,
               hookQueue: [
                 // 监听拖拽大小
-                v && Ka(u, c.target, v),
+                v && qa(u, c.target, v),
                 // 监听拖拽移动
-                !v && Ga(h),
+                !v && Ya(h),
                 // 监听是否放置到 layout 组件
-                to(h, (C) => {
+                io(h, (C) => {
                   t.current.push(C);
                 })
               ]
@@ -3021,7 +3025,7 @@ function lo(e) {
         }
         return;
       }
-      Wa(c), t.current.push(
+      Ga(c), t.current.push(
         St({
           startX: c.x,
           startY: c.y,
@@ -3029,30 +3033,30 @@ function lo(e) {
           scale: n.config.getConfig().scale,
           hookQueue: [
             // 监听创建范围多选框（左键按住范围框选）
-            d && eo(a)
+            d && no(o)
           ]
         })
       );
     }
-  }), Zt(() => {
+  }), Qt(() => {
     i();
   });
 }
-function co(e) {
-  const { engine: t } = N();
-  sn(e, {
+function oo(e) {
+  const { engine: t } = w();
+  un(e, {
     accept: ["create-component"],
     onDrop: (n, i) => {
       const c = e.current;
       if (!c)
         throw new Error("dom must be exist.");
-      const { data: a } = i;
-      if (!(a == null ? void 0 : a.component))
+      const { data: o } = i;
+      if (!(o == null ? void 0 : o.component))
         return;
-      const o = c.getBoundingClientRect(), s = t.config.getConfig().scale, r = t.componentNode.createFromComponent(a.component, {
-        x: Math.round((n.x - o.x) / s),
+      const a = c.getBoundingClientRect(), s = t.config.getConfig().scale, r = t.componentNode.createFromComponent(o.component, {
+        x: Math.round((n.x - a.x) / s),
         // 真实坐标转为编辑器坐标 （scale 越小，编辑器面积越小，真实像素变化映射到虚拟像素越大）
-        y: Math.round((n.y - o.y) / s),
+        y: Math.round((n.y - a.y) / s),
         pageId: t.config.getCurrentPage()
       });
       t.componentNode.add(r), setTimeout(async () => {
@@ -3061,26 +3065,26 @@ function co(e) {
     }
   });
 }
-function ao(e) {
-  const { engine: t } = N();
-  sn(e, {
+function ro(e) {
+  const { engine: t } = w();
+  un(e, {
     accept: ["create-favorite"],
     onDrop: (n, i) => {
       var b, I;
       const c = e.current;
       if (!c)
         throw new Error("dom must be exist.");
-      const a = c.getBoundingClientRect(), d = (b = i.data) == null ? void 0 : b.favorite;
-      (I = d.children) != null && I.length || E.warn("收藏元素为空");
-      const o = Math.round(n.x - a.x), s = Math.round(n.y - a.y), r = d.children[0], { x: h, y: u } = d.children.reduce(
-        (f, y) => (f.x = Math.min(f.x, y.x), f.y = Math.min(f.y, y.y), f),
+      const o = c.getBoundingClientRect(), d = (b = i.data) == null ? void 0 : b.favorite;
+      (I = d.children) != null && I.length || A.warn("收藏元素为空");
+      const a = Math.round(n.x - o.x), s = Math.round(n.y - o.y), r = d.children[0], { x: h, y: u } = d.children.reduce(
+        (y, f) => (y.x = Math.min(y.x, f.x), y.y = Math.min(y.y, f.y), y),
         {
           x: r.x,
           y: r.y
         }
       ), _ = t.config.getCurrentPage(), m = [], v = t.config.getConfig().scale, C = t.componentNode.cloneComponentNodes(d.children, {
-        onClone(f, y) {
-          y.x = Math.round((o + (y.x - h)) / v), y.y = Math.round((s + (y.y - u)) / v), y.pageId = _, m.push(y.id);
+        onClone(y, f) {
+          f.x = Math.round((a + (f.x - h)) / v), f.y = Math.round((s + (f.y - u)) / v), f.pageId = _, m.push(f.id);
         }
       });
       t.componentNode.add(C), setTimeout(() => {
@@ -3089,11 +3093,11 @@ function ao(e) {
     }
   });
 }
-const oo = () => {
-  const { engine: e } = N(), t = M(null), n = M(null), i = Xt(), c = Gt(), a = A(() => {
+const so = () => {
+  const { engine: e } = w(), t = j(null), n = j(null), i = Yt(), c = Xt(), o = L(() => {
     if (i.length)
       return c == null ? void 0 : c.map((d) => /* @__PURE__ */ l(
-        qa,
+        Wa,
         {
           componentNode: d,
           packages: i
@@ -3101,43 +3105,43 @@ const oo = () => {
         d.id
       ));
   }, [c, i]);
-  return lo(n), gn(t), co(n), ao(n), w(() => e.componentNode.onDelete((d) => {
+  return ao(n), _n(t), oo(n), ro(n), E(() => e.componentNode.onDelete((d) => {
     e.page.removeGlobalComponentNode(d);
   }), []), /* @__PURE__ */ l(
     "div",
     {
       ref: t,
-      className: Mt.editor,
+      className: jt.editor,
       onMouseDown: () => De(),
-      children: /* @__PURE__ */ l(yi, { ref: n, className: Mt.editor_render, children: a })
+      children: /* @__PURE__ */ l(vi, { ref: n, className: jt.editor_render, children: o })
     }
   );
-}, ro = "_attributes_esabd_59", so = {
-  attributes: ro
-}, uo = "_singleInstanceAttributesBase_description_x66dv_59", ho = "_singleInstanceAttributesBase_body_x66dv_64", go = "_singleInstanceAttributesBase_label_x66dv_67", _o = "_singleInstanceAttributesBase_x66dv_59", Y = {
-  singleInstanceAttributesBase_description: uo,
-  singleInstanceAttributesBase_body: ho,
-  singleInstanceAttributesBase_label: go,
-  singleInstanceAttributesBase: _o
-}, mo = "_opacity0_1lvzj_59", fo = "_editText_1lvzj_62", yo = "_editText_text_1lvzj_69", Xe = {
-  opacity0: mo,
-  editText: fo,
-  editText_text: yo
+}, uo = "_attributes_esabd_59", ho = {
+  attributes: uo
+}, go = "_singleInstanceAttributesBase_description_x66dv_59", _o = "_singleInstanceAttributesBase_body_x66dv_64", mo = "_singleInstanceAttributesBase_label_x66dv_67", fo = "_singleInstanceAttributesBase_x66dv_59", Y = {
+  singleInstanceAttributesBase_description: go,
+  singleInstanceAttributesBase_body: _o,
+  singleInstanceAttributesBase_label: mo,
+  singleInstanceAttributesBase: fo
+}, yo = "_opacity0_1lvzj_59", vo = "_editText_1lvzj_62", bo = "_editText_text_1lvzj_69", Xe = {
+  opacity0: yo,
+  editText: vo,
+  editText_text: bo
 };
-function vo(e) {
-  const [t, n] = S(!1), [i, c] = S("");
-  function a() {
+function Co(e) {
+  const [t, n] = N(!1), [i, c] = N("");
+  function o() {
     c((e == null ? void 0 : e.value) || ""), n(!0);
   }
   function d() {
-    var o;
+    var a;
     if (!i) {
-      E.warn(e == null ? void 0 : e.emptyMessage);
+      A.warn(e == null ? void 0 : e.emptyMessage);
       return;
     }
-    n(!1), (o = e == null ? void 0 : e.onChange) == null || o.call(e, i);
+    n(!1), (a = e == null ? void 0 : e.onChange) == null || a.call(e, i);
   }
-  return w(() => {
+  return E(() => {
     n(!1);
   }, [e == null ? void 0 : e.value]), /* @__PURE__ */ g("div", { className: Xe.editText, children: [
     t ? /* @__PURE__ */ l(
@@ -3145,44 +3149,44 @@ function vo(e) {
       {
         value: i,
         style: { width: "100%" },
-        onChange: (o) => c(o),
+        onChange: (a) => c(a),
         onPressEnter: () => {
           t && d();
         }
       }
     ) : /* @__PURE__ */ l("b", { className: Xe.editText_text, title: `${(e == null ? void 0 : e.value) || ""}`, children: e == null ? void 0 : e.value }),
     t ? /* @__PURE__ */ l(Q, { className: "icon_clickable", onClick: d }) : /* @__PURE__ */ l(
-      Kt,
+      Ut,
       {
         className: $(Xe.opacity0, "icon_clickable"),
-        onClick: a
+        onClick: o
       }
     )
   ] });
 }
-function bo() {
-  const { engine: e } = N(), { componentNode: t } = he(), [n] = B.useForm(), i = A(() => e.component.get(t == null ? void 0 : t.cId), [t == null ? void 0 : t.cId]), c = i == null ? void 0 : i.attributesComponent;
-  function a(d) {
+function xo() {
+  const { engine: e } = w(), { componentNode: t } = he(), [n] = M.useForm(), i = L(() => e.component.get(t == null ? void 0 : t.cId), [t == null ? void 0 : t.cId]), c = i == null ? void 0 : i.attributesComponent;
+  function o(d) {
     d || e.page.removeGlobalComponentNode(t == null ? void 0 : t.id);
   }
-  return w(() => {
+  return E(() => {
     t && n.setFieldsValue({
       ...t,
       isAllPage: !!(t != null && t.isAllPage)
     });
   }, [t]), /* @__PURE__ */ g(
-    B,
+    M,
     {
       form: n,
       className: Y.singleInstanceAttributesBase,
       onValuesChange: (d) => {
-        let o = "修改组件";
-        d.hasOwnProperty("isAllPage") && (a(d.isAllPage), o = d.isAllPage ? "设置组件全页面" : "取消组件全页面"), e.componentNode.update(t == null ? void 0 : t.id, d), O(o);
+        let a = "修改组件";
+        d.hasOwnProperty("isAllPage") && (o(d.isAllPage), a = d.isAllPage ? "设置组件全页面" : "取消组件全页面"), e.componentNode.update(t == null ? void 0 : t.id, d), O(a);
       },
       children: [
         /* @__PURE__ */ l("div", { className: Y.singleInstanceAttributesBase_description, children: /* @__PURE__ */ g(nt, { children: [
           /* @__PURE__ */ l(H, { span: 24, style: { marginBottom: 6 }, children: /* @__PURE__ */ l(
-            vo,
+            Co,
             {
               emptyMessage: "请填写名称",
               value: t == null ? void 0 : t.name,
@@ -3210,20 +3214,20 @@ function bo() {
           /* @__PURE__ */ g("div", { children: [
             /* @__PURE__ */ g(nt, { gutter: [8, 8], style: { fontSize: 12 }, children: [
               /* @__PURE__ */ l(H, { span: 3, className: Y.singleInstanceAttributesBase_label, children: "X轴" }),
-              /* @__PURE__ */ l(H, { span: 9, children: /* @__PURE__ */ l(B.Item, { name: "x", noStyle: !0, children: /* @__PURE__ */ l(le, { size: "small", style: { width: "100%" } }) }) }),
+              /* @__PURE__ */ l(H, { span: 9, children: /* @__PURE__ */ l(M.Item, { name: "x", noStyle: !0, children: /* @__PURE__ */ l(le, { size: "small", style: { width: "100%" } }) }) }),
               /* @__PURE__ */ l(H, { span: 3, className: Y.singleInstanceAttributesBase_label, children: "Y轴" }),
-              /* @__PURE__ */ l(H, { span: 9, children: /* @__PURE__ */ l(B.Item, { name: "y", noStyle: !0, children: /* @__PURE__ */ l(le, { size: "small", style: { width: "100%" } }) }) }),
+              /* @__PURE__ */ l(H, { span: 9, children: /* @__PURE__ */ l(M.Item, { name: "y", noStyle: !0, children: /* @__PURE__ */ l(le, { size: "small", style: { width: "100%" } }) }) }),
               /* @__PURE__ */ l(H, { span: 3, className: Y.singleInstanceAttributesBase_label, children: "宽度" }),
-              /* @__PURE__ */ l(H, { span: 9, children: /* @__PURE__ */ l(B.Item, { name: "width", noStyle: !0, children: /* @__PURE__ */ l(le, { size: "small", style: { width: "100%" } }) }) }),
+              /* @__PURE__ */ l(H, { span: 9, children: /* @__PURE__ */ l(M.Item, { name: "width", noStyle: !0, children: /* @__PURE__ */ l(le, { size: "small", style: { width: "100%" } }) }) }),
               /* @__PURE__ */ l(H, { span: 3, className: Y.singleInstanceAttributesBase_label, children: "高度" }),
-              /* @__PURE__ */ l(H, { span: 9, children: /* @__PURE__ */ l(B.Item, { name: "height", noStyle: !0, children: /* @__PURE__ */ l(le, { size: "small", style: { width: "100%" } }) }) })
+              /* @__PURE__ */ l(H, { span: 9, children: /* @__PURE__ */ l(M.Item, { name: "height", noStyle: !0, children: /* @__PURE__ */ l(le, { size: "small", style: { width: "100%" } }) }) })
             ] }),
             /* @__PURE__ */ g(Le, { labelSpan: 4, children: [
-              /* @__PURE__ */ l(T, { label: "层级", style: { marginTop: 8 }, labelSpan: 3, children: /* @__PURE__ */ l(B.Item, { name: "level", noStyle: !0, children: /* @__PURE__ */ l(le, { size: "small", style: { width: "100%" } }) }) }),
-              /* @__PURE__ */ l(T, { label: "全页面", style: { marginTop: 8 }, labelTip: "每个页面都会显示", children: /* @__PURE__ */ l(B.Item, { noStyle: !0, name: "isAllPage", valuePropName: "checked", children: /* @__PURE__ */ l(we, {}) }) })
+              /* @__PURE__ */ l(T, { label: "层级", style: { marginTop: 8 }, labelSpan: 3, children: /* @__PURE__ */ l(M.Item, { name: "level", noStyle: !0, children: /* @__PURE__ */ l(le, { size: "small", style: { width: "100%" } }) }) }),
+              /* @__PURE__ */ l(T, { label: "全页面", style: { marginTop: 8 }, labelTip: "每个页面都会显示", children: /* @__PURE__ */ l(M.Item, { noStyle: !0, name: "isAllPage", valuePropName: "checked", children: /* @__PURE__ */ l(we, {}) }) })
             ] })
           ] }),
-          t && c && /* @__PURE__ */ l("div", { style: { paddingTop: 8 }, children: /* @__PURE__ */ l(zt, { children: /* @__PURE__ */ l(
+          t && c && /* @__PURE__ */ l("div", { style: { paddingTop: 8 }, children: /* @__PURE__ */ l($t, { children: /* @__PURE__ */ l(
             c,
             {
               componentNode: t,
@@ -3231,9 +3235,9 @@ function bo() {
                 e.componentNode.update(t == null ? void 0 : t.id, d), O("修改组件属性");
               },
               options: t == null ? void 0 : t.options,
-              onChange: (d, o) => {
+              onChange: (d, a) => {
                 e.componentNode.update(t == null ? void 0 : t.id, {
-                  options: o ? d : {
+                  options: a ? d : {
                     ...t == null ? void 0 : t.options,
                     ...d
                   }
@@ -3246,20 +3250,20 @@ function bo() {
     }
   );
 }
-const Co = "_dataSource_1t8uf_59", xo = {
-  dataSource: Co
-}, Io = "_requestDataSource_147st_59", ko = {
-  requestDataSource: Io
+const Io = "_dataSource_1t8uf_59", ko = {
+  dataSource: Io
+}, So = "_requestDataSource_147st_59", No = {
+  requestDataSource: So
 };
-function So(e) {
-  const t = k.getActiveEngine(), { componentNode: n } = he(), i = A(() => {
+function wo(e) {
+  const t = k.getActiveEngine(), { componentNode: n } = he(), i = L(() => {
     var r, h;
     return (h = (r = t == null ? void 0 : t.instance) == null ? void 0 : r.get) == null ? void 0 : h.call(r, n == null ? void 0 : n.id);
   }, [n == null ? void 0 : n.id]), c = n == null ? void 0 : n.request, {
-    data: a,
+    data: o,
     loading: d,
-    refresh: o
-  } = Qt(
+    refresh: a
+  } = pt(
     async () => {
       var r, h;
       return (h = (r = i == null ? void 0 : i.request) == null ? void 0 : r.call(i, void 0, !0)) == null ? void 0 : h.then((u) => typeof u == "object" && u ? JSON.stringify(u, null, "  ") : `${u ?? null}`);
@@ -3277,7 +3281,7 @@ function So(e) {
       }
     }));
   }
-  return /* @__PURE__ */ g("div", { style: e == null ? void 0 : e.style, className: ko.requestDataSource, children: [
+  return /* @__PURE__ */ g("div", { style: e == null ? void 0 : e.style, className: No.requestDataSource, children: [
     /* @__PURE__ */ l(T, { label: "请求类型", children: /* @__PURE__ */ l(
       Ce,
       {
@@ -3345,7 +3349,7 @@ function So(e) {
         {
           className: "icon_clickable",
           onClick: () => {
-            o();
+            a();
           }
         }
       ) })
@@ -3356,35 +3360,35 @@ function So(e) {
         readOnly: !0,
         minimap: !1,
         language: "json",
-        value: d ? "" : a,
+        value: d ? "" : o,
         style: { flex: 1, minHeight: 200, maxHeight: 400 }
       }
     )
   ] });
 }
-const No = "_staticDataSource_1p3pl_59", wo = {
-  staticDataSource: No
+const Eo = "_staticDataSource_1p3pl_59", Ao = {
+  staticDataSource: Eo
 };
-function Eo(e) {
-  const { engine: t } = N(), { componentNode: n } = he(), [i, c] = S("");
-  function a() {
+function Lo(e) {
+  const { engine: t } = w(), { componentNode: n } = he(), [i, c] = N("");
+  function o() {
     if (!i)
-      return E.warn("json格式不正确");
+      return A.warn("json格式不正确");
     try {
       const d = JSON.parse(i);
       t.componentNode.update(n == null ? void 0 : n.id, {
         staticDataSource: d
-      }), E.success("修改成功"), O("修改静态数据");
+      }), A.success("修改成功"), O("修改静态数据");
     } catch {
-      E.warn("json格式不正确");
+      A.warn("json格式不正确");
     }
   }
-  return w(() => {
+  return E(() => {
     c(
       n != null && n.staticDataSource ? JSON.stringify((n == null ? void 0 : n.staticDataSource) || {}, null, "	") : ""
     );
-  }, [n]), /* @__PURE__ */ g("div", { className: wo.staticDataSource, style: e == null ? void 0 : e.style, children: [
-    /* @__PURE__ */ l(T, { label: "配置数据", children: /* @__PURE__ */ l(z, { title: "保存", children: /* @__PURE__ */ l(Q, { className: "icon_clickable", onClick: a }) }) }),
+  }, [n]), /* @__PURE__ */ g("div", { className: Ao.staticDataSource, style: e == null ? void 0 : e.style, children: [
+    /* @__PURE__ */ l(T, { label: "配置数据", children: /* @__PURE__ */ l(z, { title: "保存", children: /* @__PURE__ */ l(Q, { className: "icon_clickable", onClick: o }) }) }),
     /* @__PURE__ */ l(
       X,
       {
@@ -3400,20 +3404,20 @@ function Eo(e) {
     )
   ] });
 }
-const Ao = [
+const Do = [
   { label: "静态数据", value: "static" },
   { label: "请求接口", value: "request" }
 ];
-function Lo() {
-  const { engine: e } = N(), { componentNode: t } = he(), n = (t == null ? void 0 : t.dataSourceType) ?? "static";
-  return /* @__PURE__ */ l(Le, { labelSpan: 5, children: /* @__PURE__ */ g("div", { className: xo.dataSource, children: [
+function Oo() {
+  const { engine: e } = w(), { componentNode: t } = he(), n = (t == null ? void 0 : t.dataSourceType) ?? "static";
+  return /* @__PURE__ */ l(Le, { labelSpan: 5, children: /* @__PURE__ */ g("div", { className: ko.dataSource, children: [
     /* @__PURE__ */ l(T, { label: "数据源", children: /* @__PURE__ */ l(
       Ce,
       {
         value: n,
         allowClear: !1,
         style: { width: "100%" },
-        requestFn: async () => Ao,
+        requestFn: async () => Do,
         onChange: (i) => {
           e.componentNode.update(t == null ? void 0 : t.id, {
             dataSourceType: i
@@ -3421,22 +3425,22 @@ function Lo() {
         }
       }
     ) }),
-    n === "static" && /* @__PURE__ */ l(Eo, { style: { flex: 1, overflow: "hidden" } }),
-    n === "request" && /* @__PURE__ */ l(So, { style: { flex: 1, overflow: "hidden" } })
+    n === "static" && /* @__PURE__ */ l(Lo, { style: { flex: 1, overflow: "hidden" } }),
+    n === "request" && /* @__PURE__ */ l(wo, { style: { flex: 1, overflow: "hidden" } })
   ] }) });
 }
-const Do = "_interactive_1j74j_59", Oo = {
-  interactive: Do
+const Po = "_interactive_1j74j_59", Bo = {
+  interactive: Po
 };
-function Po(e) {
-  const { componentNode: t } = e, { engine: n } = N(), [i, c] = S([]), a = A(
+function Mo(e) {
+  const { componentNode: t } = e, { engine: n } = w(), [i, c] = N([]), o = L(
     () => n.component.get(t == null ? void 0 : t.cId),
     [t == null ? void 0 : t.cId]
   );
-  return w(() => {
-    var d, o;
+  return E(() => {
+    var d, a;
     c(
-      ((o = (d = a == null ? void 0 : a.triggers) == null ? void 0 : d.map) == null ? void 0 : o.call(d, (s) => {
+      ((a = (d = o == null ? void 0 : o.triggers) == null ? void 0 : d.map) == null ? void 0 : a.call(d, (s) => {
         var r;
         return {
           disabled: !!((r = t == null ? void 0 : t.events) != null && r.find((h) => h.triggerId === s.value)),
@@ -3446,40 +3450,40 @@ function Po(e) {
         };
       })) || []
     );
-  }, [a, t]), /* @__PURE__ */ l(
+  }, [o, t]), /* @__PURE__ */ l(
     be,
     {
       trigger: ["click"],
       menu: {
         items: i,
         onClick: ({ key: d }) => {
-          var o;
-          (o = e == null ? void 0 : e.onSelect) == null || o.call(e, d);
+          var a;
+          (a = e == null ? void 0 : e.onSelect) == null || a.call(e, d);
         }
       },
       children: /* @__PURE__ */ l(K, { type: "dashed", block: !0, icon: /* @__PURE__ */ l(rt, {}), children: "组件绑定事件" })
     }
   );
 }
-const Bo = "_eventList_19gi2_59", Mo = "_eventList_head_19gi2_62", jo = "_eventList_body_19gi2_68", To = "_eventList_item_19gi2_74", zo = "_eventList_item_body_19gi2_84", $o = "_eventList_item_opt_19gi2_90", Ro = "_eventList_item_opt_clickable_19gi2_95", G = {
-  eventList: Bo,
-  eventList_head: Mo,
-  eventList_body: jo,
-  eventList_item: To,
-  eventList_item_body: zo,
-  eventList_item_opt: $o,
-  eventList_item_opt_clickable: Ro
-}, Fo = "_editEventDialog_11y5n_59", Ho = "_editEventDialog_menu_11y5n_63", Ko = "_editEventDialog_body_11y5n_78", Ye = {
-  editEventDialog: Fo,
-  editEventDialog_menu: Ho,
-  editEventDialog_body: Ko
-}, Uo = "_eventOptions_main_16n1f_59", Be = {
-  eventOptions_main: Uo
+const jo = "_eventList_19gi2_59", To = "_eventList_head_19gi2_62", zo = "_eventList_body_19gi2_68", $o = "_eventList_item_19gi2_74", Ro = "_eventList_item_body_19gi2_84", Fo = "_eventList_item_opt_19gi2_90", Ho = "_eventList_item_opt_clickable_19gi2_95", G = {
+  eventList: jo,
+  eventList_head: To,
+  eventList_body: zo,
+  eventList_item: $o,
+  eventList_item_body: Ro,
+  eventList_item_opt: Fo,
+  eventList_item_opt_clickable: Ho
+}, Ko = "_editEventDialog_11y5n_59", Uo = "_editEventDialog_menu_11y5n_63", qo = "_editEventDialog_body_11y5n_78", Ye = {
+  editEventDialog: Ko,
+  editEventDialog_menu: Uo,
+  editEventDialog_body: qo
+}, Jo = "_eventOptions_main_16n1f_59", Be = {
+  eventOptions_main: Jo
 };
-function qo(e) {
+function Wo(e) {
   var t;
   return /* @__PURE__ */ l("div", { className: Be.eventOptions_main, children: /* @__PURE__ */ l(T, { label: "组件显示", labelSpan: 3, children: /* @__PURE__ */ l(
-    Ut,
+    qt,
     {
       size: "small",
       checked: (t = e == null ? void 0 : e.value) == null ? void 0 : t.visible,
@@ -3493,9 +3497,9 @@ function qo(e) {
     }
   ) }) });
 }
-const Jo = ue((e) => {
-  const [t, n] = Tt.useState();
-  return w(() => {
+const Vo = ue((e) => {
+  const [t, n] = zt.useState();
+  return E(() => {
     var i;
     e != null && e.visible && n((i = e == null ? void 0 : e.params) == null ? void 0 : i.text);
   }, [e == null ? void 0 : e.visible]), /* @__PURE__ */ g(
@@ -3539,7 +3543,7 @@ const Jo = ue((e) => {
           {
             language: "javascript",
             style: { height: 450 },
-            value: t ?? Bi,
+            value: t ?? Mi,
             onChange: n
           }
         )
@@ -3547,13 +3551,13 @@ const Jo = ue((e) => {
     }
   );
 });
-function _n(e) {
-  const t = Jo({
+function mn(e) {
+  const t = Vo({
     onOk(i) {
       var c;
       (c = e == null ? void 0 : e.onChange) == null || c.call(e, i);
     }
-  }), n = A(() => e != null && e.tooltip ? /* @__PURE__ */ l(z, { title: e == null ? void 0 : e.tooltip, children: /* @__PURE__ */ l("span", { children: "{}" }) }) : /* @__PURE__ */ l("span", { children: "{}" }), [e == null ? void 0 : e.tooltip]);
+  }), n = L(() => e != null && e.tooltip ? /* @__PURE__ */ l(z, { title: e == null ? void 0 : e.tooltip, children: /* @__PURE__ */ l("span", { children: "{}" }) }) : /* @__PURE__ */ l("span", { children: "{}" }), [e == null ? void 0 : e.tooltip]);
   return /* @__PURE__ */ l(W, { children: /* @__PURE__ */ l(
     "span",
     {
@@ -3568,33 +3572,33 @@ function _n(e) {
     }
   ) });
 }
-const Wo = /* @__PURE__ */ g("div", { children: [
+const Go = /* @__PURE__ */ g("div", { children: [
   /* @__PURE__ */ l("div", { children: "格式参考：" }),
   /* @__PURE__ */ l("div", { style: { whiteSpace: "pre-wrap", padding: "12px 0" }, children: JSON.stringify({ name: "tjh", age: 25 }, null, "    ") })
 ] });
-function Vo(e) {
-  var o, s, r;
-  const t = ((o = e == null ? void 0 : e.value) == null ? void 0 : o.type) || "default", [n, i] = S(), [c, a] = S("");
+function Xo(e) {
+  var a, s, r;
+  const t = ((a = e == null ? void 0 : e.value) == null ? void 0 : a.type) || "default", [n, i] = N(), [c, o] = N("");
   function d() {
     var h;
     try {
       const u = JSON.parse(c);
       if (typeof u != "object" || u === null) {
-        E.warn("只能保存对象格式数据");
+        A.warn("只能保存对象格式数据");
         return;
       }
       (h = e == null ? void 0 : e.onChange) == null || h.call(e, {
         ...e == null ? void 0 : e.value,
         params: u
-      }), E.success("更新成功");
+      }), A.success("更新成功");
     } catch {
-      E.warn("JSON格式不正确");
+      A.warn("JSON格式不正确");
     }
   }
-  return w(() => {
+  return E(() => {
     var h;
-    a(JSON.stringify(((h = e == null ? void 0 : e.value) == null ? void 0 : h.params) || {}, null, "	"));
-  }, [(s = e == null ? void 0 : e.value) == null ? void 0 : s.params]), w(() => {
+    o(JSON.stringify(((h = e == null ? void 0 : e.value) == null ? void 0 : h.params) || {}, null, "	"));
+  }, [(s = e == null ? void 0 : e.value) == null ? void 0 : s.params]), E(() => {
     var h;
     i((h = e == null ? void 0 : e.value) == null ? void 0 : h.parserFunc);
   }, [(r = e == null ? void 0 : e.value) == null ? void 0 : r.parserFunc]), /* @__PURE__ */ g("div", { className: Be.eventOptions_main, children: [
@@ -3622,7 +3626,7 @@ function Vo(e) {
           }
         ),
         /* @__PURE__ */ l(
-          _n,
+          mn,
           {
             tooltip: "解析函数",
             value: n,
@@ -3638,7 +3642,7 @@ function Vo(e) {
       ] })
     ] }),
     t === "json" && /* @__PURE__ */ g(D, { style: { width: "100%" }, direction: "vertical", size: 2, children: [
-      /* @__PURE__ */ l(T, { label: "json对象", labelSpan: 3, labelTip: Wo, children: /* @__PURE__ */ l(z, { title: "更新", children: /* @__PURE__ */ l(Q, { onClick: d, className: "icon_clickable" }) }) }),
+      /* @__PURE__ */ l(T, { label: "json对象", labelSpan: 3, labelTip: Go, children: /* @__PURE__ */ l(z, { title: "更新", children: /* @__PURE__ */ l(Q, { onClick: d, className: "icon_clickable" }) }) }),
       /* @__PURE__ */ l(
         X,
         {
@@ -3646,30 +3650,30 @@ function Vo(e) {
           language: "json",
           style: { height: 380 },
           onChange: (h) => {
-            a(h);
+            o(h);
           }
         }
       )
     ] })
   ] });
 }
-function Go(e) {
-  var a;
-  const [t, n] = S();
+function Yo(e) {
+  var o;
+  const [t, n] = N();
   function i(d) {
-    var o;
-    (o = e == null ? void 0 : e.onChange) == null || o.call(e, {
+    var a;
+    (a = e == null ? void 0 : e.onChange) == null || a.call(e, {
       ...e == null ? void 0 : e.value,
       function: d
     });
   }
   function c() {
-    i(void 0), n(void 0), E.success("重置成功");
+    i(void 0), n(void 0), A.success("重置成功");
   }
-  return w(() => {
+  return E(() => {
     var d;
     n((d = e == null ? void 0 : e.value) == null ? void 0 : d.function);
-  }, [(a = e == null ? void 0 : e.value) == null ? void 0 : a.function]), /* @__PURE__ */ l("div", { className: Be.eventOptions_main, children: /* @__PURE__ */ g(D, { style: { width: "100%" }, direction: "vertical", size: 4, children: [
+  }, [(o = e == null ? void 0 : e.value) == null ? void 0 : o.function]), /* @__PURE__ */ l("div", { className: Be.eventOptions_main, children: /* @__PURE__ */ g(D, { style: { width: "100%" }, direction: "vertical", size: 4, children: [
     /* @__PURE__ */ l(T, { label: "函数内容", labelSpan: 3, children: /* @__PURE__ */ l(
       "div",
       {
@@ -3679,13 +3683,13 @@ function Go(e) {
           alignItems: "center",
           justifyContent: "space-between"
         },
-        children: /* @__PURE__ */ l(z, { title: "重置", children: /* @__PURE__ */ l(Xn, { onClick: c, className: "icon_clickable" }) })
+        children: /* @__PURE__ */ l(z, { title: "重置", children: /* @__PURE__ */ l(Yn, { onClick: c, className: "icon_clickable" }) })
       }
     ) }),
     /* @__PURE__ */ l(
       X,
       {
-        value: t ?? Mi,
+        value: t ?? ji,
         language: "javascript",
         style: { height: 440 },
         onChange: (d) => {
@@ -3695,35 +3699,35 @@ function Go(e) {
     )
   ] }) });
 }
-const Xo = {
+const Zo = {
   default: void 0,
   number: 0,
   text: "",
   json: {}
 };
-function Yo(e) {
-  var r, h, u, _, m, v, C, b, I, f, y;
-  const { onChange: t } = e, n = ((r = e == null ? void 0 : e.value) == null ? void 0 : r.type) || "default", i = ((h = e == null ? void 0 : e.value) == null ? void 0 : h.type) === "json", [c, a] = S(), [d, o] = S();
+function Qo(e) {
+  var r, h, u, _, m, v, C, b, I, y, f;
+  const { onChange: t } = e, n = ((r = e == null ? void 0 : e.value) == null ? void 0 : r.type) || "default", i = ((h = e == null ? void 0 : e.value) == null ? void 0 : h.type) === "json", [c, o] = N(), [d, a] = N();
   function s() {
     var x;
     if (!d)
-      return E.warn("json不能为空");
+      return A.warn("json不能为空");
     try {
-      const L = JSON.parse(d || "");
-      typeof L == "object" && L && ((x = e == null ? void 0 : e.onChange) == null || x.call(e, {
+      const S = JSON.parse(d || "");
+      typeof S == "object" && S && ((x = e == null ? void 0 : e.onChange) == null || x.call(e, {
         ...e == null ? void 0 : e.value,
-        value: L
-      }), E.success("设置成功"));
+        value: S
+      }), A.success("设置成功"));
     } catch {
-      E.warn("json格式不正确");
+      A.warn("json格式不正确");
     }
   }
-  return w(() => {
+  return E(() => {
     var x;
-    a((x = e == null ? void 0 : e.value) == null ? void 0 : x.parserFunc);
-  }, [(u = e == null ? void 0 : e.value) == null ? void 0 : u.parserFunc]), w(() => {
-    var x, L;
-    ((x = e == null ? void 0 : e.value) == null ? void 0 : x.type) === "json" && o(JSON.stringify(((L = e == null ? void 0 : e.value) == null ? void 0 : L.value) || {}, null, "	"));
+    o((x = e == null ? void 0 : e.value) == null ? void 0 : x.parserFunc);
+  }, [(u = e == null ? void 0 : e.value) == null ? void 0 : u.parserFunc]), E(() => {
+    var x, S;
+    ((x = e == null ? void 0 : e.value) == null ? void 0 : x.type) === "json" && a(JSON.stringify(((S = e == null ? void 0 : e.value) == null ? void 0 : S.value) || {}, null, "	"));
   }, [(_ = e == null ? void 0 : e.value) == null ? void 0 : _.type, (m = e == null ? void 0 : e.value) == null ? void 0 : m.value]), /* @__PURE__ */ g("div", { className: Be.eventOptions_main, children: [
     /* @__PURE__ */ g(D, { direction: "vertical", size: 4, style: { width: "100%" }, children: [
       /* @__PURE__ */ l(T, { label: "参数类型", labelSpan: 3, labelTip: "json数据格式为数组或对象" }),
@@ -3742,19 +3746,19 @@ function Yo(e) {
             ],
             onChange: (x) => t({
               ...e == null ? void 0 : e.value,
-              value: Xo[x],
+              value: Zo[x],
               type: x
             })
           }
         ),
         /* @__PURE__ */ l(
-          _n,
+          mn,
           {
             tooltip: "解析函数",
             value: c,
             onChange: (x) => {
-              var L;
-              a(x), (L = e == null ? void 0 : e.onChange) == null || L.call(e, {
+              var S;
+              o(x), (S = e == null ? void 0 : e.onChange) == null || S.call(e, {
                 ...e == null ? void 0 : e.value,
                 parserFunc: x
               });
@@ -3780,11 +3784,11 @@ function Yo(e) {
             }
           }
         ),
-        ((f = e == null ? void 0 : e.value) == null ? void 0 : f.type) === "text" && /* @__PURE__ */ l(
-          xi,
+        ((y = e == null ? void 0 : e.value) == null ? void 0 : y.type) === "text" && /* @__PURE__ */ l(
+          Ii,
           {
             style: { width: Ne * 2 },
-            value: (y = e == null ? void 0 : e.value) == null ? void 0 : y.value,
+            value: (f = e == null ? void 0 : e.value) == null ? void 0 : f.value,
             autoSize: { minRows: 3, maxRows: 3 },
             onChange: (x) => {
               t({
@@ -3801,7 +3805,7 @@ function Yo(e) {
             style: { height: 375 },
             value: d,
             onChange: (x) => {
-              o(x);
+              a(x);
             }
           }
         )
@@ -3810,8 +3814,8 @@ function Yo(e) {
   ] });
 }
 const Ne = 200;
-function Zo(e) {
-  var i, c, a, d, o;
+function po(e) {
+  var i, c, o, d, a;
   const t = (i = e == null ? void 0 : e.value) == null ? void 0 : i.option;
   function n(s) {
     var r;
@@ -3820,22 +3824,22 @@ function Zo(e) {
       option: s
     }));
   }
-  return (c = e == null ? void 0 : e.value) != null && c.exposeId ? ((a = e == null ? void 0 : e.value) == null ? void 0 : a.exposeId) === ze.visible ? /* @__PURE__ */ l(qo, { value: t, onChange: n }) : ((d = e == null ? void 0 : e.value) == null ? void 0 : d.exposeId) === ze.request ? /* @__PURE__ */ l(Vo, { value: t, onChange: n }) : ((o = e == null ? void 0 : e.value) == null ? void 0 : o.exposeId) === ze.custom ? /* @__PURE__ */ l(Go, { value: t, onChange: n }) : /* @__PURE__ */ l(Yo, { value: t, onChange: n }) : /* @__PURE__ */ l(U, { description: "请选中目标操作" });
+  return (c = e == null ? void 0 : e.value) != null && c.exposeId ? ((o = e == null ? void 0 : e.value) == null ? void 0 : o.exposeId) === ze.visible ? /* @__PURE__ */ l(Wo, { value: t, onChange: n }) : ((d = e == null ? void 0 : e.value) == null ? void 0 : d.exposeId) === ze.request ? /* @__PURE__ */ l(Xo, { value: t, onChange: n }) : ((a = e == null ? void 0 : e.value) == null ? void 0 : a.exposeId) === ze.custom ? /* @__PURE__ */ l(Yo, { value: t, onChange: n }) : /* @__PURE__ */ l(Qo, { value: t, onChange: n }) : /* @__PURE__ */ l(U, { description: "请选中目标操作" });
 }
-const Qo = "_targetList_17cmb_59", po = "_targetList_body_17cmb_66", ed = "_targetList_item_17cmb_74", td = "_targetList_item_clickable_17cmb_82", nd = "_targetList_item_selected_17cmb_89", me = {
-  targetList: Qo,
-  targetList_body: po,
-  targetList_item: ed,
-  targetList_item_clickable: td,
-  targetList_item_selected: nd
-}, id = "_addComponentNodeButton_xm0lb_59", ld = "_addComponentNodeButton_body_xm0lb_68", cd = "_addComponentNodeButton_item_xm0lb_73", ad = "_addComponentNodeButton_item_text_xm0lb_84", od = "_dropdown_overlay_xm0lb_93", fe = {
-  addComponentNodeButton: id,
-  addComponentNodeButton_body: ld,
-  addComponentNodeButton_item: cd,
-  addComponentNodeButton_item_text: ad,
-  dropdown_overlay: od
+const ed = "_targetList_17cmb_59", td = "_targetList_body_17cmb_66", nd = "_targetList_item_17cmb_74", id = "_targetList_item_clickable_17cmb_82", ld = "_targetList_item_selected_17cmb_89", me = {
+  targetList: ed,
+  targetList_body: td,
+  targetList_item: nd,
+  targetList_item_clickable: id,
+  targetList_item_selected: ld
+}, cd = "_addComponentNodeButton_xm0lb_59", ad = "_addComponentNodeButton_body_xm0lb_68", od = "_addComponentNodeButton_item_xm0lb_73", dd = "_addComponentNodeButton_item_text_xm0lb_84", rd = "_dropdown_overlay_xm0lb_93", fe = {
+  addComponentNodeButton: cd,
+  addComponentNodeButton_body: ad,
+  addComponentNodeButton_item: od,
+  addComponentNodeButton_item_text: dd,
+  dropdown_overlay: rd
 };
-function dd(e) {
+function sd(e) {
   const { componentNode: t } = e;
   return /* @__PURE__ */ g(D, { direction: "vertical", style: { fontSize: 12 }, className: "theme-color", size: 6, children: [
     /* @__PURE__ */ g("div", { children: [
@@ -3856,31 +3860,31 @@ function dd(e) {
     /* @__PURE__ */ g("div", { children: [
       /* @__PURE__ */ l("b", { children: "show" }),
       "：",
-      /* @__PURE__ */ l(Ut, { disabled: !0, size: "small", checked: (t == null ? void 0 : t.show) ?? !0 })
+      /* @__PURE__ */ l(qt, { disabled: !0, size: "small", checked: (t == null ? void 0 : t.show) ?? !0 })
     ] })
   ] });
 }
-function rd(e) {
+function ud(e) {
   var _;
-  const { engine: t } = N(), [n, i] = S(!1), [c, a] = S([]), [d, o] = S(""), s = M();
-  w(() => {
+  const { engine: t } = w(), [n, i] = N(!1), [c, o] = N([]), [d, a] = N(""), s = j();
+  E(() => {
     if (n) {
       s.current && (clearTimeout(s.current), s.current = null);
       let m = t.componentNode.getAll();
-      e != null && e.beforeVisible && (m = e == null ? void 0 : e.beforeVisible(m)), a(m), o("");
+      e != null && e.beforeVisible && (m = e == null ? void 0 : e.beforeVisible(m)), o(m), a("");
     }
   }, [n]);
-  const r = A(() => {
+  const r = L(() => {
     var v;
     const m = (v = d == null ? void 0 : d.toLowerCase) == null ? void 0 : v.call(d);
     return c.filter((C) => {
-      var b, I, f, y;
-      return (y = (f = (I = (b = C == null ? void 0 : C.name) == null ? void 0 : b.toLowerCase) == null ? void 0 : I.call(b)) == null ? void 0 : f.includes) == null ? void 0 : y.call(f, m);
+      var b, I, y, f;
+      return (f = (y = (I = (b = C == null ? void 0 : C.name) == null ? void 0 : b.toLowerCase) == null ? void 0 : I.call(b)) == null ? void 0 : y.includes) == null ? void 0 : f.call(y, m);
     });
   }, [d, c]);
   function h() {
     i(!1), s.current = setTimeout(() => {
-      a([]), s.current = null;
+      o([]), s.current = null;
     }, 300);
   }
   function u(m) {
@@ -3896,7 +3900,7 @@ function rd(e) {
           {
             key: "body",
             label: /* @__PURE__ */ g("div", { className: fe.addComponentNodeButton, children: [
-              /* @__PURE__ */ l(p, { placeholder: "搜索页面组件", value: d, onChange: o }),
+              /* @__PURE__ */ l(p, { placeholder: "搜索页面组件", value: d, onChange: a }),
               /* @__PURE__ */ g("div", { className: fe.addComponentNodeButton_body, children: [
                 !(r != null && r.length) && /* @__PURE__ */ l(U, {}),
                 (_ = r == null ? void 0 : r.map) == null ? void 0 : _.call(r, (m) => {
@@ -3904,7 +3908,7 @@ function rd(e) {
                   return /* @__PURE__ */ l(
                     st,
                     {
-                      content: /* @__PURE__ */ l(dd, { componentNode: m }),
+                      content: /* @__PURE__ */ l(sd, { componentNode: m }),
                       placement: "right",
                       children: /* @__PURE__ */ g(
                         "div",
@@ -3951,11 +3955,11 @@ function rd(e) {
     }
   );
 }
-function sd(e) {
+function hd(e) {
   var d;
-  const t = ht(), { engine: n } = N(), i = A(() => {
-    var o, s;
-    return (s = (o = e == null ? void 0 : e.targets) == null ? void 0 : o.map) == null ? void 0 : s.call(o, (r) => {
+  const t = ht(), { engine: n } = w(), i = L(() => {
+    var a, s;
+    return (s = (a = e == null ? void 0 : e.targets) == null ? void 0 : a.map) == null ? void 0 : s.call(a, (r) => {
       var h;
       return {
         value: r.id,
@@ -3963,24 +3967,24 @@ function sd(e) {
       };
     });
   }, [e == null ? void 0 : e.targets]);
-  function c(o) {
+  function c(a) {
     var r;
     const s = [
       ...(e == null ? void 0 : e.targets) || [],
       {
-        id: o.id,
+        id: a.id,
         opts: []
       }
     ];
     (r = e == null ? void 0 : e.onChangeTargets) == null || r.call(e, s, "add");
   }
-  function a(o) {
+  function o(a) {
     var _, m, v;
     let s;
-    const r = ((m = (_ = e == null ? void 0 : e.targets) == null ? void 0 : _.filter) == null ? void 0 : m.call(_, (C) => C.id === o ? (s = C, !1) : !0)) || [], h = ((v = s == null ? void 0 : s.opts) == null ? void 0 : v.length) || 0;
+    const r = ((m = (_ = e == null ? void 0 : e.targets) == null ? void 0 : _.filter) == null ? void 0 : m.call(_, (C) => C.id === a ? (s = C, !1) : !0)) || [], h = ((v = s == null ? void 0 : s.opts) == null ? void 0 : v.length) || 0;
     function u() {
       var C, b, I;
-      (C = e == null ? void 0 : e.onChangeTargets) == null || C.call(e, r, "delete"), o === (e == null ? void 0 : e.value) && ((I = e == null ? void 0 : e.onChange) == null || I.call(e, (b = r == null ? void 0 : r[0]) == null ? void 0 : b.id));
+      (C = e == null ? void 0 : e.onChangeTargets) == null || C.call(e, r, "delete"), a === (e == null ? void 0 : e.value) && ((I = e == null ? void 0 : e.onChange) == null || I.call(e, (b = r == null ? void 0 : r[0]) == null ? void 0 : b.id));
     }
     if (h) {
       t({
@@ -3996,19 +4000,19 @@ function sd(e) {
   }
   return /* @__PURE__ */ g("div", { className: $(me.targetList, e == null ? void 0 : e.className), style: e == null ? void 0 : e.style, children: [
     /* @__PURE__ */ l(
-      rd,
+      ud,
       {
         style: { margin: -1 },
-        beforeVisible: (o) => o.filter((s) => {
+        beforeVisible: (a) => a.filter((s) => {
           var r, h;
           return !((h = (r = e == null ? void 0 : e.targets) == null ? void 0 : r.find) != null && h.call(r, (u) => u.id === (s == null ? void 0 : s.id)));
         }),
-        onSelect: (o) => c(o),
+        onSelect: (a) => c(a),
         children: "新增目标组件"
       }
     ),
-    /* @__PURE__ */ l("div", { className: me.targetList_body, children: (d = i == null ? void 0 : i.map) == null ? void 0 : d.call(i, (o) => {
-      const s = (o == null ? void 0 : o.value) === (e == null ? void 0 : e.value);
+    /* @__PURE__ */ l("div", { className: me.targetList_body, children: (d = i == null ? void 0 : i.map) == null ? void 0 : d.call(i, (a) => {
+      const s = (a == null ? void 0 : a.value) === (e == null ? void 0 : e.value);
       return /* @__PURE__ */ g(
         "div",
         {
@@ -4018,53 +4022,53 @@ function sd(e) {
           ),
           onClick: () => {
             var r;
-            return (r = e == null ? void 0 : e.onChange) == null ? void 0 : r.call(e, o == null ? void 0 : o.value);
+            return (r = e == null ? void 0 : e.onChange) == null ? void 0 : r.call(e, a == null ? void 0 : a.value);
           },
           children: [
-            o == null ? void 0 : o.label,
+            a == null ? void 0 : a.label,
             /* @__PURE__ */ l(
               de,
               {
                 className: me.targetList_item_clickable,
                 onClick: (r) => {
-                  a(o == null ? void 0 : o.value), r.stopPropagation();
+                  o(a == null ? void 0 : a.value), r.stopPropagation();
                 }
               }
             )
           ]
         },
-        o == null ? void 0 : o.value
+        a == null ? void 0 : a.value
       );
     }) }),
     !(i != null && i.length) && /* @__PURE__ */ l(U, {})
   ] });
 }
-const ud = "_targetList_17cmb_59", hd = "_targetList_body_17cmb_66", gd = "_targetList_item_17cmb_74", _d = "_targetList_item_clickable_17cmb_82", md = "_targetList_item_selected_17cmb_89", ye = {
-  targetList: ud,
-  targetList_body: hd,
-  targetList_item: gd,
-  targetList_item_clickable: _d,
-  targetList_item_selected: md
-}, fd = "_addExposesButton_1t3fz_59", yd = "_addExposesButton_body_1t3fz_68", vd = "_addExposesButton_item_1t3fz_73", bd = "_addExposesButton_item_text_1t3fz_84", Se = {
-  addExposesButton: fd,
-  addExposesButton_body: yd,
-  addExposesButton_item: vd,
-  addExposesButton_item_text: bd
+const gd = "_targetList_17cmb_59", _d = "_targetList_body_17cmb_66", md = "_targetList_item_17cmb_74", fd = "_targetList_item_clickable_17cmb_82", yd = "_targetList_item_selected_17cmb_89", ye = {
+  targetList: gd,
+  targetList_body: _d,
+  targetList_item: md,
+  targetList_item_clickable: fd,
+  targetList_item_selected: yd
+}, vd = "_addExposesButton_1t3fz_59", bd = "_addExposesButton_body_1t3fz_68", Cd = "_addExposesButton_item_1t3fz_73", xd = "_addExposesButton_item_text_1t3fz_84", Se = {
+  addExposesButton: vd,
+  addExposesButton_body: bd,
+  addExposesButton_item: Cd,
+  addExposesButton_item_text: xd
 };
-function Cd(e) {
+function Id(e) {
   var u;
-  const { engine: t } = N(), [n, i] = S(!1), [c, a] = S([]), [d, o] = S(""), s = M(), r = A(() => {
+  const { engine: t } = w(), [n, i] = N(!1), [c, o] = N([]), [d, a] = N(""), s = j(), r = L(() => {
     var m;
     const _ = (m = d == null ? void 0 : d.toLowerCase) == null ? void 0 : m.call(d);
     return c.filter((v) => {
-      var C, b, I, f;
-      return (f = (I = (b = (C = v == null ? void 0 : v.label) == null ? void 0 : C.toLowerCase) == null ? void 0 : b.call(C)) == null ? void 0 : I.includes) == null ? void 0 : f.call(I, _);
+      var C, b, I, y;
+      return (y = (I = (b = (C = v == null ? void 0 : v.label) == null ? void 0 : C.toLowerCase) == null ? void 0 : b.call(C)) == null ? void 0 : I.includes) == null ? void 0 : y.call(I, _);
     });
   }, [d, c]);
   function h() {
     i(!1);
   }
-  return w(() => {
+  return E(() => {
     var _;
     if (n) {
       s.current && (clearTimeout(s.current), s.current = null);
@@ -4073,18 +4077,18 @@ function Cd(e) {
         const v = t.component.get(e == null ? void 0 : e.cId);
         m = (_ = (v == null ? void 0 : v.exposes) || []) == null ? void 0 : _.reduce(
           (C, b) => (C.push({ label: b.label, value: b.value }), C),
-          [...di]
+          [...ri]
         );
       }
-      e != null && e.beforeVisible && (m = e == null ? void 0 : e.beforeVisible(m)), a(m), o("");
+      e != null && e.beforeVisible && (m = e == null ? void 0 : e.beforeVisible(m)), o(m), a("");
     }
   }, [n]), /* @__PURE__ */ l(
-    Ci,
+    xi,
     {
       visible: n,
       onClose: h,
       overlayChildren: /* @__PURE__ */ g("div", { className: Se.addExposesButton, children: [
-        /* @__PURE__ */ l(p, { placeholder: "搜索组件操作", value: d, onChange: o }),
+        /* @__PURE__ */ l(p, { placeholder: "搜索组件操作", value: d, onChange: a }),
         /* @__PURE__ */ g("div", { className: Se.addExposesButton_body, children: [
           !(r != null && r.length) && /* @__PURE__ */ l(U, {}),
           (u = r == null ? void 0 : r.map) == null ? void 0 : u.call(r, (_) => /* @__PURE__ */ l(
@@ -4115,53 +4119,53 @@ function Cd(e) {
     }
   );
 }
-function xd(e) {
+function kd(e) {
   var d;
-  const { engine: t } = N(), n = A(() => {
+  const { engine: t } = w(), n = L(() => {
     var s, r;
-    const o = t.component.get(e == null ? void 0 : e.cId);
+    const a = t.component.get(e == null ? void 0 : e.cId);
     return {
-      ...ri,
-      ...(r = (s = o == null ? void 0 : o.exposes) == null ? void 0 : s.reduce) == null ? void 0 : r.call(s, (h, u) => (h[u.value] = u.label, h), {})
+      ...si,
+      ...(r = (s = a == null ? void 0 : a.exposes) == null ? void 0 : s.reduce) == null ? void 0 : r.call(s, (h, u) => (h[u.value] = u.label, h), {})
     };
-  }, [e == null ? void 0 : e.cId]), i = A(() => {
-    var o, s;
-    return (s = (o = e == null ? void 0 : e.opts) == null ? void 0 : o.map) == null ? void 0 : s.call(o, (r) => ({
+  }, [e == null ? void 0 : e.cId]), i = L(() => {
+    var a, s;
+    return (s = (a = e == null ? void 0 : e.opts) == null ? void 0 : a.map) == null ? void 0 : s.call(a, (r) => ({
       value: r.operateId,
       label: n[r.exposeId] || "-"
     }));
   }, [e == null ? void 0 : e.opts, n]);
-  function c(o) {
+  function c(a) {
     var r;
     const s = [
       ...(e == null ? void 0 : e.opts) || [],
       {
         operateId: ut(),
-        exposeId: o.value,
+        exposeId: a.value,
         option: {}
       }
     ];
     (r = e == null ? void 0 : e.onChangeOpts) == null || r.call(e, s);
   }
-  function a(o) {
+  function o(a) {
     var r, h, u, _, m;
-    const s = ((h = (r = e == null ? void 0 : e.opts) == null ? void 0 : r.filter) == null ? void 0 : h.call(r, (v) => v.operateId !== o)) || [];
-    (u = e == null ? void 0 : e.onChangeOpts) == null || u.call(e, s), o === (e == null ? void 0 : e.value) && ((m = e == null ? void 0 : e.onChange) == null || m.call(e, (_ = s == null ? void 0 : s[0]) == null ? void 0 : _.operateId));
+    const s = ((h = (r = e == null ? void 0 : e.opts) == null ? void 0 : r.filter) == null ? void 0 : h.call(r, (v) => v.operateId !== a)) || [];
+    (u = e == null ? void 0 : e.onChangeOpts) == null || u.call(e, s), a === (e == null ? void 0 : e.value) && ((m = e == null ? void 0 : e.onChange) == null || m.call(e, (_ = s == null ? void 0 : s[0]) == null ? void 0 : _.operateId));
   }
   return /* @__PURE__ */ g("div", { className: $(ye.targetList, e == null ? void 0 : e.className), style: e == null ? void 0 : e.style, children: [
     /* @__PURE__ */ l(
-      Cd,
+      Id,
       {
         style: { margin: -1 },
         cId: e == null ? void 0 : e.cId,
-        onSelect: (o) => c(o),
+        onSelect: (a) => c(a),
         children: "新增操作"
       }
     ),
     /* @__PURE__ */ g("div", { className: ye.targetList_body, children: [
       !(i != null && i.length) && /* @__PURE__ */ l(U, {}),
-      (d = i == null ? void 0 : i.map) == null ? void 0 : d.call(i, (o) => {
-        const s = (o == null ? void 0 : o.value) === (e == null ? void 0 : e.value);
+      (d = i == null ? void 0 : i.map) == null ? void 0 : d.call(i, (a) => {
+        const s = (a == null ? void 0 : a.value) === (e == null ? void 0 : e.value);
         return /* @__PURE__ */ g(
           "div",
           {
@@ -4171,76 +4175,76 @@ function xd(e) {
             ),
             onClick: () => {
               var r;
-              return (r = e == null ? void 0 : e.onChange) == null ? void 0 : r.call(e, o == null ? void 0 : o.value);
+              return (r = e == null ? void 0 : e.onChange) == null ? void 0 : r.call(e, a == null ? void 0 : a.value);
             },
             children: [
-              o == null ? void 0 : o.label,
+              a == null ? void 0 : a.label,
               /* @__PURE__ */ l(
                 de,
                 {
                   className: ye.targetList_item_clickable,
                   onClick: (r) => {
-                    a(o == null ? void 0 : o.value), r.stopPropagation();
+                    o(a == null ? void 0 : a.value), r.stopPropagation();
                   }
                 }
               )
             ]
           },
-          o == null ? void 0 : o.value
+          a == null ? void 0 : a.value
         );
       })
     ] })
   ] });
 }
-const Id = ue((e) => {
-  const { engine: t } = N(), { componentNode: n, triggerId: i, triggerName: c } = (e == null ? void 0 : e.params) || {}, [a, d] = S(), [o, s] = S(), [r, h] = S(), u = A(() => {
-    var f;
-    return (f = t.componentNode.get(o == null ? void 0 : o.id)) == null ? void 0 : f.cId;
-  }, [o]);
-  function _(f) {
-    var x, L, j;
-    const y = (L = (x = a == null ? void 0 : a.targets) == null ? void 0 : x.find) == null ? void 0 : L.call(x, (R) => R.id === f);
-    s(y), h((j = y == null ? void 0 : y.opts) == null ? void 0 : j[0]);
+const Sd = ue((e) => {
+  const { engine: t } = w(), { componentNode: n, triggerId: i, triggerName: c } = (e == null ? void 0 : e.params) || {}, [o, d] = N(), [a, s] = N(), [r, h] = N(), u = L(() => {
+    var y;
+    return (y = t.componentNode.get(a == null ? void 0 : a.id)) == null ? void 0 : y.cId;
+  }, [a]);
+  function _(y) {
+    var x, S, P;
+    const f = (S = (x = o == null ? void 0 : o.targets) == null ? void 0 : x.find) == null ? void 0 : S.call(x, (R) => R.id === y);
+    s(f), h((P = f == null ? void 0 : f.opts) == null ? void 0 : P[0]);
   }
-  function m(f) {
-    var y, x;
+  function m(y) {
+    var f, x;
     h(
-      (x = (y = o == null ? void 0 : o.opts) == null ? void 0 : y.find) == null ? void 0 : x.call(y, (L) => (L == null ? void 0 : L.operateId) === f)
+      (x = (f = a == null ? void 0 : a.opts) == null ? void 0 : f.find) == null ? void 0 : x.call(f, (S) => (S == null ? void 0 : S.operateId) === y)
     );
   }
-  function v(f, y) {
+  function v(y, f) {
     d({
-      ...a,
-      targets: f
-    }), y && f.length === 1 && s(f[f.length - 1]);
+      ...o,
+      targets: y
+    }), f && y.length === 1 && s(y[y.length - 1]);
   }
-  function C(f) {
-    var y, x;
-    (x = (y = a == null ? void 0 : a.targets) == null ? void 0 : y.find) == null || x.call(y, (L) => L.id !== (o == null ? void 0 : o.id) ? !1 : (L.opts = f, !0)), d({ ...a }), f.length === 1 && h(f == null ? void 0 : f[0]);
+  function C(y) {
+    var f, x;
+    (x = (f = o == null ? void 0 : o.targets) == null ? void 0 : f.find) == null || x.call(f, (S) => S.id !== (a == null ? void 0 : a.id) ? !1 : (S.opts = y, !0)), d({ ...o }), y.length === 1 && h(y == null ? void 0 : y[0]);
   }
-  function b(f) {
-    var y, x;
-    (x = (y = a == null ? void 0 : a.targets) == null ? void 0 : y.find) == null || x.call(y, (L) => {
-      var j, R;
-      return L.id !== (o == null ? void 0 : o.id) ? !1 : ((R = (j = L.opts) == null ? void 0 : j.find) == null || R.call(j, (q) => (q == null ? void 0 : q.operateId) !== (f == null ? void 0 : f.operateId) ? !1 : (Object.assign(q, f), !0)), !0);
-    }), d({ ...a });
+  function b(y) {
+    var f, x;
+    (x = (f = o == null ? void 0 : o.targets) == null ? void 0 : f.find) == null || x.call(f, (S) => {
+      var P, R;
+      return S.id !== (a == null ? void 0 : a.id) ? !1 : ((R = (P = S.opts) == null ? void 0 : P.find) == null || R.call(P, (q) => (q == null ? void 0 : q.operateId) !== (y == null ? void 0 : y.operateId) ? !1 : (Object.assign(q, y), !0)), !0);
+    }), d({ ...o });
   }
   function I() {
-    var f;
-    (f = e == null ? void 0 : e.onOk) == null || f.call(e, a);
+    var y;
+    (y = e == null ? void 0 : e.onOk) == null || y.call(e, o);
   }
-  return w(() => {
-    var f, y, x, L;
+  return E(() => {
+    var y, f, x, S;
     if (e != null && e.visible) {
       if (!i) {
-        E.error("triggerId不存在");
+        A.error("triggerId不存在");
         return;
       }
-      let j = (y = (f = n == null ? void 0 : n.events) == null ? void 0 : f.find) == null ? void 0 : y.call(f, (V) => (V == null ? void 0 : V.triggerId) === i);
-      j = Wt(j || {}), d(j);
-      const R = (x = j == null ? void 0 : j.targets) == null ? void 0 : x[0];
+      let P = (f = (y = n == null ? void 0 : n.events) == null ? void 0 : y.find) == null ? void 0 : f.call(y, (V) => (V == null ? void 0 : V.triggerId) === i);
+      P = Vt(P || {}), d(P);
+      const R = (x = P == null ? void 0 : P.targets) == null ? void 0 : x[0];
       s(R);
-      const q = (L = R == null ? void 0 : R.opts) == null ? void 0 : L[0];
+      const q = (S = R == null ? void 0 : R.opts) == null ? void 0 : S[0];
       h(q);
     } else
       d(void 0), s(void 0), h(void 0);
@@ -4261,40 +4265,40 @@ const Id = ue((e) => {
       children: [
         /* @__PURE__ */ g("div", { className: Ye.editEventDialog_menu, children: [
           /* @__PURE__ */ l(
-            sd,
+            hd,
             {
               className: "border-right",
-              value: o == null ? void 0 : o.id,
-              onChange: (f) => {
-                _(f);
+              value: a == null ? void 0 : a.id,
+              onChange: (y) => {
+                _(y);
               },
-              targets: a == null ? void 0 : a.targets,
-              onChangeTargets: (f, y) => {
-                v(f, y === "add");
+              targets: o == null ? void 0 : o.targets,
+              onChangeTargets: (y, f) => {
+                v(y, f === "add");
               }
             }
           ),
           /* @__PURE__ */ l(
-            xd,
+            kd,
             {
               value: r == null ? void 0 : r.operateId,
-              onChange: (f) => {
-                m(f);
+              onChange: (y) => {
+                m(y);
               },
               cId: u,
-              opts: o == null ? void 0 : o.opts,
-              onChangeOpts: (f) => {
-                C(f);
+              opts: a == null ? void 0 : a.opts,
+              onChangeOpts: (y) => {
+                C(y);
               }
             }
           )
         ] }),
         /* @__PURE__ */ l("div", { className: Ye.editEventDialog_body, children: /* @__PURE__ */ l(
-          Zo,
+          po,
           {
             value: r,
-            onChange: (f) => {
-              b(f);
+            onChange: (y) => {
+              b(y);
             }
           }
         ) })
@@ -4302,9 +4306,9 @@ const Id = ue((e) => {
     }
   );
 });
-function kd(e) {
+function Nd(e) {
   var h;
-  const { engine: t } = N(), { componentNode: n } = e, i = A(() => t.component.get(n == null ? void 0 : n.cId), [n]), c = ht(), a = Id({
+  const { engine: t } = w(), { componentNode: n } = e, i = L(() => t.component.get(n == null ? void 0 : n.cId), [n]), c = ht(), o = Sd({
     onOk(u) {
       t.componentNode.update(n == null ? void 0 : n.id, (_) => {
         var m, v;
@@ -4313,7 +4317,7 @@ function kd(e) {
         };
       });
     }
-  }), d = A(() => {
+  }), d = L(() => {
     var u;
     return ((u = n == null ? void 0 : n.events) == null ? void 0 : u.map((_) => {
       var v, C;
@@ -4324,12 +4328,12 @@ function kd(e) {
       };
     })) || [];
   }, [n, i]);
-  function o(u) {
+  function a(u) {
     if (!(u != null && u.value)) {
-      E.warn("triggerId不存在");
+      A.warn("triggerId不存在");
       return;
     }
-    a.open({
+    o.open({
       componentNode: n,
       triggerId: u == null ? void 0 : u.value,
       triggerName: u == null ? void 0 : u.label
@@ -4348,7 +4352,7 @@ function kd(e) {
   function r(u) {
     var m, v, C, b;
     if (!u) {
-      E.warn("triggerId不存在");
+      A.warn("triggerId不存在");
       return;
     }
     const _ = (v = (m = n == null ? void 0 : n.events) == null ? void 0 : m.find) == null ? void 0 : v.call(m, (I) => (I == null ? void 0 : I.triggerId) === u);
@@ -4368,10 +4372,10 @@ function kd(e) {
         /* @__PURE__ */ l("div", { className: G.eventList_item_body, children: u.label }),
         /* @__PURE__ */ g("div", { className: G.eventList_item_opt, children: [
           /* @__PURE__ */ l(
-            Yn,
+            Zn,
             {
               className: G.eventList_item_opt_clickable,
-              onClick: () => o(u)
+              onClick: () => a(u)
             }
           ),
           /* @__PURE__ */ l(
@@ -4386,11 +4390,11 @@ function kd(e) {
     ] })
   ] });
 }
-function Sd() {
-  const { engine: e } = N(), { componentNode: t } = he();
-  return /* @__PURE__ */ l(Le, { labelSpan: 5, children: /* @__PURE__ */ g("div", { className: Oo.interactive, children: [
+function wd() {
+  const { engine: e } = w(), { componentNode: t } = he();
+  return /* @__PURE__ */ l(Le, { labelSpan: 5, children: /* @__PURE__ */ g("div", { className: Bo.interactive, children: [
     /* @__PURE__ */ l(
-      Po,
+      Mo,
       {
         componentNode: t,
         onSelect: (n) => {
@@ -4406,37 +4410,37 @@ function Sd() {
         }
       }
     ),
-    /* @__PURE__ */ l(kd, { componentNode: t })
+    /* @__PURE__ */ l(Nd, { componentNode: t })
   ] }) });
 }
-const Nd = "_json_1lpul_59", wd = "_json_head_1lpul_69", Ed = "_json_body_1lpul_76", Ze = {
-  json: Nd,
-  json_head: wd,
-  json_body: Ed
+const Ed = "_json_1lpul_59", Ad = "_json_head_1lpul_69", Ld = "_json_body_1lpul_76", Ze = {
+  json: Ed,
+  json_head: Ad,
+  json_body: Ld
 };
-function Ad() {
-  const { engine: e } = N(), { componentNode: t } = he(), [n] = B.useForm();
+function Dd() {
+  const { engine: e } = w(), { componentNode: t } = he(), [n] = M.useForm();
   function i() {
     n.setFieldsValue({
       code: t ? JSON.stringify(t || {}, null, "	") : ""
     });
   }
   function c() {
-    const a = n.getFieldValue("code") || "";
+    const o = n.getFieldValue("code") || "";
     try {
-      const d = JSON.parse(a);
-      if (!vi(d)) {
+      const d = JSON.parse(o);
+      if (!bi(d)) {
         console.error("must be an object.");
         return;
       }
-      e.componentNode.update(t == null ? void 0 : t.id, d, { cover: !0 }), E.success("修改成功");
+      e.componentNode.update(t == null ? void 0 : t.id, d, { cover: !0 }), A.success("修改成功");
     } catch (d) {
-      console.error(d), E.error("json格式不正确");
+      console.error(d), A.error("json格式不正确");
     }
   }
-  return w(() => {
+  return E(() => {
     i();
-  }, [t]), /* @__PURE__ */ g(B, { className: Ze.json, form: n, children: [
+  }, [t]), /* @__PURE__ */ g(M, { className: Ze.json, form: n, children: [
     /* @__PURE__ */ g("div", { className: Ze.json_head, children: [
       /* @__PURE__ */ g("span", { children: [
         /* @__PURE__ */ l("b", { style: { marginRight: 8 }, children: "ComponentNode数据" }),
@@ -4444,7 +4448,7 @@ function Ad() {
       ] }),
       /* @__PURE__ */ l(z, { title: "保存", placement: "top", children: /* @__PURE__ */ l(Q, { className: "icon_clickable", onClick: c }) })
     ] }),
-    /* @__PURE__ */ l("div", { className: Ze.json_body, children: /* @__PURE__ */ l(B.Item, { noStyle: !0, name: "code", children: /* @__PURE__ */ l(
+    /* @__PURE__ */ l("div", { className: Ze.json_body, children: /* @__PURE__ */ l(M.Item, { noStyle: !0, name: "code", children: /* @__PURE__ */ l(
       X,
       {
         language: "json",
@@ -4461,52 +4465,52 @@ function Ad() {
     ) }) })
   ] });
 }
-const Ld = "_singleAttributes_109pm_59", Dd = {
-  singleAttributes: Ld
-}, mn = xn({}), he = () => In(mn);
-function fn(e) {
-  const [t, n] = se(), { engine: i } = N(), { instance: c } = e, [a, d] = S(), o = tn(c);
-  return w(() => {
+const Od = "_singleAttributes_109pm_59", Pd = {
+  singleAttributes: Od
+}, fn = In({}), he = () => kn(fn);
+function yn(e) {
+  const [t, n] = se(), { engine: i } = w(), { instance: c } = e, [o, d] = N(), a = nn(c);
+  return E(() => {
     const s = i.componentNode.get(c.id);
     return s && d(s), i.componentNode.onChange(c.id, ({ payload: r }) => {
       d({ ...r });
     });
-  }, [c.id]), w(() => i.onJsonChange(() => {
+  }, [c.id]), E(() => i.onJsonChange(() => {
     var s;
-    d(i.componentNode.get((s = o == null ? void 0 : o.current) == null ? void 0 : s.id));
-  }), []), A(() => a ? /* @__PURE__ */ l(mn.Provider, { value: { instance: c, componentNode: a }, children: /* @__PURE__ */ l(
-    ei,
+    d(i.componentNode.get((s = a == null ? void 0 : a.current) == null ? void 0 : s.id));
+  }), []), L(() => o ? /* @__PURE__ */ l(fn.Provider, { value: { instance: c, componentNode: o }, children: /* @__PURE__ */ l(
+    ti,
     {
-      className: Dd.singleAttributes,
+      className: Pd.singleAttributes,
       defaultActiveKey: "1",
       size: "small",
       items: [
-        { key: "1", label: t("attributes.attr.title"), children: /* @__PURE__ */ l(bo, {}) },
+        { key: "1", label: t("attributes.attr.title"), children: /* @__PURE__ */ l(xo, {}) },
         {
           key: "2",
           label: t("attributes.dataSource.title"),
-          children: /* @__PURE__ */ l(Lo, {})
+          children: /* @__PURE__ */ l(Oo, {})
         },
         {
           key: "3",
           label: t("attributes.interactive.title"),
-          children: /* @__PURE__ */ l(Sd, {})
+          children: /* @__PURE__ */ l(wd, {})
         },
         {
           key: "4",
           label: "json",
-          children: /* @__PURE__ */ l(Ad, {})
+          children: /* @__PURE__ */ l(Dd, {})
         }
       ]
     }
-  ) }) : /* @__PURE__ */ l(xt, { image: xt.PRESENTED_IMAGE_SIMPLE, description: "暂无数据" }), [c, a, n.language]);
+  ) }) : /* @__PURE__ */ l(xt, { image: xt.PRESENTED_IMAGE_SIMPLE, description: "暂无数据" }), [c, o, n.language]);
 }
-const Od = "_multipleInstanceAttributes_1ehj2_59", Pd = "_multipleInstanceAttributes_header_1ehj2_66", Bd = "_multipleInstanceAttributes_body_1ehj2_70", Qe = {
-  multipleInstanceAttributes: Od,
-  multipleInstanceAttributes_header: Pd,
-  multipleInstanceAttributes_body: Bd
+const Bd = "_multipleInstanceAttributes_1ehj2_59", Md = "_multipleInstanceAttributes_header_1ehj2_66", jd = "_multipleInstanceAttributes_body_1ehj2_70", Qe = {
+  multipleInstanceAttributes: Bd,
+  multipleInstanceAttributes_header: Md,
+  multipleInstanceAttributes_body: jd
 };
-function Md(e) {
+function Td(e) {
   const t = yt();
   return /* @__PURE__ */ l(
     Ce,
@@ -4523,33 +4527,33 @@ function Md(e) {
     }
   );
 }
-function jd(e) {
-  const { instances: t } = e, [n, i] = S();
-  return w(() => {
+function zd(e) {
+  const { instances: t } = e, [n, i] = N();
+  return E(() => {
     i(t[0]);
   }, [t]), /* @__PURE__ */ g("div", { className: Qe.multipleInstanceAttributes, children: [
     /* @__PURE__ */ l("div", { className: Qe.multipleInstanceAttributes_header, children: /* @__PURE__ */ l(
-      Md,
+      Td,
       {
         allowClear: !1,
         style: { width: "100%" },
         value: n == null ? void 0 : n.id,
         onChange: (c) => {
-          i(t.find((a) => a.id === c));
+          i(t.find((o) => o.id === c));
         }
       }
     ) }),
-    /* @__PURE__ */ l("div", { className: Qe.multipleInstanceAttributes_body, children: n && /* @__PURE__ */ l(fn, { instance: n }) })
+    /* @__PURE__ */ l("div", { className: Qe.multipleInstanceAttributes_body, children: n && /* @__PURE__ */ l(yn, { instance: n }) })
   ] });
 }
-const Td = "_pageAttributes_u2l2i_59", zd = "_pageAttributes_description_u2l2i_65", $d = "_pageAttributes_body_u2l2i_70", pe = {
-  pageAttributes: Td,
-  pageAttributes_description: zd,
-  pageAttributes_body: $d
+const $d = "_pageAttributes_u2l2i_59", Rd = "_pageAttributes_description_u2l2i_65", Fd = "_pageAttributes_body_u2l2i_70", pe = {
+  pageAttributes: $d,
+  pageAttributes_description: Rd,
+  pageAttributes_body: Fd
 };
-function Rd() {
-  const { engine: e } = N(), [t] = se(), n = bi(), { id: i, options: c } = n || {};
-  function a(d) {
+function Hd() {
+  const { engine: e } = w(), [t] = se(), n = Ci(), { id: i, options: c } = n || {};
+  function o(d) {
     e.page.update(i, {
       options: {
         ...c,
@@ -4583,7 +4587,7 @@ function Rd() {
                 style: { flex: 1 },
                 value: c == null ? void 0 : c.background,
                 onChange: (d) => {
-                  a({ background: d });
+                  o({ background: d });
                 }
               }
             ),
@@ -4592,7 +4596,7 @@ function Rd() {
               {
                 className: "icon_clickable",
                 onClick: () => {
-                  a({ background: "white" });
+                  o({ background: "white" });
                 }
               }
             ) })
@@ -4612,7 +4616,7 @@ function Rd() {
                 style: { flex: 1 },
                 value: c == null ? void 0 : c.whiteBoardColor,
                 onChange: (d) => {
-                  a({ whiteBoardColor: d });
+                  o({ whiteBoardColor: d });
                 }
               }
             ),
@@ -4621,7 +4625,7 @@ function Rd() {
               {
                 className: "icon_clickable",
                 onClick: () => {
-                  a({ whiteBoardColor: "white" });
+                  o({ whiteBoardColor: "white" });
                 }
               }
             ) })
@@ -4640,7 +4644,7 @@ function Rd() {
               {
                 checked: c == null ? void 0 : c.bordered,
                 onChange: (d) => {
-                  a({
+                  o({
                     bordered: d.target.checked
                   });
                 }
@@ -4653,7 +4657,7 @@ function Rd() {
                   style: { flex: 1 },
                   value: c == null ? void 0 : c.borderColor,
                   onChange: (d) => {
-                    a({ borderColor: d });
+                    o({ borderColor: d });
                   }
                 }
               ),
@@ -4662,7 +4666,7 @@ function Rd() {
                 {
                   className: "icon_clickable",
                   onClick: () => {
-                    a({ borderColor: "white" });
+                    o({ borderColor: "white" });
                   }
                 }
               ) })
@@ -4673,36 +4677,43 @@ function Rd() {
     ] }) })
   ] });
 }
-function Fd() {
-  const e = yt(), t = A(() => !!e.length, [e]), n = A(() => e.length === 1, [e]);
-  return /* @__PURE__ */ l("div", { className: so.attributes, children: t ? (
+function Kd() {
+  const e = yt(), t = L(() => !!e.length, [e]), n = L(() => e.length === 1, [e]);
+  return /* @__PURE__ */ l("div", { className: ho.attributes, children: t ? (
     // 选中组件实例配置
     /* @__PURE__ */ g(W, { children: [
-      n && /* @__PURE__ */ l(fn, { instance: e[0] }),
-      !n && /* @__PURE__ */ l(jd, { instances: e })
+      n && /* @__PURE__ */ l(yn, { instance: e[0] }),
+      !n && /* @__PURE__ */ l(zd, { instances: e })
     ] })
   ) : (
     // 默认页面配置
-    /* @__PURE__ */ l(Rd, {})
+    /* @__PURE__ */ l(Hd, {})
   ) });
 }
-function Cr(e) {
+function Ir(e) {
   const { engine: t, json: n, pageFooter: i } = e;
-  return pi(), Tt.useEffect(() => {
+  return el(), zt.useEffect(() => {
     t.loadJSON(n).then(() => {
       var c;
       (c = e == null ? void 0 : e.onJSONLoad) == null || c.call(e);
     });
   }, []), /* @__PURE__ */ g("div", { className: te.page, children: [
-    /* @__PURE__ */ l("div", { className: te.page_header, children: /* @__PURE__ */ l(El, { pageLogo: e == null ? void 0 : e.pageLogo, pageToolBar: e == null ? void 0 : e.pageToolBar }) }),
+    /* @__PURE__ */ l("div", { className: te.page_header, children: /* @__PURE__ */ l(
+      Ll,
+      {
+        pageLogo: e == null ? void 0 : e.pageLogo,
+        pageToolBar: e == null ? void 0 : e.pageToolBar,
+        toolBarOptions: e == null ? void 0 : e.toolBarOptions
+      }
+    ) }),
     /* @__PURE__ */ g("div", { className: te.page_body, children: [
-      /* @__PURE__ */ l("div", { className: te.page_body_left, id: "rbs-menu", children: /* @__PURE__ */ l(_a, {}) }),
-      /* @__PURE__ */ l("div", { className: te.page_body_main, id: "rbs-editor", children: /* @__PURE__ */ l(oo, {}) }),
-      /* @__PURE__ */ l("div", { className: te.page_body_right, id: "rbs-attributes", children: /* @__PURE__ */ l(Fd, {}) })
+      /* @__PURE__ */ l("div", { className: te.page_body_left, id: "rbs-menu", children: /* @__PURE__ */ l(fa, {}) }),
+      /* @__PURE__ */ l("div", { className: te.page_body_main, id: "rbs-editor", children: /* @__PURE__ */ l(so, {}) }),
+      /* @__PURE__ */ l("div", { className: te.page_body_right, id: "rbs-attributes", children: /* @__PURE__ */ l(Kd, {}) })
     ] }),
     typeof i == "function" ? /* @__PURE__ */ l(i, {}) : i
   ] });
 }
 export {
-  Cr as default
+  Ir as default
 };