react-big-screen 0.0.19 → 0.0.21

package/es/index-CRDggJyg.mjs

@@ -0,0 +1,4441 @@
+var Ye = Object.defineProperty;
+var Qe = (r, e, t) => e in r ? Ye(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var d = (r, e, t) => Qe(r, typeof e != "symbol" ? e + "" : e, t);
+import { jsx as u, jsxs as C, Fragment as et } from "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { create as tt } from "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/zustand@5.0.8_@types+react@18.3.26_react@18.3.1/node_modules/zustand/esm/index.mjs";
+import re from "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/localforage@1.10.0/node_modules/localforage/dist/localforage.js";
+import c, { createContext as at, useRef as R, useCallback as nt, useMemo as G, isValidElement as it, useEffect as J, useContext as rt, useState as x, forwardRef as ot, useImperativeHandle as st } from "react";
+import lt from "react-dom";
+import ct, { createRoot as ue } from "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/client.js";
+import * as dt from "antd";
+import { Form as F, Tooltip as D, Button as he, Input as ge, Space as fe, message as me, Modal as ut, Table as ht } from "antd";
+import { driver as gt } from "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.js.mjs";
+import "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.css";
+import k from "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
+import { SaveOutlined as ft, EditOutlined as mt, DeleteOutlined as yt, QuestionCircleOutlined as pt, PlusOutlined as vt } from "/Users/tangjiahui/tjh/react-big-screen/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 ye from "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/i18next@24.2.3_typescript@5.9.3/node_modules/i18next/dist/esm/i18next.js";
+import { initReactI18next as _t } from "/Users/tangjiahui/tjh/react-big-screen/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 bt from "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/i18next-browser-languagedetector@8.2.0/node_modules/i18next-browser-languagedetector/dist/esm/i18nextBrowserLanguageDetector.js";
+import xt from "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/umi-request@1.4.0/node_modules/umi-request/dist/index.esm.js";
+import { useUpdateEffect as It, useUnmount as wt, useRequest as St } from "/Users/tangjiahui/tjh/react-big-screen/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 { omit as Ct, cloneDeep as pe } from "/Users/tangjiahui/tjh/react-big-screen/node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/lodash.js";
+const B = {
+  scale: 1,
+  scaleDefault: 1,
+  scaleStep: 0.02,
+  scaleMinZoom: 0.1,
+  scaleMaxZoom: 2,
+  width: 1920,
+  height: 1080
+}, ve = tt(() => ({
+  componentNodes: [],
+  componentMap: {},
+  config: B
+}));
+function w(r) {
+  ve.setState(r);
+}
+function z() {
+  return ve.getState();
+}
+const V = "未命名文件.txt";
+async function _e(r) {
+  return new Promise((e) => {
+    fetch(r).then(async (t) => {
+      var n, i;
+      return ((i = (n = `${t == null ? void 0 : t.status}`) == null ? void 0 : n.startsWith) == null ? void 0 : i.call(n, "2")) ? t.text() : "";
+    }).then(e).catch((t) => {
+      console.error(t), e("");
+    });
+  });
+}
+function xn(r = "", e = V) {
+  _e(r).then((t) => {
+    kt(t, e);
+  });
+}
+function kt(r = "", e = V) {
+  const t = new Blob([r], {
+    type: "text/plain;charset=utf-8"
+  });
+  Tt(t, e);
+}
+function Tt(r = new Blob([""]), e = V) {
+  const t = document.createElement("a"), a = URL.createObjectURL(r);
+  t.style.display = "none", t.download = e, t.href = a, t.click(), setTimeout(() => {
+    URL.revokeObjectURL(a);
+  });
+}
+const Pt = {
+  antd: dt,
+  react: c,
+  "react-dom": lt,
+  "react-dom/client": ct
+};
+function be(r) {
+  return Pt[r] || window[r];
+}
+async function oe(r) {
+  if (r)
+    return await zt(r) || await At(r);
+}
+async function zt(r) {
+  return new Promise((e) => {
+    try {
+      if (!r) return;
+      const t = { exports: {} }, a = (i) => be(i), n = new Function("module", "exports", "require", r);
+      try {
+        n(t, t.exports, a);
+        const i = Object.keys(t.exports);
+        return e(i.length ? t.exports : void 0);
+      } catch (i) {
+        return console.warn(i), e(void 0);
+      }
+    } catch (t) {
+      console.warn(t), e(void 0);
+    }
+  });
+}
+async function At(r) {
+  return new Promise((e) => {
+    try {
+      if (!r) return;
+      let t;
+      const a = function() {
+        var l;
+        let i, o;
+        arguments.length === 1 ? (i = [], o = arguments[0]) : arguments.length === 2 ? [i, o] = arguments : arguments.length === 3 && (i = arguments[1], o = arguments[2]);
+        const s = ((l = i == null ? void 0 : i.map) == null ? void 0 : l.call(i, (g) => be(g))) || [];
+        t = o == null ? void 0 : o(...s);
+      }, n = new Function("define", r);
+      try {
+        return n(a), e(t ?? void 0);
+      } catch (i) {
+        return console.warn(i), e(void 0);
+      }
+    } catch (t) {
+      return console.warn(t), e(void 0);
+    }
+  });
+}
+const xe = "__drivered__";
+function Nt() {
+  return window.localStorage.getItem(xe) === "1";
+}
+function Et() {
+  window.localStorage.setItem(xe, "1");
+}
+function In(r) {
+  if (Nt() && !r)
+    return;
+  gt({
+    showProgress: !0,
+    nextBtnText: "下一步",
+    prevBtnText: "上一步",
+    doneBtnText: "完成",
+    steps: [
+      {
+        element: "#rbs-sizebar",
+        popover: {
+          title: "尺寸工具栏",
+          description: "调整大屏页面的大小、缩放比例。"
+        }
+      },
+      {
+        element: "#rbs-choose-example-button",
+        popover: {
+          title: "切换示例",
+          description: "选中下拉切换到其他大屏看板示例。"
+        }
+      },
+      {
+        element: "#rbs-starter-help",
+        popover: {
+          title: "新手教程",
+          description: "点击以重新开始此引导教程。"
+        }
+      },
+      {
+        element: "#rbs-tool-bar",
+        popover: {
+          title: "工具栏",
+          description: "查看快捷键帮助、导出/导入json、保存、清空等操作。（鼠标移入看查看功能简介）"
+        }
+      },
+      {
+        element: "#rbs-preview",
+        popover: {
+          title: "开始预览",
+          description: "打开新页面预览当前设计大屏。"
+        }
+      },
+      {
+        element: "#rbs-menu",
+        popover: {
+          title: "菜单区域",
+          description: "可以选择组件模板、查看页面组件列表和历史记录等。"
+        }
+      },
+      {
+        element: "#rbs-library",
+        popover: {
+          title: "组件库",
+          description: "选中模板拖拽到编辑器创建新组件。"
+        }
+      },
+      {
+        element: "#rbs-pages",
+        popover: {
+          title: "页面管理",
+          description: "新增、删除大屏页面。"
+        }
+      },
+      {
+        element: "#rbs-componentNodes",
+        popover: {
+          title: "当前页组件",
+          description: "查看当前编辑大屏页面所有的组件，并支持修改。"
+        }
+      },
+      {
+        element: "#rbs-property",
+        popover: {
+          title: "个人资产",
+          description: "管理个人远程组件包资产，支持在线导入、本地导入组件包、导出组件包。"
+        }
+      },
+      {
+        element: "#rbs-favorites",
+        popover: {
+          title: "收藏夹",
+          description: "管理所有收藏的组件组合，拖拽到编辑器中即可进行创建。"
+        }
+      },
+      {
+        element: "#rbs-history",
+        popover: {
+          title: "历史记录",
+          description: "存储你的操作历史记录，最多20个存储容量。"
+        }
+      },
+      {
+        element: "#rbs-editor",
+        popover: {
+          title: "编辑器区域",
+          description: "主要拖拽交互区域，通过鼠标拖拽、框选页面组件。"
+        }
+      },
+      {
+        element: "#rbs-attributes",
+        popover: {
+          title: "属性配置区域",
+          description: "查看和配置组件属性，实现想要的效果。"
+        }
+      }
+    ],
+    onDestroyed() {
+      Et();
+    }
+  }).drive();
+}
+class Mt {
+  constructor() {
+    // 存储package映射（id => package）
+    d(this, "pkgMap", /* @__PURE__ */ new Map());
+    // 存储package变化回调函数
+    d(this, "pkgCallbacks", []);
+    // localforage实例
+    d(this, "localforageIns", re.createInstance({
+      name: "ReactBigScreen_code",
+      driver: re.INDEXEDDB,
+      description: "存储源代码缓存",
+      version: 1
+    }));
+  }
+  // 获取已注册组件列表
+  getAll() {
+    return Object.values(z().componentMap);
+  }
+  get(e) {
+    if (e)
+      return Array.isArray(e) ? e.map((t) => this.get(t)) : z().componentMap[e];
+  }
+  // 注册组件
+  register(e) {
+    const a = (Array.isArray(e) ? e : [e]).reduce((n, i) => Object.assign(n, {
+      [i.cId]: i
+    }), {});
+    w((n) => ({
+      componentMap: {
+        ...n.componentMap,
+        ...a
+      }
+    }));
+  }
+  // 卸载一个组件
+  unRegister(e) {
+    const t = Array.isArray(e) ? e : [e];
+    w((a) => (t.forEach((n) => {
+      const i = typeof n == "string" ? n : n == null ? void 0 : n.cId;
+      delete a.componentMap[i];
+    }), {
+      componentMap: {
+        ...a.componentMap
+      }
+    }));
+  }
+  // 卸载全部组件
+  unRegisterAll() {
+    w({
+      componentMap: {}
+    });
+  }
+  /*************************** 远程组件包相关 **************************/
+  // 清空packages
+  clearPackages() {
+    this.pkgMap = /* @__PURE__ */ new Map(), this.unRegisterAll();
+  }
+  // 初始化packages
+  initPackages(e) {
+    this.clearPackages(), e && (e = Array.isArray(e) ? e : [e], e.forEach((t) => {
+      t && (this.pkgMap.set(t.id, t), this.register(t.components));
+    }));
+  }
+  // 触发package事件通知
+  notifyPackageChange() {
+    const e = this.getAllPackage();
+    this.pkgCallbacks.forEach((t) => t(e));
+  }
+  // 获取一个包
+  getPackage(e) {
+    return typeof e == "string" ? this.pkgMap.get(e) : e;
+  }
+  // 获取包的模块代码
+  async getPackageSourceCode(e) {
+    const t = typeof e == "string" ? e : e.id;
+    return await this.localforageIns.getItem(t) ?? void 0;
+  }
+  // 存储包的模块代码
+  async savePackageSourceCode(e, t) {
+    const a = typeof e == "string" ? e : e.id;
+    return this.localforageIns.setItem(a, t);
+  }
+  /**
+   * 获取所有包
+   * @param omitSystem 是否排除系统包
+   */
+  getAllPackage(e) {
+    const t = Array.from(this.pkgMap.values());
+    return e ? t.filter((a) => a.origin !== "system") : t;
+  }
+  // 监听package更新
+  onPackageChange(e) {
+    return this.pkgCallbacks.push(e), () => {
+      this.pkgCallbacks = this.pkgCallbacks.filter((t) => t !== e);
+    };
+  }
+  // 加载一个包
+  registerPackage(e) {
+    if (!e) return;
+    (Array.isArray(e) ? e : [e]).forEach((a) => {
+      a && (this.pkgMap.set(a.id, a), this.register(a.components));
+    }), this.notifyPackageChange();
+  }
+  // 删除一个包
+  unregisterPackage(e) {
+    (Array.isArray(e) ? e : [e]).forEach((a) => {
+      this.pkgMap.delete(a.id), this.unRegister(a.components);
+    }), this.notifyPackageChange();
+  }
+  // 更新一个包
+  updatePackage(e, t, a) {
+    if (!t) return;
+    const n = this.getPackage(e);
+    n && (Object.assign(n, t), a || this.notifyPackageChange());
+  }
+  // 获取全部本地 package 存储对象
+  async getAllLocalPackages() {
+    const e = this.getAllPackage().reduce((t, a) => (["local", "remote"].includes(a.origin) && t.push(this.getLocalPackage(a)), t), []);
+    return Promise.all(e).then((t) => t.filter(Boolean));
+  }
+  // 获取本地 package 存储对象
+  async getLocalPackage(e) {
+    const t = this.getPackage(e);
+    if (!t) return;
+    let a;
+    return t.origin === "local" ? a = await this.getPackageSourceCode(t) : t.origin === "remote" && (a = t.originData), {
+      id: t.id,
+      origin: t.origin,
+      originData: a
+    };
+  }
+  // 载入本地 package 存储对象
+  async loadLocalPackages(e) {
+    if (!e) return;
+    const t = Array.isArray(e) ? e : [e];
+    if (!t.length) return;
+    const a = [], n = [];
+    t.forEach((i) => {
+      if (i.origin === "local") {
+        i.originData && a.push(i);
+        return;
+      }
+      if (i.origin === "remote") {
+        i.originData && n.push(i);
+        return;
+      }
+    }), Promise.all(
+      a.map((i) => oe(i.originData))
+    ).then((i) => {
+      i.forEach((o, s) => {
+        const l = t[s];
+        o && (o.origin = l.origin, o.originData = "", this.savePackageSourceCode(o.id, l.originData));
+      }), this.registerPackage(i);
+    }), n.forEach((i) => {
+      _e(i.originData).then((o) => {
+        oe(o).then((s) => {
+          s && (s.origin = i.origin, s.originData = i.originData, this.savePackageSourceCode(s.id, o)), this.registerPackage(s);
+        });
+      });
+    });
+  }
+}
+class se {
+  constructor() {
+    d(this, "_size", 0);
+    d(this, "_data", {});
+    d(this, "_events", []);
+  }
+  // 覆盖设置
+  set(e) {
+    let t = 0;
+    const a = {};
+    e.forEach((n) => {
+      n && (a[n.id] = n, t++);
+    }), this._data = a, this._size = t, this.notify();
+  }
+  // 新增实例
+  add(e) {
+    if (e) {
+      if (Array.isArray(e)) {
+        e.forEach((t) => this.add(t));
+        return;
+      }
+      this._data[e.id] = e, this._size++, this.notify();
+    }
+  }
+  get(e) {
+    if (e)
+      return Array.isArray(e) ? e.map((t) => this.get(t)) : this._data[`${e}`];
+  }
+  // 取出全部实例
+  getAll() {
+    return Object.values(this._data);
+  }
+  // 删除实例
+  delete(e) {
+    let t = !1;
+    (Array.isArray(e) ? e : [e]).forEach((n) => {
+      n && this._data[n] && (t = !0, delete this._data[n], this._size--);
+    }), t && this.notify();
+  }
+  // 删除全部实例
+  deleteAll() {
+    this._size && (this._size = 0, this._data = {}, this.notify());
+  }
+  // 获取大小
+  getSize() {
+    return this._size;
+  }
+  // 监听数据变更
+  onChange(e) {
+    return this._events.push(e), () => {
+      this._events = this._events.filter((t) => t !== e);
+    };
+  }
+  // 触发数据变更
+  notify() {
+    this._events.forEach((e) => {
+      e(this._data);
+    });
+  }
+}
+class Lt extends se {
+  constructor() {
+    super(...arguments);
+    // 存储选中的实例列表
+    d(this, "selectedInstances", new se());
+  }
+  // 获取实例
+  getInstances(t) {
+    return t ? typeof t == "string" ? t ? [this.get(t)] : [] : Array.isArray(t) ? t != null && t.length ? typeof (t == null ? void 0 : t[0]) == "string" ? this.get(t) : t : [] : [t] : [];
+  }
+  // 监听选中实例变更事件
+  onSelectedChange(t) {
+    return this.selectedInstances.onChange(t);
+  }
+  // 获取全部选中实例
+  getAllSelected() {
+    return this.selectedInstances.getAll();
+  }
+  /**
+   * 选中实例
+   * @param id 待选中实例的key/keys/instance/instances
+   * @param cover 是否覆盖（默认false。true则重置整个选中实例，false则新增选中）
+   */
+  select(t, a) {
+    const n = this.getInstances(t);
+    a && this.selectedInstances.getAll().forEach((i) => {
+      var o;
+      (o = i == null ? void 0 : i.handleUnSelected) == null || o.call(i);
+    }), n.forEach((i) => {
+      var o;
+      (o = i == null ? void 0 : i.handleSelected) == null || o.call(i);
+    }), a ? this.selectedInstances.set(n) : this.selectedInstances.add(n);
+  }
+  // 取消选中实例
+  unselect(t) {
+    const a = this.getInstances(t), n = [];
+    a.forEach((i) => {
+      var o;
+      (o = i == null ? void 0 : i.handleUnSelected) == null || o.call(i), n.push(i == null ? void 0 : i.id);
+    }), this.selectedInstances.delete(n);
+  }
+  // 选中全部
+  selectAll() {
+    this.isSelectAll() || this.select(this.getAll());
+  }
+  // 取消选中全部
+  unselectAll() {
+    this.selectedInstances.getSize() && (this.selectedInstances.getAll().forEach((t) => {
+      var a;
+      (a = t == null ? void 0 : t.handleUnSelected) == null || a.call(t);
+    }), this.selectedInstances.deleteAll());
+  }
+  // 是否已选中全部
+  isSelectAll() {
+    const t = this.getSize(), a = this.selectedInstances.getSize();
+    return t ? t === a : !1;
+  }
+  // 查询id是否被选中
+  isSelected(t) {
+    return !!this.selectedInstances.get(t);
+  }
+  // 删除实例
+  delete(t) {
+    super.delete(t), this.selectedInstances.delete(t);
+  }
+}
+function I(r = 10) {
+  const e = Math.random().toString(16).slice(2);
+  return r <= e.length ? e.slice(0, r) : e + I(r - e.length);
+}
+const Ot = "_configRender_wy2nc_59", Dt = "_configRender_item_wy2nc_65", Rt = "_configRender_item_help_wy2nc_70", Ft = "_configRender_item_label_wy2nc_74", Ht = "_configRender_item_value_wy2nc_78", P = {
+  configRender: Ot,
+  configRender_item: Dt,
+  configRender_item_help: Rt,
+  configRender_item_label: Ft,
+  configRender_item_value: Ht
+}, Ie = at(void 0);
+function le() {
+  return rt(Ie);
+}
+import("./index-B9Nb8R2I.mjs").then((r) => {
+  var e;
+  (e = r.default) == null || e.call(r);
+});
+let we = /* @__PURE__ */ new Map();
+function Se(r) {
+  const { items: e } = r, [t] = F.useForm(), a = R();
+  a.current = r;
+  const n = nt(() => {
+    const o = {}, s = t.getFieldsValue();
+    for (const l in s)
+      o[l] = void 0;
+    return o;
+  }, []), i = G(() => {
+    var o;
+    return /* @__PURE__ */ u(
+      F,
+      {
+        form: t,
+        className: P.configRender,
+        onValuesChange: (s) => {
+          var l, g;
+          (g = (l = a.current) == null ? void 0 : l.onChange) == null || g.call(l, {
+            ...t.getFieldsValue(),
+            ...s
+          });
+        },
+        children: (o = e == null ? void 0 : e.map) == null ? void 0 : o.call(e, (s) => {
+          if (it(s))
+            return s;
+          if (typeof s == "function")
+            return /* @__PURE__ */ u(s, { useExtra: le }, s);
+          const l = typeof s.component == "string" ? we.get(s.component) : s.component;
+          return /* @__PURE__ */ C("div", { className: P.configRender_item, children: [
+            /* @__PURE__ */ C(
+              "div",
+              {
+                className: k(
+                  P.configRender_item_label,
+                  (s == null ? void 0 : s.labelTip) && P.configRender_item_help
+                ),
+                style: r == null ? void 0 : r.labelStyle,
+                children: [
+                  s != null && s.labelTip ? /* @__PURE__ */ u(D, { title: s.labelTip, children: s.label }) : s.label,
+                  /* @__PURE__ */ u("span", { children: ":" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ u("div", { className: P.configRender_item_value, children: l ? /* @__PURE__ */ u(
+              F.Item,
+              {
+                noStyle: !0,
+                name: (s == null ? void 0 : s.name) || s.key,
+                children: /* @__PURE__ */ u(l, { options: s == null ? void 0 : s.options, useExtra: le })
+              },
+              s == null ? void 0 : s.key
+            ) : void 0 })
+          ] }, s == null ? void 0 : s.key);
+        })
+      }
+    );
+  }, [e]);
+  return J(() => {
+    t.setFieldsValue({
+      ...n(),
+      ...r == null ? void 0 : r.value
+    });
+  }, [r == null ? void 0 : r.value]), /* @__PURE__ */ u(Ie.Provider, { value: r == null ? void 0 : r.extra, children: i });
+}
+Se.register = (r, e) => {
+  we.set(r, e);
+};
+function T(r, e) {
+  return function(t) {
+    const a = e ? {
+      ...t,
+      options: Object.assign({}, e, t == null ? void 0 : t.options)
+    } : t;
+    return r(a);
+  };
+}
+function A(r, e) {
+  return function(t) {
+    const a = e ? Object.assign({}, e, t.options) : t.options, n = e ? {
+      ...t,
+      options: {
+        ...t.options,
+        ...a
+      }
+    } : t;
+    return /* @__PURE__ */ u(
+      Se,
+      {
+        items: r,
+        value: a,
+        extra: n,
+        onChange: (i) => {
+          t.onChange(i);
+        }
+      }
+    );
+  };
+}
+const $t = {
+  cId: "",
+  cName: "",
+  x: 0,
+  y: 0,
+  width: 100,
+  height: 100,
+  category: "unknown"
+};
+class Bt {
+  constructor() {
+    d(this, "maxLevel", 1);
+    // 最大层级
+    d(this, "eventMap", {});
+    // 数据节点变更回调事件 （id => callback）
+    d(this, "groupMap", {});
+    // 成组映射（groupId => 对应元素）
+    d(this, "panelMap", {});
+    // 面板映射（panelId => {children: [id, id, ...]}）
+    // 删除回调
+    d(this, "deleteListeners", []);
+  }
+  // 监听删除
+  onDelete(e) {
+    return this.deleteListeners.push(e), () => {
+      this.deleteListeners = this.deleteListeners.filter((t) => t !== e);
+    };
+  }
+  // 触发删除
+  notifyDelete(e = []) {
+    this.deleteListeners.forEach((t) => t(e));
+  }
+  // 触发onChange事件
+  notifyChange(e) {
+    var t, a;
+    (a = (t = this.eventMap[e.id]) == null ? void 0 : t.forEach) == null || a.call(t, (n) => {
+      n == null || n({
+        payload: e
+      });
+    });
+  }
+  // 注册节点事件变更回调
+  onChange(e, t) {
+    var a;
+    return e ? (((a = this.eventMap)[e] || (a[e] = [])).push(t), () => {
+      this.eventMap[e] = this.eventMap[e].filter((n) => n !== t);
+    }) : (console.warn("id must be defined"), () => {
+    });
+  }
+  // 清空组件数据
+  clear() {
+    this.maxLevel = this.getMinLevel(), w({
+      componentNodes: []
+    });
+  }
+  // 获取最大层级
+  getMaxLevel() {
+    return this.maxLevel;
+  }
+  // 获取最小层级
+  getMinLevel() {
+    return 1;
+  }
+  /**
+   * 管道化处理componentNodes
+   * @param componentNodes 要通过的componentNodes
+   */
+  pipeComponentNodes(e) {
+    return e.forEach((t) => {
+      var a, n;
+      t.groupId && this.insertGroup(t.groupId, t.id), t.show ?? (t.show = !0), t.panelId && ((a = this.panelMap)[n = t.panelId] || (a[n] = {
+        parentId: "",
+        children: /* @__PURE__ */ new Set()
+      })).children.add(t.id), t.panels && t.panels.forEach((i) => {
+        var s, l;
+        const o = (s = this.panelMap)[l = `${i.value}`] || (s[l] = {
+          parentId: t.id,
+          children: /* @__PURE__ */ new Set()
+        });
+        o.parentId = t.id;
+      }), this.maxLevel = Math.max(this.maxLevel, (t == null ? void 0 : t.level) || 1);
+    }), e;
+  }
+  // 设置展示componentNodes
+  set(e = []) {
+    this.maxLevel = 1, this.groupMap = {}, this.panelMap = {}, w({
+      componentNodes: this.pipeComponentNodes(e)
+    });
+  }
+  // 刷新
+  refresh() {
+    w((e) => ({
+      componentNodes: [...e.componentNodes]
+    }));
+  }
+  // 新增 componentNode
+  add(e) {
+    const t = Array.isArray(e) ? e : [e];
+    w((a) => ({
+      componentNodes: [...a.componentNodes, ...this.pipeComponentNodes(t)]
+    }));
+  }
+  // 获取已使用组件列表统计
+  getComponentUsed() {
+    return this.getAll().reduce((e, t) => {
+      var n;
+      const a = e[n = t.cId] || (e[n] = { count: 0 });
+      return a.count++, e;
+    }, {});
+  }
+  // 获取全部componentNodes
+  getAll() {
+    return z().componentNodes;
+  }
+  // 获取一个componentNode
+  get(e) {
+    if (e)
+      return typeof e != "string" ? e : this.getAll().find((t) => t.id === e);
+  }
+  // 获取一些componentNode
+  getSome(e) {
+    return (Array.isArray(e) ? e : [e]).reduce((a, n) => {
+      const i = typeof n == "string" ? this.get(n) : n;
+      return i && a.push(i), a;
+    }, []);
+  }
+  /**
+   * 更新componentNode（默认触发局部更新）
+   *
+   * @param id 待更新实例id
+   * @param extComponentNode 合并更新项
+   * @param options 额外配置项
+   */
+  update(e, t, a) {
+    if (!e || !t) return;
+    const n = this.get(e);
+    if (!n) return;
+    const i = {
+      ...typeof t == "function" ? t(n) : t
+    };
+    if (a != null && a.cover)
+      for (const o in n)
+        o !== "id" && delete n[o];
+    Object.assign(n, i), a != null && a.silent || this.notifyChange(n);
+  }
+  // 删除 componentNode
+  delete(e) {
+    const t = Array.isArray(e) ? e : [e], a = /* @__PURE__ */ new Set();
+    t.forEach((i) => {
+      var s;
+      const o = this.get(i);
+      o && (a.add(o.id), (s = o == null ? void 0 : o.panels) != null && s.length && this.getLayoutChildrenIds(o.id).forEach((l) => {
+        a.add(l);
+      }));
+    });
+    const n = z().componentNodes.filter((i) => !a.has(i.id));
+    this.set(n), this.notifyDelete(Array.from(a));
+  }
+  // 计算一个componentNode的矩形坐标
+  getCoordinate(e) {
+    const t = typeof e == "string" ? this.get(e) : e, a = {
+      x1: 0,
+      y1: 0,
+      x2: 0,
+      y2: 0
+    };
+    return t && (a.x1 = t.x, a.y1 = t.y, a.x2 = t.x + t.width, a.y2 = t.y + t.height), a;
+  }
+  // 从实例数据创建新的数据实例
+  createFromComponentNode(e, t) {
+    const a = {
+      ...e,
+      ...t
+    };
+    return t != null && t.id || (a.id = I()), a != null && a.level || (a.level = ++this.maxLevel), a.category || (a.category = "unknown"), a.dataSourceType || (a.dataSourceType = "static"), this.maxLevel = Math.max(this.maxLevel, a.level), a;
+  }
+  // 从组件模板创建数据实例
+  createFromComponent(e, t) {
+    var n, i;
+    const a = {
+      ...$t,
+      // 基础默认组件数据
+      ...Ct(e, [
+        "icon",
+        "component",
+        "attributesComponent",
+        "exposes",
+        "triggers",
+        "description"
+      ]),
+      // 自定义组件默认数据
+      ...t
+      // 扩展组件数据
+    };
+    return a != null && a.name || (a.name = e.cName), a != null && a.id || (a.id = I()), a != null && a.level || (a.level = ++this.maxLevel), a.x || (a.x = 0), a.y || (a.y = 0), a.category || (a.category = "unknown"), e.panels && (a.panels = e.panels.map((o) => ({
+      label: o.label,
+      value: I()
+    })), a.currentPanelId = (i = (n = a.panels) == null ? void 0 : n[0]) == null ? void 0 : i.value), a.dataSourceType || (a.dataSourceType = "static"), a.show ?? (a.show = !0), this.maxLevel = Math.max(this.maxLevel, a.level), a;
+  }
+  /************************* 成组 (group) *************************/
+  // 创建一个组
+  createGroup(e, t = I()) {
+    const a = /* @__PURE__ */ new Set();
+    e.forEach((n) => {
+      a.add(n.id), this.update(n.id, {
+        groupId: t
+      });
+    }), this.groupMap[t] = {
+      children: a
+    };
+  }
+  // 解散一个/多个组
+  unlinkGroup(e) {
+    (Array.isArray(e) ? e : [e]).forEach((a) => {
+      this.groupMap[a].children.forEach((i) => {
+        this.update(i, {
+          groupId: void 0
+        });
+      }), delete this.groupMap[a];
+    });
+  }
+  // 从一个组中删除一个实例id
+  unlinkFromGroup(e, t) {
+    const a = this.groupMap[e];
+    e && (a.children.delete(t), a.children.size || delete this.groupMap[e]);
+  }
+  // 插入一个实例id到group中
+  insertGroup(e, t) {
+    var a;
+    ((a = this.groupMap)[e] || (a[e] = { children: /* @__PURE__ */ new Set() })).children.add(t);
+  }
+  // 获取一个组
+  getGroup(e) {
+    return e ? this.groupMap[e] : void 0;
+  }
+  // 获取一个组包含的实例id列表
+  getGroupComponentNodeIds(e) {
+    var t;
+    return Array.from(((t = this.getGroup(e)) == null ? void 0 : t.children) || []);
+  }
+  /************************* 布局 (layout) *************************/
+  // 获取layout类组件包含的所有组件Ids
+  getLayoutChildrenIds(e) {
+    var a;
+    const t = (a = this.get(e)) == null ? void 0 : a.panels;
+    return t != null && t.length ? t.reduce((n, i) => {
+      var o;
+      return n.concat(Array.from(((o = this.panelMap[i.value]) == null ? void 0 : o.children) || []));
+    }, []) : [];
+  }
+  // 获取layout类组件包含的所有可展示组件Ids
+  getLayoutVisibleChildrenIds(e) {
+    var a, n;
+    const t = (a = this.get(e)) == null ? void 0 : a.currentPanelId;
+    return t ? Array.from(((n = this.panelMap[t]) == null ? void 0 : n.children) || []) : [];
+  }
+  // 判断当前组件是否在面板内
+  isInPanel(e, t) {
+    var n, i, o;
+    const a = typeof t == "string" ? this.get(t) : t;
+    return !e || !a ? !1 : (o = (i = (n = this.panelMap[e]) == null ? void 0 : n.children) == null ? void 0 : i.has) == null ? void 0 : o.call(i, a.id);
+  }
+  // 将组件移入面板内
+  insertPanel(e, t) {
+    var i, o;
+    const a = typeof t == "string" ? this.get(t) : t;
+    if (!e || !a)
+      return;
+    this.removeFromPanel(a, !1);
+    const n = this.panelMap[e];
+    (o = (i = n == null ? void 0 : n.children) == null ? void 0 : i.add) == null || o.call(i, a.id), this.update(a.id, {
+      panelId: e
+    });
+  }
+  // 将组件移出面板
+  removeFromPanel(e, t = !0) {
+    var o, s;
+    const a = typeof e == "string" ? this.get(e) : e, n = a == null ? void 0 : a.panelId;
+    if (!n || !a)
+      return;
+    const i = this.panelMap[n];
+    (s = (o = i == null ? void 0 : i.children) == null ? void 0 : o.delete) == null || s.call(o, a.id), t && this.update(a.id, {
+      panelId: void 0
+    });
+  }
+  // 获取面板名称
+  getPanelName(e) {
+    var a, n, i, o;
+    if (!e) return "";
+    const t = (n = this.get((a = this.panelMap[e]) == null ? void 0 : a.parentId)) == null ? void 0 : n.panels;
+    return ((o = (i = t == null ? void 0 : t.find) == null ? void 0 : i.call(t, (s) => s.value === e)) == null ? void 0 : o.label) || "";
+  }
+  // 获取面板包含的子组件id（第一层）
+  getPanelChildrenIds(e) {
+    var t;
+    return e ? Array.from(((t = this.panelMap[e]) == null ? void 0 : t.children) || []) : [];
+  }
+  // 获取面板包含的子组件
+  getPanelComponentNodes(e, t) {
+    var n, i;
+    const a = this.get(e);
+    return a ? ((i = (n = a == null ? void 0 : a.panels) == null ? void 0 : n.reduce) == null ? void 0 : i.call(n, (o, s) => {
+      const l = this.getPanelChildrenIds(s.value);
+      return o.concat(
+        l.reduce((g, h) => {
+          var m;
+          const v = this.get(h);
+          return v && (g.push(v), t && ((m = v.panels) != null && m.length) && g.push(...this.getPanelComponentNodes(v, t))), g;
+        }, [])
+      );
+    }, [])) || [] : [];
+  }
+  // 显示面板下全部组件
+  showPanel(e) {
+    var t, a, n;
+    e && ((n = (a = (t = this.panelMap[e]) == null ? void 0 : t.children) == null ? void 0 : a.forEach) == null || n.call(a, (i) => {
+      this.update(i, {
+        show: !0
+      });
+    }));
+  }
+  // 隐藏面板下全部组件
+  hidePanel(e) {
+    var t, a, n;
+    e && ((n = (a = (t = this.panelMap[e]) == null ? void 0 : t.children) == null ? void 0 : a.forEach) == null || n.call(a, (i) => {
+      this.update(i, {
+        show: !1
+      });
+    }));
+  }
+  // 克隆 componentNodes（会重置父子关系）
+  cloneComponentNodes(e, t) {
+    const a = /* @__PURE__ */ new Map(), n = e.reduce((i, o) => {
+      var s;
+      if (o) {
+        const l = this.createFromComponentNode(o, {
+          id: I()
+        });
+        delete l.groupId, o != null && o.panels && (l.panels = o.panels.map((g) => {
+          const h = I();
+          return g.value === l.currentPanelId && (l.currentPanelId = h), a.set(g.value, h), {
+            ...g,
+            value: h
+          };
+        })), i.push(l), (s = t == null ? void 0 : t.onClone) == null || s.call(t, o, l);
+      }
+      return i;
+    }, []);
+    return n.forEach((i) => {
+      if (i != null && i.panelId) {
+        const o = a.get(i.panelId);
+        o && (i.panelId = o);
+      }
+    }), n;
+  }
+}
+const S = {
+  id: "default",
+  name: "大屏页面",
+  parentId: void 0
+};
+class Ut {
+  constructor() {
+    // pages
+    d(this, "pages", []);
+    // 存储pages;
+    // page映射componentNodes
+    d(this, "pageMap", {});
+    d(this, "listeners", []);
+    d(this, "globalComponentNodes", {});
+  }
+  // 所有全局组件(即全页面展示的组件)
+  // 触发pages变更
+  notifyChange() {
+    const e = this.getAll();
+    this.listeners.forEach((t) => {
+      t(e);
+    });
+  }
+  // 将组件从globalComponents中移除
+  removeGlobalComponentNode(e) {
+    (Array.isArray(e) ? e : [e]).forEach((a) => {
+      const n = typeof a == "string" ? a : a == null ? void 0 : a.id;
+      n && delete this.globalComponentNodes[n];
+    });
+  }
+  // 更新 page
+  update(e, t) {
+    !e || !t || this.pages.some((a) => {
+      const n = a.id === e;
+      return n && (Object.assign(a, t), this.notifyChange()), n;
+    });
+  }
+  // 监听pages变更
+  onChange(e) {
+    return this.listeners.push(e), () => {
+      this.listeners = this.listeners.filter((t) => t !== e);
+    };
+  }
+  // 初始化pages
+  init(e = [], t = []) {
+    this.globalComponentNodes = {}, this.pageMap = { [S.id]: { children: [] } }, this.pages = t != null && t.length ? t : [pe(S)], this.pages.forEach((a) => {
+      var n, i;
+      (n = this.pageMap)[i = a.id] || (n[i] = { children: [] });
+    }), e.forEach((a) => {
+      var i;
+      const n = (a == null ? void 0 : a.pageId) || S.id;
+      if (a != null && a.isAllPage) {
+        this.globalComponentNodes[a.id] = a;
+        return;
+      }
+      ((i = this.pageMap)[n] || (i[n] = { children: [] })).children.push(a);
+    }), this.notifyChange();
+  }
+  // 获取全部全局组件
+  getGlobalComponentNodes() {
+    return Object.values(this.globalComponentNodes);
+  }
+  // 获取指定页面 pageId 的 componentNodes
+  getComponentNodes(e, t) {
+    var n;
+    e = typeof e == "string" ? e : e == null ? void 0 : e.id;
+    const a = (e ? (n = this.pageMap[e]) == null ? void 0 : n.children : []) || [];
+    return t ? a : [...this.getGlobalComponentNodes(), ...a];
+  }
+  // 设置页面的 componentNodes
+  setComponentNodes(e, t) {
+    var a, n;
+    e = typeof e == "string" ? e : e == null ? void 0 : e.id, e && t && ((n = (a = this.pageMap) == null ? void 0 : a[e]) != null && n.children) && (this.pageMap[e].children = t.filter((i) => (i.isAllPage && (this.globalComponentNodes[i.id] = i), !i.isAllPage)));
+  }
+  // 获取某个page
+  get(e) {
+    if (e)
+      return this.pages.find((t) => t.id === e);
+  }
+  // 获取所有pages
+  getAll() {
+    return this.pages;
+  }
+  // 插入一个新页面
+  insert(e, t) {
+    if (this.pageMap[e.id] = { children: [] }, !t) {
+      this.pages.push(e), this.notifyChange();
+      return;
+    }
+    t = typeof t == "string" ? t : t.id;
+    const a = this.pages.findIndex((n) => n.id === t);
+    a >= 0 && (this.pages.splice(a + 1, 0, e), this.notifyChange());
+  }
+  // 获取所有 componentNodes
+  getAllComponentNodes() {
+    return this.pages.reduce((e, t) => e.concat(this.getComponentNodes(t, !0)), this.getGlobalComponentNodes());
+  }
+  // 删除页面
+  delete(e) {
+    if (!e) return;
+    const t = Array.isArray(e) ? e : [e];
+    this.pages = this.pages.filter((a) => {
+      const n = t.includes(a.id);
+      return n && delete this.pageMap[a.id], !n;
+    }), this.notifyChange();
+  }
+}
+class Gt {
+  // 获取配置（保存全局）
+  getConfig() {
+    return z().config;
+  }
+  // 静默设置配置 (不触发全局更新)
+  setConfigSilently(e) {
+    this.setConfig(e, { silent: !0 });
+  }
+  // 设置配置（保存全局）
+  setConfig(e, t) {
+    w((a) => t != null && t.silent ? (Object.assign(a.config, {
+      ...typeof e == "function" ? e(this.getConfig()) : e
+    }), a) : {
+      config: t != null && t.cover ? { ...e } : {
+        ...a.config,
+        ...typeof e == "function" ? e(this.getConfig()) : e
+      }
+    });
+  }
+  // 获取当前页
+  getCurrentPage() {
+    return this.getConfig().currentPageId || S.id;
+  }
+}
+class Jt {
+  constructor() {
+    d(this, "favorites", []);
+    d(this, "listeners", []);
+  }
+  // 触发listeners
+  notifyChange() {
+    const e = this.getAll();
+    this.listeners.forEach((t) => {
+      t(e);
+    });
+  }
+  // 监听收藏夹变更
+  onChange(e) {
+    return this.listeners.push(e), () => {
+      this.listeners = this.listeners.filter((t) => t !== e);
+    };
+  }
+  // 添加到收藏夹
+  add(e) {
+    const t = Array.isArray(e) ? e : [e];
+    this.favorites.push(...t), this.notifyChange();
+  }
+  // 设置收藏夹
+  set(e) {
+    this.favorites = Array.isArray(e) ? e : [e], this.notifyChange();
+  }
+  // 更新收藏组件
+  update(e, t) {
+    const a = this.get(e);
+    a && (Object.assign(
+      a,
+      typeof t == "function" ? t(a) : t
+    ), this.notifyChange());
+  }
+  // 删除收藏组件
+  delete(e) {
+    const t = (Array.isArray(e) ? e : [e]).reduce((a, n) => {
+      const i = typeof n == "string" ? n : n == null ? void 0 : n.id;
+      return i && a.push(i), a;
+    }, []);
+    this.favorites = this.favorites.filter((a) => !t.includes(a.id)), this.notifyChange();
+  }
+  // 获取一个收藏组件
+  get(e) {
+    return this.favorites.find((t) => t.id === e);
+  }
+  // 获取全部收藏组件
+  getAll() {
+    return this.favorites;
+  }
+}
+const j = {
+  color: "black",
+  value: "一段文字",
+  fontSize: 14,
+  lineHeight: 32
+}, Vt = A(
+  [
+    { key: "value", label: "内容", component: "textarea" },
+    { key: "fontSize", label: "字号", component: "inputNumber", options: { min: 8 } },
+    {
+      key: "lineHeight",
+      label: "行高",
+      labelTip: "单位px",
+      component: "inputNumber",
+      options: { min: 8 }
+    },
+    { key: "fontWeight", label: "字重", component: "fontWeightSelect" },
+    {
+      key: "color",
+      label: "颜色",
+      component: "colorPicker",
+      options: {
+        reset: !0
+      }
+    },
+    { key: "background", label: "背景", component: "colorPicker" },
+    {
+      key: "fontStyle",
+      label: "斜体",
+      component: "checkboxValue",
+      options: {
+        value: "italic"
+      }
+    },
+    { key: "textAlign", label: "水平对齐", component: "textAlignSelect" }
+  ],
+  j
+), jt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  DEFAULT_OPTIONS: j,
+  default: Vt
+}, Symbol.toStringTag, { value: "Module" })), Ce = [{ label: "点击事件", value: "onClick" }], ke = [{ label: "更新文本", value: "setText" }], qt = T((r) => {
+  const { options: e, width: t, height: a, useExpose: n, handleTrigger: i } = r, [o, s] = x();
+  return n({
+    setText(l) {
+      s(l);
+    }
+  }), /* @__PURE__ */ u(
+    "div",
+    {
+      style: {
+        width: t,
+        height: a,
+        background: e == null ? void 0 : e.background,
+        wordBreak: "break-all",
+        textAlign: e == null ? void 0 : e.textAlign,
+        color: e == null ? void 0 : e.color,
+        fontWeight: e == null ? void 0 : e.fontWeight,
+        fontStyle: e == null ? void 0 : e.fontStyle,
+        fontSize: e == null ? void 0 : e.fontSize,
+        lineHeight: e != null && e.lineHeight ? `${e == null ? void 0 : e.lineHeight}px` : void 0
+      },
+      onClick: (l) => i("onClick", l),
+      dangerouslySetInnerHTML: {
+        __html: o ?? ((e == null ? void 0 : e.value) || "")
+      }
+    }
+  );
+}, j), Wt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: qt,
+  textExposes: ke,
+  textTriggers: Ce
+}, Symbol.toStringTag, { value: "Module" })), q = {
+  value: "按钮",
+  borderRadius: 2
+}, Xt = A(
+  [
+    {
+      key: "value",
+      label: "内容",
+      component: "input"
+    },
+    {
+      key: "type",
+      label: "类型",
+      component: "antdButtonTypeSelect"
+    },
+    {
+      key: "borderRadius",
+      label: "边框圆角",
+      component: "inputNumber"
+    }
+  ],
+  q
+), Zt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  DEFAULT_OPTIONS: q,
+  default: Xt
+}, Symbol.toStringTag, { value: "Module" })), Te = [{ label: "点击事件", value: "onClick" }], Kt = T((r) => {
+  const { options: e, width: t, height: a, handleTrigger: n } = r;
+  return /* @__PURE__ */ u(
+    he,
+    {
+      type: e == null ? void 0 : e.type,
+      style: { width: t, height: a, borderRadius: e.borderRadius },
+      onClick: (i) => n("onClick", i),
+      children: /* @__PURE__ */ u(
+        "span",
+        {
+          dangerouslySetInnerHTML: {
+            __html: e.value || ""
+          }
+        }
+      )
+    }
+  );
+}, q), Yt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  buttonTriggers: Te,
+  default: Kt
+}, Symbol.toStringTag, { value: "Module" })), W = {
+  placeholder: "请输入",
+  allowClear: !0
+}, Qt = A(
+  [
+    { key: "value", label: "内容", component: "input" },
+    { key: "placeholder", label: "占位符", component: "input" },
+    { key: "maxLength", label: "最大长度", component: "inputNumber" },
+    { key: "allowClear", label: "可清空", component: "checkbox" }
+  ],
+  W
+), ea = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  DEFAULT_OPTIONS: W,
+  default: Qt
+}, Symbol.toStringTag, { value: "Module" })), Pe = [{ label: "输入文本", value: "input" }], ze = [{ label: "修改值", value: "changeValue" }], ta = T((r) => {
+  const { width: e, height: t, options: a, handleTrigger: n, useExpose: i } = r, [o, s] = x(a == null ? void 0 : a.value);
+  return It(() => {
+    s(a == null ? void 0 : a.value);
+  }, [a == null ? void 0 : a.value]), i({
+    changeValue: (l) => {
+      s(l);
+    }
+  }), /* @__PURE__ */ u(
+    ge,
+    {
+      width: e,
+      height: t,
+      value: o,
+      maxLength: a == null ? void 0 : a.maxLength,
+      allowClear: a == null ? void 0 : a.allowClear,
+      placeholder: a == null ? void 0 : a.placeholder,
+      onChange: (l) => {
+        const g = l.target.value;
+        n("input", g), s(g);
+      }
+    }
+  );
+}, W), aa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: ta,
+  inputExposes: ze,
+  inputTriggers: Pe
+}, Symbol.toStringTag, { value: "Module" })), na = "_title_dcdbr_59", ia = {
+  title: na
+}, X = {
+  value: "标题",
+  color: "black",
+  fontSize: 18
+}, ra = A(
+  [
+    { key: "value", label: "标题", component: "input" },
+    { key: "fontSize", label: "字号", component: "inputNumber" },
+    { key: "fontWeight", label: "字重", component: "fontWeightSelect" },
+    { key: "letterSpacing", label: "字距", component: "inputNumber" },
+    { key: "color", label: "颜色", component: "colorPicker" },
+    { key: "background", label: "背景", component: "colorPicker" },
+    {
+      key: "fontStyle",
+      label: "斜体",
+      component: "checkboxValue",
+      options: {
+        value: "italic"
+      }
+    },
+    { key: "textAlign", label: "水平对齐", component: "textAlignSelect" }
+  ],
+  X
+), oa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  DEFAULT_OPTIONS: X,
+  default: ra
+}, Symbol.toStringTag, { value: "Module" })), Ae = [{ label: "点击事件", value: "onClick" }], Ne = [{ label: "更新文本", value: "setText" }], sa = T((r) => {
+  const { options: e, width: t, height: a, useExpose: n, handleTrigger: i } = r, [o, s] = x();
+  return n({
+    setText(l) {
+      s(l);
+    }
+  }), /* @__PURE__ */ u(
+    "div",
+    {
+      style: {
+        width: t,
+        height: a,
+        lineHeight: `${a}px`,
+        background: e == null ? void 0 : e.background,
+        wordBreak: "break-all",
+        textAlign: e == null ? void 0 : e.textAlign,
+        color: e == null ? void 0 : e.color,
+        fontWeight: e == null ? void 0 : e.fontWeight,
+        fontStyle: e == null ? void 0 : e.fontStyle,
+        fontSize: e == null ? void 0 : e.fontSize,
+        letterSpacing: e == null ? void 0 : e.letterSpacing
+      },
+      onClick: (l) => i("onClick", l),
+      className: ia.title,
+      dangerouslySetInnerHTML: {
+        __html: o ?? ((e == null ? void 0 : e.value) || "")
+      }
+    }
+  );
+}, X), la = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: sa,
+  titleExposes: Ne,
+  titleTriggers: Ae
+}, Symbol.toStringTag, { value: "Module" })), ca = [
+  {
+    cId: "text",
+    cName: "文本",
+    icon: () => import("./text-Cn6EC5YR.mjs"),
+    category: "base",
+    x: 0,
+    y: 0,
+    width: 120,
+    height: 32,
+    component: c.lazy(() => Promise.resolve().then(() => Wt)),
+    attributesComponent: c.lazy(() => Promise.resolve().then(() => jt)),
+    triggers: Ce,
+    exposes: ke
+  },
+  {
+    cId: "input",
+    cName: "输入框",
+    icon: () => import("./input-BnNvyMJg.mjs"),
+    category: "base",
+    x: 0,
+    y: 0,
+    width: 250,
+    height: 32,
+    triggers: Pe,
+    exposes: ze,
+    component: c.lazy(() => Promise.resolve().then(() => aa)),
+    attributesComponent: c.lazy(() => Promise.resolve().then(() => ea))
+  },
+  {
+    cId: "title",
+    cName: "标题",
+    icon: () => import("./title-Bb_PVLwM.mjs"),
+    category: "base",
+    x: 0,
+    y: 0,
+    width: 120,
+    height: 48,
+    triggers: Ae,
+    exposes: Ne,
+    component: c.lazy(() => Promise.resolve().then(() => la)),
+    attributesComponent: c.lazy(() => Promise.resolve().then(() => oa))
+  },
+  {
+    cId: "button",
+    cName: "按钮",
+    icon: () => import("./button-DSF24312.mjs"),
+    category: "base",
+    x: 0,
+    y: 0,
+    width: 64,
+    height: 32,
+    triggers: Te,
+    component: c.lazy(() => Promise.resolve().then(() => Yt)),
+    attributesComponent: c.lazy(() => Promise.resolve().then(() => Zt))
+  },
+  {
+    cId: "background",
+    cName: "背景",
+    icon: () => import("./background-C6jjuAGp.mjs"),
+    category: "base",
+    x: 0,
+    y: 0,
+    width: 500,
+    height: 300,
+    component: c.lazy(() => import("./index-KruFCy9N.mjs")),
+    attributesComponent: c.lazy(() => import("./attributes-C_fbpAUx.mjs"))
+  },
+  {
+    cId: "image",
+    cName: "图片",
+    icon: () => import("./image-C9zpKfcR.mjs"),
+    category: "base",
+    x: 0,
+    y: 0,
+    width: 270,
+    height: 150,
+    component: c.lazy(() => import("./index-DQU0jlV0.mjs")),
+    attributesComponent: c.lazy(() => import("./attributes-COwKDUMI.mjs"))
+  },
+  {
+    cId: "dateDisplay",
+    cName: "日期展示",
+    icon: () => import("./dateDisplay-DOZ8l8c3.mjs"),
+    category: "base",
+    x: 0,
+    y: 0,
+    width: 250,
+    height: 26,
+    component: c.lazy(() => import("./index-hPKl41YD.mjs")),
+    attributesComponent: c.lazy(() => import("./attributes-BuMChZnt.mjs"))
+  },
+  {
+    cId: "doubleText",
+    cName: "双行文本",
+    category: "base",
+    icon: () => import("./doubleText-B-gI7gxd.mjs"),
+    x: 0,
+    y: 0,
+    width: 120,
+    height: 64,
+    component: c.lazy(() => import("./index-Dh00vKAk.mjs")),
+    attributesComponent: c.lazy(() => import("./attributes-DdjjVR4N.mjs"))
+  }
+], da = "_carousel_1b8a0_59", ua = "_carousel_bordered_1b8a0_62", ce = {
+  carousel: da,
+  carousel_bordered: ua
+}, ha = "_editList_sc7sk_59", ga = {
+  editList: ha
+}, fa = "_editItem_1azvi_59", ma = "_editItem_left_1azvi_66", ya = "_editItem_body_1azvi_73", pa = "_editItem_body_text_1azvi_77", va = "_editItem_body_text_hover_1azvi_83", _a = "_editItem_right_1azvi_86", ba = "_editRadio_1azvi_89", xa = "_editRadio_hover_1azvi_99", Ia = "_editRadio_selected_1azvi_102", b = {
+  editItem: fa,
+  editItem_left: ma,
+  editItem_body: ya,
+  editItem_body_text: pa,
+  editItem_body_text_hover: va,
+  editItem_right: _a,
+  editRadio: ba,
+  editRadio_hover: xa,
+  editRadio_selected: Ia
+};
+function wa(r) {
+  const { value: e } = r, [t, a] = x(!1), [n, i] = x((e == null ? void 0 : e.label) || ""), [o, s] = x(!1);
+  function l() {
+    i((e == null ? void 0 : e.label) || ""), a(!0);
+  }
+  function g() {
+    var h;
+    if (!n) {
+      me.warn("必须填写名称");
+      return;
+    }
+    a(!1), (h = r == null ? void 0 : r.onUpdate) == null || h.call(r, {
+      ...e,
+      label: n
+    });
+  }
+  return /* @__PURE__ */ C("div", { className: b.editItem, children: [
+    /* @__PURE__ */ u(
+      "div",
+      {
+        className: b.editItem_left,
+        onMouseEnter: () => s(!0),
+        onMouseLeave: () => s(!1),
+        onClick: () => {
+          var h;
+          return (h = r == null ? void 0 : r.onSelect) == null ? void 0 : h.call(r);
+        },
+        children: /* @__PURE__ */ u(
+          "div",
+          {
+            className: k(
+              b.editRadio,
+              (r == null ? void 0 : r.isSelected) && b.editRadio_selected,
+              o && b.editRadio_hover
+            )
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ u("div", { className: b.editItem_body, children: t ? /* @__PURE__ */ u(
+      ge,
+      {
+        value: n,
+        size: "small",
+        maxLength: 100,
+        placeholder: "请输入",
+        onChange: (h) => {
+          i(h.target.value);
+        }
+      }
+    ) : /* @__PURE__ */ u(
+      "div",
+      {
+        title: (e == null ? void 0 : e.label) || "",
+        className: k(
+          b.editItem_body_text,
+          o && b.editItem_body_text_hover
+        ),
+        onClick: () => {
+          var h;
+          return (h = r == null ? void 0 : r.onSelect) == null ? void 0 : h.call(r);
+        },
+        onMouseEnter: () => s(!0),
+        onMouseLeave: () => s(!1),
+        children: e == null ? void 0 : e.label
+      }
+    ) }),
+    /* @__PURE__ */ u("div", { className: b.editItem_right, children: /* @__PURE__ */ C(fe, { children: [
+      t ? /* @__PURE__ */ u(D, { title: "保存", children: /* @__PURE__ */ u(ft, { className: b.editList_opt, onClick: g }) }) : /* @__PURE__ */ u(D, { title: "编辑", children: /* @__PURE__ */ u(mt, { className: b.editList_opt, onClick: l }) }),
+      /* @__PURE__ */ u(D, { title: "删除", children: /* @__PURE__ */ u(yt, { className: b.editList_opt, onClick: () => {
+        var h;
+        return (h = r == null ? void 0 : r.onDelete) == null ? void 0 : h.call(r);
+      } }) })
+    ] }) })
+  ] });
+}
+function Sa(r) {
+  const [e, t] = x(!0);
+  function a() {
+    t(!1), setTimeout(() => {
+      var n;
+      (n = r == null ? void 0 : r.onCancel) == null || n.call(r);
+    }, 300);
+  }
+  return /* @__PURE__ */ u(
+    ut,
+    {
+      centered: !0,
+      open: e,
+      title: /* @__PURE__ */ C(fe, { children: [
+        /* @__PURE__ */ u(pt, { style: { color: "#f66e0b" } }),
+        r == null ? void 0 : r.title
+      ] }),
+      onCancel: a,
+      onOk: () => {
+        var n;
+        (n = r == null ? void 0 : r.onOk) == null || n.call(r, a);
+      },
+      okText: r == null ? void 0 : r.okText,
+      cancelText: r == null ? void 0 : r.cancelText,
+      children: r == null ? void 0 : r.content
+    }
+  );
+}
+function Ca(r) {
+  const {
+    title: e = "提醒",
+    content: t = " 确定执行操作？",
+    okText: a = "确定",
+    cancelText: n = "取消"
+  } = r;
+  let i = document.createElement("div"), o = ue(i);
+  document.body.append(i), o.render(
+    /* @__PURE__ */ u(
+      Sa,
+      {
+        title: e,
+        content: t,
+        okText: a,
+        cancelText: n,
+        onOk: r == null ? void 0 : r.onOk,
+        onCancel: () => {
+          var l;
+          s(), (l = r == null ? void 0 : r.onCancel) == null || l.call(r);
+        }
+      }
+    )
+  );
+  function s() {
+    i && (o.unmount(), i.remove(), i = null);
+  }
+  return s;
+}
+function ka() {
+  const r = R();
+  return J(() => () => {
+    var e;
+    (e = r.current) == null || e.forEach((t) => t == null ? void 0 : t()), r.current = void 0;
+  }, []), G(() => function(e) {
+    var a;
+    const t = Ca({
+      ...e,
+      onOk(n) {
+        var i, o, s;
+        (i = e == null ? void 0 : e.onOk) == null || i.call(e, n), r.current = (s = (o = r.current) == null ? void 0 : o.filter) == null ? void 0 : s.call(o, (l) => l !== t);
+      },
+      onCancel() {
+        var n, i, o;
+        (n = e == null ? void 0 : e.onCancel) == null || n.call(e), r.current = (o = (i = r.current) == null ? void 0 : i.filter) == null ? void 0 : o.call(i, (s) => s !== t);
+      }
+    });
+    (a = r.current || (r.current = [])) == null || a.push(t);
+  }, []);
+}
+const U = c.createContext({
+  engine: void 0,
+  rbsEngine: void 0
+});
+function Ee() {
+  return c.useContext(U);
+}
+function Ta(r) {
+  var v;
+  const { engine: e } = Ee(), { value: t, onSelect: a, list: n = [], onChange: i } = r, o = ka();
+  function s(m) {
+    var p, f;
+    const y = ((p = n == null ? void 0 : n.filter) == null ? void 0 : p.call(n, (_) => _.value !== m)) || [];
+    t === m && (a == null || a((f = y == null ? void 0 : y[0]) == null ? void 0 : f.value)), i == null || i(y);
+  }
+  function l(m) {
+    if (n.length <= 1) {
+      me.warn("至少保留一个面板");
+      return;
+    }
+    const y = e.componentNode.getPanelChildrenIds(m);
+    y != null && y.length ? o({
+      title: "提醒",
+      content: `该面板下包含${y == null ? void 0 : y.length}个组件，确定删除？`,
+      onOk(p) {
+        s(m), e.componentNode.delete(y), p();
+      }
+    }) : s(m);
+  }
+  function g() {
+    const m = [
+      ...n,
+      {
+        label: `面板${n.length}`,
+        value: I()
+      }
+    ];
+    i == null || i(m);
+  }
+  function h(m, y) {
+    Object.assign(m, y), i == null || i([...n]);
+  }
+  return /* @__PURE__ */ C("div", { className: k(ga.editList, r == null ? void 0 : r.className), style: r == null ? void 0 : r.style, children: [
+    (v = n == null ? void 0 : n.map) == null ? void 0 : v.call(n, (m) => /* @__PURE__ */ u(
+      wa,
+      {
+        value: m,
+        isSelected: m.value === t,
+        onSelect: () => {
+          a == null || a(m.value);
+        },
+        onDelete: () => {
+          l(m.value);
+        },
+        onUpdate: (y) => {
+          h(m, y);
+        }
+      },
+      m == null ? void 0 : m.value
+    )),
+    /* @__PURE__ */ u(
+      he,
+      {
+        size: "small",
+        type: "dashed",
+        block: !0,
+        icon: /* @__PURE__ */ u(vt, {}),
+        style: { marginTop: 4 },
+        onClick: () => g(),
+        children: "新增"
+      }
+    )
+  ] });
+}
+const Z = {
+  bordered: !0,
+  borderColor: "#ccc"
+  // 边框颜色
+}, Pa = A(
+  [
+    { key: "bordered", label: "边框", component: "checkbox" },
+    { key: "borderColor", label: "边框颜色", component: "colorPicker" },
+    {
+      key: "_",
+      label: "面板",
+      component: ({ useExtra: r }) => {
+        const { componentNode: e, onChangeComponentNode: t } = r();
+        return /* @__PURE__ */ u(
+          Ta,
+          {
+            value: e.currentPanelId,
+            onSelect: (a) => {
+              t({
+                currentPanelId: a
+              });
+            },
+            list: e.panels,
+            onChange: (a) => {
+              t({
+                panels: [...a]
+              });
+            }
+          }
+        );
+      }
+    }
+  ],
+  Z
+), za = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  DEFAULT_OPTIONS: Z,
+  default: Pa
+}, Symbol.toStringTag, { value: "Module" })), Aa = "_toggleBar_2ldfa_59", Na = "_toggleBar_rect_2ldfa_67", Ea = "_toggleBar_rect_selected_2ldfa_78", H = {
+  toggleBar: Aa,
+  toggleBar_rect: Na,
+  toggleBar_rect_selected: Ea
+};
+function Ma(r) {
+  const { count: e = 1, value: t = 0 } = r, a = G(() => Array(e).fill(null).map((n, i) => {
+    const o = t === i;
+    return /* @__PURE__ */ u(
+      "div",
+      {
+        className: k(
+          H.toggleBar_rect,
+          o && H.toggleBar_rect_selected
+        ),
+        onClick: () => {
+          var s;
+          (s = r == null ? void 0 : r.onChange) == null || s.call(r, i);
+        }
+      },
+      `${i}-${e}`
+    );
+  }), [e, t]);
+  return /* @__PURE__ */ u("div", { className: H.toggleBar, children: a });
+}
+const Me = [
+  { label: "面板切换", value: "onChange" },
+  { label: "面板点击", value: "onClick" }
+], Le = [{ label: "切换面板", value: "changePanel" }], La = T((r) => {
+  var m;
+  const { engine: e } = Ee(), { options: t, width: a, height: n, componentNode: i, handleTrigger: o, useExpose: s } = r, l = R(), [g, h] = x(0);
+  function v(y) {
+    var f, _;
+    const p = (_ = (f = i.panels) == null ? void 0 : f[y]) == null ? void 0 : _.value;
+    l.current !== void 0 && p === l.current || (o("onChange", y), h(y), p && setTimeout(() => {
+      e.componentNode.hidePanel(l.current), l.current = p, e.componentNode.showPanel(p);
+    }));
+  }
+  return J(() => {
+    var p, f;
+    const y = (f = (p = i.panels) == null ? void 0 : p.findIndex) == null ? void 0 : f.call(p, (_) => (_ == null ? void 0 : _.value) === (i == null ? void 0 : i.currentPanelId));
+    y !== void 0 && v(y);
+  }, [i.currentPanelId, i.panels]), wt(() => {
+    e.componentNode.hidePanel(l.current);
+  }), s({
+    changePanel(y) {
+      v(y);
+    }
+  }), /* @__PURE__ */ u(
+    "div",
+    {
+      style: { width: a, height: n, borderColor: t == null ? void 0 : t.borderColor },
+      className: k(ce.carousel, (t == null ? void 0 : t.bordered) && ce.carousel_bordered),
+      onClick: () => o("onClick"),
+      children: /* @__PURE__ */ u(
+        Ma,
+        {
+          value: g,
+          count: (m = i.panels) == null ? void 0 : m.length,
+          onChange: (y) => v(y)
+        }
+      )
+    }
+  );
+}, Z), Oa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: La,
+  exposes: Le,
+  triggers: Me
+}, Symbol.toStringTag, { value: "Module" })), Da = [
+  {
+    cId: "carousel",
+    cName: "走马灯",
+    icon: () => import("./carousel-BAaOAU7Z.mjs"),
+    category: "layout",
+    x: 0,
+    y: 0,
+    width: 500,
+    height: 250,
+    component: c.lazy(() => Promise.resolve().then(() => Oa)),
+    attributesComponent: c.lazy(() => Promise.resolve().then(() => za)),
+    panels: [
+      {
+        label: "面板一",
+        value: ""
+      },
+      {
+        label: "面板二",
+        value: ""
+      }
+    ],
+    triggers: Me,
+    exposes: Le
+  },
+  {
+    cId: "specialCard",
+    cName: "特殊卡片",
+    category: "layout",
+    x: 0,
+    y: 0,
+    width: 400,
+    height: 300,
+    component: c.lazy(() => import("./index-BYJ5e2rN.mjs")),
+    attributesComponent: c.lazy(() => import("./attributes-C5pimFaJ.mjs")),
+    icon: () => import("./specialCard-jikYSVVg.mjs"),
+    panels: [{ label: "特殊卡片", value: "" }]
+  }
+], Ra = [
+  {
+    cId: "pie",
+    cName: "饼形图",
+    icon: () => import("./pie-CkCoP4pD.mjs"),
+    category: "charts",
+    x: 0,
+    y: 0,
+    width: 250,
+    height: 250,
+    component: c.lazy(() => import("./index-CUkul7R0.mjs"))
+  },
+  {
+    cId: "line",
+    cName: "折线图",
+    icon: () => import("./line-5qH7n1hB.mjs"),
+    category: "charts",
+    x: 0,
+    y: 0,
+    width: 250,
+    height: 250,
+    component: c.lazy(() => import("./index-qoPI1H9i.mjs")),
+    attributesComponent: c.lazy(() => import("./attributes-w4UsefFp.mjs")),
+    dataSourceType: "static",
+    staticDataSource: [
+      { name: "选项一", value1: 100, value2: 200, value3: 300 },
+      { name: "选项二", value1: 50, value2: 150, value3: 250 },
+      { name: "选项三", value1: 80, value2: 180, value3: 280 }
+    ]
+  },
+  {
+    cId: "bar",
+    cName: "柱形图",
+    icon: () => import("./bar-CYwWrGQo.mjs"),
+    category: "charts",
+    x: 0,
+    y: 0,
+    width: 250,
+    height: 250,
+    component: c.lazy(() => import("./index-BUth1V1H.mjs"))
+  },
+  {
+    cId: "radar",
+    cName: "雷达图",
+    icon: () => import("./radar-DmhYvzXw.mjs"),
+    category: "charts",
+    x: 0,
+    y: 0,
+    width: 350,
+    height: 300,
+    options: {},
+    component: c.lazy(() => import("./index-BzpuXSbE.mjs"))
+  },
+  {
+    cId: "gauge",
+    cName: "仪表盘",
+    icon: () => import("./gauge-5zG2YNJg.mjs"),
+    category: "charts",
+    x: 0,
+    y: 0,
+    width: 350,
+    height: 300,
+    options: {},
+    component: c.lazy(() => import("./index-BRgbtPVH.mjs"))
+  },
+  {
+    cId: "horizontalBar",
+    cName: "横向柱形图",
+    icon: () => import("./horizontalBar-D25X8HSd.mjs"),
+    category: "charts",
+    x: 0,
+    y: 0,
+    width: 350,
+    height: 300,
+    options: {},
+    component: c.lazy(() => import("./index-ryl5yfWq.mjs"))
+  },
+  {
+    cId: "barLine",
+    cName: "柱形折线图",
+    category: "charts",
+    icon: () => import("./barLine-PdxYMjap.mjs"),
+    x: 0,
+    y: 0,
+    width: 350,
+    height: 300,
+    options: {},
+    component: c.lazy(() => import("./index-B4KSL-Bu.mjs"))
+  },
+  {
+    cId: "ring",
+    cName: "圆环图",
+    category: "charts",
+    icon: () => import("./ring-BcgSqTwf.mjs"),
+    x: 0,
+    y: 0,
+    width: 350,
+    height: 300,
+    options: {},
+    component: c.lazy(() => import("./index-Bvab-NQ4.mjs")),
+    attributesComponent: c.lazy(() => import("./attributes-YL1J6lLR.mjs"))
+  }
+], Fa = [
+  {
+    cId: "page-nav",
+    cName: "页面导航栏",
+    description: "管理所有子页面切换的导航栏。",
+    icon: () => import("./page-nav-CgQW4-Fl.mjs"),
+    category: "nav",
+    x: 0,
+    y: 0,
+    width: 300,
+    height: 32,
+    isAllPage: !0,
+    component: c.lazy(() => import("./index-Ljz96Vra.mjs"))
+  }
+];
+async function Ha(r, e = 300) {
+  return new Promise((t) => {
+    setTimeout(() => {
+      t(r);
+    }, e);
+  });
+}
+const de = {
+  name: "",
+  age: "",
+  sex: "",
+  address: ""
+}, $a = [
+  { name: "唐某人", age: "25", sex: "男", address: "浙江省杭州市" },
+  { name: "赵某人", age: "12", sex: "男", address: "浙江省杭州市" },
+  { name: "狐某人", age: "300", sex: "女", address: "浙江省杭州市" },
+  { name: "牛某人", age: "190", sex: "男", address: "浙江省杭州市" },
+  { name: "白某人", age: "10000", sex: "女", address: "浙江省杭州市" },
+  { name: "韩某人", age: "342", sex: "男", address: "浙江省杭州市" },
+  { name: "王某人", age: "33", sex: "男", address: "浙江省杭州市" },
+  { name: "汪某人", age: "4442", sex: "女", address: "浙江省杭州市" },
+  { name: "库某人", age: "992", sex: "男", address: "浙江省杭州市" },
+  { name: "雷某人", age: "32332", sex: "男", address: "浙江省杭州市" },
+  { name: "魔某人", age: "12", sex: "女", address: "浙江省杭州市" }
+];
+function Ba(r, e) {
+  var o, s, l, g, h, v, m, y;
+  const t = (s = (o = e == null ? void 0 : e.name) == null ? void 0 : o.toLowerCase) == null ? void 0 : s.call(o), a = (g = (l = e == null ? void 0 : e.age) == null ? void 0 : l.toLowerCase) == null ? void 0 : g.call(l), n = (v = (h = e == null ? void 0 : e.sex) == null ? void 0 : h.toLowerCase) == null ? void 0 : v.call(h), i = (y = (m = e == null ? void 0 : e.address) == null ? void 0 : m.toLowerCase) == null ? void 0 : y.call(m);
+  return r.filter((p) => {
+    var N, K, Y, E, Q, ee, M, te, ae, L, ne, ie;
+    let f = "", _ = !0;
+    return _ && t && (f = (K = (N = p == null ? void 0 : p.name) == null ? void 0 : N.toLowerCase) == null ? void 0 : K.call(N)) && (_ = (Y = f == null ? void 0 : f.includes) == null ? void 0 : Y.call(f, t)), _ && a && (f = (Q = (E = p == null ? void 0 : p.age) == null ? void 0 : E.toLowerCase) == null ? void 0 : Q.call(E)) && (_ = (ee = f == null ? void 0 : f.includes) == null ? void 0 : ee.call(f, a)), _ && n && (f = (te = (M = p == null ? void 0 : p.sex) == null ? void 0 : M.toLowerCase) == null ? void 0 : te.call(M)) && (_ = (ae = f == null ? void 0 : f.includes) == null ? void 0 : ae.call(f, n)), _ && i && (f = (ne = (L = p == null ? void 0 : p.address) == null ? void 0 : L.toLowerCase) == null ? void 0 : ne.call(L)) && (_ = (ie = f == null ? void 0 : f.includes) == null ? void 0 : ie.call(f, i)), _;
+  });
+}
+function Ua(r) {
+  const [e, t] = x(r), a = R(e);
+  return a.current = e, [e, t, a];
+}
+const wn = ot(
+  (r, e) => {
+    const t = r == null ? void 0 : r.component, [a, n] = x(), [i, o] = x(!1), [s, l] = x(!0);
+    return st(e, () => ({
+      open(g) {
+        n(g), o(!0), l(!1);
+      },
+      close(g = !0) {
+        o(!1), l(g);
+      }
+    })), !t || s ? /* @__PURE__ */ u(et, {}) : /* @__PURE__ */ u(
+      t,
+      {
+        params: a,
+        visible: i,
+        onCancel: (...g) => {
+          var h;
+          o(!1), (h = r == null ? void 0 : r.onCancel) == null || h.call(r, ...g);
+        },
+        onOk: (...g) => {
+          var h;
+          o(!1), (h = r == null ? void 0 : r.onOk) == null || h.call(r, ...g);
+        },
+        afterClose: () => {
+          l(!0);
+        }
+      }
+    );
+  }
+), Oe = [
+  { label: "刷新", value: "refresh" },
+  { label: "修改筛选项", value: "changeFilter" },
+  { label: "设置筛选项", value: "setFilter" },
+  { label: "清空筛选项", value: "clearFilter" }
+], Ga = T((r) => {
+  const { width: e, height: t, useExpose: a } = r, [n, i, o] = Ua(de), {
+    data: s = [],
+    loading: l,
+    refresh: g
+  } = St(
+    async () => {
+      const v = await Ha($a);
+      return Ba(v, n);
+    },
+    {
+      refreshDeps: [n]
+    }
+  ), h = [
+    { dataIndex: "name", title: "姓名" },
+    { dataIndex: "age", title: "年龄" },
+    { dataIndex: "sex", title: "性别" },
+    { dataIndex: "address", title: "籍贯" }
+  ];
+  return a({
+    refresh: () => {
+      g();
+    },
+    changeFilter: (v) => {
+      i({
+        ...o.current,
+        ...v
+      });
+    },
+    setFilter: (v) => {
+      i(v);
+    },
+    clearFilter: () => {
+      i({ ...de });
+    }
+  }), /* @__PURE__ */ u(
+    ht,
+    {
+      style: { width: e, height: t, overflow: "hidden auto" },
+      columns: h,
+      loading: l,
+      dataSource: s,
+      pagination: !1
+    }
+  );
+}), Ja = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Ga,
+  peopleExposes: Oe
+}, Symbol.toStringTag, { value: "Module" })), Va = [
+  {
+    cId: "peopleTable",
+    cName: "人员表格",
+    description: "演示使用的表格，可以筛选人员列表",
+    icon: () => import("./peopleTable-yWF2Rkyo.mjs"),
+    category: "other",
+    x: 0,
+    y: 0,
+    width: 600,
+    height: 300,
+    exposes: Oe,
+    component: c.lazy(() => Promise.resolve().then(() => Ja))
+  },
+  {
+    cId: "chinaMap",
+    cName: "中国地图",
+    description: "使用echarts实现的中国地图。",
+    icon: () => import("./chinaMap-DqxLnLmi.mjs"),
+    category: "other",
+    x: 0,
+    y: 0,
+    width: 500,
+    height: 500,
+    component: c.lazy(() => import("./index-n9OtRMYa.mjs")),
+    attributesComponent: c.lazy(() => import("./attributes-C0SMjnHG.mjs"))
+  },
+  {
+    cId: "scrollList",
+    cName: "滚动列表",
+    description: "支持自动滚动的列表组件。",
+    icon: () => import("./scrollList-DPCIAc32.mjs"),
+    category: "other",
+    x: 0,
+    y: 0,
+    width: 300,
+    height: 500,
+    dataSourceType: "static",
+    staticDataSource: [
+      { key: "1", title: "测试演示项目", status: "1" },
+      { key: "2", title: "私有化项目", status: "2" },
+      { key: "3", title: "公有云项目", status: "2" },
+      { key: "4", title: "培训项目一", status: "1" },
+      { key: "5", title: "培训项目二", status: "2" },
+      { key: "6", title: "tjh项目", status: "1" }
+    ],
+    component: c.lazy(() => import("./index-CBxj6uKJ.mjs")),
+    attributesComponent: c.lazy(() => import("./attributes-DztmBsKn.mjs"))
+  },
+  {
+    cId: "defaultImage",
+    cName: "预置图片",
+    description: "预置的一组图片。",
+    icon: () => import("./defaultImage-D8SVO55a.mjs"),
+    category: "other",
+    x: 0,
+    y: 0,
+    width: 150,
+    height: 150,
+    component: c.lazy(() => import("./index-D_0vVSWq.mjs")),
+    attributesComponent: c.lazy(() => import("./attributes-E8oqU4q7.mjs"))
+  },
+  {
+    cId: "ProgressList",
+    cName: "进度条列表",
+    description: "支持自动滚动的进度条列表。",
+    icon: () => import("./ProgressList-B37WCaue.mjs"),
+    category: "other",
+    x: 0,
+    y: 0,
+    width: 300,
+    height: 500,
+    dataSourceType: "static",
+    staticDataSource: [
+      { key: "1", title: "测试演示项目", count: 999 },
+      { key: "2", title: "私有化项目", count: 800 },
+      { key: "3", title: "公有云项目", count: 600 },
+      { key: "4", title: "培训项目一", count: 400 },
+      { key: "5", title: "培训项目二", count: 200 },
+      { key: "6", title: "tjh项目", count: 0 }
+    ],
+    component: c.lazy(() => import("./index-CyS-CdYv.mjs")),
+    attributesComponent: c.lazy(() => import("./attributes-Dv8IMI4h.mjs"))
+  },
+  {
+    cId: "specialTitle",
+    cName: "特殊标题",
+    category: "other",
+    description: "带有特殊样式的标题",
+    icon: () => import("./specialTitle-DHomK2iu.mjs"),
+    x: 0,
+    y: 0,
+    width: 500,
+    height: 32,
+    component: c.lazy(() => import("./index-BYe40Zu2.mjs")),
+    attributesComponent: c.lazy(() => import("./attributes-BWtBVgsg.mjs"))
+  }
+], ja = {
+  id: "system",
+  name: "默认组件包",
+  origin: "system",
+  version: "0.0.20",
+  description: "由官方发布的组件库，随编辑器主版本迭代而更新。",
+  components: [
+    ...ca,
+    // 基础组件
+    ...Da,
+    // 布局组件
+    ...Ra,
+    // 图表组件
+    ...Fa,
+    // 导航组件
+    ...Va
+    // 其他组件
+  ]
+};
+class qa {
+  constructor() {
+    d(this, "map", /* @__PURE__ */ new Map());
+  }
+  // 监听事件
+  on(e, t, a) {
+    if (!e) throw new Error("key is not exist.");
+    if (!t) throw new Error("key is not exist.");
+    const n = this.map.get(e), i = {
+      once: a,
+      callback: t
+    };
+    n ? n.push(i) : this.map.set(e, [i]);
+  }
+  // 监听事件（执行一次后销毁）
+  once(e, t) {
+    if (!e) throw new Error("key is not exist.");
+    if (!t) throw new Error("key is not exist.");
+    this.on(e, t, !0);
+  }
+  // 发布变更
+  notify(e, t) {
+    if (!e) throw new Error("key is not exist.");
+    const a = this.map.get(e);
+    if (a) {
+      const n = a.filter((i) => {
+        var o;
+        return (o = i == null ? void 0 : i.callback) == null || o.call(i, t), !(i != null && i.once);
+      });
+      if (!(n != null && n.length)) {
+        this.map.delete(e);
+        return;
+      }
+      (n == null ? void 0 : n.length) !== (a == null ? void 0 : a.length) && this.map.set(e, n);
+    }
+  }
+  // 删除一个事件
+  remove(e, t) {
+    if (!e) throw new Error("key is not exist.");
+    if (!t) throw new Error("key is not exist.");
+    const a = this.map.get(e);
+    if (a && t) {
+      const n = a.filter((i) => i.callback !== t);
+      n.length !== a.length && this.map.set(e, n);
+    }
+  }
+  // 删除一个key对应的所有事件
+  removeKey(e) {
+    if (!e) throw new Error("key is not exist.");
+    this.map.delete(e);
+  }
+  // 清空
+  clear() {
+    this.map.clear();
+  }
+}
+const Wa = {
+  reset: "重置",
+  menu: {
+    bar: {
+      library: "组件库",
+      pages: "页面管理",
+      componentNodes: "当前页组件",
+      property: "个人资产",
+      favorites: "收藏夹",
+      history: "历史记录"
+    },
+    library: {
+      base: "基础组件",
+      charts: "图表组件",
+      layout: "布局组件",
+      nav: "导航组件",
+      unknown: "未分类组件"
+    }
+  },
+  head: {
+    shortCutKeys: {
+      title: "快捷键",
+      all: "全选",
+      invert: "反选",
+      copy: "复制",
+      save: "保存",
+      multiple: "多选",
+      multipleExt: {
+        ext1: "按住",
+        ext2: "选中"
+      },
+      delete: "删除",
+      deleteExt: {
+        ext1: "或"
+      },
+      move: "移动",
+      force: "强制",
+      forceExt: {
+        ext1: "按住",
+        ext2: "选中锁定组件"
+      },
+      undo: "撤销",
+      cancelUndo: "取消撤销",
+      zoom: "缩放",
+      zoomExt: {
+        ext1: "鼠标滚轮"
+      },
+      zoomReset: "缩放重置",
+      zoomResetExt: {
+        ext1: "鼠标中键"
+      },
+      dragCanvas: "拖拽画布",
+      dragCanvasExt: {
+        ext1: "按住"
+      }
+    },
+    undo: "撤销",
+    cancelUndo: "取消撤销",
+    export: "导出",
+    import: "导入",
+    save: "保存到本地",
+    clear: "清空",
+    language: "{{text}}",
+    settings: "设置",
+    preview: "预览"
+  },
+  attributes: {
+    empty: "请选择一个组件",
+    attr: {
+      title: "属性"
+    },
+    dataSource: {
+      title: "数据"
+    },
+    interactive: {
+      title: "交互"
+    }
+  }
+}, Xa = {
+  reset: "reset",
+  menu: {
+    bar: {
+      library: "library",
+      pages: "pages",
+      componentNodes: "componentNodes",
+      property: "property",
+      favorites: "favorites",
+      history: "history"
+    },
+    library: {
+      base: "base",
+      charts: "charts",
+      layout: "layout",
+      nav: "nav",
+      unknown: "unknown"
+    }
+  },
+  head: {
+    shortCutKeys: {
+      title: "shortcut keys",
+      all: "all",
+      invert: "invert",
+      copy: "copy",
+      save: "save",
+      multiple: "multiple",
+      multipleExt: {
+        ext1: "press",
+        ext2: "selected"
+      },
+      delete: "delete",
+      deleteExt: {
+        ext1: "or"
+      },
+      move: "move",
+      force: "force",
+      forceExt: {
+        ext1: "press",
+        ext2: "select lock component"
+      },
+      undo: "undo",
+      cancelUndo: "cancelUndo",
+      zoom: "zoom",
+      zoomExt: {
+        ext1: "Mouse Wheel"
+      },
+      zoomReset: "zoom reset",
+      zoomResetExt: {
+        ext1: "Mouse Mid"
+      },
+      dragCanvas: "drag canvas",
+      dragCanvasExt: {
+        ext1: "press"
+      }
+    },
+    undo: "undo",
+    cancelUndo: "cancel undo",
+    export: "export",
+    import: "import",
+    save: "save local file",
+    clear: "clear",
+    language: "{{text}}",
+    settings: "settings",
+    preview: "preview"
+  },
+  attributes: {
+    empty: "please select a componentNode",
+    attr: {
+      title: "attributes"
+    },
+    dataSource: {
+      title: "dataSource"
+    },
+    interactive: {
+      title: "interactive"
+    }
+  }
+}, Sn = {
+  zh: "zh"
+};
+function Za(r) {
+  ye.changeLanguage(r);
+}
+ye.use(bt).use(_t).init({
+  lng: "zh",
+  fallbackLng: "en",
+  resources: {
+    en: {
+      translation: Xa
+    },
+    zh: {
+      translation: Wa
+    }
+  }
+});
+class Ka {
+  constructor() {
+    d(this, "initData");
+    // 初始化data（不在list中）
+    d(this, "maxSize", 20);
+    // 最大容量
+    d(this, "list", []);
+    // 历史记录列表(存储顺序：[new, ..., old])
+    d(this, "currentIndex", -1);
+    // 当前历史索引
+    d(this, "listeners", []);
+  }
+  // 监听器
+  // 获取历史数据
+  getHistoryData() {
+    return {
+      maxSize: this.maxSize,
+      list: this.getAll(),
+      currentIndex: this.currentIndex,
+      current: this.getCurrent(),
+      isCanGoForward: !!(this.list.length && this.currentIndex),
+      // 前进，是否可以前往更新记录
+      isCanGoBack: !!(this.list.length && this.currentIndex <= this.list.length - 1)
+      // 后退，是否可以前往更久记录
+    };
+  }
+  // 触发事件
+  notifyListChange() {
+    const e = this.getHistoryData();
+    this.listeners.forEach((t) => {
+      t(e);
+    });
+  }
+  // 检查容量
+  checkCapacity() {
+    let e = !1;
+    return this.currentIndex >= this.maxSize && (this.currentIndex = 0, this.list = this.list.filter((t) => t.isPass), e = !0), this.list.length <= this.maxSize ? e : (this.list = this.list.slice(0, this.maxSize), !0);
+  }
+  // 更新列表的isPass属性
+  updateIsPass(e) {
+    this.list.forEach((t, a) => {
+      t.isPass = a >= e;
+    });
+  }
+  // 获取initData
+  getInitDataRecordItem() {
+    return {
+      stepId: "init",
+      data: pe(this.initData),
+      isPass: !0
+    };
+  }
+  // 初始化
+  setInitData(e) {
+    this.initData = e;
+  }
+  // 获取历史记录列表
+  getAll() {
+    return this.list;
+  }
+  getCurrent() {
+    return this.list[this.currentIndex];
+  }
+  // 新增一条记录
+  add(e, t) {
+    const a = {
+      data: e,
+      isPass: !0,
+      stepId: I(),
+      description: t
+    };
+    return this.list = [a, ...this.list.filter((n) => n.isPass)], this.currentIndex = 0, this.checkCapacity(), this.notifyListChange(), a;
+  }
+  // 判断stepId是否已经passed
+  isPass(e) {
+    var t, a, n;
+    return e ? !!((n = (a = (t = this.list).find) == null ? void 0 : a.call(t, (i) => i.stepId === e)) != null && n.isPass) : !1;
+  }
+  // 前往指定记录
+  go(e) {
+    let t = this.list.findIndex((a) => a.stepId === e);
+    if (t < 0) {
+      console.warn(`[history] stepId not found: ${e}.`);
+      return;
+    }
+    return this.updateIsPass(this.currentIndex = t), this.notifyListChange(), this.getCurrent();
+  }
+  // 前往上一条记录
+  goBack() {
+    if (!(this.currentIndex >= this.list.length))
+      return this.updateIsPass(++this.currentIndex), this.notifyListChange(), this.getCurrent() || this.getInitDataRecordItem();
+  }
+  // 前往下一条记录
+  goForward() {
+    if (!(this.currentIndex <= 0))
+      return this.updateIsPass(--this.currentIndex), this.notifyListChange(), this.getCurrent();
+  }
+  // 设置最大容量
+  setMaxSize(e = 0) {
+    e = Math.max(0, e);
+    const t = e < this.maxSize;
+    this.maxSize = e, t && this.checkCapacity() && this.notifyListChange();
+  }
+  // 监听历史记录变化
+  onChange(e) {
+    return this.listeners.push(e), () => {
+      this.listeners = this.listeners.filter((t) => t !== e);
+    };
+  }
+}
+xt.interceptors.request.use((r, e) => ((e == null ? void 0 : e.useCache) === void 0 && (e.useCache = !0, e.ttl === void 0 && (e.ttl = 2e3)), {
+  url: r,
+  options: e
+}));
+const $ = {
+  visible: "$_visible",
+  request: "$_request",
+  custom: "$_custom"
+}, Ya = [
+  { label: "显隐", value: $.visible },
+  { label: "请求", value: $.request },
+  { label: "自定义函数", value: $.custom }
+], Cn = Ya.reduce((r, e) => (r[e.value] = e.label, r), {});
+class Qa {
+  constructor(e) {
+    // 载入的json对象
+    d(this, "json");
+    // json值监听
+    d(this, "listeners", []);
+    // setTimeout的id
+    d(this, "timerId");
+    // 组件模板
+    d(this, "component", new Mt());
+    // 组件数据实例
+    d(this, "componentNode", new Bt());
+    // 组件行为实例
+    d(this, "instance", new Lt());
+    // 全局配置
+    d(this, "config", new Gt());
+    // 事件
+    d(this, "events", new qa());
+    // 收藏夹
+    d(this, "favorites", new Jt());
+    // 子页面管理
+    d(this, "page", new Ut());
+    // 历史记录管理
+    d(this, "history", new Ka());
+    d(this, "_options", {});
+    var t;
+    this._options = this.formatOptions(e), (t = this._options) != null && t.defaultComponents && this.registerDefaultPackage();
+  }
+  formatOptions(e = {}) {
+    return e.defaultComponents ?? (e.defaultComponents = !0), e || {};
+  }
+  // 注册默认package
+  async registerDefaultPackage() {
+    this.component.initPackages(ja);
+  }
+  // 加载json对象
+  async loadJSON(e) {
+    return new Promise((t, a) => {
+      var n, i, o;
+      try {
+        this.json = e, Za(((n = e == null ? void 0 : e.config) == null ? void 0 : n.language) || "zh"), this.config.setConfig({
+          ...B,
+          ...e == null ? void 0 : e.config,
+          currentPageId: ((i = e == null ? void 0 : e.config) == null ? void 0 : i.currentPageId) || S.id
+        }), this.component.loadLocalPackages(e == null ? void 0 : e.localPackages), this.favorites.set((e == null ? void 0 : e.favorites) || []), this.page.init(e == null ? void 0 : e.componentNodes, e == null ? void 0 : e.pages), this.componentNode.set(
+          this.page.getComponentNodes(((o = e == null ? void 0 : e.config) == null ? void 0 : o.currentPageId) || S.id)
+        ), e != null && e.selectedIds && (this.timerId && clearTimeout(this.timerId), this.timerId = setTimeout(() => {
+          this.timerId = void 0, this.instance.select(e.selectedIds, !0);
+        }, 100)), this.notifyJsonChange(), t();
+      } catch (s) {
+        a(s);
+      }
+    });
+  }
+  // 加载json对象
+  async loadJSONString(e) {
+    return new Promise((t, a) => {
+      try {
+        const n = JSON.parse(e || "{}");
+        this.loadJSON(n), t();
+      } catch (n) {
+        a(n);
+      }
+    });
+  }
+  // 获取json对象
+  async getJSON() {
+    return this.page.setComponentNodes(this.config.getCurrentPage(), this.componentNode.getAll()), {
+      used: this.componentNode.getComponentUsed(),
+      componentNodes: this.page.getAllComponentNodes(),
+      config: this.config.getConfig(),
+      selectedIds: this.instance.getAllSelected().map((e) => e.id),
+      localPackages: await this.component.getAllLocalPackages(),
+      favorites: this.favorites.getAll(),
+      pages: this.page.getAll()
+    };
+  }
+  // 清空内容
+  clear() {
+    var e;
+    this.loadJSON({
+      config: {
+        ...B,
+        ...(e = this.json) == null ? void 0 : e.config
+      }
+    });
+  }
+  // json读取触发事件
+  notifyJsonChange() {
+    const e = this.json;
+    e && this.listeners.forEach((t) => {
+      t(e);
+    });
+  }
+  // 监听json读取
+  onJsonChange(e) {
+    return this.listeners.push(e), () => {
+      this.listeners = this.listeners.filter((t) => t !== e);
+    };
+  }
+  // 销毁
+  destroy() {
+    this.component.unRegisterAll();
+  }
+}
+const De = {
+  chinaMap: {
+    count: 1
+  },
+  title: {
+    count: 2
+  },
+  scrollList: {
+    count: 1
+  },
+  dateDisplay: {
+    count: 1
+  },
+  defaultImage: {
+    count: 14
+  },
+  doubleText: {
+    count: 13
+  },
+  ProgressList: {
+    count: 1
+  },
+  horizontalBar: {
+    count: 1
+  },
+  specialTitle: {
+    count: 5
+  },
+  barLine: {
+    count: 1
+  },
+  ring: {
+    count: 1
+  }
+}, Re = [
+  {
+    cId: "chinaMap",
+    cName: "中国地图",
+    x: 511,
+    y: 135,
+    width: 777,
+    height: 551,
+    category: "other",
+    pageId: "default",
+    name: "中国地图",
+    id: "10556c5e54",
+    level: 2,
+    dataSourceType: "static",
+    show: !0,
+    options: {
+      mapBgColor: "rgba(26, 15, 61, 0)",
+      areaColor: "#183558",
+      borderWidth: 2,
+      centerX: 0,
+      centerY: 0,
+      scale: 0
+    },
+    lock: !1
+  },
+  {
+    cId: "title",
+    cName: "标题",
+    x: 727,
+    y: 1,
+    width: 479,
+    height: 73,
+    category: "base",
+    pageId: "default",
+    name: "标题",
+    id: "d5a10d515f",
+    level: 4,
+    dataSourceType: "static",
+    show: !0,
+    options: {
+      value: "演示大屏数据平台",
+      fontSize: 32,
+      color: "#2edcf7",
+      textAlign: "center",
+      letterSpacing: 4
+    },
+    lock: !1
+  },
+  {
+    cId: "scrollList",
+    cName: "滚动列表",
+    x: 1355,
+    y: 131,
+    width: 548,
+    height: 228,
+    category: "other",
+    dataSourceType: "static",
+    staticDataSource: [
+      {
+        key: "1",
+        title: "测试演示项目",
+        status: "1"
+      },
+      {
+        key: "2",
+        title: "私有化项目",
+        status: "2"
+      },
+      {
+        key: "3",
+        title: "公有云项目",
+        status: "2"
+      },
+      {
+        key: "4",
+        title: "培训项目一",
+        status: "1"
+      },
+      {
+        key: "5",
+        title: "培训项目二",
+        status: "2"
+      },
+      {
+        key: "6",
+        title: "tjh项目",
+        status: "1"
+      }
+    ],
+    pageId: "default",
+    name: "滚动列表",
+    id: "dab95e19bb",
+    level: 5,
+    show: !0,
+    lock: !1
+  },
+  {
+    cId: "dateDisplay",
+    cName: "日期展示",
+    x: 1616,
+    y: 33,
+    width: 233,
+    height: 26,
+    category: "base",
+    pageId: "default",
+    name: "日期展示",
+    id: "316e5699eb",
+    level: 6,
+    dataSourceType: "static",
+    show: !0,
+    options: {
+      color: "#f8e71c",
+      fontSize: 20,
+      textAlign: "right",
+      lineHeight: 22
+    }
+  },
+  {
+    cId: "defaultImage",
+    cName: "预置图片",
+    x: 1861,
+    y: 28,
+    width: 32,
+    height: 32,
+    category: "other",
+    pageId: "default",
+    name: "预置图片",
+    id: "b71facf82c",
+    level: 7,
+    dataSourceType: "static",
+    show: !0
+  },
+  {
+    cId: "defaultImage",
+    cName: "预置图片",
+    x: 0,
+    y: 0,
+    width: 1920,
+    height: 1080,
+    category: "other",
+    pageId: "default",
+    name: "预置图片",
+    id: "45c02ac0e7",
+    level: 0,
+    dataSourceType: "static",
+    show: !0,
+    options: {
+      id: "bg-theme-1.jpeg"
+    },
+    lock: !0
+  },
+  {
+    cId: "defaultImage",
+    cName: "预置图片",
+    x: 39,
+    y: 180,
+    width: 99,
+    height: 81,
+    category: "other",
+    pageId: "default",
+    name: "预置图片",
+    id: "b0f295bc2f",
+    level: 8,
+    dataSourceType: "static",
+    show: !0,
+    options: {
+      id: "com-bg-1.png"
+    },
+    lock: !0
+  },
+  {
+    cId: "defaultImage",
+    cName: "预置图片",
+    x: 190,
+    y: 180,
+    width: 99,
+    height: 81,
+    category: "other",
+    pageId: "default",
+    name: "预置图片",
+    id: "7acfa7b7b2",
+    level: 8,
+    dataSourceType: "static",
+    show: !0,
+    options: {
+      id: "com-bg-1.png"
+    },
+    lock: !0
+  },
+  {
+    cId: "defaultImage",
+    cName: "预置图片",
+    x: 340,
+    y: 180,
+    width: 99,
+    height: 81,
+    category: "other",
+    pageId: "default",
+    name: "预置图片",
+    id: "5e231647c6",
+    level: 8,
+    dataSourceType: "static",
+    show: !0,
+    options: {
+      id: "com-bg-1.png"
+    },
+    lock: !0
+  },
+  {
+    cId: "defaultImage",
+    cName: "预置图片",
+    x: 40,
+    y: 315,
+    width: 99,
+    height: 81,
+    category: "other",
+    pageId: "default",
+    name: "预置图片",
+    id: "046823450a",
+    level: 8,
+    dataSourceType: "static",
+    show: !0,
+    options: {
+      id: "com-bg-1.png"
+    },
+    lock: !0
+  },
+  {
+    cId: "defaultImage",
+    cName: "预置图片",
+    x: 191,
+    y: 315,
+    width: 99,
+    height: 81,
+    category: "other",
+    pageId: "default",
+    name: "预置图片",
+    id: "5a27427412",
+    level: 8,
+    dataSourceType: "static",
+    show: !0,
+    options: {
+      id: "com-bg-1.png"
+    },
+    lock: !0
+  },
+  {
+    cId: "defaultImage",
+    cName: "预置图片",
+    x: 341,
+    y: 315,
+    width: 99,
+    height: 81,
+    category: "other",
+    pageId: "default",
+    name: "预置图片",
+    id: "a46053f45e",
+    level: 8,
+    dataSourceType: "static",
+    show: !0,
+    options: {
+      id: "com-bg-1.png"
+    },
+    lock: !0
+  },
+  {
+    cId: "doubleText",
+    cName: "双行文本",
+    x: 60,
+    y: 176,
+    width: 60,
+    height: 62,
+    category: "base",
+    pageId: "default",
+    name: "双行文本",
+    id: "35723ec32d",
+    level: 9,
+    dataSourceType: "static",
+    show: !0,
+    options: {
+      text_1: "95536",
+      text_2: "总数",
+      value_1: "920",
+      fontSize_1: 18,
+      lineHeight_1: 16,
+      color_1: "#1fe9e9",
+      value_2: "项目总数",
+      fontSize_2: 12,
+      lineHeight_2: 32,
+      color_2: "#1fe9e9",
+      textAlign_1: "center",
+      textAlign_2: "center"
+    },
+    lock: !0
+  },
+  {
+    cId: "doubleText",
+    cName: "双行文本",
+    x: 210,
+    y: 176,
+    width: 60,
+    height: 62,
+    category: "base",
+    pageId: "default",
+    name: "双行文本",
+    id: "6a3d3c9b67",
+    level: 9,
+    dataSourceType: "static",
+    show: !0,
+    options: {
+      text_1: "95536",
+      text_2: "总数",
+      value_1: "900",
+      fontSize_1: 18,
+      lineHeight_1: 16,
+      color_1: "#22f02e",
+      value_2: "已签",
+      fontSize_2: 12,
+      lineHeight_2: 32,
+      color_2: "#22f02e",
+      textAlign_1: "center",
+      textAlign_2: "center"
+    },
+    lock: !0
+  },
+  {
+    cId: "doubleText",
+    cName: "双行文本",
+    x: 359,
+    y: 175,
+    width: 60,
+    height: 62,
+    category: "base",
+    pageId: "default",
+    name: "双行文本",
+    id: "e91e3d7859",
+    level: 9,
+    dataSourceType: "static",
+    show: !0,
+    options: {
+      text_1: "95536",
+      text_2: "总数",
+      value_1: "20",
+      fontSize_1: 18,
+      lineHeight_1: 16,
+      color_1: "#e8233b",
+      value_2: "未签",
+      fontSize_2: 12,
+      lineHeight_2: 32,
+      color_2: "#e8233b",
+      textAlign_1: "center",
+      textAlign_2: "center",
+      background_1: "rgba(208, 2, 27, 0)"
+    },
+    lock: !0
+  },
+  {
+    cId: "doubleText",
+    cName: "双行文本",
+    x: 60,
+    y: 309,
+    width: 60,
+    height: 62,
+    category: "base",
+    pageId: "default",
+    name: "双行文本",
+    id: "4db2b7e1d3",
+    level: 9,
+    dataSourceType: "static",
+    show: !0,
+    options: {
+      text_1: "95536",
+      text_2: "总数",
+      value_1: "864",
+      fontSize_1: 18,
+      lineHeight_1: 16,
+      color_1: "#1fe9e9",
+      value_2: "人员总数",
+      fontSize_2: 12,
+      lineHeight_2: 32,
+      color_2: "#1fe9e9",
+      textAlign_1: "center",
+      textAlign_2: "center"
+    },
+    lock: !0
+  },
+  {
+    cId: "doubleText",
+    cName: "双行文本",
+    x: 210,
+    y: 308,
+    width: 60,
+    height: 62,
+    category: "base",
+    pageId: "default",
+    name: "双行文本",
+    id: "24a91c556c",
+    level: 9,
+    dataSourceType: "static",
+    show: !0,
+    options: {
+      text_1: "95536",
+      text_2: "总数",
+      value_1: "738",
+      fontSize_1: 18,
+      lineHeight_1: 16,
+      color_1: "#22f02e",
+      value_2: "在场",
+      fontSize_2: 12,
+      lineHeight_2: 32,
+      color_2: "#22f02e",
+      textAlign_1: "center",
+      textAlign_2: "center"
+    },
+    lock: !0
+  },
+  {
+    cId: "doubleText",
+    cName: "双行文本",
+    x: 358,
+    y: 306,
+    width: 60,
+    height: 62,
+    category: "base",
+    pageId: "default",
+    name: "双行文本",
+    id: "2f41295366",
+    level: 9,
+    dataSourceType: "static",
+    show: !0,
+    options: {
+      text_1: "95536",
+      text_2: "总数",
+      value_1: "126",
+      fontSize_1: 18,
+      lineHeight_1: 16,
+      color_1: "#e8233b",
+      value_2: "离场",
+      fontSize_2: 12,
+      lineHeight_2: 32,
+      color_2: "#e8233b",
+      textAlign_1: "center",
+      textAlign_2: "center"
+    },
+    lock: !0
+  },
+  {
+    cId: "doubleText",
+    cName: "双行文本",
+    x: 44,
+    y: 78,
+    width: 391,
+    height: 64,
+    category: "base",
+    pageId: "default",
+    name: "双行文本",
+    id: "c7aa4e9367",
+    level: 10,
+    dataSourceType: "static",
+    show: !0,
+    options: {
+      value_1: "总收入",
+      fontSize_1: 14,
+      lineHeight_1: 32,
+      color_1: "#1fe9e9",
+      textAlign_1: "center",
+      value_2: "102328726.23",
+      fontSize_2: 32,
+      lineHeight_2: 36,
+      color_2: "#1fe9e9",
+      textAlign_2: "center"
+    }
+  },
+  {
+    cId: "ProgressList",
+    cName: "进度条列表",
+    x: 37,
+    y: 777,
+    width: 498,
+    height: 257,
+    category: "other",
+    dataSourceType: "static",
+    staticDataSource: [
+      {
+        key: "1",
+        title: "测试演示项目",
+        count: 999
+      },
+      {
+        key: "2",
+        title: "私有化项目",
+        count: 800
+      },
+      {
+        key: "3",
+        title: "公有云项目",
+        count: 600
+      },
+      {
+        key: "4",
+        title: "培训项目一",
+        count: 400
+      },
+      {
+        key: "5",
+        title: "培训项目二",
+        count: 200
+      },
+      {
+        key: "6",
+        title: "tjh项目",
+        count: 0
+      }
+    ],
+    pageId: "default",
+    name: "进度条列表",
+    id: "5f25dc8bfb",
+    level: 11,
+    show: !0,
+    lock: !1,
+    options: {
+      progressColor: "#2949ca",
+      progressBgColor: "#143053",
+      titleColor: "#fff",
+      titleFontSize: 14,
+      countColor: "#fff",
+      countFontSize: 14,
+      iconColor: "#2edcf7",
+      pxPerSecond: 12,
+      autoScroll: !0
+    }
+  },
+  {
+    cId: "horizontalBar",
+    cName: "横向柱形图",
+    x: 1352,
+    y: 423,
+    width: 548,
+    height: 284,
+    category: "charts",
+    options: {},
+    pageId: "default",
+    name: "横向柱形图",
+    id: "de732a6508",
+    level: 12,
+    dataSourceType: "static",
+    show: !0
+  },
+  {
+    cId: "specialTitle",
+    cName: "特殊标题",
+    x: 1358,
+    y: 382,
+    width: 542,
+    height: 32,
+    category: "other",
+    pageId: "default",
+    name: "特殊标题",
+    id: "d4657e395c",
+    level: 13,
+    dataSourceType: "static",
+    show: !0,
+    options: {
+      value: "在场人员",
+      fontSize: 20,
+      lineHeight: 32,
+      color: "#2EDCF7"
+    }
+  },
+  {
+    cId: "specialTitle",
+    cName: "特殊标题",
+    x: 1352,
+    y: 86,
+    width: 537,
+    height: 32,
+    category: "other",
+    pageId: "default",
+    name: "特殊标题",
+    id: "b36c870f8a",
+    level: 13,
+    dataSourceType: "static",
+    show: !0,
+    options: {
+      value: "项目签项情况",
+      fontSize: 20,
+      lineHeight: 32,
+      color: "#2EDCF7"
+    }
+  },
+  {
+    cId: "specialTitle",
+    cName: "特殊标题",
+    x: 9,
+    y: 720,
+    width: 542,
+    height: 32,
+    category: "other",
+    pageId: "default",
+    name: "特殊标题",
+    id: "f079026413",
+    level: 13,
+    dataSourceType: "static",
+    show: !0,
+    options: {
+      value: "项目培训人数",
+      fontSize: 20,
+      lineHeight: 32,
+      color: "#2EDCF7"
+    },
+    lock: !1
+  },
+  {
+    cId: "doubleText",
+    cName: "双行文本",
+    x: 1368,
+    y: 785,
+    width: 158,
+    height: 62,
+    category: "base",
+    pageId: "default",
+    name: "双行文本",
+    id: "f2eaebcf39",
+    level: 9,
+    dataSourceType: "static",
+    show: !0,
+    options: {
+      text_1: "95536",
+      text_2: "总数",
+      value_1: "1,212,399,231",
+      fontSize_1: 18,
+      lineHeight_1: 16,
+      color_1: "#1fe9e9",
+      value_2: "总收入",
+      fontSize_2: 12,
+      lineHeight_2: 32,
+      color_2: "#1fe9e9",
+      textAlign_1: "center",
+      textAlign_2: "center"
+    },
+    lock: !1
+  },
+  {
+    cId: "doubleText",
+    cName: "双行文本",
+    x: 1546,
+    y: 784,
+    width: 163,
+    height: 62,
+    category: "base",
+    pageId: "default",
+    name: "双行文本",
+    id: "76fb63fe68",
+    level: 9,
+    dataSourceType: "static",
+    show: !0,
+    options: {
+      text_1: "95536",
+      text_2: "总数",
+      value_1: "813,572,109",
+      fontSize_1: 18,
+      lineHeight_1: 16,
+      color_1: "#22f02e",
+      value_2: "总盈利",
+      fontSize_2: 12,
+      lineHeight_2: 32,
+      color_2: "#22f02e",
+      textAlign_1: "center",
+      textAlign_2: "center"
+    },
+    lock: !1
+  },
+  {
+    cId: "doubleText",
+    cName: "双行文本",
+    x: 1734,
+    y: 781,
+    width: 146,
+    height: 62,
+    category: "base",
+    pageId: "default",
+    name: "双行文本",
+    id: "e04b7ac8b5",
+    level: 9,
+    dataSourceType: "static",
+    show: !0,
+    options: {
+      text_1: "95536",
+      text_2: "总数",
+      value_1: "398,827,122",
+      fontSize_1: 18,
+      lineHeight_1: 16,
+      color_1: "#e8233b",
+      value_2: "总支出",
+      fontSize_2: 12,
+      lineHeight_2: 32,
+      color_2: "#e8233b",
+      textAlign_1: "center",
+      textAlign_2: "center",
+      background_1: "rgba(208, 2, 27, 0)"
+    },
+    lock: !1
+  },
+  {
+    cId: "defaultImage",
+    cName: "预置图片",
+    x: 1760,
+    y: 784,
+    width: 99,
+    height: 81,
+    category: "other",
+    pageId: "default",
+    name: "预置图片",
+    id: "e0852cec6a",
+    level: 8,
+    dataSourceType: "static",
+    show: !0,
+    options: {
+      id: "com-bg-2.png"
+    },
+    lock: !1
+  },
+  {
+    cId: "defaultImage",
+    cName: "预置图片",
+    x: 1580,
+    y: 785,
+    width: 99,
+    height: 81,
+    category: "other",
+    pageId: "default",
+    name: "预置图片",
+    id: "a246e34511",
+    level: 8,
+    dataSourceType: "static",
+    show: !0,
+    options: {
+      id: "com-bg-2.png"
+    },
+    lock: !1
+  },
+  {
+    cId: "defaultImage",
+    cName: "预置图片",
+    x: 1398,
+    y: 789,
+    width: 99,
+    height: 81,
+    category: "other",
+    pageId: "default",
+    name: "预置图片",
+    id: "c713c10ba0",
+    level: 8,
+    dataSourceType: "static",
+    show: !0,
+    options: {
+      id: "com-bg-2.png"
+    },
+    lock: !1
+  },
+  {
+    cId: "doubleText",
+    cName: "双行文本",
+    x: 1370,
+    y: 914,
+    width: 155,
+    height: 62,
+    category: "base",
+    pageId: "default",
+    name: "双行文本",
+    id: "ca18c75e9b",
+    level: 9,
+    dataSourceType: "static",
+    show: !0,
+    options: {
+      text_1: "95536",
+      text_2: "总数",
+      value_1: "12,864,732",
+      fontSize_1: 18,
+      lineHeight_1: 16,
+      color_1: "#1fe9e9",
+      value_2: "季度收入",
+      fontSize_2: 12,
+      lineHeight_2: 32,
+      color_2: "#1fe9e9",
+      textAlign_1: "center",
+      textAlign_2: "center"
+    },
+    lock: !1
+  },
+  {
+    cId: "defaultImage",
+    cName: "预置图片",
+    x: 1399,
+    y: 920,
+    width: 99,
+    height: 81,
+    category: "other",
+    pageId: "default",
+    name: "预置图片",
+    id: "7e27d8e659",
+    level: 8,
+    dataSourceType: "static",
+    show: !0,
+    options: {
+      id: "com-bg-2.png"
+    },
+    lock: !1
+  },
+  {
+    cId: "doubleText",
+    cName: "双行文本",
+    x: 1541,
+    y: 912,
+    width: 169,
+    height: 62,
+    category: "base",
+    pageId: "default",
+    name: "双行文本",
+    id: "3c89df116d",
+    level: 9,
+    dataSourceType: "static",
+    show: !0,
+    options: {
+      text_1: "95536",
+      text_2: "总数",
+      value_1: "3,864,998",
+      fontSize_1: 18,
+      lineHeight_1: 16,
+      color_1: "#22f02e",
+      value_2: "季度盈利",
+      fontSize_2: 12,
+      lineHeight_2: 32,
+      color_2: "#22f02e",
+      textAlign_1: "center",
+      textAlign_2: "center"
+    },
+    lock: !1
+  },
+  {
+    cId: "defaultImage",
+    cName: "预置图片",
+    x: 1579,
+    y: 920,
+    width: 99,
+    height: 81,
+    category: "other",
+    pageId: "default",
+    name: "预置图片",
+    id: "527eb421a1",
+    level: 8,
+    dataSourceType: "static",
+    show: !0,
+    options: {
+      id: "com-bg-2.png"
+    },
+    lock: !1
+  },
+  {
+    cId: "doubleText",
+    cName: "双行文本",
+    x: 1724,
+    y: 908,
+    width: 170,
+    height: 62,
+    category: "base",
+    pageId: "default",
+    name: "双行文本",
+    id: "ef3195038d",
+    level: 9,
+    dataSourceType: "static",
+    show: !0,
+    options: {
+      text_1: "95536",
+      text_2: "总数",
+      value_1: "8,999,734",
+      fontSize_1: 18,
+      lineHeight_1: 16,
+      color_1: "#e8233b",
+      value_2: "季度支出",
+      fontSize_2: 12,
+      lineHeight_2: 32,
+      color_2: "#e8233b",
+      textAlign_1: "center",
+      textAlign_2: "center"
+    },
+    lock: !1
+  },
+  {
+    cId: "defaultImage",
+    cName: "预置图片",
+    x: 1760,
+    y: 916,
+    width: 99,
+    height: 81,
+    category: "other",
+    pageId: "default",
+    name: "预置图片",
+    id: "10d3f95b39",
+    level: 8,
+    dataSourceType: "static",
+    show: !0,
+    options: {
+      id: "com-bg-2.png"
+    },
+    lock: !1
+  },
+  {
+    cId: "specialTitle",
+    cName: "特殊标题",
+    x: 1359,
+    y: 720,
+    width: 542,
+    height: 32,
+    category: "other",
+    pageId: "default",
+    name: "特殊标题",
+    id: "c8e95ef3eb",
+    level: 13,
+    dataSourceType: "static",
+    show: !0,
+    options: {
+      value: "项目盈亏",
+      fontSize: 20,
+      lineHeight: 32,
+      color: "#2EDCF7"
+    }
+  },
+  {
+    cId: "specialTitle",
+    cName: "特殊标题",
+    x: 640,
+    y: 720,
+    width: 655,
+    height: 32,
+    category: "other",
+    pageId: "default",
+    name: "特殊标题",
+    id: "04547c0913",
+    level: 13,
+    dataSourceType: "static",
+    show: !0,
+    options: {
+      value: "近7日成交额",
+      fontSize: 20,
+      lineHeight: 32,
+      color: "#2EDCF7"
+    }
+  },
+  {
+    cId: "barLine",
+    cName: "柱形折线图",
+    x: 623,
+    y: 757,
+    width: 701,
+    height: 248,
+    category: "charts",
+    options: {},
+    pageId: "default",
+    name: "柱形折线图",
+    id: "c24912f00b",
+    level: 14,
+    dataSourceType: "static",
+    show: !0
+  },
+  {
+    cId: "title",
+    cName: "标题",
+    x: 33,
+    y: 20,
+    width: 269,
+    height: 48,
+    category: "base",
+    pageId: "default",
+    name: "标题",
+    id: "52e012517c",
+    level: 15,
+    dataSourceType: "static",
+    show: !0,
+    options: {
+      value: "TJH演示企业",
+      fontSize: 22,
+      color: "#2edcf7",
+      textAlign: "left"
+    }
+  },
+  {
+    cId: "ring",
+    cName: "圆环图",
+    x: 27,
+    y: 435,
+    width: 441,
+    height: 255,
+    category: "charts",
+    options: {
+      titleColor: "#ffffff",
+      subtextColor: "#bababa"
+    },
+    pageId: "default",
+    name: "圆环图",
+    id: "bccaf0721e",
+    level: 16,
+    dataSourceType: "static",
+    show: !0
+  }
+], Fe = {
+  scale: 0.39999999999999986,
+  scaleDefault: 1,
+  scaleStep: 0.02,
+  scaleMinZoom: 0.1,
+  scaleMaxZoom: 2,
+  width: 1920,
+  height: 1080,
+  currentPageId: "default",
+  editorOffsetX: 0,
+  editorOffsetY: 0,
+  currentMenu: "library",
+  currentPage: "default",
+  language: "zh"
+}, He = [], $e = [], Be = [], Ue = [
+  {
+    id: "default",
+    name: "大屏页面",
+    options: {
+      background: "#14224b",
+      whiteBoardColor: "#0d2a42"
+    }
+  }
+], Ge = {
+  used: De,
+  componentNodes: Re,
+  config: Fe,
+  selectedIds: He,
+  localPackages: $e,
+  favorites: Be,
+  pages: Ue
+}, kn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  componentNodes: Re,
+  config: Fe,
+  default: Ge,
+  favorites: Be,
+  localPackages: $e,
+  pages: Ue,
+  selectedIds: He,
+  used: De
+}, Symbol.toStringTag, { value: "Module" })), Je = {
+  peopleTable: {
+    count: 1
+  },
+  text: {
+    count: 3
+  },
+  input: {
+    count: 3
+  },
+  button: {
+    count: 2
+  }
+}, Ve = [
+  {
+    cId: "peopleTable",
+    cName: "人员表格",
+    x: 36,
+    y: 78,
+    width: 1215,
+    height: 617,
+    category: "other",
+    isAllPage: !0,
+    pageId: "58de04a398",
+    name: "人员表格",
+    id: "bbf50939c1",
+    level: 5,
+    dataSourceType: "static",
+    show: !0
+  },
+  {
+    cId: "text",
+    cName: "文本",
+    x: -10,
+    y: 21,
+    width: 120,
+    height: 32,
+    category: "base",
+    pageId: "58de04a398",
+    name: "文本",
+    id: "ee9db7f84d",
+    level: 2,
+    dataSourceType: "static",
+    show: !0,
+    options: {
+      value: "名称：",
+      fontSize: 14,
+      lineHeight: 32,
+      color: "black",
+      textAlign: "right"
+    }
+  },
+  {
+    cId: "input",
+    cName: "输入框",
+    x: 113,
+    y: 21,
+    width: 250,
+    height: 32,
+    category: "base",
+    pageId: "58de04a398",
+    name: "输入框",
+    id: "615ec59655",
+    level: 3,
+    dataSourceType: "static",
+    show: !0,
+    events: [
+      {
+        triggerId: "input",
+        targets: [
+          {
+            id: "bbf50939c1",
+            opts: [
+              {
+                operateId: "6a255cf30f",
+                exposeId: "changeFilter",
+                option: {
+                  parserFunc: `/**
+ * 转换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 {
+    name: value
+  }
+}`
+                }
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  {
+    cId: "text",
+    cName: "文本",
+    x: 344,
+    y: 21,
+    width: 120,
+    height: 32,
+    category: "base",
+    pageId: "58de04a398",
+    name: "文本",
+    id: "2452bc1a6d",
+    level: 2,
+    dataSourceType: "static",
+    show: !0,
+    options: {
+      value: "年龄：",
+      fontSize: 14,
+      lineHeight: 32,
+      color: "black",
+      textAlign: "right"
+    }
+  },
+  {
+    cId: "text",
+    cName: "文本",
+    x: 685,
+    y: 22,
+    width: 120,
+    height: 32,
+    category: "base",
+    pageId: "58de04a398",
+    name: "文本",
+    id: "5a5065846e",
+    level: 2,
+    dataSourceType: "static",
+    show: !0,
+    options: {
+      value: "性别：",
+      fontSize: 14,
+      lineHeight: 32,
+      color: "black",
+      textAlign: "right"
+    }
+  },
+  {
+    cId: "button",
+    cName: "按钮",
+    x: 1110,
+    y: 21,
+    width: 64,
+    height: 32,
+    category: "base",
+    pageId: "58de04a398",
+    name: "按钮",
+    id: "f7a6242bd8",
+    level: 4,
+    dataSourceType: "static",
+    show: !0,
+    options: {
+      value: "重置",
+      borderRadius: 2
+    },
+    events: [
+      {
+        triggerId: "onClick",
+        targets: [
+          {
+            id: "bbf50939c1",
+            opts: [
+              {
+                operateId: "10a58acd6b",
+                exposeId: "clearFilter",
+                option: {}
+              }
+            ]
+          },
+          {
+            id: "615ec59655",
+            opts: [
+              {
+                operateId: "c5d340d171",
+                exposeId: "changeValue",
+                option: {
+                  value: "",
+                  type: "text"
+                }
+              }
+            ]
+          },
+          {
+            id: "a9c0dc09a2",
+            opts: [
+              {
+                operateId: "3680eeb6fe",
+                exposeId: "changeValue",
+                option: {
+                  value: "",
+                  type: "text"
+                }
+              }
+            ]
+          },
+          {
+            id: "7fb1e2ee25",
+            opts: [
+              {
+                operateId: "83f080e146",
+                exposeId: "changeValue",
+                option: {
+                  value: "",
+                  type: "text"
+                }
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  {
+    cId: "button",
+    cName: "按钮",
+    x: 1185,
+    y: 22,
+    width: 64,
+    height: 32,
+    category: "base",
+    pageId: "58de04a398",
+    name: "按钮",
+    id: "1f965fc068",
+    level: 4,
+    dataSourceType: "static",
+    show: !0,
+    options: {
+      value: "查询",
+      type: "primary",
+      borderRadius: 2
+    },
+    events: [
+      {
+        triggerId: "onClick",
+        targets: [
+          {
+            id: "bbf50939c1",
+            opts: [
+              {
+                operateId: "500cfc5bf7",
+                exposeId: "refresh",
+                option: {}
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  {
+    cId: "input",
+    cName: "输入框",
+    x: 463,
+    y: 21,
+    width: 250,
+    height: 32,
+    category: "base",
+    pageId: "58de04a398",
+    name: "输入框",
+    id: "a9c0dc09a2",
+    level: 3,
+    dataSourceType: "static",
+    show: !0,
+    events: [
+      {
+        triggerId: "input",
+        targets: [
+          {
+            id: "bbf50939c1",
+            opts: [
+              {
+                operateId: "898b7b0079",
+                exposeId: "changeFilter",
+                option: {
+                  parserFunc: `/**
+ * 转换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 {
+    age: value
+  }
+}`
+                }
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  {
+    cId: "input",
+    cName: "输入框",
+    x: 802,
+    y: 20,
+    width: 250,
+    height: 32,
+    category: "base",
+    pageId: "58de04a398",
+    name: "输入框",
+    id: "7fb1e2ee25",
+    level: 3,
+    dataSourceType: "static",
+    show: !0,
+    events: [
+      {
+        triggerId: "input",
+        targets: [
+          {
+            id: "bbf50939c1",
+            opts: [
+              {
+                operateId: "b495f323b8",
+                exposeId: "changeFilter",
+                option: {
+                  parserFunc: `/**
+ * 转换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 {
+    sex: value
+  }
+}`
+                }
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  }
+], je = {
+  scale: 0.6709999999999992,
+  scaleDefault: 1,
+  scaleStep: 0.02,
+  scaleMinZoom: 0.1,
+  scaleMaxZoom: 2,
+  width: 1280,
+  height: 720,
+  currentPageId: "58de04a398",
+  editorOffsetX: 44,
+  editorOffsetY: 18,
+  currentMenu: "library",
+  currentPage: "default",
+  language: "zh"
+}, qe = [], We = [], Xe = [
+  {
+    id: "b74a34caf4",
+    name: "收藏1",
+    children: [
+      {
+        cId: "line",
+        cName: "折线图",
+        x: 8,
+        y: 10,
+        width: 500,
+        height: 374,
+        category: "charts",
+        options: {
+          seriesList: [
+            {
+              key: "1",
+              name: "数据1",
+              value: "value1",
+              color: "#f8e71c"
+            },
+            {
+              key: "2",
+              name: "数据2",
+              value: "value2",
+              color: "#7ed321"
+            },
+            {
+              key: "3",
+              name: "数据3",
+              value: "value3",
+              color: "#1071e0"
+            }
+          ],
+          nameCode: "xxx"
+        },
+        dataSourceType: "static",
+        staticDataSource: [
+          {
+            name: "选项一",
+            xxx: "分类1",
+            value1: 100,
+            value2: 200,
+            value3: 300
+          },
+          {
+            name: "选项二",
+            xxx: "分类2",
+            value1: 50,
+            value2: 150,
+            value3: 250
+          },
+          {
+            name: "选项三",
+            xxx: "分类3",
+            value1: 80,
+            value2: 180,
+            value3: 280
+          }
+        ],
+        pageId: "58de04a398",
+        name: "折线图",
+        id: "7227bde647",
+        level: 2,
+        show: !0
+      }
+    ],
+    gmtCreate: "2025-03-25 10:54:46"
+  }
+], Ze = [
+  {
+    name: "多组件联动",
+    id: "58de04a398"
+  }
+], Ke = {
+  used: Je,
+  componentNodes: Ve,
+  config: je,
+  selectedIds: qe,
+  localPackages: We,
+  favorites: Xe,
+  pages: Ze
+}, Tn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  componentNodes: Ve,
+  config: je,
+  default: Ke,
+  favorites: Xe,
+  localPackages: We,
+  pages: Ze,
+  selectedIds: qe,
+  used: Je
+}, Symbol.toStringTag, { value: "Module" })), Pn = {
+  classic: Ge,
+  multiple_components_interactive: Ke
+}, O = "_$_rbs_current_engine_$_", en = c.lazy(() => import("./index-CpYmNO_5.mjs")), tn = c.lazy(() => import("./index-DyB0TE1y.mjs"));
+class zn {
+  constructor(e) {
+    /** react createApp */
+    d(this, "app", null);
+    /** 挂载元素 */
+    d(this, "el", null);
+    /** 实际渲染引擎 */
+    d(this, "engine");
+    /** 操作模式（编辑/预览） */
+    d(this, "mode", "edit");
+    /** 事件钩子 */
+    d(this, "hooks", null);
+    /** 保存当前操作的json */
+    d(this, "lastJson");
+    /** options */
+    d(this, "options");
+    const {
+      activeGlobal: t = !0,
+      onStartPreview: a,
+      dom: n,
+      pageFooter: i,
+      pageLogo: o,
+      ...s
+    } = e || {};
+    this.options = {
+      activeGlobal: t,
+      onStartPreview: a,
+      dom: n,
+      pageFooter: i,
+      pageLogo: o
+    }, this.engine = new Qa(s), n && this.mount(n), t && this.activeGlobal(), a && this.on("startPreview", a);
+  }
+  /**
+   * 挂载dom（会触发编辑器渲染）
+   * @param el 待挂载到的dom
+   */
+  async mount(e) {
+    if (this.el) {
+      console.error("RBS el has been mounted.");
+      return;
+    }
+    return this.el = e, this.importJSON(this.lastJson);
+  }
+  /**
+   * 取消挂载dom
+   * @description 与destroy的区别是会保留json的状态，重新挂载dom即可重新渲染。
+   */
+  async unmount() {
+    this.app && (this.lastJson = await this.engine.getJSON(), this.app.unmount(), this.app = null, this.el = null);
+  }
+  /**
+   * 监听事件
+   * @param type 事件类型
+   * @param callback 事件回调函数
+   */
+  on(e, t) {
+    this.hooks || (this.hooks = /* @__PURE__ */ new Map());
+    const a = this.hooks.get(e) || [];
+    a.push(t), this.hooks.set(e, a);
+  }
+  /**
+   * 触发事件
+   * @param type 事件类型
+   * @param payload 传参
+   */
+  emit(e, t) {
+    var a, n, i, o;
+    (o = (i = (n = (a = this.hooks) == null ? void 0 : a.get) == null ? void 0 : n.call(a, e)) == null ? void 0 : i.forEach) == null || o.call(i, (s) => {
+      s == null || s(t);
+    });
+  }
+  /**
+   * 启用预览模式（需在importJSON之前使用）
+   */
+  enablePreview() {
+    this.mode = "preview";
+  }
+  /**
+   * 启用编辑模式（需在mount之前使用）
+   */
+  enableEdit() {
+    this.mode = "edit";
+  }
+  /**
+   * 销毁
+   */
+  async destroy() {
+    this.unActiveGlobal(), await this.unmount(), this.engine.destroy(), this.hooks = null, this.lastJson = void 0;
+  }
+  /**
+   * 导入JSONString（会触发渲染）
+   * @param text json的文本格式
+   */
+  async importJSONString(e) {
+    if (e)
+      try {
+        const t = JSON.parse(e || "{}");
+        return this.importJSON(t);
+      } catch (t) {
+        throw t;
+      }
+  }
+  /**
+   * 导入json（会触发渲染）
+   * @param json json格式数据
+   */
+  async importJSON(e) {
+    return new Promise((t, a) => {
+      var n, i;
+      try {
+        if (!this.el)
+          throw new Error("el not found.");
+        this.app ? this.engine.loadJSON(e).then(() => t()) : (this.app = ue(this.el), this.mode === "edit" ? this.app.render(
+          /* @__PURE__ */ u(U.Provider, { value: { engine: this.engine, rbsEngine: this }, children: /* @__PURE__ */ u(
+            en,
+            {
+              json: e,
+              engine: this.engine,
+              onJSONLoad: t,
+              pageFooter: (n = this.options) == null ? void 0 : n.pageFooter,
+              pageLogo: (i = this.options) == null ? void 0 : i.pageLogo
+            }
+          ) })
+        ) : this.mode === "preview" && this.app.render(
+          /* @__PURE__ */ u(U.Provider, { value: { engine: this.engine, rbsEngine: this }, children: /* @__PURE__ */ u(tn, { json: e, engine: this.engine, onJSONLoad: t }) })
+        ));
+      } catch (o) {
+        a(o);
+      }
+    });
+  }
+  /**
+   * 导出json文件
+   */
+  async exportJSON() {
+    return this.engine.getJSON();
+  }
+  /**
+   * 激活全局对象
+   */
+  activeGlobal() {
+    window[O] = this.engine;
+  }
+  /**
+   * 取消激活全局对象（慎用！单实例情况下会导致报错）
+   */
+  unActiveGlobal() {
+    window[O] === this.engine && delete window[O];
+  }
+  /**************************** static *************************/
+  // 获取档当前激活的 engine
+  static getActiveEngine() {
+    const e = window[O];
+    return e || console.warn("RBS engine is not activated."), e;
+  }
+}
+export {
+  Se as C,
+  S as D,
+  U as E,
+  $ as I,
+  Sn as L,
+  zn as R,
+  wn as a,
+  ve as b,
+  I as c,
+  Za as d,
+  kt as e,
+  ka as f,
+  _e as g,
+  xn as h,
+  Ua as i,
+  Ca as j,
+  Ya as k,
+  oe as l,
+  Cn as m,
+  T as n,
+  A as o,
+  ja as p,
+  Pn as q,
+  kn as r,
+  In as s,
+  Tn as t,
+  Ee as u
+};