react-big-screen 0.0.22 → 0.0.24

package/es/{index-D-o2kNzn.mjs → index-ByVgagvo.mjs}

@@ -1,22 +1,22 @@
-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 Tt, { useRef as M, useEffect as w, useMemo as A, useState as S, forwardRef as bn, useImperativeHandle as Cn, Suspense as zt, createContext as xn, useContext as In } from "react";
+import { DownOutlined as kn, ReloadOutlined as Z, CloseOutlined as Sn, ArrowUpOutlined as et, ArrowRightOutlined as Nn, ArrowDownOutlined as tt, ArrowLeftOutlined as wn, QuestionCircleOutlined as En, UploadOutlined as An, VerticalAlignBottomOutlined as $t, ClearOutlined as Rt, TranslationOutlined as Ln, SaveOutlined as Q, GithubFilled as Dn, LockOutlined as Ft, EyeOutlined as On, EyeInvisibleOutlined as Pn, RightOutlined as Bn, VerticalAlignTopOutlined as Mn, UnlockOutlined as jn, BlockOutlined as Tn, DisconnectOutlined as zn, CopyOutlined as $n, DeleteOutlined as de, StarOutlined as dt, BorderOuterOutlined as Rn, BorderBottomOutlined as Fn, DownloadOutlined as Hn, LoadingOutlined as Ht, EditOutlined as Kt, BarsOutlined as Kn, FileOutlined as Un, AppstoreOutlined as qn, FileTextOutlined as Jn, ApartmentOutlined as Wn, BankOutlined as Vn, HistoryOutlined as Gn, PlusOutlined as rt, RedoOutlined as Xn, SettingOutlined as Yn } from "@ant-design/icons";
+import { message as E, Tooltip as z, InputNumber as le, Popover as st, Slider as Zn, Space as D, Dropdown as be, Button as K, Input as Qn, Collapse as Ct, Form as B, Modal as re, Descriptions as je, Tree as pn, Row as nt, Col as H, Checkbox as we, Switch as Ut, Tabs as ei, Empty as xt } from "antd";
 import $ 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-BuUTG4Rv.mjs";
+import { R as k, u as N, E as ti, a as ni, b as ii, c as ut, s as li, L as ci, d as ai, e as qt, f as ht, g as it, l as Te, h as It, i as oi, j as kt, I as ze, k as di, m as ri } from "./index-Dbkk-b9S.mjs";
 import "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-DxbswiWm.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-CnzZjrjU.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 p, L as Le, a as T, C as Ci, b as $e } from "./Line-CgKiUu04.mjs";
 import { I as mt, a as xi } from "./IInputNumber-CEotcbKL.mjs";
 import { useTranslation as se } from "react-i18next";
 import lt from "hotkeys-js";
