react-big-screen 0.0.23 → 0.0.25

package/es/{index-B9wcrwqH.mjs → index-CFg0WKFQ.mjs}

@@ -1,20 +1,20 @@
-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);
+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);
 import { jsx as l, jsxs as g, Fragment as W } from "react/jsx-runtime";
-import zt, { useRef as B, useEffect as w, useMemo as A, useState as S, forwardRef as Cn, useImperativeHandle as xn, Suspense as Tt, 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 $t, SaveOutlined as Q, ClearOutlined as Rt, TranslationOutlined as Dn, SettingOutlined as Ft, GithubFilled as On, LockOutlined as Ht, EyeOutlined as Pn, EyeInvisibleOutlined as Mn, RightOutlined as Bn, VerticalAlignTopOutlined as jn, UnlockOutlined as zn, BlockOutlined as Tn, 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 } from "@ant-design/icons";
-import { message as E, Tooltip as T, 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 M, Modal as re, Descriptions as je, Tree as pn, Row as nt, Col as H, Checkbox as we, Switch as qt, Tabs as ei, 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 Jt, f as ht, g as it, l as ze, h as It, i as oi, j as kt, I as Te, k as di, m as ri } from "./index-C4z4Sjq2.mjs";
+import Tt, { useRef as j, useEffect as E, useMemo as L, 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 A, Tooltip as $, 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 M, 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 R 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-BydqrGsF.mjs";
 import "localforage";
 import { createPortal as si } from "react-dom";
-import { createRoot as Wt } from "react-dom/client";
+import { createRoot as Jt } from "react-dom/client";
 import "driver.js";
 import "driver.js/dist/driver.css";
-import { cloneDeep as Vt, debounce as ui, groupBy as hi, 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 gi, e as _i, f as mi, h as fi, j as Zt, s as St, P as yi, k as vi, l as bi } from "./index-B8GWWFIH.mjs";
-import { useUpdateEffect as _t, useUnmount as Qt, useRequest as pt } from "ahooks";
+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-D8iQUy0r.mjs";
+import { useUpdateEffect as _t, useUnmount as Zt, useRequest as Qt } from "ahooks";
 import "react-color";
 import { I as p, L as Le, a as z, C as Ci, b as $e } from "./Line-CgKiUu04.mjs";
 import { I as mt, a as xi } from "./IInputNumber-CEotcbKL.mjs";
@@ -28,18 +28,18 @@ 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 en } from "file-saver";
-import { u as tn } from "./useEffectOnce-l5sUTCBG.mjs";
-import { u as wi, s as Re } from "./selectPage-B19KQBZQ.mjs";
-import { u as Ei } from "./useCurrentPageId-BzI1Jj2f.mjs";
-import { u as nn } from "./useListenRef-B01dENv0.mjs";
-import { I as Ce } from "./index-D9o0U9Ub.mjs";
-async function ln(e) {
+import { saveAs as pt } from "file-saver";
+import { u as en } from "./useEffectOnce-l5sUTCBG.mjs";
+import { u as wi, s as Re } from "./selectPage-BdrK7e7G.mjs";
+import { u as Ei } from "./useCurrentPageId-CPdhqp51.mjs";
+import { u as tn } from "./useListenRef-B01dENv0.mjs";
+import { I as Ce } from "./index-CCU-VzDv.mjs";
+async function nn(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);
@@ -47,9 +47,9 @@ async function ln(e) {
   });
 }
 async function Ai(e) {
-  return ln(e).then((t) => cn(t));
+  return nn(e).then((t) => ln(t));
 }
