@chamn/engine 0.10.1 → 0.10.2

package/dist/index.es.js

@@ -2,7 +2,7 @@ var wo = Object.defineProperty;
 var So = (n, t, e) => t in n ? wo(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
 var w = (n, t, e) => So(n, typeof t != "symbol" ? t + "" : t, e);
 import { jsxs as b, jsx as r, Fragment as z } from "react/jsx-runtime";
-import G, { useMemo as T, useState as R, useRef as P, useContext as Ne, useEffect as L, useCallback as F, forwardRef as oe, useImperativeHandle as se, isValidElement as No, createContext as Co } from "react";
+import G, { useMemo as T, useState as R, useRef as P, useContext as Ne, useEffect as D, useCallback as F, forwardRef as oe, useImperativeHandle as se, isValidElement as No, createContext as Co } from "react";
 import { Resizable as Dn } from "re-resizable";
 import { Button as J, Popover as xt, Collapse as Je, Input as de, Tabs as vn, message as qe, ConfigProvider as H, InputNumber as ca, Modal as ze, Switch as _o, Select as Xe, AutoComplete as dt, ColorPicker as da, Slider as ko, Radio as $, Row as B, Col as A, Card as yn, Alert as Po, Tooltip as Ro, Dropdown as xn, TreeSelect as Eo, Space as bn, Empty as Ln, Segmented as To } from "antd";
 import { PushpinOutlined as Mo, CloseOutlined as Io, DoubleRightOutlined as Vo, SearchOutlined as Do, AppstoreAddOutlined as Lo, EyeInvisibleOutlined as ua, CopyOutlined as pa, DeleteOutlined as bt, RightOutlined as Ao, EyeOutlined as Bo, ApartmentOutlined as zo, CloseCircleOutlined as Oo, QuestionCircleOutlined as $o, SwapOutlined as ma, HolderOutlined as Fo, PlusOutlined as wn, MinusOutlined as ga, MinusCircleOutlined as Ho, DatabaseOutlined as Uo, BorderOutlined as Go, MobileOutlined as jo } from "@ant-design/icons";
@@ -1768,14 +1768,14 @@ const Oa = G.createContext({
   } = Ne(Oa), [f, g] = R((j = t.current) == null ? void 0 : j.titleEditable), [y, h] = R("");
   t.current.titleEditable = f;
   const v = l.expandKeys.find((I) => I === a.key), x = (I) => {
-    let D = l.expandKeys;
-    I !== void 0 ? I === !0 ? v || D.push(a.key || "") : v && (D = D.filter((Z) => Z !== a.key)) : v ? D = D.filter((Z) => Z !== a.key) : D.push(a.key || ""), c({
-      expandKeys: D
+    let L = l.expandKeys;
+    I !== void 0 ? I === !0 ? v || L.push(a.key || "") : v && (L = L.filter((Z) => Z !== a.key)) : v ? L = L.filter((Z) => Z !== a.key) : L.push(a.key || ""), c({
+      expandKeys: L
     });
   }, C = l.currentSelectNodeKeys.find((I) => I === a.key), S = P(null), k = async () => {
-    var D;
+    var L;
     if (x(!0), f) {
-      (D = S == null ? void 0 : S.current) == null || D.focus();
+      (L = S == null ? void 0 : S.current) == null || L.focus();
       return;
     }
     if (a.canBeSelected !== void 0 && a.canBeSelected === !1)
@@ -1794,13 +1794,13 @@ const Oa = G.createContext({
     [De]: a.key
   }, W = P(), K = P();
   K.current = l, W.current = (I) => {
-    const D = l.expandKeys, Z = Array.from(/* @__PURE__ */ new Set([...D, I]));
+    const L = l.expandKeys, Z = Array.from(/* @__PURE__ */ new Set([...L, I]));
     c({
       expandKeys: Z
     });
   };
   const te = P(null);
-  L(() => {
+  D(() => {
     var Ue, Vn;
     let I = 0;
     (Ue = te.current) == null || Ue.addEventListener("mouseenter", () => {
@@ -1811,7 +1811,7 @@ const Oa = G.createContext({
     }), (Vn = te.current) == null || Vn.addEventListener("mouseleave", () => {
       clearTimeout(I);
     });
-    const D = (be) => {
+    const L = (be) => {
       var pe;
       if (t.current.titleEditable) {
         if (be.target === ((pe = S.current) == null ? void 0 : pe.input))
@@ -1822,17 +1822,17 @@ const Oa = G.createContext({
     let Z;
     return (async () => {
       const be = await n.pluginCtx.pluginManager.get("Designer"), pe = be == null ? void 0 : be.export, et = pe == null ? void 0 : pe.getDesignerWindow();
-      et == null || et.addEventListener("click", D), Z = et || null;
-    })(), document.addEventListener("click", D), () => {
-      I && clearTimeout(I), document.removeEventListener("click", D), Z == null || Z.removeEventListener("click", D);
+      et == null || et.addEventListener("click", L), Z = et || null;
+    })(), document.addEventListener("click", L), () => {
+      I && clearTimeout(I), document.removeEventListener("click", L), Z == null || Z.removeEventListener("click", L);
     };
   }, []);
   const U = (Y = l.pageModel) == null ? void 0 : Y.getNode(a.key || ""), $e = () => {
     const I = !s;
     if (!U)
       return;
-    const D = U.value.configure.devState ?? {};
-    D.condition = I, U.value.configure.devState = D, U.updateValue(), i(I);
+    const L = U.value.configure.devState ?? {};
+    L.condition = I, U.value.configure.devState = L, U.updateValue(), i(I);
   };
   let Fe = a.title;
   a.titleViewRender && (Fe = a.titleViewRender({
@@ -1848,8 +1848,8 @@ const Oa = G.createContext({
         onMouseMove: async () => {
           if (!a.key)
             return;
-          const I = await (p == null ? void 0 : p()), D = I == null ? void 0 : I.getDynamicComponentInstances(a.key);
-          typeof (D == null ? void 0 : D._CONDITION) < "u" && i(D == null ? void 0 : D._CONDITION);
+          const I = await (p == null ? void 0 : p()), L = I == null ? void 0 : I.getDynamicComponentInstances(a.key);
+          typeof (L == null ? void 0 : L._CONDITION) < "u" && i(L == null ? void 0 : L._CONDITION);
         },
         children: [
           (Q = a.children) != null && Q.length ? /* @__PURE__ */ r("span", { style: { paddingRight: "5px" }, className: ne.arrowSpan, onClickCapture: () => x(), children: /* @__PURE__ */ r(Ao, { className: V([ne.nodeArrow, v && ne.expanded]) }) }) : null,
@@ -1864,7 +1864,7 @@ const Oa = G.createContext({
                 var Lt;
                 if (!U)
                   return;
-                const I = U, D = (Lt = I.materialsModel.findByComponentName(I.value.componentName)) == null ? void 0 : Lt.value.title, Z = I.value.title || D || I.value.componentName || "";
+                const I = U, L = (Lt = I.materialsModel.findByComponentName(I.value.componentName)) == null ? void 0 : Lt.value.title, Z = I.value.title || L || I.value.componentName || "";
                 h(Z), g(!0), setTimeout(() => {
                   var Ue;
                   (Ue = S.current) == null || Ue.focus();
@@ -1936,9 +1936,9 @@ const Oa = G.createContext({
           paddingLeft: `${N}px`,
           height: v ? "auto" : "0"
         },
-        children: v && ((xe = a.children) == null ? void 0 : xe.map((I, D) => {
-          const Z = `${I.key}-${D}`;
-          return /* @__PURE__ */ r($a, { item: I, paths: [...o, D], level: e + 1, pluginCtx: n.pluginCtx }, Z);
+        children: v && ((xe = a.children) == null ? void 0 : xe.map((I, L) => {
+          const Z = `${I.key}-${L}`;
+          return /* @__PURE__ */ r($a, { item: I, paths: [...o, L], level: e + 1, pluginCtx: n.pluginCtx }, Z);
         }))
       }
     )
@@ -2318,27 +2318,38 @@ const Fa = ({
   setterContext: t,
   initialValue: e,
   ...a
-}) => /* @__PURE__ */ r(
-  H,
-  {
-    theme: {
-      token: {
-        borderRadius: 4
-      }
-    },
-    children: /* @__PURE__ */ r(
-      de,
-      {
-        ...a,
-        value: a.value ?? e,
-        onChange: (o) => {
-          var s;
-          (s = a.onChange) == null || s.call(a, o), n == null || n(o.target.value);
+}) => {
+  const [o, s] = R(a.value ?? e ?? ""), i = P(a.value ?? e);
+  return D(() => {
+    const l = a.value ?? e;
+    l !== i.current && (i.current = l, s(l ?? ""));
+  }, [a.value, e]), /* @__PURE__ */ r(
+    H,
+    {
+      theme: {
+        token: {
+          borderRadius: 4
         }
-      }
-    )
-  }
-);
+      },
+      children: /* @__PURE__ */ r(
+        de,
+        {
+          ...a,
+          value: o,
+          onChange: (l) => {
+            const c = l.target.value;
+            s(c);
+          },
+          onBlur: (l) => {
+            var d, u;
+            const c = l.target.value;
+            i.current = c, (d = a.onChange) == null || d.call(a, l), n == null || n(c), (u = a.onBlur) == null || u.call(a, l);
+          }
+        }
+      )
+    }
+  );
+};
 Fa.setterName = "字符设置器";
 const Ha = ({
   onValueChange: n,
@@ -2390,7 +2401,7 @@ function zi(n) {
   }, s = {
     [t]: n.value
   }, i = P(null);
-  return L(() => {
+  return D(() => {
     var l;
     (l = i.current) == null || l.setFields({
       [t]: n.value
@@ -2439,7 +2450,7 @@ const Oi = "_dragItem_xzliq_2", $i = "_sortModalBox_xzliq_13", Fi = "_addOneBtn_
   ...s
 }) => {
   const [i, l] = R([]);
-  L(() => {
+  D(() => {
     const m = n.map((f, g) => ({
       val: f,
       oldIndex: g,
@@ -2553,7 +2564,7 @@ const Ua = ({
       }
     ]
   );
-  return L(() => {
+  return D(() => {
     var y;
     t.setCollapseHeaderExt && ((y = t.setCollapseHeaderExt) == null || y.call(
       t,
@@ -2644,7 +2655,7 @@ const Ga = ({
   initialValue: o
 }) => {
   const { keyPaths: s } = a, i = P(null);
-  return L(() => {
+  return D(() => {
     var l;
     (l = i.current) == null || l.setFields(e || {});
   }, [e]), /* @__PURE__ */ r(
@@ -3193,7 +3204,7 @@ const Ka = (n) => {
   }
 }, Kn = ({ editor: n, value: t, initialValue: e, onChange: a, height: o, editorOptions: s }) => {
   const i = P(), l = P();
-  return l.current = t, L(() => {
+  return l.current = t, D(() => {
     var d, u;
     const c = Er(((d = i.current) == null ? void 0 : d.getValue()) || "", {});
     JSON.stringify(t) !== JSON.stringify(c) && ((u = i.current) == null || u.setValue(JSON.stringify(t, null, 2)));
@@ -3402,7 +3413,17 @@ const Ja = ({
   valueValidator: a,
   ...o
 }) => {
-  const [s, i] = R("");
+  const [s, i] = R(""), [l, c] = R(o.value ?? e ?? ""), d = P(o.value ?? e);
+  D(() => {
+    const p = o.value ?? e;
+    p !== d.current && (d.current = p, c(p ?? ""));
+  }, [o.value, e]);
+  const u = (p) => {
+    if (a !== void 0) {
+      const m = a(p);
+      i(m ? "" : "error");
+    }
+  };
   return /* @__PURE__ */ r(
     H,
     {
@@ -3416,15 +3437,15 @@ const Ja = ({
         {
           status: s,
           ...o,
-          value: o.value ?? e,
-          onChange: (l) => {
-            var d;
-            const c = l.target.value;
-            if (a !== void 0) {
-              const u = a(c);
-              i(u ? "" : "error");
-            }
-            (d = o.onChange) == null || d.call(o, l), n == null || n(l.target.value);
+          value: l,
+          onChange: (p) => {
+            const m = p.target.value;
+            c(m), u(m);
+          },
+          onBlur: (p) => {
+            var f, g;
+            const m = p.target.value;
+            d.current = m, (f = o.onChange) == null || f.call(o, p), n == null || n(m), (g = o.onBlur) == null || g.call(o, p);
           }
         }
       )
@@ -4347,7 +4368,7 @@ const Ji = "_inputAuto_gk0d2_2", Xi = "_active_gk0d2_6", qn = {
   const o = P(null), [s, i] = R(e ?? (a || "")), [l, c] = R(!1), d = () => {
     n == null || n(s);
   };
-  L(() => {
+  D(() => {
     i(e);
   }, [e]);
   const u = T(() => {
@@ -4660,7 +4681,7 @@ const Qi = "_cssSizeInput_1ig9c_2", Zi = "_unitSelect_1ig9c_5", Jn = {
     },
     [n, e]
   );
-  return L(() => {
+  return D(() => {
     const s = At(document.body, "mousemove", (c) => {
       o(c);
     }), i = At(document.body, "mouseup", (c) => {
@@ -6185,7 +6206,7 @@ const Kt = (n = {}) => {
     const [s, i] = R(
       localStorage.getItem("CHAMN_STYLE_EDITOR_MODE") || "VISUAL"
     ), l = P(null), c = P(null), d = P(null), u = P(null), p = P(null), m = P(null), f = P(null), g = P(null);
-    L(() => {
+    D(() => {
       localStorage.setItem("CHAMN_STYLE_EDITOR_MODE", s);
     }, [s]);
     const y = T(() => [l, c, d, u, p, m, f], [l, c, d, u, p, m, f]), h = P(null), v = F(
@@ -6217,7 +6238,7 @@ const Kt = (n = {}) => {
       },
       [e]
     );
-    L(() => {
+    D(() => {
       v(h.current);
     }, [s, v]), se(
       o,
@@ -6392,7 +6413,7 @@ const Kt = (n = {}) => {
     const d = s.value.style || [], { normalProperty: u } = je(d);
     (p = o.current) == null || p.setValue(on(u) || {});
   }, [s]);
-  return L(() => (c(), s.emitter.on("onNodeChange", c), s.emitter.on("onReloadPage", c), () => {
+  return D(() => (c(), s.emitter.on("onNodeChange", c), s.emitter.on("onReloadPage", c), () => {
     s.emitter.off("onNodeChange", c), s.emitter.off("onReloadPage", c);
   }), [s.emitter, s.id, c]), /* @__PURE__ */ r(
     oo,
@@ -6432,7 +6453,7 @@ const Kt = (n = {}) => {
     const c = e || s.value;
     return c === void 0 ? "_undefined_" : c === null ? "_null_" : c || "_undefined_";
   }, [e, s.value]);
-  return L(() => {
+  return D(() => {
     n == null || n(a ?? void 0);
   }, []), /* @__PURE__ */ r(
     H,
@@ -6495,9 +6516,9 @@ const Ce = {
   });
   let c = e;
   const { formState: d, updateContext: u, updateConditionConfig: p } = G.useContext(Pt);
-  if (L(() => {
+  if (D(() => {
     n.condition && p(o, n.condition);
-  }, [o, n.condition, p]), L(() => {
+  }, [o, n.condition, p]), D(() => {
     var v;
     const h = (n.condition ?? (() => !0))(d);
     (v = n.onConditionValueChange) == null || v.call(n, h);
@@ -6601,7 +6622,7 @@ const Ce = {
     ...o || {},
     ...i
   };
-  L(() => {
+  D(() => {
     var f;
     const u = ((f = l[t.join(".")]) == null ? void 0 : f.setter) || "", m = n.find((g) => g.componentName === u) || Bi(s.value, n) || n[0];
     a(m);
@@ -7297,7 +7318,7 @@ const Gl = "_l_1lpc6_2", jl = "_r_1lpc6_11", Wl = "_b_1lpc6_20", Kl = "_dragBox_
   const { data: t } = n, { onDataChange: e, pageModel: a, pluginCtx: o, nodeModel: s } = Ze();
   St(t, Re, {});
   const i = t[Re], [l, c] = R(!1), d = P(null), [u, p] = R();
-  return L(() => {
+  return D(() => {
     var f;
     const m = {
       id: t.id,
@@ -7451,7 +7472,7 @@ const ht = "args.", nc = (n, t) => {
   const { data: t } = n, { pageModel: e, onDataChange: a, pluginCtx: o, nodeModel: s } = Ze();
   St(t, Re, {});
   const i = t[Re], l = P(null), [c, d] = R();
-  L(() => {
+  D(() => {
     var y;
     const g = {
       id: t.id || "",
@@ -7572,7 +7593,7 @@ const ht = "args.", nc = (n, t) => {
   );
 }, rc = (n) => {
   const { data: t } = n, { onDataChange: e } = Ze(), a = P(null), [o, s] = R(!1);
-  L(() => {
+  D(() => {
     var l;
     (l = a.current) == null || l.setFields({
       link: t.link
@@ -7657,7 +7678,7 @@ const ht = "args.", nc = (n, t) => {
   const c = t[Re], d = P(null), [u, p] = R(), m = (S) => l.getEdges().some(
     (N) => N.source === String(t.id) && (N.sourceHandle || ie) === S
   ), f = m(ie), g = m(Ae);
-  L(() => {
+  D(() => {
     var k;
     const S = {
       id: t.id,
@@ -8057,7 +8078,7 @@ const pc = {
     },
     [l, t, c, s]
   );
-  L(() => {
+  D(() => {
     const { nodes: S, edges: k } = gc(n.value);
     s(S), c(k), setTimeout(() => {
       g(!0);
@@ -8234,7 +8255,7 @@ const xc = {
 }, Sc = (n) => {
   var c, d, u;
   const { node: t } = n, e = ((c = t == null ? void 0 : t.material) == null ? void 0 : c.value.props) || [], a = P(null);
-  L(() => {
+  D(() => {
     const p = () => {
       var f, g;
       const m = ((f = t == null ? void 0 : t.getPlainProps) == null ? void 0 : f.call(t)) || {};
@@ -8282,7 +8303,7 @@ const xc = {
   }
 }, uo = (n) => {
   const t = n.node, e = t.value.state || {}, a = P(null);
-  L(() => {
+  D(() => {
     var i;
     const s = t.value.state || {};
     (i = a == null ? void 0 : a.current) == null || i.setValue(JSON.stringify(s, null, 2));
@@ -8481,7 +8502,7 @@ const xc = {
       setter: x
     });
   }, o = P(null);
-  L(() => {
+  D(() => {
     var C;
     const v = t == null ? void 0 : t.value.loop, x = {
       id: t == null ? void 0 : t.id,
@@ -9172,7 +9193,7 @@ const xc = {
       property: ((y = t.value) == null ? void 0 : y.property) || "",
       value: ((h = t.value) == null ? void 0 : h.value) || ""
     });
-    L(() => {
+    D(() => {
       t.value && c(t.value);
     }, [t.value]);
     const [d, u] = R(Xt), p = (v) => {
@@ -9341,7 +9362,7 @@ const xc = {
       }
     }),
     []
-  ), L(() => {
+  ), D(() => {
     t.initialValue && o(t.initialValue);
   }, []);
   const [s, i] = R({
@@ -9710,7 +9731,7 @@ const xc = {
         }
       }),
       []
-    ), L(() => {
+    ), D(() => {
       t.initialValue && o([...t.initialValue]);
     }, []);
     const l = (d) => {
@@ -9808,7 +9829,7 @@ const xc = {
   ]), o = P({}), s = (h) => {
     e(h);
   }, [i, l] = R([]), c = T(() => ra.filter((h) => !i.includes(h.key)), [i]), d = T(() => ra.filter((h) => i.includes(h.key)), [i]), [u, p] = R(n.initialValue ?? {});
-  L(() => {
+  D(() => {
     const h = Object.keys(u);
     l(h);
   }, [u]);
@@ -9836,7 +9857,7 @@ const xc = {
         }
       }) : p(h), await ye(), (v = g.current) == null || v.call(g);
     }
-  }), L(() => {
+  }), D(() => {
     var h;
     (h = g.current) == null || h.call(g);
   }, [t]);
@@ -9963,7 +9984,7 @@ const xc = {
     const f = e.value.style || [], { expressionProperty: g, normalProperty: y } = je(f), h = _r(e.value.css);
     (v = t.current) == null || v.setValue([...g]), (x = o.current) == null || x.setValue(h), (C = i.current) == null || C.setValue(e.value.classNames || []), (S = s.current) == null || S.setValue(on(y) || {});
   }, [e]);
-  L(() => (d(), e.emitter.on("onNodeChange", d), e.emitter.on("onReloadPage", d), () => {
+  D(() => (d(), e.emitter.on("onNodeChange", d), e.emitter.on("onReloadPage", d), () => {
     e.emitter.off("onNodeChange", d), e.emitter.off("onReloadPage", d);
   }), [e.emitter, e.id, n.activeTab, d]);
   const u = (f) => {
@@ -10066,7 +10087,7 @@ const xc = {
 ], ad = (n) => {
   var c;
   const { node: t } = n, [e, a] = R([]), o = t == null ? void 0 : t.value.eventListener;
-  L(() => {
+  D(() => {
     var u, p;
     const d = ((p = (u = t == null ? void 0 : t.material) == null ? void 0 : u.value.events) == null ? void 0 : p.map((m) => typeof m == "string" ? {
       label: m,
@@ -10349,7 +10370,7 @@ const rd = {
 let Zt = !1;
 const dd = (n) => {
   const { pluginCtx: t } = n, e = t.pageModel.value.componentsTree.value.state || {}, a = P(null);
-  L(() => {
+  D(() => {
     var s;
     (s = a == null ? void 0 : a.current) == null || s.setValue(JSON.stringify(e, null, 2)), t.pageModel.emitter.on("onReloadPage", () => {
       var i;
@@ -10868,7 +10889,7 @@ const bd = [
     const c = t.current, d = c == null ? void 0 : c.export.getDesignerWindow(), u = d == null ? void 0 : d.innerWidth;
     s(Number(u));
   }, []);
-  L(() => {
+  D(() => {
     let c, d;
     return n.ctx.pluginManager.onPluginReadyOk("Designer").then((u) => {
       t.current = u, d = u == null ? void 0 : u.export.getDesignerWindow(), c = () => {
@@ -11501,7 +11522,7 @@ class _d extends G.Component {
     return /* @__PURE__ */ r("div", { className: V([Ir.engineContainer, this.props.className]), style: this.props.style, children: /* @__PURE__ */ r(Tr, { ref: this.workbenchRef, emitter: this.emitter, ...this.workbenchConfig }) });
   }
 }
-w(_d, "version", "0.10.1");
+w(_d, "version", "0.10.2");
 export {
   mo as AdvancePanel,
   go as AdvancePanelConfig,