@@ -28,13 +28,13 @@ 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-BTdc0EhU.mjs";
-import { u as Ei } from "./useCurrentPageId-DkPUSvWz.mjs";
-import { u as nn } from "./useListenRef-B01dENv0.mjs";
-import { I as Ce } from "./index-Qxmobfyd.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-BQ7Fdnqf.mjs";
+import { u as Ei } from "./useCurrentPageId-6JCOgaZV.mjs";
+import { u as tn } from "./useListenRef-B01dENv0.mjs";
+import { I as Ce } from "./index-Bh0co1x-.mjs";
+async function nn(e) {
   return new Promise((t) => {
     let n = document.createElement("input");
     n.type = "file", e != null && e.accept && (n.accept = e.accept), n.onchange = (i) => {
@@ -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();
@@ -79,14 +79,14 @@ function Li(e) {
   });
 }
 function Di(e, t) {
-  const n = B(), i = B(null), c = B(), { engine: a } = N();
+  const n = M(), i = M(null), c = M(), { engine: a } = N();
   return c.current = t, w(() => () => {
     var d;
     (d = n.current) == null || d.call(n);
   }, []), A(() => {
     let d = document.createElement("div");
     document.body.appendChild(d);
-    let o = Wt(d);
+    let o = Jt(d);
     return o.render(
       /* @__PURE__ */ l(ti.Provider, { value: { engine: a }, children: /* @__PURE__ */ l(
         ni,
@@ -135,11 +135,11 @@ function yt() {
 }
 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(() => {
     e.history.onChange((i) => {
@@ -147,7 +147,7 @@ function an() {
     });
   }, []), 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) {
+function Ti(e) {
   w(() => 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,7 +227,7 @@ 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, {
@@ -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,8 +450,8 @@ 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(z, { title: e == null ? void 0 : e.title, children: /* @__PURE__ */ l(
     "div",
     {
       className: $(
@@ -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",
@@ -587,7 +587,7 @@ function yl(e) {
       ] }),
       children: /* @__PURE__ */ g("span", { style: { cursor: "pointer" }, children: [
         /* @__PURE__ */ l("span", { style: { marginRight: 4 }, children: `${o}%` }),
-        /* @__PURE__ */ l(Sn, {})
+        /* @__PURE__ */ l(kn, {})
       ] })
     }
   );
@@ -607,7 +607,7 @@ function vl() {
         }
       }
     ),
-    /* @__PURE__ */ l(Nn, { style: { fontSize: 10 } }),
+    /* @__PURE__ */ l(Sn, { style: { fontSize: 10 } }),
     /* @__PURE__ */ l(
       Et,
       {
@@ -725,9 +725,9 @@ function bl() {
             "："
           ] }),
           /* @__PURE__ */ l(P, { children: /* @__PURE__ */ l(et, {}) }),
-          /* @__PURE__ */ l(P, { children: /* @__PURE__ */ l(wn, {}) }),
+          /* @__PURE__ */ l(P, { children: /* @__PURE__ */ l(Nn, {}) }),
           /* @__PURE__ */ l(P, { children: /* @__PURE__ */ l(tt, {}) }),
-          /* @__PURE__ */ l(P, { children: /* @__PURE__ */ l(En, {}) })
+          /* @__PURE__ */ l(P, { children: /* @__PURE__ */ l(wn, {}) })
         ] }),
         /* @__PURE__ */ g(D, { children: [
           /* @__PURE__ */ g("span", { children: [
@@ -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-BuUTG4Rv.mjs").then((c) => c.r), "../../../../../../public/example/multiple-components-interactive.json": () => import("./index-BuUTG4Rv.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-Dbkk-b9S.mjs").then((c) => c.r), "../../../../../../public/example/multiple-components-interactive.json": () => import("./index-Dbkk-b9S.mjs").then((c) => c.t) }), `../../../../../../public/example/${e}.json`, 9), n = k.getActiveEngine();
   (i = n == null ? void 0 : n.loadJSON) == null || i.call(n, t);
 }
 function Sl() {
@@ -852,49 +852,42 @@ 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, { engine: i, rbsEngine: c } = N(), [a, d] = se(), o = cn(), s = d.language === ci.zh, r = A(() => [
     {
       key: "shortCutKeys",
       description: /* @__PURE__ */ l(bl, {}),
-      icon: /* @__PURE__ */ l(An, {})
+      icon: /* @__PURE__ */ l(En, {})
     },
     {
       key: "undo",
-      description: c("head.undo"),
-      disabled: !d.isCanGoBack,
+      description: a("head.undo"),
+      disabled: !o.isCanGoBack,
       icon: /* @__PURE__ */ l(Nt, { type: "icon-undo" })
     },
     {
       key: "cancelUndo",
-      description: c("head.cancelUndo"),
-      disabled: !d.isCanGoForward,
+      description: a("head.cancelUndo"),
+      disabled: !o.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: a("head.export"), icon: /* @__PURE__ */ l(An, {}) },
+    { key: "import", description: a("head.import"), icon: /* @__PURE__ */ l($t, {}) },
+    { key: "clear", description: a("head.clear"), icon: /* @__PURE__ */ l(Rt, {}) },
     {
       key: "language",
-      description: c("head.language", { text: `${o ? "切换英语" : "change chinese"}` }),
-      icon: /* @__PURE__ */ l(Dn, {})
+      description: a("head.language", { text: `${s ? "切换英语" : "change chinese"}` }),
+      icon: /* @__PURE__ */ l(Ln, {})
     },
-    {
-      key: "settings",
-      description: c("head.settings"),
-      disabled: !0,
-      icon: /* @__PURE__ */ l(Ft, {})
-    }
-    // { key: "preview", description: t("head.preview"), icon: <DesktopOutlined /> },
-  ], [a.language, d.isCanGoForward, d.isCanGoBack]);
-  function r() {
+    { key: "save", description: a("head.save"), icon: /* @__PURE__ */ l(Q, {}) }
+  ], [d.language, o.isCanGoForward, o.isCanGoBack]);
+  function h() {
     window.open("https://github.com/tangjiahui-cn/react-big-screen.git");
   }
-  async function h() {
-    i == null || i.emit("startPreview", n);
+  async function u() {
+    c == null || c.emit("startPreview", i);
   }
-  function u(m) {
-    switch (m.key) {
+  function _(I) {
+    switch (I.key) {
       case "undo":
         bt();
         break;
@@ -902,71 +895,73 @@ function El(e) {
         ot();
         break;
       case "export":
-        n.getJSON().then((C) => {
-          const v = JSON.stringify(C);
-          Jt(v, "大屏看板.json");
+        i.getJSON().then((y) => {
+          const x = JSON.stringify(y);
+          qt(x, "大屏看板.json");
         });
         break;
       case "import":
-        Ai().then((C) => {
-          if (!C)
+        Ai().then((y) => {
+          if (!y)
             return E.warn("文件内容不能为空");
           try {
-            const v = JSON.parse(C);
-            n.loadJSON(v);
+            const x = JSON.parse(y);
+            i.loadJSON(x);
           } catch {
             E.error("请上传json格式文件");
           }
         });
         break;
       case "preview":
-        h();
+        u();
         break;
       case "save":
         vt();
         break;
       case "clear":
-        n.clear();
+        i.clear();
         break;
       case "settings":
         break;
       case "language":
-        const y = o ? "en" : "zh";
-        ai(y), n.config.setConfig({ language: y });
+        const f = s ? "en" : "zh";
+        ai(f), i.config.setConfig({ language: f });
         break;
     }
   }
-  const _ = /* @__PURE__ */ g("div", { className: Ie.header_flex, children: [
+  const m = /* @__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: h })
+  ] }), v = /* @__PURE__ */ g(W, { children: [
+    r.map((I) => /* @__PURE__ */ l(
+      dn,
+      {
+        disabled: I == null ? void 0 : I.disabled,
+        title: I.description,
+        onClick: () => _(I),
+        children: I == null ? void 0 : I.icon
+      },
+      I.key
+    )),
+    /* @__PURE__ */ l(
+      K,
+      {
+        type: "primary",
+        size: "small",
+        style: { fontSize: 12 },
+        id: "rbs-preview",
+        onClick: u,
+        children: "开始预览"
+      }
+    )
+  ] }), C = "rbs-tool-bar", b = n ? typeof n == "function" ? /* @__PURE__ */ l(n, { origin: v, previewDriverId: C }) : n : v;
   return /* @__PURE__ */ g("div", { className: Ie.header, children: [
-    t ? /* @__PURE__ */ l(t, {}) : _,
+    t ? typeof t == "function" ? /* @__PURE__ */ l(t, {}) : t : m,
     /* @__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: C, children: b })
     ] })
   ] });
 }
@@ -974,15 +969,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 {
@@ -1074,8 +1069,8 @@ class Hl {
   }
 }
 const ce = new Hl();
-function sn(e, t) {
-  const n = B(t);
+function rn(e, t) {
+  const n = M(t);
   n.current = t, w(() => {
     const i = e.current;
     if (!i) {
@@ -1093,8 +1088,8 @@ function sn(e, t) {
     return () => c();
   }, []);
 }
-function un(e, t) {
-  const n = B(t);
+function sn(e, t) {
+  const n = M(t);
   n.current = t, w(() => {
     const { accept: i } = t;
     if (i && !Array.isArray(i))
@@ -1132,8 +1127,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 = M(null);
+  return rn(n, {
     type: "create-component",
     data: {
       component: t
@@ -1189,8 +1184,8 @@ function ql() {
     nav: e("menu.library.nav"),
     unknown: e("menu.library.unknown")
   }), [t.language]), h = A(() => ui((_, m = "") => {
-    const y = Lt(_, m);
-    s(y);
+    const v = Lt(_, m);
+    s(v);
   }, 500), []);
   w(() => {
     s(Lt(c, a));
@@ -1199,11 +1194,11 @@ function ql() {
   }, [a]);
   const u = A(() => {
     const _ = [], m = Object.entries(
-      hi(o, (y) => y.category || "unknown")
-    ).map(([y, C]) => (_.push(y), {
-      key: y,
+      hi(o, (v) => v.category || "unknown")
+    ).map(([v, C]) => (_.push(v), {
+      key: v,
       components: C,
-      label: r[y] || y
+      label: r[v] || v
     }));
     return i(_), m;
   }, [o, r]);
@@ -1244,7 +1239,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 = M(null), [i, c] = S(e == null ? void 0 : e.componentNode), a = (i == null ? void 0 : i.show) ?? !0, { component: d, instance: o } = A(() => ({
     component: t.component.get(i == null ? void 0 : i.cId),
     instance: t.instance.get(i == null ? void 0 : i.id)
   }), [i]);
@@ -1290,7 +1285,7 @@ function ec(e) {
         /* @__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",
             {
@@ -1298,7 +1293,7 @@ function ec(e) {
               onMouseDown: (h) => {
                 h.stopPropagation(), r(!a);
               },
-              children: a ? /* @__PURE__ */ l(Pn, {}) : /* @__PURE__ */ l(Mn, {})
+              children: a ? /* @__PURE__ */ l(On, {}) : /* @__PURE__ */ l(Pn, {})
             }
           )
         ] })
@@ -1323,10 +1318,10 @@ const tc = "_renderContextMenu_vitq8_59", nc = {
 function uc(e) {
   const { engine: t } = N(), { children: n, items: i, onSelect: c, ...a } = e, [d, o] = S(!1), [s, r] = S(sc);
   function h(_) {
-    var y, C, v;
-    if ((y = e == null ? void 0 : e.onMouseEnter) == null || y.call(e, _), !(i != null && i.length))
+    var v, C, b;
+    if ((v = e == null ? void 0 : e.onMouseEnter) == null || v.call(e, _), !(i != null && i.length))
       return;
-    const m = (v = (C = _.target) == null ? void 0 : C.getBoundingClientRect) == null ? void 0 : v.call(C);
+    const m = (b = (C = _.target) == null ? void 0 : C.getBoundingClientRect) == null ? void 0 : b.call(C);
     m && (r({ top: m.top, left: m.left + m.width }), o(!0));
   }
   function u(_) {
@@ -1346,7 +1341,7 @@ function uc(e) {
             zIndex: t.componentNode.getMaxLevel()
           },
           children: /* @__PURE__ */ l(
-            hn,
+            un,
             {
               items: i,
               onSelect: (_, m) => {
@@ -1360,7 +1355,7 @@ 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;
@@ -1396,7 +1391,7 @@ function hn(e) {
   }) });
 }
 function hc(e) {
-  const t = B(null);
+  const t = M(null);
   return w(() => {
     function n(i) {
       var c, a, d;
@@ -1415,7 +1410,7 @@ function hc(e) {
         n.preventDefault();
       },
       children: /* @__PURE__ */ l(
-        hn,
+        un,
         {
           items: e == null ? void 0 : e.items,
           onSelect: (n) => {
@@ -1427,13 +1422,13 @@ 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 a = Jt(c);
   let d = !1;
   const o = () => {
     var r, h;
@@ -1458,7 +1453,7 @@ function gn(e, t, n, i) {
 const gc = [
   {
     key: "top",
-    icon: /* @__PURE__ */ l(jn, {}),
+    icon: /* @__PURE__ */ l(Mn, {}),
     title: "置顶",
     style: { borderTop: "1px solid #e8e8e8" },
     onSelect: () => Wi()
@@ -1484,13 +1479,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 +1497,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,7 +1524,7 @@ 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;
@@ -1545,13 +1540,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 +1564,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,7 +1572,7 @@ 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) {
@@ -1590,12 +1585,12 @@ function _n(e) {
       }
       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 = M(null), c = A(() => t.length ? /* @__PURE__ */ l("div", { className: qe.componentNodes_block, children: t.map((a) => /* @__PURE__ */ l(
     ec,
     {
       componentNode: a,
@@ -1603,7 +1598,7 @@ function yc() {
     },
     a.id
   )) }) : /* @__PURE__ */ l(W, {}), [t, n]);
-  return _n(i), /* @__PURE__ */ g(
+  return gn(i), /* @__PURE__ */ g(
     "div",
     {
       ref: i,
@@ -1629,7 +1624,7 @@ 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(z, { title: i == null ? void 0 : i.title, placement: "right", children: /* @__PURE__ */ l(
       "div",
       {
         id: i == null ? void 0 : i.domId,
@@ -1692,7 +1687,7 @@ function Pc(e) {
       return;
     }
     const _ = `${t == null ? void 0 : t.name}.js`;
-    Jt(u, _);
+    qt(u, _);
   }
   return /* @__PURE__ */ l(
     st,
@@ -1750,7 +1745,7 @@ function Pc(e) {
             }
           ),
           /* @__PURE__ */ l(
-            Kn,
+            Hn,
             {
               title: "下载到本地",
               className: $(
@@ -1765,9 +1760,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,7 +1783,7 @@ self.MonacoEnvironment = {
   }
 };
 function X(e) {
-  const t = B(null), n = B();
+  const t = M(null), n = M();
   return w(() => {
     var c, a;
     const i = Ni.editor.create(t.current, {
@@ -1829,11 +1824,11 @@ function X(e) {
     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));
   }, [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] = B.useForm(), [i, c] = S(!1), a = M("");
   function d() {
     n.validateFields(["url"]).then((s) => {
       var r;
@@ -1871,21 +1866,21 @@ const zc = ue((e) => {
       onCancel: e == null ? void 0 : e.onCancel,
       bodyStyle: { paddingBottom: 0 },
       onOk: o,
-      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" }) }),
+      children: /* @__PURE__ */ g(B, { form: n, labelCol: { span: 2 }, children: [
+        /* @__PURE__ */ l(B.Item, { label: "地址", name: "url", rules: [{ required: !0, message: "请输入地址" }], children: /* @__PURE__ */ g("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+          /* @__PURE__ */ l(B.Item, { noStyle: !0, name: "url", style: { flex: 1 }, children: /* @__PURE__ */ l(p, { size: "middle" }) }),
           /* @__PURE__ */ l(K, { type: "primary", onClick: d, loading: i, children: "读取" })
         ] }) }),
-        /* @__PURE__ */ l(M.Item, { label: "文本", name: "content", children: /* @__PURE__ */ l(X, { readOnly: !0, language: "javascript", style: { height: 400 } }) })
+        /* @__PURE__ */ l(B.Item, { label: "文本", name: "content", children: /* @__PURE__ */ l(X, { readOnly: !0, language: "javascript", style: { height: 400 } }) })
       ] })
     }
   );
-}), 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 = M(), n = M(""), i = Tc({
     onOk({ url: s }) {
       if (!t.current) {
         E.warn("package新增失败");
@@ -1906,23 +1901,23 @@ function $c(e) {
   }
   async function d(s) {
     var C;
-    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")))
+    const r = new Blob([s], { type: s.type }), u = await new ft().loadAsync(r), _ = (u == null ? void 0 : u.files) || {}, m = [], v = [];
+    for (const b in _) {
+      if (!((C = b == null ? void 0 : b.endsWith) != null && C.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"), y = await Te(f);
+      y && (y.origin = "local", m.push(y), v.push(f));
     }
     return {
       pkgs: m,
-      codes: y
+      codes: v
     };
   }
   async function o(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)) {
@@ -1931,8 +1926,8 @@ function $c(e) {
           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格式");
           u.origin = "local", c(u, r);
@@ -1943,7 +1938,7 @@ function $c(e) {
       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 || E.warn("文本内容必须为UMD或者AMD格式"), !!t.current;
           }
         });
         break;
@@ -1954,7 +1949,7 @@ function $c(e) {
     {
       trigger: ["click"],
       menu: {
-        items: Tc,
+        items: zc,
         onClick({ key: s }) {
           o(s);
         }
@@ -1982,7 +1977,7 @@ function Fc(e) {
       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");
+          pt(o, "组件包集合.zip");
         });
         break;
       case "all":
@@ -2004,13 +1999,13 @@ 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(
+  const e = Xt(), { engine: t } = N(), { loading: n, run: i } = Qt(
     async () => new Promise((s) => {
       setTimeout(() => {
         E.success("刷新成功"), s();
@@ -2036,19 +2031,19 @@ function Uc() {
       let u = 0;
       if (r.forEach((_, m) => {
         if (!_) return;
-        const y = e[m];
-        h.file(`${y.name}.js`, _), u++;
+        const v = e[m];
+        h.file(`${v.name}.js`, _), u++;
       }), !u) {
         E.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 +2052,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, {})
           }
         )
       ] }),
@@ -2107,8 +2102,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 = M(null), i = M(null);
+  return rn(n, {
     type: "create-favorite",
     data: {
       favorite: t
@@ -2121,15 +2116,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(z, { 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(z, { 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(z, { title: "详情", children: /* @__PURE__ */ l(Kn, { onClick: () => {
         var c;
         return (c = e == null ? void 0 : e.onDetail) == null ? void 0 : c.call(e);
       } }) })
@@ -2138,7 +2133,7 @@ function Yc(e) {
 }
 const Zc = ue((e) => {
   var c;
-  const [t] = M.useForm(), n = (c = e == null ? void 0 : e.params) == null ? void 0 : c.favorite;
+  const [t] = B.useForm(), n = (c = e == null ? void 0 : e.params) == null ? void 0 : c.favorite;
   function i() {
     t.validateFields().then((a) => {
       var d;
@@ -2162,8 +2157,8 @@ const Zc = ue((e) => {
       afterClose: e == null ? void 0 : e.afterClose,
       bodyStyle: { paddingBottom: 6 },
       footer: null,
-      children: /* @__PURE__ */ l(M, { form: t, children: /* @__PURE__ */ l(M.Item, { label: "名称", name: "name", rules: [{ required: !0, message: "请填写名称" }], children: /* @__PURE__ */ g("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
-        /* @__PURE__ */ l(M.Item, { noStyle: !0, name: "name", children: /* @__PURE__ */ l(p, { size: "middle", style: { flex: 1 } }) }),
+      children: /* @__PURE__ */ l(B, { form: t, children: /* @__PURE__ */ l(B.Item, { label: "名称", name: "name", rules: [{ required: !0, message: "请填写名称" }], children: /* @__PURE__ */ g("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+        /* @__PURE__ */ l(B.Item, { noStyle: !0, name: "name", children: /* @__PURE__ */ l(p, { size: "middle", style: { flex: 1 } }) }),
         /* @__PURE__ */ l(K, { type: "primary", onClick: i, children: "保存" })
       ] }) }) })
     }
@@ -2256,7 +2251,7 @@ const ia = "_pages_1ty8r_59", la = "_pages_head_1ty8r_67", ca = "_pages_body_1ty
   pages_head: la,
   pages_body: ca
 }, aa = ue((e) => {
-  const { params: t } = e, [n] = M.useForm();
+  const { params: t } = e, [n] = B.useForm();
   function i(a) {
     return {
       name: a,
@@ -2286,65 +2281,65 @@ const ia = "_pages_1ty8r_59", la = "_pages_head_1ty8r_67", ca = "_pages_body_1ty
       bodyStyle: {
         padding: "12px 24px 12px 12px"
       },
-      children: /* @__PURE__ */ g(M, { form: n, labelCol: { span: 4 }, children: [
-        (t == null ? void 0 : t.parentName) && /* @__PURE__ */ l(M.Item, { label: "父页面", children: t == null ? void 0 : t.parentName }),
-        /* @__PURE__ */ l(M.Item, { label: "名称", name: "name", rules: [{ required: !0, message: "请输入名称" }], children: /* @__PURE__ */ l(p, {}) })
+      children: /* @__PURE__ */ g(B, { form: n, labelCol: { span: 4 }, children: [
+        (t == null ? void 0 : t.parentName) && /* @__PURE__ */ l(B.Item, { label: "父页面", children: t == null ? void 0 : t.parentName }),
+        /* @__PURE__ */ l(B.Item, { label: "名称", name: "name", rules: [{ required: !0, message: "请输入名称" }], children: /* @__PURE__ */ l(p, {}) })
       ] })
     }
   );
 });
 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) {
+    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, y) => f.concat([y.key, ..._(y == null ? void 0 : y.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))) {
+  function v(b, I = {}) {
+    var y, x, L, j, R, q, V;
+    const f = [b.id, ..._(I[b.id].children)];
+    if (((y = o.current) == null ? void 0 : y.length) === 1 && (f != null && f.includes((L = (x = o.current) == null ? void 0 : x[0]) == null ? void 0 : L.key))) {
       E.warn("至少保留一个顶层页");
       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 = (R = (j = o.current) == null ? void 0 : j[0]) == null ? void 0 : R.key;
+      f.includes(Me) && (Me = (V = (q = o.current) == null ? void 0 : q[1]) == null ? void 0 : V.key), Re(Me);
     }
     e.page.delete(f);
   }
-  function C(v, I = {}) {
+  function C(b, I = {}) {
     const f = [];
-    return v.forEach((b) => {
+    return b.forEach((y) => {
       var j, R, q;
-      const x = I[b.id], L = I[b.id] = {
-        key: (x == null ? void 0 : x.key) || b.id,
+      const x = I[y.id], L = I[y.id] = {
+        key: (x == null ? void 0 : x.key) || y.id,
         title: (x == null ? void 0 : x.title) || /* @__PURE__ */ g("span", { children: [
-          /* @__PURE__ */ l("span", { children: b.name }),
+          /* @__PURE__ */ l("span", { children: y.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(y), children: "新增" }),
+            /* @__PURE__ */ l("a", { style: { marginLeft: 8 }, onClick: () => v(y, I), children: "删除" })
           ] })
         ] }),
         children: (x == null ? void 0 : x.children) || []
       };
-      if (b != null && b.parentId) {
-        (q = (R = I[j = b == null ? void 0 : b.parentId] || (I[j] = {
+      if (y != null && y.parentId) {
+        (q = (R = I[j = y == null ? void 0 : y.parentId] || (I[j] = {
           key: "",
           title: "",
           children: []
@@ -2382,13 +2377,13 @@ function oa() {
         showIcon: !0,
         multiple: !1,
         defaultExpandAll: !0,
-        icon: /* @__PURE__ */ l(qn, {}),
+        icon: /* @__PURE__ */ l(Un, {}),
         treeData: a,
         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]);
         }
       }
     ) })
@@ -2403,7 +2398,7 @@ const da = "_history_zo6ip_59", ra = "_history_head_zo6ip_71", sa = "_history_bo
 };
 function ga() {
   var c, a, d, o;
-  const { engine: e } = N(), t = an(), n = (c = t.current) == null ? void 0 : c.stepId;
+  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);
   }
@@ -2433,28 +2428,28 @@ function _a() {
     {
       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,7 +2463,7 @@ function _a() {
     {
       key: "history",
       domId: "rbs-history",
-      icon: /* @__PURE__ */ l(Xn, {}),
+      icon: /* @__PURE__ */ l(Gn, {}),
       title: t("menu.bar.history"),
       children: /* @__PURE__ */ l(ga, {})
     }
@@ -2489,10 +2484,10 @@ function _a() {
     /* @__PURE__ */ l("div", { className: He.menu_main, children: o })
   ] });
 }
-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 +2508,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",
@@ -2617,9 +2612,9 @@ 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 = M(null), [c, a] = S(!1), d = Ee((o) => o.scale);
+  return Cn(t, () => ({
     // 经过实例
     handleHover() {
       var o, s, r;
@@ -2668,14 +2663,14 @@ function qa(e) {
     () => 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 }) => {
+  return en(() => t.componentNode.onChange(e == null ? void 0 : e.componentNode.id, ({ payload: o }) => {
     i({ ...o });
   })), _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, {});
 }
 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 = M(null), { dataSource: a, requestInstance: d } = gi(n), o = _i(n.id), s = mi(n.id), r = M(null), h = fi({
     id: n.id,
     // 经过实例
     handleHover() {
@@ -2736,7 +2731,7 @@ function Ja(e) {
         h.handleUnHover();
       },
       children: [
-        /* @__PURE__ */ l(Tt, { children: /* @__PURE__ */ l(
+        /* @__PURE__ */ l(zt, { children: /* @__PURE__ */ l(
           t.component,
           {
             useExpose: s,
@@ -2762,7 +2757,7 @@ function Va(e, t) {
   if (!c || e.lock && n && !i)
     return;
   t.stopPropagation();
-  const a = Zt(t);
+  const a = Yt(t);
   if (n || a) {
     if (c.instance.isSelected(e.id)) {
       i && c.instance.unselect(e.id);
@@ -2787,7 +2782,7 @@ function Ga(e) {
     onStart() {
       return ae.set("move"), setTimeout(() => {
         let { list: r, showCount: h } = Za();
-        i = r, c = h < 300, o = Gt(
+        i = r, c = h < 300, o = Vt(
           (u, _) => {
             Xa(i, c, u, _);
           },
@@ -2855,7 +2850,7 @@ 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) => {
@@ -2987,7 +2982,7 @@ function io(e, t) {
   }
 }
 function lo(e) {
-  const t = B([]), { engine: n } = N();
+  const t = M([]), { 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 = []);
@@ -2998,10 +2993,10 @@ function lo(e) {
       const a = e.current;
       if (!a) 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), o = Yt(c), s = Pe("shift"), r = ct(c.target, oe.componentNodeId, !0), h = n.instance.get(r), u = (m = h == null ? void 0 : h.getComponentNode) == null ? void 0 : m.call(h), _ = o ? !0 : u != null && u.lock ? d && s : d;
       if (h && u && _) {
         if (Va(u, c), !(u != null && u.lock) && d) {
-          const y = ct(
+          const v = ct(
             c.target,
             oe.dragDirection
           );
@@ -3013,9 +3008,9 @@ function lo(e) {
               scale: n.config.getConfig().scale,
               hookQueue: [
                 // 监听拖拽大小
-                y && Ka(u, c.target, y),
+                v && Ka(u, c.target, v),
                 // 监听拖拽移动
-                !y && Ga(h),
+                !v && Ga(h),
                 // 监听是否放置到 layout 组件
                 to(h, (C) => {
                   t.current.push(C);
@@ -3039,13 +3034,13 @@ function lo(e) {
         })
       );
     }
-  }), Qt(() => {
+  }), Zt(() => {
     i();
   });
 }
 function co(e) {
   const { engine: t } = N();
-  un(e, {
+  sn(e, {
     accept: ["create-component"],
     onDrop: (n, i) => {
       const c = e.current;
@@ -3068,24 +3063,24 @@ 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;
+      const a = c.getBoundingClientRect(), d = (b = i.data) == null ? void 0 : b.favorite;
       (I = d.children) != null && I.length || E.warn("收藏元素为空");
       const o = Math.round(n.x - a.x), s = Math.round(n.y - a.y), r = d.children[0], { x: h, y: u } = d.children.reduce(
-        (f, b) => (f.x = Math.min(f.x, b.x), f.y = Math.min(f.y, b.y), f),
+        (f, y) => (f.x = Math.min(f.x, y.x), f.y = Math.min(f.y, y.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 = [], v = t.config.getConfig().scale, C = t.componentNode.cloneComponentNodes(d.children, {
+        onClone(f, y) {
+          y.x = Math.round((o + (y.x - h)) / v), y.y = Math.round((s + (y.y - u)) / v), y.pageId = _, m.push(y.id);
         }
       });
       t.componentNode.add(C), setTimeout(() => {
@@ -3095,7 +3090,7 @@ function ao(e) {
   });
 }
 const oo = () => {
-  const { engine: e } = N(), t = B(null), n = B(null), i = Yt(), c = Xt(), a = A(() => {
+  const { engine: e } = N(), t = M(null), n = M(null), i = Xt(), c = Gt(), a = A(() => {
     if (i.length)
       return c == null ? void 0 : c.map((d) => /* @__PURE__ */ l(
         qa,
@@ -3106,15 +3101,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), w(() => 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: a })
     }
   );
 }, ro = "_attributes_esabd_59", so = {
@@ -3157,7 +3152,7 @@ function vo(e) {
       }
     ) : /* @__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
@@ -3166,7 +3161,7 @@ function vo(e) {
   ] });
 }
 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;
+  const { engine: e } = N(), { componentNode: t } = he(), [n] = B.useForm(), i = A(() => e.component.get(t == null ? void 0 : t.cId), [t == null ? void 0 : t.cId]), c = i == null ? void 0 : i.attributesComponent;
   function a(d) {
     d || e.page.removeGlobalComponentNode(t == null ? void 0 : t.id);
   }
@@ -3176,7 +3171,7 @@ function bo() {
       isAllPage: !!(t != null && t.isAllPage)
     });
   }, [t]), /* @__PURE__ */ g(
-    M,
+    B,
     {
       form: n,
       className: Y.singleInstanceAttributesBase,
@@ -3215,20 +3210,20 @@ function bo() {
           /* @__PURE__ */ g("div", { children: [
             /* @__PURE__ */ g(nt, { gutter: [8, 8], style: { fontSize: 12 }, children: [
               /* @__PURE__ */ l(H, { span: 3, className: Y.singleInstanceAttributesBase_label, children: "X轴" }),
-              /* @__PURE__ */ l(H, { span: 9, children: /* @__PURE__ */ l(M.Item, { name: "x", noStyle: !0, children: /* @__PURE__ */ l(le, { size: "small", style: { width: "100%" } }) }) }),
+              /* @__PURE__ */ l(H, { span: 9, children: /* @__PURE__ */ l(B.Item, { name: "x", noStyle: !0, children: /* @__PURE__ */ l(le, { size: "small", style: { width: "100%" } }) }) }),
               /* @__PURE__ */ l(H, { span: 3, className: Y.singleInstanceAttributesBase_label, children: "Y轴" }),
-              /* @__PURE__ */ l(H, { span: 9, children: /* @__PURE__ */ l(M.Item, { name: "y", noStyle: !0, children: /* @__PURE__ */ l(le, { size: "small", style: { width: "100%" } }) }) }),
+              /* @__PURE__ */ l(H, { span: 9, children: /* @__PURE__ */ l(B.Item, { name: "y", noStyle: !0, children: /* @__PURE__ */ l(le, { size: "small", style: { width: "100%" } }) }) }),
               /* @__PURE__ */ l(H, { span: 3, className: Y.singleInstanceAttributesBase_label, children: "宽度" }),
-              /* @__PURE__ */ l(H, { span: 9, children: /* @__PURE__ */ l(M.Item, { name: "width", noStyle: !0, children: /* @__PURE__ */ l(le, { size: "small", style: { width: "100%" } }) }) }),
+              /* @__PURE__ */ l(H, { span: 9, children: /* @__PURE__ */ l(B.Item, { name: "width", noStyle: !0, children: /* @__PURE__ */ l(le, { size: "small", style: { width: "100%" } }) }) }),
               /* @__PURE__ */ l(H, { span: 3, className: Y.singleInstanceAttributesBase_label, children: "高度" }),
-              /* @__PURE__ */ l(H, { span: 9, children: /* @__PURE__ */ l(M.Item, { name: "height", noStyle: !0, children: /* @__PURE__ */ l(le, { size: "small", style: { width: "100%" } }) }) })
+              /* @__PURE__ */ l(H, { span: 9, children: /* @__PURE__ */ l(B.Item, { name: "height", noStyle: !0, children: /* @__PURE__ */ l(le, { size: "small", style: { width: "100%" } }) }) })
             ] }),
             /* @__PURE__ */ g(Le, { labelSpan: 4, children: [
-              /* @__PURE__ */ l(z, { label: "层级", style: { marginTop: 8 }, labelSpan: 3, children: /* @__PURE__ */ l(M.Item, { name: "level", noStyle: !0, children: /* @__PURE__ */ l(le, { size: "small", style: { width: "100%" } }) }) }),
-              /* @__PURE__ */ l(z, { label: "全页面", style: { marginTop: 8 }, labelTip: "每个页面都会显示", children: /* @__PURE__ */ l(M.Item, { noStyle: !0, name: "isAllPage", valuePropName: "checked", children: /* @__PURE__ */ l(we, {}) }) })
+              /* @__PURE__ */ l(T, { label: "层级", style: { marginTop: 8 }, labelSpan: 3, children: /* @__PURE__ */ l(B.Item, { name: "level", noStyle: !0, children: /* @__PURE__ */ l(le, { size: "small", style: { width: "100%" } }) }) }),
+              /* @__PURE__ */ l(T, { label: "全页面", style: { marginTop: 8 }, labelTip: "每个页面都会显示", children: /* @__PURE__ */ l(B.Item, { noStyle: !0, name: "isAllPage", valuePropName: "checked", children: /* @__PURE__ */ l(we, {}) }) })
             ] })
           ] }),
-          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,
@@ -3264,7 +3259,7 @@ function So(e) {
     data: a,
     loading: d,
     refresh: o
-  } = pt(
+  } = 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}`);
@@ -3283,7 +3278,7 @@ function So(e) {
     }));
   }
   return /* @__PURE__ */ g("div", { style: e == null ? void 0 : e.style, className: ko.requestDataSource, children: [
-    /* @__PURE__ */ l(z, { label: "请求类型", children: /* @__PURE__ */ l(
+    /* @__PURE__ */ l(T, { label: "请求类型", children: /* @__PURE__ */ l(
       Ce,
       {
         allowClear: !1,
@@ -3300,7 +3295,7 @@ function So(e) {
         }
       }
     ) }),
-    /* @__PURE__ */ l(z, { label: "请求地址", children: /* @__PURE__ */ l(
+    /* @__PURE__ */ l(T, { label: "请求地址", children: /* @__PURE__ */ l(
       p,
       {
         value: c == null ? void 0 : c.url,
@@ -3310,7 +3305,7 @@ function So(e) {
       }
     ) }),
     /* @__PURE__ */ l("b", { style: { marginTop: 12 }, children: "请求配置" }),
-    /* @__PURE__ */ l(z, { label: "轮循请求", children: /* @__PURE__ */ g("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+    /* @__PURE__ */ l(T, { label: "轮循请求", children: /* @__PURE__ */ g("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
       /* @__PURE__ */ l(
         we,
         {
@@ -3334,7 +3329,7 @@ function So(e) {
         /* @__PURE__ */ l("span", { children: "毫秒" })
       ] })
     ] }) }),
-    /* @__PURE__ */ l(z, { label: "初次请求", children: /* @__PURE__ */ l(
+    /* @__PURE__ */ l(T, { label: "初次请求", children: /* @__PURE__ */ l(
       we,
       {
         checked: (c == null ? void 0 : c.first) ?? !1,
@@ -3345,7 +3340,7 @@ 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(z, { title: "请求数据", children: /* @__PURE__ */ l(
         Z,
         {
           className: "icon_clickable",
@@ -3389,7 +3384,7 @@ function Eo(e) {
       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(T, { label: "配置数据", children: /* @__PURE__ */ l(z, { title: "保存", children: /* @__PURE__ */ l(Q, { className: "icon_clickable", onClick: a }) }) }),
     /* @__PURE__ */ l(
       X,
       {
@@ -3412,7 +3407,7 @@ const Ao = [
 function Lo() {
   const { engine: e } = N(), { componentNode: t } = he(), n = (t == null ? void 0 : t.dataSourceType) ?? "static";
   return /* @__PURE__ */ l(Le, { labelSpan: 5, children: /* @__PURE__ */ g("div", { className: xo.dataSource, children: [
-    /* @__PURE__ */ l(z, { label: "数据源", children: /* @__PURE__ */ l(
+    /* @__PURE__ */ l(T, { label: "数据源", children: /* @__PURE__ */ l(
       Ce,
       {
         value: n,
@@ -3466,25 +3461,25 @@ function Po(e) {
     }
   );
 }
-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(T, { label: "组件显示", labelSpan: 3, children: /* @__PURE__ */ l(
+    Ut,
     {
       size: "small",
       checked: (t = e == null ? void 0 : e.value) == null ? void 0 : t.visible,
@@ -3499,7 +3494,7 @@ function qo(e) {
   ) }) });
 }
 const Jo = ue((e) => {
-  const [t, n] = zt.useState();
+  const [t, n] = Tt.useState();
   return w(() => {
     var i;
     e != null && e.visible && n((i = e == null ? void 0 : e.params) == null ? void 0 : i.text);
@@ -3544,7 +3539,7 @@ const Jo = ue((e) => {
           {
             language: "javascript",
             style: { height: 450 },
-            value: t ?? Mi,
+            value: t ?? Bi,
             onChange: n
           }
         )
@@ -3552,13 +3547,13 @@ 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 = A(() => e != null && e.tooltip ? /* @__PURE__ */ l(z, { title: e == null ? void 0 : e.tooltip, children: /* @__PURE__ */ l("span", { children: "{}" }) }) : /* @__PURE__ */ l("span", { children: "{}" }), [e == null ? void 0 : e.tooltip]);
   return /* @__PURE__ */ l(W, { children: /* @__PURE__ */ l(
     "span",
     {
@@ -3602,9 +3597,9 @@ function Vo(e) {
   }, [(s = e == null ? void 0 : e.value) == null ? void 0 : s.params]), w(() => {
     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__ */ l(T, { label: "参数类型", labelSpan: 3 }),
       /* @__PURE__ */ g("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
         /* @__PURE__ */ l(
           Ce,
@@ -3627,7 +3622,7 @@ function Vo(e) {
           }
         ),
         /* @__PURE__ */ l(
-          mn,
+          _n,
           {
             tooltip: "解析函数",
             value: n,
@@ -3643,7 +3638,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(T, { label: "json对象", labelSpan: 3, labelTip: Wo, children: /* @__PURE__ */ l(z, { title: "更新", children: /* @__PURE__ */ l(Q, { onClick: d, className: "icon_clickable" }) }) }),
       /* @__PURE__ */ l(
         X,
         {
@@ -3674,8 +3669,8 @@ function Go(e) {
   return w(() => {
     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: [
-    /* @__PURE__ */ l(z, { label: "函数内容", labelSpan: 3, children: /* @__PURE__ */ l(
+  }, [(a = e == null ? void 0 : e.value) == null ? void 0 : a.function]), /* @__PURE__ */ l("div", { className: Be.eventOptions_main, children: /* @__PURE__ */ g(D, { style: { width: "100%" }, direction: "vertical", size: 4, children: [
+    /* @__PURE__ */ l(T, { label: "函数内容", labelSpan: 3, children: /* @__PURE__ */ l(
       "div",
       {
         style: {
@@ -3684,13 +3679,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(z, { 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,7 +3702,7 @@ const Xo = {
   json: {}
 };
 function Yo(e) {
-  var r, h, u, _, m, y, C, v, I, f, b;
+  var r, h, u, _, m, v, C, b, I, f, y;
   const { onChange: t } = e, n = ((r = e == null ? void 0 : e.value) == null ? void 0 : r.type) || "default", i = ((h = e == null ? void 0 : e.value) == null ? void 0 : h.type) === "json", [c, a] = S(), [d, o] = S();
   function s() {
     var x;
@@ -3729,9 +3724,9 @@ function Yo(e) {
   }, [(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: [
+  }, [(_ = 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__ */ l(T, { label: "参数类型", labelSpan: 3, labelTip: "json数据格式为数组或对象" }),
       /* @__PURE__ */ g(D, { children: [
         /* @__PURE__ */ l(
           Ce,
@@ -3753,7 +3748,7 @@ function Yo(e) {
           }
         ),
         /* @__PURE__ */ l(
-          mn,
+          _n,
           {
             tooltip: "解析函数",
             value: c,
@@ -3768,10 +3763,10 @@ function Yo(e) {
         )
       ] })
     ] }),
-    ((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" }) }) }),
+    ((v = e == null ? void 0 : e.value) == null ? void 0 : v.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(T, { label: "参数值", labelSpan: 3, children: i && /* @__PURE__ */ l(z, { 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,
@@ -3789,7 +3784,7 @@ function Yo(e) {
           xi,
           {
             style: { width: Ne * 2 },
-            value: (b = e == null ? void 0 : e.value) == null ? void 0 : b.value,
+            value: (y = e == null ? void 0 : e.value) == null ? void 0 : y.value,
             autoSize: { minRows: 3, maxRows: 3 },
             onChange: (x) => {
               t({
@@ -3825,7 +3820,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 ? ((a = e == null ? void 0 : e.value) == null ? void 0 : a.exposeId) === ze.visible ? /* @__PURE__ */ l(qo, { value: t, onChange: n }) : ((d = e == null ? void 0 : e.value) == null ? void 0 : d.exposeId) === ze.request ? /* @__PURE__ */ l(Vo, { value: t, onChange: n }) : ((o = e == null ? void 0 : e.value) == null ? void 0 : o.exposeId) === ze.custom ? /* @__PURE__ */ l(Go, { value: t, onChange: n }) : /* @__PURE__ */ l(Yo, { value: t, onChange: n }) : /* @__PURE__ */ l(U, { description: "请选中目标操作" });
 }
 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,13 +3856,13 @@ 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();
+  const { engine: t } = N(), [n, i] = S(!1), [c, a] = S([]), [d, o] = S(""), s = M();
   w(() => {
     if (n) {
       s.current && (clearTimeout(s.current), s.current = null);
@@ -3876,11 +3871,11 @@ function rd(e) {
     }
   }, [n]);
   const r = A(() => {
-    var y;
-    const m = (y = d == null ? void 0 : d.toLowerCase) == null ? void 0 : y.call(d);
+    var v;
+    const m = (v = d == null ? void 0 : d.toLowerCase) == null ? void 0 : v.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);
+      var b, I, f, y;
+      return (y = (f = (I = (b = C == null ? void 0 : C.name) == null ? void 0 : b.toLowerCase) == null ? void 0 : I.call(b)) == null ? void 0 : f.includes) == null ? void 0 : y.call(f, m);
     });
   }, [d, c]);
   function h() {
@@ -3889,8 +3884,8 @@ function rd(e) {
     }, 300);
   }
   function u(m) {
-    var y;
-    (y = e == null ? void 0 : e.onSelect) == null || y.call(e, m), h();
+    var v;
+    (v = e == null ? void 0 : e.onSelect) == null || v.call(e, m), h();
   }
   return /* @__PURE__ */ l(
     be,
@@ -3905,7 +3900,7 @@ function rd(e) {
               /* @__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) => {
-                  const y = t.component.get(m == null ? void 0 : m.cId);
+                  const v = t.component.get(m == null ? void 0 : m.cId);
                   return /* @__PURE__ */ l(
                     st,
                     {
@@ -3921,7 +3916,7 @@ function rd(e) {
                             /* @__PURE__ */ l(
                               xe,
                               {
-                                src: y == null ? void 0 : y.icon,
+                                src: v == null ? void 0 : v.icon,
                                 style: { maxHeight: 20, maxWidth: 20 }
                               }
                             ),
@@ -3980,12 +3975,12 @@ function sd(e) {
     (r = e == null ? void 0 : e.onChangeTargets) == null || r.call(e, s, "add");
   }
   function a(o) {
-    var _, m, y;
+    var _, m, v;
     let s;
-    const r = ((m = (_ = e == null ? void 0 : e.targets) == null ? void 0 : _.filter) == null ? void 0 : m.call(_, (C) => C.id === o ? (s = C, !1) : !0)) || [], h = ((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(_, (C) => C.id === o ? (s = C, !1) : !0)) || [], h = ((v = s == null ? void 0 : s.opts) == null ? void 0 : v.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 C, b, I;
+      (C = e == null ? void 0 : e.onChangeTargets) == null || C.call(e, r, "delete"), o === (e == null ? void 0 : e.value) && ((I = e == null ? void 0 : e.onChange) == null || I.call(e, (b = r == null ? void 0 : r[0]) == null ? void 0 : b.id));
     }
     if (h) {
       t({
@@ -4058,12 +4053,12 @@ 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, a] = S([]), [d, o] = S(""), s = M(), r = A(() => {
     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, _);
+    return c.filter((v) => {
+      var C, b, I, f;
+      return (f = (I = (b = (C = v == null ? void 0 : v.label) == null ? void 0 : C.toLowerCase) == null ? void 0 : b.call(C)) == null ? void 0 : I.includes) == null ? void 0 : f.call(I, _);
     });
   }, [d, c]);
   function h() {
@@ -4075,9 +4070,9 @@ function Cd(e) {
       s.current && (clearTimeout(s.current), s.current = null);
       let m = [];
       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),
+        const v = t.component.get(e == null ? void 0 : e.cId);
+        m = (_ = (v == null ? void 0 : v.exposes) || []) == null ? void 0 : _.reduce(
+          (C, b) => (C.push({ label: b.label, value: b.value }), C),
           [...di]
         );
       }
@@ -4150,7 +4145,7 @@ function xd(e) {
   }
   function a(o) {
     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)) || [];
+    const s = ((h = (r = e == null ? void 0 : e.opts) == null ? void 0 : r.filter) == null ? void 0 : h.call(r, (v) => v.operateId !== o)) || [];
     (u = e == null ? void 0 : e.onChangeOpts) == null || u.call(e, s), o === (e == null ? void 0 : e.value) && ((m = e == null ? void 0 : e.onChange) == null || m.call(e, (_ = s == null ? void 0 : s[0]) == null ? void 0 : _.operateId));
   }
   return /* @__PURE__ */ g("div", { className: $(ye.targetList, e == null ? void 0 : e.className), style: e == null ? void 0 : e.style, children: [
@@ -4204,28 +4199,28 @@ const Id = ue((e) => {
   }, [o]);
   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]);
+    const y = (L = (x = a == null ? void 0 : a.targets) == null ? void 0 : x.find) == null ? void 0 : L.call(x, (R) => R.id === f);
+    s(y), h((j = y == null ? void 0 : y.opts) == null ? void 0 : j[0]);
   }
   function m(f) {
-    var b, x;
+    var y, x;
     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)
+      (x = (y = o == null ? void 0 : o.opts) == null ? void 0 : y.find) == null ? void 0 : x.call(y, (L) => (L == null ? void 0 : L.operateId) === f)
     );
   }
-  function y(f, b) {
+  function v(f, y) {
     d({
       ...a,
       targets: f
-    }), b && f.length === 1 && s(f[f.length - 1]);
+    }), y && 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]);
+    var y, x;
+    (x = (y = a == null ? void 0 : a.targets) == null ? void 0 : y.find) == null || x.call(y, (L) => L.id !== (o == null ? void 0 : o.id) ? !1 : (L.opts = f, !0)), d({ ...a }), f.length === 1 && h(f == null ? void 0 : f[0]);
   }
-  function v(f) {
-    var b, x;
-    (x = (b = a == null ? void 0 : a.targets) == null ? void 0 : b.find) == null || x.call(b, (L) => {
+  function b(f) {
+    var y, x;
+    (x = (y = a == null ? void 0 : a.targets) == null ? void 0 : y.find) == null || x.call(y, (L) => {
       var j, R;
       return L.id !== (o == null ? void 0 : o.id) ? !1 : ((R = (j = L.opts) == null ? void 0 : j.find) == null || R.call(j, (q) => (q == null ? void 0 : q.operateId) !== (f == null ? void 0 : f.operateId) ? !1 : (Object.assign(q, f), !0)), !0);
     }), d({ ...a });
@@ -4235,14 +4230,14 @@ const Id = ue((e) => {
     (f = e == null ? void 0 : e.onOk) == null || f.call(e, a);
   }
   return w(() => {
-    var f, b, x, L;
+    var f, y, x, L;
     if (e != null && e.visible) {
       if (!i) {
         E.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);
+      let j = (y = (f = n == null ? void 0 : n.events) == null ? void 0 : f.find) == null ? void 0 : y.call(f, (V) => (V == null ? void 0 : V.triggerId) === i);
+      j = Wt(j || {}), d(j);
       const R = (x = j == null ? void 0 : j.targets) == null ? void 0 : x[0];
       s(R);
       const q = (L = R == null ? void 0 : R.opts) == null ? void 0 : L[0];
@@ -4274,8 +4269,8 @@ const Id = ue((e) => {
                 _(f);
               },
               targets: a == null ? void 0 : a.targets,
-              onChangeTargets: (f, b) => {
-                y(f, b === "add");
+              onChangeTargets: (f, y) => {
+                v(f, y === "add");
               }
             }
           ),
@@ -4299,7 +4294,7 @@ const Id = ue((e) => {
           {
             value: r,
             onChange: (f) => {
-              v(f);
+              b(f);
             }
           }
         ) })
@@ -4312,8 +4307,8 @@ function kd(e) {
   const { engine: t } = N(), { componentNode: n } = e, i = A(() => t.component.get(n == null ? void 0 : n.cId), [n]), c = ht(), a = 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)), {
+        var m, v;
+        return (v = (m = _ == null ? void 0 : _.events) == null ? void 0 : m.find) == null || v.call(m, (C) => C.triggerId !== (u == null ? void 0 : u.triggerId) ? !1 : (Object.assign(C, u), !0)), {
           events: _ == null ? void 0 : _.events
         };
       });
@@ -4321,8 +4316,8 @@ function kd(e) {
   }), d = A(() => {
     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 v, C;
+      const m = (C = (v = i == null ? void 0 : i.triggers) == null ? void 0 : v.find) == null ? void 0 : C.call(v, (b) => (b == null ? void 0 : b.value) === _.triggerId);
       return {
         label: `${(m == null ? void 0 : m.label) || "-"}`,
         value: `${_.triggerId}`
@@ -4342,24 +4337,24 @@ function kd(e) {
   }
   function s(u) {
     t.componentNode.update(n == null ? void 0 : n.id, (_) => {
-      var m, y;
+      var m, v;
       return {
         events: [
-          ...((y = (m = _ == null ? void 0 : _.events) == null ? void 0 : m.filter) == null ? void 0 : y.call(m, (C) => C.triggerId !== u)) || []
+          ...((v = (m = _ == null ? void 0 : _.events) == null ? void 0 : m.filter) == null ? void 0 : v.call(m, (C) => C.triggerId !== u)) || []
         ]
       };
     });
   }
   function r(u) {
-    var m, y, C, v;
+    var m, v, C, b;
     if (!u) {
       E.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);
+    const _ = (v = (m = n == null ? void 0 : n.events) == null ? void 0 : m.find) == null ? void 0 : v.call(m, (I) => (I == null ? void 0 : I.triggerId) === u);
     (C = _ == null ? void 0 : _.targets) != null && C.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,7 +4368,7 @@ 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)
@@ -4420,7 +4415,7 @@ const Nd = "_json_1lpul_59", wd = "_json_head_1lpul_69", Ed = "_json_body_1lpul_
   json_body: Ed
 };
 function Ad() {
-  const { engine: e } = N(), { componentNode: t } = he(), [n] = M.useForm();
+  const { engine: e } = N(), { componentNode: t } = he(), [n] = B.useForm();
   function i() {
     n.setFieldsValue({
       code: t ? JSON.stringify(t || {}, null, "	") : ""
@@ -4441,15 +4436,15 @@ function Ad() {
   }
   return w(() => {
     i();
-  }, [t]), /* @__PURE__ */ g(M, { className: Ze.json, form: n, children: [
+  }, [t]), /* @__PURE__ */ g(B, { 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(z, { 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(z, { 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(
+    /* @__PURE__ */ l("div", { className: Ze.json_body, children: /* @__PURE__ */ l(B.Item, { noStyle: !0, name: "code", children: /* @__PURE__ */ l(
       X,
       {
         language: "json",
@@ -4468,9 +4463,9 @@ 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);
+}, mn = xn({}), he = () => In(mn);
+function fn(e) {
+  const [t, n] = se(), { engine: i } = N(), { instance: c } = e, [a, d] = S(), o = tn(c);
   return w(() => {
     const s = i.componentNode.get(c.id);
     return s && d(s), i.componentNode.onChange(c.id, ({ payload: r }) => {
@@ -4479,7 +4474,7 @@ function yn(e) {
   }, [c.id]), w(() => 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(
+  }), []), A(() => a ? /* @__PURE__ */ l(mn.Provider, { value: { instance: c, componentNode: a }, children: /* @__PURE__ */ l(
     ei,
     {
       className: Dd.singleAttributes,
@@ -4506,12 +4501,12 @@ function yn(e) {
     }
   ) }) : /* @__PURE__ */ l(xt, { image: xt.PRESENTED_IMAGE_SIMPLE, description: "暂无数据" }), [c, a, 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,
@@ -4534,7 +4529,7 @@ function jd(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%" },
@@ -4544,12 +4539,12 @@ function jd(e) {
         }
       }
     ) }),
-    /* @__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() {
@@ -4576,7 +4571,7 @@ function Rd() {
     ] }) }),
     /* @__PURE__ */ l("div", { className: pe.pageAttributes_body, children: /* @__PURE__ */ g(Le, { labelSpan: 5, children: [
       /* @__PURE__ */ g(
-        z,
+        T,
         {
           label: "页面背景",
           labelTip: "设置当前页背景颜色",
@@ -4592,7 +4587,7 @@ function Rd() {
                 }
               }
             ),
-            /* @__PURE__ */ l(T, { title: t("reset"), children: /* @__PURE__ */ l(
+            /* @__PURE__ */ l(z, { title: t("reset"), children: /* @__PURE__ */ l(
               Z,
               {
                 className: "icon_clickable",
@@ -4605,7 +4600,7 @@ function Rd() {
         }
       ),
       /* @__PURE__ */ g(
-        z,
+        T,
         {
           label: "白板背景",
           labelTip: "页面所处白板的背景颜色",
@@ -4621,7 +4616,7 @@ function Rd() {
                 }
               }
             ),
-            /* @__PURE__ */ l(T, { title: t("reset"), children: /* @__PURE__ */ l(
+            /* @__PURE__ */ l(z, { title: t("reset"), children: /* @__PURE__ */ l(
               Z,
               {
                 className: "icon_clickable",
@@ -4634,7 +4629,7 @@ function Rd() {
         }
       ),
       /* @__PURE__ */ g(
-        z,
+        T,
         {
           label: "边框",
           childrenStyle: { display: "flex", alignItems: "center", gap: 8 },
@@ -4662,7 +4657,7 @@ function Rd() {
                   }
                 }
               ),
-              /* @__PURE__ */ l(T, { title: t("reset"), children: /* @__PURE__ */ l(
+              /* @__PURE__ */ l(z, { title: t("reset"), children: /* @__PURE__ */ l(
                 Z,
                 {
                   className: "icon_clickable",
@@ -4683,7 +4678,7 @@ function Fd() {
   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,19 +4688,19 @@ 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 }) }),
     /* @__PURE__ */ g("div", { className: te.page_body, children: [
       /* @__PURE__ */ l("div", { className: te.page_body_left, id: "rbs-menu", children: /* @__PURE__ */ l(_a, {}) }),
       /* @__PURE__ */ l("div", { className: te.page_body_main, id: "rbs-editor", children: /* @__PURE__ */ l(oo, {}) }),
       /* @__PURE__ */ l("div", { className: te.page_body_right, id: "rbs-attributes", children: /* @__PURE__ */ l(Fd, {}) })
     ] }),
-    i ? /* @__PURE__ */ l(i, {}) : /* @__PURE__ */ l(W, {})
+    typeof i == "function" ? /* @__PURE__ */ l(i, {}) : i
   ] });
 }
 export {