zc-lowcode 0.0.2 → 0.0.4

package/dist/designer.js

@@ -0,0 +1,3215 @@
+import "./assets/designer.css";
+import "./assets/sortable.css";
+import { defineComponent as te, computed as T, ref as N, watch as xe, createVNode as o, Fragment as K, openBlock as p, createElementBlock as S, createElementVNode as s, withCtx as d, unref as v, toDisplayString as H, withModifiers as ue, normalizeStyle as Ht, createBlock as I, createCommentVNode as W, normalizeClass as ce, renderList as ne, Transition as la, resolveDynamicComponent as Ut, createSlots as ra, renderSlot as Bt, normalizeProps as Ft, guardReactiveProps as Wt, onBeforeUnmount as oa, nextTick as Gt, inject as qt, toRaw as vt, createTextVNode as z, createStaticVNode as ia, useModel as ke, mergeModels as ge, isRef as gt, getCurrentInstance as sa, provide as be, reactive as ua, watchEffect as ca } from "vue";
+import { u as da, a as pa, c as fa, _ as Ee, f as ma, b as xt, d as va, P as ht, t as yt, C as qe, I as de, e as fe, g as he, B as me, h as ga, i as xa, j as ha, k as Ze, l as Xe, R as Qt, S as ya, U as _a, L as ba, D as we, m as ka, n as et, o as wa, p as _t, q as bt, r as Ne, s as Pa, v as Yt, w as Oa, x as Sa, y as Ca, z as kt, A as $a, M as Da, E as Ta, F as Ea, G as Ia, H as He, J as Ue, K as Qe, N as Aa, O as Ce, Q as Ie, T as wt, V as Be, W as La, X as Ma, Y as za, Z as ja, $ as Ra, a0 as Va, a1 as Na, a2 as Ha, a3 as Ua, a4 as Ba, a5 as Fa, a6 as Wa, a7 as Ga, a8 as qa, a9 as Qa, aa as Ya, ab as Ja, ac as Ka, ad as Za } from "./sortable.esm-DbutZcEr.js";
+import { ae as fo, af as mo, ag as vo, ah as go } from "./sortable.esm-DbutZcEr.js";
+import { serializePageSnapshot as Xa, canMutateWidgetContent as Ye, widgetCanAcceptDropTarget as en, isWidgetSelfLocked as Pt, resolveWidgetEditorTitle as Fe, canMutateWidgetStructure as Ae, canToggleWidgetLock as tn, isWidgetEffectivelyLocked as an, clonePageSnapshot as nn, isSamePageSnapshot as ln, createDefaultPage as rn } from "./core.js";
+import { createDefaultPageScript as ho, getDesignerComponentName as yo, getSetterComponentName as _o, resolvePageTitle as bo } from "./core.js";
+import { u as on, _ as sn, a as un, M as cn, b as ze, C as tt, A as Jt, I as ve, S as dn, c as Kt, d as Zt, e as pn, D as Xt, T as fn, f as mn, E as ea, F as je, g as ye, h as ta, i as vn, j as gn, k as oe, l as at, P as nt, m as xn, n as hn, o as Me, p as yn, q as _n, s as bn, r as kn, t as wn, v as lt, w as Pn, x as On, y as Sn, z as Cn, B as $n, G as Dn, H as Je, J as Ot, K as Tn, L as En } from "./code-editor.vue_vue_type_script_setup_true_lang-aA043pnA.js";
+const In = {
+  small: 8,
+  middle: 16,
+  large: 24
+}, An = () => ({
+  prefixCls: String,
+  size: {
+    type: [String, Number, Array]
+  },
+  direction: ht.oneOf(yt("horizontal", "vertical")).def("horizontal"),
+  align: ht.oneOf(yt("start", "end", "center", "baseline")),
+  wrap: va()
+});
+function Ln(t) {
+  return typeof t == "string" ? In[t] : t || 0;
+}
+const De = te({
+  compatConfig: {
+    MODE: 3
+  },
+  name: "ASpace",
+  inheritAttrs: !1,
+  props: An(),
+  slots: Object,
+  setup(t, e) {
+    let {
+      slots: a,
+      attrs: i
+    } = e;
+    const {
+      prefixCls: r,
+      space: c,
+      direction: x
+    } = da("space", t), [f, D] = pa(r), $ = on(), h = T(() => {
+      var b, w, j;
+      return (j = (b = t.size) !== null && b !== void 0 ? b : (w = c == null ? void 0 : c.value) === null || w === void 0 ? void 0 : w.size) !== null && j !== void 0 ? j : "small";
+    }), m = N(), O = N();
+    xe(h, () => {
+      [m.value, O.value] = (Array.isArray(h.value) ? h.value : [h.value, h.value]).map((b) => Ln(b));
+    }, {
+      immediate: !0
+    });
+    const L = T(() => t.align === void 0 && t.direction === "horizontal" ? "center" : t.align), y = T(() => fa(r.value, D.value, `${r.value}-${t.direction}`, {
+      [`${r.value}-rtl`]: x.value === "rtl",
+      [`${r.value}-align-${L.value}`]: L.value
+    })), _ = T(() => x.value === "rtl" ? "marginLeft" : "marginRight"), C = T(() => {
+      const b = {};
+      return $.value && (b.columnGap = `${m.value}px`, b.rowGap = `${O.value}px`), Ee(Ee({}, b), t.wrap && {
+        flexWrap: "wrap",
+        marginBottom: `${-O.value}px`
+      });
+    });
+    return () => {
+      var b, w;
+      const {
+        wrap: j,
+        direction: A = "horizontal"
+      } = t, R = (b = a.default) === null || b === void 0 ? void 0 : b.call(a), V = ma(R), U = V.length;
+      if (U === 0)
+        return null;
+      const G = (w = a.split) === null || w === void 0 ? void 0 : w.call(a), Y = `${r.value}-item`, le = m.value, ae = U - 1;
+      return o("div", xt(xt({}, i), {}, {
+        class: [y.value, i.class],
+        style: [C.value, i.style]
+      }), [V.map((q, ee) => {
+        let Z = R.indexOf(q);
+        Z === -1 && (Z = `$$space-${ee}`);
+        let ie = {};
+        return $.value || (A === "vertical" ? ee < ae && (ie = {
+          marginBottom: `${le / (G ? 2 : 1)}px`
+        }) : ie = Ee(Ee({}, ee < ae && {
+          [_.value]: `${le / (G ? 2 : 1)}px`
+        }), j && {
+          paddingBottom: `${O.value}px`
+        })), f(o(K, {
+          key: Z
+        }, [o("div", {
+          class: Y,
+          style: ie
+        }, [q]), ee < ae && G && o("span", {
+          class: `${Y}-split`,
+          style: ie
+        }, [G])]));
+      })]);
+    };
+  }
+});
+De.Compact = qe;
+De.install = function(t) {
+  return t.component(De.name, De), t.component(qe.name, qe), t;
+};
+var Mn = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "defs", attrs: {}, children: [{ tag: "style", attrs: {} }] }, { tag: "path", attrs: { d: "M899.1 869.6l-53-305.6H864c14.4 0 26-11.6 26-26V346c0-14.4-11.6-26-26-26H618V138c0-14.4-11.6-26-26-26H432c-14.4 0-26 11.6-26 26v182H160c-14.4 0-26 11.6-26 26v192c0 14.4 11.6 26 26 26h17.9l-53 305.6a25.95 25.95 0 0025.6 30.4h723c1.5 0 3-.1 4.4-.4a25.88 25.88 0 0021.2-30zM204 390h272V182h72v208h272v104H204V390zm468 440V674c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v156H416V674c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v156H202.8l45.1-260H776l45.1 260H672z" } }] }, name: "clear", theme: "outlined" };
+function St(t) {
+  for (var e = 1; e < arguments.length; e++) {
+    var a = arguments[e] != null ? Object(arguments[e]) : {}, i = Object.keys(a);
+    typeof Object.getOwnPropertySymbols == "function" && (i = i.concat(Object.getOwnPropertySymbols(a).filter(function(r) {
+      return Object.getOwnPropertyDescriptor(a, r).enumerable;
+    }))), i.forEach(function(r) {
+      zn(t, r, a[r]);
+    });
+  }
+  return t;
+}
+function zn(t, e, a) {
+  return e in t ? Object.defineProperty(t, e, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = a, t;
+}
+var rt = function(e, a) {
+  var i = St({}, e, a.attrs);
+  return o(de, St({}, i, {
+    icon: Mn
+  }), null);
+};
+rt.displayName = "ClearOutlined";
+rt.inheritAttrs = !1;
+var jn = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M516 673c0 4.4 3.4 8 7.5 8h185c4.1 0 7.5-3.6 7.5-8v-48c0-4.4-3.4-8-7.5-8h-185c-4.1 0-7.5 3.6-7.5 8v48zm-194.9 6.1l192-161c3.8-3.2 3.8-9.1 0-12.3l-192-160.9A7.95 7.95 0 00308 351v62.7c0 2.4 1 4.6 2.9 6.1L420.7 512l-109.8 92.2a8.1 8.1 0 00-2.9 6.1V673c0 6.8 7.9 10.5 13.1 6.1zM880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z" } }] }, name: "code", theme: "outlined" };
+function Ct(t) {
+  for (var e = 1; e < arguments.length; e++) {
+    var a = arguments[e] != null ? Object(arguments[e]) : {}, i = Object.keys(a);
+    typeof Object.getOwnPropertySymbols == "function" && (i = i.concat(Object.getOwnPropertySymbols(a).filter(function(r) {
+      return Object.getOwnPropertyDescriptor(a, r).enumerable;
+    }))), i.forEach(function(r) {
+      Rn(t, r, a[r]);
+    });
+  }
+  return t;
+}
+function Rn(t, e, a) {
+  return e in t ? Object.defineProperty(t, e, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = a, t;
+}
+var Re = function(e, a) {
+  var i = Ct({}, e, a.attrs);
+  return o(de, Ct({}, i, {
+    icon: jn
+  }), null);
+};
+Re.displayName = "CodeOutlined";
+Re.inheritAttrs = !1;
+var Vn = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656zM340 683v77c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-77c-10.1 3.3-20.8 5-32 5s-21.9-1.8-32-5zm64-198V264c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v221c10.1-3.3 20.8-5 32-5s21.9 1.8 32 5zm-64 198c10.1 3.3 20.8 5 32 5s21.9-1.8 32-5c41.8-13.5 72-52.7 72-99s-30.2-85.5-72-99c-10.1-3.3-20.8-5-32-5s-21.9 1.8-32 5c-41.8 13.5-72 52.7-72 99s30.2 85.5 72 99zm.1-115.7c.3-.6.7-1.2 1-1.8v-.1l1.2-1.8c.1-.2.2-.3.3-.5.3-.5.7-.9 1-1.4.1-.1.2-.3.3-.4.5-.6.9-1.1 1.4-1.6l.3-.3 1.2-1.2.4-.4c.5-.5 1-.9 1.6-1.4.6-.5 1.1-.9 1.7-1.3.2-.1.3-.2.5-.3.5-.3.9-.7 1.4-1 .1-.1.3-.2.4-.3.6-.4 1.2-.7 1.9-1.1.1-.1.3-.1.4-.2.5-.3 1-.5 1.6-.8l.6-.3c.7-.3 1.3-.6 2-.8.7-.3 1.4-.5 2.1-.7.2-.1.4-.1.6-.2.6-.2 1.1-.3 1.7-.4.2 0 .3-.1.5-.1.7-.2 1.5-.3 2.2-.4.2 0 .3 0 .5-.1.6-.1 1.2-.1 1.8-.2h.6c.8 0 1.5-.1 2.3-.1s1.5 0 2.3.1h.6c.6 0 1.2.1 1.8.2.2 0 .3 0 .5.1.7.1 1.5.2 2.2.4.2 0 .3.1.5.1.6.1 1.2.3 1.7.4.2.1.4.1.6.2.7.2 1.4.4 2.1.7.7.2 1.3.5 2 .8l.6.3c.5.2 1.1.5 1.6.8.1.1.3.1.4.2.6.3 1.3.7 1.9 1.1.1.1.3.2.4.3.5.3 1 .6 1.4 1 .2.1.3.2.5.3.6.4 1.2.9 1.7 1.3s1.1.9 1.6 1.4l.4.4 1.2 1.2.3.3c.5.5 1 1.1 1.4 1.6.1.1.2.3.3.4.4.4.7.9 1 1.4.1.2.2.3.3.5l1.2 1.8s0 .1.1.1a36.18 36.18 0 015.1 18.5c0 6-1.5 11.7-4.1 16.7-.3.6-.7 1.2-1 1.8 0 0 0 .1-.1.1l-1.2 1.8c-.1.2-.2.3-.3.5-.3.5-.7.9-1 1.4-.1.1-.2.3-.3.4-.5.6-.9 1.1-1.4 1.6l-.3.3-1.2 1.2-.4.4c-.5.5-1 .9-1.6 1.4-.6.5-1.1.9-1.7 1.3-.2.1-.3.2-.5.3-.5.3-.9.7-1.4 1-.1.1-.3.2-.4.3-.6.4-1.2.7-1.9 1.1-.1.1-.3.1-.4.2-.5.3-1 .5-1.6.8l-.6.3c-.7.3-1.3.6-2 .8-.7.3-1.4.5-2.1.7-.2.1-.4.1-.6.2-.6.2-1.1.3-1.7.4-.2 0-.3.1-.5.1-.7.2-1.5.3-2.2.4-.2 0-.3 0-.5.1-.6.1-1.2.1-1.8.2h-.6c-.8 0-1.5.1-2.3.1s-1.5 0-2.3-.1h-.6c-.6 0-1.2-.1-1.8-.2-.2 0-.3 0-.5-.1-.7-.1-1.5-.2-2.2-.4-.2 0-.3-.1-.5-.1-.6-.1-1.2-.3-1.7-.4-.2-.1-.4-.1-.6-.2-.7-.2-1.4-.4-2.1-.7-.7-.2-1.3-.5-2-.8l-.6-.3c-.5-.2-1.1-.5-1.6-.8-.1-.1-.3-.1-.4-.2-.6-.3-1.3-.7-1.9-1.1-.1-.1-.3-.2-.4-.3-.5-.3-1-.6-1.4-1-.2-.1-.3-.2-.5-.3-.6-.4-1.2-.9-1.7-1.3s-1.1-.9-1.6-1.4l-.4-.4-1.2-1.2-.3-.3c-.5-.5-1-1.1-1.4-1.6-.1-.1-.2-.3-.3-.4-.4-.4-.7-.9-1-1.4-.1-.2-.2-.3-.3-.5l-1.2-1.8v-.1c-.4-.6-.7-1.2-1-1.8-2.6-5-4.1-10.7-4.1-16.7s1.5-11.7 4.1-16.7zM620 539v221c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V539c-10.1 3.3-20.8 5-32 5s-21.9-1.8-32-5zm64-198v-77c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v77c10.1-3.3 20.8-5 32-5s21.9 1.8 32 5zm-64 198c10.1 3.3 20.8 5 32 5s21.9-1.8 32-5c41.8-13.5 72-52.7 72-99s-30.2-85.5-72-99c-10.1-3.3-20.8-5-32-5s-21.9 1.8-32 5c-41.8 13.5-72 52.7-72 99s30.2 85.5 72 99zm.1-115.7c.3-.6.7-1.2 1-1.8v-.1l1.2-1.8c.1-.2.2-.3.3-.5.3-.5.7-.9 1-1.4.1-.1.2-.3.3-.4.5-.6.9-1.1 1.4-1.6l.3-.3 1.2-1.2.4-.4c.5-.5 1-.9 1.6-1.4.6-.5 1.1-.9 1.7-1.3.2-.1.3-.2.5-.3.5-.3.9-.7 1.4-1 .1-.1.3-.2.4-.3.6-.4 1.2-.7 1.9-1.1.1-.1.3-.1.4-.2.5-.3 1-.5 1.6-.8l.6-.3c.7-.3 1.3-.6 2-.8.7-.3 1.4-.5 2.1-.7.2-.1.4-.1.6-.2.6-.2 1.1-.3 1.7-.4.2 0 .3-.1.5-.1.7-.2 1.5-.3 2.2-.4.2 0 .3 0 .5-.1.6-.1 1.2-.1 1.8-.2h.6c.8 0 1.5-.1 2.3-.1s1.5 0 2.3.1h.6c.6 0 1.2.1 1.8.2.2 0 .3 0 .5.1.7.1 1.5.2 2.2.4.2 0 .3.1.5.1.6.1 1.2.3 1.7.4.2.1.4.1.6.2.7.2 1.4.4 2.1.7.7.2 1.3.5 2 .8l.6.3c.5.2 1.1.5 1.6.8.1.1.3.1.4.2.6.3 1.3.7 1.9 1.1.1.1.3.2.4.3.5.3 1 .6 1.4 1 .2.1.3.2.5.3.6.4 1.2.9 1.7 1.3s1.1.9 1.6 1.4l.4.4 1.2 1.2.3.3c.5.5 1 1.1 1.4 1.6.1.1.2.3.3.4.4.4.7.9 1 1.4.1.2.2.3.3.5l1.2 1.8v.1a36.18 36.18 0 015.1 18.5c0 6-1.5 11.7-4.1 16.7-.3.6-.7 1.2-1 1.8v.1l-1.2 1.8c-.1.2-.2.3-.3.5-.3.5-.7.9-1 1.4-.1.1-.2.3-.3.4-.5.6-.9 1.1-1.4 1.6l-.3.3-1.2 1.2-.4.4c-.5.5-1 .9-1.6 1.4-.6.5-1.1.9-1.7 1.3-.2.1-.3.2-.5.3-.5.3-.9.7-1.4 1-.1.1-.3.2-.4.3-.6.4-1.2.7-1.9 1.1-.1.1-.3.1-.4.2-.5.3-1 .5-1.6.8l-.6.3c-.7.3-1.3.6-2 .8-.7.3-1.4.5-2.1.7-.2.1-.4.1-.6.2-.6.2-1.1.3-1.7.4-.2 0-.3.1-.5.1-.7.2-1.5.3-2.2.4-.2 0-.3 0-.5.1-.6.1-1.2.1-1.8.2h-.6c-.8 0-1.5.1-2.3.1s-1.5 0-2.3-.1h-.6c-.6 0-1.2-.1-1.8-.2-.2 0-.3 0-.5-.1-.7-.1-1.5-.2-2.2-.4-.2 0-.3-.1-.5-.1-.6-.1-1.2-.3-1.7-.4-.2-.1-.4-.1-.6-.2-.7-.2-1.4-.4-2.1-.7-.7-.2-1.3-.5-2-.8l-.6-.3c-.5-.2-1.1-.5-1.6-.8-.1-.1-.3-.1-.4-.2-.6-.3-1.3-.7-1.9-1.1-.1-.1-.3-.2-.4-.3-.5-.3-1-.6-1.4-1-.2-.1-.3-.2-.5-.3-.6-.4-1.2-.9-1.7-1.3s-1.1-.9-1.6-1.4l-.4-.4-1.2-1.2-.3-.3c-.5-.5-1-1.1-1.4-1.6-.1-.1-.2-.3-.3-.4-.4-.4-.7-.9-1-1.4-.1-.2-.2-.3-.3-.5l-1.2-1.8v-.1c-.4-.6-.7-1.2-1-1.8-2.6-5-4.1-10.7-4.1-16.7s1.5-11.7 4.1-16.7z" } }] }, name: "control", theme: "outlined" };
+function $t(t) {
+  for (var e = 1; e < arguments.length; e++) {
+    var a = arguments[e] != null ? Object(arguments[e]) : {}, i = Object.keys(a);
+    typeof Object.getOwnPropertySymbols == "function" && (i = i.concat(Object.getOwnPropertySymbols(a).filter(function(r) {
+      return Object.getOwnPropertyDescriptor(a, r).enumerable;
+    }))), i.forEach(function(r) {
+      Nn(t, r, a[r]);
+    });
+  }
+  return t;
+}
+function Nn(t, e, a) {
+  return e in t ? Object.defineProperty(t, e, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = a, t;
+}
+var ot = function(e, a) {
+  var i = $t({}, e, a.attrs);
+  return o(de, $t({}, i, {
+    icon: Vn
+  }), null);
+};
+ot.displayName = "ControlOutlined";
+ot.inheritAttrs = !1;
+var Hn = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M928 140H96c-17.7 0-32 14.3-32 32v496c0 17.7 14.3 32 32 32h380v112H304c-8.8 0-16 7.2-16 16v48c0 4.4 3.6 8 8 8h432c4.4 0 8-3.6 8-8v-48c0-8.8-7.2-16-16-16H548V700h380c17.7 0 32-14.3 32-32V172c0-17.7-14.3-32-32-32zm-40 488H136V212h752v416z" } }] }, name: "desktop", theme: "outlined" };
+function Dt(t) {
+  for (var e = 1; e < arguments.length; e++) {
+    var a = arguments[e] != null ? Object(arguments[e]) : {}, i = Object.keys(a);
+    typeof Object.getOwnPropertySymbols == "function" && (i = i.concat(Object.getOwnPropertySymbols(a).filter(function(r) {
+      return Object.getOwnPropertyDescriptor(a, r).enumerable;
+    }))), i.forEach(function(r) {
+      Un(t, r, a[r]);
+    });
+  }
+  return t;
+}
+function Un(t, e, a) {
+  return e in t ? Object.defineProperty(t, e, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = a, t;
+}
+var it = function(e, a) {
+  var i = Dt({}, e, a.attrs);
+  return o(de, Dt({}, i, {
+    icon: Hn
+  }), null);
+};
+it.displayName = "DesktopOutlined";
+it.inheritAttrs = !1;
+var Bn = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "defs", attrs: {}, children: [{ tag: "style", attrs: {} }] }, { tag: "path", attrs: { d: "M841 370c3-3.3 2.7-8.3-.6-11.3a8.24 8.24 0 00-5.3-2.1h-72.6c-2.4 0-4.6 1-6.1 2.8L633.5 504.6a7.96 7.96 0 01-13.4-1.9l-63.5-141.3a7.9 7.9 0 00-7.3-4.7H380.7l.9-4.7 8-42.3c10.5-55.4 38-81.4 85.8-81.4 18.6 0 35.5 1.7 48.8 4.7l14.1-66.8c-22.6-4.7-35.2-6.1-54.9-6.1-103.3 0-156.4 44.3-175.9 147.3l-9.4 49.4h-97.6c-3.8 0-7.1 2.7-7.8 6.4L181.9 415a8.07 8.07 0 007.8 9.7H284l-89 429.9a8.07 8.07 0 007.8 9.7H269c3.8 0 7.1-2.7 7.8-6.4l89.7-433.1h135.8l68.2 139.1c1.4 2.9 1 6.4-1.2 8.8l-180.6 203c-2.9 3.3-2.6 8.4.7 11.3 1.5 1.3 3.4 2 5.3 2h72.7c2.4 0 4.6-1 6.1-2.8l123.7-146.7c2.8-3.4 7.9-3.8 11.3-1 .9.8 1.6 1.7 2.1 2.8L676.4 784c1.3 2.8 4.1 4.7 7.3 4.7h64.6a8.02 8.02 0 007.2-11.5l-95.2-198.9c-1.4-2.9-.9-6.4 1.3-8.8L841 370z" } }] }, name: "function", theme: "outlined" };
+function Tt(t) {
+  for (var e = 1; e < arguments.length; e++) {
+    var a = arguments[e] != null ? Object(arguments[e]) : {}, i = Object.keys(a);
+    typeof Object.getOwnPropertySymbols == "function" && (i = i.concat(Object.getOwnPropertySymbols(a).filter(function(r) {
+      return Object.getOwnPropertyDescriptor(a, r).enumerable;
+    }))), i.forEach(function(r) {
+      Fn(t, r, a[r]);
+    });
+  }
+  return t;
+}
+function Fn(t, e, a) {
+  return e in t ? Object.defineProperty(t, e, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = a, t;
+}
+var Te = function(e, a) {
+  var i = Tt({}, e, a.attrs);
+  return o(de, Tt({}, i, {
+    icon: Bn
+  }), null);
+};
+Te.displayName = "FunctionOutlined";
+Te.inheritAttrs = !1;
+var Wn = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "defs", attrs: {}, children: [{ tag: "style", attrs: {} }] }, { tag: "path", attrs: { d: "M640.6 429.8h257.1c7.9 0 14.3-6.4 14.3-14.3V158.3c0-7.9-6.4-14.3-14.3-14.3H640.6c-7.9 0-14.3 6.4-14.3 14.3v92.9H490.6c-3.9 0-7.1 3.2-7.1 7.1v221.5h-85.7v-96.5c0-7.9-6.4-14.3-14.3-14.3H126.3c-7.9 0-14.3 6.4-14.3 14.3v257.2c0 7.9 6.4 14.3 14.3 14.3h257.1c7.9 0 14.3-6.4 14.3-14.3V544h85.7v221.5c0 3.9 3.2 7.1 7.1 7.1h135.7v92.9c0 7.9 6.4 14.3 14.3 14.3h257.1c7.9 0 14.3-6.4 14.3-14.3v-257c0-7.9-6.4-14.3-14.3-14.3h-257c-7.9 0-14.3 6.4-14.3 14.3v100h-78.6v-393h78.6v100c0 7.9 6.4 14.3 14.3 14.3zm53.5-217.9h150V362h-150V211.9zM329.9 587h-150V437h150v150zm364.2 75.1h150v150.1h-150V662.1z" } }] }, name: "partition", theme: "outlined" };
+function Et(t) {
+  for (var e = 1; e < arguments.length; e++) {
+    var a = arguments[e] != null ? Object(arguments[e]) : {}, i = Object.keys(a);
+    typeof Object.getOwnPropertySymbols == "function" && (i = i.concat(Object.getOwnPropertySymbols(a).filter(function(r) {
+      return Object.getOwnPropertyDescriptor(a, r).enumerable;
+    }))), i.forEach(function(r) {
+      Gn(t, r, a[r]);
+    });
+  }
+  return t;
+}
+function Gn(t, e, a) {
+  return e in t ? Object.defineProperty(t, e, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = a, t;
+}
+var st = function(e, a) {
+  var i = Et({}, e, a.attrs);
+  return o(de, Et({}, i, {
+    icon: Wn
+  }), null);
+};
+st.displayName = "PartitionOutlined";
+st.inheritAttrs = !1;
+var qn = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M878.3 392.1L631.9 145.7c-6.5-6.5-15-9.7-23.5-9.7s-17 3.2-23.5 9.7L423.8 306.9c-12.2-1.4-24.5-2-36.8-2-73.2 0-146.4 24.1-206.5 72.3-15.4 12.3-16.6 35.4-2.7 49.4l181.7 181.7-215.4 215.2a15.8 15.8 0 00-4.6 9.8l-3.4 37.2c-.9 9.4 6.6 17.4 15.9 17.4.5 0 1 0 1.5-.1l37.2-3.4c3.7-.3 7.2-2 9.8-4.6l215.4-215.4 181.7 181.7c6.5 6.5 15 9.7 23.5 9.7 9.7 0 19.3-4.2 25.9-12.4 56.3-70.3 79.7-158.3 70.2-243.4l161.1-161.1c12.9-12.8 12.9-33.8 0-46.8z" } }] }, name: "pushpin", theme: "filled" };
+function It(t) {
+  for (var e = 1; e < arguments.length; e++) {
+    var a = arguments[e] != null ? Object(arguments[e]) : {}, i = Object.keys(a);
+    typeof Object.getOwnPropertySymbols == "function" && (i = i.concat(Object.getOwnPropertySymbols(a).filter(function(r) {
+      return Object.getOwnPropertyDescriptor(a, r).enumerable;
+    }))), i.forEach(function(r) {
+      Qn(t, r, a[r]);
+    });
+  }
+  return t;
+}
+function Qn(t, e, a) {
+  return e in t ? Object.defineProperty(t, e, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = a, t;
+}
+var ut = function(e, a) {
+  var i = It({}, e, a.attrs);
+  return o(de, It({}, i, {
+    icon: qn
+  }), null);
+};
+ut.displayName = "PushpinFilled";
+ut.inheritAttrs = !1;
+var Yn = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M878.3 392.1L631.9 145.7c-6.5-6.5-15-9.7-23.5-9.7s-17 3.2-23.5 9.7L423.8 306.9c-12.2-1.4-24.5-2-36.8-2-73.2 0-146.4 24.1-206.5 72.3a33.23 33.23 0 00-2.7 49.4l181.7 181.7-215.4 215.2a15.8 15.8 0 00-4.6 9.8l-3.4 37.2c-.9 9.4 6.6 17.4 15.9 17.4.5 0 1 0 1.5-.1l37.2-3.4c3.7-.3 7.2-2 9.8-4.6l215.4-215.4 181.7 181.7c6.5 6.5 15 9.7 23.5 9.7 9.7 0 19.3-4.2 25.9-12.4 56.3-70.3 79.7-158.3 70.2-243.4l161.1-161.1c12.9-12.8 12.9-33.8 0-46.8zM666.2 549.3l-24.5 24.5 3.8 34.4a259.92 259.92 0 01-30.4 153.9L262 408.8c12.9-7.1 26.3-13.1 40.3-17.9 27.2-9.4 55.7-14.1 84.7-14.1 9.6 0 19.3.5 28.9 1.6l34.4 3.8 24.5-24.5L608.5 224 800 415.5 666.2 549.3z" } }] }, name: "pushpin", theme: "outlined" };
+function At(t) {
+  for (var e = 1; e < arguments.length; e++) {
+    var a = arguments[e] != null ? Object(arguments[e]) : {}, i = Object.keys(a);
+    typeof Object.getOwnPropertySymbols == "function" && (i = i.concat(Object.getOwnPropertySymbols(a).filter(function(r) {
+      return Object.getOwnPropertyDescriptor(a, r).enumerable;
+    }))), i.forEach(function(r) {
+      Jn(t, r, a[r]);
+    });
+  }
+  return t;
+}
+function Jn(t, e, a) {
+  return e in t ? Object.defineProperty(t, e, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = a, t;
+}
+var ct = function(e, a) {
+  var i = At({}, e, a.attrs);
+  return o(de, At({}, i, {
+    icon: Yn
+  }), null);
+};
+ct.displayName = "PushpinOutlined";
+ct.inheritAttrs = !1;
+var Kn = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M758.2 839.1C851.8 765.9 912 651.9 912 523.9 912 303 733.5 124.3 512.6 124 291.4 123.7 112 302.8 112 523.9c0 125.2 57.5 236.9 147.6 310.2 3.5 2.8 8.6 2.2 11.4-1.3l39.4-50.5c2.7-3.4 2.1-8.3-1.2-11.1-8.1-6.6-15.9-13.7-23.4-21.2a318.64 318.64 0 01-68.6-101.7C200.4 609 192 567.1 192 523.9s8.4-85.1 25.1-124.5c16.1-38.1 39.2-72.3 68.6-101.7 29.4-29.4 63.6-52.5 101.7-68.6C426.9 212.4 468.8 204 512 204s85.1 8.4 124.5 25.1c38.1 16.1 72.3 39.2 101.7 68.6 29.4 29.4 52.5 63.6 68.6 101.7 16.7 39.4 25.1 81.3 25.1 124.5s-8.4 85.1-25.1 124.5a318.64 318.64 0 01-68.6 101.7c-9.3 9.3-19.1 18-29.3 26L668.2 724a8 8 0 00-14.1 3l-39.6 162.2c-1.2 5 2.6 9.9 7.7 9.9l167 .8c6.7 0 10.5-7.7 6.3-12.9l-37.3-47.9z" } }] }, name: "redo", theme: "outlined" };
+function Lt(t) {
+  for (var e = 1; e < arguments.length; e++) {
+    var a = arguments[e] != null ? Object(arguments[e]) : {}, i = Object.keys(a);
+    typeof Object.getOwnPropertySymbols == "function" && (i = i.concat(Object.getOwnPropertySymbols(a).filter(function(r) {
+      return Object.getOwnPropertyDescriptor(a, r).enumerable;
+    }))), i.forEach(function(r) {
+      Zn(t, r, a[r]);
+    });
+  }
+  return t;
+}
+function Zn(t, e, a) {
+  return e in t ? Object.defineProperty(t, e, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = a, t;
+}
+var dt = function(e, a) {
+  var i = Lt({}, e, a.attrs);
+  return o(de, Lt({}, i, {
+    icon: Kn
+  }), null);
+};
+dt.displayName = "RedoOutlined";
+dt.inheritAttrs = !1;
+var Xn = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M800 64H224c-35.3 0-64 28.7-64 64v768c0 35.3 28.7 64 64 64h576c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64zm-8 824H232V136h560v752zM472 784a40 40 0 1080 0 40 40 0 10-80 0z" } }] }, name: "tablet", theme: "outlined" };
+function Mt(t) {
+  for (var e = 1; e < arguments.length; e++) {
+    var a = arguments[e] != null ? Object(arguments[e]) : {}, i = Object.keys(a);
+    typeof Object.getOwnPropertySymbols == "function" && (i = i.concat(Object.getOwnPropertySymbols(a).filter(function(r) {
+      return Object.getOwnPropertyDescriptor(a, r).enumerable;
+    }))), i.forEach(function(r) {
+      el(t, r, a[r]);
+    });
+  }
+  return t;
+}
+function el(t, e, a) {
+  return e in t ? Object.defineProperty(t, e, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = a, t;
+}
+var pt = function(e, a) {
+  var i = Mt({}, e, a.attrs);
+  return o(de, Mt({}, i, {
+    icon: Xn
+  }), null);
+};
+pt.displayName = "TabletOutlined";
+pt.inheritAttrs = !1;
+var tl = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M511.4 124C290.5 124.3 112 303 112 523.9c0 128 60.2 242 153.8 315.2l-37.5 48c-4.1 5.3-.3 13 6.3 12.9l167-.8c5.2 0 9-4.9 7.7-9.9L369.8 727a8 8 0 00-14.1-3L315 776.1c-10.2-8-20-16.7-29.3-26a318.64 318.64 0 01-68.6-101.7C200.4 609 192 567.1 192 523.9s8.4-85.1 25.1-124.5c16.1-38.1 39.2-72.3 68.6-101.7 29.4-29.4 63.6-52.5 101.7-68.6C426.9 212.4 468.8 204 512 204s85.1 8.4 124.5 25.1c38.1 16.1 72.3 39.2 101.7 68.6 29.4 29.4 52.5 63.6 68.6 101.7 16.7 39.4 25.1 81.3 25.1 124.5s-8.4 85.1-25.1 124.5a318.64 318.64 0 01-68.6 101.7c-7.5 7.5-15.3 14.5-23.4 21.2a7.93 7.93 0 00-1.2 11.1l39.4 50.5c2.8 3.5 7.9 4.1 11.4 1.3C854.5 760.8 912 649.1 912 523.9c0-221.1-179.4-400.2-400.6-399.9z" } }] }, name: "undo", theme: "outlined" };
+function zt(t) {
+  for (var e = 1; e < arguments.length; e++) {
+    var a = arguments[e] != null ? Object(arguments[e]) : {}, i = Object.keys(a);
+    typeof Object.getOwnPropertySymbols == "function" && (i = i.concat(Object.getOwnPropertySymbols(a).filter(function(r) {
+      return Object.getOwnPropertyDescriptor(a, r).enumerable;
+    }))), i.forEach(function(r) {
+      al(t, r, a[r]);
+    });
+  }
+  return t;
+}
+function al(t, e, a) {
+  return e in t ? Object.defineProperty(t, e, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = a, t;
+}
+var ft = function(e, a) {
+  var i = zt({}, e, a.attrs);
+  return o(de, zt({}, i, {
+    icon: tl
+  }), null);
+};
+ft.displayName = "UndoOutlined";
+ft.inheritAttrs = !1;
+const nl = { class: "relative h-full min-h-0 overflow-hidden" }, ll = { class: "absolute top-1 left-1/2 z-100 inline-flex w-max max-w-[calc(100%-2rem)] shrink-0 flex-nowrap items-center whitespace-nowrap overflow-x-auto rounded-xl border border-[var(--colorBorderSecondary)] bg-[color-mix(in_srgb,var(--colorBgElevated)_98%,transparent)] px-4 py-2 shadow-sm -translate-x-1/2" }, rl = { class: "text-xs text-[var(--colorTextSecondary)] select-none" }, ol = /* @__PURE__ */ te({
+  name: "LowcodeDesignerPageWorkspace",
+  __name: "workspace",
+  setup(t) {
+    const e = fe(), a = ha(), i = T(() => (e == null || e.historyRevision, (e == null ? void 0 : e.undoEnabled()) ?? !1)), r = T(() => (e == null || e.historyRevision, (e == null ? void 0 : e.redoEnabled()) ?? !1)), c = N("Pc"), x = {
+      Pc: { maxWidth: "100%", label: "桌面" },
+      Pad: { maxWidth: "768px", label: "平板 768px" },
+      H5: { maxWidth: "375px", label: "手机 375px" }
+    }, f = T(() => x[c.value].label), D = T(() => ({
+      maxWidth: x[c.value].maxWidth
+    }));
+    function $() {
+      e != null && e.page && e.setSelected(e.page);
+    }
+    function h(y) {
+      y.target === y.currentTarget && $();
+    }
+    const m = N(!1), O = N(""), L = () => {
+      e != null && e.page && (O.value = Xa(e.page, "  "), m.value = !0);
+    };
+    return (y, _) => {
+      var U;
+      const C = me, b = he, w = ga, j = un, A = sn, R = De, V = ze;
+      return p(), S(K, null, [
+        s("div", nl, [
+          s("header", ll, [
+            o(R, {
+              size: 8,
+              wrap: !1
+            }, {
+              default: d(() => [
+                o(b, {
+                  title: `撤销 (${v(a)}+Z)`
+                }, {
+                  default: d(() => [
+                    o(C, {
+                      size: "small",
+                      disabled: !i.value,
+                      onClick: _[0] || (_[0] = (G) => {
+                        var Y;
+                        return (Y = v(e)) == null ? void 0 : Y.undo();
+                      })
+                    }, {
+                      default: d(() => [
+                        o(v(ft))
+                      ]),
+                      _: 1
+                    }, 8, ["disabled"])
+                  ]),
+                  _: 1
+                }, 8, ["title"]),
+                o(b, {
+                  title: `重做 (${v(a)}+Shift+Z)`
+                }, {
+                  default: d(() => [
+                    o(C, {
+                      size: "small",
+                      disabled: !r.value,
+                      onClick: _[1] || (_[1] = (G) => {
+                        var Y;
+                        return (Y = v(e)) == null ? void 0 : Y.redo();
+                      })
+                    }, {
+                      default: d(() => [
+                        o(v(dt))
+                      ]),
+                      _: 1
+                    }, 8, ["disabled"])
+                  ]),
+                  _: 1
+                }, 8, ["title"]),
+                o(w, {
+                  type: "vertical",
+                  class: "!h-5 !my-0"
+                }),
+                o(A, {
+                  value: c.value,
+                  "onUpdate:value": _[2] || (_[2] = (G) => c.value = G),
+                  size: "small"
+                }, {
+                  default: d(() => [
+                    o(j, { value: "Pc" }, {
+                      default: d(() => [
+                        o(v(it))
+                      ]),
+                      _: 1
+                    }),
+                    o(j, { value: "Pad" }, {
+                      default: d(() => [
+                        o(v(pt), { rotate: 90 })
+                      ]),
+                      _: 1
+                    }),
+                    o(j, { value: "H5" }, {
+                      default: d(() => [
+                        o(v(cn))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["value"]),
+                s("span", rl, H(f.value), 1),
+                o(w, {
+                  type: "vertical",
+                  class: "!h-5 !my-0"
+                }),
+                o(b, { title: "源码" }, {
+                  default: d(() => [
+                    o(C, {
+                      size: "small",
+                      onClick: _[3] || (_[3] = (G) => L())
+                    }, {
+                      default: d(() => [
+                        o(v(Re))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                o(b, { title: "清空画布" }, {
+                  default: d(() => [
+                    o(C, {
+                      size: "small",
+                      onClick: _[4] || (_[4] = (G) => {
+                        var Y;
+                        return (Y = v(e)) == null ? void 0 : Y.clearWidgetList();
+                      })
+                    }, {
+                      default: d(() => [
+                        o(v(rt))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          s("div", {
+            class: "lowcode-canvas-scroll relative h-full min-h-0 overflow-auto scrollbar bg-transparent p-6 pt-18",
+            onClick: h
+          }, [
+            _[8] || (_[8] = s("div", {
+              class: "lowcode-canvas-chrome-layer pointer-events-none absolute inset-0 z-500 overflow-visible",
+              "aria-hidden": "true"
+            }, null, -1)),
+            s("div", {
+              class: "relative mx-auto h-full shadow-[0_1px_4px_color-mix(in_srgb,var(--colorText)_6%,transparent)] transition-all duration-250",
+              style: Ht(D.value),
+              onClick: _[5] || (_[5] = ue(() => {
+              }, ["stop"]))
+            }, [
+              (U = v(e)) != null && U.page ? (p(), I(xa, {
+                key: 0,
+                designer: v(e),
+                widget: v(e).page
+              }, null, 8, ["designer", "widget"])) : W("", !0)
+            ], 4)
+          ])
+        ]),
+        o(V, {
+          open: m.value,
+          "onUpdate:open": _[7] || (_[7] = (G) => m.value = G),
+          title: "页面源码",
+          footer: null,
+          width: "80vw",
+          centered: "",
+          "destroy-on-close": ""
+        }, {
+          default: d(() => [
+            o(v(tt), {
+              modelValue: O.value,
+              "onUpdate:modelValue": _[6] || (_[6] = (G) => O.value = G),
+              language: "json",
+              "read-only": "",
+              height: 480
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        }, 8, ["open"])
+      ], 64);
+    };
+  }
+}), il = { class: "flex h-full min-h-0 flex-col bg-[var(--colorBgContainer)]" }, sl = { class: "shrink-0 border-b border-[var(--colorSplit)] bg-[linear-gradient(180deg,var(--colorBgContainer)_0%,color-mix(in_srgb,var(--colorBgContainer)_94%,var(--colorPrimary)_6%)_100%)] px-4 py-3" }, ul = { class: "flex items-start gap-3" }, cl = { class: "min-w-0 flex-1" }, dl = { class: "truncate text-sm font-medium text-[var(--colorText)]" }, pl = {
+  key: 0,
+  class: "mt-1.5 flex flex-wrap items-center gap-1"
+}, fl = ["onClick"], ml = {
+  key: 1,
+  class: "max-w-[120px] truncate text-[11px] leading-[1.4] font-medium text-[var(--colorPrimary)]"
+}, vl = { class: "relative min-h-0 flex-1 overflow-y-auto overflow-x-hidden scrollbar" }, gl = {
+  key: 0,
+  class: "pointer-events-none absolute inset-0 z-10 flex items-start justify-center bg-[color-mix(in_srgb,var(--colorBgContainer)_72%,transparent)] pt-16"
+}, xl = {
+  key: "empty",
+  class: "flex-center min-h-[220px] px-6 py-16 text-[var(--colorTextSecondary)]"
+}, We = "size-8 shrink-0 flex-center rounded-lg text-[15px]", jt = "transition-[opacity,transform] duration-[160ms] ease-in-out", Rt = "opacity-0 translate-y-1.5", hl = /* @__PURE__ */ te({
+  name: "LowcodeDesignerWidgetSetterPanel",
+  __name: "panel",
+  setup(t) {
+    const e = fe(), a = Ze();
+    function i(y, _, C) {
+      if (!y) return [];
+      for (const b of y) {
+        if (C.push(b), _(b)) return C;
+        if (b.children) {
+          const w = i(b.children, _, C);
+          if (w.length) return w;
+        }
+        C.pop();
+      }
+      return [];
+    }
+    const r = T(() => (e == null ? void 0 : e.selectedWidget) ?? null), c = T(() => !(e != null && e.page) || !r.value ? [] : i([e.page], (y) => {
+      var _;
+      return y.id === ((_ = r.value) == null ? void 0 : _.id);
+    }, [])), x = T(() => {
+      var y;
+      return ((y = r.value) == null ? void 0 : y.type) === "page";
+    }), f = T(() => {
+      if (!r.value) return "未选择组件";
+      const { type: y } = r.value;
+      return a.getWidgetTypeLabel(y) ?? y ?? "未知组件";
+    }), D = T(() => {
+      if (r.value)
+        return a.getWidgetTypeIcon(r.value.type);
+    }), $ = T(() => !(e != null && e.page) || !r.value || r.value.type === "page" ? !1 : !Ye(e.page, r.value)), h = `${We} bg-[color-mix(in_srgb,var(--colorPrimary)_10%,var(--colorBgContainer))] text-[var(--colorPrimary)] shadow-[inset_0_0_0_1px_color-mix(in_srgb,var(--colorPrimary)_16%,transparent)]`, m = `${We} bg-[color-mix(in_srgb,var(--colorText)_6%,var(--colorBgContainer))] text-[var(--colorTextSecondary)] shadow-[inset_0_0_0_1px_color-mix(in_srgb,var(--colorText)_8%,transparent)]`, O = `${We} bg-[color-mix(in_srgb,var(--colorPrimary)_10%,var(--colorBgContainer))] text-[var(--colorPrimary)] shadow-[inset_0_0_0_1px_color-mix(in_srgb,var(--colorPrimary)_18%,transparent)]`;
+    function L(y) {
+      e == null || e.setSelected(y);
+    }
+    return (y, _) => (p(), S("div", il, [
+      s("header", sl, [
+        s("div", ul, [
+          r.value ? (p(), S("span", {
+            key: 0,
+            class: ce(x.value ? h : m)
+          }, [
+            D.value ? (p(), I(Xe, {
+              key: 0,
+              icon: D.value,
+              class: "text-[15px]"
+            }, null, 8, ["icon"])) : (p(), I(v(Jt), {
+              key: 1,
+              class: "text-[15px]"
+            }))
+          ], 2)) : (p(), S("span", {
+            key: 1,
+            class: ce(O)
+          }, [
+            o(v(ot))
+          ])),
+          s("div", cl, [
+            s("div", dl, H(f.value), 1),
+            c.value.length > 1 ? (p(), S("div", pl, [
+              (p(!0), S(K, null, ne(c.value, (C, b) => (p(), S(K, {
+                key: C.id
+              }, [
+                b < c.value.length - 1 ? (p(), S("button", {
+                  key: 0,
+                  type: "button",
+                  class: "max-w-[88px] cursor-pointer truncate border-none bg-transparent p-0 text-[11px] leading-[1.4] text-[var(--colorTextSecondary)] transition-colors duration-[180ms] ease-in-out hover:text-[var(--colorPrimary)]",
+                  onClick: (w) => L(C)
+                }, H(C.name), 9, fl)) : (p(), S("span", ml, H(C.name), 1)),
+                b < c.value.length - 1 ? (p(), I(v(Qt), {
+                  key: 2,
+                  class: "text-[9px] text-[var(--colorTextQuaternary)]"
+                })) : W("", !0)
+              ], 64))), 128))
+            ])) : W("", !0)
+          ])
+        ])
+      ]),
+      s("div", vl, [
+        o(la, {
+          mode: "out-in",
+          "enter-active-class": jt,
+          "leave-active-class": jt,
+          "enter-from-class": Rt,
+          "leave-to-class": Rt
+        }, {
+          default: d(() => [
+            r.value ? (p(), S("div", {
+              key: r.value.id,
+              class: "relative pt-1 pb-3"
+            }, [
+              (p(), I(Ut("widget-" + r.value.type + "-setter"), { widget: r.value }, ra({ _: 2 }, [
+                x.value && y.$slots["page-setter-options"] ? {
+                  name: "options",
+                  fn: d((C) => [
+                    Bt(y.$slots, "page-setter-options", Ft(Wt(C)))
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1032, ["widget"])),
+              $.value ? (p(), S("div", gl, [..._[0] || (_[0] = [
+                s("span", { class: "rounded-md bg-[var(--colorFillSecondary)] px-3 py-1.5 text-xs text-[var(--colorTextSecondary)] shadow-sm" }, "组件已锁定，不可编辑属性", -1)
+              ])])) : W("", !0)
+            ])) : (p(), S("div", xl, [..._[1] || (_[1] = [
+              s("span", { class: "text-sm" }, "请在页面工作区选中组件", -1)
+            ])]))
+          ]),
+          _: 3
+        })
+      ])
+    ]));
+  }
+}), yl = { class: "flex h-full min-h-0 flex-col select-none" }, _l = { class: "shrink-0 select-text border-b border-[var(--colorSplit)] bg-[var(--colorBgContainer)] px-3 py-2.5" }, bl = { class: "min-h-0 flex-1 overflow-y-auto scrollbar" }, kl = { class: "flex min-w-0 flex-1 items-center justify-between gap-2 pr-1" }, wl = { class: "truncate text-sm font-medium text-[var(--colorText)]" }, Pl = { class: "shrink-0 rounded-full bg-[var(--colorFillSecondary)] px-2 py-0.5 text-[10px] text-[var(--colorTextSecondary)]" }, Ol = ["data-widget-type", "title", "onDblclick"], Sl = { class: "flex-center size-8 rounded-lg bg-[color-mix(in_srgb,var(--colorPrimary)_8%,var(--colorBgContainer))] text-base text-[var(--colorPrimary)]" }, Cl = { class: "w-full truncate px-0.5 text-center text-[11px] leading-tight text-[var(--colorTextSecondary)]" }, Vt = "lowcode-sortable-ghost", $e = "lowcode-palette-sortable-noop", $l = /* @__PURE__ */ te({
+  name: "LowcodeDesignerWidgetLibrary",
+  __name: "widget-library",
+  setup(t) {
+    const e = Ze(), a = N(""), i = T(() => {
+      const y = a.value.trim().toLowerCase();
+      return e.packages.map((_) => ({
+        name: _.name,
+        children: _.children.filter((C) => y ? C.name.toLowerCase().includes(y) || C.type.toLowerCase().includes(y) : !0)
+      })).filter((_) => _.children.length > 0);
+    }), r = T(() => i.value.map((y) => y.name)), c = fe(), x = /* @__PURE__ */ new Map();
+    function f(y) {
+      for (const _ of e.packages) {
+        const C = _.children.find((b) => b.type === y);
+        if (C) return C;
+      }
+    }
+    function D(y) {
+      var _;
+      (_ = x.get(y)) == null || _.destroy(), x.delete(y);
+    }
+    function $(y) {
+      y && (y.querySelectorAll(".lowcode-draggable-item").forEach((_) => _.remove()), y.querySelectorAll(".palette-item").forEach((_) => {
+        _.classList.remove(
+          "sortable-chosen",
+          "sortable-ghost",
+          "sortable-drag",
+          Vt,
+          $e
+        ), _.style.removeProperty("display");
+      }));
+    }
+    function h(y, _) {
+      D(y), _ && x.set(
+        y,
+        ya.create(_, {
+          group: { name: "dragGroup", pull: "clone", put: !1 },
+          sort: !1,
+          draggable: ".palette-item",
+          animation: 150,
+          ghostClass: $e,
+          chosenClass: $e,
+          dragClass: $e,
+          removeCloneOnHide: !0,
+          forceFallback: !0,
+          fallbackOnBody: !0,
+          fallbackTolerance: 8,
+          onStart(C) {
+            const b = C.item;
+            b.classList.remove(Vt, $e);
+            const w = b.dataset.widgetType;
+            if (!w) return;
+            const j = f(w);
+            if (j && c) {
+              const A = c.copyNewWidget(j);
+              c.setPendingPaletteWidget(A), b._underlying_vm_ = A;
+            }
+          },
+          onClone(C) {
+            const b = C.item, w = C.clone;
+            w._underlying_vm_ = b._underlying_vm_;
+          },
+          onEnd(C) {
+            c == null || c.setPendingPaletteWidget(null), c == null || c.setDropHoverEmptyZoneId(null), $(C.from);
+          }
+        })
+      );
+    }
+    function m(y, _) {
+      if (!_) {
+        D(y);
+        return;
+      }
+      h(y, _);
+    }
+    oa(() => {
+      for (const y of [...x.keys()])
+        D(y);
+    });
+    function O() {
+      const y = c == null ? void 0 : c.page, _ = c == null ? void 0 : c.selectedWidget;
+      if (!(!y || !_ || _.id === y.id) && en(y, _, {
+        isContainerType: e.isContainerType,
+        getKeyedSlotConfig: e.getKeyedSlotConfig
+      }))
+        return _;
+    }
+    function L(y) {
+      c == null || c.addWidget(y, O());
+    }
+    return (y, _) => {
+      const C = ve;
+      return p(), S("div", yl, [
+        s("header", _l, [
+          o(C, {
+            value: a.value,
+            "onUpdate:value": _[0] || (_[0] = (b) => a.value = b),
+            "allow-clear": "",
+            placeholder: "搜索组件",
+            size: "small"
+          }, {
+            prefix: d(() => [
+              o(v(dn), { class: "text-[var(--colorTextSecondary)]" })
+            ]),
+            _: 1
+          }, 8, ["value"])
+        ]),
+        s("div", bl, [
+          (p(), I(v(Kt), {
+            key: a.value,
+            ghost: "",
+            "expand-icon-position": "end",
+            "default-active-key": r.value
+          }, {
+            default: d(() => [
+              (p(!0), S(K, null, ne(i.value, (b) => (p(), I(v(Zt), {
+                key: b.name,
+                "panel-key": b.name
+              }, {
+                header: d(() => [
+                  s("div", kl, [
+                    s("span", wl, H(b.name), 1),
+                    s("span", Pl, H(b.children.length), 1)
+                  ])
+                ]),
+                default: d(() => [
+                  s("div", {
+                    ref_for: !0,
+                    ref: (w) => m(b.name, w),
+                    class: "flex flex-wrap gap-2 px-1 pb-2 pt-0.5"
+                  }, [
+                    (p(!0), S(K, null, ne(b.children, (w) => (p(), S("div", {
+                      key: w.type,
+                      class: "palette-item flex w-[calc((100%-16px)/3)] min-h-[72px] cursor-grab flex-col items-center justify-center gap-1.5 rounded-[10px] border border-transparent bg-[var(--colorBgElevated)] px-1 py-2 hover:bg-[color-mix(in_srgb,var(--colorPrimary)_8%,var(--colorBgContainer))] active:cursor-grabbing",
+                      "data-widget-type": w.type,
+                      title: `${w.name} · 双击快速添加`,
+                      onDblclick: (j) => L(w)
+                    }, [
+                      s("div", Sl, [
+                        o(Xe, {
+                          icon: w.icon
+                        }, null, 8, ["icon"])
+                      ]),
+                      s("div", Cl, H(w.name), 1)
+                    ], 40, Ol))), 128))
+                  ], 512)
+                ]),
+                _: 2
+              }, 1032, ["panel-key"]))), 128))
+            ]),
+            _: 1
+          }, 8, ["default-active-key"]))
+        ])
+      ]);
+    };
+  }
+}), Dl = { class: "outline-panel min-h-0 flex-1 overflow-y-auto scrollbar px-2 py-2" }, Tl = ["onDblclick"], El = {
+  key: 0,
+  class: "outline-tree-node-icon"
+}, Il = {
+  key: 2,
+  class: "outline-tree-node-label"
+}, Al = ["title", "disabled", "onClick"], Ll = ["disabled", "onClick"], Ml = /* @__PURE__ */ te({
+  name: "LowcodeDesignerPageOutline",
+  __name: "panel",
+  setup(t) {
+    const e = fe(), a = Ze();
+    function i(n) {
+      var l;
+      return {
+        key: n.id,
+        title: Fe(n),
+        widgetRef: n,
+        children: (l = n.children) == null ? void 0 : l.map(i)
+      };
+    }
+    const r = N(0), c = T(() => (e == null || e.pageTreeRevision, r.value, e != null && e.page ? [i(e.page)] : [])), x = T(() => {
+      var l;
+      const n = (l = e == null ? void 0 : e.selectedWidget) == null ? void 0 : l.id;
+      return n != null ? [n] : [];
+    });
+    function f(n) {
+      if (!n) return;
+      if (n.widgetRef) return n.widgetRef;
+      const l = [n.data, n.dataRef].find(
+        (E) => !!E && typeof E == "object" && "widgetRef" in E && !!E.widgetRef
+      );
+      if (l != null && l.widgetRef) return l.widgetRef;
+      const g = n.dataRef && typeof n.dataRef == "object" && "data" in n.dataRef ? n.dataRef.data : void 0;
+      if (g != null && g.widgetRef) return g.widgetRef;
+      const P = typeof n.key == "number" ? n.key : typeof n.eventKey == "number" ? n.eventKey : Number(n.eventKey ?? n.key);
+      if (Number.isFinite(P) && e)
+        return e.findWidgetById(P) ?? void 0;
+    }
+    function D(n, l) {
+      const g = n.children ?? [], P = g.findIndex((J) => J.id === l);
+      if (P >= 0)
+        return { parent: n, list: g, index: P };
+      function E(J) {
+        const F = J.children;
+        if (!(F != null && F.length)) return null;
+        for (let u = 0; u < F.length; u++) {
+          const k = F[u];
+          if (k.id === l)
+            return { parent: J, list: F, index: u };
+          const M = E(k);
+          if (M) return M;
+        }
+        return null;
+      }
+      for (const J of g) {
+        const F = E(J);
+        if (F) return F;
+      }
+      return null;
+    }
+    function $(n, l) {
+      return n.id === l.id ? !0 : a.widgetCanBeParent(n);
+    }
+    function h(n) {
+      return n.children || (n.children = []), n.children;
+    }
+    function m(n) {
+      const l = String(n.node.pos ?? "").split("-");
+      return n.dropPosition - Number(l[l.length - 1] ?? 0);
+    }
+    function O(n, l, g, P, E) {
+      var k;
+      if (!g)
+        return $(l, n) ? { list: h(l), index: 0 } : null;
+      if ((((k = l.children) == null ? void 0 : k.length) ?? 0) > 0 && E && P === 1)
+        return $(l, n) ? { list: h(l), index: 0 } : null;
+      const F = D(n, l.id);
+      if (!F) return null;
+      const u = P <= 0 ? F.index : F.index + 1;
+      return { list: F.list, index: u };
+    }
+    function L(n) {
+      if (!(e != null && e.page)) return !1;
+      const l = f(n);
+      return !l || l.id === e.page.id ? !1 : Ae(e.page, l);
+    }
+    function y(n, l) {
+      const g = n.page, P = f(l.dragNode), E = f(l.dropNode);
+      return !P || !E || P.id === g.id || !Ae(g, P) || n.widgetTreeContains(P, E.id) ? !1 : l.dropPosition === 0 ? $(E, g) ? Ae(g, E) : !1 : !0;
+    }
+    function _(n, l) {
+      const g = n.page, P = f(l.dragNode), E = f(l.node);
+      if (!P || !E || P.id === g.id || n.widgetTreeContains(P, E.id)) return;
+      const J = m(l), F = l.dropToGap ?? J !== 0, u = O(g, E, F, J, !!l.node.expanded);
+      u && (n.beginPageHistoryWatchSuspend(), n.moveWidgetToList(P, u.list, u.index), n.endPageHistoryWatchSuspend(), n.recordHistoryNow(), n.setSelected(P));
+    }
+    function C(n, l) {
+      if (!l.selected) return;
+      const g = f(l.node);
+      g && (e == null || e.setSelected(g));
+    }
+    function b(n) {
+      return e ? y(e, n) : !1;
+    }
+    function w(n) {
+      e && _(e, n);
+    }
+    function j(n) {
+      const l = f(n);
+      if (l)
+        return a.getWidgetTypeIcon(l.type);
+    }
+    function A(n) {
+      if (typeof n.title == "string" && n.title) return n.title;
+      const l = f(n);
+      return l ? Fe(l) : "";
+    }
+    function R(n) {
+      if (!(e != null && e.page) || n.id === e.page.id) return;
+      const l = D(e.page, n.id);
+      if (!l) return;
+      const { parent: g } = l, P = a.getKeyedSlotConfig(g.type);
+      if (P != null && P.isContainer(g) && P.isChild(n)) {
+        e.removeKeyedSlotChild(g, n, P), r.value++;
+        return;
+      }
+      e.removeWidget(n, g);
+    }
+    function V(n, l) {
+      if (q(n)) return;
+      const g = f(n);
+      !g || !(e != null && e.page) || !Ye(e.page, g) || (l.preventDefault(), l.stopPropagation(), ee(g));
+    }
+    function U(n, l) {
+      l.preventDefault(), l.stopPropagation();
+      const g = f(n);
+      !g || !G(g) || (Y.value === g.id && Z(), R(g));
+    }
+    function G(n) {
+      if (!n || !(e != null && e.page) || n.id === e.page.id || !Ae(e.page, n)) return !1;
+      const l = D(e.page, n.id);
+      if (!l) return !1;
+      const g = a.getKeyedSlotConfig(l.parent.type);
+      return g != null && g.isContainer(l.parent) && g.isChild(n) ? g.getChildren(l.parent).length > 1 : !0;
+    }
+    const Y = N(null), le = N(""), ae = N(null);
+    function q(n) {
+      const l = f(n);
+      return l != null && l.id === Y.value;
+    }
+    function ee(n) {
+      e == null || e.setSelected(n), Y.value = n.id, le.value = Fe(n), Gt(() => {
+        var l, g, P;
+        (l = ae.value) == null || l.focus(), (P = (g = ae.value) == null ? void 0 : g.select) == null || P.call(g);
+      });
+    }
+    function Z() {
+      Y.value = null, le.value = "";
+    }
+    function ie(n) {
+      if (n.key === "Enter") {
+        n.preventDefault(), B();
+        return;
+      }
+      n.key === "Escape" && (n.preventDefault(), Z());
+    }
+    function B() {
+      const n = Y.value;
+      if (n == null || !e) {
+        Z();
+        return;
+      }
+      const l = e.findWidgetById(n);
+      if (!l) {
+        Z();
+        return;
+      }
+      if (!Ye(e.page, l)) {
+        Z();
+        return;
+      }
+      const g = le.value.trim(), P = typeof l.title == "string" ? l.title.trim() : "";
+      g !== P && (l.title = g, r.value++, e.recordHistoryNow()), Z();
+    }
+    function pe(n) {
+      return !n || !(e != null && e.page) ? !1 : tn(e.page, n);
+    }
+    function Pe(n, l) {
+      l.preventDefault(), l.stopPropagation();
+      const g = f(n);
+      !g || !pe(g) || (e == null || e.toggleWidgetLock(g), r.value++);
+    }
+    function Oe(n) {
+      const l = f(n);
+      return !l || !(e != null && e.page) ? !1 : an(e.page, l);
+    }
+    function _e(n) {
+      var g;
+      const l = f(n);
+      return l != null && l.id === ((g = e == null ? void 0 : e.selectedWidget) == null ? void 0 : g.id);
+    }
+    const Se = { showLeafIcon: !1 };
+    return (n, l) => {
+      const g = ve, P = pn;
+      return p(), S("div", Dl, [
+        o(P, {
+          class: "outline-tree",
+          "tree-data": c.value,
+          "selected-keys": x.value,
+          "show-line": Se,
+          "default-expand-all": "",
+          "block-node": "",
+          draggable: L,
+          "field-names": { children: "children", title: "title", key: "key" },
+          "allow-drop": b,
+          onSelect: C,
+          onDrop: w
+        }, {
+          switcherIcon: d(({ expanded: E, isLeaf: J }) => [
+            J ? W("", !0) : (p(), I(v(Qt), {
+              key: 0,
+              class: ce(["outline-tree-switcher", { "outline-tree-switcher--expanded": E }])
+            }, null, 8, ["class"]))
+          ]),
+          title: d((E) => {
+            var J;
+            return [
+              s("span", {
+                class: ce(["outline-tree-node group flex min-w-0 flex-1 items-center gap-1.5", { "outline-tree-node--selected": _e(E) }]),
+                onDblclick: (F) => V(E, F)
+              }, [
+                j(E) ? (p(), S("span", El, [
+                  o(Xe, {
+                    icon: j(E),
+                    class: "text-[var(--colorTextSecondary)]"
+                  }, null, 8, ["icon"])
+                ])) : W("", !0),
+                q(E) ? (p(), I(g, {
+                  key: 1,
+                  ref_key: "renameInputRef",
+                  ref: ae,
+                  value: le.value,
+                  "onUpdate:value": l[0] || (l[0] = (F) => le.value = F),
+                  size: "small",
+                  class: "outline-rename-input min-w-0 flex-1",
+                  placeholder: "组件名称",
+                  onClick: l[1] || (l[1] = ue(() => {
+                  }, ["stop"])),
+                  onMousedown: l[2] || (l[2] = ue(() => {
+                  }, ["stop"])),
+                  onKeydown: ie,
+                  onBlur: B
+                }, null, 8, ["value"])) : (p(), S("span", Il, H(A(E)), 1)),
+                q(E) ? W("", !0) : (p(), S("span", {
+                  key: 3,
+                  class: ce(["outline-tree-node-actions ml-auto flex shrink-0 items-center gap-0.5", _e(E) ? "opacity-100" : "opacity-0 group-hover:opacity-100"])
+                }, [
+                  ((J = f(E)) == null ? void 0 : J.type) !== "page" ? (p(), S("button", {
+                    key: 0,
+                    type: "button",
+                    class: ce(["outline-tree-action-btn", Oe(E) && "outline-tree-action-btn--active"]),
+                    title: v(Pt)(f(E)) ? "解锁" : "锁定",
+                    disabled: !pe(f(E)),
+                    onClick: (F) => Pe(E, F),
+                    onMousedown: l[3] || (l[3] = ue(() => {
+                    }, ["stop"]))
+                  }, [
+                    v(Pt)(f(E)) ? (p(), I(v(_a), { key: 0 })) : (p(), I(v(ba), { key: 1 }))
+                  ], 42, Al)) : W("", !0),
+                  s("button", {
+                    type: "button",
+                    class: "outline-tree-action-btn outline-tree-action-btn--danger",
+                    title: "删除",
+                    disabled: !G(f(E)),
+                    onClick: (F) => U(E, F),
+                    onMousedown: l[4] || (l[4] = ue(() => {
+                    }, ["stop"]))
+                  }, [
+                    o(v(we))
+                  ], 40, Ll)
+                ], 2))
+              ], 42, Tl)
+            ];
+          }),
+          _: 1
+        }, 8, ["tree-data", "selected-keys"])
+      ]);
+    };
+  }
+}), zl = /* @__PURE__ */ ka(Ml, [["__scopeId", "data-v-04629d9d"]]), jl = { class: "flex flex-col gap-2 p-3" }, Rl = { class: "min-w-0 flex-1" }, Vl = { class: "flex flex-wrap items-center gap-1.5 text-sm leading-tight" }, Nl = { class: "truncate font-mono" }, Hl = { class: "truncate font-mono text-[11px] text-[var(--colorTextQuaternary)]" }, Ul = { class: "flex shrink-0 items-center" }, Bl = { class: "flex items-center justify-between gap-3" }, Fl = { class: "min-w-0 truncate font-mono" }, Wl = { class: "m-0 max-h-60 max-w-80 overflow-auto whitespace-pre-wrap break-all font-mono text-[11px] leading-relaxed" }, Gl = /* @__PURE__ */ te({
+  name: "PageDataEditor",
+  __name: "data-editor",
+  props: {
+    modelValue: { default: () => [] }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: e }) {
+    function a(n) {
+      const l = Ne(n.value);
+      return {
+        name: n.name,
+        type: l,
+        valueDraft: Sa(l, n.value)
+      };
+    }
+    function i(n, l) {
+      const g = kt(l.type, l.valueDraft);
+      return g.ok ? {
+        key: n,
+        name: l.name.trim(),
+        value: g.value
+      } : null;
+    }
+    const r = t, c = e, x = qt(et, null), f = T({
+      get: () => Array.isArray(r.modelValue) ? r.modelValue : [],
+      set: (n) => c("update:modelValue", wa(n))
+    }), D = N(!1), $ = N(null), h = N(!1), m = N(null), O = T(() => {
+      if (h.value) return "添加数据字段";
+      const n = m.value;
+      return n != null && n.name.trim() ? `编辑字段：${n.name.trim()}` : "编辑数据字段";
+    });
+    function L(n) {
+      f.value = f.value.filter((l) => l.key !== n);
+    }
+    function y() {
+      h.value = !0, $.value = null, m.value = {
+        name: "",
+        type: "string",
+        valueDraft: ""
+      }, D.value = !0;
+    }
+    function _(n) {
+      const l = f.value.find((g) => g.key === n.key);
+      l && (h.value = !1, $.value = l.key, m.value = a(l), D.value = !0);
+    }
+    function C(n, l) {
+      const g = n.name.trim();
+      if (!g)
+        return "请填写字段名";
+      if (!_t(g))
+        return "字段名格式无效";
+      if (Ca(f.value, g, l ?? void 0))
+        return "字段名已被使用";
+      const P = kt(n.type, n.valueDraft);
+      return P.ok ? null : P.error;
+    }
+    function b() {
+      if (!m.value || C(m.value, $.value)) return null;
+      if (h.value) {
+        const P = i(0, m.value);
+        return P ? (f.value = [...f.value, P], w(), P) : null;
+      }
+      const l = $.value;
+      if (l === null) return null;
+      const g = i(l, m.value);
+      return g ? (f.value = f.value.map((P) => P.key === l ? g : P), w(), g) : null;
+    }
+    function w() {
+      D.value = !1, $.value = null, h.value = !1, m.value = null;
+    }
+    function j(n) {
+      return n.name.trim() || "未命名字段";
+    }
+    function A(n) {
+      if (m.value) {
+        if (m.value.type = n, n === "null") {
+          m.value.valueDraft = "null";
+          return;
+        }
+        if (n === "boolean") {
+          m.value.valueDraft = "false";
+          return;
+        }
+        if (n === "number") {
+          m.value.valueDraft = "0";
+          return;
+        }
+        if (n === "array") {
+          m.value.valueDraft = "[]";
+          return;
+        }
+        if (n === "object") {
+          m.value.valueDraft = "{}";
+          return;
+        }
+        m.value.valueDraft = "";
+      }
+    }
+    function R(n) {
+      try {
+        return JSON.stringify(n, null, 2);
+      } catch {
+        return String(n);
+      }
+    }
+    function V(n) {
+      const l = n.trim();
+      if (!l) return;
+      G.value[l], U.value;
+      const g = x == null ? void 0 : x.pageData;
+      if (g)
+        try {
+          const P = vt(g);
+          return Object.prototype.hasOwnProperty.call(P, l) ? P[l] : void 0;
+        } catch {
+          return;
+        }
+    }
+    const U = N(0), G = N({}), Y = T(() => {
+      var l;
+      const n = (l = m.value) == null ? void 0 : l.name.trim();
+      return n ? !_t(n) : !1;
+    }), le = T(() => {
+      var l;
+      const n = (l = m.value) == null ? void 0 : l.type;
+      return n === "string" || n === "number";
+    }), ae = T(() => {
+      var n;
+      return ((n = m.value) == null ? void 0 : n.type) === "boolean";
+    }), q = T(() => {
+      U.value;
+      const n = x == null ? void 0 : x.pageData;
+      if (!n) return {};
+      try {
+        return { ...vt(n) };
+      } catch {
+        return {};
+      }
+    }), ee = T(() => {
+      const n = [], l = /* @__PURE__ */ new Set();
+      for (const g of f.value) {
+        const P = g.name.trim();
+        P && l.add(P);
+        const E = P ? V(P) : void 0, J = E !== void 0 ? E : g.value;
+        n.push({
+          id: `field-${g.key}`,
+          kind: "field",
+          name: j(g),
+          typeLabel: Ne(J),
+          summary: bt(J),
+          jsonText: R(J),
+          item: g
+        });
+      }
+      for (const [g, P] of Object.entries(q.value))
+        l.has(g) || n.push({
+          id: `runtime-${g}`,
+          kind: "runtime",
+          name: g,
+          typeLabel: Ne(P),
+          summary: bt(P),
+          jsonText: R(P)
+        });
+      return n;
+    });
+    function Z(n) {
+      const l = n.trim();
+      l && (G.value = {
+        ...G.value,
+        [l]: (G.value[l] ?? 0) + 1
+      });
+    }
+    function ie(n, l) {
+      l && Z(n);
+    }
+    function B(n) {
+      return (l) => ie(n, l);
+    }
+    async function pe(n) {
+      if (n)
+        try {
+          await navigator.clipboard.writeText(n), oe.success("已复制");
+        } catch {
+          oe.error("复制失败");
+        }
+    }
+    xe(
+      () => x == null ? void 0 : x.pageData,
+      () => {
+        U.value++;
+      },
+      { deep: !0 }
+    );
+    function Pe() {
+      if (!m.value) return Promise.reject();
+      const n = C(m.value, $.value);
+      if (n)
+        return oe.warning(n), Promise.reject();
+      if (!b())
+        return oe.warning("保存失败，请重试"), Promise.reject();
+    }
+    function Oe(n) {
+      m.value && (m.value.valueDraft = String(n ?? 0));
+    }
+    function _e(n) {
+      m.value && (m.value.valueDraft = n === !0 || n === "true" ? "true" : "false");
+    }
+    function Se() {
+      w();
+    }
+    return (n, l) => {
+      const g = fn, P = me, E = he, J = mn, F = Yt, u = ve, k = ye, M = ta, X = vn, se = gn, re = je, na = ze;
+      return p(), S(K, null, [
+        s("div", jl, [
+          (p(!0), S(K, null, ne(ee.value, (Q) => (p(), S("div", {
+            key: Q.id,
+            class: ce(["flex items-center", { "opacity-70": Q.kind === "runtime" }])
+          }, [
+            s("div", Rl, [
+              s("div", Vl, [
+                s("span", {
+                  class: ce(["inline-flex shrink-0 items-center justify-center rounded-sm p-0.5 text-[10px] leading-none", Q.kind === "field" ? "text-[var(--colorPrimary)] bg-[color-mix(in_srgb,var(--colorPrimary)_12%,transparent)]" : "text-[var(--colorTextTertiary)] bg-[color-mix(in_srgb,var(--colorText)_8%,transparent)]"])
+                }, [
+                  o(v(Xt))
+                ], 2),
+                s("span", Nl, H(Q.name), 1),
+                o(g, {
+                  bordered: !1,
+                  class: "mr-0 px-1 py-0 text-[10px] leading-4"
+                }, {
+                  default: d(() => [
+                    z(H(Q.typeLabel), 1)
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              s("div", Hl, H(Q.summary), 1)
+            ]),
+            s("div", Ul, [
+              Q.jsonText ? (p(), I(J, {
+                key: 0,
+                trigger: "click",
+                onOpenChange: (Ve) => B(Q.name)
+              }, {
+                title: d(() => [
+                  s("div", Bl, [
+                    s("span", Fl, H(Q.name), 1),
+                    o(P, {
+                      type: "link",
+                      size: "small",
+                      class: "h-auto shrink-0 px-0 text-xs",
+                      onClick: ue((Ve) => pe(Q.jsonText), ["stop"])
+                    }, {
+                      default: d(() => [
+                        o(v(Pa)),
+                        l[5] || (l[5] = z(" 复制 ", -1))
+                      ]),
+                      _: 1
+                    }, 8, ["onClick"])
+                  ])
+                ]),
+                content: d(() => [
+                  s("pre", Wl, H(Q.jsonText), 1)
+                ]),
+                default: d(() => [
+                  o(E, { title: "快照" }, {
+                    default: d(() => [
+                      o(P, {
+                        type: "text",
+                        size: "small",
+                        class: "shrink-0 px-1"
+                      }, {
+                        default: d(() => [
+                          o(v(Re))
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 2
+              }, 1032, ["onOpenChange"])) : W("", !0),
+              Q.kind === "field" && Q.item ? (p(), S(K, { key: 1 }, [
+                o(E, { title: "编辑" }, {
+                  default: d(() => [
+                    o(P, {
+                      type: "text",
+                      size: "small",
+                      onClick: ue((Ve) => _(Q.item), ["stop"])
+                    }, {
+                      default: d(() => [
+                        o(v(ea))
+                      ]),
+                      _: 1
+                    }, 8, ["onClick"])
+                  ]),
+                  _: 2
+                }, 1024),
+                o(E, { title: "删除" }, {
+                  default: d(() => [
+                    o(P, {
+                      type: "text",
+                      size: "small",
+                      danger: "",
+                      onClick: ue((Ve) => L(Q.item.key), ["stop"])
+                    }, {
+                      default: d(() => [
+                        o(v(we))
+                      ]),
+                      _: 1
+                    }, 8, ["onClick"])
+                  ]),
+                  _: 2
+                }, 1024)
+              ], 64)) : W("", !0)
+            ])
+          ], 2))), 128)),
+          ee.value.length === 0 ? (p(), I(F, {
+            key: 0,
+            description: "暂无数据字段"
+          })) : W("", !0),
+          o(P, {
+            type: "dashed",
+            size: "small",
+            block: "",
+            onClick: y
+          }, {
+            default: d(() => [...l[6] || (l[6] = [
+              z("添加字段", -1)
+            ])]),
+            _: 1
+          })
+        ]),
+        o(na, {
+          open: D.value,
+          "onUpdate:open": l[4] || (l[4] = (Q) => D.value = Q),
+          title: O.value,
+          "ok-text": "确定",
+          "cancel-text": "取消",
+          width: "520px",
+          "destroy-on-close": "",
+          onOk: Pe,
+          onCancel: Se
+        }, {
+          default: d(() => [
+            m.value ? (p(), I(re, {
+              key: 0,
+              layout: "vertical"
+            }, {
+              default: d(() => [
+                o(k, {
+                  label: "字段名",
+                  "validate-status": Y.value ? "error" : void 0
+                }, {
+                  default: d(() => [
+                    o(u, {
+                      value: m.value.name,
+                      "onUpdate:value": l[0] || (l[0] = (Q) => m.value.name = Q),
+                      placeholder: "如：count"
+                    }, null, 8, ["value"])
+                  ]),
+                  _: 1
+                }, 8, ["validate-status"]),
+                o(k, { label: "类型" }, {
+                  default: d(() => [
+                    o(M, {
+                      value: m.value.type,
+                      "onUpdate:value": [
+                        l[1] || (l[1] = (Q) => m.value.type = Q),
+                        A
+                      ],
+                      options: v(Oa)
+                    }, null, 8, ["value", "options"])
+                  ]),
+                  _: 1
+                }),
+                m.value.type === "null" ? (p(), I(k, {
+                  key: 0,
+                  label: "值"
+                }, {
+                  default: d(() => [
+                    o(u, {
+                      value: "null",
+                      disabled: ""
+                    })
+                  ]),
+                  _: 1
+                })) : le.value ? (p(), I(k, {
+                  key: 1,
+                  label: "值"
+                }, {
+                  default: d(() => [
+                    m.value.type === "number" ? (p(), I(X, {
+                      key: 0,
+                      value: Number(m.value.valueDraft),
+                      "onUpdate:value": Oe
+                    }, null, 8, ["value"])) : (p(), I(u, {
+                      key: 1,
+                      value: m.value.valueDraft,
+                      "onUpdate:value": l[2] || (l[2] = (Q) => m.value.valueDraft = Q),
+                      placeholder: "字符串值"
+                    }, null, 8, ["value"]))
+                  ]),
+                  _: 1
+                })) : ae.value ? (p(), I(k, {
+                  key: 2,
+                  label: "值"
+                }, {
+                  default: d(() => [
+                    o(se, {
+                      checked: m.value.valueDraft === "true",
+                      "checked-children": "true",
+                      "un-checked-children": "false",
+                      onChange: _e
+                    }, null, 8, ["checked"])
+                  ]),
+                  _: 1
+                })) : (p(), I(k, {
+                  key: 3,
+                  label: "值（JSON）"
+                }, {
+                  default: d(() => [
+                    o(v(tt), {
+                      modelValue: m.value.valueDraft,
+                      "onUpdate:modelValue": l[3] || (l[3] = (Q) => m.value.valueDraft = Q),
+                      language: "json",
+                      placeholder: m.value.type === "array" ? "[]" : "{}",
+                      height: 180
+                    }, null, 8, ["modelValue", "placeholder"])
+                  ]),
+                  _: 1
+                }))
+              ]),
+              _: 1
+            })) : W("", !0)
+          ]),
+          _: 1
+        }, 8, ["open", "title"])
+      ], 64);
+    };
+  }
+}), ql = [
+  {
+    key: "pageData",
+    label: "页面数据字段",
+    hint: "在「数据」区定义静态字段，运行时合并为 context.data；字段名须为合法标识符（如 count、pageIndex）",
+    example: `// 定义字段：count = 0，pageIndex = 1
+// 在函数 / 生命周期中读写（须为 () => { ... } 写法）：
+() => {
+  context.data.count = (context.data.count ?? 0) + 1
+  context.data.pageIndex = 2
+}`,
+    paramHint: "列表中的「快照」展示当前运行时值；函数写入后也会出现在此处"
+  },
+  {
+    key: "widgetBinding",
+    label: "组件属性绑定",
+    hint: "在右侧属性面板中，可将组件选项绑定到页面数据字段，或调用页面自定义方法",
+    example: `// 文本内容绑定 count
+{{ count }}
+
+// 嵌套字段
+{{ productList.title }}
+
+// 调用页面方法（参数可为 data / item 字段或字面量）
+{{ fmDate(time) }}
+{{ formatPrice(item.price) }}`,
+    paramHint: "语法：{{ 字段名 }} 或 {{ 方法名(参数) }}；列表项内可用 item.xxx、index；方法须同步返回值"
+  },
+  {
+    key: "fetchMethod",
+    label: "在函数中请求接口",
+    hint: "HTTP 请求在「函数」面板以 async 方法实现，结果写入 context.data",
+    example: `// loadProductList(pageIndex?, keyword?)
+async (pageIndex, keyword) => {
+  context.data.loading = true
+  try {
+    const qs = new URLSearchParams({
+      pageIndex: String(pageIndex ?? context.data.pageIndex ?? 1),
+      keyword: keyword ?? context.data.keyword ?? ''
+    })
+    const res = await fetch('/api/products?' + qs)
+    const result = await res.json()
+    context.data.productList = result.data?.items ?? []
+  } finally {
+    context.data.loading = false
+  }
+}`,
+    paramHint: "在生命周期 mounted 或事件中：await context.methods.loadProductList()"
+  }
+], Ql = { class: "min-h-0 flex-1 overflow-y-auto scrollbar" }, Yl = { class: "mt-3 p-3 border-t border-[color-mix(in_srgb,var(--colorText)_8%,transparent)] pt-3" }, Jl = { class: "mb-2.5 flex items-center gap-1.5" }, Kl = { class: "flex flex-col gap-2.5" }, Zl = { class: "text-xs font-medium leading-tight" }, Xl = { class: "mt-0.5 text-[11px] leading-snug text-[var(--colorTextQuaternary)]" }, er = { class: "mt-1.5 overflow-x-auto rounded-sm bg-[color-mix(in_srgb,var(--colorText)_4%,var(--colorBgContainer))] px-2 py-1.5 font-mono text-[10px] leading-[1.45] text-[var(--colorTextSecondary)] scrollbar" }, tr = {
+  key: 0,
+  class: "mt-1 text-[10px] leading-snug text-[var(--colorTextQuaternary)]"
+}, ar = /* @__PURE__ */ te({
+  name: "LowcodeDesignerDataSourcePanel",
+  __name: "panel",
+  setup(t) {
+    const e = fe(), a = T(() => e == null ? void 0 : e.page), i = T({
+      get: () => {
+        var r;
+        return ((r = a.value) == null ? void 0 : r.data) ?? [];
+      },
+      set: (r) => {
+        a.value && (a.value.data = r);
+      }
+    });
+    return (r, c) => (p(), S("div", Ql, [
+      o(Gl, {
+        modelValue: i.value,
+        "onUpdate:modelValue": c[0] || (c[0] = (x) => i.value = x)
+      }, null, 8, ["modelValue"]),
+      s("section", Yl, [
+        s("div", Jl, [
+          o(v(at), { class: "text-xs text-[var(--colorTextQuaternary)]" }),
+          c[1] || (c[1] = s("span", { class: "text-xs font-medium text-[var(--colorTextSecondary)]" }, "帮助", -1))
+        ]),
+        s("div", Kl, [
+          (p(!0), S(K, null, ne(v(ql), (x) => (p(), S("div", {
+            key: x.key,
+            class: "rounded-sm border border-[color-mix(in_srgb,var(--colorText)_8%,transparent)] p-1"
+          }, [
+            s("div", Zl, H(x.label), 1),
+            s("div", Xl, H(x.hint), 1),
+            s("pre", er, H(x.example), 1),
+            x.paramHint ? (p(), S("div", tr, H(x.paramHint), 1)) : W("", !0)
+          ]))), 128)),
+          c[2] || (c[2] = ia('<div class="text-[11px] leading-snug text-[var(--colorTextQuaternary)]"> 页面数据统一挂载在 <span class="font-mono">context.data</span>；HTTP 请求请在「函数」面板编写 async 方法，通过 <span class="font-mono">context.methods.xxx(...)</span> 或生命周期调用；组件属性支持 <span class="font-mono">{{ 字段名 }}</span> 或 <span class="font-mono">{{ 方法名(参数) }}</span> 绑定。 </div>', 1))
+        ])
+      ])
+    ]));
+  }
+}), nr = { class: "flex flex-col gap-1.5" }, lr = {
+  key: 0,
+  class: "text-[11px] text-[var(--colorTextQuaternary)]"
+}, rr = /* @__PURE__ */ te({
+  name: "ApiMethodParamsList",
+  __name: "api-method-params-list",
+  props: /* @__PURE__ */ ge({
+    invalid: { type: Boolean }
+  }, {
+    entries: { required: !0, default: () => [] },
+    entriesModifiers: {}
+  }),
+  emits: ["update:entries"],
+  setup(t) {
+    const e = ke(t, "entries");
+    function a() {
+      e.value = [...e.value ?? [], xn()];
+    }
+    function i(r) {
+      e.value = (e.value ?? []).filter((c) => c.id !== r);
+    }
+    return (r, c) => {
+      const x = ve, f = me, D = he, $ = ye;
+      return p(), I($, {
+        class: "mb-2",
+        "validate-status": t.invalid ? "error" : void 0
+      }, {
+        label: d(() => [...c[0] || (c[0] = [
+          s("span", null, "函数参数", -1)
+        ])]),
+        default: d(() => {
+          var h;
+          return [
+            s("div", nr, [
+              (h = e.value) != null && h.length ? W("", !0) : (p(), S("div", lr, "暂无参数，调用时可不传参")),
+              (p(!0), S(K, null, ne(e.value ?? [], (m) => (p(), S("div", {
+                key: m.id,
+                class: "flex items-center gap-1.5"
+              }, [
+                o(x, {
+                  value: m.name,
+                  "onUpdate:value": (O) => m.name = O,
+                  class: "min-w-0 flex-1",
+                  placeholder: "参数名，如 pageIndex",
+                  "allow-clear": ""
+                }, null, 8, ["value", "onUpdate:value"]),
+                o(D, { title: "删除" }, {
+                  default: d(() => [
+                    o(f, {
+                      type: "text",
+                      size: "small",
+                      danger: "",
+                      class: "shrink-0 px-1",
+                      onClick: (O) => i(m.id)
+                    }, {
+                      default: d(() => [
+                        o(v(we))
+                      ]),
+                      _: 1
+                    }, 8, ["onClick"])
+                  ]),
+                  _: 2
+                }, 1024)
+              ]))), 128)),
+              o(f, {
+                type: "dashed",
+                size: "small",
+                block: "",
+                onClick: a
+              }, {
+                icon: d(() => [
+                  o(v(nt))
+                ]),
+                default: d(() => [
+                  c[1] || (c[1] = z(" 添加参数 ", -1))
+                ]),
+                _: 1
+              }),
+              c[2] || (c[2] = s("div", { class: "text-[11px] leading-snug text-[var(--colorTextQuaternary)]" }, [
+                z(" 对应调用时的形参，如 "),
+                s("span", { class: "font-mono" }, "context.methods.loadList(pageIndex, keyword)"),
+                z("。 ")
+              ], -1))
+            ])
+          ];
+        }),
+        _: 1
+      }, 8, ["validate-status"]);
+    };
+  }
+}), or = { class: "font-mono text-xs" }, ir = { class: "font-mono text-xs" }, Ke = /* @__PURE__ */ te({
+  __name: "api-param-bind-button",
+  props: {
+    dataFields: { default: () => [] },
+    methodParams: { default: () => [] },
+    bindAsExpression: { type: Boolean, default: !1 }
+  },
+  emits: ["select"],
+  setup(t, { emit: e }) {
+    const a = t, i = e, r = T(() => a.methodParams.length > 0 || a.dataFields.length > 0);
+    function c(x) {
+      i("select", a.bindAsExpression ? `{{${x}}}` : x);
+    }
+    return (x, f) => {
+      const D = me, $ = he, h = Ea, m = Ta, O = Da, L = $a;
+      return r.value ? (p(), I(L, {
+        key: 0,
+        trigger: ["click"]
+      }, {
+        overlay: d(() => [
+          o(O, { class: "max-h-60 overflow-y-auto" }, {
+            default: d(() => [
+              t.methodParams.length ? (p(), I(m, {
+                key: 0,
+                title: "函数入参"
+              }, {
+                default: d(() => [
+                  (p(!0), S(K, null, ne(t.methodParams, (y) => (p(), I(h, {
+                    key: `param-${y}`,
+                    onClick: (_) => c(y)
+                  }, {
+                    default: d(() => [
+                      s("span", or, H(y), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick"]))), 128))
+                ]),
+                _: 1
+              })) : W("", !0),
+              t.dataFields.length ? (p(), I(m, {
+                key: 1,
+                title: "页面数据"
+              }, {
+                default: d(() => [
+                  (p(!0), S(K, null, ne(t.dataFields, (y) => (p(), I(h, {
+                    key: `field-${y}`,
+                    onClick: (_) => c(y)
+                  }, {
+                    default: d(() => [
+                      s("span", ir, H(y), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick"]))), 128))
+                ]),
+                _: 1
+              })) : W("", !0)
+            ]),
+            _: 1
+          })
+        ]),
+        default: d(() => [
+          o($, { title: "绑定入参或页面数据" }, {
+            default: d(() => [
+              o(D, {
+                type: "text",
+                size: "small",
+                class: "shrink-0 px-1"
+              }, {
+                default: d(() => [...f[0] || (f[0] = [
+                  s("span", { class: "inline-flex items-center justify-center rounded-sm px-0.5 text-[9px] font-serif italic leading-none text-[var(--colorPrimary)] bg-[color-mix(in_srgb,var(--colorPrimary)_12%,transparent)]" }, "fx", -1)
+                ])]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      })) : W("", !0);
+    };
+  }
+}), sr = { class: "flex flex-col gap-1.5" }, ur = {
+  key: 0,
+  class: "text-[11px] text-[var(--colorTextQuaternary)]"
+}, Ge = /* @__PURE__ */ te({
+  name: "ApiParamListEditor",
+  __name: "api-param-list",
+  props: /* @__PURE__ */ ge({
+    label: {},
+    dataFields: { default: () => [] },
+    methodParams: { default: () => [] }
+  }, {
+    entries: { required: !0, default: () => [] },
+    entriesModifiers: {}
+  }),
+  emits: ["update:entries"],
+  setup(t) {
+    const e = ke(t, "entries");
+    function a() {
+      e.value = [...e.value ?? [], Ia()];
+    }
+    function i(r) {
+      e.value = e.value.filter((c) => c.id !== r);
+    }
+    return (r, c) => {
+      const x = ve, f = me, D = he, $ = ye;
+      return p(), I($, { class: "mb-2" }, {
+        label: d(() => [
+          s("span", null, H(t.label), 1)
+        ]),
+        default: d(() => {
+          var h;
+          return [
+            s("div", sr, [
+              (h = e.value) != null && h.length ? W("", !0) : (p(), S("div", ur, "暂无参数")),
+              (p(!0), S(K, null, ne(e.value ?? [], (m) => (p(), S("div", {
+                key: m.id,
+                class: "flex items-center gap-1.5"
+              }, [
+                o(x, {
+                  value: m.key,
+                  "onUpdate:value": (O) => m.key = O,
+                  class: "min-w-0 flex-[2]",
+                  placeholder: "Key",
+                  "allow-clear": ""
+                }, null, 8, ["value", "onUpdate:value"]),
+                o(x, {
+                  value: m.value,
+                  "onUpdate:value": (O) => m.value = O,
+                  class: "min-w-0 flex-[3]",
+                  placeholder: "值或 {{入参/字段}}",
+                  "allow-clear": ""
+                }, null, 8, ["value", "onUpdate:value"]),
+                o(Ke, {
+                  "data-fields": t.dataFields,
+                  "method-params": t.methodParams,
+                  "bind-as-expression": "",
+                  onSelect: (O) => m.value = O
+                }, null, 8, ["data-fields", "method-params", "onSelect"]),
+                o(D, { title: "删除" }, {
+                  default: d(() => [
+                    o(f, {
+                      type: "text",
+                      size: "small",
+                      danger: "",
+                      class: "shrink-0 px-1",
+                      onClick: (O) => i(m.id)
+                    }, {
+                      default: d(() => [
+                        o(v(we))
+                      ]),
+                      _: 1
+                    }, 8, ["onClick"])
+                  ]),
+                  _: 2
+                }, 1024)
+              ]))), 128)),
+              o(f, {
+                type: "dashed",
+                size: "small",
+                block: "",
+                onClick: a
+              }, {
+                icon: d(() => [
+                  o(v(nt))
+                ]),
+                default: d(() => [
+                  c[0] || (c[0] = z(" 添加参数 ", -1))
+                ]),
+                _: 1
+              }),
+              c[1] || (c[1] = s("div", { class: "text-[11px] leading-snug text-[var(--colorTextQuaternary)]" }, [
+                z(" 值支持固定输入，或通过 "),
+                s("span", { class: "font-mono" }, "fx"),
+                z(" 绑定函数入参 / 页面数据。 ")
+              ], -1))
+            ])
+          ];
+        }),
+        _: 1
+      });
+    };
+  }
+}), cr = { class: "flex flex-col gap-2" }, dr = {
+  key: 0,
+  class: "text-[11px] text-[var(--colorTextQuaternary)]"
+}, pr = { class: "mb-1.5 flex items-center justify-between gap-2" }, fr = { class: "text-[11px] font-medium text-[var(--colorTextSecondary)]" }, mr = { class: "grid grid-cols-1 gap-1.5" }, vr = { class: "flex items-center gap-1.5" }, gr = { class: "flex items-center gap-1.5" }, xr = /* @__PURE__ */ te({
+  name: "ApiResultRulesList",
+  __name: "api-result-rules-list",
+  props: /* @__PURE__ */ ge({
+    dataFields: {},
+    methodParams: {},
+    targetInvalid: { type: Boolean }
+  }, {
+    rules: { required: !0, default: () => [] },
+    rulesModifiers: {}
+  }),
+  emits: ["update:rules"],
+  setup(t) {
+    const e = ke(t, "rules");
+    function a() {
+      e.value = [...e.value ?? [], hn()];
+    }
+    function i(r) {
+      e.value = (e.value ?? []).filter((c, x) => x !== r);
+    }
+    return (r, c) => {
+      const x = me, f = he, D = ve, $ = ye;
+      return p(), I($, {
+        class: "mb-2",
+        "validate-status": t.targetInvalid ? "error" : void 0
+      }, {
+        label: d(() => [...c[0] || (c[0] = [
+          s("span", null, "结果处理（可选）", -1)
+        ])]),
+        default: d(() => {
+          var h;
+          return [
+            s("div", cr, [
+              (h = e.value) != null && h.length ? W("", !0) : (p(), S("div", dr, "未配置：请求成功但不写入页面数据")),
+              (p(!0), S(K, null, ne(e.value ?? [], (m, O) => (p(), S("div", {
+                key: O,
+                class: "rounded-sm border border-[color-mix(in_srgb,var(--colorText)_10%,transparent)] p-2"
+              }, [
+                s("div", pr, [
+                  s("span", fr, "映射 " + H(O + 1), 1),
+                  o(f, { title: "删除" }, {
+                    default: d(() => [
+                      o(x, {
+                        type: "text",
+                        size: "small",
+                        danger: "",
+                        class: "px-1",
+                        onClick: (L) => i(O)
+                      }, {
+                        default: d(() => [
+                          o(v(we))
+                        ]),
+                        _: 1
+                      }, 8, ["onClick"])
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                s("div", mr, [
+                  s("div", vr, [
+                    o(D, {
+                      value: m.target,
+                      "onUpdate:value": (L) => m.target = L,
+                      class: "min-w-0 flex-1",
+                      placeholder: "目标字段，如 productList",
+                      "allow-clear": ""
+                    }, null, 8, ["value", "onUpdate:value"]),
+                    o(Ke, {
+                      "data-fields": t.dataFields,
+                      "method-params": t.methodParams,
+                      onSelect: (L) => m.target = L
+                    }, null, 8, ["data-fields", "method-params", "onSelect"])
+                  ]),
+                  o(D, {
+                    value: m.sourcePath,
+                    "onUpdate:value": (L) => m.sourcePath = L,
+                    placeholder: "来源路径，如 data.items（留空=整段响应）",
+                    "allow-clear": ""
+                  }, null, 8, ["value", "onUpdate:value"]),
+                  s("div", gr, [
+                    o(D, {
+                      value: m.fallback,
+                      "onUpdate:value": (L) => m.fallback = L,
+                      class: "min-w-0 flex-1",
+                      placeholder: "默认值，可选 {{字段}}",
+                      "allow-clear": ""
+                    }, null, 8, ["value", "onUpdate:value"]),
+                    o(Ke, {
+                      "data-fields": t.dataFields,
+                      "method-params": t.methodParams,
+                      "bind-as-expression": "",
+                      onSelect: (L) => m.fallback = L
+                    }, null, 8, ["data-fields", "method-params", "onSelect"])
+                  ])
+                ])
+              ]))), 128)),
+              o(x, {
+                type: "dashed",
+                size: "small",
+                block: "",
+                onClick: a
+              }, {
+                icon: d(() => [
+                  o(v(nt))
+                ]),
+                default: d(() => [
+                  c[1] || (c[1] = z(" 添加映射 ", -1))
+                ]),
+                _: 1
+              }),
+              c[2] || (c[2] = s("div", { class: "text-[11px] leading-snug text-[var(--colorTextQuaternary)]" }, [
+                z(" 将响应写入 "),
+                s("span", { class: "font-mono" }, "context.data"),
+                z("；来源路径相对响应根对象；默认值支持 "),
+                s("code", null, "{{ 入参/字段 }}"),
+                z("。 ")
+              ], -1))
+            ])
+          ];
+        }),
+        _: 1
+      }, 8, ["validate-status"]);
+    };
+  }
+}), hr = { class: "grid grid-cols-[88px_1fr] gap-x-3" }, yr = /* @__PURE__ */ te({
+  name: "MethodApiConfigForm",
+  __name: "method-api-config-form",
+  props: {
+    modelValue: {},
+    pageData: {},
+    urlInvalid: { type: Boolean },
+    resultInvalid: { type: Boolean },
+    paramsInvalid: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: e }) {
+    const a = t, i = e, r = N(Me(a.modelValue)), c = T({
+      get() {
+        return r.value.result || (r.value.result = []), r.value.result;
+      },
+      set(C) {
+        r.value.result = C;
+      }
+    }), x = N(He(a.modelValue.request.query)), f = N(He(a.modelValue.request.headers)), D = N(He(a.modelValue.request.body)), $ = N(yn(a.modelValue.params));
+    function h() {
+      r.value.params = bn($.value);
+    }
+    function m() {
+      i("update:modelValue", Me(r.value));
+    }
+    function O() {
+      r.value.request.query = Ue(x.value), r.value.request.headers = Ue(f.value), r.value.request.body = Ue(D.value);
+    }
+    xe([x, f, D], () => {
+      O();
+    }, { deep: !0 }), xe($, () => {
+      h();
+    }, { deep: !0 }), xe(
+      r,
+      () => {
+        m();
+      },
+      { deep: !0 }
+    );
+    const L = [
+      { value: "GET", label: "GET" },
+      { value: "POST", label: "POST" },
+      { value: "PUT", label: "PUT" },
+      { value: "DELETE", label: "DELETE" }
+    ], y = T(() => _n(r.value.params)), _ = T(() => {
+      var j;
+      const C = new Set(y.value), b = /* @__PURE__ */ new Set();
+      for (const A of a.pageData ?? []) {
+        const R = A.name.trim();
+        R && !C.has(R) && b.add(R);
+      }
+      const w = (j = r.value.loadingField) == null ? void 0 : j.trim();
+      w && !C.has(w) && b.add(w);
+      for (const A of r.value.result ?? []) {
+        const R = A.target.trim();
+        R && !C.has(R) && b.add(R);
+      }
+      return [...b].sort();
+    });
+    return (C, b) => {
+      const w = ve, j = ye, A = ta, R = je;
+      return p(), I(R, {
+        layout: "vertical",
+        class: "mb-1"
+      }, {
+        default: d(() => [
+          o(rr, {
+            entries: $.value,
+            "onUpdate:entries": b[0] || (b[0] = (V) => $.value = V),
+            invalid: t.paramsInvalid
+          }, null, 8, ["entries", "invalid"]),
+          o(j, {
+            label: "Loading 字段（可选）",
+            class: "mb-2"
+          }, {
+            default: d(() => [
+              o(w, {
+                value: r.value.loadingField,
+                "onUpdate:value": b[1] || (b[1] = (V) => r.value.loadingField = V),
+                placeholder: "如：loading",
+                "allow-clear": ""
+              }, null, 8, ["value"])
+            ]),
+            _: 1
+          }),
+          s("div", hr, [
+            o(j, {
+              label: "Method",
+              class: "mb-2"
+            }, {
+              default: d(() => [
+                o(A, {
+                  value: r.value.request.method,
+                  "onUpdate:value": b[2] || (b[2] = (V) => r.value.request.method = V),
+                  options: L
+                }, null, 8, ["value"])
+              ]),
+              _: 1
+            }),
+            o(j, {
+              label: "URL",
+              class: "mb-2",
+              "validate-status": t.urlInvalid ? "error" : void 0
+            }, {
+              default: d(() => [
+                o(w, {
+                  value: r.value.request.url,
+                  "onUpdate:value": b[3] || (b[3] = (V) => r.value.request.url = V),
+                  placeholder: "如：https://example.com/api/products/list"
+                }, null, 8, ["value"])
+              ]),
+              _: 1
+            }, 8, ["validate-status"])
+          ]),
+          o(Ge, {
+            entries: x.value,
+            "onUpdate:entries": b[4] || (b[4] = (V) => x.value = V),
+            label: "Query",
+            "data-fields": _.value,
+            "method-params": y.value
+          }, null, 8, ["entries", "data-fields", "method-params"]),
+          o(Ge, {
+            entries: f.value,
+            "onUpdate:entries": b[5] || (b[5] = (V) => f.value = V),
+            label: "Headers",
+            "data-fields": _.value,
+            "method-params": y.value
+          }, null, 8, ["entries", "data-fields", "method-params"]),
+          (r.value.request.method ?? "GET") !== "GET" ? (p(), I(Ge, {
+            key: 0,
+            entries: D.value,
+            "onUpdate:entries": b[6] || (b[6] = (V) => D.value = V),
+            label: "Body",
+            "data-fields": _.value,
+            "method-params": y.value
+          }, null, 8, ["entries", "data-fields", "method-params"])) : W("", !0),
+          o(xr, {
+            rules: c.value,
+            "onUpdate:rules": b[7] || (b[7] = (V) => c.value = V),
+            "data-fields": _.value,
+            "method-params": y.value,
+            "target-invalid": t.resultInvalid
+          }, null, 8, ["rules", "data-fields", "method-params", "target-invalid"])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), mt = [
+  {
+    key: "updateData",
+    label: "读写页面数据",
+    hint: "context.data 与「页面数据」面板字段同一引用，修改后绑定该数据的组件会自动更新",
+    example: `() => {
+  context.data.count = (context.data.count ?? 0) + 1
+}`,
+    placeholder: `() => {
+  context.data.count = (context.data.count ?? 0) + 1
+}`,
+    paramHint: "无参时可写 () => { ... }；页面环境通过闭包 context 访问"
+  },
+  {
+    key: "fetchData",
+    label: "请求接口（async 函数）",
+    hint: "HTTP 请求在 async 函数中通过 fetch 实现，结果写入 context.data",
+    example: `async (pageIndex, keyword) => {
+  context.data.loading = true
+  try {
+    const qs = new URLSearchParams({
+      pageIndex: String(pageIndex ?? context.data.pageIndex ?? 1),
+      keyword: keyword ?? context.data.keyword ?? ''
+    })
+    const res = await fetch('/api/products?' + qs)
+    const result = await res.json()
+    context.data.productList = result.data?.items ?? []
+  } finally {
+    context.data.loading = false
+  }
+}`,
+    placeholder: `async () => {
+  const res = await fetch('/api/products')
+  context.data.productList = (await res.json()).data?.items ?? []
+}`,
+    paramHint: "在生命周期或事件中：await context.methods.loadProductList(...)"
+  },
+  {
+    key: "widgetBinding",
+    label: "在组件属性中调用",
+    hint: "组件属性 / 接口参数绑定中可写 {{ 函数名(参数) }}；参数支持 data / item 字段、字面量或嵌套函数调用",
+    example: `// 组件文本属性示例
+{{ fmDate(time) }}
+{{ formatPrice(item.price) }}
+
+// 函数体示例（须同步 return 结果；可选参数与形参一一对应）
+(url, w, h) => {
+  if (!url) return ''
+  const width = w ?? context.data.defaultImgW ?? 200
+  const height = h ?? context.data.defaultImgH ?? width
+  return String(url)
+}`,
+    paramHint: "绑定表达式中不支持 async 返回值；形参仅对应 {{ }} 传入的参数，context 由运行时注入；列表项内可用 item.xxx、index"
+  },
+  {
+    key: "callMethod",
+    label: "调用其他函数",
+    hint: "在函数内组合调用同页其它自定义函数，便于拆分复用逻辑",
+    example: `async () => {
+  context.methods.resetFilters()
+  await context.methods.loadProductList()
+}`,
+    paramHint: "可用：context.methods.methodName(...args)"
+  },
+  {
+    key: "widgetEvent",
+    label: "响应组件事件",
+    hint: "在组件「事件」面板编写 handler，点击等交互会触发",
+    example: `(event, widgetCtx) => {
+  context.data.lastClickedId = widgetCtx.widget.id
+}`,
+    paramHint: "形参 event、widgetCtx 由事件传入；context 由闭包注入"
+  },
+  {
+    key: "async",
+    label: "异步 / await",
+    hint: "需要等待接口返回时使用 async 写法；函数体以 async 开头同样支持",
+    example: `async () => {
+  context.data.submitting = true
+  try {
+    await context.methods.submitOrder()
+    context.methods.showSuccessToast()
+  } finally {
+    context.data.submitting = false
+  }
+}`,
+    paramHint: "须写 async () => { ... } 或 (args) => { await ... } 形式"
+  }
+];
+var Nt;
+const _r = ((Nt = mt[0]) == null ? void 0 : Nt.placeholder) ?? `() => {
+  context.data.count += 1
+}`;
+function br(t) {
+  var a;
+  const e = lt(t) ? "api" : "function";
+  return {
+    name: t.name,
+    handler: t.handler,
+    kind: e,
+    api: Me((a = t.meta) == null ? void 0 : a.api)
+  };
+}
+function kr(t) {
+  return {
+    name: "",
+    handler: "",
+    kind: t,
+    api: $n()
+  };
+}
+function aa(t) {
+  return Sn(t);
+}
+function Le(t, e) {
+  return e.kind === "api" ? {
+    key: t,
+    name: e.name,
+    handler: aa(e.api),
+    meta: {
+      template: "api",
+      api: Me(e.api)
+    }
+  } : {
+    key: t,
+    name: e.name,
+    handler: e.handler
+  };
+}
+function wr(t, e) {
+  const a = fe(), i = qt(et, null), r = N(!1), c = N(null), x = N(!1), f = N(null), D = N(!1), $ = N(null), h = T(() => {
+    const u = f.value, k = u == null ? void 0 : u.name.trim();
+    return x.value ? (u == null ? void 0 : u.kind) === "api" ? "添加接口" : "添加函数" : (u == null ? void 0 : u.kind) === "api" ? k ? `编辑接口：${k}()` : "编辑接口" : k ? `编辑函数：${k}()` : "编辑函数";
+  });
+  function m(u) {
+    return typeof u == "string" && u.trim().length > 0;
+  }
+  function O(u) {
+    const k = t.value.find((M) => M.key === u);
+    return t.value = t.value.filter((M) => M.key !== u), k ?? null;
+  }
+  function L(u) {
+    x.value = !0, c.value = null, f.value = kr(u), r.value = !0;
+  }
+  function y() {
+    L("function");
+  }
+  function _() {
+    L("api");
+  }
+  function C(u) {
+    const k = t.value.find((M) => M.key === u.key);
+    k && (x.value = !1, c.value = k.key, f.value = br(k), r.value = !0);
+  }
+  function b(u) {
+    return u.kind === "api" ? aa(u.api) : u.handler;
+  }
+  function w(u, k) {
+    const M = u.name.trim();
+    if (!M) return u.kind === "api" ? "请填写接口名" : "请填写函数名";
+    if (!Ce(M))
+      return u.kind === "api" ? "接口名格式无效" : "函数名格式无效";
+    if (Ma(t.value, M, k ?? void 0))
+      return u.kind === "api" ? "接口名已被使用" : "函数名已被使用";
+    if (u.kind === "api")
+      return On(u.api, wt, Be);
+    const X = u.handler.trim();
+    return X ? Ie(X) ? null : "函数须为带 {} 的完整函数写法，如 () => { ... } 或 (url, w) => { return ... }" : "请编写函数体";
+  }
+  function j(u) {
+    const k = a == null ? void 0 : a.page;
+    if (!k) return [];
+    const M = k.data ?? [], { pageData: X, added: se } = Cn(M, u, Be);
+    return se.length ? (k.data = za(X), se) : [];
+  }
+  function A() {
+    if (!f.value || w(f.value, c.value)) return null;
+    const k = f.value.kind === "api" ? j(f.value.api) : [];
+    if (x.value) {
+      const re = Le(0, f.value);
+      return t.value = Qe([...t.value, re]), R(), { item: re, addedPageDataFields: k };
+    }
+    const M = c.value;
+    if (M === null) return null;
+    const X = Le(M, f.value);
+    return t.value.some((re) => re.key === M) ? (t.value = Qe(t.value.map((re) => re.key === M ? X : re)), R(), { item: X, addedPageDataFields: k }) : null;
+  }
+  function R() {
+    r.value = !1, c.value = null, x.value = !1, f.value = null;
+  }
+  function V(u) {
+    const k = u.name.trim();
+    return k ? La(k, u.handler) : lt(u) ? "未命名接口" : "未命名函数";
+  }
+  function U(u) {
+    const k = u.name.trim();
+    return !!(k && Ce(k));
+  }
+  function G() {
+    return f.value ? x.value ? Le(0, f.value) : c.value === null ? null : Le(c.value, f.value) : null;
+  }
+  const Y = T(() => []), le = T(() => {
+    var k;
+    const u = (k = f.value) == null ? void 0 : k.name.trim();
+    return u ? !Ce(u) : !1;
+  }), ae = T(() => {
+    var k, M;
+    if (((k = f.value) == null ? void 0 : k.kind) === "api") return !1;
+    const u = (M = f.value) == null ? void 0 : M.handler.trim();
+    return u ? !Ie(u) : !1;
+  }), q = T(() => {
+    var k;
+    if (((k = f.value) == null ? void 0 : k.kind) !== "api") return !1;
+    const u = f.value.api.request.url.trim();
+    return u ? !wt(u) : !1;
+  }), ee = T(() => {
+    var u;
+    if (((u = f.value) == null ? void 0 : u.kind) !== "api") return !1;
+    for (const k of f.value.api.result ?? []) {
+      const M = k.target.trim();
+      if (M && !Be(M))
+        return !0;
+    }
+    return !1;
+  }), Z = T(() => {
+    var u;
+    return ((u = f.value) == null ? void 0 : u.kind) !== "api" ? !1 : !kn(f.value.api.params);
+  });
+  function ie(u) {
+    O(u);
+  }
+  function B(u) {
+  }
+  function pe() {
+    var se;
+    if (!f.value) return Promise.reject();
+    c.value !== null && ((se = t.value.find((re) => re.key === c.value)) == null || se.name);
+    const u = w(f.value, c.value);
+    if (u)
+      return oe.warning(u), Promise.reject();
+    const k = A();
+    if (!k)
+      return oe.warning("保存失败，请重试"), Promise.reject();
+    const { item: M, addedPageDataFields: X } = k;
+    X.length && oe.info(`已自动添加页面数据字段：${X.join("、")}`), M.name.trim() && Ce(M.name) && (e != null && e.selectedMethod);
+  }
+  function Pe() {
+    R();
+  }
+  function Oe(u) {
+    const k = u.handler.trim();
+    return U(u) && m(k) && Ie(k);
+  }
+  function _e() {
+    return f.value ? w(f.value, c.value) === null : !1;
+  }
+  function Se(u) {
+    if (u.reason === "empty") return "请先编写函数函数";
+    if (u.reason === "invalid_name") return "请先填写有效函数名";
+    if (u.reason === "invalid_handler") return "函数须为带 {} 的完整函数写法";
+    if (u.reason === "compile_failed") return "函数解析失败，请检查语法";
+    const k = u.error;
+    return k instanceof Error && k.message ? `执行失败：${k.message}` : "执行失败，请查看控制台";
+  }
+  function n(u, k, M) {
+    if (!i) {
+      oe.warning("页面脚本运行时未就绪");
+      return;
+    }
+    const X = u.name.trim();
+    if (!X || !Ce(X)) {
+      oe.warning("请先填写有效函数名");
+      return;
+    }
+    const se = (k ?? u.handler).trim();
+    if (!se) {
+      oe.warning("请先编写函数函数");
+      return;
+    }
+    if (!Ie(se)) {
+      oe.warning("函数须为带 {} 的完整函数写法");
+      return;
+    }
+    const re = i.simulateMethod(X, {
+      handlerSource: k !== void 0 ? k : void 0,
+      methodKey: x.value ? void 0 : c.value ?? void 0,
+      args: M
+    });
+    if (re.ok) {
+      oe.success(`已模拟执行 ${V(u)}`);
+      return;
+    }
+    oe.warning(Se(re));
+  }
+  function l(u, k) {
+    const M = Pn(u, k);
+    if (!M.length) {
+      n(u, k);
+      return;
+    }
+    $.value = {
+      item: u,
+      handlerSource: k,
+      methodName: u.name.trim(),
+      paramNames: M,
+      values: Object.fromEntries(M.map((X) => [X, ""]))
+    }, D.value = !0;
+  }
+  function g() {
+    const u = $.value;
+    if (!u) return Promise.reject();
+    const k = u.paramNames.map((M) => wn(u.values[M] ?? ""));
+    D.value = !1, $.value = null, n(u.item, u.handlerSource, k);
+  }
+  function P() {
+    D.value = !1, $.value = null;
+  }
+  function E(u) {
+    l(u);
+  }
+  function J() {
+    if (!_e()) {
+      oe.warning("请先完善配置");
+      return;
+    }
+    const u = G();
+    !u || !f.value || l(u, b(f.value));
+  }
+  function F(u) {
+    !f.value || f.value.kind !== "function" || (f.value.handler = u);
+  }
+  return {
+    editorVisible: r,
+    editingDraft: f,
+    editorTitle: h,
+    editingNameInvalid: le,
+    editingHandlerInvalid: ae,
+    editingApiUrlInvalid: q,
+    editingApiResultInvalid: ee,
+    editingApiParamsInvalid: Z,
+    selectedMethodKeys: Y,
+    getDisplayName: V,
+    isSelectable: U,
+    canSimulateMethod: Oe,
+    addFunction: y,
+    addApi: _,
+    editItem: C,
+    handleRemove: ie,
+    selectMethod: B,
+    handleSaveEditor: pe,
+    handleCancelEditor: Pe,
+    simulateArgsVisible: D,
+    simulateArgsDraft: $,
+    confirmSimulateArgs: g,
+    cancelSimulateArgs: P,
+    simulateMethodFromList: E,
+    simulateMethodFromEditor: J,
+    insertUsageExample: F
+  };
+}
+function Pr() {
+  const t = fe(), e = T(() => t == null ? void 0 : t.page);
+  return T({
+    get: () => {
+      var a;
+      return e.value && Aa(e.value), ((a = e.value) == null ? void 0 : a.methods) ?? [];
+    },
+    set: (a) => {
+      e.value && (e.value.methods = Qe(a));
+    }
+  });
+}
+const Or = { class: "mt-1 text-[11px] leading-snug text-[var(--colorTextQuaternary)]" }, Sr = {
+  key: 0,
+  class: "relative min-h-[280px]"
+}, Cr = { class: "mt-3 flex items-center justify-between gap-2" }, $r = {
+  key: 1,
+  class: "relative min-h-[280px]"
+}, Dr = {
+  key: 0,
+  class: "mt-1 text-[11px] leading-snug text-[var(--colorError)]"
+}, Tr = { class: "mb-2 flex items-center justify-between gap-2" }, Er = { class: "flex min-w-0 flex-1 items-center gap-1 text-[11px] text-[var(--colorTextQuaternary)]" }, Ir = { class: "overflow-x-auto rounded-sm bg-[color-mix(in_srgb,var(--colorText)_4%,var(--colorBgContainer))] px-2 py-1.5 font-mono text-[10px] leading-[1.45] text-[var(--colorTextSecondary)]" }, Ar = {
+  key: 0,
+  class: "mt-2 text-[11px] leading-[1.4] text-[var(--colorTextQuaternary)]"
+}, Lr = { class: "mt-2 flex items-center justify-between gap-2" }, Mr = /* @__PURE__ */ te({
+  name: "PageMethodEditorModal",
+  __name: "page-method-editor-modal",
+  props: /* @__PURE__ */ ge({
+    editingDraft: {},
+    title: {},
+    pageData: {},
+    nameInvalid: { type: Boolean },
+    handlerInvalid: { type: Boolean },
+    apiUrlInvalid: { type: Boolean },
+    apiResultInvalid: { type: Boolean },
+    apiParamsInvalid: { type: Boolean }
+  }, {
+    open: { type: Boolean, default: !1 },
+    openModifiers: {}
+  }),
+  emits: /* @__PURE__ */ ge(["save", "cancel", "simulate", "insertExample"], ["update:open"]),
+  setup(t, { emit: e }) {
+    const a = ke(t, "open"), i = t, r = e, c = T(() => {
+      var $;
+      return (($ = i.editingDraft) == null ? void 0 : $.kind) === "api";
+    }), x = fe(), f = T(() => {
+      var $;
+      if (!(c.value || !i.editingDraft))
+        return Dn({
+          pageData: i.pageData,
+          methods: ($ = x == null ? void 0 : x.page) == null ? void 0 : $.methods,
+          handler: i.editingDraft.handler,
+          excludeMethodName: i.editingDraft.name
+        });
+    }), D = T(() => c.value ? "保存时根据接口配置自动生成 async 函数，可通过 context.methods.函数名(...) 调用" : "须为合法标识符；在组件属性 {{ fn() }} 或事件中通过 context.methods 调用");
+    return ($, h) => {
+      const m = ve, O = ye, L = je, y = me, _ = Zt, C = Kt, b = ze;
+      return p(), I(b, {
+        open: a.value,
+        "onUpdate:open": h[5] || (h[5] = (w) => a.value = w),
+        title: t.title,
+        "ok-text": "确定",
+        "cancel-text": "取消",
+        width: "640px",
+        "destroy-on-close": "",
+        onOk: h[6] || (h[6] = (w) => r("save")),
+        onCancel: h[7] || (h[7] = (w) => r("cancel"))
+      }, {
+        default: d(() => [
+          t.editingDraft ? (p(), S(K, { key: 0 }, [
+            o(L, {
+              layout: "vertical",
+              class: "mb-1"
+            }, {
+              default: d(() => [
+                o(O, {
+                  label: c.value ? "接口名" : "函数名",
+                  class: "mb-2",
+                  "validate-status": t.nameInvalid ? "error" : void 0
+                }, {
+                  default: d(() => [
+                    o(m, {
+                      value: t.editingDraft.name,
+                      "onUpdate:value": h[0] || (h[0] = (w) => t.editingDraft.name = w),
+                      placeholder: c.value ? "如：loadProductList、fetchUserInfo" : "如：formatPrice、onBannerClick"
+                    }, null, 8, ["value", "placeholder"]),
+                    s("div", Or, H(D.value), 1)
+                  ]),
+                  _: 1
+                }, 8, ["label", "validate-status"])
+              ]),
+              _: 1
+            }),
+            c.value ? (p(), S("div", Sr, [
+              o(yr, {
+                modelValue: t.editingDraft.api,
+                "onUpdate:modelValue": h[1] || (h[1] = (w) => t.editingDraft.api = w),
+                "page-data": t.pageData,
+                "url-invalid": t.apiUrlInvalid,
+                "result-invalid": t.apiResultInvalid,
+                "params-invalid": t.apiParamsInvalid
+              }, null, 8, ["modelValue", "page-data", "url-invalid", "result-invalid", "params-invalid"]),
+              s("div", Cr, [
+                h[9] || (h[9] = s("div", { class: "min-w-0 text-[11px] leading-[1.4] text-[var(--colorTextQuaternary)]" }, [
+                  z("保存时将根据上方配置自动生成 async 函数；可在生命周期或事件中 "),
+                  s("span", { class: "font-mono" }, "await context.methods.函数名(...)"),
+                  z(" 调用")
+                ], -1)),
+                o(y, {
+                  type: "link",
+                  size: "small",
+                  class: "shrink-0 px-0",
+                  disabled: !t.editingDraft.name.trim() || t.nameInvalid || t.apiUrlInvalid || t.apiResultInvalid || t.apiParamsInvalid,
+                  onClick: h[2] || (h[2] = (w) => r("simulate"))
+                }, {
+                  icon: d(() => [
+                    o(v(Je))
+                  ]),
+                  default: d(() => [
+                    h[8] || (h[8] = z(" 模拟执行 ", -1))
+                  ]),
+                  _: 1
+                }, 8, ["disabled"])
+              ])
+            ])) : (p(), S("div", $r, [
+              o(L, {
+                layout: "vertical",
+                class: "mb-1"
+              }, {
+                default: d(() => [
+                  o(O, {
+                    label: "函数体",
+                    class: "mb-0",
+                    "validate-status": t.handlerInvalid ? "error" : void 0
+                  }, {
+                    default: d(() => [
+                      o(v(tt), {
+                        modelValue: t.editingDraft.handler,
+                        "onUpdate:modelValue": h[3] || (h[3] = (w) => t.editingDraft.handler = w),
+                        language: "javascript",
+                        placeholder: v(_r),
+                        height: 240,
+                        "page-context-completion": f.value
+                      }, null, 8, ["modelValue", "placeholder", "page-context-completion"]),
+                      t.handlerInvalid ? (p(), S("div", Dr, [...h[10] || (h[10] = [
+                        z("须为带 ", -1),
+                        s("span", { class: "font-mono" }, "{}", -1),
+                        z(" 的完整函数，如 ", -1),
+                        s("span", { class: "font-mono" }, "() => { ... }", -1),
+                        z(" 或 ", -1),
+                        s("span", { class: "font-mono" }, "(url, w) => { return ... }", -1)
+                      ])])) : W("", !0)
+                    ]),
+                    _: 1
+                  }, 8, ["validate-status"])
+                ]),
+                _: 1
+              }),
+              o(C, {
+                bordered: !1,
+                "expand-icon-position": "end",
+                "default-active-key": [],
+                class: "mt-2"
+              }, {
+                default: d(() => [
+                  (p(!0), S(K, null, ne(v(mt), (w) => (p(), I(_, {
+                    key: w.key,
+                    header: w.label
+                  }, {
+                    default: d(() => [
+                      s("div", Tr, [
+                        s("div", Er, [
+                          o(v(at), { class: "shrink-0 text-[10px] opacity-80" }),
+                          s("span", null, H(w.hint), 1)
+                        ]),
+                        o(y, {
+                          type: "link",
+                          size: "small",
+                          class: "shrink-0 px-0",
+                          onClick: (j) => r("insertExample", w.example)
+                        }, {
+                          default: d(() => [...h[11] || (h[11] = [
+                            z("插入示例", -1)
+                          ])]),
+                          _: 1
+                        }, 8, ["onClick"])
+                      ]),
+                      s("pre", Ir, H(w.example), 1),
+                      w.paramHint ? (p(), S("div", Ar, H(w.paramHint), 1)) : W("", !0)
+                    ]),
+                    _: 2
+                  }, 1032, ["header"]))), 128))
+                ]),
+                _: 1
+              }),
+              s("div", Lr, [
+                h[13] || (h[13] = s("div", { class: "min-w-0 text-[11px] leading-[1.4] text-[var(--colorTextQuaternary)]" }, [
+                  z("须写完整函数（带 "),
+                  s("span", { class: "font-mono" }, "{}"),
+                  z(" 函数体）；运行时注入 "),
+                  s("span", { class: "font-mono" }, "context"),
+                  z("（含 data / methods），调用方参数通过形参传入")
+                ], -1)),
+                o(y, {
+                  type: "link",
+                  size: "small",
+                  class: "shrink-0 px-0",
+                  disabled: !t.editingDraft.handler.trim() || !t.editingDraft.name.trim() || t.nameInvalid || t.handlerInvalid,
+                  onClick: h[4] || (h[4] = (w) => r("simulate"))
+                }, {
+                  icon: d(() => [
+                    o(v(Je))
+                  ]),
+                  default: d(() => [
+                    h[12] || (h[12] = z(" 模拟执行 ", -1))
+                  ]),
+                  _: 1
+                }, 8, ["disabled"])
+              ])
+            ]))
+          ], 64)) : W("", !0)
+        ]),
+        _: 1
+      }, 8, ["open", "title"]);
+    };
+  }
+}), zr = /* @__PURE__ */ te({
+  name: "PageMethodSimulateArgsModal",
+  __name: "page-method-simulate-args-modal",
+  props: /* @__PURE__ */ ge({
+    draft: {}
+  }, {
+    open: { type: Boolean, default: !1 },
+    openModifiers: {}
+  }),
+  emits: /* @__PURE__ */ ge(["confirm", "cancel"], ["update:open"]),
+  setup(t, { emit: e }) {
+    const a = ke(t, "open"), i = e;
+    return (r, c) => {
+      const x = ve, f = ye, D = je, $ = ze;
+      return p(), I($, {
+        open: a.value,
+        "onUpdate:open": c[0] || (c[0] = (h) => a.value = h),
+        title: t.draft ? `模拟执行：${t.draft.methodName}()` : "模拟执行",
+        "ok-text": "执行",
+        "cancel-text": "取消",
+        width: "480px",
+        "destroy-on-close": "",
+        onOk: c[1] || (c[1] = (h) => i("confirm")),
+        onCancel: c[2] || (c[2] = (h) => i("cancel"))
+      }, {
+        default: d(() => [
+          t.draft ? (p(), S(K, { key: 0 }, [
+            c[3] || (c[3] = s("div", { class: "mb-3 text-[11px] leading-snug text-[var(--colorTextQuaternary)]" }, [
+              z("为形参填写测试值；支持 JSON 字面量（如 "),
+              s("span", { class: "font-mono" }, "1"),
+              z("、"),
+              s("span", { class: "font-mono" }, '"text"'),
+              z("、"),
+              s("span", { class: "font-mono" }, "true"),
+              z("），留空为 "),
+              s("span", { class: "font-mono" }, "undefined"),
+              z("。")
+            ], -1)),
+            o(D, {
+              layout: "vertical",
+              class: "mb-0"
+            }, {
+              default: d(() => [
+                (p(!0), S(K, null, ne(t.draft.paramNames, (h) => (p(), I(f, {
+                  key: h,
+                  label: h,
+                  class: "mb-2"
+                }, {
+                  default: d(() => [
+                    o(x, {
+                      value: t.draft.values[h],
+                      "onUpdate:value": (m) => t.draft.values[h] = m,
+                      placeholder: `参数 ${h}`,
+                      "allow-clear": ""
+                    }, null, 8, ["value", "onUpdate:value", "placeholder"])
+                  ]),
+                  _: 2
+                }, 1032, ["label"]))), 128))
+              ]),
+              _: 1
+            })
+          ], 64)) : W("", !0)
+        ]),
+        _: 1
+      }, 8, ["open", "title"]);
+    };
+  }
+}), jr = { class: "min-h-0 flex-1 overflow-y-auto scrollbar p-3" }, Rr = { class: "min-w-0 flex-1" }, Vr = { class: "flex min-w-0 flex-1 items-center gap-1.5 text-sm leading-tight" }, Nr = { class: "inline-flex shrink-0 items-center justify-center rounded-sm p-0.5 text-[10px] leading-none text-[var(--colorPrimary)] bg-[color-mix(in_srgb,var(--colorPrimary)_12%,transparent)]" }, Hr = ["title"], Ur = { class: "mt-2 grid grid-cols-2 gap-2" }, Br = { class: "mt-3 border-t border-[color-mix(in_srgb,var(--colorText)_8%,transparent)] pt-3" }, Fr = { class: "mb-2.5 flex items-center gap-1.5" }, Wr = { class: "flex flex-col gap-2.5" }, Gr = { class: "text-xs font-medium leading-tight" }, qr = { class: "mt-0.5 text-[11px] leading-snug text-[var(--colorTextQuaternary)]" }, Qr = { class: "mt-1.5 overflow-x-auto rounded-sm bg-[color-mix(in_srgb,var(--colorText)_4%,var(--colorBgContainer))] px-2 py-1.5 font-mono text-[10px] leading-[1.45] text-[var(--colorTextSecondary)] scrollbar" }, Yr = {
+  key: 0,
+  class: "mt-1 text-[10px] leading-snug text-[var(--colorTextQuaternary)]"
+}, Jr = /* @__PURE__ */ te({
+  name: "PageMethods",
+  __name: "page-methods",
+  setup(t) {
+    const e = Pr(), a = fe(), i = T(() => {
+      var ae;
+      return ((ae = a == null ? void 0 : a.page) == null ? void 0 : ae.data) ?? [];
+    }), { editorVisible: r, editingDraft: c, editorTitle: x, editingNameInvalid: f, editingHandlerInvalid: D, editingApiUrlInvalid: $, editingApiResultInvalid: h, editingApiParamsInvalid: m, getDisplayName: O, canSimulateMethod: L, addFunction: y, addApi: _, editItem: C, handleRemove: b, handleSaveEditor: w, handleCancelEditor: j, simulateArgsVisible: A, simulateArgsDraft: R, confirmSimulateArgs: V, cancelSimulateArgs: U, simulateMethodFromList: G, simulateMethodFromEditor: Y, insertUsageExample: le } = wr(e);
+    return (ae, q) => {
+      const ee = me, Z = he, ie = Yt;
+      return p(), S(K, null, [
+        s("div", jr, [
+          (p(!0), S(K, null, ne(v(e), (B) => (p(), S("div", {
+            key: B.key,
+            class: "flex items-center"
+          }, [
+            s("div", Rr, [
+              s("div", Vr, [
+                s("span", Nr, [
+                  v(lt)(B) ? (p(), I(v(Ot), { key: 0 })) : (p(), I(v(Te), { key: 1 }))
+                ]),
+                s("span", {
+                  class: "truncate font-mono text-xs",
+                  title: v(O)(B)
+                }, H(v(O)(B)), 9, Hr)
+              ])
+            ]),
+            o(Z, { title: "执行" }, {
+              default: d(() => [
+                o(ee, {
+                  type: "text",
+                  size: "small",
+                  disabled: !v(L)(B),
+                  onClick: ue((pe) => v(G)(B), ["stop"])
+                }, {
+                  default: d(() => [
+                    o(v(Je))
+                  ]),
+                  _: 1
+                }, 8, ["disabled", "onClick"])
+              ]),
+              _: 2
+            }, 1024),
+            o(Z, { title: "编辑" }, {
+              default: d(() => [
+                o(ee, {
+                  type: "text",
+                  size: "small",
+                  onClick: ue((pe) => v(C)(B), ["stop"])
+                }, {
+                  default: d(() => [
+                    o(v(ea))
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 2
+            }, 1024),
+            o(Z, { title: "删除" }, {
+              default: d(() => [
+                o(ee, {
+                  type: "text",
+                  size: "small",
+                  danger: "",
+                  onClick: ue((pe) => v(b)(B.key), ["stop"])
+                }, {
+                  default: d(() => [
+                    o(v(we))
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 2
+            }, 1024)
+          ]))), 128)),
+          v(e).length === 0 ? (p(), I(ie, {
+            key: 0,
+            description: "暂无函数"
+          })) : W("", !0),
+          s("div", Ur, [
+            o(ee, {
+              type: "dashed",
+              size: "small",
+              block: "",
+              onClick: q[0] || (q[0] = (B) => v(y)())
+            }, {
+              icon: d(() => [
+                o(v(Te))
+              ]),
+              default: d(() => [
+                q[4] || (q[4] = z(" 添加函数", -1))
+              ]),
+              _: 1
+            }),
+            o(ee, {
+              type: "dashed",
+              size: "small",
+              block: "",
+              onClick: q[1] || (q[1] = (B) => v(_)())
+            }, {
+              icon: d(() => [
+                o(v(Ot))
+              ]),
+              default: d(() => [
+                q[5] || (q[5] = z(" 添加接口 ", -1))
+              ]),
+              _: 1
+            })
+          ]),
+          s("section", Br, [
+            s("div", Fr, [
+              o(v(at), { class: "text-xs text-[var(--colorTextQuaternary)]" }),
+              q[6] || (q[6] = s("span", { class: "text-xs font-medium text-[var(--colorTextSecondary)]" }, "帮助", -1))
+            ]),
+            s("div", Wr, [
+              (p(!0), S(K, null, ne(v(mt), (B) => (p(), S("div", {
+                key: B.key,
+                class: "rounded-sm border border-[color-mix(in_srgb,var(--colorText)_8%,transparent)] p-1"
+              }, [
+                s("div", Gr, H(B.label), 1),
+                s("div", qr, H(B.hint), 1),
+                s("pre", Qr, H(B.example), 1),
+                B.paramHint ? (p(), S("div", Yr, H(B.paramHint), 1)) : W("", !0)
+              ]))), 128)),
+              q[7] || (q[7] = s("div", { class: "text-[11px] leading-snug text-[var(--colorTextQuaternary)]" }, [
+                z("自定义函数须为带 "),
+                s("span", { class: "font-mono" }, "{}"),
+                z(" 的完整写法；接口函数通过表单配置后自动生成 async 函数。均可通过 "),
+                s("span", { class: "font-mono" }, "context.methods.xxx(...)"),
+                z(" 调用。")
+              ], -1))
+            ])
+          ])
+        ]),
+        o(Mr, {
+          open: v(r),
+          "onUpdate:open": q[2] || (q[2] = (B) => gt(r) ? r.value = B : null),
+          "editing-draft": v(c),
+          title: v(x),
+          "page-data": i.value,
+          "name-invalid": v(f),
+          "handler-invalid": v(D),
+          "api-url-invalid": v($),
+          "api-result-invalid": v(h),
+          "api-params-invalid": v(m),
+          onSave: v(w),
+          onCancel: v(j),
+          onSimulate: v(Y),
+          onInsertExample: v(le)
+        }, null, 8, ["open", "editing-draft", "title", "page-data", "name-invalid", "handler-invalid", "api-url-invalid", "api-result-invalid", "api-params-invalid", "onSave", "onCancel", "onSimulate", "onInsertExample"]),
+        o(zr, {
+          open: v(A),
+          "onUpdate:open": q[3] || (q[3] = (B) => gt(A) ? A.value = B : null),
+          draft: v(R),
+          onConfirm: v(V),
+          onCancel: v(U)
+        }, null, 8, ["open", "draft", "onConfirm", "onCancel"])
+      ], 64);
+    };
+  }
+}), Kr = {
+  class: "flex h-full w-12 min-w-12 shrink-0 flex-col gap-1 border-r border-r-solid border-r-[var(--colorSplit)] bg-[var(--colorBgContainer)] px-1.5 py-3",
+  "aria-label": "编辑器侧栏"
+}, Zr = ["title", "aria-label", "aria-current", "onClick"], Xr = { class: "shrink-0 border-b border-[var(--colorSplit)] px-3 py-2.5" }, eo = { class: "flex items-center justify-between gap-2" }, to = { class: "text-sm font-medium text-[var(--colorText)]" }, ao = { class: "flex items-center gap-0.5" }, no = { class: "min-h-0 min-w-0 flex-1 overflow-hidden border-r border-[var(--colorSplit)] bg-[var(--colorBgLayout)] [background-image:linear-gradient(90deg,color-mix(in_srgb,var(--colorText)_4%,transparent)_1px,transparent_1px),linear-gradient(color-mix(in_srgb,var(--colorText)_4%,transparent)_1px,transparent_1px)] [background-size:20px_20px]" }, lo = "relative flex-center h-9 w-full cursor-pointer border-none rounded-lg transition-colors duration-200", uo = /* @__PURE__ */ te({
+  name: "LowcodeDesigner",
+  __name: "designer",
+  props: /* @__PURE__ */ ge({
+    definitions: {},
+    theme: {},
+    locale: {},
+    height: { default: Za },
+    width: { default: Ka },
+    uploadHandler: {}
+  }, {
+    page: {
+      default: () => rn()
+    },
+    pageModifiers: {}
+  }),
+  emits: ["update:page"],
+  setup(t) {
+    var j;
+    const e = [
+      { key: "pageOutline", title: "大纲", icon: st },
+      { key: "widgetLibrary", title: "组件库", icon: Jt },
+      { key: "dataSource", title: "数据源", icon: Xt },
+      { key: "methods", title: "函数", icon: Te }
+    ], a = ke(t, "page"), i = t;
+    if (!((j = i.definitions) != null && j.length))
+      throw new Error("[@fp-mall/lowcode/designer] 请通过 :definitions 传入物料定义（如 materialDefinitions）");
+    ja(i.uploadHandler);
+    const r = Ra(i.definitions), c = sa();
+    c && Va(c.appContext.app, r), be(Na, r), be(Ha, !0);
+    const x = ua(
+      Ua({
+        page: a.value,
+        widgetNormalizers: r.widgetNormalizers,
+        copyNormalizeTypes: r.copyNormalizeTypes,
+        widgetAcceptsChild: r.widgetAcceptsChild
+      })
+    );
+    be(Ba, x), be(
+      Fa,
+      T(() => ({
+        widgetId: x.stylePreview.pinned ? x.stylePreview.widgetId : null,
+        state: x.stylePreview.pinned ? x.stylePreview.state : null
+      }))
+    ), be(Wa, (A) => x.setSelected(A)), Ga({
+      designer: () => x,
+      getKeyedSlotConfig: (A) => r.getKeyedSlotConfig(A)
+    });
+    const f = qa({
+      page: () => x.page,
+      designMode: () => !0
+    });
+    be(et, f);
+    let D = null;
+    xe(
+      () => x.page,
+      (A) => {
+        D = "designer", a.value = nn(A), x.commitHistoryIfChanged(), Gt(() => {
+          D = null;
+        });
+      },
+      { deep: !0, flush: "sync" }
+    ), xe(
+      a,
+      (A) => {
+        D === "designer" || !A || ln(A, x.page) || x.loadPage(A);
+      },
+      { deep: !0, flush: "sync" }
+    );
+    const { token: $ } = Qa.useToken(), h = N(null);
+    ca(() => {
+      h.value && Ya($.value, h.value);
+    });
+    function m(A) {
+      return h.value ?? (A == null ? void 0 : A.parentElement) ?? document.body;
+    }
+    const O = N("widgetLibrary"), L = N(!0), y = N(null);
+    Ja(y, () => {
+      L.value || !O.value || (O.value = null);
+    });
+    const _ = T(() => {
+      var A;
+      return ((A = e.find((R) => R.key === O.value)) == null ? void 0 : A.title) ?? "";
+    }), C = T(() => !L.value && !!O.value), b = T(() => ({
+      height: i.height,
+      width: i.width
+    }));
+    function w(A) {
+      O.value = O.value === A ? null : A;
+    }
+    return (A, R) => {
+      const V = me;
+      return p(), I(v(Tn), {
+        theme: i.theme,
+        locale: i.locale,
+        "get-popup-container": m
+      }, {
+        default: d(() => [
+          s("div", {
+            ref_key: "themeScopeRootEl",
+            ref: h,
+            class: "lowcode-theme-scope h-full w-full min-h-0 min-w-0"
+          }, [
+            s("div", {
+              class: "flex h-full w-full flex-row overflow-hidden",
+              style: Ht(b.value)
+            }, [
+              s("div", {
+                ref_key: "sidebarPanelRef",
+                ref: y,
+                class: ce(["flex h-full shrink-0", C.value && "relative z-30"])
+              }, [
+                s("nav", Kr, [
+                  (p(), S(K, null, ne(e, (U) => s("button", {
+                    key: U.key,
+                    type: "button",
+                    class: ce([lo, O.value === U.key ? "bg-[var(--colorPrimary)] text-[var(--colorTextLightSolid)] hover:bg-[var(--colorPrimary)] hover:text-[var(--colorTextLightSolid)]" : "bg-transparent text-[var(--colorTextSecondary)] hover:bg-[var(--colorFillSecondary)] hover:text-[var(--colorText)]"]),
+                    title: U.title,
+                    "aria-label": U.title,
+                    "aria-current": O.value === U.key ? "page" : void 0,
+                    onClick: (G) => w(U.key)
+                  }, [
+                    (p(), I(Ut(U.icon), { class: "text-base" }))
+                  ], 10, Zr)), 64))
+                ]),
+                O.value ? (p(), S("aside", {
+                  key: 0,
+                  class: ce(["flex h-full w-[280px] min-w-[280px] flex-col border-r border-[var(--colorSplit)] bg-[var(--colorBgContainer)]", L.value ? "shrink-0" : "absolute top-0 left-12 z-30 shadow-[0_4px_12px_color-mix(in_srgb,var(--colorText)_8%,transparent)]"])
+                }, [
+                  s("header", Xr, [
+                    s("div", eo, [
+                      s("span", to, H(_.value), 1),
+                      s("div", ao, [
+                        o(V, {
+                          type: "text",
+                          size: "small",
+                          class: "!h-7 !w-7 !p-0",
+                          title: L.value ? "取消固定" : "固定面板",
+                          onClick: R[0] || (R[0] = (U) => L.value = !L.value)
+                        }, {
+                          default: d(() => [
+                            L.value ? (p(), I(v(ut), {
+                              key: 0,
+                              class: "text-xs text-[var(--colorPrimary)]"
+                            })) : (p(), I(v(ct), {
+                              key: 1,
+                              class: "text-xs text-[var(--colorTextSecondary)]"
+                            }))
+                          ]),
+                          _: 1
+                        }, 8, ["title"]),
+                        o(V, {
+                          type: "text",
+                          size: "small",
+                          class: "!h-7 !w-7 !p-0",
+                          title: "关闭",
+                          "aria-label": "关闭",
+                          onClick: R[1] || (R[1] = (U) => O.value = null)
+                        }, {
+                          default: d(() => [
+                            o(v(En), { class: "text-xs text-[var(--colorTextSecondary)]" })
+                          ]),
+                          _: 1
+                        })
+                      ])
+                    ])
+                  ]),
+                  O.value === "widgetLibrary" ? (p(), I($l, { key: 0 })) : O.value === "pageOutline" ? (p(), I(zl, { key: 1 })) : O.value === "dataSource" ? (p(), I(ar, { key: 2 })) : O.value === "methods" ? (p(), I(Jr, { key: 3 })) : W("", !0)
+                ], 2)) : W("", !0)
+              ], 2),
+              s("main", no, [
+                o(ol)
+              ]),
+              o(hl, { class: "h-full w-[320px] min-w-[320px] shrink-0" }, {
+                "page-setter-options": d((U) => [
+                  Bt(A.$slots, "page-setter-options", Ft(Wt(U)))
+                ]),
+                _: 3
+              })
+            ], 4)
+          ], 512)
+        ]),
+        _: 3
+      }, 8, ["theme", "locale"]);
+    };
+  }
+});
+export {
+  Za as DEFAULT_LOWCODE_DESIGNER_HEIGHT,
+  fo as DEFAULT_LOWCODE_DESIGNER_LOCALE,
+  mo as DEFAULT_LOWCODE_DESIGNER_THEME,
+  Ka as DEFAULT_LOWCODE_DESIGNER_WIDTH,
+  Ba as DESIGNER_KEY,
+  vo as LOWCODE_UPLOAD_KEY,
+  uo as LowcodeDesigner,
+  Ya as applyLowcodeThemeCssVariables,
+  rn as createDefaultPage,
+  ho as createDefaultPageScript,
+  Ua as createDesigner,
+  yo as getDesignerComponentName,
+  _o as getSetterComponentName,
+  ja as provideLowcodeUpload,
+  bo as resolvePageTitle,
+  fe as useInjectDesigner,
+  Ze as useInjectMaterialRegistry,
+  go as useLowcodeToken
+};
+//# sourceMappingURL=designer.js.map