@nuwatop/code-canvas-runtime 0.5.46 → 0.5.48

package/dist/index.esm.js

@@ -1,19 +1,19 @@
-var le = Object.defineProperty;
-var ie = (t, e, r) => e in t ? le(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var ce = Object.defineProperty;
+var ie = (t, e, r) => e in t ? ce(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
 var z = (t, e, r) => ie(t, typeof e != "symbol" ? e + "" : e, r);
 import * as se from "@nuwatop/code-canvas-core";
-import { parseAction as ce, useAndStore as g, getCoreConfig as w, useStoreByName as de } from "@nuwatop/code-canvas-core";
+import { parseAction as ue, useAndStore as y, getCoreConfig as w, useStoreByName as de, createWatchCommands as fe } from "@nuwatop/code-canvas-core";
 export * from "@nuwatop/code-canvas-core";
-import { jsx as a, jsxs as T, Fragment as ue } from "react/jsx-runtime";
-import P, { useState as V, useEffect as fe, useMemo as S, Suspense as L } from "react";
-import { Spin as F, ConfigProvider as G, message as pe, Modal as me, Drawer as he } from "antd";
-import { create as ye } from "zustand";
-import { produce as ge } from "immer";
-import { createRoot as J } from "react-dom/client";
-function be(t) {
+import { jsx as c, jsxs as T, Fragment as pe } from "react/jsx-runtime";
+import x, { useState as B, useEffect as me, useMemo as P, Suspense as F } from "react";
+import { Spin as Y, ConfigProvider as J, message as he, Modal as ye, Drawer as ge } from "antd";
+import { create as be } from "zustand";
+import { produce as ve } from "immer";
+import { createRoot as X } from "react-dom/client";
+function Ce(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var A = {}, X = { exports: {} };
+var A = {}, Z = { exports: {} };
 (function(t) {
   function e(r) {
     return r && r.__esModule ? r : {
@@ -21,13 +21,13 @@ var A = {}, X = { exports: {} };
     };
   }
   t.exports = e, t.exports.__esModule = !0, t.exports.default = t.exports;
-})(X);
-var I = X.exports, D = {};
+})(Z);
+var q = Z.exports, D = {};
 Object.defineProperty(D, "__esModule", {
   value: !0
 });
 D.default = void 0;
-const ve = {
+const we = {
   // Options
   items_per_page: "条/页",
   jump_to: "跳至",
@@ -42,8 +42,8 @@ const ve = {
   next_3: "向后 3 页",
   page_size: "页码"
 };
-D.default = ve;
-var N = {}, _ = {}, M = {}, R = {};
+D.default = we;
+var M = {}, _ = {}, N = {}, R = {};
 Object.defineProperty(R, "__esModule", {
   value: !0
 });
@@ -54,11 +54,11 @@ R.commonLocale = {
   cellMeridiemFormat: "A",
   monthBeforeYear: !0
 };
-Object.defineProperty(M, "__esModule", {
+Object.defineProperty(N, "__esModule", {
   value: !0
 });
-M.default = void 0;
-var Ce = R;
+N.default = void 0;
+var _e = R;
 function C(t) {
   "@babel/helpers - typeof";
   return C = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
@@ -71,31 +71,31 @@ function Q(t, e) {
   var r = Object.keys(t);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(t);
-    e && (n = n.filter(function(i) {
-      return Object.getOwnPropertyDescriptor(t, i).enumerable;
+    e && (n = n.filter(function(o) {
+      return Object.getOwnPropertyDescriptor(t, o).enumerable;
     })), r.push.apply(r, n);
   }
   return r;
 }
-function B(t) {
+function G(t) {
   for (var e = 1; e < arguments.length; e++) {
     var r = arguments[e] != null ? arguments[e] : {};
     e % 2 ? Q(Object(r), !0).forEach(function(n) {
-      we(t, n, r[n]);
+      $e(t, n, r[n]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(r)) : Q(Object(r)).forEach(function(n) {
       Object.defineProperty(t, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
   return t;
 }
-function we(t, e, r) {
-  return e = _e(e), e in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t;
+function $e(t, e, r) {
+  return e = Se(e), e in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t;
 }
-function _e(t) {
-  var e = $e(t, "string");
+function Se(t) {
+  var e = Pe(t, "string");
   return C(e) == "symbol" ? e : String(e);
 }
-function $e(t, e) {
+function Pe(t, e) {
   if (C(t) != "object" || !t) return t;
   var r = t[Symbol.toPrimitive];
   if (r !== void 0) {
@@ -105,7 +105,7 @@ function $e(t, e) {
   }
   return (e === "string" ? String : Number)(t);
 }
-var xe = B(B({}, Ce.commonLocale), {}, {
+var xe = G(G({}, _e.commonLocale), {}, {
   locale: "zh_CN",
   today: "今天",
   now: "此刻",
@@ -133,24 +133,24 @@ var xe = B(B({}, Ce.commonLocale), {}, {
   cellDateFormat: "D",
   monthBeforeYear: !1
 });
-M.default = xe;
+N.default = xe;
 var $ = {};
 Object.defineProperty($, "__esModule", {
   value: !0
 });
 $.default = void 0;
-const Se = {
+const Oe = {
   placeholder: "请选择时间",
   rangePlaceholder: ["开始时间", "结束时间"]
 };
-$.default = Se;
-var Z = I.default;
+$.default = Oe;
+var K = q.default;
 Object.defineProperty(_, "__esModule", {
   value: !0
 });
 _.default = void 0;
-var Pe = Z(M), Oe = Z($);
-const K = {
+var je = K(N), Ae = K($);
+const ee = {
   lang: {
     placeholder: "请选择日期",
     yearPlaceholder: "请选择年份",
@@ -162,33 +162,33 @@ const K = {
     rangeMonthPlaceholder: ["开始月份", "结束月份"],
     rangeQuarterPlaceholder: ["开始季度", "结束季度"],
     rangeWeekPlaceholder: ["开始周", "结束周"],
-    ...Pe.default
+    ...je.default
   },
   timePickerLocale: {
-    ...Oe.default
+    ...Ae.default
   }
 };
-K.lang.ok = "确定";
-_.default = K;
-var je = I.default;
-Object.defineProperty(N, "__esModule", {
+ee.lang.ok = "确定";
+_.default = ee;
+var De = q.default;
+Object.defineProperty(M, "__esModule", {
   value: !0
 });
-N.default = void 0;
-var Ae = je(_);
-N.default = Ae.default;
-var k = I.default;
+M.default = void 0;
+var Me = De(_);
+M.default = Me.default;
+var k = q.default;
 Object.defineProperty(A, "__esModule", {
   value: !0
 });
 A.default = void 0;
-var De = k(D), Ne = k(N), Me = k(_), Re = k($);
-const p = "${label}不是一个有效的${type}", ke = {
+var Ne = k(D), Re = k(M), ke = k(_), ze = k($);
+const p = "${label}不是一个有效的${type}", Te = {
   locale: "zh-cn",
-  Pagination: De.default,
-  DatePicker: Me.default,
-  TimePicker: Re.default,
-  Calendar: Ne.default,
+  Pagination: Ne.default,
+  DatePicker: ke.default,
+  TimePicker: ze.default,
+  Calendar: Re.default,
   // locales for all components
   global: {
     placeholder: "请选择",
@@ -323,9 +323,9 @@ const p = "${label}不是一个有效的${type}", ke = {
     gradientColor: "渐变色"
   }
 };
-A.default = ke;
-var ze = A;
-const Y = /* @__PURE__ */ be(ze), m = /* @__PURE__ */ new Map(), Te = () => {
+A.default = Te;
+var Le = A;
+const U = /* @__PURE__ */ Ce(Le), m = /* @__PURE__ */ new Map(), Ee = () => {
   const t = se;
   Object.keys(t).forEach((e) => {
     if (e.startsWith("And") && typeof t[e] == "function") {
@@ -334,94 +334,94 @@ const Y = /* @__PURE__ */ be(ze), m = /* @__PURE__ */ new Map(), Te = () => {
     }
   });
 };
-Te();
-const Ee = (t, e) => {
+Ee();
+const Fe = (t, e) => {
   m.set(t, e), m.set(t.toLowerCase(), e);
-}, q = (t) => {
+}, H = (t) => {
   let e = m.get(t);
   return e || (e = m.get(t.toLowerCase()), e) || !t.startsWith("And") && (e = m.get(`And${t}`), e) || t.startsWith("and-") || (e = m.get(`and-${t.toLowerCase()}`)), e;
-}, Le = () => Array.from(m.keys()), ft = {
-  register: Ee,
-  get: q,
-  getAll: Le,
+}, Ye = () => Array.from(m.keys()), ht = {
+  register: Fe,
+  get: H,
+  getAll: Ye,
   has: (t) => m.has(t) || m.has(t.toLowerCase())
-}, Fe = (t) => {
+}, qe = (t) => {
   try {
     const e = JSON.parse(t);
-    return Ie(e);
+    return Ue(e);
   } catch (e) {
     throw new Error(`Failed to parse page config: ${e}`);
   }
-}, Ie = (t) => {
+}, Ue = (t) => {
   if (!t)
     throw new Error("Page config is empty");
   return t.html || t.components ? {
     id: t.id,
     title: t.title,
     style: t.style,
-    components: E(t.components || []),
+    components: L(t.components || []),
     dataSets: t.dataSets || {},
     actions: t.actions || {}
   } : t;
-}, E = (t) => Array.isArray(t) ? t.map((e) => {
+}, L = (t) => Array.isArray(t) ? t.map((e) => {
   var r;
   return e.tagName || e["data-gjs-type"] ? {
     id: ((r = e.attributes) == null ? void 0 : r.id) || e.id,
     type: e["data-gjs-type"] || e.tagName || "div",
     props: { ...e.attributes },
-    children: e.components ? E(e.components) : void 0,
+    children: e.components ? L(e.components) : void 0,
     style: e.style
   } : {
     id: e.id,
     type: e.type,
     props: e.props || {},
-    children: e.children ? E(e.children) : void 0,
+    children: e.children ? L(e.children) : void 0,
     style: e.style
   };
-}) : [], Ye = F, qe = G, pt = ({
+}) : [], He = Y, We = J, yt = ({
   pageConfig: t,
   sessionId: e = `runtime_${Date.now()}`,
   develop: r = !1,
   theme: n,
-  loading: i = !1,
-  onError: l
+  loading: o = !1,
+  onError: a
 }) => {
-  const [o, d] = V(null), [c, f] = V(null);
-  fe(() => {
+  const [l, u] = B(null), [s, f] = B(null);
+  me(() => {
     try {
-      const s = typeof t == "string" ? Fe(t) : t;
-      d(s), f(null);
-    } catch (s) {
-      const u = s instanceof Error ? s : new Error(String(s));
-      f(u), l == null || l(u);
+      const i = typeof t == "string" ? qe(t) : t;
+      u(i), f(null);
+    } catch (i) {
+      const d = i instanceof Error ? i : new Error(String(i));
+      f(d), a == null || a(d);
     }
-  }, [t, l]);
-  const h = (s, u) => {
-    var W;
-    const b = q(s.type);
+  }, [t, a]);
+  const h = (i, d) => {
+    var V;
+    const b = H(i.type);
     if (!b)
       return r ? /* @__PURE__ */ T("div", { style: { padding: 8, background: "#fff1f0", border: "1px solid #ffa39e", borderRadius: 4 }, children: [
         "未知组件: ",
-        s.type
-      ] }, s.id || u) : (console.warn(`Unknown component type: ${s.type}`), null);
+        i.type
+      ] }, i.id || d) : (console.warn(`Unknown component type: ${i.type}`), null);
     const v = {
-      ...s.props,
-      id: s.id,
+      ...i.props,
+      id: i.id,
       sessionId: e,
       develop: r,
-      key: s.id || u
-    }, ne = (W = s.children) == null ? void 0 : W.map((oe, ae) => h(oe, ae));
-    return P.createElement(b, v, ne);
-  }, y = S(() => i ? /* @__PURE__ */ a("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", minHeight: 200 }, children: /* @__PURE__ */ a(Ye, { size: "large" }) }) : c ? /* @__PURE__ */ T("div", { style: { padding: 24, background: "#fff2f0", border: "1px solid #ffccc7", borderRadius: 8 }, children: [
-    /* @__PURE__ */ a("h3", { style: { color: "#cf1322" }, children: "渲染错误" }),
-    /* @__PURE__ */ a("p", { children: c.message })
-  ] }) : o ? /* @__PURE__ */ a("div", { className: "runtime-container", style: o.style, children: o.components.map((s, u) => h(s, u)) }) : null, [i, c, o, e, r]);
-  return /* @__PURE__ */ a(qe, { locale: Y, theme: n, children: y });
-}, Ue = (t) => (e, r, n) => (n.setState = (i, l, ...o) => {
-  const d = typeof i == "function" ? ge(i) : i;
-  return e(d, l, ...o);
-}, t(n.setState, r, n)), He = Ue, mt = ye()(
-  He((t) => ({
+      key: i.id || d
+    }, oe = (V = i.children) == null ? void 0 : V.map((ae, le) => h(ae, le));
+    return x.createElement(b, v, oe);
+  }, g = P(() => o ? /* @__PURE__ */ c("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", minHeight: 200 }, children: /* @__PURE__ */ c(He, { size: "large" }) }) : s ? /* @__PURE__ */ T("div", { style: { padding: 24, background: "#fff2f0", border: "1px solid #ffccc7", borderRadius: 8 }, children: [
+    /* @__PURE__ */ c("h3", { style: { color: "#cf1322" }, children: "渲染错误" }),
+    /* @__PURE__ */ c("p", { children: s.message })
+  ] }) : l ? /* @__PURE__ */ c("div", { className: "runtime-container", style: l.style, children: l.components.map((i, d) => h(i, d)) }) : null, [o, s, l, e, r]);
+  return /* @__PURE__ */ c(We, { locale: U, theme: n, children: g });
+}, Ie = (t) => (e, r, n) => (n.setState = (o, a, ...l) => {
+  const u = typeof o == "function" ? ve(o) : o;
+  return e(u, a, ...l);
+}, t(n.setState, r, n)), Ve = Ie, gt = be()(
+  Ve((t) => ({
     currentPageId: null,
     pageConfigs: {},
     loading: !1,
@@ -442,65 +442,65 @@ const Ee = (t, e) => {
       e.pageConfigs = {};
     })
   }))
-), U = /* @__PURE__ */ new Map(), x = (t, e) => {
-  U.set(t, e);
-}, We = async (t, e) => {
-  const { actionName: r, arg: n } = ce(t, e.value), i = U.get(r);
-  if (i)
-    return i(e, n);
-  const l = g.getState().addCommand;
-  return l(e.sessionId, {
+), W = /* @__PURE__ */ new Map(), S = (t, e) => {
+  W.set(t, e);
+}, Be = async (t, e) => {
+  const { actionName: r, arg: n } = ue(t, e.value), o = W.get(r);
+  if (o)
+    return o(e, n);
+  const a = y.getState().addCommand;
+  return a(e.sessionId, {
     actionName: r,
     arg: n,
     timestamp: Date.now()
   }), { actionName: r, arg: n };
 };
-x("setDataSet", (t, e) => {
-  const { setDataSet: r } = g.getState();
+S("setDataSet", (t, e) => {
+  const { setDataSet: r } = y.getState();
   e != null && e.dataSet && (e == null ? void 0 : e.field) !== void 0 && r(e.dataSet, e.field, e.value);
 });
-x("navigate", (t, e) => {
+S("navigate", (t, e) => {
   typeof window < "u" && (e != null && e.url) && (e.target === "_blank" ? window.open(e.url, "_blank") : window.location.href = e.url);
 });
-x("alert", (t, e) => {
+S("alert", (t, e) => {
   typeof window < "u" && window.alert((e == null ? void 0 : e.message) || e);
 });
-x("console", (t, e) => {
+S("console", (t, e) => {
 });
-const ht = {
-  execute: We,
-  register: x,
-  hasHandler: (t) => U.has(t)
-}, Ve = F, yt = ({
+const bt = {
+  execute: Be,
+  register: S,
+  hasHandler: (t) => W.has(t)
+}, Qe = Y, vt = ({
   componentName: t,
   componentProps: e = {},
   storePropsKey: r,
   sessionId: n,
-  loadingFallback: i,
-  notFoundFallback: l,
-  onError: o
+  loadingFallback: o,
+  notFoundFallback: a,
+  onError: l
 }) => {
-  const d = g((s) => {
+  const u = y((i) => {
     if (!r) return null;
     const b = r.split(".")[0];
-    return s.dataSets[b];
-  }), c = S(() => {
-    if (!r || !d) return {};
-    const u = r.split(".")[1];
-    return u ? d[u] || {} : d;
-  }, [r, d]), f = S(() => ({
-    ...c,
+    return i.dataSets[b];
+  }), s = P(() => {
+    if (!r || !u) return {};
+    const d = r.split(".")[1];
+    return d ? u[d] || {} : u;
+  }, [r, u]), f = P(() => ({
+    ...s,
     ...e,
     sessionId: n
-  }), [c, e, n]), h = S(() => {
+  }), [s, e, n]), h = P(() => {
     try {
-      return q(t);
-    } catch (s) {
-      const u = s instanceof Error ? s : new Error(String(s));
-      return o == null || o(u), null;
+      return H(t);
+    } catch (i) {
+      const d = i instanceof Error ? i : new Error(String(i));
+      return l == null || l(d), null;
     }
-  }, [t, o]), y = /* @__PURE__ */ a("div", { style: { display: "flex", justifyContent: "center", padding: 24 }, children: /* @__PURE__ */ a(Ve, {}) });
-  return h ? /* @__PURE__ */ a(L, { fallback: i || y, children: /* @__PURE__ */ a(h, { ...f }) }) : l ? /* @__PURE__ */ a(ue, { children: l }) : /* @__PURE__ */ T("div", { style: {
+  }, [t, l]), g = /* @__PURE__ */ c("div", { style: { display: "flex", justifyContent: "center", padding: 24 }, children: /* @__PURE__ */ c(Qe, {}) });
+  return h ? /* @__PURE__ */ c(F, { fallback: o || g, children: /* @__PURE__ */ c(h, { ...f }) }) : a ? /* @__PURE__ */ c(pe, { children: a }) : /* @__PURE__ */ T("div", { style: {
     padding: 16,
     background: "#fff7e6",
     border: "1px solid #ffd591",
@@ -511,8 +511,8 @@ const ht = {
     "组件未找到: ",
     t
   ] });
-}, Qe = he, Be = me, O = F, ee = G;
-class Ge {
+}, Ge = ge, Je = ye, O = Y, te = J;
+class Xe {
   constructor() {
     z(this, "drawers", /* @__PURE__ */ new Map());
     z(this, "isSetup", !1);
@@ -556,17 +556,17 @@ class Ge {
     }));
   }
 }
-const j = new Ge(), te = () => `drawer-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, Je = ({ options: t, onClose: e, Component: r }) => {
-  const [n, i] = P.useState(!0), l = w(), o = () => {
-    var y;
-    i(!1), (y = t.onClose) == null || y.call(t), setTimeout(() => {
+const j = new Xe(), re = () => `drawer-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, Ze = ({ options: t, onClose: e, Component: r }) => {
+  const [n, o] = x.useState(!0), a = w(), l = () => {
+    var g;
+    o(!1), (g = t.onClose) == null || g.call(t), setTimeout(() => {
       e();
     }, 300);
-  }, { component: d, componentName: c, componentProps: f, ...h } = t;
-  return /* @__PURE__ */ a(ee, { locale: Y, theme: l.theme, children: /* @__PURE__ */ a(Qe, { ...h, open: n, onClose: o, destroyOnHidden: !0, children: r ? /* @__PURE__ */ a(
-    L,
+  }, { component: u, componentName: s, componentProps: f, ...h } = t;
+  return /* @__PURE__ */ c(te, { locale: U, theme: a.theme, children: /* @__PURE__ */ c(Ge, { ...h, open: n, onClose: l, destroyOnHidden: !0, children: r ? /* @__PURE__ */ c(
+    F,
     {
-      fallback: /* @__PURE__ */ a(
+      fallback: /* @__PURE__ */ c(
         "div",
         {
           style: {
@@ -574,12 +574,12 @@ const j = new Ge(), te = () => `drawer-${Date.now()}-${Math.random().toString(36
             justifyContent: "center",
             padding: 40
           },
-          children: /* @__PURE__ */ a(O, {})
+          children: /* @__PURE__ */ c(O, {})
         }
       ),
-      children: /* @__PURE__ */ a(r, { ...f || {}, onClose: o })
+      children: /* @__PURE__ */ c(r, { ...f || {}, onClose: l })
     }
-  ) : /* @__PURE__ */ a(
+  ) : /* @__PURE__ */ c(
     "div",
     {
       style: {
@@ -588,41 +588,41 @@ const j = new Ge(), te = () => `drawer-${Date.now()}-${Math.random().toString(36
         alignItems: "center",
         height: "100%"
       },
-      children: /* @__PURE__ */ a(O, { tip: "加载中..." })
+      children: /* @__PURE__ */ c(O, { tip: "加载中..." })
     }
   ) }) });
-}, Xe = ({ options: t, onClose: e, Component: r }) => {
-  const [n, i] = P.useState(!0), [l, o] = P.useState(!1), d = w(), c = () => {
+}, Ke = ({ options: t, onClose: e, Component: r }) => {
+  const [n, o] = x.useState(!0), [a, l] = x.useState(!1), u = w(), s = () => {
     var v;
-    i(!1), (v = t.onClose) == null || v.call(t), setTimeout(() => {
+    o(!1), (v = t.onClose) == null || v.call(t), setTimeout(() => {
       e();
     }, 300);
   }, f = async () => {
     if (t.onOk) {
-      o(!0);
+      l(!0);
       try {
-        await t.onOk(), c();
+        await t.onOk(), s();
       } catch (v) {
         console.error("Modal onOk error:", v);
       } finally {
-        o(!1);
+        l(!1);
       }
     } else
-      c();
-  }, { component: h, componentName: y, componentProps: s, onOk: u, ...b } = t;
-  return /* @__PURE__ */ a(ee, { locale: Y, theme: d.theme, children: /* @__PURE__ */ a(
-    Be,
+      s();
+  }, { component: h, componentName: g, componentProps: i, onOk: d, ...b } = t;
+  return /* @__PURE__ */ c(te, { locale: U, theme: u.theme, children: /* @__PURE__ */ c(
+    Je,
     {
       ...b,
       open: n,
-      onCancel: c,
+      onCancel: s,
       onOk: f,
-      confirmLoading: l,
+      confirmLoading: a,
       destroyOnHidden: !0,
-      children: r ? /* @__PURE__ */ a(
-        L,
+      children: r ? /* @__PURE__ */ c(
+        F,
         {
-          fallback: /* @__PURE__ */ a(
+          fallback: /* @__PURE__ */ c(
             "div",
             {
               style: {
@@ -630,12 +630,12 @@ const j = new Ge(), te = () => `drawer-${Date.now()}-${Math.random().toString(36
                 justifyContent: "center",
                 padding: 40
               },
-              children: /* @__PURE__ */ a(O, {})
+              children: /* @__PURE__ */ c(O, {})
             }
           ),
-          children: /* @__PURE__ */ a(r, { ...s || {}, onClose: c })
+          children: /* @__PURE__ */ c(r, { ...i || {}, onClose: s })
         }
-      ) : /* @__PURE__ */ a(
+      ) : /* @__PURE__ */ c(
         "div",
         {
           style: {
@@ -644,79 +644,79 @@ const j = new Ge(), te = () => `drawer-${Date.now()}-${Math.random().toString(36
             alignItems: "center",
             minHeight: 100
           },
-          children: /* @__PURE__ */ a(O, { tip: "加载中..." })
+          children: /* @__PURE__ */ c(O, { tip: "加载中..." })
         }
       )
     }
   ) });
 };
-function Ze(t) {
-  const e = te(), r = document.createElement("div");
+function et(t) {
+  const e = re(), r = document.createElement("div");
   r.setAttribute("data-drawer-container", "true"), r.setAttribute("data-drawer-id", e), document.body.appendChild(r);
-  const n = J(r), i = () => {
-    var o;
+  const n = X(r), o = () => {
+    var l;
     try {
-      j.remove(e), n.unmount(), r.remove(), (o = t.afterClose) == null || o.call(t);
-    } catch (d) {
-      console.error("Drawer cleanup failed:", d);
+      j.remove(e), n.unmount(), r.remove(), (l = t.afterClose) == null || l.call(t);
+    } catch (u) {
+      console.error("Drawer cleanup failed:", u);
     }
   };
-  j.add({ id: e, root: n, mountNode: r, cleanup: i });
-  let l = t.component || null;
-  if (!l && t.componentName) {
-    const o = w();
-    o.componentResolver ? l = o.componentResolver(t.componentName) : console.warn(
+  j.add({ id: e, root: n, mountNode: r, cleanup: o });
+  let a = t.component || null;
+  if (!a && t.componentName) {
+    const l = w();
+    l.componentResolver ? a = l.componentResolver(t.componentName) : console.warn(
       "[UIUtils.showDrawer] componentResolver not configured. Cannot resolve component:",
       t.componentName
     );
   }
   return n.render(
-    /* @__PURE__ */ a(Je, { options: t, onClose: i, Component: l })
-  ), i;
+    /* @__PURE__ */ c(Ze, { options: t, onClose: o, Component: a })
+  ), o;
 }
-function Ke(t) {
-  const e = te(), r = document.createElement("div");
+function tt(t) {
+  const e = re(), r = document.createElement("div");
   r.setAttribute("data-modal-container", "true"), r.setAttribute("data-modal-id", e), document.body.appendChild(r);
-  const n = J(r), i = () => {
+  const n = X(r), o = () => {
     try {
       n.unmount(), r.remove();
-    } catch (o) {
-      console.error("Modal cleanup failed:", o);
+    } catch (l) {
+      console.error("Modal cleanup failed:", l);
     }
   };
-  let l = t.component || null;
-  if (!l && t.componentName) {
-    const o = w();
-    o.componentResolver ? l = o.componentResolver(t.componentName) : console.warn(
+  let a = t.component || null;
+  if (!a && t.componentName) {
+    const l = w();
+    l.componentResolver ? a = l.componentResolver(t.componentName) : console.warn(
       "[UIUtils.showModal] componentResolver not configured. Cannot resolve component:",
       t.componentName
     );
   }
   return n.render(
-    /* @__PURE__ */ a(Xe, { options: t, onClose: i, Component: l })
-  ), i;
+    /* @__PURE__ */ c(Ke, { options: t, onClose: o, Component: a })
+  ), o;
 }
-function et() {
+function rt() {
   j.cleanupAll();
 }
-function tt() {
+function nt() {
   return j.count;
 }
-function rt(t, e, r, n) {
-  pe[t](e, r, n);
+function ot(t, e, r, n) {
+  he[t](e, r, n);
 }
-const gt = {
-  showDrawer: Ze,
-  showModal: Ke,
-  cleanupAllDrawers: et,
-  getDrawerCount: tt,
-  msg: rt
-}, H = { module: "Module1" }, re = { router: void 0 }, bt = (t) => {
-  H.module = t;
-}, vt = (t) => {
-  re.router = t;
-}, nt = (t, e, r) => {
-  r ? r(H.module).then((n) => {
+const Ct = {
+  showDrawer: et,
+  showModal: tt,
+  cleanupAllDrawers: rt,
+  getDrawerCount: nt,
+  msg: ot
+}, I = { module: "Module1" }, ne = { router: void 0 }, wt = (t) => {
+  I.module = t;
+}, _t = (t) => {
+  ne.router = t;
+}, at = (t, e, r) => {
+  r ? r(I.module).then((n) => {
     typeof n[t] == "function" ? n[t](e) : console.error(
       `Action "${t}" does not exist on the module.`
     );
@@ -725,67 +725,110 @@ const gt = {
   }) : console.warn(
     "Module loader not configured. Please provide moduleLoader in initRuntime options."
   );
-}, Ct = (t) => {
-  const { sessionId: e = "default", utils: r, moduleLoader: n } = t || {}, i = w();
-  let l = 0;
-  return g.subscribe((d) => {
-    const c = d.commandQueues[e] ?? [];
-    if (c.length <= l) {
-      l = c.length;
+}, $t = (t) => {
+  const { sessionId: e = "default", utils: r, moduleLoader: n } = t || {}, o = w();
+  let a = 0;
+  return y.subscribe((u) => {
+    const s = u.commandQueues[e] ?? [];
+    if (s.length <= a) {
+      a = s.length;
       return;
     }
-    const f = c[c.length - 1];
-    !f || typeof f.actionName != "string" || (l = c.length, g.getState().popCommand(e), nt(
+    const f = s[s.length - 1];
+    !f || typeof f.actionName != "string" || (a = s.length, y.getState().popCommand(e), at(
       f.actionName,
       {
         ...f.arg,
-        moduleName: H.module,
+        moduleName: I.module,
         ctx: {
           utils: r,
           useStoreByName: de,
-          defHttp: i.request,
+          defHttp: o.request,
           useValidateWatchStore: void 0,
-          router: re.router
+          router: ne.router
         }
       },
       n
     ));
   });
 };
-function wt(t) {
+function St(t) {
   return t && typeof t == "object" ? Object.values(t).some(
     (e) => typeof e == "string" && e.trim().length > 0
   ) : !1;
 }
-function _t(t, e) {
-  g.getState().addCommand(t, {
+function Pt(t, e) {
+  y.getState().addCommand(t, {
     ...e,
     timestamp: Date.now()
   });
 }
-function $t(t, e) {
-  return g.getState().getValidateResults(t, e) ?? {};
+function xt(t, e) {
+  return y.getState().getValidateResults(t, e) ?? {};
+}
+const E = /* @__PURE__ */ new Map();
+function lt(t) {
+  const e = E.get(t);
+  if (e) {
+    try {
+      e();
+    } catch (r) {
+      console.error("[PageScope] runPageScopeCleanups failed:", t, r);
+    }
+    E.delete(t);
+  }
+}
+function Ot(t) {
+  let e = [];
+  const r = () => {
+    for (; e.length; ) {
+      const n = e.pop();
+      try {
+        n == null || n();
+      } catch (o) {
+        console.error("[PageScope] cleanup failed:", t, o);
+      }
+    }
+  };
+  return {
+    sessionId: t,
+    setup(n, o) {
+      if (!(!t || !n)) {
+        if (lt(t), e = [], o != null && o.commands) {
+          const a = fe(o.commands)(n, t);
+          typeof a == "function" && e.push(a);
+        }
+        o != null && o.onLeave && e.push(o.onLeave), E.set(t, r);
+      }
+    },
+    subscribe(n, o) {
+      const a = y.subscribe(n, o);
+      typeof a == "function" && e.push(a);
+    }
+  };
 }
 export {
-  ht as ActionExecutor,
-  ft as ComponentRegistry,
-  yt as DynamicContainer,
-  pt as RuntimeRenderer,
-  gt as UIUtils,
-  _t as addCommand,
-  et as cleanupAllDrawers,
-  q as getComponent,
-  tt as getDrawerCount,
-  $t as getValidateResults,
-  Ct as initRuntime,
-  rt as msg,
-  Fe as parsePageConfig,
-  Ee as registerComponent,
-  vt as setRoute,
-  Ze as showDrawer,
-  Ke as showModal,
-  bt as useModule,
-  mt as useRuntimeStore,
-  wt as validateFailed
+  bt as ActionExecutor,
+  ht as ComponentRegistry,
+  vt as DynamicContainer,
+  yt as RuntimeRenderer,
+  Ct as UIUtils,
+  Pt as addCommand,
+  rt as cleanupAllDrawers,
+  Ot as createPageScope,
+  H as getComponent,
+  nt as getDrawerCount,
+  xt as getValidateResults,
+  $t as initRuntime,
+  ot as msg,
+  qe as parsePageConfig,
+  Fe as registerComponent,
+  lt as runPageScopeCleanups,
+  _t as setRoute,
+  et as showDrawer,
+  tt as showModal,
+  wt as useModule,
+  gt as useRuntimeStore,
+  St as validateFailed
 };
 //# sourceMappingURL=index.esm.js.map