react-big-screen 0.0.0 → 0.0.2

package/es/index-Bx44D9HL.mjs

@@ -0,0 +1,4728 @@
+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 te = (e, t, n) => bn(e, typeof t != "symbol" ? t + "" : t, n);
+import { jsx as l, jsxs as g, Fragment as W } from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+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 "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+import { DownOutlined as Sn, ReloadOutlined as Q, 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 p, 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 qt, BarsOutlined as qn, FileOutlined as Un, AppstoreOutlined as Jn, FileTextOutlined as Wn, ApartmentOutlined as Vn, BankOutlined as Gn, HistoryOutlined as Xn, PlusOutlined as rt, RedoOutlined as Yn } from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/@ant-design+icons@5.6.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@ant-design/icons/es/index.js";
+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 Ut, Tabs as ei, Empty as xt } from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/antd@4.24.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/antd/es/index.js";
+import $ from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
+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-EkKLbWrX.mjs";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/localforage@1.10.0/node_modules/localforage/dist/localforage.js";
+import { createPortal as si } from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/index.js";
+import { createRoot as Wt } from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/client.js";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.js.mjs";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.css";
+import { u as Ee, i as Ae, a as gt, b as Vt, c as Gt, g as ae, d as ui, e as hi, f as gi, h as _i, j as Xt, s as St, P as mi, k as fi, l as yi } from "./index-NDbr0gtf.mjs";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react-color@2.19.3_react@18.3.1/node_modules/react-color/es/index.js";
+import { I as ee, L as Le, a as z, C as vi, b as $e } from "./Line-_Oh8Pbbj.mjs";
+import { I as _t, a as bi } from "./IInputNumber-D1VHHCf0.mjs";
+import { useTranslation as se } from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react-i18next@15.7.4_i18next@24.2.3_typescript@5.9.3__react-dom@18.3.1_react@18.3.1__react@18.3.1_typescript@5.9.3/node_modules/react-i18next/dist/es/index.js";
+import lt from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/hotkeys-js@3.13.15/node_modules/hotkeys-js/dist/hotkeys.esm.js";
+import Ci from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/dayjs@1.11.18/node_modules/dayjs/dayjs.min.js";
+import { cloneDeep as Yt, debounce as xi, groupBy as Ii, throttle as Zt } from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/lodash.js";
+import { useUpdateEffect as mt, useUnmount as Qt, useRequest as pt } from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/ahooks@3.9.5_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/ahooks/es/index.js";
+import { I as q, i as ki, a as Si } from "./index-w0pdPP5S.mjs";
+import * as Ni from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/monaco-editor@0.52.2/node_modules/monaco-editor/esm/vs/editor/editor.api.js";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/monaco-editor@0.52.2/node_modules/monaco-editor/esm/vs/language/json/monaco.contribution.js";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/monaco-editor@0.52.2/node_modules/monaco-editor/esm/vs/basic-languages/javascript/javascript.contribution.js";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/monaco-editor@0.52.2/node_modules/monaco-editor/esm/vs/basic-languages/typescript/typescript.contribution.js";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/monaco-editor@0.52.2/node_modules/monaco-editor/esm/vs/language/typescript/monaco.contribution.js";
+import ft from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/jszip@3.10.1/node_modules/jszip/dist/jszip.min.js";
+import { saveAs as en } from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/file-saver@2.0.5/node_modules/file-saver/dist/FileSaver.min.js";
+import { u as tn } from "./useEffectOnce-DrBvWFlm.mjs";
+import { u as wi, s as Re } from "./selectPage-BQkRPT-9.mjs";
+import { u as Ei } from "./useCurrentPageId-DrIZvYrl.mjs";
+import { u as nn } from "./useListenRef-C7BrHZ68.mjs";
+import { I as Ce } from "./index-DzGMaMlo.mjs";
+async function ln(e) {
+  return new Promise((t) => {
+    let n = document.createElement("input");
+    n.type = "file", e != null && e.accept && (n.accept = e.accept), n.onchange = (i) => {
+      var a, d;
+      const c = (d = (a = i.target) == null ? void 0 : a.files) == null ? void 0 : d[0];
+      if (!c)
+        return console.warn("file must be selected."), t(void 0);
+      t(c);
+    }, n.click();
+  });
+}
+async function Ai(e) {
+  return ln(e).then((t) => cn(t));
+}
+async function cn(e) {
+  return new Promise((t) => {
+    if (!e) return "";
+    const n = new FileReader();
+    n.onload = function() {
+      const i = this.result || "";
+      t(i);
+    }, n.readAsText(e);
+  });
+}
+function ct(e, t, n) {
+  var c, a;
+  let i = (c = e == null ? void 0 : e.dataset) == null ? void 0 : c[t];
+  if (!n)
+    return i;
+  for (; i == null && e; )
+    e = e.parentElement, i = (a = e == null ? void 0 : e.dataset) == null ? void 0 : a[t];
+  return i;
+}
+function Li(e) {
+  var i;
+  const t = k.getActiveEngine();
+  if (!t) return [];
+  const n = (i = t.component.getPackage(e)) == null ? void 0 : i.components;
+  return t.componentNode.getAll().filter((c) => {
+    var a;
+    return (a = n == null ? void 0 : n.find) == null ? void 0 : a.call(n, (d) => d.cId === c.cId);
+  });
+}
+function Di(e, t) {
+  const n = B(), i = B(null), c = B(), { 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);
+    return o.render(
+      /* @__PURE__ */ l(ti.Provider, { value: { engine: a }, children: /* @__PURE__ */ l(
+        ni,
+        {
+          ref: i,
+          component: e,
+          onCancel: (...s) => {
+            var r, u;
+            (u = (r = c.current) == null ? void 0 : r.onCancel) == null || u.call(r, ...s);
+          },
+          onOk: (...s) => {
+            var r, u;
+            (u = (r = c.current) == null ? void 0 : r.onOk) == null || u.call(r, ...s);
+          }
+        }
+      ) })
+    ), n.current = () => {
+      d && (o.unmount(), d.remove(), d = void 0);
+    }, {
+      open(s) {
+        var r, u;
+        (u = (r = i.current) == null ? void 0 : r.open) == null || u.call(r, s);
+      },
+      close(s = !0) {
+        var r, u;
+        (u = (r = i.current) == null ? void 0 : r.close) == null || u.call(r, s);
+      }
+    };
+  }, []);
+}
+function ue(e) {
+  return function(t) {
+    return Di(e, t);
+  };
+}
+function Oi() {
+  const e = ii((t) => t.componentMap);
+  return A(() => e ? Object.values(e) : [], [e]);
+}
+function yt() {
+  const { engine: e } = N(), [t, n] = S(() => e.instance.getAllSelected());
+  return w(() => e.instance.onSelectedChange((i) => {
+    const c = Object.values(i);
+    n((a) => !c.length && !a.length ? a : c);
+  }), []), t;
+}
+function Pi() {
+  const { engine: e } = N(), [t, n] = S([]);
+  return tn(() => (n(e.favorites.getAll()), e.favorites.onChange((i) => {
+    n([...i]);
+  }))), t;
+}
+function an() {
+  const { engine: e } = N(), [t, n] = S(() => e.history.getHistoryData());
+  return w(() => {
+    e.history.onChange((i) => {
+      n(i);
+    });
+  }, []), t;
+}
+const Mi = `/**
+ * 转换request扩展参数函数 (必须包含主函数main)
+ *
+ * @params {value} 默认携带参数或json对象
+ * @params {origin} 源componentNode
+ * @params {target} 目标componentNode
+ * @params {option} 事件的最小配置 event.target.opt.option
+ * @return {value} 返回修改后的额外查询参数
+ */
+function main(value, {origin, target, option}) {
+  return value
+}`, Bi = `/**
+ * 修改目标componentNode (必须包含主函数main)
+ *
+ * @params {target} 目标componentNode
+ * @params {origin} 源componentNode
+ * @params {payload} 触发事件源组件发送参数
+ * @return {target} 返回修改后的目标componentNode
+ */
+function main(target, origin, payload) {
+  return target
+}`, oe = {
+  componentNodeId: "rid",
+  // 组件id
+  dragDirection: "d_dir"
+  // 拖拽大小方向
+};
+function ji(e) {
+  const t = [];
+  return Object.entries(e).forEach(([n, i]) => {
+    lt(n, i), t.push(() => lt.unbind(n, i));
+  }), () => t.forEach((n) => n());
+}
+function zi(e) {
+  w(() => ji(e), []);
+}
+function at() {
+  const e = k.getActiveEngine();
+  e && (e.componentNode.delete(Oe()), O("删除选中组件"));
+}
+function on() {
+  const e = k.getActiveEngine();
+  e && (e.instance.selectAll(), O("全选组件"));
+}
+function Ti() {
+  const e = k.getActiveEngine();
+  e && (e.instance.getAllSelected().forEach((t) => {
+    const n = e.componentNode.get(t.id);
+    n && e.componentNode.update(t.id, {
+      x: ((n == null ? void 0 : n.x) || 0) - 1
+    });
+  }), O("组件左移"));
+}
+function $i() {
+  const e = k.getActiveEngine();
+  e && (e.instance.getAllSelected().forEach((t) => {
+    const n = e.componentNode.get(t.id);
+    n && e.componentNode.update(t.id, {
+      x: ((n == null ? void 0 : n.x) || 0) + 1
+    });
+  }), O("组件右移动"));
+}
+function Ri() {
+  const e = k.getActiveEngine();
+  e && (e.instance.getAllSelected().forEach((t) => {
+    const n = e.componentNode.get(t.id);
+    n && e.componentNode.update(t.id, {
+      y: ((n == null ? void 0 : n.y) || 0) - 1
+    });
+  }), O("组件上移"));
+}
+function Fi() {
+  const e = k.getActiveEngine();
+  e && (e.instance.getAllSelected().forEach((t) => {
+    const n = e.componentNode.get(t.id);
+    n && e.componentNode.update(t.id, {
+      y: ((n == null ? void 0 : n.y) || 0) + 1
+    });
+  }), O("组件下移"));
+}
+function dn() {
+  const e = k.getActiveEngine();
+  if (!e) return;
+  const t = Oe(), n = new Set(e.instance.getAllSelected().map((a) => a.id)), i = [], c = e.componentNode.cloneComponentNodes(t, {
+    onClone(a, d) {
+      n.has(a.id) && (n.delete(a.id), i.push(d.id)), d.x += 10, d.y += 10;
+    }
+  });
+  e.componentNode.add(c), setTimeout(() => {
+    e.instance.select(i, !0), O("复制组件");
+  });
+}
+function Hi() {
+  var t, n;
+  const e = k.getActiveEngine();
+  (n = (t = e == null ? void 0 : e.componentNode) == null ? void 0 : t.clear) == null || n.call(t);
+}
+function vt(e) {
+  const t = k.getActiveEngine();
+  t && (t.getJSON().then((n) => {
+    localStorage.setItem("json", JSON.stringify(n));
+  }), E.success("保存成功"));
+}
+function De() {
+  const e = k.getActiveEngine();
+  e && e.instance.getAllSelected().length && (e.instance.unselectAll(), O("取消全选组件"));
+}
+function Ki() {
+  const e = k.getActiveEngine();
+  if (!e) return;
+  e.instance.getAllSelected().forEach((n) => {
+    e.componentNode.get(n.id) && e.componentNode.update(n.id, {
+      lock: !0
+    });
+  }), e.instance.unselectAll();
+}
+function qi() {
+  const e = k.getActiveEngine();
+  if (!e) return;
+  e.instance.getAllSelected().forEach((n) => {
+    e.componentNode.get(n.id) && e.componentNode.update(n.id, {
+      lock: !1
+    });
+  });
+}
+function Ui() {
+  const e = k.getActiveEngine();
+  if (!e) return;
+  const t = e.instance.getAllSelected();
+  if (t.length < 2)
+    return;
+  const n = t.map((i) => {
+    const c = i.getComponentNode();
+    return c.groupId && (e.componentNode.unlinkFromGroup(c.groupId, c.id), c.groupId = void 0), c;
+  });
+  e.componentNode.createGroup(n);
+}
+function Ji() {
+  const e = k.getActiveEngine();
+  if (!e) return;
+  const t = e.instance.getAllSelected(), n = Array.from(
+    t.reduce((i, c) => {
+      const a = c.getComponentNode();
+      return a.groupId && i.add(a.groupId), i;
+    }, /* @__PURE__ */ new Set())
+  );
+  e.componentNode.unlinkGroup(n), e.instance.unselectAll();
+}
+function Wi() {
+  const e = k.getActiveEngine();
+  if (!e) return;
+  const t = e.componentNode.getMaxLevel();
+  e.instance.getAllSelected().forEach((n) => {
+    e.componentNode.get(n.id) && e.componentNode.update(n.id, {
+      level: t
+    });
+  });
+}
+function Vi() {
+  const e = k.getActiveEngine();
+  if (!e) return;
+  const t = e.componentNode.getMinLevel();
+  e.instance.getAllSelected().forEach((n) => {
+    e.componentNode.get(n.id) && e.componentNode.update(n.id, {
+      level: t
+    });
+  });
+}
+function Gi() {
+  const e = k.getActiveEngine();
+  if (!e) return;
+  const t = e.componentNode.getMaxLevel();
+  e.instance.getAllSelected().forEach((n) => {
+    const i = e.componentNode.get(n.id);
+    i && e.componentNode.update(n.id, {
+      level: Math.min(t, ((i == null ? void 0 : i.level) || 0) + 1)
+    });
+  });
+}
+function Xi() {
+  const e = k.getActiveEngine();
+  if (!e) return;
+  const t = e.componentNode.getMinLevel();
+  e.instance.getAllSelected().forEach((n) => {
+    const i = e.componentNode.get(n.id);
+    i && e.componentNode.update(n.id, {
+      level: Math.max(t, ((i == null ? void 0 : i.level) || 0) - 1)
+    });
+  });
+}
+function Yi() {
+  const e = k.getActiveEngine();
+  if (!e) return;
+  const t = Oe();
+  if (!t.length) {
+    E.warn("收藏组件不能为空");
+    return;
+  }
+  const n = ut(), i = e.favorites.getAll().length;
+  e.favorites.add({
+    id: n,
+    name: `收藏${i + 1}`,
+    children: t,
+    gmtCreate: Ci().format("YYYY-MM-DD HH:mm:ss")
+  });
+}
+function Oe() {
+  const e = k.getActiveEngine();
+  if (!e) return [];
+  const t = e.instance.getAllSelected();
+  return Zi(t.map((n) => n.id));
+}
+function Zi(e) {
+  const t = k.getActiveEngine();
+  if (!t) return [];
+  const n = Array.isArray(e) ? e : [e];
+  return Object.values(
+    n.reduce((i, c) => {
+      var d;
+      const a = t.componentNode.get(c);
+      return a && (i[a.id] = a, (d = a == null ? void 0 : a.panels) != null && d.length && t.componentNode.getPanelComponentNodes(a, !0).forEach((o) => {
+        i[o.id] = o;
+      })), i;
+    }, {})
+  );
+}
+function O(e) {
+  setTimeout(async () => {
+    const t = k.getActiveEngine();
+    if (t) {
+      const n = await t.getJSON(), i = Yt(n);
+      t.history.add(i, e);
+    }
+  });
+}
+function bt() {
+  const e = k.getActiveEngine();
+  if (!e) return;
+  const { data: t } = e.history.goBack() || {};
+  t && (t.config.currentMenu = e.config.getConfig().currentMenu, e.loadJSON(t));
+}
+function ot() {
+  const e = k.getActiveEngine();
+  if (!e) return;
+  const { data: t } = e.history.goForward() || {};
+  t && (t.config.currentMenu = e.config.getConfig().currentMenu, e.loadJSON(t));
+}
+function Qi(e) {
+  const t = k.getActiveEngine();
+  if (!t) return;
+  const { data: n } = t.history.go(e) || {};
+  n && (n.config.currentMenu = t.config.getConfig().currentMenu, t.instance.unselectAll(), t.loadJSON(n));
+}
+function Pe(e) {
+  return lt[e];
+}
+function pi() {
+  zi({
+    backspace: () => {
+      at();
+    },
+    delete: () => {
+      at();
+    },
+    "Shift + A": () => {
+      on();
+    },
+    left: (e) => {
+      e.preventDefault(), Ti();
+    },
+    right: (e) => {
+      e.preventDefault(), $i();
+    },
+    up: (e) => {
+      e.preventDefault(), Ri();
+    },
+    down: (e) => {
+      e.preventDefault(), Fi();
+    },
+    "Shift + C": () => dn(),
+    "Shift + S": () => vt(),
+    "Shift + R": () => De(),
+    "Shift + Z": () => bt(),
+    "Shift + Command + Z": () => ot(),
+    "Shift + Ctrl + Z": () => ot()
+  });
+}
+const el = "_page_jq57p_59", tl = "_page_header_jq57p_69", nl = "_page_body_jq57p_74", il = "_page_body_left_jq57p_79", ll = "_page_body_main_jq57p_86", cl = "_page_body_right_jq57p_91", al = "_page_footer_jq57p_99", ol = "_page_footer_beian_jq57p_109", G = {
+  page: el,
+  page_header: tl,
+  page_body: nl,
+  page_body_left: il,
+  page_body_main: ll,
+  page_body_right: cl,
+  page_footer: al,
+  page_footer_beian: ol
+}, dl = "_header_2phks_59", rl = "_header_flex_2phks_67", sl = "_header_flex_btnContainer_2phks_68", Ie = {
+  header: dl,
+  header_flex: rl,
+  header_flex_btnContainer: sl
+}, ul = "_tooltipButton_tq7lx_59", hl = "_tooltipButton_hover_tq7lx_70", gl = "_tooltipButton_disabled_tq7lx_73", Fe = {
+  tooltipButton: ul,
+  tooltipButton_hover: hl,
+  tooltipButton_disabled: gl
+};
+function rn(e) {
+  return /* @__PURE__ */ l(T, { title: e == null ? void 0 : e.title, children: /* @__PURE__ */ l(
+    "div",
+    {
+      className: $(
+        Fe.tooltipButton,
+        (e == null ? void 0 : e.disabled) && Fe.tooltipButton_disabled,
+        !(e != null && e.noHoverClass) && Fe.tooltipButton_hover
+      ),
+      onClick: (t) => {
+        var n;
+        e != null && e.disabled || (n = e == null ? void 0 : e.onClick) == null || n.call(e, t);
+      },
+      children: e == null ? void 0 : e.children
+    }
+  ) });
+}
+window._iconfont_svg_string_4790291 = '<svg><symbol id="icon-undo" viewBox="0 0 1024 1024"><path d="M363 252h8.582c298.234 0 540 241.766 540 540v80.007c0 22.09-17.909 40-40 40s-40-17.91-40-40V792c0-254.051-205.95-460-460-460H363v132.533c0 8.836-7.163 16-16 16a16 16 0 0 1-9.747-3.312L118.517 309.188c-7.008-5.383-8.324-15.428-2.941-22.435a16 16 0 0 1 2.94-2.941l218.737-168.033c7.007-5.383 17.052-4.066 22.435 2.941a16 16 0 0 1 3.312 9.747V252z"  ></path></symbol><symbol id="icon-cancel-undo" viewBox="0 0 1024 1024"><path d="M660.992 251.904h-8.704c-297.984 0-540.16 241.664-540.16 540.16v79.872c0 22.016 17.92 39.936 39.936 39.936s39.936-17.92 39.936-39.936v-79.872c0-253.952 205.824-459.776 459.776-459.776h8.704v132.608c0 8.704 7.168 15.872 15.872 15.872 3.584 0 7.168-1.024 9.728-3.072l218.624-167.936c7.168-5.632 8.192-15.36 3.072-22.528l-3.072-3.072L686.08 116.224c-7.168-5.632-16.896-4.096-22.528 3.072-2.048 2.56-3.072 6.144-3.072 9.728v122.88z"  ></path></symbol></svg>', ((e) => {
+  var t = (n = (n = document.getElementsByTagName("script"))[n.length - 1]).getAttribute(
+    "data-injectcss"
+  ), n = n.getAttribute("data-disable-injectsvg");
+  if (!n) {
+    var i, c, a, d, o, s = function(h, _) {
+      _.parentNode.insertBefore(h, _);
+    };
+    if (t && !e.__iconfont__svg__cssinject__) {
+      e.__iconfont__svg__cssinject__ = !0;
+      try {
+        document.write(
+          "<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>"
+        );
+      } catch (h) {
+        console && console.log(h);
+      }
+    }
+    i = function() {
+      var h, _ = document.createElement("div");
+      _.innerHTML = e._iconfont_svg_string_4790291, (_ = _.getElementsByTagName("svg")[0]) && (_.setAttribute("aria-hidden", "true"), _.style.position = "absolute", _.style.width = 0, _.style.height = 0, _.style.overflow = "hidden", _ = _, (h = document.body).firstChild ? s(_, h.firstChild) : h.appendChild(_));
+    }, document.addEventListener ? ~["complete", "loaded", "interactive"].indexOf(document.readyState) ? setTimeout(i, 0) : (c = function() {
+      document.removeEventListener("DOMContentLoaded", c, !1), i();
+    }, document.addEventListener("DOMContentLoaded", c, !1)) : document.attachEvent && (a = i, d = e.document, o = !1, u(), d.onreadystatechange = function() {
+      d.readyState == "complete" && (d.onreadystatechange = null, r());
+    });
+  }
+  function r() {
+    o || (o = !0, a());
+  }
+  function u() {
+    try {
+      d.documentElement.doScroll("left");
+    } catch {
+      return void setTimeout(u, 50);
+    }
+    r();
+  }
+})(window);
+function Nt(e) {
+  return /* @__PURE__ */ l("svg", { className: "icon", "aria-hidden": "true", children: /* @__PURE__ */ l("use", { xlinkHref: `#${e == null ? void 0 : e.type}` }) });
+}
+const _l = "_sizeBar_1yvet_59", ml = {
+  sizeBar: _l
+}, fl = "_inputNumberWithSuffix_1pwr4_59", yl = "_inputNumberWithSuffix_suffix_1pwr4_63", wt = {
+  inputNumberWithSuffix: fl,
+  inputNumberWithSuffix_suffix: yl
+};
+function Et(e) {
+  const { suffix: t, containerStyle: n, containerClassName: i, ...c } = e;
+  return /* @__PURE__ */ g(
+    "div",
+    {
+      style: n,
+      className: $(wt.inputNumberWithSuffix, i),
+      children: [
+        /* @__PURE__ */ l(le, { size: "small", style: { width: 70 }, ...c }),
+        t && /* @__PURE__ */ l("div", { className: wt.inputNumberWithSuffix_suffix, children: t })
+      ]
+    }
+  );
+}
+const vl = {
+  50: /* @__PURE__ */ l("span", { style: { fontSize: 12 }, children: "50%" }),
+  100: /* @__PURE__ */ l("span", { style: { fontSize: 12 }, children: "100%" }),
+  150: /* @__PURE__ */ l("span", { style: { fontSize: 12 }, children: "150%" }),
+  200: " "
+};
+function bl(e) {
+  const { value: t = 1, isCustom: n } = e, i = Ee(), c = A(() => i.scaleMinZoom * 100, [i]), a = A(() => i.scaleMaxZoom * 100, [i]), d = A(() => i.scaleDefault * 100, [i]), o = A(() => Math.round(t * 100), [t]);
+  function s(r) {
+    var h;
+    const u = Math.round(Number(r)) / 100;
+    u !== o && ((h = e == null ? void 0 : e.onChange) == null || h.call(e, u));
+  }
+  return /* @__PURE__ */ l(
+    st,
+    {
+      content: /* @__PURE__ */ g("div", { style: { display: "flex", alignItems: "center", gap: 16 }, children: [
+        /* @__PURE__ */ l(
+          Zn,
+          {
+            style: { width: 250 },
+            min: c,
+            max: Math.max(a, o),
+            tooltip: {
+              formatter: (r) => `${r}%`
+            },
+            marks: vl,
+            value: o,
+            onChange: s
+          }
+        ),
+        /* @__PURE__ */ g(D, { style: { marginTop: -16 }, children: [
+          n && /* @__PURE__ */ l(
+            _t,
+            {
+              min: c,
+              max: 1e3,
+              value: o,
+              placeholder: "缩放值",
+              style: { fontSize: 12, width: 80 },
+              onChange: (r) => {
+                s(r || 1);
+              }
+            }
+          ),
+          /* @__PURE__ */ l(rn, { noHoverClass: !0, title: "重置", children: /* @__PURE__ */ l(
+            Q,
+            {
+              className: "theme-color icon_clickable",
+              onClick: () => {
+                s(d);
+              }
+            }
+          ) })
+        ] })
+      ] }),
+      children: /* @__PURE__ */ g("span", { style: { cursor: "pointer" }, children: [
+        /* @__PURE__ */ l("span", { style: { marginRight: 4 }, children: `${o}%` }),
+        /* @__PURE__ */ l(Sn, {})
+      ] })
+    }
+  );
+}
+function Cl() {
+  const e = Ee(), { engine: t } = N();
+  return /* @__PURE__ */ g("div", { className: ml.sizeBar, id: "rbs-sizebar", children: [
+    /* @__PURE__ */ l(
+      Et,
+      {
+        suffix: "px",
+        value: e.width,
+        onChange: (n) => {
+          t.config.setConfig({
+            width: n
+          });
+        }
+      }
+    ),
+    /* @__PURE__ */ l(Nn, { style: { fontSize: 10 } }),
+    /* @__PURE__ */ l(
+      Et,
+      {
+        suffix: "px",
+        value: e.height,
+        onChange: (n) => {
+          t.config.setConfig({
+            height: n
+          });
+        }
+      }
+    ),
+    /* @__PURE__ */ l(
+      bl,
+      {
+        value: e.scale,
+        onChange: (n) => {
+          t.config.setConfig({
+            scale: n
+          });
+        }
+      }
+    )
+  ] });
+}
+function P({ children: e }) {
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      style: {
+        border: "1px solid white",
+        padding: "0 8px",
+        height: 25,
+        fontSize: 12,
+        borderRadius: 2,
+        minWidth: 25,
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center"
+      },
+      children: e
+    }
+  );
+}
+function xl() {
+  const [e] = se();
+  return /* @__PURE__ */ g(
+    D,
+    {
+      direction: "vertical",
+      style: { padding: "6px 6px 10px", userSelect: "none", whiteSpace: "nowrap", width: 335 },
+      children: [
+        /* @__PURE__ */ l("b", { children: e("head.shortCutKeys.title") }),
+        /* @__PURE__ */ g(D, { children: [
+          /* @__PURE__ */ g("span", { children: [
+            e("head.shortCutKeys.all"),
+            "："
+          ] }),
+          /* @__PURE__ */ l(P, { children: "Shift" }),
+          /* @__PURE__ */ l("span", { children: "+" }),
+          /* @__PURE__ */ l(P, { children: "A" })
+        ] }),
+        /* @__PURE__ */ g(D, { children: [
+          /* @__PURE__ */ g("span", { children: [
+            e("head.shortCutKeys.invert"),
+            "："
+          ] }),
+          /* @__PURE__ */ l(P, { children: "Shift" }),
+          /* @__PURE__ */ l("span", { children: "+" }),
+          /* @__PURE__ */ l(P, { children: "R" })
+        ] }),
+        /* @__PURE__ */ g(D, { children: [
+          /* @__PURE__ */ g("span", { children: [
+            e("head.shortCutKeys.copy"),
+            "："
+          ] }),
+          /* @__PURE__ */ l(P, { children: "Shift" }),
+          /* @__PURE__ */ l("span", { children: "+" }),
+          /* @__PURE__ */ l(P, { children: "C" })
+        ] }),
+        /* @__PURE__ */ g(D, { children: [
+          /* @__PURE__ */ g("span", { children: [
+            e("head.shortCutKeys.save"),
+            "："
+          ] }),
+          /* @__PURE__ */ l(P, { children: "Shift" }),
+          /* @__PURE__ */ l("span", { children: "+" }),
+          /* @__PURE__ */ l(P, { children: "S" })
+        ] }),
+        /* @__PURE__ */ g(D, { children: [
+          /* @__PURE__ */ g("span", { children: [
+            e("head.shortCutKeys.multiple"),
+            "："
+          ] }),
+          /* @__PURE__ */ l("span", { children: e("head.shortCutKeys.multipleExt.ext1") }),
+          /* @__PURE__ */ l(P, { children: "Shift" }),
+          /* @__PURE__ */ l("span", { children: e("head.shortCutKeys.multipleExt.ext2") })
+        ] }),
+        /* @__PURE__ */ g(D, { children: [
+          /* @__PURE__ */ g("span", { children: [
+            e("head.shortCutKeys.delete"),
+            "："
+          ] }),
+          /* @__PURE__ */ l(P, { children: "BackSpace" }),
+          /* @__PURE__ */ g("span", { children: [
+            " ",
+            e("head.shortCutKeys.deleteExt.ext1"),
+            " "
+          ] }),
+          /* @__PURE__ */ l(P, { children: "Delete" })
+        ] }),
+        /* @__PURE__ */ g(D, { children: [
+          /* @__PURE__ */ g("span", { children: [
+            e("head.shortCutKeys.move"),
+            "："
+          ] }),
+          /* @__PURE__ */ l(P, { children: /* @__PURE__ */ l(et, {}) }),
+          /* @__PURE__ */ l(P, { children: /* @__PURE__ */ l(wn, {}) }),
+          /* @__PURE__ */ l(P, { children: /* @__PURE__ */ l(tt, {}) }),
+          /* @__PURE__ */ l(P, { children: /* @__PURE__ */ l(En, {}) })
+        ] }),
+        /* @__PURE__ */ g(D, { children: [
+          /* @__PURE__ */ g("span", { children: [
+            e("head.shortCutKeys.force"),
+            "："
+          ] }),
+          /* @__PURE__ */ l("span", { children: e("head.shortCutKeys.forceExt.ext1") }),
+          /* @__PURE__ */ l(P, { children: "Shift" }),
+          /* @__PURE__ */ l("span", { children: e("head.shortCutKeys.forceExt.ext2") })
+        ] }),
+        /* @__PURE__ */ g(D, { children: [
+          /* @__PURE__ */ g("span", { children: [
+            e("head.shortCutKeys.undo"),
+            "："
+          ] }),
+          /* @__PURE__ */ l(P, { children: "Shift" }),
+          /* @__PURE__ */ l("span", { children: "+" }),
+          /* @__PURE__ */ l(P, { children: "Z" })
+        ] }),
+        /* @__PURE__ */ g(D, { children: [
+          /* @__PURE__ */ g("span", { children: [
+            e("head.shortCutKeys.cancelUndo"),
+            "："
+          ] }),
+          /* @__PURE__ */ l(P, { children: "Shift" }),
+          /* @__PURE__ */ l("span", { children: "+" }),
+          /* @__PURE__ */ l(P, { children: "Ctrl / Command" }),
+          /* @__PURE__ */ l("span", { children: "+" }),
+          /* @__PURE__ */ l(P, { children: "Z" })
+        ] }),
+        /* @__PURE__ */ g(D, { children: [
+          /* @__PURE__ */ g("span", { children: [
+            e("head.shortCutKeys.zoom"),
+            "："
+          ] }),
+          /* @__PURE__ */ l(P, { children: /* @__PURE__ */ g(D, { children: [
+            /* @__PURE__ */ l("span", { children: e("head.shortCutKeys.zoomExt.ext1") }),
+            /* @__PURE__ */ l(et, {}),
+            /* @__PURE__ */ l("span", { children: "/" }),
+            /* @__PURE__ */ l(tt, {})
+          ] }) })
+        ] }),
+        /* @__PURE__ */ g(D, { children: [
+          /* @__PURE__ */ g("span", { children: [
+            e("head.shortCutKeys.zoomReset"),
+            "："
+          ] }),
+          /* @__PURE__ */ l(P, { children: e("head.shortCutKeys.zoomResetExt.ext1") })
+        ] }),
+        /* @__PURE__ */ g(D, { children: [
+          /* @__PURE__ */ g("span", { children: [
+            e("head.shortCutKeys.dragCanvas"),
+            "："
+          ] }),
+          /* @__PURE__ */ l("span", { children: e("head.shortCutKeys.dragCanvasExt.ext1") }),
+          /* @__PURE__ */ l(P, { children: "Space" }),
+          /* @__PURE__ */ l("span", { children: e("head.shortCutKeys.dragCanvas") })
+        ] })
+      ]
+    }
+  );
+}
+const Il = ["rbs-screen.top"];
+function kl(e = window.location.host) {
+  const t = e == null ? void 0 : e.toLowerCase();
+  return Il.some((n) => {
+    var i, c;
+    return (c = t == null ? void 0 : t.includes) == null ? void 0 : c.call(t, (i = n == null ? void 0 : n.toLowerCase) == null ? void 0 : i.call(n));
+  });
+}
+const Sl = (e, t, n) => {
+  const i = e[t];
+  return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((c, a) => {
+    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
+      a.bind(
+        null,
+        new Error(
+          "Unknown variable dynamic import: " + t + (t.split("/").length !== n ? ". Note that variables only represent file names one level deep." : "")
+        )
+      )
+    );
+  });
+};
+async function Nl(e) {
+  var i;
+  const t = await Sl(/* @__PURE__ */ Object.assign({ "../../../../../../public/example/classic.json": () => import("./index-EkKLbWrX.mjs").then((c) => c.r), "../../../../../../public/example/multiple-components-interactive.json": () => import("./index-EkKLbWrX.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 wl() {
+  return /* @__PURE__ */ l(
+    be,
+    {
+      menu: {
+        items: [
+          { label: /* @__PURE__ */ l("span", { style: { fontSize: 12 }, children: "经典大屏" }), key: "classic" },
+          {
+            label: /* @__PURE__ */ l("span", { style: { fontSize: 12 }, children: "表格查询" }),
+            key: "multiple-components-interactive"
+          }
+        ],
+        onClick({ key: e }) {
+          Nl(e);
+        }
+      },
+      children: /* @__PURE__ */ l(K, { size: "small", style: { fontSize: 12 }, id: "rbs-choose-example-button", children: "切换示例" })
+    }
+  );
+}
+function El() {
+  return /* @__PURE__ */ l(
+    K,
+    {
+      size: "small",
+      style: { fontSize: 12 },
+      id: "rbs-starter-help",
+      onClick: () => {
+        li(!0);
+      },
+      children: "新手教程"
+    }
+  );
+}
+const Al = kl();
+function Ll() {
+  const { engine: e, rbsEngine: t } = N(), [n, i] = se(), c = an(), a = i.language === ci.zh, d = A(() => [
+    {
+      key: "shortCutKeys",
+      description: /* @__PURE__ */ l(xl, {}),
+      icon: /* @__PURE__ */ l(An, {})
+    },
+    {
+      key: "undo",
+      description: n("head.undo"),
+      disabled: !c.isCanGoBack,
+      icon: /* @__PURE__ */ l(Nt, { type: "icon-undo" })
+    },
+    {
+      key: "cancelUndo",
+      description: n("head.cancelUndo"),
+      disabled: !c.isCanGoForward,
+      icon: /* @__PURE__ */ l(Nt, { type: "icon-cancel-undo" })
+    },
+    { key: "export", description: n("head.export"), icon: /* @__PURE__ */ l(Ln, {}) },
+    { key: "import", description: n("head.import"), icon: /* @__PURE__ */ l($t, {}) },
+    { key: "save", description: n("head.save"), icon: /* @__PURE__ */ l(p, {}) },
+    { key: "clear", description: n("head.clear"), icon: /* @__PURE__ */ l(Rt, {}) },
+    {
+      key: "language",
+      description: n("head.language", { text: `${a ? "切换英语" : "change chinese"}` }),
+      icon: /* @__PURE__ */ l(Dn, {})
+    },
+    {
+      key: "settings",
+      description: n("head.settings"),
+      disabled: !0,
+      icon: /* @__PURE__ */ l(Ft, {})
+    }
+    // { key: "preview", description: t("head.preview"), icon: <DesktopOutlined /> },
+  ], [i.language, c.isCanGoForward, c.isCanGoBack]);
+  function o() {
+    window.open("https://github.com/tangjiahui-cn/react-big-screen.git");
+  }
+  async function s() {
+    t == null || t.emit("startPreview", e);
+  }
+  function r(u) {
+    switch (u.key) {
+      case "undo":
+        bt();
+        break;
+      case "cancelUndo":
+        ot();
+        break;
+      case "export":
+        e.getJSON().then((_) => {
+          const m = JSON.stringify(_);
+          Jt(m, "大屏看板.json");
+        });
+        break;
+      case "import":
+        Ai().then((_) => {
+          if (!_)
+            return E.warn("文件内容不能为空");
+          try {
+            const m = JSON.parse(_);
+            e.loadJSON(m);
+          } catch {
+            E.error("请上传json格式文件");
+          }
+        });
+        break;
+      case "preview":
+        s();
+        break;
+      case "save":
+        vt();
+        break;
+      case "clear":
+        e.clear();
+        break;
+      case "settings":
+        break;
+      case "language":
+        const h = a ? "en" : "zh";
+        ai(h), e.config.setConfig({ language: h });
+        break;
+    }
+  }
+  return /* @__PURE__ */ g("div", { className: Ie.header, children: [
+    /* @__PURE__ */ g("div", { className: Ie.header_flex, children: [
+      /* @__PURE__ */ l("b", { children: "BigScreen" }),
+      !Al && /* @__PURE__ */ l(On, { style: { cursor: "pointer", fontSize: 16 }, onClick: o })
+    ] }),
+    /* @__PURE__ */ l(Cl, {}),
+    /* @__PURE__ */ g("div", { className: Ie.header_flex, children: [
+      /* @__PURE__ */ l(wl, {}),
+      /* @__PURE__ */ l(El, {}),
+      /* @__PURE__ */ l("div", { className: Ie.header_flex_btnContainer, id: "rbs-tool-bar", children: d.map((u) => /* @__PURE__ */ l(
+        rn,
+        {
+          disabled: u == null ? void 0 : u.disabled,
+          title: u.description,
+          onClick: () => r(u),
+          children: u == null ? void 0 : u.icon
+        },
+        u.key
+      )) }),
+      /* @__PURE__ */ l(
+        K,
+        {
+          type: "primary",
+          size: "small",
+          style: { fontSize: 12 },
+          id: "rbs-preview",
+          onClick: s,
+          children: "开始预览"
+        }
+      )
+    ] })
+  ] });
+}
+const Dl = "_menu_1ueks_59", Ol = "_menu_bar_1ueks_68", Pl = "_menu_main_1ueks_72", He = {
+  menu: Dl,
+  menu_bar: Ol,
+  menu_main: Pl
+}, Ml = "_library_11n9v_59", Bl = "_library_header_11n9v_72", jl = "_library_main_11n9v_83", Ke = {
+  library: Ml,
+  library_header: Bl,
+  library_main: jl
+}, zl = "_componentsBlock_mx05c_59", Tl = {
+  componentsBlock: zl
+}, $l = "_componentItem_1a82r_59", Rl = "_componentItem_body_1a82r_71", Fl = "_componentItem_footer_1a82r_80", qe = {
+  componentItem: $l,
+  componentItem_body: Rl,
+  componentItem_footer: Fl
+};
+class Hl {
+  constructor() {
+    // style tag.
+    te(this, "style");
+    // count usage times.
+    te(this, "count", 0);
+  }
+  mount() {
+    if (this.count++, this.style)
+      return;
+    const t = document.createElement("style");
+    t.setAttribute("id", "virtual-drag"), t.innerHTML = "html.is-dragging * {cursor: copy;};", document.head.appendChild(this.style = t);
+  }
+  unmount() {
+    !this.style || --this.count > 0 || (this.count = 0, this.style.remove(), this.style = void 0);
+  }
+}
+const At = new Hl();
+function Kl(e, t) {
+  let n = !1;
+  e.addEventListener("mousedown", c);
+  function i(o) {
+    var s;
+    n || (n = !0, (s = t == null ? void 0 : t.onStart) == null || s.call(t, o, { isDragging: n }));
+  }
+  function c() {
+    e.addEventListener("mousemove", i), window.addEventListener("mouseup", a);
+  }
+  function a(o) {
+    var s;
+    (s = t == null ? void 0 : t.onEnd) == null || s.call(t, o, { isDragging: n }), d();
+  }
+  function d() {
+    n = !1, e.removeEventListener("mousemove", i), window.removeEventListener("mouseup", a);
+  }
+  return () => {
+    d(), e.removeEventListener("mousedown", c);
+  };
+}
+class ql {
+  constructor() {
+    te(this, "isDragging", !1);
+    te(this, "dragOptions", {
+      type: "",
+      data: void 0
+    });
+    te(this, "draggingChangeCallback", []);
+  }
+  notifyDraggingChange() {
+    this.draggingChangeCallback.forEach((t) => {
+      t({
+        ...this.dragOptions,
+        isDragging: this.isDragging
+      });
+    });
+  }
+  // 监听拖拽变更
+  onDraggingChange(t) {
+    return this.draggingChangeCallback.push(t), () => {
+      this.draggingChangeCallback = this.draggingChangeCallback.filter((n) => n !== t);
+    };
+  }
+  // 设置拖拽中状态
+  setIsDragging(t) {
+    this.isDragging = t, this.notifyDraggingChange();
+  }
+  // 获取拖拽中状态
+  getIsDragging() {
+    return this.isDragging;
+  }
+  // 设置拖拽配置
+  setDragOptions(t, n) {
+    if (n) {
+      this.dragOptions = {
+        ...t
+      };
+      return;
+    }
+    this.dragOptions = {
+      ...this.dragOptions,
+      ...t
+    };
+  }
+  // 获取拖拽配置
+  getDragOptions() {
+    return this.dragOptions;
+  }
+}
+const ce = new ql();
+function sn(e, t) {
+  const n = B(t);
+  n.current = t, w(() => {
+    const i = e.current;
+    if (!i) {
+      console.warn("dom must be set.");
+      return;
+    }
+    const c = Kl(i, {
+      onStart() {
+        At.mount(), document.documentElement.classList.add("is-dragging"), ce.setDragOptions(n.current), ce.setIsDragging(!0);
+      },
+      onEnd() {
+        At.unmount(), document.documentElement.classList.remove("is-dragging"), ce.setDragOptions(n.current), ce.setIsDragging(!1);
+      }
+    });
+    return () => c();
+  }, []);
+}
+function un(e, t) {
+  const n = B(t);
+  n.current = t, w(() => {
+    const { accept: i } = t;
+    if (i && !Array.isArray(i))
+      throw new Error("accept must be a string array.");
+    const c = e.current;
+    if (!c) {
+      console.warn("dom must be set.");
+      return;
+    }
+    const a = (d) => {
+      var s, r, u;
+      if (!ce.getIsDragging())
+        return;
+      const o = ce.getDragOptions();
+      i && !((s = i == null ? void 0 : i.includes) != null && s.call(i, o.type || "")) || (u = (r = n.current) == null ? void 0 : r.onDrop) == null || u.call(r, d, o);
+    };
+    return c.addEventListener("mouseup", a), () => {
+      c.removeEventListener("mouseup", a);
+    };
+  }, []);
+}
+function xe(e) {
+  const { src: t } = e, [n, i] = S("");
+  return w(() => {
+    switch (typeof t) {
+      case "string":
+        i(t);
+        break;
+      case "function":
+        t().then((c) => {
+          i(c.default);
+        });
+        break;
+    }
+  }, [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 Ul(e) {
+  const { component: t } = e, n = B(null);
+  return sn(n, {
+    type: "create-component",
+    data: {
+      component: t
+    }
+  }), /* @__PURE__ */ g(
+    "div",
+    {
+      style: e == null ? void 0 : e.style,
+      className: $(qe.componentItem, e == null ? void 0 : e.className),
+      ref: n,
+      children: [
+        /* @__PURE__ */ l("div", { className: qe.componentItem_body, children: /* @__PURE__ */ l(xe, { src: t == null ? void 0 : t.icon, style: { maxWidth: "50%", maxHeight: "50%" } }) }),
+        /* @__PURE__ */ l("div", { className: qe.componentItem_footer, children: t.cName })
+      ]
+    }
+  );
+}
+function Jl(e) {
+  var a;
+  const { components: t, column: n = 3 } = e, { width: i, lines: c } = A(() => ({
+    width: `${100 / n}%`,
+    lines: Math.ceil(t.length / n)
+  }), [t, n]);
+  return /* @__PURE__ */ g("div", { className: Tl.componentsBlock, children: [
+    !(t != null && t.length) && /* @__PURE__ */ l(q, { description: "暂无组件" }),
+    (a = t == null ? void 0 : t.map) == null ? void 0 : a.call(t, (d, o) => {
+      const s = o % n === n - 1, r = c === 1 || o > (c - 1) * n - 1;
+      return /* @__PURE__ */ l(
+        Ul,
+        {
+          component: d,
+          style: {
+            width: i,
+            borderRight: s ? "none" : "1px solid #e7e7e7",
+            borderBottom: r ? "none" : "1px solid #e7e7e7"
+          }
+        },
+        d.cId
+      );
+    })
+  ] });
+}
+function Lt(e, t = "") {
+  if (!t) return e;
+  const n = t.toLowerCase();
+  return e.filter((i) => i.cName.toLowerCase().includes(n) || i.cId.toLowerCase().includes(n));
+}
+function Wl() {
+  const [e, t] = se(), [n, i] = S([]), c = Oi(), [a, d] = S(""), [o, s] = S([]), r = A(() => ({
+    base: e("menu.library.base"),
+    charts: e("menu.library.charts"),
+    layout: e("menu.library.layout"),
+    nav: e("menu.library.nav"),
+    unknown: e("menu.library.unknown")
+  }), [t.language]), u = A(() => xi((_, m = "") => {
+    const y = Lt(_, m);
+    s(y);
+  }, 500), []);
+  w(() => {
+    s(Lt(c, a));
+  }, [c]), mt(() => {
+    u(c, a);
+  }, [a]);
+  const h = A(() => {
+    const _ = [], m = Object.entries(
+      Ii(o, (y) => y.category || "unknown")
+    ).map(([y, C]) => (_.push(y), {
+      key: y,
+      components: C,
+      label: r[y] || y
+    }));
+    return i(_), m;
+  }, [o, r]);
+  return /* @__PURE__ */ g("div", { className: Ke.library, children: [
+    /* @__PURE__ */ l("div", { className: Ke.library_header, children: /* @__PURE__ */ l(
+      Qn.Search,
+      {
+        allowClear: !0,
+        value: a,
+        placeholder: "搜索组件",
+        onChange: (_) => {
+          d(_.target.value);
+        }
+      }
+    ) }),
+    /* @__PURE__ */ l("div", { className: Ke.library_main, children: h.length ? /* @__PURE__ */ l(
+      Ct,
+      {
+        expandIconPosition: "end",
+        activeKey: n,
+        style: { padding: 0 },
+        onChange: (_) => i(_ || []),
+        children: h.map((_) => /* @__PURE__ */ l(Ct.Panel, { header: _.label, style: { padding: 0 }, children: /* @__PURE__ */ l(Jl, { components: _.components }) }, _.key))
+      }
+    ) : /* @__PURE__ */ l(q, { style: { height: "100%", background: "white" } }) })
+  ] });
+}
+const Vl = "_componentNodes_x43ss_59", Gl = "_componentNodes_head_x43ss_63", Xl = "_componentNodes_block_x43ss_67", Ue = {
+  componentNodes: Vl,
+  componentNodes_head: Gl,
+  componentNodes_block: Xl
+}, Yl = "_componentNodeItem_r9mbq_59", Zl = "_componentNodeItem_selected_r9mbq_65", Ql = "_componentNodeItem_icon_r9mbq_71", pl = "_componentNodeItem_name_r9mbq_81", ec = "_componentNodeItem_tail_r9mbq_84", tc = "_componentNodeItem_tail_operatable_r9mbq_95", ne = {
+  componentNodeItem: Yl,
+  componentNodeItem_selected: Zl,
+  componentNodeItem_icon: Ql,
+  componentNodeItem_name: pl,
+  componentNodeItem_tail: ec,
+  componentNodeItem_tail_operatable: tc
+};
+function nc(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(() => ({
+    component: t.component.get(i == null ? void 0 : i.cId),
+    instance: t.instance.get(i == null ? void 0 : i.id)
+  }), [i]);
+  function s(u) {
+    u.stopPropagation();
+    const h = Pe("shift");
+    if (t.instance.isSelected(i.id)) {
+      if (!Ae(u.nativeEvent))
+        return;
+      h ? t.instance.unselect(i.id) : t.instance.select(i == null ? void 0 : i.id, !0);
+      return;
+    }
+    t.instance.select(i == null ? void 0 : i.id, !h);
+  }
+  function r(u) {
+    t.componentNode.update(i.id, {
+      show: u
+    });
+  }
+  return w(() => t.componentNode.onChange(i.id, ({ payload: u }) => {
+    c({ ...u });
+  }), []), /* @__PURE__ */ g(
+    "div",
+    {
+      [`data-${oe.componentNodeId}`]: i.id,
+      ref: n,
+      className: $(
+        ne.componentNodeItem,
+        (e == null ? void 0 : e.isSelected) && ne.componentNodeItem_selected
+      ),
+      onMouseDown: (u) => {
+        s(u);
+      },
+      onMouseEnter: () => {
+        var u;
+        (u = o == null ? void 0 : o.handleHover) == null || u.call(o);
+      },
+      onMouseLeave: () => {
+        var u;
+        (u = o == null ? void 0 : o.handleUnHover) == null || u.call(o);
+      },
+      children: [
+        /* @__PURE__ */ l("div", { className: ne.componentNodeItem_icon, children: /* @__PURE__ */ l(xe, { src: d == null ? void 0 : d.icon, style: { height: "75%", maxWidth: "100%" } }) }),
+        /* @__PURE__ */ l("div", { className: ne.componentNodeItem_name, children: i == null ? void 0 : i.name }),
+        /* @__PURE__ */ g("div", { className: ne.componentNodeItem_tail, children: [
+          /* @__PURE__ */ l("div", { children: i != null && i.lock ? /* @__PURE__ */ l(Ht, {}) : "" }),
+          /* @__PURE__ */ l(
+            "div",
+            {
+              className: ne.componentNodeItem_tail_operatable,
+              onMouseDown: (u) => {
+                u.stopPropagation(), r(!a);
+              },
+              children: a ? /* @__PURE__ */ l(Pn, {}) : /* @__PURE__ */ l(Mn, {})
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+const ic = "_renderContextMenu_vitq8_59", lc = {
+  renderContextMenu: ic
+}, cc = "_renderList_p7203_59", ac = "_renderList_disabled_p7203_63", oc = "_renderList_item_p7203_70", dc = "_renderList_item_title_p7203_87", rc = "_renderList_item_unselectable_p7203_94", ge = {
+  renderList: cc,
+  renderList_disabled: ac,
+  renderList_item: oc,
+  renderList_item_title: dc,
+  renderList_item_unselectable: rc
+}, sc = "_hoverItem_overlay_twv7t_59", uc = {
+  hoverItem_overlay: sc
+}, hc = {
+  top: 0,
+  left: 0
+};
+function gc(e) {
+  const { engine: t } = N(), { children: n, items: i, onSelect: c, ...a } = e, [d, o] = S(!1), [s, r] = S(hc);
+  function u(_) {
+    var y, C, b;
+    if ((y = e == null ? void 0 : e.onMouseEnter) == null || y.call(e, _), !(i != null && i.length))
+      return;
+    const m = (b = (C = _.target) == null ? void 0 : C.getBoundingClientRect) == null ? void 0 : b.call(C);
+    m && (r({ top: m.top, left: m.left + m.width }), o(!0));
+  }
+  function h(_) {
+    var m;
+    (m = e == null ? void 0 : e.onMouseLeave) == null || m.call(e, _), o(!1);
+  }
+  return /* @__PURE__ */ g("div", { ...a, onMouseEnter: u, onMouseLeave: h, children: [
+    n,
+    d && si(
+      /* @__PURE__ */ l(
+        "div",
+        {
+          className: uc.hoverItem_overlay,
+          style: {
+            top: s.top,
+            left: s.left,
+            zIndex: t.componentNode.getMaxLevel()
+          },
+          children: /* @__PURE__ */ l(
+            hn,
+            {
+              items: i,
+              onSelect: (_, m) => {
+                c == null || c(_, m), m.stopPropagation();
+              }
+            }
+          )
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+function hn(e) {
+  var t, n;
+  return /* @__PURE__ */ l("div", { className: ge.renderList, children: (n = (t = e == null ? void 0 : e.items) == null ? void 0 : t.map) == null ? void 0 : n.call(t, (i) => {
+    var a;
+    const c = !(i != null && i.disabled) && ((i == null ? void 0 : i.selectable) ?? (i == null ? void 0 : i.selectable) === void 0);
+    return /* @__PURE__ */ g(
+      gc,
+      {
+        items: i == null ? void 0 : i.children,
+        style: i == null ? void 0 : i.style,
+        className: $(
+          ge.renderList_item,
+          (i == null ? void 0 : i.disabled) && ge.renderList_disabled,
+          !c && ge.renderList_item_unselectable
+        ),
+        onSelect: (d, o) => {
+          var s, r;
+          (s = e == null ? void 0 : e.onSelect) == null || s.call(e, d, o), d.key === i.key && ((r = i == null ? void 0 : i.onSelect) == null || r.call(i, o));
+        },
+        onClick: (d) => {
+          var o, s;
+          d.stopPropagation(), c && ((o = e == null ? void 0 : e.onSelect) == null || o.call(e, i, d), (s = i == null ? void 0 : i.onSelect) == null || s.call(i, d));
+        },
+        children: [
+          /* @__PURE__ */ g("div", { className: ge.renderList_item_title, style: i == null ? void 0 : i.titleStyle, children: [
+            i == null ? void 0 : i.icon,
+            i == null ? void 0 : i.title
+          ] }),
+          !!((a = i == null ? void 0 : i.children) != null && a.length) && /* @__PURE__ */ l(Bn, { style: { fontSize: "0.75em" } })
+        ]
+      },
+      i == null ? void 0 : i.key
+    );
+  }) });
+}
+function _c(e) {
+  const t = B(null);
+  return w(() => {
+    function n(i) {
+      var c, a, d;
+      (a = (c = t.current) == null ? void 0 : c.contains) != null && a.call(c, i.target) || (d = e == null ? void 0 : e.onClickOuter) == null || d.call(e);
+    }
+    return window.addEventListener("click", n), () => {
+      window.removeEventListener("click", n);
+    };
+  }, []), /* @__PURE__ */ l(
+    "div",
+    {
+      ref: t,
+      tabIndex: 0,
+      className: lc.renderContextMenu,
+      onContextMenu: (n) => {
+        n.preventDefault();
+      },
+      children: /* @__PURE__ */ l(
+        hn,
+        {
+          items: e == null ? void 0 : e.items,
+          onSelect: (n) => {
+            var i;
+            (i = e == null ? void 0 : e.onSelect) == null || i.call(e, n);
+          }
+        }
+      )
+    }
+  );
+}
+function gn(e, t, n, i) {
+  var s;
+  if (!n || (i != null && i.onBeforeOpen && (n = ((s = i == null ? void 0 : i.onBeforeOpen) == null ? void 0 : s.call(i, n)) || n), n = n == null ? void 0 : n.filter(Boolean), !(n != null && n.length)))
+    return;
+  const c = document.createElement("div");
+  c.style.position = "fixed", c.style.left = `${e}px`, c.style.top = `${t}px`, typeof (i == null ? void 0 : i.zIndex) == "number" && (c.style.zIndex = `${i == null ? void 0 : i.zIndex}`), document.body.appendChild(c);
+  const a = Wt(c);
+  let d = !1;
+  const o = () => {
+    var r, u;
+    d || ((r = a == null ? void 0 : a.unmount) == null || r.call(a), (u = c == null ? void 0 : c.remove) == null || u.call(c), d = !0);
+  };
+  return a.render(
+    /* @__PURE__ */ l(
+      _c,
+      {
+        items: n,
+        onClickOuter: () => {
+          o();
+        },
+        onSelect: (r) => {
+          var u;
+          (u = i == null ? void 0 : i.onSelect) == null || u.call(i, r == null ? void 0 : r.key, r), o();
+        }
+      }
+    )
+  ), o;
+}
+const mc = [
+  {
+    key: "top",
+    icon: /* @__PURE__ */ l(jn, {}),
+    title: "置顶",
+    style: { borderTop: "1px solid #e8e8e8" },
+    onSelect: () => Wi()
+  },
+  {
+    key: "bottom",
+    icon: /* @__PURE__ */ l($t, {}),
+    title: "置底",
+    onSelect: () => Vi()
+  },
+  {
+    key: "levelUp",
+    icon: /* @__PURE__ */ l(et, {}),
+    title: "上移一层",
+    onSelect: () => Gi()
+  },
+  {
+    key: "levelDown",
+    icon: /* @__PURE__ */ l(tt, {}),
+    title: "下移一层",
+    style: { borderBottom: "1px solid #e8e8e8" },
+    onSelect: () => Xi()
+  },
+  {
+    key: "lock",
+    icon: /* @__PURE__ */ l(Ht, {}),
+    title: "锁定",
+    onSelect: () => Ki()
+  },
+  {
+    key: "unlock",
+    icon: /* @__PURE__ */ l(zn, {}),
+    title: "解锁",
+    onSelect: () => qi()
+  },
+  {
+    key: "group",
+    icon: /* @__PURE__ */ l(Tn, {}),
+    title: "成组",
+    onSelect: () => Ui()
+  },
+  {
+    key: "ungroup",
+    icon: /* @__PURE__ */ l($n, {}),
+    title: "取消成组",
+    onSelect: () => Ji()
+  },
+  {
+    key: "copy",
+    icon: /* @__PURE__ */ l(Rn, {}),
+    title: "复制",
+    style: { borderTop: "1px solid #e8e8e8" },
+    onSelect: () => dn()
+  },
+  {
+    key: "delete",
+    icon: /* @__PURE__ */ l(de, {}),
+    title: "删除",
+    titleStyle: { gap: 6 },
+    onSelect: () => at()
+  },
+  {
+    key: "collect",
+    icon: /* @__PURE__ */ l(dt, {}),
+    title: "收藏",
+    onSelect: () => Yi()
+  }
+];
+function fc(e, t) {
+  var n;
+  return gn(e.clientX, e.clientY, mc, {
+    zIndex: (n = t == null ? void 0 : t.componentNode) == null ? void 0 : n.getMaxLevel(),
+    onBeforeOpen(i) {
+      let c = 0, a = !1;
+      const d = t.instance.getAllSelected(), o = d.map((s) => {
+        const r = s.getComponentNode();
+        return r != null && r.lock && c++, r.groupId && (a = !0), r;
+      });
+      return o.length ? i.filter((s) => s.key === "group" ? d.length > 1 : s.key === "ungroup" ? a : s.key === "lock" ? c !== o.length : s.key === "unlock" ? !!c : !0) : i;
+    }
+  });
+}
+const yc = [
+  {
+    key: "selectAll",
+    title: "全选",
+    icon: /* @__PURE__ */ l(Fn, {}),
+    onSelect: () => on()
+  },
+  {
+    key: "unselectAll",
+    title: "反选",
+    icon: /* @__PURE__ */ l(Hn, {}),
+    onSelect: () => De()
+  },
+  {
+    key: "clear",
+    title: "清空",
+    icon: /* @__PURE__ */ l(Rt, {}),
+    onSelect: () => Hi()
+  },
+  {
+    key: "saveLocal",
+    title: "保存",
+    icon: /* @__PURE__ */ l(p, {}),
+    onSelect: () => vt()
+  }
+];
+function vc(e, t) {
+  var n;
+  return gn(e.clientX, e.clientY, yc, {
+    zIndex: (n = t == null ? void 0 : t.componentNode) == null ? void 0 : n.getMaxLevel()
+  });
+}
+let ve = [];
+function Dt() {
+  ve.length && (ve.forEach((e) => e == null ? void 0 : e()), ve = []);
+}
+function _n(e) {
+  const { engine: t } = N();
+  gt(e, {
+    contextmenu(n) {
+      var d;
+      Dt(), n.preventDefault();
+      const i = ct(n.target, oe.componentNodeId, !0), c = t.instance.get(i), a = (d = c == null ? void 0 : c.getComponentNode) == null ? void 0 : d.call(c);
+      if (c && a) {
+        ve.push(fc(n, t));
+        return;
+      }
+      ve.push(vc(n, t));
+    }
+  }), Qt(() => {
+    Dt();
+  });
+}
+function bc() {
+  const { engine: e } = N(), t = Vt(), n = yt(), i = B(null), c = A(() => t.length ? /* @__PURE__ */ l("div", { className: Ue.componentNodes_block, children: t.map((a) => /* @__PURE__ */ l(
+    nc,
+    {
+      componentNode: a,
+      isSelected: e.instance.isSelected(a.id)
+    },
+    a.id
+  )) }) : /* @__PURE__ */ l(W, {}), [t, n]);
+  return _n(i), /* @__PURE__ */ g(
+    "div",
+    {
+      ref: i,
+      className: Ue.componentNodes,
+      onMouseDown: () => De(),
+      children: [
+        /* @__PURE__ */ g("div", { className: Ue.componentNodes_head, children: [
+          "当前页组件数量：",
+          t.length
+        ] }),
+        !t.length && /* @__PURE__ */ l(q, {}),
+        c
+      ]
+    }
+  );
+}
+const Cc = "_menubar_1ah1r_59", xc = "_menubar_item_1ah1r_67", Ic = "_menubar_item_selected_1ah1r_81", Je = {
+  menubar: Cc,
+  menubar_item: xc,
+  menubar_item_selected: Ic
+};
+function kc(e) {
+  var t, n;
+  return /* @__PURE__ */ l("div", { className: Je.menubar, children: (n = (t = e == null ? void 0 : e.list) == null ? void 0 : t.map) == null ? void 0 : n.call(t, (i) => {
+    const c = i.key === e.value;
+    return /* @__PURE__ */ l(T, { title: i == null ? void 0 : i.title, placement: "right", children: /* @__PURE__ */ l(
+      "div",
+      {
+        id: i == null ? void 0 : i.domId,
+        className: $(
+          Je.menubar_item,
+          c && Je.menubar_item_selected
+        ),
+        onClick: () => {
+          var a;
+          (a = e == null ? void 0 : e.onChange) == null || a.call(e, i == null ? void 0 : i.key);
+        },
+        children: i == null ? void 0 : i.icon
+      }
+    ) }, i == null ? void 0 : i.key);
+  }) });
+}
+const Sc = "_propertyItem_1r9fx_59", Nc = "_propertyItem_icon_1r9fx_68", wc = "_propertyItem_icon_disabled_1r9fx_75", Ec = "_propertyItemPopover_1r9fx_79", Ac = "_propertyItemPopover_description_1r9fx_84", Lc = "_propertyItemPopover_statistic_1r9fx_89", Dc = "_propertyItemPopover_body_1r9fx_92", Oc = "_propertyItemPopover_body_item_1r9fx_95", Pc = "_propertyItemPopover_body_item_icon_1r9fx_105", Mc = "_propertyItemPopover_title_1r9fx_108", J = {
+  propertyItem: Sc,
+  propertyItem_icon: Nc,
+  propertyItem_icon_disabled: wc,
+  propertyItemPopover: Ec,
+  propertyItemPopover_description: Ac,
+  propertyItemPopover_statistic: Lc,
+  propertyItemPopover_body: Dc,
+  propertyItemPopover_body_item: Oc,
+  propertyItemPopover_body_item_icon: Pc,
+  propertyItemPopover_title: Mc
+};
+function Bc(e) {
+  var s, r, u;
+  const { data: t } = e, n = ht(), { engine: i } = N(), c = (t == null ? void 0 : t.origin) !== "system", a = (t == null ? void 0 : t.origin) !== "system";
+  function d() {
+    const h = Li(t == null ? void 0 : t.id), _ = () => {
+      var m;
+      return (m = e == null ? void 0 : e.onDelete) == null ? void 0 : m.call(e, t, h);
+    };
+    h.length || _(), n({
+      content: /* @__PURE__ */ g("span", { children: [
+        /* @__PURE__ */ l("span", { children: "该操作会同时删除" }),
+        /* @__PURE__ */ g("span", { style: { color: "red" }, children: [
+          " ",
+          h.length,
+          " "
+        ] }),
+        /* @__PURE__ */ g("span", { children: [
+          "个相关实例 ，确定删除组件包“",
+          t.name,
+          "”？"
+        ] })
+      ] }),
+      onOk(m) {
+        _(), m();
+      }
+    });
+  }
+  async function o() {
+    const h = await i.component.getPackageSourceCode(t == null ? void 0 : t.id);
+    if (!h) {
+      E.warn("源码不存在");
+      return;
+    }
+    const _ = `${t == null ? void 0 : t.name}.js`;
+    Jt(h, _);
+  }
+  return /* @__PURE__ */ l(
+    st,
+    {
+      placement: "rightTop",
+      title: /* @__PURE__ */ g("div", { className: J.propertyItemPopover_title, children: [
+        /* @__PURE__ */ l("b", { children: t == null ? void 0 : t.name }),
+        /* @__PURE__ */ g("span", { style: { color: "rgba(0,0,0,0.25)" }, children: [
+          "v",
+          t == null ? void 0 : t.version
+        ] })
+      ] }),
+      content: /* @__PURE__ */ g(D, { direction: "vertical", className: J.propertyItemPopover, children: [
+        (t == null ? void 0 : t.description) && /* @__PURE__ */ l("div", { className: J.propertyItemPopover_description, children: t == null ? void 0 : t.description }),
+        /* @__PURE__ */ g("div", { className: J.propertyItemPopover_statistic, children: [
+          "共包含组件",
+          /* @__PURE__ */ g("b", { children: [
+            " ",
+            (s = t == null ? void 0 : t.components) == null ? void 0 : s.length,
+            " "
+          ] }),
+          "个："
+        ] }),
+        /* @__PURE__ */ l("div", { className: J.propertyItemPopover_body, children: /* @__PURE__ */ l(
+          D,
+          {
+            size: 4,
+            direction: "vertical",
+            style: { width: 300, maxHeight: 160, overflowY: "auto" },
+            children: (u = (r = t == null ? void 0 : t.components) == null ? void 0 : r.map) == null ? void 0 : u.call(r, (h) => /* @__PURE__ */ g("div", { className: J.propertyItemPopover_body_item, children: [
+              /* @__PURE__ */ l("div", { className: J.propertyItemPopover_body_item_icon, children: /* @__PURE__ */ l(
+                xe,
+                {
+                  src: h == null ? void 0 : h.icon,
+                  style: { maxHeight: "80%", maxWidth: 32 }
+                }
+              ) }),
+              /* @__PURE__ */ l("span", { children: h == null ? void 0 : h.cName })
+            ] }, h == null ? void 0 : h.cId))
+          }
+        ) })
+      ] }),
+      children: /* @__PURE__ */ g("div", { className: J.propertyItem, onContextMenu: (h) => h.preventDefault(), children: [
+        /* @__PURE__ */ l("span", { children: t == null ? void 0 : t.name }),
+        /* @__PURE__ */ g(D, { children: [
+          /* @__PURE__ */ l(
+            de,
+            {
+              title: "删除",
+              className: $(
+                J.propertyItem_icon,
+                !a && J.propertyItem_icon_disabled
+              ),
+              onClick: a ? d : void 0
+            }
+          ),
+          /* @__PURE__ */ l(
+            Kn,
+            {
+              title: "下载到本地",
+              className: $(
+                J.propertyItem_icon,
+                !c && J.propertyItem_icon_disabled
+              ),
+              onClick: a ? o : void 0
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+const jc = "_jsonEditor_13vbq_59", zc = "_jsonEditor_render_13vbq_68", Tc = "_jsonEditor_loading_13vbq_72", We = {
+  jsonEditor: jc,
+  jsonEditor_render: zc,
+  jsonEditor_loading: Tc
+};
+self.MonacoEnvironment = {
+  getWorker: function(e, t) {
+    const n = (i, c) => new Worker(self.MonacoEnvironment.getWorkerUrl(i), {
+      name: c,
+      type: "module"
+    });
+    switch (t) {
+      case "json":
+        return n("/monaco-editor/esm/vs/language/json/json.worker?worker", t);
+      case "typescript":
+      case "javascript":
+        return n("/monaco-editor/esm/vs/language/typescript/ts.worker?worker", t);
+      default:
+        return n("/monaco-editor/esm/vs/editor/editor.worker?worker", t);
+    }
+  }
+};
+function Y(e) {
+  const t = B(null), n = B();
+  return w(() => {
+    var c, a;
+    const i = Ni.editor.create(t.current, {
+      theme: "vs-light",
+      value: e == null ? void 0 : e.value,
+      language: (e == null ? void 0 : e.language) || "text",
+      fontSize: 12,
+      tabSize: 4,
+      lineDecorationsWidth: 0,
+      lineNumbersMinChars: 3,
+      readOnly: e == null ? void 0 : e.readOnly,
+      automaticLayout: !0,
+      ...e == null ? void 0 : e.options,
+      minimap: {
+        enabled: (e == null ? void 0 : e.minimap) ?? !0,
+        showSlider: void 0,
+        ...(c = e == null ? void 0 : e.options) == null ? void 0 : c.minimap
+      },
+      readOnlyMessage: {
+        value: "禁止编辑",
+        ...(a = e == null ? void 0 : e.options) == null ? void 0 : a.readOnlyMessage
+      }
+    });
+    return i.onDidChangeModelContent(() => {
+      var o;
+      const d = i.getValue();
+      (o = e == null ? void 0 : e.onChange) == null || o.call(e, d);
+    }), n.current = i, () => {
+      i.dispose();
+    };
+  }, [e == null ? void 0 : e.language]), mt(() => {
+    var c, a, d, o;
+    if (!(n != null && n.current)) {
+      console.error("monaco-editor init failed.");
+      return;
+    }
+    const i = `${(e == null ? void 0 : e.value) || ""}`;
+    i !== ((a = (c = n == null ? void 0 : n.current) == null ? void 0 : c.getValue) == null ? void 0 : a.call(c)) && ((o = (d = n.current) == null ? void 0 : d.setValue) == null || o.call(d, i));
+  }, [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 } }) })
+  ] });
+}
+const $c = ue((e) => {
+  const { params: t } = e, [n] = M.useForm(), [i, c] = S(!1), a = B("");
+  function d() {
+    n.validateFields(["url"]).then((s) => {
+      var r;
+      if (!["http", "https"].find((u) => {
+        var h, _;
+        return (_ = (h = s == null ? void 0 : s.url) == null ? void 0 : h.startsWith) == null ? void 0 : _.call(h, u);
+      })) {
+        E.error("地址格式不正确");
+        return;
+      }
+      c(!0), (r = it(s == null ? void 0 : s.url)) == null || r.then((u) => {
+        c(!1), a.current = s == null ? void 0 : s.url, n.setFieldsValue({
+          content: u
+        });
+      });
+    });
+  }
+  async function o() {
+    var r, u;
+    const s = n.getFieldValue("content");
+    s || E.warn("文本内容不能为空"), !(t != null && t.beforeOk && !await Promise.resolve((r = t == null ? void 0 : t.beforeOk) == null ? void 0 : r.call(t, s))) && ((u = e == null ? void 0 : e.onOk) == null || u.call(e, {
+      url: a.current,
+      content: s
+    }));
+  }
+  return /* @__PURE__ */ l(
+    re,
+    {
+      width: 800,
+      okText: "确定",
+      cancelText: "取消",
+      title: "远程读取",
+      open: e == null ? void 0 : e.visible,
+      afterClose: e == null ? void 0 : e.afterClose,
+      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(ee, { size: "middle" }) }),
+          /* @__PURE__ */ l(K, { type: "primary", onClick: d, loading: i, children: "读取" })
+        ] }) }),
+        /* @__PURE__ */ l(M.Item, { label: "文本", name: "content", children: /* @__PURE__ */ l(Y, { readOnly: !0, language: "javascript", style: { height: 400 } }) })
+      ] })
+    }
+  );
+}), Rc = [
+  { key: "local", label: /* @__PURE__ */ l("span", { className: "theme-text", children: "本地上传" }) },
+  { key: "remote", label: /* @__PURE__ */ l("span", { className: "theme-text", children: "远程导入" }) }
+];
+function Fc(e) {
+  const t = B(), n = B(""), i = $c({
+    onOk({ url: s }) {
+      if (!t.current) {
+        E.warn("package新增失败");
+        return;
+      }
+      t.current.origin = "remote", t.current.originData = s, c(t.current, n.current);
+    }
+  });
+  function c(s, r) {
+    var u;
+    if (!s) return E.warn("不包含组件包");
+    (u = e == null ? void 0 : e.onAdd) == null || u.call(e, s, r || "");
+  }
+  function a(s, r) {
+    var u;
+    if (!(s != null && s.length)) return E.warn("不包含组件包");
+    (u = e == null ? void 0 : e.onAddSome) == null || u.call(e, s, r);
+  }
+  async function d(s) {
+    var C;
+    const r = new Blob([s], { type: s.type }), h = await new ft().loadAsync(r), _ = (h == null ? void 0 : h.files) || {}, m = [], y = [];
+    for (const b in _) {
+      if (!((C = b == null ? void 0 : b.endsWith) != null && C.call(b, ".js")))
+        continue;
+      const f = await _[b].async("text"), v = await ze(f);
+      v && (v.origin = "local", m.push(v), y.push(f));
+    }
+    return {
+      pkgs: m,
+      codes: y
+    };
+  }
+  async function o(s) {
+    let r = "";
+    switch (s) {
+      case "local":
+        const u = await ln({ accept: "text/javascript,application/zip" });
+        if (!u)
+          return;
+        if (["application/x-zip-compressed", "application/zip"].includes(u == null ? void 0 : u.type)) {
+          const { pkgs: h, codes: _ } = await d(u);
+          a(h, _);
+          return;
+        }
+        if ((u == null ? void 0 : u.type) === "text/javascript") {
+          r = await cn(u);
+          const h = await ze(r);
+          if (!h)
+            return E.warn("文本内容必须为UMD或者AMD格式");
+          h.origin = "local", c(h, r);
+          return;
+        }
+        E.warn("只能上传 .js 和 .zip 文件");
+        break;
+      case "remote":
+        i.open({
+          async beforeOk(h) {
+            return n.current = h, t.current = await ze(h), t.current || E.warn("文本内容必须为UMD或者AMD格式"), !!t.current;
+          }
+        });
+        break;
+    }
+  }
+  return /* @__PURE__ */ l(W, { children: /* @__PURE__ */ l(
+    be,
+    {
+      trigger: ["click"],
+      menu: {
+        items: Rc,
+        onClick({ key: s }) {
+          o(s);
+        }
+      },
+      children: /* @__PURE__ */ l(K, { size: "small", style: { fontSize: 12 }, type: "primary", children: e == null ? void 0 : e.children })
+    }
+  ) });
+}
+const Ot = "./demo.umd.js", Pt = "./demo.amd.js", Hc = [
+  { key: "umd-demo", label: /* @__PURE__ */ l("span", { className: "theme-text", children: "下载示例组件包（UMD）" }) },
+  { key: "amd-demo", label: /* @__PURE__ */ l("span", { className: "theme-text", children: "下载示例组件包（AMD）" }) },
+  { key: "zip-demo", label: /* @__PURE__ */ l("span", { className: "theme-text", children: "下载示例组件包集合（.zip）" }) },
+  { key: "all", label: /* @__PURE__ */ l("span", { className: "theme-text", children: "下载全部资产" }) }
+];
+function Kc(e) {
+  async function t(n) {
+    var i;
+    switch (n) {
+      case "umd-demo":
+        It(Ot, "测试包2.js");
+        break;
+      case "amd-demo":
+        It(Pt, "测试包1.js");
+        break;
+      case "zip-demo":
+        const c = await it(Ot), a = await it(Pt), d = new ft();
+        d.file("测试包1.js", a), d.file("测试包2.js", c), d.generateAsync({ type: "blob" }).then(function(o) {
+          en(o, "组件包集合.zip");
+        });
+        break;
+      case "all":
+        (i = e == null ? void 0 : e.onDownloadAll) == null || i.call(e);
+        break;
+    }
+  }
+  return /* @__PURE__ */ l(W, { children: /* @__PURE__ */ l(
+    be,
+    {
+      trigger: ["click"],
+      menu: {
+        items: Hc,
+        onClick({ key: n }) {
+          t(n);
+        }
+      },
+      children: /* @__PURE__ */ l(K, { size: "small", style: { fontSize: 12 }, children: e == null ? void 0 : e.children })
+    }
+  ) });
+}
+const qc = "_property_zt9oy_59", Uc = "_property_header_zt9oy_68", Mt = {
+  property: qc,
+  property_header: Uc
+};
+function Jc() {
+  var o;
+  const e = Gt(), { engine: t } = N(), { loading: n, run: i } = pt(
+    async () => new Promise((s) => {
+      setTimeout(() => {
+        E.success("刷新成功"), s();
+      }, 500);
+    }),
+    {
+      manual: !0
+    }
+  );
+  function c(s, r) {
+    const u = Array.isArray(s) ? s : [s], h = Array.isArray(r) ? r : [r];
+    t.component.registerPackage(u), h.forEach((_, m) => {
+      t.component.savePackageSourceCode(u[m], _);
+    });
+  }
+  function a(s, r) {
+    t.component.unregisterPackage(s), t.componentNode.delete(r);
+  }
+  async function d() {
+    const s = e.map((r) => t.component.getPackageSourceCode(r.id));
+    Promise.all(s).then((r) => {
+      const u = new ft();
+      let h = 0;
+      if (r.forEach((_, m) => {
+        if (!_) return;
+        const y = e[m];
+        u.file(`${y.name}.js`, _), h++;
+      }), !h) {
+        E.warn("暂无组件包");
+        return;
+      }
+      u.generateAsync({ type: "blob" }).then(function(_) {
+        en(_, "组件包集合.zip");
+      });
+    });
+  }
+  return /* @__PURE__ */ g("div", { className: Mt.property, children: [
+    /* @__PURE__ */ g("div", { className: Mt.property_header, children: [
+      /* @__PURE__ */ g(D, { children: [
+        /* @__PURE__ */ l("b", { children: "资产列表" }),
+        /* @__PURE__ */ l(
+          "span",
+          {
+            title: "刷新资产",
+            className: "icon_clickable",
+            onClick: () => !n && i(),
+            children: n ? /* @__PURE__ */ l(Kt, {}) : /* @__PURE__ */ l(Q, {})
+          }
+        )
+      ] }),
+      /* @__PURE__ */ g(D, { children: [
+        /* @__PURE__ */ l(
+          Kc,
+          {
+            onDownloadAll: () => {
+              d();
+            },
+            children: "下载"
+          }
+        ),
+        /* @__PURE__ */ l(
+          Fc,
+          {
+            onAdd: (s, r) => {
+              c(s, r);
+            },
+            onAddSome: (s, r) => {
+              c(s, r);
+            },
+            children: "新增组件包"
+          }
+        )
+      ] })
+    ] }),
+    !e.length && /* @__PURE__ */ l(q, {}),
+    (o = e == null ? void 0 : e.map) == null ? void 0 : o.call(e, (s) => /* @__PURE__ */ l(
+      Bc,
+      {
+        data: s,
+        onDelete: (r, u) => {
+          a(r, u);
+        }
+      },
+      s.id
+    ))
+  ] });
+}
+const Wc = "_favorites_1mbr5_59", Vc = {
+  favorites: Wc
+}, Gc = "_favoriteItem_1ipdv_59", Xc = "_favoriteItem_head_1ipdv_74", Yc = "_favoriteItem_name_1ipdv_83", Zc = "_favoriteItem_footer_1ipdv_93", ke = {
+  favoriteItem: Gc,
+  favoriteItem_head: Xc,
+  favoriteItem_name: Yc,
+  favoriteItem_footer: Zc
+};
+function Qc(e) {
+  const { favorite: t } = e, n = B(null), i = B(null);
+  return sn(n, {
+    type: "create-favorite",
+    data: {
+      favorite: t
+    }
+  }), gt(i, {
+    mousedown(c) {
+      c.stopPropagation();
+    }
+  }), /* @__PURE__ */ g("div", { className: ke.favoriteItem, ref: n, children: [
+    /* @__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(qt, { 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: () => {
+        var c;
+        return (c = e == null ? void 0 : e.onDelete) == null ? void 0 : c.call(e);
+      } }) }),
+      /* @__PURE__ */ l(T, { title: "详情", children: /* @__PURE__ */ l(qn, { onClick: () => {
+        var c;
+        return (c = e == null ? void 0 : e.onDetail) == null ? void 0 : c.call(e);
+      } }) })
+    ] })
+  ] }, t.id);
+}
+const pc = ue((e) => {
+  var c;
+  const [t] = M.useForm(), n = (c = e == null ? void 0 : e.params) == null ? void 0 : c.favorite;
+  function i() {
+    t.validateFields().then((a) => {
+      var d;
+      (d = e == null ? void 0 : e.onOk) == null || d.call(e, {
+        ...n,
+        name: a == null ? void 0 : a.name
+      });
+    });
+  }
+  return w(() => {
+    e != null && e.visible && t.setFieldsValue({
+      name: n == null ? void 0 : n.name
+    });
+  }, [e == null ? void 0 : e.visible]), /* @__PURE__ */ l(
+    re,
+    {
+      centered: !0,
+      closable: !1,
+      open: e == null ? void 0 : e.visible,
+      onCancel: e == null ? void 0 : e.onCancel,
+      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(ee, { size: "middle", style: { flex: 1 } }) }),
+        /* @__PURE__ */ l(K, { type: "primary", onClick: i, children: "保存" })
+      ] }) }) })
+    }
+  );
+}), ea = "_favoriteDetailDialog_title_17m9n_67", ta = "_favoriteDetailDialog_componentNodes_17m9n_73", na = "_favoriteDetailDialog_item_17m9n_78", Ve = {
+  favoriteDetailDialog_title: ea,
+  favoriteDetailDialog_componentNodes: ta,
+  favoriteDetailDialog_item: na
+}, ia = ue((e) => {
+  var i, c, a, d;
+  const { engine: t } = N(), n = (i = e == null ? void 0 : e.params) == null ? void 0 : i.favorite;
+  return /* @__PURE__ */ g(
+    re,
+    {
+      centered: !0,
+      title: /* @__PURE__ */ l("div", { className: Ve.favoriteDetailDialog_title, children: n == null ? void 0 : n.name }),
+      open: e == null ? void 0 : e.visible,
+      onCancel: e == null ? void 0 : e.onCancel,
+      afterClose: e == null ? void 0 : e.afterClose,
+      okText: "保存",
+      cancelText: "取消",
+      footer: null,
+      bodyStyle: { padding: "12px 24px 24px", height: 500, overflowY: "hidden" },
+      children: [
+        /* @__PURE__ */ g(
+          je,
+          {
+            column: 2,
+            labelStyle: { color: "rgba(0,0,0,0.5)", fontSize: 12 },
+            contentStyle: { color: "rgba(0,0,0,0.5)", fontSize: 12 },
+            children: [
+              /* @__PURE__ */ l(je.Item, { label: "id", children: n == null ? void 0 : n.id }),
+              /* @__PURE__ */ l(je.Item, { label: "创建时间", children: n == null ? void 0 : n.gmtCreate })
+            ]
+          }
+        ),
+        /* @__PURE__ */ g("div", { className: Ve.favoriteDetailDialog_componentNodes, children: [
+          !((c = n == null ? void 0 : n.children) != null && c.length) && /* @__PURE__ */ l(q, {}),
+          (d = (a = n == null ? void 0 : n.children) == null ? void 0 : a.map) == null ? void 0 : d.call(a, (o) => {
+            const s = t.component.get(o.cId);
+            return /* @__PURE__ */ g("div", { className: Ve.favoriteDetailDialog_item, children: [
+              /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(
+                xe,
+                {
+                  src: s == null ? void 0 : s.icon,
+                  style: { maxWidth: "80%", maxHeight: "80%" }
+                }
+              ) }),
+              /* @__PURE__ */ l("span", { title: o.name, children: o.name })
+            ] }, o.id);
+          })
+        ] })
+      ]
+    }
+  );
+});
+function la() {
+  const { engine: e } = N(), t = Pi(), n = ia(), i = pc({
+    onOk(a) {
+      e.favorites.update(a.id, a);
+    }
+  });
+  function c(a) {
+    e.favorites.delete(a);
+  }
+  return /* @__PURE__ */ g("div", { className: Vc.favorites, children: [
+    !(t != null && t.length) && /* @__PURE__ */ l(q, {}),
+    t.map((a) => /* @__PURE__ */ l(
+      Qc,
+      {
+        favorite: a,
+        onDelete: () => c(a),
+        onEdit: () => {
+          i.open({
+            favorite: a
+          });
+        },
+        onDetail: () => {
+          n.open({
+            favorite: a
+          });
+        }
+      },
+      a.id
+    ))
+  ] });
+}
+const ca = "_pages_1ty8r_59", aa = "_pages_head_1ty8r_67", oa = "_pages_body_1ty8r_76", Ge = {
+  pages: ca,
+  pages_head: aa,
+  pages_body: oa
+}, da = ue((e) => {
+  const { params: t } = e, [n] = M.useForm();
+  function i(a) {
+    return {
+      name: a,
+      id: ut(),
+      parentId: t == null ? void 0 : t.parentId
+    };
+  }
+  function c() {
+    n.validateFields().then((a) => {
+      var d;
+      (d = e == null ? void 0 : e.onOk) == null || d.call(e, {
+        page: i(a.name),
+        parentId: t == null ? void 0 : t.parentId
+      });
+    });
+  }
+  return /* @__PURE__ */ l(
+    re,
+    {
+      centered: !0,
+      open: e == null ? void 0 : e.visible,
+      title: "新增页面",
+      afterClose: e == null ? void 0 : e.afterClose,
+      onCancel: e == null ? void 0 : e.onCancel,
+      onOk: c,
+      width: 500,
+      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(ee, {}) })
+      ] })
+    }
+  );
+});
+function ra() {
+  const { engine: e } = N(), [t, n] = S([]), [i, c] = S([]), [a, d, o] = oi([]), s = wi(), r = Ei(), u = da({
+    onOk({ page: b, parentId: I }) {
+      if (e.page.insert(b, I), Re(b.id), I) {
+        const f = Array.from(new Set(t).add(I));
+        h(f);
+      }
+    }
+  });
+  function h(b) {
+    n(b), e.config.setConfigSilently({ expandedPageIds: b });
+  }
+  function _(b) {
+    var I;
+    return ((I = b == null ? void 0 : b.reduce) == null ? void 0 : I.call(b, (f, v) => f.concat([v.key, ..._(v == null ? void 0 : v.children)]), [])) || [];
+  }
+  function m(b) {
+    u.open({
+      parentId: b.id,
+      parentName: b.name
+    });
+  }
+  function y(b, I = {}) {
+    var v, x, L, j, R, U, V;
+    const f = [b.id, ..._(I[b.id].children)];
+    if (((v = o.current) == null ? void 0 : v.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 = (U = o.current) == null ? void 0 : U[1]) == null ? void 0 : V.key), Re(Be);
+    }
+    e.page.delete(f);
+  }
+  function C(b, I = {}) {
+    const f = [];
+    return b.forEach((v) => {
+      var j, R, U;
+      const x = I[v.id], L = I[v.id] = {
+        key: (x == null ? void 0 : x.key) || v.id,
+        title: (x == null ? void 0 : x.title) || /* @__PURE__ */ g("span", { children: [
+          /* @__PURE__ */ l("span", { children: v.name }),
+          /* @__PURE__ */ g("span", { style: { fontSize: 12 }, onClick: (V) => V.stopPropagation(), children: [
+            /* @__PURE__ */ l("a", { style: { marginLeft: 16 }, onClick: () => m(v), children: "新增" }),
+            /* @__PURE__ */ l("a", { style: { marginLeft: 8 }, onClick: () => y(v, I), children: "删除" })
+          ] })
+        ] }),
+        children: (x == null ? void 0 : x.children) || []
+      };
+      if (v != null && v.parentId) {
+        (U = (R = I[j = v == null ? void 0 : v.parentId] || (I[j] = {
+          key: "",
+          title: "",
+          children: []
+        })) == null ? void 0 : R.children) == null || U.push(L);
+        return;
+      }
+      f.push(L);
+    }), f;
+  }
+  return w(() => {
+    n(e.config.getConfig().expandedPageIds || []);
+  }, []), w(() => {
+    d(C(s));
+  }, [s]), w(() => {
+    c([r]);
+  }, [r]), /* @__PURE__ */ g("div", { className: Ge.pages, children: [
+    /* @__PURE__ */ g("div", { className: Ge.pages_head, children: [
+      /* @__PURE__ */ l("b", { children: "页面管理" }),
+      /* @__PURE__ */ l(D, { children: /* @__PURE__ */ l(
+        K,
+        {
+          type: "primary",
+          size: "small",
+          style: { fontSize: 12 },
+          onClick: () => {
+            u.open();
+          },
+          children: "新增页面"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ l("div", { className: Ge.pages_body, children: /* @__PURE__ */ l(
+      pn,
+      {
+        showIcon: !0,
+        multiple: !1,
+        defaultExpandAll: !0,
+        icon: /* @__PURE__ */ l(Un, {}),
+        treeData: a,
+        selectedKeys: i,
+        expandedKeys: t,
+        onExpand: h,
+        onSelect: (b) => {
+          b.length && Re(b == null ? void 0 : b[0]);
+        }
+      }
+    ) })
+  ] });
+}
+const sa = "_history_zo6ip_59", ua = "_history_head_zo6ip_71", ha = "_history_body_zo6ip_75", ga = "_history_item_zo6ip_80", _a = "_history_item_gray_zo6ip_88", _e = {
+  history: sa,
+  history_head: ua,
+  history_body: ha,
+  history_item: ga,
+  history_item_gray: _a
+};
+function ma() {
+  var c, a, d, o;
+  const { engine: e } = N(), t = an(), n = (c = t.current) == null ? void 0 : c.stepId;
+  function i(s) {
+    e.history.isPass(s) && n === s ? bt() : Qi(s);
+  }
+  return /* @__PURE__ */ g("div", { className: _e.history, children: [
+    /* @__PURE__ */ l("div", { className: _e.history_head, children: /* @__PURE__ */ g("b", { children: [
+      "最大存储容量：",
+      t == null ? void 0 : t.maxSize
+    ] }) }),
+    /* @__PURE__ */ g("div", { className: _e.history_body, children: [
+      (d = (a = t == null ? void 0 : t.list) == null ? void 0 : a.map) == null ? void 0 : d.call(a, (s) => /* @__PURE__ */ l(
+        "div",
+        {
+          className: $(_e.history_item, !s.isPass && _e.history_item_gray),
+          onClick: () => {
+            i(s.stepId);
+          },
+          children: s.description
+        },
+        s.stepId
+      )),
+      !((o = t == null ? void 0 : t.list) != null && o.length) && /* @__PURE__ */ l(q, {})
+    ] })
+  ] });
+}
+function fa() {
+  const { engine: e } = N(), [t, n] = se(), i = A(() => [
+    {
+      key: "library",
+      domId: "rbs-library",
+      icon: /* @__PURE__ */ l(Jn, {}),
+      title: t("menu.bar.library"),
+      children: /* @__PURE__ */ l(Wl, {})
+    },
+    {
+      key: "pages",
+      domId: "rbs-pages",
+      icon: /* @__PURE__ */ l(Wn, {}),
+      title: t("menu.bar.pages"),
+      children: /* @__PURE__ */ l(ra, {})
+    },
+    {
+      key: "componentNodes",
+      domId: "rbs-componentNodes",
+      icon: /* @__PURE__ */ l(Vn, {}),
+      title: t("menu.bar.componentNodes"),
+      children: /* @__PURE__ */ l(bc, {})
+    },
+    {
+      key: "property",
+      domId: "rbs-property",
+      icon: /* @__PURE__ */ l(Gn, {}),
+      title: t("menu.bar.property"),
+      children: /* @__PURE__ */ l(Jc, {})
+    },
+    {
+      key: "favorites",
+      domId: "rbs-favorites",
+      icon: /* @__PURE__ */ l(dt, {}),
+      title: t("menu.bar.favorites"),
+      children: /* @__PURE__ */ l(la, {})
+    },
+    {
+      key: "history",
+      domId: "rbs-history",
+      icon: /* @__PURE__ */ l(Xn, {}),
+      title: t("menu.bar.history"),
+      children: /* @__PURE__ */ l(ma, {})
+    }
+  ], [n.language]), c = Ee((r) => r.currentMenu), [a, d] = S(""), o = A(() => {
+    var r;
+    return (r = i.find((u) => u.key === a)) == null ? void 0 : r.children;
+  }, [a]);
+  function s(r) {
+    d(r), e.config.setConfigSilently({
+      currentMenu: r
+    });
+  }
+  return w(() => {
+    const { currentMenu: r } = e.config.getConfig(), u = i.find((h) => h.key === r);
+    d((u == null ? void 0 : u.key) || i[0].key);
+  }, [c]), /* @__PURE__ */ g("div", { className: He.menu, children: [
+    /* @__PURE__ */ l("div", { className: He.menu_bar, children: /* @__PURE__ */ l(kc, { value: a, list: i, onChange: s }) }),
+    /* @__PURE__ */ l("div", { className: He.menu_main, children: o })
+  ] });
+}
+const ya = "_editor_82kko_59", va = "_editor_render_82kko_65", Bt = {
+  editor: ya,
+  editor_render: va
+}, ba = "_flexCenter_1kt3d_29", Ca = "_icon_clickable_1kt3d_49", xa = "_icon_selected_1kt3d_56", Ia = "_moveItem_box_1kt3d_59", ka = "_moveItem_box_lock_1kt3d_69", Sa = "_moveItem_box_selected_1kt3d_72", Na = "_moveItem_box_hover_1kt3d_79", wa = "_dragPointCommon_1kt3d_83", Ea = "_p_top_1kt3d_92", Aa = "_p_left_1kt3d_95", La = "_p_right_1kt3d_98", Da = "_p_bottom_1kt3d_101", Oa = "_p_horizontal_mid_1kt3d_104", Pa = "_p_vertical_mid_1kt3d_107", Ma = "_dragPoint_top_1kt3d_110", Ba = "_dragPoint_top_left_1kt3d_123", ja = "_dragPoint_top_right_1kt3d_136", za = "_dragPoint_bottom_1kt3d_149", Ta = "_dragPoint_bottom_left_1kt3d_162", $a = "_dragPoint_bottom_right_1kt3d_175", Ra = "_dragPoint_left_1kt3d_188", Fa = "_dragPoint_right_1kt3d_201", ie = {
+  flexCenter: ba,
+  "theme-text": "_theme-text_1kt3d_34",
+  "theme-color": "_theme-color_1kt3d_38",
+  "text-ellipsis": "_text-ellipsis_1kt3d_41",
+  "border-right": "_border-right_1kt3d_46",
+  icon_clickable: Ca,
+  icon_selected: xa,
+  moveItem_box: Ia,
+  moveItem_box_lock: ka,
+  moveItem_box_selected: Sa,
+  moveItem_box_hover: Na,
+  dragPointCommon: wa,
+  p_top: Ea,
+  p_left: Aa,
+  p_right: La,
+  p_bottom: Da,
+  p_horizontal_mid: Oa,
+  p_vertical_mid: Pa,
+  dragPoint_top: Ma,
+  dragPoint_top_left: Ba,
+  dragPoint_top_right: ja,
+  dragPoint_bottom: za,
+  dragPoint_bottom_left: Ta,
+  dragPoint_bottom_right: $a,
+  dragPoint_left: Ra,
+  dragPoint_right: Fa
+}, Ha = [
+  "top",
+  "top_left",
+  "top_right",
+  "bottom",
+  "bottom_left",
+  "bottom_right",
+  "left",
+  "right"
+], Ka = {
+  top: "n-resize",
+  top_left: "nw-resize",
+  top_right: "ne-resize",
+  bottom: "s-resize",
+  bottom_left: "sw-resize",
+  bottom_right: "se-resize",
+  left: "w-resize",
+  right: "e-resize"
+};
+function qa(e, t, n) {
+  const i = {
+    dx: 0,
+    dy: 0,
+    dw: 0,
+    dh: 0
+  };
+  function c() {
+    i.dh = -n, i.dy = n;
+  }
+  function a() {
+    i.dw = -t, i.dx = t;
+  }
+  function d() {
+    i.dh = n;
+  }
+  function o() {
+    i.dw = t;
+  }
+  switch (e) {
+    case "top":
+      c();
+      break;
+    case "top_left":
+      c(), a();
+      break;
+    case "top_right":
+      c(), o();
+      break;
+    case "bottom":
+      d();
+      break;
+    case "bottom_left":
+      d(), a();
+      break;
+    case "bottom_right":
+      d(), o();
+      break;
+    case "left":
+      a();
+      break;
+    case "right":
+      o();
+      break;
+  }
+  return i;
+}
+function Ua(e, t, n) {
+  let i = {
+    x: 0,
+    y: 0,
+    width: t.offsetWidth,
+    height: t.offsetHeight
+  };
+  const c = k.getActiveEngine();
+  if (c)
+    return {
+      onStart() {
+        i = {
+          x: e.x,
+          y: e.y,
+          width: e.width,
+          height: e.height
+        }, t.style.zIndex = `${c.componentNode.getMaxLevel()}`, ae.set(Ka[n]);
+      },
+      onMove(a, d) {
+        const o = qa(n, a, d), s = i.width + o.dw, r = i.height + o.dh;
+        s < 0 || r < 0 || c.componentNode.update(e.id, {
+          x: Math.round(i.x + o.dx),
+          y: Math.round(i.y + o.dy),
+          height: Math.round(Math.max(r, 0)),
+          width: Math.round(Math.max(s, 0))
+        });
+      },
+      onEnd() {
+        ae.revoke(), O("拖拽组件大小");
+      }
+    };
+}
+const Ja = Cn((e, t) => {
+  const { componentNode: n } = e, i = B(null), [c, a] = S(!1), d = Ee((o) => o.scale);
+  return xn(t, () => ({
+    // 经过实例
+    handleHover() {
+      var o, s, r;
+      (r = (s = (o = i.current) == null ? void 0 : o.classList) == null ? void 0 : s.add) == null || r.call(s, ie.moveItem_box_hover);
+    },
+    // 离开实例
+    handleUnHover() {
+      var o, s, r;
+      (r = (s = (o = i.current) == null ? void 0 : o.classList) == null ? void 0 : s.remove) == null || r.call(s, ie.moveItem_box_hover);
+    },
+    // 选中实例样式
+    handleSelected() {
+      a(!0);
+    },
+    // 取消选中实例样式
+    handleUnSelected() {
+      a(!1);
+    }
+  })), A(() => /* @__PURE__ */ l(
+    "div",
+    {
+      [`data-${oe.componentNodeId}`]: n.id,
+      ref: i,
+      className: $(
+        ie.moveItem_box,
+        c && ie.moveItem_box_selected,
+        n.lock && ie.moveItem_box_lock
+      ),
+      children: c && !n.lock && Ha.map((o) => /* @__PURE__ */ l(
+        "div",
+        {
+          style: { transform: d < 1 ? `scale(${1 / d})` : void 0 },
+          className: ie[`dragPoint_${o}`],
+          [`data-${oe.dragDirection}`]: o
+        },
+        o
+      ))
+    }
+  ), [n.lock, c, d]);
+});
+function Wa(e) {
+  var d;
+  const { engine: t } = N(), [n, i] = S(
+    e == null ? void 0 : e.componentNode
+  ), c = n ? (n == null ? void 0 : n.show) ?? !0 : !1, a = A(
+    () => t.component.get(e == null ? void 0 : e.componentNode.cId),
+    [(d = e == null ? void 0 : e.componentNode) == null ? void 0 : d.cId, e == null ? void 0 : e.packages]
+  );
+  return tn(() => t.componentNode.onChange(e == null ? void 0 : e.componentNode.id, ({ payload: o }) => {
+    i({ ...o });
+  })), mt(() => {
+    i(e == null ? void 0 : e.componentNode);
+  }, [e == null ? void 0 : e.componentNode]), a && c ? /* @__PURE__ */ l(Va, { componentNode: n, component: a }) : /* @__PURE__ */ l(W, {});
+}
+function Va(e) {
+  const { component: t, componentNode: n } = e, i = nn(n), c = B(null), { dataSource: a, requestInstance: d } = ui(n), o = hi(n.id), s = gi(n.id), r = B(null), u = _i({
+    id: n.id,
+    // 经过实例
+    handleHover() {
+      var h, _;
+      (_ = (h = r == null ? void 0 : r.current) == null ? void 0 : h.handleHover) == null || _.call(h);
+    },
+    // 离开实例
+    handleUnHover() {
+      var h, _;
+      (_ = (h = r == null ? void 0 : r.current) == null ? void 0 : h.handleUnHover) == null || _.call(h);
+    },
+    // 选中实例样式
+    handleSelected() {
+      var h, _;
+      (_ = (h = r == null ? void 0 : r.current) == null ? void 0 : h.handleSelected) == null || _.call(h);
+    },
+    // 取消选中实例样式
+    handleUnSelected() {
+      var h, _;
+      (_ = (h = r == null ? void 0 : r.current) == null ? void 0 : h.handleUnSelected) == null || _.call(h);
+    },
+    // 获取容器dom
+    getContainerDom() {
+      return c.current;
+    },
+    // 获取对应的 componentNode
+    getComponentNode() {
+      return i.current;
+    },
+    // 获取实例的 component
+    getComponent() {
+      return t;
+    },
+    // 重新载入request配置
+    reloadRequest() {
+      d.reload();
+    },
+    // 立刻请求一次
+    request: (h, _) => d.request(h, _)
+  });
+  return /* @__PURE__ */ g(
+    "div",
+    {
+      ref: c,
+      style: {
+        position: "absolute",
+        opacity: n.lock ? 0.75 : 1,
+        left: n.x,
+        top: n.y,
+        width: n.width,
+        height: n.height,
+        zIndex: n.level
+      },
+      onMouseEnter: () => {
+        u.handleHover();
+      },
+      onMouseLeave: () => {
+        u.handleUnHover();
+      },
+      children: [
+        /* @__PURE__ */ l(Tt, { children: /* @__PURE__ */ l(
+          t.component,
+          {
+            useExpose: s,
+            handleTrigger: o,
+            dataSource: a,
+            options: n.options,
+            width: n.width,
+            height: n.height,
+            componentNode: n
+          }
+        ) }),
+        /* @__PURE__ */ l(Ja, { ref: r, componentNode: n })
+      ]
+    }
+  );
+}
+function Ga(e) {
+  const t = k.getActiveEngine();
+  t && Ae(e) && t.instance.getAllSelected().length && (t.instance.unselectAll(), O("取消选中组件"));
+}
+function Xa(e, t) {
+  const n = Ae(t), i = Pe("shift"), c = k.getActiveEngine();
+  if (!c || e.lock && n && !i)
+    return;
+  t.stopPropagation();
+  const a = Xt(t);
+  if (n || a) {
+    if (c.instance.isSelected(e.id)) {
+      i && c.instance.unselect(e.id);
+      return;
+    }
+    const d = e.groupId ? c.componentNode.getGroupComponentNodeIds(e.groupId) : [e.id];
+    c.instance.select(d, !i), O("选中组件");
+  }
+}
+function Ya(e) {
+  var s;
+  const t = e.getComponentNode();
+  if (!t || t != null && t.lock)
+    return;
+  const n = (s = e == null ? void 0 : e.getContainerDom) == null ? void 0 : s.call(e);
+  if (!n)
+    throw new Error("dom must be set.");
+  let i = [], c = !1;
+  const a = n.style.pointerEvents;
+  let d = !1, o;
+  return {
+    onStart() {
+      return ae.set("move"), setTimeout(() => {
+        let { list: r, showCount: u } = pa();
+        i = r, c = u < 300, o = Zt(
+          (h, _) => {
+            Za(i, c, h, _);
+          },
+          u < 100 ? 0 : 20,
+          {
+            trailing: !0
+          }
+        );
+      }), !1;
+    },
+    onMove(r, u) {
+      d || (n.style.pointerEvents = "none", d = !0), o == null || o(r, u);
+    },
+    onEnd(r, u) {
+      ae.revoke(), d && (n.style.pointerEvents = a, Qa(i, c, r, u), i != null && i.length && O("移动组件"), d = !1, o = void 0);
+    }
+  };
+}
+function Za(e, t, n, i) {
+  e.forEach((c) => {
+    if (!c.show) return;
+    const a = c.containerDom;
+    if (t)
+      a.style.transform = `translate3d(${n}px,${i}px, 0)`;
+    else {
+      const d = c.componentNode;
+      a.style.left = `${d.x + n}px`, a.style.top = `${d.y + i}px`;
+    }
+  });
+}
+function Qa(e, t, n, i) {
+  const c = k.getActiveEngine();
+  c && e.forEach((a) => {
+    a != null && a.show && t && a.containerDom.style.removeProperty("transform");
+    const d = a == null ? void 0 : a.componentNode;
+    d && c.componentNode.update(d.id, {
+      x: Math.round(n + ((d == null ? void 0 : d.x) || 0)),
+      y: Math.round(i + ((d == null ? void 0 : d.y) || 0))
+    });
+  });
+}
+function pa() {
+  const e = k.getActiveEngine();
+  return e ? Oe().reduce(
+    (n, i) => {
+      var d, o, s, r;
+      const c = i.show ?? !0;
+      c && n.showCount++;
+      const a = {
+        id: i.id,
+        componentNode: i,
+        show: c,
+        containerDom: (r = (s = (o = (d = e.instance) == null ? void 0 : d.get) == null ? void 0 : o.call(d, i.id)) == null ? void 0 : s.getContainerDom) == null ? void 0 : r.call(s)
+      };
+      return n.list.push(a), n;
+    },
+    {
+      showCount: 0,
+      list: []
+    }
+  ) : {
+    showCount: 0,
+    list: []
+  };
+}
+const eo = "_rangeBox_12c3t_59", to = {
+  rangeBox: eo
+}, jt = Zt((e, t) => {
+  const n = k.getActiveEngine();
+  if (!n) return;
+  const i = n.componentNode.getAll().reduce((c, a) => {
+    const d = {
+      x1: a.x,
+      y1: a.y,
+      x2: a.x + a.width,
+      y2: a.y + a.height
+    }, o = {
+      x1: e.x,
+      y1: e.y,
+      x2: e.x + e.width,
+      y2: e.y + e.height
+    };
+    return ki(d, o) && (!a.lock || a.lock && Pe("shift")) && c.push(a.id), c;
+  }, []);
+  n.instance.select(i, !0), t == null || t(i);
+}, 100);
+let F;
+function no(e) {
+  let t = { x: 0, y: 0 }, n = 1;
+  function i(a = 0, d = 0) {
+    const o = a * n, s = d * n, r = t.x + o, u = t.y + s, h = {
+      x: t.x,
+      y: t.y,
+      width: Math.abs(a),
+      height: Math.abs(d)
+    };
+    return r < h.x && (h.x = r), u < h.y && (h.y = u), h.x /= n, h.y /= n, h;
+  }
+  function c() {
+    F && (F == null || F.remove(), F = void 0);
+  }
+  return {
+    onStart(a, d, o) {
+      const s = k.getActiveEngine();
+      if (!s)
+        return;
+      c();
+      const { x: r = 0, y: u = 0 } = o || {};
+      n = s.config.getConfig().scale;
+      const h = e.getBoundingClientRect();
+      t.x = r - h.x, t.y = u - h.y, F = document.createElement("div"), F.classList.add(to.rangeBox), F.style.zIndex = `${s.componentNode.getMaxLevel()}`, e.appendChild(F), ae.set("default");
+    },
+    onMove(a, d) {
+      if (!F) return;
+      const o = i(a, d);
+      F.style.top = `${o.y}px`, F.style.left = `${o.x}px`, F.style.width = `${o.width}px`, F.style.height = `${o.height}px`, F.style.borderWidth = "1px", jt(o);
+    },
+    onEnd(a, d) {
+      c(), ae.revoke();
+      const o = i(a, d);
+      (o.width || o.height) && jt(o, (s) => {
+        s.length && O("范围选中组件");
+      });
+    }
+  };
+}
+function io(e, t) {
+  return {
+    onEnd(n, i, c) {
+      setTimeout(() => {
+        var h;
+        const a = k.getActiveEngine();
+        if (!a)
+          return;
+        const d = a.config.getConfig().scale, o = e.getComponentNode(), s = e.getContainerDom();
+        if (!o || o != null && o.lock || !s)
+          return;
+        const r = ((h = s == null ? void 0 : s.getBoundingClientRect) == null ? void 0 : h.call(s)) || { x: 0, y: 0 }, u = co(o, {
+          x: (c.x - r.x) / d + o.x,
+          // 鼠标在编辑器上的虚拟坐标
+          y: (c.y - r.y) / d + o.y
+        });
+        t == null || t(u);
+      });
+    }
+  };
+}
+function lo(e, t) {
+  const n = k.getActiveEngine();
+  if (!n)
+    return;
+  const i = n.componentNode.getAll().reduce((d, o) => {
+    var s;
+    return (o.show ?? !0) && o.category === "layout" && // layout类组件
+    o.id !== e.id && // 不能拖拽到自身（如果自身拖拽组件是layout类型时）
+    Si(t, n.componentNode.getCoordinate(o)) && (d[s = `${o.level}`] || (d[s] = [])).push(o), d;
+  }, {}), c = Object.values(i), a = c[c.length - 1];
+  return a == null ? void 0 : a[(a == null ? void 0 : a.length) - 1];
+}
+function co(e, t) {
+  const n = k.getActiveEngine();
+  if (!n)
+    return;
+  const i = lo(e, {
+    x: t.x,
+    y: t.y
+  });
+  if (i) {
+    const a = i == null ? void 0 : i.currentPanelId;
+    if (!a || n.componentNode.isInPanel(a, e))
+      return;
+    const d = n.componentNode.getPanelName(a) || "目标";
+    return kt({
+      title: "移入提醒",
+      content: `确定放入面板“${d}”？`,
+      onOk(o) {
+        n.instance.getAllSelected().forEach((s) => {
+          const r = n.componentNode.get(s.id);
+          n.componentNode.insertPanel(a, r);
+        }), n.instance.select(i.id, !0), O(`移入面板 “${d}”`), o();
+      }
+    });
+  }
+  const c = e.panelId;
+  if (c) {
+    const a = n.componentNode.getPanelName(c) || "目标";
+    return kt({
+      title: "移出提醒",
+      content: `是否移出面板“${a}”?`,
+      onOk(d) {
+        n.instance.getAllSelected().forEach((o) => {
+          const s = n.componentNode.get(o.id);
+          n.componentNode.removeFromPanel(s), O(`移出面板 “${a}”`);
+        }), d();
+      }
+    });
+  }
+}
+function ao(e) {
+  const t = B([]), { 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 = []);
+  }
+  gt(e, {
+    mousedown(c) {
+      var m;
+      const a = e.current;
+      if (!a) throw new Error("dom must be exist.");
+      i();
+      const d = Ae(c), o = Xt(c), s = Pe("shift"), r = ct(c.target, oe.componentNodeId, !0), u = n.instance.get(r), h = (m = u == null ? void 0 : u.getComponentNode) == null ? void 0 : m.call(u), _ = o ? !0 : h != null && h.lock ? d && s : d;
+      if (u && h && _) {
+        if (Xa(h, c), !(h != null && h.lock) && d) {
+          const y = ct(
+            c.target,
+            oe.dragDirection
+          );
+          t.current.push(
+            St({
+              startX: c.x,
+              startY: c.y,
+              startEvent: c,
+              scale: n.config.getConfig().scale,
+              hookQueue: [
+                // 监听拖拽大小
+                y && Ua(h, c.target, y),
+                // 监听拖拽移动
+                !y && Ya(u),
+                // 监听是否放置到 layout 组件
+                io(u, (C) => {
+                  t.current.push(C);
+                })
+              ]
+            })
+          );
+        }
+        return;
+      }
+      Ga(c), t.current.push(
+        St({
+          startX: c.x,
+          startY: c.y,
+          startEvent: c,
+          scale: n.config.getConfig().scale,
+          hookQueue: [
+            // 监听创建范围多选框（左键按住范围框选）
+            d && no(a)
+          ]
+        })
+      );
+    }
+  }), Qt(() => {
+    i();
+  });
+}
+function oo(e) {
+  const { engine: t } = N();
+  un(e, {
+    accept: ["create-component"],
+    onDrop: (n, i) => {
+      const c = e.current;
+      if (!c)
+        throw new Error("dom must be exist.");
+      const { data: a } = i;
+      if (!(a == null ? void 0 : a.component))
+        return;
+      const o = c.getBoundingClientRect(), s = t.config.getConfig().scale, r = t.componentNode.createFromComponent(a.component, {
+        x: Math.round((n.x - o.x) / s),
+        // 真实坐标转为编辑器坐标 （scale 越小，编辑器面积越小，真实像素变化映射到虚拟像素越大）
+        y: Math.round((n.y - o.y) / s),
+        pageId: t.config.getCurrentPage()
+      });
+      t.componentNode.add(r), setTimeout(async () => {
+        t.instance.select(r.id, !0), O(`新增一个组件 “${r.cName}”`);
+      });
+    }
+  });
+}
+function ro(e) {
+  const { engine: t } = N();
+  un(e, {
+    accept: ["create-favorite"],
+    onDrop: (n, i) => {
+      var b, I;
+      const c = e.current;
+      if (!c)
+        throw new Error("dom must be exist.");
+      const a = c.getBoundingClientRect(), d = (b = i.data) == null ? void 0 : b.favorite;
+      (I = d.children) != null && I.length || E.warn("收藏元素为空");
+      const o = Math.round(n.x - a.x), s = Math.round(n.y - a.y), r = d.children[0], { x: u, y: h } = d.children.reduce(
+        (f, v) => (f.x = Math.min(f.x, v.x), f.y = Math.min(f.y, v.y), f),
+        {
+          x: r.x,
+          y: r.y
+        }
+      ), _ = t.config.getCurrentPage(), m = [], y = t.config.getConfig().scale, C = t.componentNode.cloneComponentNodes(d.children, {
+        onClone(f, v) {
+          v.x = Math.round((o + (v.x - u)) / y), v.y = Math.round((s + (v.y - h)) / y), v.pageId = _, m.push(v.id);
+        }
+      });
+      t.componentNode.add(C), setTimeout(() => {
+        t.instance.select(m, !0), O(`新增收藏组件 “${d.name}”`);
+      });
+    }
+  });
+}
+const so = () => {
+  const { engine: e } = N(), t = B(null), n = B(null), i = Gt(), c = Vt(), a = A(() => {
+    if (i.length)
+      return c == null ? void 0 : c.map((d) => /* @__PURE__ */ l(
+        Wa,
+        {
+          componentNode: d,
+          packages: i
+        },
+        d.id
+      ));
+  }, [c, i]);
+  return ao(n), _n(t), oo(n), ro(n), w(() => e.componentNode.onDelete((d) => {
+    e.page.removeGlobalComponentNode(d);
+  }), []), /* @__PURE__ */ l(
+    "div",
+    {
+      ref: t,
+      className: Bt.editor,
+      onMouseDown: () => De(),
+      children: /* @__PURE__ */ l(mi, { ref: n, className: Bt.editor_render, children: a })
+    }
+  );
+}, uo = "_attributes_esabd_59", ho = {
+  attributes: uo
+}, go = "_singleInstanceAttributesBase_description_x66dv_59", _o = "_singleInstanceAttributesBase_body_x66dv_64", mo = "_singleInstanceAttributesBase_label_x66dv_67", fo = "_singleInstanceAttributesBase_x66dv_59", Z = {
+  singleInstanceAttributesBase_description: go,
+  singleInstanceAttributesBase_body: _o,
+  singleInstanceAttributesBase_label: mo,
+  singleInstanceAttributesBase: fo
+}, yo = "_opacity0_1lvzj_59", vo = "_editText_1lvzj_62", bo = "_editText_text_1lvzj_69", Xe = {
+  opacity0: yo,
+  editText: vo,
+  editText_text: bo
+};
+function Co(e) {
+  const [t, n] = S(!1), [i, c] = S("");
+  function a() {
+    c((e == null ? void 0 : e.value) || ""), n(!0);
+  }
+  function d() {
+    var o;
+    if (!i) {
+      E.warn(e == null ? void 0 : e.emptyMessage);
+      return;
+    }
+    n(!1), (o = e == null ? void 0 : e.onChange) == null || o.call(e, i);
+  }
+  return w(() => {
+    n(!1);
+  }, [e == null ? void 0 : e.value]), /* @__PURE__ */ g("div", { className: Xe.editText, children: [
+    t ? /* @__PURE__ */ l(
+      ee,
+      {
+        value: i,
+        style: { width: "100%" },
+        onChange: (o) => c(o),
+        onPressEnter: () => {
+          t && d();
+        }
+      }
+    ) : /* @__PURE__ */ l("b", { className: Xe.editText_text, title: `${(e == null ? void 0 : e.value) || ""}`, children: e == null ? void 0 : e.value }),
+    t ? /* @__PURE__ */ l(p, { className: "icon_clickable", onClick: d }) : /* @__PURE__ */ l(
+      qt,
+      {
+        className: $(Xe.opacity0, "icon_clickable"),
+        onClick: a
+      }
+    )
+  ] });
+}
+function xo() {
+  const { engine: e } = N(), { componentNode: t } = he(), [n] = M.useForm(), i = A(() => e.component.get(t == null ? void 0 : t.cId), [t == null ? void 0 : t.cId]), c = i == null ? void 0 : i.attributesComponent;
+  function a(d) {
+    d || e.page.removeGlobalComponentNode(t == null ? void 0 : t.id);
+  }
+  return w(() => {
+    t && n.setFieldsValue({
+      ...t,
+      isAllPage: !!(t != null && t.isAllPage)
+    });
+  }, [t]), /* @__PURE__ */ g(
+    M,
+    {
+      form: n,
+      className: Z.singleInstanceAttributesBase,
+      onValuesChange: (d) => {
+        let o = "修改组件";
+        d.hasOwnProperty("isAllPage") && (a(d.isAllPage), o = d.isAllPage ? "设置组件全页面" : "取消组件全页面"), e.componentNode.update(t == null ? void 0 : t.id, d), O(o);
+      },
+      children: [
+        /* @__PURE__ */ l("div", { className: Z.singleInstanceAttributesBase_description, children: /* @__PURE__ */ g(nt, { children: [
+          /* @__PURE__ */ l(H, { span: 24, style: { marginBottom: 6 }, children: /* @__PURE__ */ l(
+            Co,
+            {
+              emptyMessage: "请填写名称",
+              value: t == null ? void 0 : t.name,
+              onChange: (d) => {
+                e.componentNode.update(t == null ? void 0 : t.id, {
+                  name: d
+                });
+              }
+            }
+          ) }),
+          /* @__PURE__ */ g(H, { span: 24, children: [
+            "id：",
+            (t == null ? void 0 : t.id) || "-"
+          ] }),
+          /* @__PURE__ */ g(H, { span: 24, children: [
+            "cId：",
+            (t == null ? void 0 : t.cId) || "-"
+          ] }),
+          /* @__PURE__ */ g(H, { span: 24, children: [
+            "cName：",
+            (t == null ? void 0 : t.cName) || "-"
+          ] })
+        ] }) }),
+        /* @__PURE__ */ g("div", { className: Z.singleInstanceAttributesBase_body, children: [
+          /* @__PURE__ */ g("div", { children: [
+            /* @__PURE__ */ g(nt, { gutter: [8, 8], style: { fontSize: 12 }, children: [
+              /* @__PURE__ */ l(H, { span: 3, className: Z.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: 3, className: Z.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: 3, className: Z.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: 3, className: Z.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__ */ 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, {}) }) })
+            ] })
+          ] }),
+          t && c && /* @__PURE__ */ l("div", { style: { paddingTop: 8 }, children: /* @__PURE__ */ l(Tt, { children: /* @__PURE__ */ l(
+            c,
+            {
+              componentNode: t,
+              onChangeComponentNode: (d) => {
+                e.componentNode.update(t == null ? void 0 : t.id, d), O("修改组件属性");
+              },
+              options: t == null ? void 0 : t.options,
+              onChange: (d, o) => {
+                e.componentNode.update(t == null ? void 0 : t.id, {
+                  options: o ? d : {
+                    ...t == null ? void 0 : t.options,
+                    ...d
+                  }
+                }), O("修改组件属性");
+              }
+            }
+          ) }) })
+        ] })
+      ]
+    }
+  );
+}
+const Io = "_dataSource_1t8uf_59", ko = {
+  dataSource: Io
+}, So = "_requestDataSource_147st_59", No = {
+  requestDataSource: So
+};
+function wo(e) {
+  const t = k.getActiveEngine(), { componentNode: n } = he(), i = A(() => {
+    var r, u;
+    return (u = (r = t == null ? void 0 : t.instance) == null ? void 0 : r.get) == null ? void 0 : u.call(r, n == null ? void 0 : n.id);
+  }, [n == null ? void 0 : n.id]), c = n == null ? void 0 : n.request, {
+    data: a,
+    loading: d,
+    refresh: o
+  } = pt(
+    async () => {
+      var r, u;
+      return (u = (r = i == null ? void 0 : i.request) == null ? void 0 : r.call(i, void 0, !0)) == null ? void 0 : u.then((h) => typeof h == "object" && h ? JSON.stringify(h, null, "  ") : `${h ?? null}`);
+    },
+    {
+      refreshDeps: [n == null ? void 0 : n.id]
+    }
+  );
+  function s(r) {
+    var u, h;
+    (h = (u = t == null ? void 0 : t.componentNode) == null ? void 0 : u.update) == null || h.call(u, n == null ? void 0 : n.id, (_) => ({
+      request: {
+        ..._.request,
+        ...r
+      }
+    }));
+  }
+  return /* @__PURE__ */ g("div", { style: e == null ? void 0 : e.style, className: No.requestDataSource, children: [
+    /* @__PURE__ */ l(z, { label: "请求类型", children: /* @__PURE__ */ l(
+      Ce,
+      {
+        allowClear: !1,
+        style: { width: "100%" },
+        requestFn: async () => [
+          { label: "GET", value: "get" },
+          { label: "POST", value: "post" },
+          { label: "DELETE", value: "delete" },
+          { label: "PUT", value: "put" }
+        ],
+        value: (c == null ? void 0 : c.method) || "get",
+        onChange: (r) => {
+          s({ method: r }), O("修改请求类型");
+        }
+      }
+    ) }),
+    /* @__PURE__ */ l(z, { label: "请求地址", children: /* @__PURE__ */ l(
+      ee,
+      {
+        value: c == null ? void 0 : c.url,
+        onChange: (r) => {
+          s({ url: r }), O("修改请求地址");
+        }
+      }
+    ) }),
+    /* @__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(
+        we,
+        {
+          checked: (c == null ? void 0 : c.loop) ?? !1,
+          onChange: (r) => {
+            s({ loop: r.target.checked }), O("修改轮训请求");
+          }
+        }
+      ),
+      (c == null ? void 0 : c.loop) && /* @__PURE__ */ g(W, { children: [
+        /* @__PURE__ */ l(
+          _t,
+          {
+            style: { width: 100 },
+            value: (c == null ? void 0 : c.loopDelay) || 1e3,
+            onChange: (r) => {
+              s({ loopDelay: r }), O("修改轮训时长");
+            }
+          }
+        ),
+        /* @__PURE__ */ l("span", { children: "毫秒" })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ l(z, { label: "初次请求", children: /* @__PURE__ */ l(
+      we,
+      {
+        checked: (c == null ? void 0 : c.first) ?? !1,
+        onChange: (r) => {
+          s({ first: r.target.checked }), O("修改初次请求");
+        }
+      }
+    ) }),
+    /* @__PURE__ */ g("div", { style: { marginTop: 12, display: "flex", gap: 8, alignItems: "center" }, children: [
+      /* @__PURE__ */ l("b", { children: "数据结果" }),
+      /* @__PURE__ */ l(T, { title: "请求数据", children: /* @__PURE__ */ l(
+        Q,
+        {
+          className: "icon_clickable",
+          onClick: () => {
+            o();
+          }
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ l(
+      Y,
+      {
+        readOnly: !0,
+        minimap: !1,
+        language: "json",
+        value: d ? "" : a,
+        style: { flex: 1, minHeight: 200, maxHeight: 400 }
+      }
+    )
+  ] });
+}
+const Eo = "_staticDataSource_1p3pl_59", Ao = {
+  staticDataSource: Eo
+};
+function Lo(e) {
+  const { engine: t } = N(), { componentNode: n } = he(), [i, c] = S("");
+  function a() {
+    if (!i)
+      return E.warn("json格式不正确");
+    try {
+      const d = JSON.parse(i);
+      t.componentNode.update(n == null ? void 0 : n.id, {
+        staticDataSource: d
+      }), E.success("修改成功"), O("修改静态数据");
+    } catch {
+      E.warn("json格式不正确");
+    }
+  }
+  return w(() => {
+    c(
+      n != null && n.staticDataSource ? JSON.stringify((n == null ? void 0 : n.staticDataSource) || {}, null, "	") : ""
+    );
+  }, [n]), /* @__PURE__ */ g("div", { className: Ao.staticDataSource, style: e == null ? void 0 : e.style, children: [
+    /* @__PURE__ */ l(z, { label: "配置数据", children: /* @__PURE__ */ l(T, { title: "保存", children: /* @__PURE__ */ l(p, { className: "icon_clickable", onClick: a }) }) }),
+    /* @__PURE__ */ l(
+      Y,
+      {
+        minimap: !1,
+        language: "json",
+        style: { flex: 1 },
+        value: i,
+        onChange: c,
+        options: {
+          tabSize: 2
+        }
+      }
+    )
+  ] });
+}
+const Do = [
+  { label: "静态数据", value: "static" },
+  { label: "请求接口", value: "request" }
+];
+function Oo() {
+  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: ko.dataSource, children: [
+    /* @__PURE__ */ l(z, { label: "数据源", children: /* @__PURE__ */ l(
+      Ce,
+      {
+        value: n,
+        allowClear: !1,
+        style: { width: "100%" },
+        requestFn: async () => Do,
+        onChange: (i) => {
+          e.componentNode.update(t == null ? void 0 : t.id, {
+            dataSourceType: i
+          });
+        }
+      }
+    ) }),
+    n === "static" && /* @__PURE__ */ l(Lo, { style: { flex: 1, overflow: "hidden" } }),
+    n === "request" && /* @__PURE__ */ l(wo, { style: { flex: 1, overflow: "hidden" } })
+  ] }) });
+}
+const Po = "_interactive_1j74j_59", Mo = {
+  interactive: Po
+};
+function Bo(e) {
+  const { componentNode: t } = e, { engine: n } = N(), [i, c] = S([]), a = A(
+    () => n.component.get(t == null ? void 0 : t.cId),
+    [t == null ? void 0 : t.cId]
+  );
+  return w(() => {
+    var d, o;
+    c(
+      ((o = (d = a == null ? void 0 : a.triggers) == null ? void 0 : d.map) == null ? void 0 : o.call(d, (s) => {
+        var r;
+        return {
+          disabled: !!((r = t == null ? void 0 : t.events) != null && r.find((u) => u.triggerId === s.value)),
+          key: s.value,
+          style: { fontSize: 12 },
+          label: s.label
+        };
+      })) || []
+    );
+  }, [a, t]), /* @__PURE__ */ l(
+    be,
+    {
+      trigger: ["click"],
+      menu: {
+        items: i,
+        onClick: ({ key: d }) => {
+          var o;
+          (o = e == null ? void 0 : e.onSelect) == null || o.call(e, d);
+        }
+      },
+      children: /* @__PURE__ */ l(K, { type: "dashed", block: !0, icon: /* @__PURE__ */ l(rt, {}), children: "组件绑定事件" })
+    }
+  );
+}
+const jo = "_eventList_19gi2_59", zo = "_eventList_head_19gi2_62", To = "_eventList_body_19gi2_68", $o = "_eventList_item_19gi2_74", Ro = "_eventList_item_body_19gi2_84", Fo = "_eventList_item_opt_19gi2_90", Ho = "_eventList_item_opt_clickable_19gi2_95", X = {
+  eventList: jo,
+  eventList_head: zo,
+  eventList_body: To,
+  eventList_item: $o,
+  eventList_item_body: Ro,
+  eventList_item_opt: Fo,
+  eventList_item_opt_clickable: Ho
+}, Ko = "_editEventDialog_11y5n_59", qo = "_editEventDialog_menu_11y5n_63", Uo = "_editEventDialog_body_11y5n_78", Ye = {
+  editEventDialog: Ko,
+  editEventDialog_menu: qo,
+  editEventDialog_body: Uo
+}, Jo = "_eventOptions_main_16n1f_59", Me = {
+  eventOptions_main: Jo
+};
+function Wo(e) {
+  var t;
+  return /* @__PURE__ */ l("div", { className: Me.eventOptions_main, children: /* @__PURE__ */ l(z, { label: "组件显示", labelSpan: 3, children: /* @__PURE__ */ l(
+    Ut,
+    {
+      size: "small",
+      checked: (t = e == null ? void 0 : e.value) == null ? void 0 : t.visible,
+      onChange: (n) => {
+        var i;
+        (i = e == null ? void 0 : e.onChange) == null || i.call(e, {
+          ...e == null ? void 0 : e.value,
+          visible: n
+        });
+      }
+    }
+  ) }) });
+}
+const Vo = ue((e) => {
+  const [t, n] = zt.useState();
+  return w(() => {
+    var i;
+    e != null && e.visible && n((i = e == null ? void 0 : e.params) == null ? void 0 : i.text);
+  }, [e == null ? void 0 : e.visible]), /* @__PURE__ */ g(
+    re,
+    {
+      centered: !0,
+      width: 650,
+      title: !1,
+      open: e == null ? void 0 : e.visible,
+      closable: !1,
+      bodyStyle: { padding: "12px 20px" },
+      onCancel: e == null ? void 0 : e.onCancel,
+      afterClose: e == null ? void 0 : e.afterClose,
+      footer: /* @__PURE__ */ g(D, { children: [
+        /* @__PURE__ */ l(
+          K,
+          {
+            onClick: () => {
+              var i;
+              (i = e == null ? void 0 : e.onOk) == null || i.call(e, void 0);
+            },
+            children: "重置"
+          }
+        ),
+        /* @__PURE__ */ l(
+          K,
+          {
+            type: "primary",
+            onClick: () => {
+              var i;
+              (i = e == null ? void 0 : e.onOk) == null || i.call(e, t);
+            },
+            children: "保存"
+          }
+        )
+      ] }),
+      children: [
+        /* @__PURE__ */ l("h3", { children: "转换函数" }),
+        /* @__PURE__ */ l(
+          Y,
+          {
+            language: "javascript",
+            style: { height: 450 },
+            value: t ?? Mi,
+            onChange: n
+          }
+        )
+      ]
+    }
+  );
+});
+function mn(e) {
+  const t = Vo({
+    onOk(i) {
+      var c;
+      (c = e == null ? void 0 : e.onChange) == null || c.call(e, i);
+    }
+  }), n = A(() => e != null && e.tooltip ? /* @__PURE__ */ l(T, { title: e == null ? void 0 : e.tooltip, children: /* @__PURE__ */ l("span", { children: "{}" }) }) : /* @__PURE__ */ l("span", { children: "{}" }), [e == null ? void 0 : e.tooltip]);
+  return /* @__PURE__ */ l(W, { children: /* @__PURE__ */ l(
+    "span",
+    {
+      className: $("icon_clickable", (e == null ? void 0 : e.value) && "icon_selected"),
+      style: { fontSize: 14 },
+      onClick: () => {
+        t.open({
+          text: e == null ? void 0 : e.value
+        });
+      },
+      children: n
+    }
+  ) });
+}
+const Go = /* @__PURE__ */ g("div", { children: [
+  /* @__PURE__ */ l("div", { children: "格式参考：" }),
+  /* @__PURE__ */ l("div", { style: { whiteSpace: "pre-wrap", padding: "12px 0" }, children: JSON.stringify({ name: "tjh", age: 25 }, null, "    ") })
+] });
+function Xo(e) {
+  var o, s, r;
+  const t = ((o = e == null ? void 0 : e.value) == null ? void 0 : o.type) || "default", [n, i] = S(), [c, a] = S("");
+  function d() {
+    var u;
+    try {
+      const h = JSON.parse(c);
+      if (typeof h != "object" || h === null) {
+        E.warn("只能保存对象格式数据");
+        return;
+      }
+      (u = e == null ? void 0 : e.onChange) == null || u.call(e, {
+        ...e == null ? void 0 : e.value,
+        params: h
+      }), E.success("更新成功");
+    } catch {
+      E.warn("JSON格式不正确");
+    }
+  }
+  return w(() => {
+    var u;
+    a(JSON.stringify(((u = e == null ? void 0 : e.value) == null ? void 0 : u.params) || {}, null, "	"));
+  }, [(s = e == null ? void 0 : e.value) == null ? void 0 : s.params]), w(() => {
+    var u;
+    i((u = e == null ? void 0 : e.value) == null ? void 0 : u.parserFunc);
+  }, [(r = e == null ? void 0 : e.value) == null ? void 0 : r.parserFunc]), /* @__PURE__ */ g("div", { className: Me.eventOptions_main, children: [
+    /* @__PURE__ */ g(D, { style: { width: "100%" }, direction: "vertical", size: 2, children: [
+      /* @__PURE__ */ l(z, { label: "参数类型", labelSpan: 3 }),
+      /* @__PURE__ */ g("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+        /* @__PURE__ */ l(
+          Ce,
+          {
+            value: t,
+            allowClear: !1,
+            style: { width: Ne },
+            requestFn: async () => [
+              { label: "默认", value: "default" },
+              { label: "json对象", value: "json" }
+            ],
+            onChange: (u) => {
+              var h;
+              (h = e == null ? void 0 : e.onChange) == null || h.call(e, {
+                ...e == null ? void 0 : e.value,
+                params: u === "default" ? void 0 : {},
+                type: u
+              });
+            }
+          }
+        ),
+        /* @__PURE__ */ l(
+          mn,
+          {
+            tooltip: "解析函数",
+            value: n,
+            onChange: (u) => {
+              var h;
+              i(u), (h = e == null ? void 0 : e.onChange) == null || h.call(e, {
+                ...e == null ? void 0 : e.value,
+                parserFunc: u
+              });
+            }
+          }
+        )
+      ] })
+    ] }),
+    t === "json" && /* @__PURE__ */ g(D, { style: { width: "100%" }, direction: "vertical", size: 2, children: [
+      /* @__PURE__ */ l(z, { label: "json对象", labelSpan: 3, labelTip: Go, children: /* @__PURE__ */ l(T, { title: "更新", children: /* @__PURE__ */ l(p, { onClick: d, className: "icon_clickable" }) }) }),
+      /* @__PURE__ */ l(
+        Y,
+        {
+          value: c,
+          language: "json",
+          style: { height: 380 },
+          onChange: (u) => {
+            a(u);
+          }
+        }
+      )
+    ] })
+  ] });
+}
+function Yo(e) {
+  var a;
+  const [t, n] = S();
+  function i(d) {
+    var o;
+    (o = e == null ? void 0 : e.onChange) == null || o.call(e, {
+      ...e == null ? void 0 : e.value,
+      function: d
+    });
+  }
+  function c() {
+    i(void 0), n(void 0), E.success("重置成功");
+  }
+  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(
+      "div",
+      {
+        style: {
+          height: 24,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between"
+        },
+        children: /* @__PURE__ */ l(T, { title: "重置", children: /* @__PURE__ */ l(Yn, { onClick: c, className: "icon_clickable" }) })
+      }
+    ) }),
+    /* @__PURE__ */ l(
+      Y,
+      {
+        value: t ?? Bi,
+        language: "javascript",
+        style: { height: 440 },
+        onChange: (d) => {
+          i(d);
+        }
+      }
+    )
+  ] }) });
+}
+const Zo = {
+  default: void 0,
+  number: 0,
+  text: "",
+  json: {}
+};
+function Qo(e) {
+  var r, u, h, _, m, y, C, b, I, f, v;
+  const { onChange: t } = e, n = ((r = e == null ? void 0 : e.value) == null ? void 0 : r.type) || "default", i = ((u = e == null ? void 0 : e.value) == null ? void 0 : u.type) === "json", [c, a] = S(), [d, o] = S();
+  function s() {
+    var x;
+    if (!d)
+      return E.warn("json不能为空");
+    try {
+      const L = JSON.parse(d || "");
+      typeof L == "object" && L && ((x = e == null ? void 0 : e.onChange) == null || x.call(e, {
+        ...e == null ? void 0 : e.value,
+        value: L
+      }), E.success("设置成功"));
+    } catch {
+      E.warn("json格式不正确");
+    }
+  }
+  return w(() => {
+    var x;
+    a((x = e == null ? void 0 : e.value) == null ? void 0 : x.parserFunc);
+  }, [(h = e == null ? void 0 : e.value) == null ? void 0 : h.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: [
+    /* @__PURE__ */ g(D, { direction: "vertical", size: 4, style: { width: "100%" }, children: [
+      /* @__PURE__ */ l(z, { label: "参数类型", labelSpan: 3, labelTip: "json数据格式为数组或对象" }),
+      /* @__PURE__ */ g(D, { children: [
+        /* @__PURE__ */ l(
+          Ce,
+          {
+            value: n,
+            allowClear: !1,
+            style: { width: Ne },
+            requestFn: async () => [
+              { label: "默认", value: "default" },
+              { label: "数字", value: "number" },
+              { label: "文本值", value: "text" },
+              { label: "json数据", value: "json" }
+            ],
+            onChange: (x) => t({
+              ...e == null ? void 0 : e.value,
+              value: Zo[x],
+              type: x
+            })
+          }
+        ),
+        /* @__PURE__ */ l(
+          mn,
+          {
+            tooltip: "解析函数",
+            value: c,
+            onChange: (x) => {
+              var L;
+              a(x), (L = e == null ? void 0 : e.onChange) == null || L.call(e, {
+                ...e == null ? void 0 : e.value,
+                parserFunc: x
+              });
+            }
+          }
+        )
+      ] })
+    ] }),
+    ((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(p, { onClick: s, className: "icon_clickable" }) }) }),
+      /* @__PURE__ */ g(W, { children: [
+        ((b = e == null ? void 0 : e.value) == null ? void 0 : b.type) === "number" && /* @__PURE__ */ l(
+          _t,
+          {
+            min: void 0,
+            style: { width: Ne * 2 },
+            value: (I = e == null ? void 0 : e.value) == null ? void 0 : I.value,
+            onChange: (x) => {
+              t({
+                ...e == null ? void 0 : e.value,
+                value: x
+              });
+            }
+          }
+        ),
+        ((f = e == null ? void 0 : e.value) == null ? void 0 : f.type) === "text" && /* @__PURE__ */ l(
+          bi,
+          {
+            style: { width: Ne * 2 },
+            value: (v = e == null ? void 0 : e.value) == null ? void 0 : v.value,
+            autoSize: { minRows: 3, maxRows: 3 },
+            onChange: (x) => {
+              t({
+                ...e == null ? void 0 : e.value,
+                value: x
+              });
+            }
+          }
+        ),
+        i && /* @__PURE__ */ l(
+          Y,
+          {
+            language: "javascript",
+            style: { height: 375 },
+            value: d,
+            onChange: (x) => {
+              o(x);
+            }
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+const Ne = 200;
+function po(e) {
+  var i, c, a, d, o;
+  const t = (i = e == null ? void 0 : e.value) == null ? void 0 : i.option;
+  function n(s) {
+    var r;
+    e != null && e.value && ((r = e == null ? void 0 : e.onChange) == null || r.call(e, {
+      ...e == null ? void 0 : e.value,
+      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(Wo, { value: t, onChange: n }) : ((d = e == null ? void 0 : e.value) == null ? void 0 : d.exposeId) === Te.request ? /* @__PURE__ */ l(Xo, { value: t, onChange: n }) : ((o = e == null ? void 0 : e.value) == null ? void 0 : o.exposeId) === Te.custom ? /* @__PURE__ */ l(Yo, { value: t, onChange: n }) : /* @__PURE__ */ l(Qo, { value: t, onChange: n }) : /* @__PURE__ */ l(q, { description: "请选中目标操作" });
+}
+const ed = "_targetList_17cmb_59", td = "_targetList_body_17cmb_66", nd = "_targetList_item_17cmb_74", id = "_targetList_item_clickable_17cmb_82", ld = "_targetList_item_selected_17cmb_89", me = {
+  targetList: ed,
+  targetList_body: td,
+  targetList_item: nd,
+  targetList_item_clickable: id,
+  targetList_item_selected: ld
+}, cd = "_addComponentNodeButton_xm0lb_59", ad = "_addComponentNodeButton_body_xm0lb_68", od = "_addComponentNodeButton_item_xm0lb_73", dd = "_addComponentNodeButton_item_text_xm0lb_84", rd = "_dropdown_overlay_xm0lb_93", fe = {
+  addComponentNodeButton: cd,
+  addComponentNodeButton_body: ad,
+  addComponentNodeButton_item: od,
+  addComponentNodeButton_item_text: dd,
+  dropdown_overlay: rd
+};
+function sd(e) {
+  const { componentNode: t } = e;
+  return /* @__PURE__ */ g(D, { direction: "vertical", style: { fontSize: 12 }, className: "theme-color", size: 6, children: [
+    /* @__PURE__ */ g("div", { children: [
+      /* @__PURE__ */ l("b", { children: "id" }),
+      "：",
+      t == null ? void 0 : t.id
+    ] }),
+    /* @__PURE__ */ g("div", { children: [
+      /* @__PURE__ */ l("b", { children: "name" }),
+      "：",
+      t == null ? void 0 : t.name
+    ] }),
+    /* @__PURE__ */ g("div", { children: [
+      /* @__PURE__ */ l("b", { children: "cName" }),
+      "：",
+      t == null ? void 0 : t.cName
+    ] }),
+    /* @__PURE__ */ g("div", { children: [
+      /* @__PURE__ */ l("b", { children: "show" }),
+      "：",
+      /* @__PURE__ */ l(Ut, { disabled: !0, size: "small", checked: (t == null ? void 0 : t.show) ?? !0 })
+    ] })
+  ] });
+}
+function ud(e) {
+  var _;
+  const { engine: t } = N(), [n, i] = S(!1), [c, a] = S([]), [d, o] = S(""), s = B();
+  w(() => {
+    if (n) {
+      s.current && (clearTimeout(s.current), s.current = null);
+      let m = t.componentNode.getAll();
+      e != null && e.beforeVisible && (m = e == null ? void 0 : e.beforeVisible(m)), a(m), o("");
+    }
+  }, [n]);
+  const r = A(() => {
+    var y;
+    const m = (y = d == null ? void 0 : d.toLowerCase) == null ? void 0 : y.call(d);
+    return c.filter((C) => {
+      var b, I, f, v;
+      return (v = (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 : v.call(f, m);
+    });
+  }, [d, c]);
+  function u() {
+    i(!1), s.current = setTimeout(() => {
+      a([]), s.current = null;
+    }, 300);
+  }
+  function h(m) {
+    var y;
+    (y = e == null ? void 0 : e.onSelect) == null || y.call(e, m), u();
+  }
+  return /* @__PURE__ */ l(
+    be,
+    {
+      overlayClassName: fe.dropdown_overlay,
+      menu: {
+        items: [
+          {
+            key: "body",
+            label: /* @__PURE__ */ g("div", { className: fe.addComponentNodeButton, children: [
+              /* @__PURE__ */ l(ee, { placeholder: "搜索页面组件", value: d, onChange: o }),
+              /* @__PURE__ */ g("div", { className: fe.addComponentNodeButton_body, children: [
+                !(r != null && r.length) && /* @__PURE__ */ l(q, {}),
+                (_ = r == null ? void 0 : r.map) == null ? void 0 : _.call(r, (m) => {
+                  const y = t.component.get(m == null ? void 0 : m.cId);
+                  return /* @__PURE__ */ l(
+                    st,
+                    {
+                      content: /* @__PURE__ */ l(sd, { componentNode: m }),
+                      placement: "right",
+                      children: /* @__PURE__ */ g(
+                        "div",
+                        {
+                          className: fe.addComponentNodeButton_item,
+                          title: m == null ? void 0 : m.name,
+                          onClick: () => h(m),
+                          children: [
+                            /* @__PURE__ */ l(
+                              xe,
+                              {
+                                src: y == null ? void 0 : y.icon,
+                                style: { maxHeight: 20, maxWidth: 20 }
+                              }
+                            ),
+                            /* @__PURE__ */ l("div", { className: fe.addComponentNodeButton_item_text, children: m == null ? void 0 : m.name })
+                          ]
+                        }
+                      )
+                    },
+                    m == null ? void 0 : m.id
+                  );
+                })
+              ] })
+            ] })
+          }
+        ]
+      },
+      trigger: ["click"],
+      open: n,
+      onOpenChange: (m) => {
+        m || u();
+      },
+      children: /* @__PURE__ */ l("div", { style: { width: "100%", ...e == null ? void 0 : e.style }, children: /* @__PURE__ */ l(
+        K,
+        {
+          block: !0,
+          onClick: () => !n && i(!0),
+          style: { fontSize: 12, color: "rgba(0,0,0,0.5)" },
+          icon: /* @__PURE__ */ l(rt, {}),
+          children: (e == null ? void 0 : e.children) || "新增组件"
+        }
+      ) })
+    }
+  );
+}
+function hd(e) {
+  var d;
+  const t = ht(), { engine: n } = N(), i = A(() => {
+    var o, s;
+    return (s = (o = e == null ? void 0 : e.targets) == null ? void 0 : o.map) == null ? void 0 : s.call(o, (r) => {
+      var u;
+      return {
+        value: r.id,
+        label: (u = n.componentNode.get(r == null ? void 0 : r.id)) == null ? void 0 : u.name
+      };
+    });
+  }, [e == null ? void 0 : e.targets]);
+  function c(o) {
+    var r;
+    const s = [
+      ...(e == null ? void 0 : e.targets) || [],
+      {
+        id: o.id,
+        opts: []
+      }
+    ];
+    (r = e == null ? void 0 : e.onChangeTargets) == null || r.call(e, s, "add");
+  }
+  function a(o) {
+    var _, m, y;
+    let s;
+    const r = ((m = (_ = e == null ? void 0 : e.targets) == null ? void 0 : _.filter) == null ? void 0 : m.call(_, (C) => C.id === o ? (s = C, !1) : !0)) || [], u = ((y = s == null ? void 0 : s.opts) == null ? void 0 : y.length) || 0;
+    function h() {
+      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 (u) {
+      t({
+        title: "提醒",
+        content: `该组件已配置 ${u} 个事件操作，确定删除？`,
+        onOk(C) {
+          h(), C();
+        }
+      });
+      return;
+    }
+    h();
+  }
+  return /* @__PURE__ */ g("div", { className: $(me.targetList, e == null ? void 0 : e.className), style: e == null ? void 0 : e.style, children: [
+    /* @__PURE__ */ l(
+      ud,
+      {
+        style: { margin: -1 },
+        beforeVisible: (o) => o.filter((s) => {
+          var r, u;
+          return !((u = (r = e == null ? void 0 : e.targets) == null ? void 0 : r.find) != null && u.call(r, (h) => h.id === (s == null ? void 0 : s.id)));
+        }),
+        onSelect: (o) => c(o),
+        children: "新增目标组件"
+      }
+    ),
+    /* @__PURE__ */ l("div", { className: me.targetList_body, children: (d = i == null ? void 0 : i.map) == null ? void 0 : d.call(i, (o) => {
+      const s = (o == null ? void 0 : o.value) === (e == null ? void 0 : e.value);
+      return /* @__PURE__ */ g(
+        "div",
+        {
+          className: $(
+            me.targetList_item,
+            s && me.targetList_item_selected
+          ),
+          onClick: () => {
+            var r;
+            return (r = e == null ? void 0 : e.onChange) == null ? void 0 : r.call(e, o == null ? void 0 : o.value);
+          },
+          children: [
+            o == null ? void 0 : o.label,
+            /* @__PURE__ */ l(
+              de,
+              {
+                className: me.targetList_item_clickable,
+                onClick: (r) => {
+                  a(o == null ? void 0 : o.value), r.stopPropagation();
+                }
+              }
+            )
+          ]
+        },
+        o == null ? void 0 : o.value
+      );
+    }) }),
+    !(i != null && i.length) && /* @__PURE__ */ l(q, {})
+  ] });
+}
+const gd = "_targetList_17cmb_59", _d = "_targetList_body_17cmb_66", md = "_targetList_item_17cmb_74", fd = "_targetList_item_clickable_17cmb_82", yd = "_targetList_item_selected_17cmb_89", ye = {
+  targetList: gd,
+  targetList_body: _d,
+  targetList_item: md,
+  targetList_item_clickable: fd,
+  targetList_item_selected: yd
+}, vd = "_addExposesButton_1t3fz_59", bd = "_addExposesButton_body_1t3fz_68", Cd = "_addExposesButton_item_1t3fz_73", xd = "_addExposesButton_item_text_1t3fz_84", Se = {
+  addExposesButton: vd,
+  addExposesButton_body: bd,
+  addExposesButton_item: Cd,
+  addExposesButton_item_text: xd
+};
+function Id(e) {
+  var h;
+  const { engine: t } = N(), [n, i] = S(!1), [c, a] = S([]), [d, o] = S(""), s = B(), r = A(() => {
+    var m;
+    const _ = (m = d == null ? void 0 : d.toLowerCase) == null ? void 0 : m.call(d);
+    return c.filter((y) => {
+      var C, b, I, f;
+      return (f = (I = (b = (C = y == null ? void 0 : y.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 u() {
+    i(!1);
+  }
+  return w(() => {
+    var _;
+    if (n) {
+      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, b) => (C.push({ label: b.label, value: b.value }), C),
+          [...di]
+        );
+      }
+      e != null && e.beforeVisible && (m = e == null ? void 0 : e.beforeVisible(m)), a(m), o("");
+    }
+  }, [n]), /* @__PURE__ */ l(
+    vi,
+    {
+      visible: n,
+      onClose: u,
+      overlayChildren: /* @__PURE__ */ g("div", { className: Se.addExposesButton, children: [
+        /* @__PURE__ */ l(ee, { placeholder: "搜索组件操作", value: d, onChange: o }),
+        /* @__PURE__ */ g("div", { className: Se.addExposesButton_body, children: [
+          !(r != null && r.length) && /* @__PURE__ */ l(q, {}),
+          (h = r == null ? void 0 : r.map) == null ? void 0 : h.call(r, (_) => /* @__PURE__ */ l(
+            "div",
+            {
+              className: Se.addExposesButton_item,
+              title: _ == null ? void 0 : _.label,
+              onClick: () => {
+                var m;
+                (m = e == null ? void 0 : e.onSelect) == null || m.call(e, _), u();
+              },
+              children: /* @__PURE__ */ l("div", { className: Se.addExposesButton_item_text, children: _ == null ? void 0 : _.label })
+            },
+            _ == null ? void 0 : _.value
+          ))
+        ] })
+      ] }),
+      children: /* @__PURE__ */ l("div", { style: { width: "100%", ...e == null ? void 0 : e.style }, onClick: () => i(!0), children: /* @__PURE__ */ l(
+        K,
+        {
+          block: !0,
+          onClick: () => u(),
+          style: { fontSize: 12, color: "rgba(0,0,0,0.5)" },
+          icon: /* @__PURE__ */ l(rt, {}),
+          children: (e == null ? void 0 : e.children) || "新增操作"
+        }
+      ) })
+    }
+  );
+}
+function kd(e) {
+  var d;
+  const { engine: t } = N(), n = A(() => {
+    var s, r;
+    const o = t.component.get(e == null ? void 0 : e.cId);
+    return {
+      ...ri,
+      ...(r = (s = o == null ? void 0 : o.exposes) == null ? void 0 : s.reduce) == null ? void 0 : r.call(s, (u, h) => (u[h.value] = h.label, u), {})
+    };
+  }, [e == null ? void 0 : e.cId]), i = A(() => {
+    var o, s;
+    return (s = (o = e == null ? void 0 : e.opts) == null ? void 0 : o.map) == null ? void 0 : s.call(o, (r) => ({
+      value: r.operateId,
+      label: n[r.exposeId] || "-"
+    }));
+  }, [e == null ? void 0 : e.opts, n]);
+  function c(o) {
+    var r;
+    const s = [
+      ...(e == null ? void 0 : e.opts) || [],
+      {
+        operateId: ut(),
+        exposeId: o.value,
+        option: {}
+      }
+    ];
+    (r = e == null ? void 0 : e.onChangeOpts) == null || r.call(e, s);
+  }
+  function a(o) {
+    var r, u, h, _, m;
+    const s = ((u = (r = e == null ? void 0 : e.opts) == null ? void 0 : r.filter) == null ? void 0 : u.call(r, (y) => y.operateId !== o)) || [];
+    (h = e == null ? void 0 : e.onChangeOpts) == null || h.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: [
+    /* @__PURE__ */ l(
+      Id,
+      {
+        style: { margin: -1 },
+        cId: e == null ? void 0 : e.cId,
+        onSelect: (o) => c(o),
+        children: "新增操作"
+      }
+    ),
+    /* @__PURE__ */ g("div", { className: ye.targetList_body, children: [
+      !(i != null && i.length) && /* @__PURE__ */ l(q, {}),
+      (d = i == null ? void 0 : i.map) == null ? void 0 : d.call(i, (o) => {
+        const s = (o == null ? void 0 : o.value) === (e == null ? void 0 : e.value);
+        return /* @__PURE__ */ g(
+          "div",
+          {
+            className: $(
+              ye.targetList_item,
+              s && ye.targetList_item_selected
+            ),
+            onClick: () => {
+              var r;
+              return (r = e == null ? void 0 : e.onChange) == null ? void 0 : r.call(e, o == null ? void 0 : o.value);
+            },
+            children: [
+              o == null ? void 0 : o.label,
+              /* @__PURE__ */ l(
+                de,
+                {
+                  className: ye.targetList_item_clickable,
+                  onClick: (r) => {
+                    a(o == null ? void 0 : o.value), r.stopPropagation();
+                  }
+                }
+              )
+            ]
+          },
+          o == null ? void 0 : o.value
+        );
+      })
+    ] })
+  ] });
+}
+const Sd = ue((e) => {
+  const { engine: t } = N(), { componentNode: n, triggerId: i, triggerName: c } = (e == null ? void 0 : e.params) || {}, [a, d] = S(), [o, s] = S(), [r, u] = S(), h = A(() => {
+    var f;
+    return (f = t.componentNode.get(o == null ? void 0 : o.id)) == null ? void 0 : f.cId;
+  }, [o]);
+  function _(f) {
+    var x, L, j;
+    const v = (L = (x = a == null ? void 0 : a.targets) == null ? void 0 : x.find) == null ? void 0 : L.call(x, (R) => R.id === f);
+    s(v), u((j = v == null ? void 0 : v.opts) == null ? void 0 : j[0]);
+  }
+  function m(f) {
+    var v, x;
+    u(
+      (x = (v = o == null ? void 0 : o.opts) == null ? void 0 : v.find) == null ? void 0 : x.call(v, (L) => (L == null ? void 0 : L.operateId) === f)
+    );
+  }
+  function y(f, v) {
+    d({
+      ...a,
+      targets: f
+    }), v && f.length === 1 && s(f[f.length - 1]);
+  }
+  function C(f) {
+    var v, x;
+    (x = (v = a == null ? void 0 : a.targets) == null ? void 0 : v.find) == null || x.call(v, (L) => L.id !== (o == null ? void 0 : o.id) ? !1 : (L.opts = f, !0)), d({ ...a }), f.length === 1 && u(f == null ? void 0 : f[0]);
+  }
+  function b(f) {
+    var v, x;
+    (x = (v = a == null ? void 0 : a.targets) == null ? void 0 : v.find) == null || x.call(v, (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, (U) => (U == null ? void 0 : U.operateId) !== (f == null ? void 0 : f.operateId) ? !1 : (Object.assign(U, f), !0)), !0);
+    }), d({ ...a });
+  }
+  function I() {
+    var f;
+    (f = e == null ? void 0 : e.onOk) == null || f.call(e, a);
+  }
+  return w(() => {
+    var f, v, x, L;
+    if (e != null && e.visible) {
+      if (!i) {
+        E.error("triggerId不存在");
+        return;
+      }
+      let j = (v = (f = n == null ? void 0 : n.events) == null ? void 0 : f.find) == null ? void 0 : v.call(f, (V) => (V == null ? void 0 : V.triggerId) === i);
+      j = Yt(j || {}), d(j);
+      const R = (x = j == null ? void 0 : j.targets) == null ? void 0 : x[0];
+      s(R);
+      const U = (L = R == null ? void 0 : R.opts) == null ? void 0 : L[0];
+      u(U);
+    } else
+      d(void 0), s(void 0), u(void 0);
+  }, [e == null ? void 0 : e.visible]), /* @__PURE__ */ g(
+    re,
+    {
+      centered: !0,
+      width: 850,
+      okText: "保存",
+      cancelText: "取消",
+      open: e == null ? void 0 : e.visible,
+      className: Ye.editEventDialog,
+      title: `${c || "-"}`,
+      bodyStyle: { height: 500, display: "flex", padding: 16, userSelect: "none" },
+      afterClose: e == null ? void 0 : e.afterClose,
+      onCancel: e == null ? void 0 : e.onCancel,
+      onOk: I,
+      children: [
+        /* @__PURE__ */ g("div", { className: Ye.editEventDialog_menu, children: [
+          /* @__PURE__ */ l(
+            hd,
+            {
+              className: "border-right",
+              value: o == null ? void 0 : o.id,
+              onChange: (f) => {
+                _(f);
+              },
+              targets: a == null ? void 0 : a.targets,
+              onChangeTargets: (f, v) => {
+                y(f, v === "add");
+              }
+            }
+          ),
+          /* @__PURE__ */ l(
+            kd,
+            {
+              value: r == null ? void 0 : r.operateId,
+              onChange: (f) => {
+                m(f);
+              },
+              cId: h,
+              opts: o == null ? void 0 : o.opts,
+              onChangeOpts: (f) => {
+                C(f);
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ l("div", { className: Ye.editEventDialog_body, children: /* @__PURE__ */ l(
+          po,
+          {
+            value: r,
+            onChange: (f) => {
+              b(f);
+            }
+          }
+        ) })
+      ]
+    }
+  );
+});
+function Nd(e) {
+  var u;
+  const { engine: t } = N(), { componentNode: n } = e, i = A(() => t.component.get(n == null ? void 0 : n.cId), [n]), c = ht(), a = Sd({
+    onOk(h) {
+      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 !== (h == null ? void 0 : h.triggerId) ? !1 : (Object.assign(C, h), !0)), {
+          events: _ == null ? void 0 : _.events
+        };
+      });
+    }
+  }), d = A(() => {
+    var h;
+    return ((h = n == null ? void 0 : n.events) == null ? void 0 : h.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, (b) => (b == null ? void 0 : b.value) === _.triggerId);
+      return {
+        label: `${(m == null ? void 0 : m.label) || "-"}`,
+        value: `${_.triggerId}`
+      };
+    })) || [];
+  }, [n, i]);
+  function o(h) {
+    if (!(h != null && h.value)) {
+      E.warn("triggerId不存在");
+      return;
+    }
+    a.open({
+      componentNode: n,
+      triggerId: h == null ? void 0 : h.value,
+      triggerName: h == null ? void 0 : h.label
+    });
+  }
+  function s(h) {
+    t.componentNode.update(n == null ? void 0 : n.id, (_) => {
+      var m, y;
+      return {
+        events: [
+          ...((y = (m = _ == null ? void 0 : _.events) == null ? void 0 : m.filter) == null ? void 0 : y.call(m, (C) => C.triggerId !== h)) || []
+        ]
+      };
+    });
+  }
+  function r(h) {
+    var m, y, C, b;
+    if (!h) {
+      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) === h);
+    (C = _ == null ? void 0 : _.targets) != null && C.length ? c({
+      title: "提醒",
+      content: `已配置${((b = _ == null ? void 0 : _.targets) == null ? void 0 : b.length) || 0}个事件项，确定删除该事件？`,
+      onOk(I) {
+        s(h), I();
+      }
+    }) : s(h);
+  }
+  return /* @__PURE__ */ g("div", { className: X.eventList, children: [
+    /* @__PURE__ */ l("div", { className: X.eventList_head, children: "绑定事件：" }),
+    /* @__PURE__ */ g("div", { className: X.eventList_body, children: [
+      !(d != null && d.length) && /* @__PURE__ */ l(q, {}),
+      (u = d == null ? void 0 : d.map) == null ? void 0 : u.call(d, (h) => /* @__PURE__ */ g("div", { className: X.eventList_item, children: [
+        /* @__PURE__ */ l("div", { className: X.eventList_item_body, children: h.label }),
+        /* @__PURE__ */ g("div", { className: X.eventList_item_opt, children: [
+          /* @__PURE__ */ l(
+            Ft,
+            {
+              className: X.eventList_item_opt_clickable,
+              onClick: () => o(h)
+            }
+          ),
+          /* @__PURE__ */ l(
+            de,
+            {
+              className: X.eventList_item_opt_clickable,
+              onClick: () => r(h == null ? void 0 : h.value)
+            }
+          )
+        ] })
+      ] }, h.value))
+    ] })
+  ] });
+}
+function wd() {
+  const { engine: e } = N(), { componentNode: t } = he();
+  return /* @__PURE__ */ l(Le, { labelSpan: 5, children: /* @__PURE__ */ g("div", { className: Mo.interactive, children: [
+    /* @__PURE__ */ l(
+      Bo,
+      {
+        componentNode: t,
+        onSelect: (n) => {
+          e.componentNode.update(t == null ? void 0 : t.id, (i) => ({
+            events: [
+              ...(i == null ? void 0 : i.events) || [],
+              {
+                triggerId: n,
+                targets: []
+              }
+            ]
+          }));
+        }
+      }
+    ),
+    /* @__PURE__ */ l(Nd, { componentNode: t })
+  ] }) });
+}
+const Ed = "_json_1lpul_59", Ad = "_json_head_1lpul_69", Ld = "_json_body_1lpul_76", Ze = {
+  json: Ed,
+  json_head: Ad,
+  json_body: Ld
+};
+function Dd() {
+  const { engine: e } = N(), { componentNode: t } = he(), [n] = M.useForm();
+  function i() {
+    n.setFieldsValue({
+      code: t ? JSON.stringify(t || {}, null, "	") : ""
+    });
+  }
+  function c() {
+    const a = n.getFieldValue("code") || "";
+    try {
+      const d = JSON.parse(a);
+      if (!fi(d)) {
+        console.error("must be an object.");
+        return;
+      }
+      e.componentNode.update(t == null ? void 0 : t.id, d, { cover: !0 }), E.success("修改成功");
+    } catch (d) {
+      console.error(d), E.error("json格式不正确");
+    }
+  }
+  return w(() => {
+    i();
+  }, [t]), /* @__PURE__ */ g(M, { className: Ze.json, form: n, children: [
+    /* @__PURE__ */ g("div", { className: Ze.json_head, children: [
+      /* @__PURE__ */ g("span", { children: [
+        /* @__PURE__ */ l("b", { style: { marginRight: 8 }, children: "ComponentNode数据" }),
+        /* @__PURE__ */ l(T, { title: "重置", children: /* @__PURE__ */ l(Q, { className: "icon_clickable", onClick: i }) })
+      ] }),
+      /* @__PURE__ */ l(T, { title: "保存", placement: "top", children: /* @__PURE__ */ l(p, { className: "icon_clickable", onClick: c }) })
+    ] }),
+    /* @__PURE__ */ l("div", { className: Ze.json_body, children: /* @__PURE__ */ l(M.Item, { noStyle: !0, name: "code", children: /* @__PURE__ */ l(
+      Y,
+      {
+        language: "json",
+        minimap: !1,
+        style: {
+          height: "100%",
+          width: "100%"
+        },
+        options: {
+          fontSize: 11,
+          tabSize: 3
+        }
+      }
+    ) }) })
+  ] });
+}
+const Od = "_singleAttributes_109pm_59", Pd = {
+  singleAttributes: Od
+}, fn = In({}), he = () => kn(fn);
+function yn(e) {
+  const [t, n] = se(), { engine: i } = N(), { instance: c } = e, [a, d] = S(), o = nn(c);
+  return w(() => {
+    const s = i.componentNode.get(c.id);
+    return s && d(s), i.componentNode.onChange(c.id, ({ payload: r }) => {
+      d({ ...r });
+    });
+  }, [c.id]), w(() => i.onJsonChange(() => {
+    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(
+    ei,
+    {
+      className: Pd.singleAttributes,
+      defaultActiveKey: "1",
+      size: "small",
+      items: [
+        { key: "1", label: t("attributes.attr.title"), children: /* @__PURE__ */ l(xo, {}) },
+        {
+          key: "2",
+          label: t("attributes.dataSource.title"),
+          children: /* @__PURE__ */ l(Oo, {})
+        },
+        {
+          key: "3",
+          label: t("attributes.interactive.title"),
+          children: /* @__PURE__ */ l(wd, {})
+        },
+        {
+          key: "4",
+          label: "json",
+          children: /* @__PURE__ */ l(Dd, {})
+        }
+      ]
+    }
+  ) }) : /* @__PURE__ */ l(xt, { image: xt.PRESENTED_IMAGE_SIMPLE, description: "暂无数据" }), [c, a, n.language]);
+}
+const Md = "_multipleInstanceAttributes_1ehj2_59", Bd = "_multipleInstanceAttributes_header_1ehj2_66", jd = "_multipleInstanceAttributes_body_1ehj2_70", Qe = {
+  multipleInstanceAttributes: Md,
+  multipleInstanceAttributes_header: Bd,
+  multipleInstanceAttributes_body: jd
+};
+function zd(e) {
+  const t = yt();
+  return /* @__PURE__ */ l(
+    Ce,
+    {
+      ...e,
+      effectParams: [t],
+      requestFn: async () => {
+        var n;
+        return ((n = t == null ? void 0 : t.map) == null ? void 0 : n.call(t, (i) => ({
+          label: i.getComponentNode().name,
+          value: i.id
+        }))) || [];
+      }
+    }
+  );
+}
+function Td(e) {
+  const { instances: t } = e, [n, i] = S();
+  return w(() => {
+    i(t[0]);
+  }, [t]), /* @__PURE__ */ g("div", { className: Qe.multipleInstanceAttributes, children: [
+    /* @__PURE__ */ l("div", { className: Qe.multipleInstanceAttributes_header, children: /* @__PURE__ */ l(
+      zd,
+      {
+        allowClear: !1,
+        style: { width: "100%" },
+        value: n == null ? void 0 : n.id,
+        onChange: (c) => {
+          i(t.find((a) => a.id === c));
+        }
+      }
+    ) }),
+    /* @__PURE__ */ l("div", { className: Qe.multipleInstanceAttributes_body, children: n && /* @__PURE__ */ l(yn, { instance: n }) })
+  ] });
+}
+const $d = "_pageAttributes_u2l2i_59", Rd = "_pageAttributes_description_u2l2i_65", Fd = "_pageAttributes_body_u2l2i_70", pe = {
+  pageAttributes: $d,
+  pageAttributes_description: Rd,
+  pageAttributes_body: Fd
+};
+function Hd() {
+  const { engine: e } = N(), [t] = se(), n = yi(), { id: i, options: c } = n || {};
+  function a(d) {
+    e.page.update(i, {
+      options: {
+        ...c,
+        ...d
+      }
+    });
+  }
+  return /* @__PURE__ */ g("div", { className: pe.pageAttributes, children: [
+    /* @__PURE__ */ l("div", { className: pe.pageAttributes_description, children: /* @__PURE__ */ g(nt, { children: [
+      /* @__PURE__ */ l(H, { span: 24, style: { marginBottom: 6 }, children: /* @__PURE__ */ l("b", { children: n == null ? void 0 : n.name }) }),
+      /* @__PURE__ */ l(H, { span: 24, children: /* @__PURE__ */ g("span", { children: [
+        "id：",
+        (n == null ? void 0 : n.id) || "-"
+      ] }) }),
+      /* @__PURE__ */ l(H, { span: 24, children: /* @__PURE__ */ g("span", { children: [
+        "parentId：",
+        (n == null ? void 0 : n.parentId) || "-"
+      ] }) })
+    ] }) }),
+    /* @__PURE__ */ l("div", { className: pe.pageAttributes_body, children: /* @__PURE__ */ g(Le, { labelSpan: 5, children: [
+      /* @__PURE__ */ g(
+        z,
+        {
+          label: "页面背景",
+          labelTip: "设置当前页背景颜色",
+          childrenStyle: { display: "flex", alignItems: "center", gap: 8 },
+          children: [
+            /* @__PURE__ */ l(
+              $e,
+              {
+                style: { flex: 1 },
+                value: c == null ? void 0 : c.background,
+                onChange: (d) => {
+                  a({ background: d });
+                }
+              }
+            ),
+            /* @__PURE__ */ l(T, { title: t("reset"), children: /* @__PURE__ */ l(
+              Q,
+              {
+                className: "icon_clickable",
+                onClick: () => {
+                  a({ background: "white" });
+                }
+              }
+            ) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ g(
+        z,
+        {
+          label: "白板背景",
+          labelTip: "页面所处白板的背景颜色",
+          childrenStyle: { display: "flex", alignItems: "center", gap: 8 },
+          children: [
+            /* @__PURE__ */ l(
+              $e,
+              {
+                style: { flex: 1 },
+                value: c == null ? void 0 : c.whiteBoardColor,
+                onChange: (d) => {
+                  a({ whiteBoardColor: d });
+                }
+              }
+            ),
+            /* @__PURE__ */ l(T, { title: t("reset"), children: /* @__PURE__ */ l(
+              Q,
+              {
+                className: "icon_clickable",
+                onClick: () => {
+                  a({ whiteBoardColor: "white" });
+                }
+              }
+            ) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ g(
+        z,
+        {
+          label: "边框",
+          childrenStyle: { display: "flex", alignItems: "center", gap: 8 },
+          labelTip: "设置当前页边框",
+          children: [
+            /* @__PURE__ */ l(
+              we,
+              {
+                checked: c == null ? void 0 : c.bordered,
+                onChange: (d) => {
+                  a({
+                    bordered: d.target.checked
+                  });
+                }
+              }
+            ),
+            (c == null ? void 0 : c.bordered) && /* @__PURE__ */ g(W, { children: [
+              /* @__PURE__ */ l(
+                $e,
+                {
+                  style: { flex: 1 },
+                  value: c == null ? void 0 : c.borderColor,
+                  onChange: (d) => {
+                    a({ borderColor: d });
+                  }
+                }
+              ),
+              /* @__PURE__ */ l(T, { title: t("reset"), children: /* @__PURE__ */ l(
+                Q,
+                {
+                  className: "icon_clickable",
+                  onClick: () => {
+                    a({ borderColor: "white" });
+                  }
+                }
+              ) })
+            ] })
+          ]
+        }
+      )
+    ] }) })
+  ] });
+}
+function Kd() {
+  const e = yt(), t = A(() => !!e.length, [e]), n = A(() => e.length === 1, [e]);
+  return /* @__PURE__ */ l("div", { className: ho.attributes, children: t ? (
+    // 选中组件实例配置
+    /* @__PURE__ */ g(W, { children: [
+      n && /* @__PURE__ */ l(yn, { instance: e[0] }),
+      !n && /* @__PURE__ */ l(Td, { instances: e })
+    ] })
+  ) : (
+    // 默认页面配置
+    /* @__PURE__ */ l(Hd, {})
+  ) });
+}
+function Ir(e) {
+  const { engine: t, json: n } = e;
+  return pi(), zt.useEffect(() => (t.loadJSON(n).then(() => {
+    var i;
+    (i = e == null ? void 0 : e.onJSONLoad) == null || i.call(e);
+  }), () => {
+    t.destroy();
+  }), []), /* @__PURE__ */ g("div", { className: G.page, children: [
+    /* @__PURE__ */ l("div", { className: G.page_header, children: /* @__PURE__ */ l(Ll, {}) }),
+    /* @__PURE__ */ g("div", { className: G.page_body, children: [
+      /* @__PURE__ */ l("div", { className: G.page_body_left, id: "rbs-menu", children: /* @__PURE__ */ l(fa, {}) }),
+      /* @__PURE__ */ l("div", { className: G.page_body_main, id: "rbs-editor", children: /* @__PURE__ */ l(so, {}) }),
+      /* @__PURE__ */ l("div", { className: G.page_body_right, id: "rbs-attributes", children: /* @__PURE__ */ l(Kd, {}) })
+    ] }),
+    /* @__PURE__ */ g("div", { className: G.page_footer, children: [
+      /* @__PURE__ */ g("div", { className: G.page_footer_beian, children: [
+        /* @__PURE__ */ l("img", { src: "/beian.png" }),
+        /* @__PURE__ */ l(
+          "a",
+          {
+            href: "https://beian.mps.gov.cn/#/query/webSearch?code=33010602013871",
+            rel: "noreferrer",
+            target: "_blank",
+            children: "浙公网安备33010602013871号"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ l("a", { href: "https://beian.miit.gov.cn", target: "_blank", rel: "noreferrer", children: "浙ICP备2024117433号-2" })
+    ] })
+  ] });
+}
+export {
+  Ir as default
+};