-async function cn(e) {
+async function ln(e) {
   return new Promise((t) => {
     if (!e) return "";
     const n = new FileReader();
@@ -60,12 +60,12 @@ async function cn(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) {
@@ -74,21 +74,21 @@ function Li(e) {
   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 = B(), i = B(null), c = B(), { engine: a } = N();
-  return c.current = t, w(() => () => {
+  const n = j(), i = j(null), c = j(), { engine: o } = N();
+  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 = Wt(d);
-    return o.render(
-      /* @__PURE__ */ l(ti.Provider, { value: { engine: a }, children: /* @__PURE__ */ l(
+    let a = Jt(d);
+    return a.render(
+      /* @__PURE__ */ l(ti.Provider, { value: { engine: o }, children: /* @__PURE__ */ l(
         ni,
         {
           ref: i,
@@ -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;
@@ -124,30 +124,30 @@ function ue(e) {
 }
 function Oi() {
   const e = ii((t) => t.componentMap);
-  return A(() => e ? Object.values(e) : [], [e]);
+  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) => {
+  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 tn(() => (n(e.favorites.getAll()), e.favorites.onChange((i) => {
+  return en(() => (n(e.favorites.getAll()), e.favorites.onChange((i) => {
     n([...i]);
   }))), t;
 }
-function an() {
+function cn() {
   const { engine: e } = N(), [t, n] = S(() => e.history.getHistoryData());
-  return w(() => {
+  return E(() => {
     e.history.onChange((i) => {
       n(i);
     });
   }, []), t;
 }
-const Mi = `/**
+const Bi = `/**
  * 转换request扩展参数函数 (必须包含主函数main)
  *
  * @params {value} 默认携带参数或json对象
@@ -158,7 +158,7 @@ const Mi = `/**
  */
 function main(value, {origin, target, option}) {
   return value
-}`, Bi = `/**
+}`, Mi = `/**
  * 修改目标componentNode (必须包含主函数main)
  *
  * @params {target} 目标componentNode
@@ -180,18 +180,18 @@ function ji(e) {
     lt(n, i), t.push(() => lt.unbind(n, i));
   }), () => t.forEach((n) => n());
 }
-function zi(e) {
-  w(() => ji(e), []);
+function Ti(e) {
+  E(() => ji(e), []);
 }
 function at() {
   const e = k.getActiveEngine();
   e && (e.componentNode.delete(Oe()), O("删除选中组件"));
 }
-function on() {
+function an() {
   const e = k.getActiveEngine();
   e && (e.instance.selectAll(), O("全选组件"));
 }
-function Ti() {
+function zi() {
   const e = k.getActiveEngine();
   e && (e.instance.getAllSelected().forEach((t) => {
     const n = e.componentNode.get(t.id);
@@ -227,12 +227,12 @@ function Fi() {
     });
   }), O("组件下移"));
 }
-function dn() {
+function on() {
   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(() => {
@@ -248,7 +248,7 @@ 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();
@@ -289,8 +289,8 @@ function Ji() {
   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();
@@ -342,7 +342,7 @@ function Yi() {
   if (!e) return;
   const t = Oe();
   if (!t.length) {
-    E.warn("收藏组件不能为空");
+    A.warn("收藏组件不能为空");
     return;
   }
   const n = ut(), i = e.favorites.getAll().length;
@@ -366,9 +366,9 @@ function Zi(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 = Vt(n);
+      const n = await t.getJSON(), i = Wt(n);
       t.history.add(i, e);
     }
   });
@@ -404,7 +404,7 @@ function Pe(e) {
   return lt[e];
 }
 function pi() {
-  zi({
+  Ti({
     backspace: () => {
       at();
     },
@@ -412,10 +412,10 @@ function pi() {
       at();
     },
     "Shift + A": () => {
-      on();
+      an();
     },
     left: (e) => {
-      e.preventDefault(), Ti();
+      e.preventDefault(), zi();
     },
     right: (e) => {
       e.preventDefault(), $i();
@@ -426,7 +426,7 @@ function pi() {
     down: (e) => {
       e.preventDefault(), Fi();
     },
-    "Shift + C": () => dn(),
+    "Shift + C": () => on(),
     "Shift + S": () => vt(),
     "Shift + R": () => De(),
     "Shift + Z": () => bt(),
@@ -450,11 +450,11 @@ const el = "_page_1ijjl_59", tl = "_page_header_1ijjl_69", nl = "_page_body_1ijj
   tooltipButton_hover: sl,
   tooltipButton_disabled: ul
 };
-function rn(e) {
-  return /* @__PURE__ */ l(T, { title: e == null ? void 0 : e.title, children: /* @__PURE__ */ l(
+function dn(e) {
+  return /* @__PURE__ */ l($, { title: e == null ? void 0 : e.title, children: /* @__PURE__ */ l(
     "div",
     {
-      className: $(
+      className: R(
         Fe.tooltipButton,
         (e == null ? void 0 : e.disabled) && Fe.tooltipButton_disabled,
         !(e != null && e.noHoverClass) && Fe.tooltipButton_hover
@@ -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 {
@@ -521,7 +521,7 @@ function Et(e) {
     "div",
     {
       style: n,
-      className: $(wt.inputNumberWithSuffix, i),
+      className: R(wt.inputNumberWithSuffix, i),
       children: [
         /* @__PURE__ */ l(le, { size: "small", style: { width: 70 }, ...c }),
         t && /* @__PURE__ */ l("div", { className: wt.inputNumberWithSuffix_suffix, children: t })
@@ -536,11 +536,11 @@ const fl = {
   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]);
+  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,
@@ -551,12 +551,12 @@ function yl(e) {
           {
             style: { width: 250 },
             min: c,
-            max: Math.max(a, o),
+            max: Math.max(o, a),
             tooltip: {
               formatter: (r) => `${r}%`
             },
             marks: fl,
-            value: o,
+            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(rn, { noHoverClass: !0, title: "重置", children: /* @__PURE__ */ l(
+          /* @__PURE__ */ l(dn, { noHoverClass: !0, title: "重置", children: /* @__PURE__ */ l(
             Z,
             {
               className: "theme-color icon_clickable",
@@ -586,8 +586,8 @@ function yl(e) {
         ] })
       ] }),
       children: /* @__PURE__ */ g("span", { style: { cursor: "pointer" }, children: [
-        /* @__PURE__ */ l("span", { style: { marginRight: 4 }, children: `${o}%` }),
-        /* @__PURE__ */ l(Sn, {})
+        /* @__PURE__ */ l("span", { style: { marginRight: 4 }, children: `${a}%` }),
+        /* @__PURE__ */ l(kn, {})
       ] })
     }
   );
@@ -607,7 +607,7 @@ function vl() {
         }
       }
     ),
-    /* @__PURE__ */ l(Nn, { style: { fontSize: 10 } }),
+    /* @__PURE__ */ l(Sn, { style: { fontSize: 10 } }),
     /* @__PURE__ */ l(
       Et,
       {
@@ -633,7 +633,7 @@ function vl() {
     )
   ] });
 }
-function P({ children: e }) {
+function B({ children: e }) {
   return /* @__PURE__ */ l(
     "div",
     {
@@ -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(wn, {}) }),
-          /* @__PURE__ */ l(P, { children: /* @__PURE__ */ l(tt, {}) }),
-          /* @__PURE__ */ l(P, { children: /* @__PURE__ */ l(En, {}) })
+          /* @__PURE__ */ l(B, { children: /* @__PURE__ */ l(et, {}) }),
+          /* @__PURE__ */ l(B, { children: /* @__PURE__ */ l(Nn, {}) }),
+          /* @__PURE__ */ l(B, { children: /* @__PURE__ */ l(tt, {}) }),
+          /* @__PURE__ */ l(B, { children: /* @__PURE__ */ l(wn, {}) })
         ] }),
         /* @__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,7 +783,7 @@ 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") })
         ] })
       ]
@@ -800,9 +800,9 @@ function xl(e = window.location.host) {
 }
 const Il = (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." : "")
@@ -813,7 +813,7 @@ const Il = (e, t, n) => {
 };
 async function kl(e) {
   var i;
-  const t = await Il(/* @__PURE__ */ Object.assign({ "../../../../../../public/example/classic.json": () => import("./index-C4z4Sjq2.mjs").then((c) => c.r), "../../../../../../public/example/multiple-components-interactive.json": () => import("./index-C4z4Sjq2.mjs").then((c) => c.t) }), `../../../../../../public/example/${e}.json`, 9), n = k.getActiveEngine();
+  const t = await Il(/* @__PURE__ */ Object.assign({ "../../../../../../public/example/classic.json": () => import("./index-BydqrGsF.mjs").then((c) => c.r), "../../../../../../public/example/multiple-components-interactive.json": () => import("./index-BydqrGsF.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() {
@@ -852,49 +852,46 @@ function Nl() {
 }
 const wl = xl();
 function El(e) {
-  const { pageLogo: t } = e, { engine: n, rbsEngine: i } = N(), [c, a] = se(), d = an(), o = a.language === ci.zh, s = A(() => [
+  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 } = N(), [s, r] = se(), h = cn(), u = r.language === ci.zh, _ = L(() => [
     {
       key: "shortCutKeys",
       description: /* @__PURE__ */ l(bl, {}),
-      icon: /* @__PURE__ */ l(An, {})
+      icon: /* @__PURE__ */ l(En, {})
     },
     {
       key: "undo",
-      description: c("head.undo"),
-      disabled: !d.isCanGoBack,
+      description: s("head.undo"),
+      disabled: !h.isCanGoBack,
       icon: /* @__PURE__ */ l(Nt, { type: "icon-undo" })
     },
     {
       key: "cancelUndo",
-      description: c("head.cancelUndo"),
-      disabled: !d.isCanGoForward,
+      description: s("head.cancelUndo"),
+      disabled: !h.isCanGoForward,
       icon: /* @__PURE__ */ l(Nt, { type: "icon-cancel-undo" })
     },
-    { key: "export", description: c("head.export"), icon: /* @__PURE__ */ l(Ln, {}) },
-    { key: "import", description: c("head.import"), icon: /* @__PURE__ */ l($t, {}) },
-    { key: "save", description: c("head.save"), icon: /* @__PURE__ */ l(Q, {}) },
-    { key: "clear", description: c("head.clear"), icon: /* @__PURE__ */ l(Rt, {}) },
-    {
+    { key: "export", description: s("head.export"), icon: /* @__PURE__ */ l(An, {}) },
+    { key: "import", description: s("head.import"), icon: /* @__PURE__ */ l($t, {}) },
+    { key: "clear", description: s("head.clear"), icon: /* @__PURE__ */ l(Rt, {}) },
+    i && {
       key: "language",
-      description: c("head.language", { text: `${o ? "切换英语" : "change chinese"}` }),
-      icon: /* @__PURE__ */ l(Dn, {})
+      description: s("head.language", { text: `${u ? "切换英语" : "change chinese"}` }),
+      icon: /* @__PURE__ */ l(Ln, {})
     },
-    {
-      key: "settings",
-      description: c("head.settings"),
-      disabled: !0,
-      icon: /* @__PURE__ */ l(Ft, {})
+    o && {
+      key: "save",
+      description: s("head.save"),
+      icon: /* @__PURE__ */ l(Q, {})
     }
-    // { key: "preview", description: t("head.preview"), icon: <DesktopOutlined /> },
-  ], [a.language, d.isCanGoForward, d.isCanGoBack]);
-  function r() {
+  ].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 h() {
-    i == null || i.emit("startPreview", n);
+  async function y() {
+    a == null || a.emit("startPreview", d);
   }
-  function u(m) {
-    switch (m.key) {
+  function x(C) {
+    switch (C.key) {
       case "undo":
         bt();
         break;
@@ -902,71 +899,73 @@ function El(e) {
         ot();
         break;
       case "export":
-        n.getJSON().then((C) => {
-          const v = JSON.stringify(C);
-          Jt(v, "大屏看板.json");
+        d.getJSON().then((P) => {
+          const T = JSON.stringify(P);
+          qt(T, "大屏看板.json");
         });
         break;
       case "import":
-        Ai().then((C) => {
-          if (!C)
-            return E.warn("文件内容不能为空");
+        Ai().then((P) => {
+          if (!P)
+            return A.warn("文件内容不能为空");
           try {
-            const v = JSON.parse(C);
-            n.loadJSON(v);
+            const T = JSON.parse(P);
+            d.loadJSON(T);
           } catch {
-            E.error("请上传json格式文件");
+            A.error("请上传json格式文件");
           }
         });
         break;
       case "preview":
-        h();
+        y();
         break;
       case "save":
         vt();
         break;
       case "clear":
-        n.clear();
+        d.clear();
         break;
       case "settings":
         break;
       case "language":
-        const y = o ? "en" : "zh";
-        ai(y), n.config.setConfig({ language: y });
+        const w = u ? "en" : "zh";
+        ai(w), d.config.setConfig({ language: w });
         break;
     }
   }
-  const _ = /* @__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(On, { style: { cursor: "pointer", fontSize: 16 }, onClick: r })
-  ] });
+    !wl && /* @__PURE__ */ l(Dn, { style: { cursor: "pointer", fontSize: 16 }, onClick: m })
+  ] }), I = /* @__PURE__ */ g(W, { children: [
+    _.map((C) => /* @__PURE__ */ l(
+      dn,
+      {
+        disabled: C == null ? void 0 : C.disabled,
+        title: C.description,
+        onClick: () => x(C),
+        children: C == null ? void 0 : C.icon
+      },
+      C.key
+    )),
+    c && /* @__PURE__ */ l(
+      K,
+      {
+        type: "primary",
+        size: "small",
+        style: { fontSize: 12 },
+        id: "rbs-preview",
+        onClick: y,
+        children: "开始预览"
+      }
+    )
+  ] }), f = "rbs-tool-bar", v = n ? typeof n == "function" ? /* @__PURE__ */ l(n, { origin: I, previewDriverId: f }) : n : I;
   return /* @__PURE__ */ g("div", { className: Ie.header, children: [
-    t ? typeof t == "function" ? /* @__PURE__ */ l(t, {}) : t : _,
+    t ? typeof t == "function" ? /* @__PURE__ */ l(t, {}) : t : b,
     /* @__PURE__ */ l(vl, {}),
     /* @__PURE__ */ g("div", { className: Ie.header_flex, children: [
       /* @__PURE__ */ l(Sl, {}),
       /* @__PURE__ */ l(Nl, {}),
-      /* @__PURE__ */ l("div", { className: Ie.header_flex_btnContainer, id: "rbs-tool-bar", children: s.map((m) => /* @__PURE__ */ l(
-        rn,
-        {
-          disabled: m == null ? void 0 : m.disabled,
-          title: m.description,
-          onClick: () => u(m),
-          children: m == null ? void 0 : m.icon
-        },
-        m.key
-      )) }),
-      /* @__PURE__ */ l(
-        K,
-        {
-          type: "primary",
-          size: "small",
-          style: { fontSize: 12 },
-          id: "rbs-preview",
-          onClick: h,
-          children: "开始预览"
-        }
-      )
+      /* @__PURE__ */ l("div", { className: Ie.header_flex_btnContainer, id: f, children: v })
     ] })
   ] });
 }
@@ -974,15 +973,15 @@ const Al = "_menu_1ueks_59", Ll = "_menu_bar_1ueks_68", Dl = "_menu_main_1ueks_7
   menu: Al,
   menu_bar: Ll,
   menu_main: Dl
-}, Ol = "_library_11n9v_59", Pl = "_library_header_11n9v_72", Ml = "_library_main_11n9v_83", Ke = {
+}, Ol = "_library_11n9v_59", Pl = "_library_header_11n9v_72", Bl = "_library_main_11n9v_83", Ke = {
   library: Ol,
   library_header: Pl,
-  library_main: Ml
-}, Bl = "_componentsBlock_mx05c_59", jl = {
-  componentsBlock: Bl
-}, zl = "_componentItem_1a82r_59", Tl = "_componentItem_body_1a82r_71", $l = "_componentItem_footer_1a82r_80", Ue = {
-  componentItem: zl,
-  componentItem_body: Tl,
+  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
 };
 class Rl {
@@ -1006,19 +1005,19 @@ const At = new Rl();
 function Fl(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);
@@ -1074,9 +1073,9 @@ class Hl {
   }
 }
 const ce = new Hl();
-function sn(e, t) {
-  const n = B(t);
-  n.current = t, w(() => {
+function rn(e, t) {
+  const n = j(t);
+  n.current = t, E(() => {
     const i = e.current;
     if (!i) {
       console.warn("dom must be set.");
@@ -1093,9 +1092,9 @@ function sn(e, t) {
     return () => c();
   }, []);
 }
-function un(e, t) {
-  const n = B(t);
-  n.current = t, w(() => {
+function sn(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.");
@@ -1104,21 +1103,21 @@ function un(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(() => {
+  return E(() => {
     switch (typeof t) {
       case "string":
         i(t);
@@ -1132,8 +1131,8 @@ 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 = B(null);
-  return sn(n, {
+  const { component: t } = e, n = j(null);
+  return rn(n, {
     type: "create-component",
     data: {
       component: t
@@ -1142,7 +1141,7 @@ function Kl(e) {
     "div",
     {
       style: e == null ? void 0 : e.style,
-      className: $(Ue.componentItem, e == null ? void 0 : e.className),
+      className: R(Ue.componentItem, e == null ? void 0 : e.className),
       ref: n,
       children: [
         /* @__PURE__ */ l("div", { className: Ue.componentItem_body, children: /* @__PURE__ */ l(xe, { src: t == null ? void 0 : t.icon, style: { maxWidth: "50%", maxHeight: "50%" } }) }),
@@ -1152,15 +1151,15 @@ function Kl(e) {
   );
 }
 function Ul(e) {
-  var a;
-  const { components: t, column: n = 3 } = e, { width: i, lines: c } = A(() => ({
+  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: [
     !(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,
         {
@@ -1182,37 +1181,37 @@ function Lt(e, t = "") {
   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(() => ({
+  const [e, t] = se(), [n, i] = S([]), c = Oi(), [o, d] = S(""), [a, s] = S([]), 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 = "") => {
+  }), [t.language]), h = L(() => ui((_, m = "") => {
     const y = Lt(_, m);
     s(y);
   }, 500), []);
-  w(() => {
-    s(Lt(c, a));
+  E(() => {
+    s(Lt(c, o));
   }, [c]), _t(() => {
-    h(c, a);
-  }, [a]);
-  const u = A(() => {
+    h(c, o);
+  }, [o]);
+  const u = L(() => {
     const _ = [], m = Object.entries(
-      hi(o, (y) => y.category || "unknown")
-    ).map(([y, C]) => (_.push(y), {
+      hi(a, (y) => y.category || "unknown")
+    ).map(([y, x]) => (_.push(y), {
       key: y,
-      components: C,
+      components: x,
       label: r[y] || y
     }));
     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,
       {
         allowClear: !0,
-        value: a,
+        value: o,
         placeholder: "搜索组件",
         onChange: (_) => {
           d(_.target.value);
@@ -1244,7 +1243,7 @@ const Jl = "_componentNodes_x43ss_59", Wl = "_componentNodes_head_x43ss_63", Vl
   componentNodeItem_tail_operatable: pl
 };
 function ec(e) {
-  const { engine: t } = N(), n = B(null), [i, c] = S(e == null ? void 0 : e.componentNode), a = (i == null ? void 0 : i.show) ?? !0, { component: d, instance: o } = A(() => ({
+  const { engine: t } = N(), n = j(null), [i, c] = S(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]);
@@ -1264,14 +1263,14 @@ 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",
     {
       [`data-${oe.componentNodeId}`]: i.id,
       ref: n,
-      className: $(
+      className: R(
         ne.componentNodeItem,
         (e == null ? void 0 : e.isSelected) && ne.componentNodeItem_selected
       ),
@@ -1280,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(Ht, {}) : "" }),
+          /* @__PURE__ */ l("div", { children: i != null && i.lock ? /* @__PURE__ */ l(Ft, {}) : "" }),
           /* @__PURE__ */ l(
             "div",
             {
               className: ne.componentNodeItem_tail_operatable,
               onMouseDown: (h) => {
-                h.stopPropagation(), r(!a);
+                h.stopPropagation(), r(!o);
               },
-              children: a ? /* @__PURE__ */ l(Pn, {}) : /* @__PURE__ */ l(Mn, {})
+              children: o ? /* @__PURE__ */ l(On, {}) : /* @__PURE__ */ l(Pn, {})
             }
           )
         ] })
@@ -1321,19 +1320,19 @@ const tc = "_renderContextMenu_vitq8_59", nc = {
   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);
+  const { engine: t } = N(), { children: n, items: i, onSelect: c, ...o } = e, [d, a] = S(!1), [s, r] = S(sc);
   function h(_) {
-    var y, C, v;
+    var y, x, b;
     if ((y = e == null ? void 0 : e.onMouseEnter) == null || y.call(e, _), !(i != null && i.length))
       return;
-    const m = (v = (C = _.target) == null ? void 0 : C.getBoundingClientRect) == null ? void 0 : v.call(C);
-    m && (r({ top: m.top, left: m.left + m.width }), o(!0));
+    const m = (b = (x = _.target) == null ? void 0 : x.getBoundingClientRect) == null ? void 0 : b.call(x);
+    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(
       /* @__PURE__ */ l(
@@ -1346,7 +1345,7 @@ function uc(e) {
             zIndex: t.componentNode.getMaxLevel()
           },
           children: /* @__PURE__ */ l(
-            hn,
+            un,
             {
               items: i,
               onSelect: (_, m) => {
@@ -1360,35 +1359,35 @@ function uc(e) {
     )
   ] });
 }
-function hn(e) {
+function un(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,
       {
         items: i == null ? void 0 : i.children,
         style: i == null ? void 0 : i.style,
-        className: $(
+        className: R(
           ge.renderList_item,
           (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(Bn, { style: { fontSize: "0.75em" } })
         ]
       },
       i == null ? void 0 : i.key
@@ -1396,11 +1395,11 @@ function hn(e) {
   }) });
 }
 function hc(e) {
-  const t = B(null);
-  return w(() => {
+  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);
@@ -1415,7 +1414,7 @@ function hc(e) {
         n.preventDefault();
       },
       children: /* @__PURE__ */ l(
-        hn,
+        un,
         {
           items: e == null ? void 0 : e.items,
           onSelect: (n) => {
@@ -1427,38 +1426,38 @@ function hc(e) {
     }
   );
 }
-function gn(e, t, n, i) {
+function hn(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 = Wt(c);
+  const o = Jt(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,
       {
         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 = [
   {
     key: "top",
-    icon: /* @__PURE__ */ l(jn, {}),
+    icon: /* @__PURE__ */ l(Mn, {}),
     title: "置顶",
     style: { borderTop: "1px solid #e8e8e8" },
     onSelect: () => Wi()
@@ -1484,13 +1483,13 @@ const gc = [
   },
   {
     key: "lock",
-    icon: /* @__PURE__ */ l(Ht, {}),
+    icon: /* @__PURE__ */ l(Ft, {}),
     title: "锁定",
     onSelect: () => Ki()
   },
   {
     key: "unlock",
-    icon: /* @__PURE__ */ l(zn, {}),
+    icon: /* @__PURE__ */ l(jn, {}),
     title: "解锁",
     onSelect: () => Ui()
   },
@@ -1502,16 +1501,16 @@ const gc = [
   },
   {
     key: "ungroup",
-    icon: /* @__PURE__ */ l($n, {}),
+    icon: /* @__PURE__ */ l(zn, {}),
     title: "取消成组",
     onSelect: () => Ji()
   },
   {
     key: "copy",
-    icon: /* @__PURE__ */ l(Rn, {}),
+    icon: /* @__PURE__ */ l($n, {}),
     title: "复制",
     style: { borderTop: "1px solid #e8e8e8" },
-    onSelect: () => dn()
+    onSelect: () => on()
   },
   {
     key: "delete",
@@ -1529,15 +1528,15 @@ const gc = [
 ];
 function _c(e, t) {
   var n;
-  return gn(e.clientX, e.clientY, gc, {
+  return hn(e.clientX, e.clientY, gc, {
     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;
     }
   });
 }
@@ -1545,13 +1544,13 @@ const mc = [
   {
     key: "selectAll",
     title: "全选",
-    icon: /* @__PURE__ */ l(Fn, {}),
-    onSelect: () => on()
+    icon: /* @__PURE__ */ l(Rn, {}),
+    onSelect: () => an()
   },
   {
     key: "unselectAll",
     title: "反选",
-    icon: /* @__PURE__ */ l(Hn, {}),
+    icon: /* @__PURE__ */ l(Fn, {}),
     onSelect: () => De()
   },
   {
@@ -1569,7 +1568,7 @@ const mc = [
 ];
 function fc(e, t) {
   var n;
-  return gn(e.clientX, e.clientY, mc, {
+  return hn(e.clientX, e.clientY, mc, {
     zIndex: (n = t == null ? void 0 : t.componentNode) == null ? void 0 : n.getMaxLevel()
   });
 }
@@ -1577,33 +1576,33 @@ let ve = [];
 function Dt() {
   ve.length && (ve.forEach((e) => e == null ? void 0 : e()), ve = []);
 }
-function _n(e) {
+function gn(e) {
   const { engine: t } = N();
   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) {
+      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(_c(n, t));
         return;
       }
       ve.push(fc(n, t));
     }
-  }), Qt(() => {
+  }), Zt(() => {
     Dt();
   });
 }
 function yc() {
-  const { engine: e } = N(), t = Xt(), n = yt(), i = B(null), c = A(() => t.length ? /* @__PURE__ */ l("div", { className: qe.componentNodes_block, children: t.map((a) => /* @__PURE__ */ l(
+  const { engine: e } = N(), t = Gt(), n = yt(), i = j(null), c = L(() => t.length ? /* @__PURE__ */ l("div", { className: qe.componentNodes_block, children: t.map((o) => /* @__PURE__ */ l(
     ec,
     {
-      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 _n(i), /* @__PURE__ */ g(
+  return gn(i), /* @__PURE__ */ g(
     "div",
     {
       ref: i,
@@ -1629,17 +1628,17 @@ function xc(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;
-    return /* @__PURE__ */ l(T, { title: i == null ? void 0 : i.title, placement: "right", children: /* @__PURE__ */ l(
+    return /* @__PURE__ */ l($, { title: i == null ? void 0 : i.title, placement: "right", children: /* @__PURE__ */ l(
       "div",
       {
         id: i == null ? void 0 : i.domId,
-        className: $(
+        className: R(
           Je.menubar_item,
           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
       }
@@ -1660,7 +1659,7 @@ const Ic = "_propertyItem_1r9fx_59", kc = "_propertyItem_icon_1r9fx_68", Sc = "_
 };
 function Pc(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 } = N(), 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), _ = () => {
       var m;
@@ -1685,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`;
-    Jt(u, _);
+    qt(u, _);
   }
   return /* @__PURE__ */ l(
     st,
@@ -1742,22 +1741,22 @@ function Pc(e) {
             de,
             {
               title: "删除",
-              className: $(
+              className: R(
                 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(
-            Kn,
+            Hn,
             {
               title: "下载到本地",
-              className: $(
+              className: R(
                 J.propertyItem_icon,
                 !c && J.propertyItem_icon_disabled
               ),
-              onClick: a ? o : void 0
+              onClick: o ? a : void 0
             }
           )
         ] })
@@ -1765,9 +1764,9 @@ function Pc(e) {
     }
   );
 }
-const Mc = "_jsonEditor_13vbq_59", Bc = "_jsonEditor_render_13vbq_68", jc = "_jsonEditor_loading_13vbq_72", We = {
-  jsonEditor: Mc,
-  jsonEditor_render: Bc,
+const Bc = "_jsonEditor_13vbq_59", Mc = "_jsonEditor_render_13vbq_68", jc = "_jsonEditor_loading_13vbq_72", We = {
+  jsonEditor: Bc,
+  jsonEditor_render: Mc,
   jsonEditor_loading: jc
 };
 self.MonacoEnvironment = {
@@ -1788,9 +1787,9 @@ self.MonacoEnvironment = {
   }
 };
 function X(e) {
-  const t = B(null), n = B();
-  return w(() => {
-    var c, a;
+  const t = j(null), n = j();
+  return E(() => {
+    var c, o;
     const i = Ni.editor.create(t.current, {
       theme: "vs-light",
       value: e == null ? void 0 : e.value,
@@ -1809,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(Kt, { style: { fontSize: 20 } }) })
+    (e == null ? void 0 : e.loading) && /* @__PURE__ */ l("div", { className: We.jsonEditor_loading, children: /* @__PURE__ */ l(Ht, { style: { fontSize: 20 } }) })
   ] });
 }
-const zc = ue((e) => {
-  const { params: t } = e, [n] = M.useForm(), [i, c] = S(!1), a = B("");
+const Tc = ue((e) => {
+  const { params: t } = e, [n] = M.useForm(), [i, c] = S(!1), o = j("");
   function d() {
     n.validateFields(["url"]).then((s) => {
       var r;
@@ -1841,21 +1840,21 @@ const zc = 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
     }));
   }
@@ -1870,7 +1869,7 @@ const zc = ue((e) => {
       afterClose: e == null ? void 0 : e.afterClose,
       onCancel: e == null ? void 0 : e.onCancel,
       bodyStyle: { paddingBottom: 0 },
-      onOk: o,
+      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" }) }),
@@ -1880,15 +1879,15 @@ const zc = ue((e) => {
       ] })
     }
   );
-}), Tc = [
+}), zc = [
   { 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 = B(), n = B(""), i = zc({
+  const t = j(), n = j(""), i = Tc({
     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);
@@ -1896,54 +1895,54 @@ 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) {
-    var C;
+    var x;
     const r = new Blob([s], { type: s.type }), u = await new ft().loadAsync(r), _ = (u == null ? void 0 : u.files) || {}, m = [], y = [];
-    for (const v in _) {
-      if (!((C = v == null ? void 0 : v.endsWith) != null && C.call(v, ".js")))
+    for (const b in _) {
+      if (!((x = b == null ? void 0 : b.endsWith) != null && x.call(b, ".js")))
         continue;
-      const f = await _[v].async("text"), b = await ze(f);
-      b && (b.origin = "local", m.push(b), y.push(f));
+      const f = await _[b].async("text"), v = await Te(f);
+      v && (v.origin = "local", m.push(v), y.push(f));
     }
     return {
       pkgs: m,
       codes: y
     };
   }
-  async function o(s) {
+  async function a(s) {
     let r = "";
     switch (s) {
       case "local":
-        const h = await ln({ accept: "text/javascript,application/zip" });
+        const h = await nn({ 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 cn(h);
-          const u = await ze(r);
+          r = await ln(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 ze(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;
@@ -1954,9 +1953,9 @@ function $c(e) {
     {
       trigger: ["click"],
       menu: {
-        items: Tc,
+        items: zc,
         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 })
@@ -1980,9 +1979,9 @@ function Fc(e) {
         It(Pt, "测试包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) {
-          en(o, "组件包集合.zip");
+        const c = await it(Ot), o = await it(Pt), d = new ft();
+        d.file("测试包1.js", o), d.file("测试包2.js", c), d.generateAsync({ type: "blob" }).then(function(a) {
+          pt(a, "组件包集合.zip");
         });
         break;
       case "all":
@@ -2004,16 +2003,16 @@ function Fc(e) {
     }
   ) });
 }
-const Hc = "_property_zt9oy_59", Kc = "_property_header_zt9oy_68", Mt = {
+const Hc = "_property_zt9oy_59", Kc = "_property_header_zt9oy_68", Bt = {
   property: Hc,
   property_header: Kc
 };
 function Uc() {
-  var o;
-  const e = Yt(), { engine: t } = N(), { loading: n, run: i } = pt(
+  var a;
+  const e = Xt(), { engine: t } = N(), { loading: n, run: i } = Qt(
     async () => new Promise((s) => {
       setTimeout(() => {
-        E.success("刷新成功"), s();
+        A.success("刷新成功"), s();
       }, 500);
     }),
     {
@@ -2026,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() {
@@ -2039,16 +2038,16 @@ function Uc() {
         const y = e[m];
         h.file(`${y.name}.js`, _), u++;
       }), !u) {
-        E.warn("暂无组件包");
+        A.warn("暂无组件包");
         return;
       }
       h.generateAsync({ type: "blob" }).then(function(_) {
-        en(_, "组件包集合.zip");
+        pt(_, "组件包集合.zip");
       });
     });
   }
-  return /* @__PURE__ */ g("div", { className: Mt.property, children: [
-    /* @__PURE__ */ g("div", { className: Mt.property_header, children: [
+  return /* @__PURE__ */ g("div", { className: Bt.property, children: [
+    /* @__PURE__ */ g("div", { className: Bt.property_header, children: [
       /* @__PURE__ */ g(D, { children: [
         /* @__PURE__ */ l("b", { children: "资产列表" }),
         /* @__PURE__ */ l(
@@ -2057,7 +2056,7 @@ function Uc() {
             title: "刷新资产",
             className: "icon_clickable",
             onClick: () => !n && i(),
-            children: n ? /* @__PURE__ */ l(Kt, {}) : /* @__PURE__ */ l(Z, {})
+            children: n ? /* @__PURE__ */ l(Ht, {}) : /* @__PURE__ */ l(Z, {})
           }
         )
       ] }),
@@ -2086,12 +2085,12 @@ function Uc() {
       ] })
     ] }),
     !e.length && /* @__PURE__ */ l(U, {}),
-    (o = e == null ? void 0 : e.map) == null ? void 0 : o.call(e, (s) => /* @__PURE__ */ l(
+    (a = e == null ? void 0 : e.map) == null ? void 0 : a.call(e, (s) => /* @__PURE__ */ l(
       Pc,
       {
         data: s,
         onDelete: (r, h) => {
-          a(r, h);
+          o(r, h);
         }
       },
       s.id
@@ -2107,8 +2106,8 @@ const qc = "_favorites_1mbr5_59", Jc = {
   favoriteItem_footer: Xc
 };
 function Yc(e) {
-  const { favorite: t } = e, n = B(null), i = B(null);
-  return sn(n, {
+  const { favorite: t } = e, n = j(null), i = j(null);
+  return rn(n, {
     type: "create-favorite",
     data: {
       favorite: t
@@ -2121,15 +2120,15 @@ 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(T, { title: "编辑", children: /* @__PURE__ */ l(Ut, { onClick: () => {
+      /* @__PURE__ */ l($, { title: "编辑", children: /* @__PURE__ */ l(Kt, { onClick: () => {
         var c;
         return (c = e == null ? void 0 : e.onEdit) == null ? void 0 : c.call(e);
       } }) }),
-      /* @__PURE__ */ l(T, { title: "删除", children: /* @__PURE__ */ l(de, { onClick: () => {
+      /* @__PURE__ */ l($, { title: "删除", children: /* @__PURE__ */ l(de, { onClick: () => {
         var c;
         return (c = e == null ? void 0 : e.onDelete) == null ? void 0 : c.call(e);
       } }) }),
-      /* @__PURE__ */ l(T, { title: "详情", children: /* @__PURE__ */ l(Un, { onClick: () => {
+      /* @__PURE__ */ l($, { title: "详情", children: /* @__PURE__ */ l(Kn, { onClick: () => {
         var c;
         return (c = e == null ? void 0 : e.onDetail) == null ? void 0 : c.call(e);
       } }) })
@@ -2140,15 +2139,15 @@ const Zc = ue((e) => {
   var c;
   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
     });
@@ -2173,7 +2172,7 @@ const Zc = ue((e) => {
   favoriteDetailDialog_componentNodes: pc,
   favoriteDetailDialog_item: ea
 }, ta = ue((e) => {
-  var i, c, a, d;
+  var i, c, o, d;
   const { engine: t } = N(), n = (i = e == null ? void 0 : e.params) == null ? void 0 : i.favorite;
   return /* @__PURE__ */ g(
     re,
@@ -2202,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,
@@ -2212,8 +2211,8 @@ 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);
           })
         ] })
       ]
@@ -2222,32 +2221,32 @@ const Zc = ue((e) => {
 });
 function na() {
   const { engine: e } = N(), t = Pi(), n = ta(), i = Zc({
-    onOk(a) {
-      e.favorites.update(a.id, a);
+    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: [
     !(t != null && t.length) && /* @__PURE__ */ l(U, {}),
-    t.map((a) => /* @__PURE__ */ l(
+    t.map((o) => /* @__PURE__ */ l(
       Yc,
       {
-        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
     ))
   ] });
 }
@@ -2257,18 +2256,18 @@ const ia = "_pages_1ty8r_59", la = "_pages_head_1ty8r_67", ca = "_pages_body_1ty
   pages_body: ca
 }, aa = ue((e) => {
   const { params: t } = e, [n] = M.useForm();
-  function i(a) {
+  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
       });
     });
@@ -2294,71 +2293,71 @@ const ia = "_pages_1ty8r_59", la = "_pages_head_1ty8r_67", ca = "_pages_body_1ty
   );
 });
 function oa() {
-  const { engine: e } = N(), [t, n] = S([]), [i, c] = S([]), [a, d, o] = oi([]), s = wi(), r = Ei(), h = aa({
-    onOk({ page: v, parentId: I }) {
-      if (e.page.insert(v, I), Re(v.id), I) {
+  const { engine: e } = N(), [t, n] = S([]), [i, c] = S([]), [o, d, a] = oi([]), s = wi(), r = Ei(), h = aa({
+    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);
       }
     }
   });
-  function u(v) {
-    n(v), e.config.setConfigSilently({ expandedPageIds: v });
+  function u(b) {
+    n(b), e.config.setConfigSilently({ expandedPageIds: b });
   }
-  function _(v) {
+  function _(b) {
     var I;
-    return ((I = v == null ? void 0 : v.reduce) == null ? void 0 : I.call(v, (f, b) => f.concat([b.key, ..._(b == null ? void 0 : b.children)]), [])) || [];
+    return ((I = b == null ? void 0 : b.reduce) == null ? void 0 : I.call(b, (f, v) => f.concat([v.key, ..._(v == null ? void 0 : v.children)]), [])) || [];
   }
-  function m(v) {
+  function m(b) {
     h.open({
-      parentId: v.id,
-      parentName: v.name
+      parentId: b.id,
+      parentName: b.name
     });
   }
-  function y(v, I = {}) {
-    var b, x, L, j, R, q, V;
-    const f = [v.id, ..._(I[v.id].children)];
-    if (((b = o.current) == null ? void 0 : b.length) === 1 && (f != null && f.includes((L = (x = o.current) == null ? void 0 : x[0]) == null ? void 0 : L.key))) {
-      E.warn("至少保留一个顶层页");
+  function y(b, I = {}) {
+    var v, C, w, P, T, q, V;
+    const f = [b.id, ..._(I[b.id].children)];
+    if (((v = a.current) == null ? void 0 : v.length) === 1 && (f != null && f.includes((w = (C = a.current) == null ? void 0 : C[0]) == null ? void 0 : w.key))) {
+      A.warn("至少保留一个顶层页");
       return;
     }
     if (f.includes(e.config.getCurrentPage())) {
-      let Be = (R = (j = o.current) == null ? void 0 : j[0]) == null ? void 0 : R.key;
-      f.includes(Be) && (Be = (V = (q = o.current) == null ? void 0 : q[1]) == null ? void 0 : V.key), Re(Be);
+      let Me = (T = (P = a.current) == null ? void 0 : P[0]) == null ? void 0 : T.key;
+      f.includes(Me) && (Me = (V = (q = a.current) == null ? void 0 : q[1]) == null ? void 0 : V.key), Re(Me);
     }
     e.page.delete(f);
   }
-  function C(v, I = {}) {
+  function x(b, I = {}) {
     const f = [];
-    return v.forEach((b) => {
-      var j, R, q;
-      const x = I[b.id], L = I[b.id] = {
-        key: (x == null ? void 0 : x.key) || b.id,
-        title: (x == null ? void 0 : x.title) || /* @__PURE__ */ g("span", { children: [
-          /* @__PURE__ */ l("span", { children: b.name }),
+    return b.forEach((v) => {
+      var P, T, q;
+      const C = I[v.id], w = I[v.id] = {
+        key: (C == null ? void 0 : C.key) || v.id,
+        title: (C == null ? void 0 : C.title) || /* @__PURE__ */ g("span", { children: [
+          /* @__PURE__ */ l("span", { children: v.name }),
           /* @__PURE__ */ g("span", { style: { fontSize: 12 }, onClick: (V) => V.stopPropagation(), children: [
-            /* @__PURE__ */ l("a", { style: { marginLeft: 16 }, onClick: () => m(b), children: "新增" }),
-            /* @__PURE__ */ l("a", { style: { marginLeft: 8 }, onClick: () => y(b, I), children: "删除" })
+            /* @__PURE__ */ l("a", { style: { marginLeft: 16 }, onClick: () => m(v), children: "新增" }),
+            /* @__PURE__ */ l("a", { style: { marginLeft: 8 }, onClick: () => y(v, I), children: "删除" })
           ] })
         ] }),
-        children: (x == null ? void 0 : x.children) || []
+        children: (C == null ? void 0 : C.children) || []
       };
-      if (b != null && b.parentId) {
-        (q = (R = I[j = b == null ? void 0 : b.parentId] || (I[j] = {
+      if (v != null && v.parentId) {
+        (q = (T = I[P = v == null ? void 0 : v.parentId] || (I[P] = {
           key: "",
           title: "",
           children: []
-        })) == null ? void 0 : R.children) == null || q.push(L);
+        })) == null ? void 0 : T.children) == null || q.push(w);
         return;
       }
-      f.push(L);
+      f.push(w);
     }), f;
   }
-  return w(() => {
+  return E(() => {
     n(e.config.getConfig().expandedPageIds || []);
-  }, []), w(() => {
-    d(C(s));
-  }, [s]), w(() => {
+  }, []), E(() => {
+    d(x(s));
+  }, [s]), E(() => {
     c([r]);
   }, [r]), /* @__PURE__ */ g("div", { className: Ge.pages, children: [
     /* @__PURE__ */ g("div", { className: Ge.pages_head, children: [
@@ -2382,13 +2381,13 @@ function oa() {
         showIcon: !0,
         multiple: !1,
         defaultExpandAll: !0,
-        icon: /* @__PURE__ */ l(qn, {}),
-        treeData: a,
+        icon: /* @__PURE__ */ l(Un, {}),
+        treeData: o,
         selectedKeys: i,
         expandedKeys: t,
         onExpand: u,
-        onSelect: (v) => {
-          v.length && Re(v == null ? void 0 : v[0]);
+        onSelect: (b) => {
+          b.length && Re(b == null ? void 0 : b[0]);
         }
       }
     ) })
@@ -2402,8 +2401,8 @@ const da = "_history_zo6ip_59", ra = "_history_head_zo6ip_71", sa = "_history_bo
   history_item_gray: ha
 };
 function ga() {
-  var c, a, d, o;
-  const { engine: e } = N(), t = an(), n = (c = t.current) == null ? void 0 : c.stepId;
+  var c, o, d, a;
+  const { engine: e } = N(), t = cn(), n = (c = t.current) == null ? void 0 : c.stepId;
   function i(s) {
     e.history.isPass(s) && n === s ? bt() : Qi(s);
   }
@@ -2413,10 +2412,10 @@ 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),
+          className: R(_e.history_item, !s.isPass && _e.history_item_gray),
           onClick: () => {
             i(s.stepId);
           },
@@ -2424,37 +2423,37 @@ 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(() => [
+  const { engine: e } = N(), [t, n] = se(), i = L(() => [
     {
       key: "library",
       domId: "rbs-library",
-      icon: /* @__PURE__ */ l(Jn, {}),
+      icon: /* @__PURE__ */ l(qn, {}),
       title: t("menu.bar.library"),
       children: /* @__PURE__ */ l(ql, {})
     },
     {
       key: "pages",
       domId: "rbs-pages",
-      icon: /* @__PURE__ */ l(Wn, {}),
+      icon: /* @__PURE__ */ l(Jn, {}),
       title: t("menu.bar.pages"),
       children: /* @__PURE__ */ l(oa, {})
     },
     {
       key: "componentNodes",
       domId: "rbs-componentNodes",
-      icon: /* @__PURE__ */ l(Vn, {}),
+      icon: /* @__PURE__ */ l(Wn, {}),
       title: t("menu.bar.componentNodes"),
       children: /* @__PURE__ */ l(yc, {})
     },
     {
       key: "property",
       domId: "rbs-property",
-      icon: /* @__PURE__ */ l(Gn, {}),
+      icon: /* @__PURE__ */ l(Vn, {}),
       title: t("menu.bar.property"),
       children: /* @__PURE__ */ l(Uc, {})
     },
@@ -2468,31 +2467,31 @@ function _a() {
     {
       key: "history",
       domId: "rbs-history",
-      icon: /* @__PURE__ */ l(Xn, {}),
+      icon: /* @__PURE__ */ l(Gn, {}),
       title: t("menu.bar.history"),
       children: /* @__PURE__ */ l(ga, {})
     }
-  ], [n.language]), c = Ee((r) => r.currentMenu), [a, d] = S(""), o = A(() => {
+  ], [n.language]), c = Ee((r) => r.currentMenu), [o, d] = S(""), 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(xc, { 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", Bt = {
+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", Ma = "_dragPoint_top_right_1kt3d_136", Ba = "_dragPoint_bottom_1kt3d_149", ja = "_dragPoint_bottom_left_1kt3d_162", za = "_dragPoint_bottom_right_1kt3d_175", Ta = "_dragPoint_left_1kt3d_188", $a = "_dragPoint_right_1kt3d_201", ie = {
+}, 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,
   "theme-text": "_theme-text_1kt3d_34",
   "theme-color": "_theme-color_1kt3d_38",
@@ -2513,11 +2512,11 @@ const ma = "_editor_82kko_59", fa = "_editor_render_82kko_65", Bt = {
   p_vertical_mid: Da,
   dragPoint_top: Oa,
   dragPoint_top_left: Pa,
-  dragPoint_top_right: Ma,
-  dragPoint_bottom: Ba,
+  dragPoint_top_right: Ba,
+  dragPoint_bottom: Ma,
   dragPoint_bottom_left: ja,
-  dragPoint_bottom_right: za,
-  dragPoint_left: Ta,
+  dragPoint_bottom_right: Ta,
+  dragPoint_left: za,
   dragPoint_right: $a
 }, Ra = [
   "top",
@@ -2548,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) {
@@ -2562,25 +2561,25 @@ 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;
@@ -2603,11 +2602,11 @@ function Ka(e, t, n) {
           height: e.height
         }, t.style.zIndex = `${c.componentNode.getMaxLevel()}`, ae.set(Fa[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 = Ha(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))
         });
@@ -2617,45 +2616,45 @@ function Ka(e, t, n) {
       }
     };
 }
-const Ua = Cn((e, t) => {
-  const { componentNode: n } = e, i = B(null), [c, a] = S(!1), d = Ee((o) => o.scale);
-  return xn(t, () => ({
+const Ua = bn((e, t) => {
+  const { componentNode: n } = e, i = j(null), [c, o] = S(!1), d = Ee((a) => a.scale);
+  return Cn(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,
       ref: i,
-      className: $(
+      className: R(
         ie.moveItem_box,
         c && ie.moveItem_box_selected,
         n.lock && ie.moveItem_box_lock
       ),
-      children: c && !n.lock && Ra.map((o) => /* @__PURE__ */ l(
+      children: c && !n.lock && Ra.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]);
@@ -2664,18 +2663,18 @@ function qa(e) {
   var d;
   const { engine: t } = N(), [n, i] = S(
     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 tn(() => t.componentNode.onChange(e == null ? void 0 : e.componentNode.id, ({ payload: o }) => {
-    i({ ...o });
+  return en(() => 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(Ja, { componentNode: n, component: o }) : /* @__PURE__ */ l(W, {});
 }
 function Ja(e) {
-  const { component: t, componentNode: n } = e, i = nn(n), c = B(null), { dataSource: a, requestInstance: d } = gi(n), o = _i(n.id), s = mi(n.id), r = B(null), h = fi({
+  const { component: t, componentNode: n } = e, i = tn(n), c = j(null), { dataSource: o, requestInstance: d } = gi(n), a = _i(n.id), s = mi(n.id), r = j(null), h = fi({
     id: n.id,
     // 经过实例
     handleHover() {
@@ -2736,12 +2735,12 @@ function Ja(e) {
         h.handleUnHover();
       },
       children: [
-        /* @__PURE__ */ l(Tt, { children: /* @__PURE__ */ l(
+        /* @__PURE__ */ l(zt, { children: /* @__PURE__ */ l(
           t.component,
           {
             useExpose: s,
-            handleTrigger: o,
-            dataSource: a,
+            handleTrigger: a,
+            dataSource: o,
             options: n.options,
             width: n.width,
             height: n.height,
@@ -2762,8 +2761,8 @@ function Va(e, t) {
   if (!c || e.lock && n && !i)
     return;
   t.stopPropagation();
-  const a = Zt(t);
-  if (n || a) {
+  const o = Yt(t);
+  if (n || o) {
     if (c.instance.isSelected(e.id)) {
       i && c.instance.unselect(e.id);
       return;
@@ -2781,13 +2780,13 @@ 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 = Gt(
+        i = r, c = h < 300, a = Vt(
           (u, _) => {
             Xa(i, c, u, _);
           },
@@ -2799,30 +2798,30 @@ 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, Ya(i, c, r, h), i != null && i.length && O("移动组件"), d = !1, a = void 0);
     }
   };
 }
 function Xa(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) {
   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))
@@ -2833,16 +2832,16 @@ function Za() {
   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,
@@ -2855,33 +2854,33 @@ function Za() {
 }
 const Qa = "_rangeBox_12c3t_59", pa = {
   rangeBox: Qa
-}, jt = Gt((e, t) => {
+}, jt = Vt((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 ki(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) {
   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;
@@ -2890,25 +2889,25 @@ 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");
     },
-    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", jt(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) && jt(a, (s) => {
         s.length && O("范围选中组件");
       });
     }
@@ -2919,16 +2918,16 @@ function to(e, t) {
     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 = io(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);
       });
@@ -2939,13 +2938,13 @@ function no(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类型时）
+    Si(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) {
   const n = k.getActiveEngine();
@@ -2956,49 +2955,49 @@ function io(e, t) {
     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 = B([]), { engine: n } = N();
+  const t = j([]), { engine: n } = N();
   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 = 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), _ = o ? !0 : u != null && u.lock ? d && s : d;
+      const d = Ae(c), a = 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), _ = a ? !0 : u != null && u.lock ? d && s : d;
       if (h && u && _) {
         if (Va(u, c), !(u != null && u.lock) && d) {
           const y = ct(
@@ -3017,8 +3016,8 @@ function lo(e) {
                 // 监听拖拽移动
                 !y && Ga(h),
                 // 监听是否放置到 layout 组件
-                to(h, (C) => {
-                  t.current.push(C);
+                to(h, (x) => {
+                  t.current.push(x);
                 })
               ]
             })
@@ -3034,30 +3033,30 @@ function lo(e) {
           scale: n.config.getConfig().scale,
           hookQueue: [
             // 监听创建范围多选框（左键按住范围框选）
-            d && eo(a)
+            d && eo(o)
           ]
         })
       );
     }
-  }), Qt(() => {
+  }), Zt(() => {
     i();
   });
 }
 function co(e) {
   const { engine: t } = N();
-  un(e, {
+  sn(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 () => {
@@ -3068,34 +3067,34 @@ function co(e) {
 }
 function ao(e) {
   const { engine: t } = N();
-  un(e, {
+  sn(e, {
     accept: ["create-favorite"],
     onDrop: (n, i) => {
-      var v, I;
+      var b, I;
       const c = e.current;
       if (!c)
         throw new Error("dom must be exist.");
-      const a = c.getBoundingClientRect(), d = (v = i.data) == null ? void 0 : v.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, b) => (f.x = Math.min(f.x, b.x), f.y = Math.min(f.y, b.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(
+        (f, v) => (f.x = Math.min(f.x, v.x), f.y = Math.min(f.y, v.y), f),
         {
           x: r.x,
           y: r.y
         }
-      ), _ = t.config.getCurrentPage(), m = [], y = t.config.getConfig().scale, C = t.componentNode.cloneComponentNodes(d.children, {
-        onClone(f, b) {
-          b.x = Math.round((o + (b.x - h)) / y), b.y = Math.round((s + (b.y - u)) / y), b.pageId = _, m.push(b.id);
+      ), _ = t.config.getCurrentPage(), m = [], y = t.config.getConfig().scale, x = t.componentNode.cloneComponentNodes(d.children, {
+        onClone(f, v) {
+          v.x = Math.round((a + (v.x - h)) / y), v.y = Math.round((s + (v.y - u)) / y), v.pageId = _, m.push(v.id);
         }
       });
-      t.componentNode.add(C), setTimeout(() => {
+      t.componentNode.add(x), setTimeout(() => {
         t.instance.select(m, !0), O(`新增收藏组件 “${d.name}”`);
       });
     }
   });
 }
 const oo = () => {
-  const { engine: e } = N(), t = B(null), n = B(null), i = Yt(), c = Xt(), a = A(() => {
+  const { engine: e } = N(), t = j(null), n = j(null), i = Xt(), c = Gt(), o = L(() => {
     if (i.length)
       return c == null ? void 0 : c.map((d) => /* @__PURE__ */ l(
         qa,
@@ -3106,15 +3105,15 @@ const oo = () => {
         d.id
       ));
   }, [c, i]);
-  return lo(n), _n(t), co(n), ao(n), w(() => e.componentNode.onDelete((d) => {
+  return lo(n), gn(t), co(n), ao(n), E(() => e.componentNode.onDelete((d) => {
     e.page.removeGlobalComponentNode(d);
   }), []), /* @__PURE__ */ l(
     "div",
     {
       ref: t,
-      className: Bt.editor,
+      className: Mt.editor,
       onMouseDown: () => De(),
-      children: /* @__PURE__ */ l(yi, { ref: n, className: Bt.editor_render, children: a })
+      children: /* @__PURE__ */ l(yi, { ref: n, className: Mt.editor_render, children: o })
     }
   );
 }, ro = "_attributes_esabd_59", so = {
@@ -3131,18 +3130,18 @@ const oo = () => {
 };
 function vo(e) {
   const [t, n] = S(!1), [i, c] = S("");
-  function a() {
+  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(
@@ -3150,27 +3149,27 @@ 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(
-      Ut,
+      Kt,
       {
-        className: $(Xe.opacity0, "icon_clickable"),
-        onClick: a
+        className: R(Xe.opacity0, "icon_clickable"),
+        onClick: o
       }
     )
   ] });
 }
 function bo() {
-  const { engine: e } = N(), { componentNode: t } = he(), [n] = M.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) {
+  const { engine: e } = N(), { 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)
@@ -3181,8 +3180,8 @@ function bo() {
       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: [
@@ -3228,7 +3227,7 @@ function bo() {
               /* @__PURE__ */ l(z, { 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(Tt, { children: /* @__PURE__ */ l(
+          t && c && /* @__PURE__ */ l("div", { style: { paddingTop: 8 }, children: /* @__PURE__ */ l(zt, { children: /* @__PURE__ */ l(
             c,
             {
               componentNode: t,
@@ -3236,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
                   }
@@ -3257,14 +3256,14 @@ const Co = "_dataSource_1t8uf_59", xo = {
   requestDataSource: Io
 };
 function So(e) {
-  const t = k.getActiveEngine(), { componentNode: n } = he(), i = A(() => {
+  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
-  } = pt(
+    refresh: a
+  } = Qt(
     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}`);
@@ -3345,12 +3344,12 @@ function So(e) {
     ) }),
     /* @__PURE__ */ g("div", { style: { marginTop: 12, display: "flex", gap: 8, alignItems: "center" }, children: [
       /* @__PURE__ */ l("b", { children: "数据结果" }),
-      /* @__PURE__ */ l(T, { title: "请求数据", children: /* @__PURE__ */ l(
+      /* @__PURE__ */ l($, { title: "请求数据", children: /* @__PURE__ */ l(
         Z,
         {
           className: "icon_clickable",
           onClick: () => {
-            o();
+            a();
           }
         }
       ) })
@@ -3361,7 +3360,7 @@ function So(e) {
         readOnly: !0,
         minimap: !1,
         language: "json",
-        value: d ? "" : a,
+        value: d ? "" : o,
         style: { flex: 1, minHeight: 200, maxHeight: 400 }
       }
     )
@@ -3372,24 +3371,24 @@ const No = "_staticDataSource_1p3pl_59", wo = {
 };
 function Eo(e) {
   const { engine: t } = N(), { componentNode: n } = he(), [i, c] = S("");
-  function a() {
+  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(z, { label: "配置数据", children: /* @__PURE__ */ l(T, { title: "保存", children: /* @__PURE__ */ l(Q, { className: "icon_clickable", onClick: a }) }) }),
+    /* @__PURE__ */ l(z, { label: "配置数据", children: /* @__PURE__ */ l($, { title: "保存", children: /* @__PURE__ */ l(Q, { className: "icon_clickable", onClick: o }) }) }),
     /* @__PURE__ */ l(
       X,
       {
@@ -3434,14 +3433,14 @@ const Do = "_interactive_1j74j_59", Oo = {
   interactive: Do
 };
 function Po(e) {
-  const { componentNode: t } = e, { engine: n } = N(), [i, c] = S([]), a = A(
+  const { componentNode: t } = e, { engine: n } = N(), [i, c] = S([]), 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)),
@@ -3451,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 Mo = "_eventList_19gi2_59", Bo = "_eventList_head_19gi2_62", jo = "_eventList_body_19gi2_68", zo = "_eventList_item_19gi2_74", To = "_eventList_item_body_19gi2_84", $o = "_eventList_item_opt_19gi2_90", Ro = "_eventList_item_opt_clickable_19gi2_95", G = {
-  eventList: Mo,
-  eventList_head: Bo,
+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: zo,
-  eventList_item_body: To,
+  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", Me = {
+}, Uo = "_eventOptions_main_16n1f_59", Be = {
   eventOptions_main: Uo
 };
 function qo(e) {
   var t;
-  return /* @__PURE__ */ l("div", { className: Me.eventOptions_main, children: /* @__PURE__ */ l(z, { label: "组件显示", labelSpan: 3, children: /* @__PURE__ */ l(
-    qt,
+  return /* @__PURE__ */ l("div", { className: Be.eventOptions_main, children: /* @__PURE__ */ l(z, { label: "组件显示", labelSpan: 3, children: /* @__PURE__ */ l(
+    Ut,
     {
       size: "small",
       checked: (t = e == null ? void 0 : e.value) == null ? void 0 : t.visible,
@@ -3499,8 +3498,8 @@ function qo(e) {
   ) }) });
 }
 const Jo = ue((e) => {
-  const [t, n] = zt.useState();
-  return w(() => {
+  const [t, n] = Tt.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(
@@ -3544,7 +3543,7 @@ const Jo = ue((e) => {
           {
             language: "javascript",
             style: { height: 450 },
-            value: t ?? Mi,
+            value: t ?? Bi,
             onChange: n
           }
         )
@@ -3552,17 +3551,17 @@ const Jo = ue((e) => {
     }
   );
 });
-function mn(e) {
+function _n(e) {
   const t = Jo({
     onOk(i) {
       var c;
       (c = e == null ? void 0 : e.onChange) == null || c.call(e, i);
     }
-  }), n = A(() => e != null && e.tooltip ? /* @__PURE__ */ l(T, { 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($, { 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",
     {
-      className: $("icon_clickable", (e == null ? void 0 : e.value) && "icon_selected"),
+      className: R("icon_clickable", (e == null ? void 0 : e.value) && "icon_selected"),
       style: { fontSize: 14 },
       onClick: () => {
         t.open({
@@ -3578,31 +3577,31 @@ const Wo = /* @__PURE__ */ g("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("");
+  var a, s, r;
+  const t = ((a = e == null ? void 0 : e.value) == null ? void 0 : a.type) || "default", [n, i] = S(), [c, o] = S("");
   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: Me.eventOptions_main, children: [
+  }, [(r = e == null ? void 0 : e.value) == null ? void 0 : r.parserFunc]), /* @__PURE__ */ g("div", { className: Be.eventOptions_main, children: [
     /* @__PURE__ */ g(D, { style: { width: "100%" }, direction: "vertical", size: 2, children: [
       /* @__PURE__ */ l(z, { label: "参数类型", labelSpan: 3 }),
       /* @__PURE__ */ g("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
@@ -3627,7 +3626,7 @@ function Vo(e) {
           }
         ),
         /* @__PURE__ */ l(
-          mn,
+          _n,
           {
             tooltip: "解析函数",
             value: n,
@@ -3643,7 +3642,7 @@ function Vo(e) {
       ] })
     ] }),
     t === "json" && /* @__PURE__ */ g(D, { style: { width: "100%" }, direction: "vertical", size: 2, children: [
-      /* @__PURE__ */ l(z, { label: "json对象", labelSpan: 3, labelTip: Wo, children: /* @__PURE__ */ l(T, { title: "更新", children: /* @__PURE__ */ l(Q, { onClick: d, className: "icon_clickable" }) }) }),
+      /* @__PURE__ */ l(z, { label: "json对象", labelSpan: 3, labelTip: Wo, children: /* @__PURE__ */ l($, { title: "更新", children: /* @__PURE__ */ l(Q, { onClick: d, className: "icon_clickable" }) }) }),
       /* @__PURE__ */ l(
         X,
         {
@@ -3651,7 +3650,7 @@ function Vo(e) {
           language: "json",
           style: { height: 380 },
           onChange: (h) => {
-            a(h);
+            o(h);
           }
         }
       )
@@ -3659,22 +3658,22 @@ function Vo(e) {
   ] });
 }
 function Go(e) {
-  var a;
+  var o;
   const [t, n] = S();
   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: Me.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(z, { label: "函数内容", labelSpan: 3, children: /* @__PURE__ */ l(
       "div",
       {
@@ -3684,13 +3683,13 @@ function Go(e) {
           alignItems: "center",
           justifyContent: "space-between"
         },
-        children: /* @__PURE__ */ l(T, { title: "重置", children: /* @__PURE__ */ l(Yn, { onClick: c, className: "icon_clickable" }) })
+        children: /* @__PURE__ */ l($, { title: "重置", children: /* @__PURE__ */ l(Xn, { onClick: c, className: "icon_clickable" }) })
       }
     ) }),
     /* @__PURE__ */ l(
       X,
       {
-        value: t ?? Bi,
+        value: t ?? Mi,
         language: "javascript",
         style: { height: 440 },
         onChange: (d) => {
@@ -3707,29 +3706,29 @@ const Xo = {
   json: {}
 };
 function Yo(e) {
-  var r, h, u, _, m, y, C, v, I, f, b;
-  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();
+  var r, h, u, _, m, y, x, b, I, f, v;
+  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] = S(), [d, a] = S();
   function s() {
-    var x;
+    var C;
     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 w = JSON.parse(d || "");
+      typeof w == "object" && w && ((C = e == null ? void 0 : e.onChange) == null || C.call(e, {
         ...e == null ? void 0 : e.value,
-        value: L
-      }), E.success("设置成功"));
+        value: w
+      }), A.success("设置成功"));
     } catch {
-      E.warn("json格式不正确");
+      A.warn("json格式不正确");
     }
   }
-  return w(() => {
-    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, "	"));
-  }, [(_ = 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: Me.eventOptions_main, children: [
+  return E(() => {
+    var C;
+    o((C = e == null ? void 0 : e.value) == null ? void 0 : C.parserFunc);
+  }, [(u = e == null ? void 0 : e.value) == null ? void 0 : u.parserFunc]), E(() => {
+    var C, w;
+    ((C = e == null ? void 0 : e.value) == null ? void 0 : C.type) === "json" && a(JSON.stringify(((w = e == null ? void 0 : e.value) == null ? void 0 : w.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(z, { label: "参数类型", labelSpan: 3, labelTip: "json数据格式为数组或对象" }),
       /* @__PURE__ */ g(D, { children: [
@@ -3745,42 +3744,42 @@ function Yo(e) {
               { label: "文本值", value: "text" },
               { label: "json数据", value: "json" }
             ],
-            onChange: (x) => t({
+            onChange: (C) => t({
               ...e == null ? void 0 : e.value,
-              value: Xo[x],
-              type: x
+              value: Xo[C],
+              type: C
             })
           }
         ),
         /* @__PURE__ */ l(
-          mn,
+          _n,
           {
             tooltip: "解析函数",
             value: c,
-            onChange: (x) => {
-              var L;
-              a(x), (L = e == null ? void 0 : e.onChange) == null || L.call(e, {
+            onChange: (C) => {
+              var w;
+              o(C), (w = e == null ? void 0 : e.onChange) == null || w.call(e, {
                 ...e == null ? void 0 : e.value,
-                parserFunc: x
+                parserFunc: C
               });
             }
           }
         )
       ] })
     ] }),
-    ((y = e == null ? void 0 : e.value) == null ? void 0 : y.type) && ((C = e == null ? void 0 : e.value) == null ? void 0 : C.type) !== "default" && /* @__PURE__ */ g(D, { direction: "vertical", size: 4, style: { width: "100%" }, children: [
-      /* @__PURE__ */ l(z, { label: "参数值", labelSpan: 3, children: i && /* @__PURE__ */ l(T, { title: "更新", children: /* @__PURE__ */ l(Q, { onClick: s, className: "icon_clickable" }) }) }),
+    ((y = e == null ? void 0 : e.value) == null ? void 0 : y.type) && ((x = e == null ? void 0 : e.value) == null ? void 0 : x.type) !== "default" && /* @__PURE__ */ g(D, { direction: "vertical", size: 4, style: { width: "100%" }, children: [
+      /* @__PURE__ */ l(z, { label: "参数值", labelSpan: 3, children: i && /* @__PURE__ */ l($, { title: "更新", children: /* @__PURE__ */ l(Q, { onClick: s, className: "icon_clickable" }) }) }),
       /* @__PURE__ */ g(W, { children: [
-        ((v = e == null ? void 0 : e.value) == null ? void 0 : v.type) === "number" && /* @__PURE__ */ l(
+        ((b = e == null ? void 0 : e.value) == null ? void 0 : b.type) === "number" && /* @__PURE__ */ l(
           mt,
           {
             min: void 0,
             style: { width: Ne * 2 },
             value: (I = e == null ? void 0 : e.value) == null ? void 0 : I.value,
-            onChange: (x) => {
+            onChange: (C) => {
               t({
                 ...e == null ? void 0 : e.value,
-                value: x
+                value: C
               });
             }
           }
@@ -3789,12 +3788,12 @@ function Yo(e) {
           xi,
           {
             style: { width: Ne * 2 },
-            value: (b = e == null ? void 0 : e.value) == null ? void 0 : b.value,
+            value: (v = e == null ? void 0 : e.value) == null ? void 0 : v.value,
             autoSize: { minRows: 3, maxRows: 3 },
-            onChange: (x) => {
+            onChange: (C) => {
               t({
                 ...e == null ? void 0 : e.value,
-                value: x
+                value: C
               });
             }
           }
@@ -3805,8 +3804,8 @@ function Yo(e) {
             language: "javascript",
             style: { height: 375 },
             value: d,
-            onChange: (x) => {
-              o(x);
+            onChange: (C) => {
+              a(C);
             }
           }
         )
@@ -3816,7 +3815,7 @@ function Yo(e) {
 }
 const Ne = 200;
 function Zo(e) {
-  var i, c, a, d, o;
+  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;
@@ -3825,7 +3824,7 @@ 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) === Te.visible ? /* @__PURE__ */ l(qo, { value: t, onChange: n }) : ((d = e == null ? void 0 : e.value) == null ? void 0 : d.exposeId) === Te.request ? /* @__PURE__ */ l(Vo, { value: t, onChange: n }) : ((o = e == null ? void 0 : e.value) == null ? void 0 : o.exposeId) === Te.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(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 }) : ((a = e == null ? void 0 : e.value) == null ? void 0 : a.exposeId) === ze.custom ? /* @__PURE__ */ l(Go, { value: t, onChange: n }) : /* @__PURE__ */ l(Yo, { 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,
@@ -3861,31 +3860,31 @@ function dd(e) {
     /* @__PURE__ */ g("div", { children: [
       /* @__PURE__ */ l("b", { children: "show" }),
       "：",
-      /* @__PURE__ */ l(qt, { disabled: !0, size: "small", checked: (t == null ? void 0 : t.show) ?? !0 })
+      /* @__PURE__ */ l(Ut, { disabled: !0, size: "small", checked: (t == null ? void 0 : t.show) ?? !0 })
     ] })
   ] });
 }
 function rd(e) {
   var _;
-  const { engine: t } = N(), [n, i] = S(!1), [c, a] = S([]), [d, o] = S(""), s = B();
-  w(() => {
+  const { engine: t } = N(), [n, i] = S(!1), [c, o] = S([]), [d, a] = S(""), 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 y;
     const m = (y = d == null ? void 0 : d.toLowerCase) == null ? void 0 : y.call(d);
-    return c.filter((C) => {
-      var v, I, f, b;
-      return (b = (f = (I = (v = C == null ? void 0 : C.name) == null ? void 0 : v.toLowerCase) == null ? void 0 : I.call(v)) == null ? void 0 : f.includes) == null ? void 0 : b.call(f, m);
+    return c.filter((x) => {
+      var b, I, f, v;
+      return (v = (f = (I = (b = x == null ? void 0 : x.name) == null ? void 0 : b.toLowerCase) == null ? void 0 : I.call(b)) == null ? void 0 : f.includes) == null ? void 0 : v.call(f, m);
     });
   }, [d, c]);
   function h() {
     i(!1), s.current = setTimeout(() => {
-      a([]), s.current = null;
+      o([]), s.current = null;
     }, 300);
   }
   function u(m) {
@@ -3901,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) => {
@@ -3958,9 +3957,9 @@ function rd(e) {
 }
 function sd(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 } = N(), 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,
@@ -3968,77 +3967,77 @@ 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, y;
     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 = ((y = s == null ? void 0 : s.opts) == null ? void 0 : y.length) || 0;
+    const r = ((m = (_ = e == null ? void 0 : e.targets) == null ? void 0 : _.filter) == null ? void 0 : m.call(_, (x) => x.id === a ? (s = x, !1) : !0)) || [], h = ((y = s == null ? void 0 : s.opts) == null ? void 0 : y.length) || 0;
     function u() {
-      var C, v, 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, (v = r == null ? void 0 : r[0]) == null ? void 0 : v.id));
+      var x, b, I;
+      (x = e == null ? void 0 : e.onChangeTargets) == null || x.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({
         title: "提醒",
         content: `该组件已配置 ${h} 个事件操作，确定删除？`,
-        onOk(C) {
-          u(), C();
+        onOk(x) {
+          u(), x();
         }
       });
       return;
     }
     u();
   }
-  return /* @__PURE__ */ g("div", { className: $(me.targetList, e == null ? void 0 : e.className), style: e == null ? void 0 : e.style, children: [
+  return /* @__PURE__ */ g("div", { className: R(me.targetList, e == null ? void 0 : e.className), style: e == null ? void 0 : e.style, children: [
     /* @__PURE__ */ l(
       rd,
       {
         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",
         {
-          className: $(
+          className: R(
             me.targetList_item,
             s && me.targetList_item_selected
           ),
           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, {})
@@ -4058,18 +4057,18 @@ const ud = "_targetList_17cmb_59", hd = "_targetList_body_17cmb_66", gd = "_targ
 };
 function Cd(e) {
   var u;
-  const { engine: t } = N(), [n, i] = S(!1), [c, a] = S([]), [d, o] = S(""), s = B(), r = A(() => {
+  const { engine: t } = N(), [n, i] = S(!1), [c, o] = S([]), [d, a] = S(""), s = j(), r = L(() => {
     var m;
     const _ = (m = d == null ? void 0 : d.toLowerCase) == null ? void 0 : m.call(d);
     return c.filter((y) => {
-      var C, v, I, f;
-      return (f = (I = (v = (C = y == null ? void 0 : y.label) == null ? void 0 : C.toLowerCase) == null ? void 0 : v.call(C)) == null ? void 0 : I.includes) == null ? void 0 : f.call(I, _);
+      var x, b, I, f;
+      return (f = (I = (b = (x = y == null ? void 0 : y.label) == null ? void 0 : x.toLowerCase) == null ? void 0 : b.call(x)) == null ? void 0 : I.includes) == null ? void 0 : f.call(I, _);
     });
   }, [d, c]);
   function h() {
     i(!1);
   }
-  return w(() => {
+  return E(() => {
     var _;
     if (n) {
       s.current && (clearTimeout(s.current), s.current = null);
@@ -4077,11 +4076,11 @@ function Cd(e) {
       if (e != null && e.cId) {
         const y = t.component.get(e == null ? void 0 : e.cId);
         m = (_ = (y == null ? void 0 : y.exposes) || []) == null ? void 0 : _.reduce(
-          (C, v) => (C.push({ label: v.label, value: v.value }), C),
+          (x, b) => (x.push({ label: b.label, value: b.value }), x),
           [...di]
         );
       }
-      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,
@@ -4089,7 +4088,7 @@ function Cd(e) {
       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(
@@ -4122,130 +4121,130 @@ function Cd(e) {
 }
 function xd(e) {
   var d;
-  const { engine: t } = N(), n = A(() => {
+  const { engine: t } = N(), 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), {})
+      ...(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, (y) => y.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, (y) => y.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: [
+  return /* @__PURE__ */ g("div", { className: R(ye.targetList, e == null ? void 0 : e.className), style: e == null ? void 0 : e.style, children: [
     /* @__PURE__ */ l(
       Cd,
       {
         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",
           {
-            className: $(
+            className: R(
               ye.targetList_item,
               s && ye.targetList_item_selected
             ),
             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(() => {
+  const { engine: t } = N(), { componentNode: n, triggerId: i, triggerName: c } = (e == null ? void 0 : e.params) || {}, [o, d] = S(), [a, s] = S(), [r, h] = S(), u = L(() => {
     var f;
-    return (f = t.componentNode.get(o == null ? void 0 : o.id)) == null ? void 0 : f.cId;
-  }, [o]);
+    return (f = t.componentNode.get(a == null ? void 0 : a.id)) == null ? void 0 : f.cId;
+  }, [a]);
   function _(f) {
-    var x, L, j;
-    const b = (L = (x = a == null ? void 0 : a.targets) == null ? void 0 : x.find) == null ? void 0 : L.call(x, (R) => R.id === f);
-    s(b), h((j = b == null ? void 0 : b.opts) == null ? void 0 : j[0]);
+    var C, w, P;
+    const v = (w = (C = o == null ? void 0 : o.targets) == null ? void 0 : C.find) == null ? void 0 : w.call(C, (T) => T.id === f);
+    s(v), h((P = v == null ? void 0 : v.opts) == null ? void 0 : P[0]);
   }
   function m(f) {
-    var b, x;
+    var v, C;
     h(
-      (x = (b = o == null ? void 0 : o.opts) == null ? void 0 : b.find) == null ? void 0 : x.call(b, (L) => (L == null ? void 0 : L.operateId) === f)
+      (C = (v = a == null ? void 0 : a.opts) == null ? void 0 : v.find) == null ? void 0 : C.call(v, (w) => (w == null ? void 0 : w.operateId) === f)
     );
   }
-  function y(f, b) {
+  function y(f, v) {
     d({
-      ...a,
+      ...o,
       targets: f
-    }), b && f.length === 1 && s(f[f.length - 1]);
+    }), v && f.length === 1 && s(f[f.length - 1]);
   }
-  function C(f) {
-    var b, x;
-    (x = (b = a == null ? void 0 : a.targets) == null ? void 0 : b.find) == null || x.call(b, (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 x(f) {
+    var v, C;
+    (C = (v = o == null ? void 0 : o.targets) == null ? void 0 : v.find) == null || C.call(v, (w) => w.id !== (a == null ? void 0 : a.id) ? !1 : (w.opts = f, !0)), d({ ...o }), f.length === 1 && h(f == null ? void 0 : f[0]);
   }
-  function v(f) {
-    var b, x;
-    (x = (b = a == null ? void 0 : a.targets) == null ? void 0 : b.find) == null || x.call(b, (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(f) {
+    var v, C;
+    (C = (v = o == null ? void 0 : o.targets) == null ? void 0 : v.find) == null || C.call(v, (w) => {
+      var P, T;
+      return w.id !== (a == null ? void 0 : a.id) ? !1 : ((T = (P = w.opts) == null ? void 0 : P.find) == null || T.call(P, (q) => (q == null ? void 0 : q.operateId) !== (f == null ? void 0 : f.operateId) ? !1 : (Object.assign(q, f), !0)), !0);
+    }), d({ ...o });
   }
   function I() {
     var f;
-    (f = e == null ? void 0 : e.onOk) == null || f.call(e, a);
+    (f = e == null ? void 0 : e.onOk) == null || f.call(e, o);
   }
-  return w(() => {
-    var f, b, x, L;
+  return E(() => {
+    var f, v, C, w;
     if (e != null && e.visible) {
       if (!i) {
-        E.error("triggerId不存在");
+        A.error("triggerId不存在");
         return;
       }
-      let j = (b = (f = n == null ? void 0 : n.events) == null ? void 0 : f.find) == null ? void 0 : b.call(f, (V) => (V == null ? void 0 : V.triggerId) === i);
-      j = Vt(j || {}), d(j);
-      const R = (x = j == null ? void 0 : j.targets) == null ? void 0 : x[0];
-      s(R);
-      const q = (L = R == null ? void 0 : R.opts) == null ? void 0 : L[0];
+      let P = (v = (f = n == null ? void 0 : n.events) == null ? void 0 : f.find) == null ? void 0 : v.call(f, (V) => (V == null ? void 0 : V.triggerId) === i);
+      P = Wt(P || {}), d(P);
+      const T = (C = P == null ? void 0 : P.targets) == null ? void 0 : C[0];
+      s(T);
+      const q = (w = T == null ? void 0 : T.opts) == null ? void 0 : w[0];
       h(q);
     } else
       d(void 0), s(void 0), h(void 0);
@@ -4269,13 +4268,13 @@ const Id = ue((e) => {
             sd,
             {
               className: "border-right",
-              value: o == null ? void 0 : o.id,
+              value: a == null ? void 0 : a.id,
               onChange: (f) => {
                 _(f);
               },
-              targets: a == null ? void 0 : a.targets,
-              onChangeTargets: (f, b) => {
-                y(f, b === "add");
+              targets: o == null ? void 0 : o.targets,
+              onChangeTargets: (f, v) => {
+                y(f, v === "add");
               }
             }
           ),
@@ -4287,9 +4286,9 @@ const Id = ue((e) => {
                 m(f);
               },
               cId: u,
-              opts: o == null ? void 0 : o.opts,
+              opts: a == null ? void 0 : a.opts,
               onChangeOpts: (f) => {
-                C(f);
+                x(f);
               }
             }
           )
@@ -4299,7 +4298,7 @@ const Id = ue((e) => {
           {
             value: r,
             onChange: (f) => {
-              v(f);
+              b(f);
             }
           }
         ) })
@@ -4309,32 +4308,32 @@ const Id = ue((e) => {
 });
 function kd(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 } = N(), { componentNode: n } = e, i = L(() => t.component.get(n == null ? void 0 : n.cId), [n]), c = ht(), o = Id({
     onOk(u) {
       t.componentNode.update(n == null ? void 0 : n.id, (_) => {
         var m, y;
-        return (y = (m = _ == null ? void 0 : _.events) == null ? void 0 : m.find) == null || y.call(m, (C) => C.triggerId !== (u == null ? void 0 : u.triggerId) ? !1 : (Object.assign(C, u), !0)), {
+        return (y = (m = _ == null ? void 0 : _.events) == null ? void 0 : m.find) == null || y.call(m, (x) => x.triggerId !== (u == null ? void 0 : u.triggerId) ? !1 : (Object.assign(x, u), !0)), {
           events: _ == null ? void 0 : _.events
         };
       });
     }
-  }), d = A(() => {
+  }), d = L(() => {
     var u;
     return ((u = n == null ? void 0 : n.events) == null ? void 0 : u.map((_) => {
-      var y, C;
-      const m = (C = (y = i == null ? void 0 : i.triggers) == null ? void 0 : y.find) == null ? void 0 : C.call(y, (v) => (v == null ? void 0 : v.value) === _.triggerId);
+      var y, x;
+      const m = (x = (y = i == null ? void 0 : i.triggers) == null ? void 0 : y.find) == null ? void 0 : x.call(y, (b) => (b == null ? void 0 : b.value) === _.triggerId);
       return {
         label: `${(m == null ? void 0 : m.label) || "-"}`,
         value: `${_.triggerId}`
       };
     })) || [];
   }, [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
@@ -4345,21 +4344,21 @@ function kd(e) {
       var m, y;
       return {
         events: [
-          ...((y = (m = _ == null ? void 0 : _.events) == null ? void 0 : m.filter) == null ? void 0 : y.call(m, (C) => C.triggerId !== u)) || []
+          ...((y = (m = _ == null ? void 0 : _.events) == null ? void 0 : m.filter) == null ? void 0 : y.call(m, (x) => x.triggerId !== u)) || []
         ]
       };
     });
   }
   function r(u) {
-    var m, y, C, v;
+    var m, y, x, b;
     if (!u) {
-      E.warn("triggerId不存在");
+      A.warn("triggerId不存在");
       return;
     }
     const _ = (y = (m = n == null ? void 0 : n.events) == null ? void 0 : m.find) == null ? void 0 : y.call(m, (I) => (I == null ? void 0 : I.triggerId) === u);
-    (C = _ == null ? void 0 : _.targets) != null && C.length ? c({
+    (x = _ == null ? void 0 : _.targets) != null && x.length ? c({
       title: "提醒",
-      content: `已配置${((v = _ == null ? void 0 : _.targets) == null ? void 0 : v.length) || 0}个事件项，确定删除该事件？`,
+      content: `已配置${((b = _ == null ? void 0 : _.targets) == null ? void 0 : b.length) || 0}个事件项，确定删除该事件？`,
       onOk(I) {
         s(u), I();
       }
@@ -4373,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(
-            Ft,
+            Yn,
             {
               className: G.eventList_item_opt_clickable,
-              onClick: () => o(u)
+              onClick: () => a(u)
             }
           ),
           /* @__PURE__ */ l(
@@ -4427,27 +4426,27 @@ function Ad() {
     });
   }
   function c() {
-    const a = n.getFieldValue("code") || "";
+    const o = n.getFieldValue("code") || "";
     try {
-      const d = JSON.parse(a);
+      const d = JSON.parse(o);
       if (!vi(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(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数据" }),
-        /* @__PURE__ */ l(T, { title: "重置", children: /* @__PURE__ */ l(Z, { className: "icon_clickable", onClick: i }) })
+        /* @__PURE__ */ l($, { title: "重置", children: /* @__PURE__ */ l(Z, { className: "icon_clickable", onClick: i }) })
       ] }),
-      /* @__PURE__ */ l(T, { title: "保存", placement: "top", children: /* @__PURE__ */ l(Q, { className: "icon_clickable", onClick: c }) })
+      /* @__PURE__ */ l($, { title: "保存", placement: "top", children: /* @__PURE__ */ l(Q, { className: "icon_clickable", onClick: c }) })
     ] }),
     /* @__PURE__ */ l("div", { className: Ze.json_body, children: /* @__PURE__ */ l(M.Item, { noStyle: !0, name: "code", children: /* @__PURE__ */ l(
       X,
@@ -4468,18 +4467,18 @@ function Ad() {
 }
 const Ld = "_singleAttributes_109pm_59", Dd = {
   singleAttributes: Ld
-}, fn = In({}), he = () => kn(fn);
-function yn(e) {
-  const [t, n] = se(), { engine: i } = N(), { instance: c } = e, [a, d] = S(), o = nn(c);
-  return w(() => {
+}, mn = xn({}), he = () => In(mn);
+function fn(e) {
+  const [t, n] = se(), { engine: i } = N(), { instance: c } = e, [o, d] = S(), a = tn(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(fn.Provider, { value: { instance: c, componentNode: a }, children: /* @__PURE__ */ l(
+    d(i.componentNode.get((s = a == null ? void 0 : a.current) == null ? void 0 : s.id));
+  }), []), L(() => o ? /* @__PURE__ */ l(mn.Provider, { value: { instance: c, componentNode: o }, children: /* @__PURE__ */ l(
     ei,
     {
       className: Dd.singleAttributes,
@@ -4504,14 +4503,14 @@ function yn(e) {
         }
       ]
     }
-  ) }) : /* @__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", Md = "_multipleInstanceAttributes_body_1ehj2_70", Qe = {
+const Od = "_multipleInstanceAttributes_1ehj2_59", Pd = "_multipleInstanceAttributes_header_1ehj2_66", Bd = "_multipleInstanceAttributes_body_1ehj2_70", Qe = {
   multipleInstanceAttributes: Od,
   multipleInstanceAttributes_header: Pd,
-  multipleInstanceAttributes_body: Md
+  multipleInstanceAttributes_body: Bd
 };
-function Bd(e) {
+function Md(e) {
   const t = yt();
   return /* @__PURE__ */ l(
     Ce,
@@ -4530,31 +4529,31 @@ function Bd(e) {
 }
 function jd(e) {
   const { instances: t } = e, [n, i] = S();
-  return w(() => {
+  return E(() => {
     i(t[0]);
   }, [t]), /* @__PURE__ */ g("div", { className: Qe.multipleInstanceAttributes, children: [
     /* @__PURE__ */ l("div", { className: Qe.multipleInstanceAttributes_header, children: /* @__PURE__ */ l(
-      Bd,
+      Md,
       {
         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(yn, { instance: n }) })
+    /* @__PURE__ */ l("div", { className: Qe.multipleInstanceAttributes_body, children: n && /* @__PURE__ */ l(fn, { instance: n }) })
   ] });
 }
-const zd = "_pageAttributes_u2l2i_59", Td = "_pageAttributes_description_u2l2i_65", $d = "_pageAttributes_body_u2l2i_70", pe = {
-  pageAttributes: zd,
-  pageAttributes_description: Td,
+const Td = "_pageAttributes_u2l2i_59", zd = "_pageAttributes_description_u2l2i_65", $d = "_pageAttributes_body_u2l2i_70", pe = {
+  pageAttributes: Td,
+  pageAttributes_description: zd,
   pageAttributes_body: $d
 };
 function Rd() {
   const { engine: e } = N(), [t] = se(), n = bi(), { id: i, options: c } = n || {};
-  function a(d) {
+  function o(d) {
     e.page.update(i, {
       options: {
         ...c,
@@ -4588,16 +4587,16 @@ function Rd() {
                 style: { flex: 1 },
                 value: c == null ? void 0 : c.background,
                 onChange: (d) => {
-                  a({ background: d });
+                  o({ background: d });
                 }
               }
             ),
-            /* @__PURE__ */ l(T, { title: t("reset"), children: /* @__PURE__ */ l(
+            /* @__PURE__ */ l($, { title: t("reset"), children: /* @__PURE__ */ l(
               Z,
               {
                 className: "icon_clickable",
                 onClick: () => {
-                  a({ background: "white" });
+                  o({ background: "white" });
                 }
               }
             ) })
@@ -4617,16 +4616,16 @@ function Rd() {
                 style: { flex: 1 },
                 value: c == null ? void 0 : c.whiteBoardColor,
                 onChange: (d) => {
-                  a({ whiteBoardColor: d });
+                  o({ whiteBoardColor: d });
                 }
               }
             ),
-            /* @__PURE__ */ l(T, { title: t("reset"), children: /* @__PURE__ */ l(
+            /* @__PURE__ */ l($, { title: t("reset"), children: /* @__PURE__ */ l(
               Z,
               {
                 className: "icon_clickable",
                 onClick: () => {
-                  a({ whiteBoardColor: "white" });
+                  o({ whiteBoardColor: "white" });
                 }
               }
             ) })
@@ -4645,7 +4644,7 @@ function Rd() {
               {
                 checked: c == null ? void 0 : c.bordered,
                 onChange: (d) => {
-                  a({
+                  o({
                     bordered: d.target.checked
                   });
                 }
@@ -4658,16 +4657,16 @@ function Rd() {
                   style: { flex: 1 },
                   value: c == null ? void 0 : c.borderColor,
                   onChange: (d) => {
-                    a({ borderColor: d });
+                    o({ borderColor: d });
                   }
                 }
               ),
-              /* @__PURE__ */ l(T, { title: t("reset"), children: /* @__PURE__ */ l(
+              /* @__PURE__ */ l($, { title: t("reset"), children: /* @__PURE__ */ l(
                 Z,
                 {
                   className: "icon_clickable",
                   onClick: () => {
-                    a({ borderColor: "white" });
+                    o({ borderColor: "white" });
                   }
                 }
               ) })
@@ -4679,11 +4678,11 @@ function Rd() {
   ] });
 }
 function Fd() {
-  const e = yt(), t = A(() => !!e.length, [e]), n = A(() => e.length === 1, [e]);
+  const e = yt(), t = L(() => !!e.length, [e]), n = L(() => e.length === 1, [e]);
   return /* @__PURE__ */ l("div", { className: so.attributes, children: t ? (
     // 选中组件实例配置
     /* @__PURE__ */ g(W, { children: [
-      n && /* @__PURE__ */ l(yn, { instance: e[0] }),
+      n && /* @__PURE__ */ l(fn, { instance: e[0] }),
       !n && /* @__PURE__ */ l(jd, { instances: e })
     ] })
   ) : (
@@ -4693,13 +4692,20 @@ function Fd() {
 }
 function Cr(e) {
   const { engine: t, json: n, pageFooter: i } = e;
-  return pi(), zt.useEffect(() => {
+  return pi(), Tt.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 }) }),
+    /* @__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,
+        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, {}) }),