@chamn/render 0.0.45 → 0.1.0

package/dist/index.mjs

@@ -31,8 +31,8 @@ const Fn = ba;
 var _a = typeof self == "object" && self && self.Object === Object && self, Sa = Fn || _a || Function("return this")();
 const K = Sa;
 var ja = K.Symbol;
-const G = ja;
-var Un = Object.prototype, Oa = Un.hasOwnProperty, wa = Un.toString, kt = G ? G.toStringTag : void 0;
+const V = ja;
+var Un = Object.prototype, Oa = Un.hasOwnProperty, wa = Un.toString, kt = V ? V.toStringTag : void 0;
 function Ca(t) {
   var e = Oa.call(t, kt), r = t[kt];
   try {
@@ -43,11 +43,11 @@ function Ca(t) {
   var o = wa.call(t);
   return n && (e ? t[kt] = r : delete t[kt]), o;
 }
-var Ea = Object.prototype, $a = Ea.toString;
+var $a = Object.prototype, Ea = $a.toString;
 function Na(t) {
-  return $a.call(t);
+  return Ea.call(t);
 }
-var xa = "[object Null]", Ta = "[object Undefined]", Fr = G ? G.toStringTag : void 0;
+var xa = "[object Null]", Ta = "[object Undefined]", Fr = V ? V.toStringTag : void 0;
 function ht(t) {
   return t == null ? t === void 0 ? Ta : xa : Fr && Fr in Object(t) ? Ca(t) : Na(t);
 }
@@ -65,7 +65,7 @@ function or(t, e) {
 }
 var Aa = Array.isArray;
 const R = Aa;
-var Pa = 1 / 0, Ur = G ? G.prototype : void 0, kr = Ur ? Ur.toString : void 0;
+var Pa = 1 / 0, Ur = V ? V.prototype : void 0, kr = Ur ? Ur.toString : void 0;
 function kn(t) {
   if (typeof t == "string")
     return t;
@@ -92,12 +92,12 @@ function sr(t) {
 }
 var Ba = K["__core-js_shared__"];
 const Te = Ba;
-var Vr = function() {
+var Gr = function() {
   var t = /[^.]+$/.exec(Te && Te.keys && Te.keys.IE_PROTO || "");
   return t ? "Symbol(src)_1." + t : "";
 }();
 function Fa(t) {
-  return !!Vr && Vr in t;
+  return !!Gr && Gr in t;
 }
 var Ua = Function.prototype, ka = Ua.toString;
 function mt(t) {
@@ -113,13 +113,13 @@ function mt(t) {
   }
   return "";
 }
-var Va = /[\\^$.*+?()[\]{}|]/g, Ga = /^\[object .+?Constructor\]$/, za = Function.prototype, Ha = Object.prototype, Ja = za.toString, Wa = Ha.hasOwnProperty, Qa = RegExp(
-  "^" + Ja.call(Wa).replace(Va, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+var Ga = /[\\^$.*+?()[\]{}|]/g, Va = /^\[object .+?Constructor\]$/, za = Function.prototype, Ha = Object.prototype, Ja = za.toString, Wa = Ha.hasOwnProperty, Qa = RegExp(
+  "^" + Ja.call(Wa).replace(Ga, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
 );
 function qa(t) {
   if (!Q(t) || Fa(t))
     return !1;
-  var e = sr(t) ? Qa : Ga;
+  var e = sr(t) ? Qa : Va;
   return e.test(mt(t));
 }
 function Ya(t, e) {
@@ -131,14 +131,14 @@ function vt(t, e) {
 }
 var Ka = vt(K, "WeakMap");
 const Ue = Ka;
-var Gr = Object.create, Xa = function() {
+var Vr = Object.create, Xa = function() {
   function t() {
   }
   return function(e) {
     if (!Q(e))
       return {};
-    if (Gr)
-      return Gr(e);
+    if (Vr)
+      return Vr(e);
     t.prototype = e;
     var r = new t();
     return t.prototype = void 0, r;
@@ -160,7 +160,7 @@ function ts(t, e, r) {
 }
 function es() {
 }
-function Vn(t, e) {
+function Gn(t, e) {
   var r = -1, n = t.length;
   for (e || (e = Array(n)); ++r < n; )
     e[r] = t[r];
@@ -202,7 +202,7 @@ var cs = le ? function(t, e) {
 } : ar;
 const us = cs;
 var ls = as(us);
-const Gn = ls;
+const Vn = ls;
 function fs(t, e) {
   for (var r = -1, n = t == null ? 0 : t.length; ++r < n && e(t[r], r, t) !== !1; )
     ;
@@ -272,7 +272,7 @@ function zn(t, e, r) {
   };
 }
 function Hn(t, e) {
-  return Gn(zn(t, e, ar), t + "");
+  return Vn(zn(t, e, ar), t + "");
 }
 var Ss = 9007199254740991;
 function ur(t) {
@@ -307,14 +307,14 @@ function Cs(t, e) {
     n[r] = e(r);
   return n;
 }
-var Es = "[object Arguments]";
+var $s = "[object Arguments]";
 function Hr(t) {
-  return Y(t) && ht(t) == Es;
+  return Y(t) && ht(t) == $s;
 }
-var Jn = Object.prototype, $s = Jn.hasOwnProperty, Ns = Jn.propertyIsEnumerable, xs = Hr(function() {
+var Jn = Object.prototype, Es = Jn.hasOwnProperty, Ns = Jn.propertyIsEnumerable, xs = Hr(function() {
   return arguments;
 }()) ? Hr : function(t) {
-  return Y(t) && $s.call(t, "callee") && !Ns.call(t, "callee");
+  return Y(t) && Es.call(t, "callee") && !Ns.call(t, "callee");
 };
 const Wt = xs;
 function Ts() {
@@ -322,20 +322,20 @@ function Ts() {
 }
 var Wn = typeof exports == "object" && exports && !exports.nodeType && exports, Jr = Wn && typeof module == "object" && module && !module.nodeType && module, Ms = Jr && Jr.exports === Wn, Wr = Ms ? K.Buffer : void 0, As = Wr ? Wr.isBuffer : void 0, Ps = As || Ts;
 const Qt = Ps;
-var Rs = "[object Arguments]", Is = "[object Array]", Ds = "[object Boolean]", Ls = "[object Date]", Bs = "[object Error]", Fs = "[object Function]", Us = "[object Map]", ks = "[object Number]", Vs = "[object Object]", Gs = "[object RegExp]", zs = "[object Set]", Hs = "[object String]", Js = "[object WeakMap]", Ws = "[object ArrayBuffer]", Qs = "[object DataView]", qs = "[object Float32Array]", Ys = "[object Float64Array]", Ks = "[object Int8Array]", Xs = "[object Int16Array]", Zs = "[object Int32Array]", ti = "[object Uint8Array]", ei = "[object Uint8ClampedArray]", ri = "[object Uint16Array]", ni = "[object Uint32Array]", $ = {};
-$[qs] = $[Ys] = $[Ks] = $[Xs] = $[Zs] = $[ti] = $[ei] = $[ri] = $[ni] = !0;
-$[Rs] = $[Is] = $[Ws] = $[Ds] = $[Qs] = $[Ls] = $[Bs] = $[Fs] = $[Us] = $[ks] = $[Vs] = $[Gs] = $[zs] = $[Hs] = $[Js] = !1;
+var Rs = "[object Arguments]", Is = "[object Array]", Ds = "[object Boolean]", Ls = "[object Date]", Bs = "[object Error]", Fs = "[object Function]", Us = "[object Map]", ks = "[object Number]", Gs = "[object Object]", Vs = "[object RegExp]", zs = "[object Set]", Hs = "[object String]", Js = "[object WeakMap]", Ws = "[object ArrayBuffer]", Qs = "[object DataView]", qs = "[object Float32Array]", Ys = "[object Float64Array]", Ks = "[object Int8Array]", Xs = "[object Int16Array]", Zs = "[object Int32Array]", ti = "[object Uint8Array]", ei = "[object Uint8ClampedArray]", ri = "[object Uint16Array]", ni = "[object Uint32Array]", E = {};
+E[qs] = E[Ys] = E[Ks] = E[Xs] = E[Zs] = E[ti] = E[ei] = E[ri] = E[ni] = !0;
+E[Rs] = E[Is] = E[Ws] = E[Ds] = E[Qs] = E[Ls] = E[Bs] = E[Fs] = E[Us] = E[ks] = E[Gs] = E[Vs] = E[zs] = E[Hs] = E[Js] = !1;
 function oi(t) {
-  return Y(t) && ur(t.length) && !!$[ht(t)];
+  return Y(t) && ur(t.length) && !!E[ht(t)];
 }
 function fr(t) {
   return function(e) {
     return t(e);
   };
 }
-var Qn = typeof exports == "object" && exports && !exports.nodeType && exports, Gt = Qn && typeof module == "object" && module && !module.nodeType && module, ai = Gt && Gt.exports === Qn, Me = ai && Fn.process, si = function() {
+var Qn = typeof exports == "object" && exports && !exports.nodeType && exports, Vt = Qn && typeof module == "object" && module && !module.nodeType && module, ai = Vt && Vt.exports === Qn, Me = ai && Fn.process, si = function() {
   try {
-    var t = Gt && Gt.require && Gt.require("util").types;
+    var t = Vt && Vt.require && Vt.require("util").types;
     return t || Me && Me.binding && Me.binding("util");
   } catch {
   }
@@ -408,14 +408,14 @@ function Oi(t) {
   var e = this.has(t) && delete this.__data__[t];
   return this.size -= e ? 1 : 0, e;
 }
-var wi = "__lodash_hash_undefined__", Ci = Object.prototype, Ei = Ci.hasOwnProperty;
-function $i(t) {
+var wi = "__lodash_hash_undefined__", Ci = Object.prototype, $i = Ci.hasOwnProperty;
+function Ei(t) {
   var e = this.__data__;
   if (qt) {
     var r = e[t];
     return r === wi ? void 0 : r;
   }
-  return Ei.call(e, t) ? e[t] : void 0;
+  return $i.call(e, t) ? e[t] : void 0;
 }
 var Ni = Object.prototype, xi = Ni.hasOwnProperty;
 function Ti(t) {
@@ -436,7 +436,7 @@ function lt(t) {
 }
 lt.prototype.clear = ji;
 lt.prototype.delete = Oi;
-lt.prototype.get = $i;
+lt.prototype.get = Ei;
 lt.prototype.has = Ti;
 lt.prototype.set = Ai;
 function Pi() {
@@ -488,15 +488,15 @@ function ki() {
     string: new lt()
   };
 }
-function Vi(t) {
+function Gi(t) {
   var e = typeof t;
   return e == "string" || e == "number" || e == "symbol" || e == "boolean" ? t !== "__proto__" : t === null;
 }
 function be(t, e) {
   var r = t.__data__;
-  return Vi(e) ? r[typeof e == "string" ? "string" : "hash"] : r.map;
+  return Gi(e) ? r[typeof e == "string" ? "string" : "hash"] : r.map;
 }
-function Gi(t) {
+function Vi(t) {
   var e = be(this, t).delete(t);
   return this.size -= e ? 1 : 0, e;
 }
@@ -518,7 +518,7 @@ function et(t) {
   }
 }
 et.prototype.clear = ki;
-et.prototype.delete = Gi;
+et.prototype.delete = Vi;
 et.prototype.get = zi;
 et.prototype.has = Hi;
 et.prototype.set = Ji;
@@ -578,7 +578,7 @@ function mr(t, e) {
     t[o + r] = e[r];
   return t;
 }
-var qr = G ? G.isConcatSpreadable : void 0;
+var qr = V ? V.isConcatSpreadable : void 0;
 function rc(t) {
   return R(t) || Wt(t) || !!(qr && t && t[qr]);
 }
@@ -595,7 +595,7 @@ function nc(t) {
   return e ? vr(t, 1) : [];
 }
 function oc(t) {
-  return Gn(zn(t, void 0, nc), t + "");
+  return Vn(zn(t, void 0, nc), t + "");
 }
 var ac = Yn(Object.getPrototypeOf, Object);
 const gr = ac;
@@ -681,12 +681,12 @@ const yr = wc;
 function Cc(t, e) {
   return Nt(t, yr(t), e);
 }
-var Ec = Object.getOwnPropertySymbols, $c = Ec ? function(t) {
+var $c = Object.getOwnPropertySymbols, Ec = $c ? function(t) {
   for (var e = []; t; )
     mr(e, yr(t)), t = gr(t);
   return e;
 } : eo;
-const ro = $c;
+const ro = Ec;
 function Nc(t, e) {
   return Nt(t, ro(t), e);
 }
@@ -701,13 +701,13 @@ function br(t) {
   return no(t, re, ro);
 }
 var xc = vt(K, "DataView");
-const Ve = xc;
+const Ge = xc;
 var Tc = vt(K, "Promise");
-const Ge = Tc;
+const Ve = Tc;
 var Mc = vt(K, "Set");
 const _t = Mc;
-var tn = "[object Map]", Ac = "[object Object]", en = "[object Promise]", rn = "[object Set]", nn = "[object WeakMap]", on = "[object DataView]", Pc = mt(Ve), Rc = mt(Yt), Ic = mt(Ge), Dc = mt(_t), Lc = mt(Ue), ut = ht;
-(Ve && ut(new Ve(new ArrayBuffer(1))) != on || Yt && ut(new Yt()) != tn || Ge && ut(Ge.resolve()) != en || _t && ut(new _t()) != rn || Ue && ut(new Ue()) != nn) && (ut = function(t) {
+var tn = "[object Map]", Ac = "[object Object]", en = "[object Promise]", rn = "[object Set]", nn = "[object WeakMap]", on = "[object DataView]", Pc = mt(Ge), Rc = mt(Yt), Ic = mt(Ve), Dc = mt(_t), Lc = mt(Ue), ut = ht;
+(Ge && ut(new Ge(new ArrayBuffer(1))) != on || Yt && ut(new Yt()) != tn || Ve && ut(Ve.resolve()) != en || _t && ut(new _t()) != rn || Ue && ut(new Ue()) != nn) && (ut = function(t) {
   var e = ht(t), r = e == Ac ? t.constructor : void 0, n = r ? mt(r) : "";
   if (n)
     switch (n) {
@@ -736,16 +736,16 @@ function _r(t) {
   var e = new t.constructor(t.byteLength);
   return new fe(e).set(new fe(t)), e;
 }
-function Vc(t, e) {
+function Gc(t, e) {
   var r = e ? _r(t.buffer) : t.buffer;
   return new t.constructor(r, t.byteOffset, t.byteLength);
 }
-var Gc = /\w*$/;
+var Vc = /\w*$/;
 function zc(t) {
-  var e = new t.constructor(t.source, Gc.exec(t));
+  var e = new t.constructor(t.source, Vc.exec(t));
   return e.lastIndex = t.lastIndex, e;
 }
-var an = G ? G.prototype : void 0, sn = an ? an.valueOf : void 0;
+var an = V ? V.prototype : void 0, sn = an ? an.valueOf : void 0;
 function Hc(t) {
   return sn ? Object(sn.call(t)) : {};
 }
@@ -763,7 +763,7 @@ function fu(t, e, r) {
     case Wc:
       return new n(+t);
     case eu:
-      return Vc(t, r);
+      return Gc(t, r);
     case ru:
     case nu:
     case ou:
@@ -802,28 +802,28 @@ function gu(t) {
 }
 var un = St && St.isSet, yu = un ? fr(un) : gu;
 const bu = yu;
-var _u = 1, Su = 2, ju = 4, so = "[object Arguments]", Ou = "[object Array]", wu = "[object Boolean]", Cu = "[object Date]", Eu = "[object Error]", io = "[object Function]", $u = "[object GeneratorFunction]", Nu = "[object Map]", xu = "[object Number]", co = "[object Object]", Tu = "[object RegExp]", Mu = "[object Set]", Au = "[object String]", Pu = "[object Symbol]", Ru = "[object WeakMap]", Iu = "[object ArrayBuffer]", Du = "[object DataView]", Lu = "[object Float32Array]", Bu = "[object Float64Array]", Fu = "[object Int8Array]", Uu = "[object Int16Array]", ku = "[object Int32Array]", Vu = "[object Uint8Array]", Gu = "[object Uint8ClampedArray]", zu = "[object Uint16Array]", Hu = "[object Uint32Array]", E = {};
-E[so] = E[Ou] = E[Iu] = E[Du] = E[wu] = E[Cu] = E[Lu] = E[Bu] = E[Fu] = E[Uu] = E[ku] = E[Nu] = E[xu] = E[co] = E[Tu] = E[Mu] = E[Au] = E[Pu] = E[Vu] = E[Gu] = E[zu] = E[Hu] = !0;
-E[Eu] = E[io] = E[Ru] = !1;
+var _u = 1, Su = 2, ju = 4, so = "[object Arguments]", Ou = "[object Array]", wu = "[object Boolean]", Cu = "[object Date]", $u = "[object Error]", io = "[object Function]", Eu = "[object GeneratorFunction]", Nu = "[object Map]", xu = "[object Number]", co = "[object Object]", Tu = "[object RegExp]", Mu = "[object Set]", Au = "[object String]", Pu = "[object Symbol]", Ru = "[object WeakMap]", Iu = "[object ArrayBuffer]", Du = "[object DataView]", Lu = "[object Float32Array]", Bu = "[object Float64Array]", Fu = "[object Int8Array]", Uu = "[object Int16Array]", ku = "[object Int32Array]", Gu = "[object Uint8Array]", Vu = "[object Uint8ClampedArray]", zu = "[object Uint16Array]", Hu = "[object Uint32Array]", $ = {};
+$[so] = $[Ou] = $[Iu] = $[Du] = $[wu] = $[Cu] = $[Lu] = $[Bu] = $[Fu] = $[Uu] = $[ku] = $[Nu] = $[xu] = $[co] = $[Tu] = $[Mu] = $[Au] = $[Pu] = $[Gu] = $[Vu] = $[zu] = $[Hu] = !0;
+$[$u] = $[io] = $[Ru] = !1;
 function zt(t, e, r, n, o, a) {
   var i, s = e & _u, c = e & Su, u = e & ju;
   if (r && (i = o ? r(t, n, o, a) : r(t)), i !== void 0)
     return i;
   if (!Q(t))
     return t;
-  var l = R(t);
-  if (l) {
+  var f = R(t);
+  if (f) {
     if (i = Uc(t), !s)
-      return Vn(t, i);
+      return Gn(t, i);
   } else {
-    var p = Kt(t), f = p == io || p == $u;
+    var p = Kt(t), l = p == io || p == Eu;
     if (Qt(t))
       return to(t, s);
-    if (p == co || p == so || f && !o) {
-      if (i = c || f ? {} : ao(t), !s)
+    if (p == co || p == so || l && !o) {
+      if (i = c || l ? {} : ao(t), !s)
         return c ? Nc(t, bc(i, t)) : Cc(t, yc(i, t));
     } else {
-      if (!E[p])
+      if (!$[p])
         return o ? t : {};
       i = fu(t, p, s);
     }
@@ -837,7 +837,7 @@ function zt(t, e, r, n, o, a) {
   }) : mu(t) && t.forEach(function(b, S) {
     i.set(S, zt(b, e, r, S, t, a));
   });
-  var h = u ? c ? br : ke : c ? re : ge, g = l ? void 0 : h(t);
+  var h = u ? c ? br : ke : c ? re : ge, g = f ? void 0 : h(t);
   return fs(g || t, function(b, S) {
     g && (S = b, b = t[S]), cr(i, S, zt(b, e, r, S, t, a));
   }), i;
@@ -874,10 +874,10 @@ function fo(t, e, r, n, o, a) {
   var i = r & Xu, s = t.length, c = e.length;
   if (s != c && !(i && c > s))
     return !1;
-  var u = a.get(t), l = a.get(e);
-  if (u && l)
-    return u == e && l == t;
-  var p = -1, f = !0, d = r & Zu ? new Xt() : void 0;
+  var u = a.get(t), f = a.get(e);
+  if (u && f)
+    return u == e && f == t;
+  var p = -1, l = !0, d = r & Zu ? new Xt() : void 0;
   for (a.set(t, e), a.set(e, t); ++p < s; ) {
     var h = t[p], g = e[p];
     if (n)
@@ -885,7 +885,7 @@ function fo(t, e, r, n, o, a) {
     if (b !== void 0) {
       if (b)
         continue;
-      f = !1;
+      l = !1;
       break;
     }
     if (d) {
@@ -893,15 +893,15 @@ function fo(t, e, r, n, o, a) {
         if (!lo(d, j) && (h === S || o(h, S, r, n, a)))
           return d.push(j);
       })) {
-        f = !1;
+        l = !1;
         break;
       }
     } else if (!(h === g || o(h, g, r, n, a))) {
-      f = !1;
+      l = !1;
       break;
     }
   }
-  return a.delete(t), a.delete(e), f;
+  return a.delete(t), a.delete(e), l;
 }
 function tl(t) {
   var e = -1, r = Array(t.size);
@@ -915,7 +915,7 @@ function Sr(t) {
     r[++e] = n;
   }), r;
 }
-var el = 1, rl = 2, nl = "[object Boolean]", ol = "[object Date]", al = "[object Error]", sl = "[object Map]", il = "[object Number]", cl = "[object RegExp]", ul = "[object Set]", ll = "[object String]", fl = "[object Symbol]", pl = "[object ArrayBuffer]", dl = "[object DataView]", ln = G ? G.prototype : void 0, Ae = ln ? ln.valueOf : void 0;
+var el = 1, rl = 2, nl = "[object Boolean]", ol = "[object Date]", al = "[object Error]", sl = "[object Map]", il = "[object Number]", cl = "[object RegExp]", ul = "[object Set]", ll = "[object String]", fl = "[object Symbol]", pl = "[object ArrayBuffer]", dl = "[object DataView]", ln = V ? V.prototype : void 0, Ae = ln ? ln.valueOf : void 0;
 function hl(t, e, r, n, o, a, i) {
   switch (r) {
     case dl:
@@ -943,8 +943,8 @@ function hl(t, e, r, n, o, a, i) {
       if (u)
         return u == e;
       n |= rl, i.set(t, e);
-      var l = fo(s(t), s(e), n, o, a, i);
-      return i.delete(t), l;
+      var f = fo(s(t), s(e), n, o, a, i);
+      return i.delete(t), f;
     case fl:
       if (Ae)
         return Ae.call(t) == Ae.call(e);
@@ -953,12 +953,12 @@ function hl(t, e, r, n, o, a, i) {
 }
 var ml = 1, vl = Object.prototype, gl = vl.hasOwnProperty;
 function yl(t, e, r, n, o, a) {
-  var i = r & ml, s = ke(t), c = s.length, u = ke(e), l = u.length;
-  if (c != l && !i)
+  var i = r & ml, s = ke(t), c = s.length, u = ke(e), f = u.length;
+  if (c != f && !i)
     return !1;
   for (var p = c; p--; ) {
-    var f = s[p];
-    if (!(i ? f in e : gl.call(e, f)))
+    var l = s[p];
+    if (!(i ? l in e : gl.call(e, l)))
       return !1;
   }
   var d = a.get(t), h = a.get(e);
@@ -967,15 +967,15 @@ function yl(t, e, r, n, o, a) {
   var g = !0;
   a.set(t, e), a.set(e, t);
   for (var b = i; ++p < c; ) {
-    f = s[p];
-    var S = t[f], j = e[f];
+    l = s[p];
+    var S = t[l], j = e[l];
     if (n)
-      var x = i ? n(j, S, f, e, t, a) : n(S, j, f, t, e, a);
+      var x = i ? n(j, S, l, e, t, a) : n(S, j, l, t, e, a);
     if (!(x === void 0 ? S === j || o(S, j, r, n, a) : x)) {
       g = !1;
       break;
     }
-    b || (b = f == "constructor");
+    b || (b = l == "constructor");
   }
   if (g && !b) {
     var A = t.constructor, D = e.constructor;
@@ -987,22 +987,22 @@ var bl = 1, fn = "[object Arguments]", pn = "[object Array]", ce = "[object Obje
 function Sl(t, e, r, n, o, a) {
   var i = R(t), s = R(e), c = i ? pn : Kt(t), u = s ? pn : Kt(e);
   c = c == fn ? ce : c, u = u == fn ? ce : u;
-  var l = c == ce, p = u == ce, f = c == u;
-  if (f && Qt(t)) {
+  var f = c == ce, p = u == ce, l = c == u;
+  if (l && Qt(t)) {
     if (!Qt(e))
       return !1;
-    i = !0, l = !1;
+    i = !0, f = !1;
   }
-  if (f && !l)
+  if (l && !f)
     return a || (a = new J()), i || pr(t) ? fo(t, e, r, n, o, a) : hl(t, e, c, r, n, o, a);
   if (!(r & bl)) {
-    var d = l && dn.call(t, "__wrapped__"), h = p && dn.call(e, "__wrapped__");
+    var d = f && dn.call(t, "__wrapped__"), h = p && dn.call(e, "__wrapped__");
     if (d || h) {
       var g = d ? t.value() : t, b = h ? e.value() : e;
       return a || (a = new J()), o(g, b, r, n, a);
     }
   }
-  return f ? (a || (a = new J()), yl(t, e, r, n, o, a)) : !1;
+  return l ? (a || (a = new J()), yl(t, e, r, n, o, a)) : !1;
 }
 function jr(t, e, r, n, o) {
   return t === e ? !0 : t == null || e == null || !Y(t) && !Y(e) ? t !== t && e !== e : Sl(t, e, r, n, jr, o);
@@ -1019,15 +1019,15 @@ function wl(t, e, r, n) {
   }
   for (; ++o < a; ) {
     s = r[o];
-    var c = s[0], u = t[c], l = s[1];
+    var c = s[0], u = t[c], f = s[1];
     if (i && s[2]) {
       if (u === void 0 && !(c in t))
         return !1;
     } else {
       var p = new J();
       if (n)
-        var f = n(u, l, c, t, e, p);
-      if (!(f === void 0 ? jr(l, u, jl | Ol, n, p) : f))
+        var l = n(u, f, c, t, e, p);
+      if (!(l === void 0 ? jr(f, u, jl | Ol, n, p) : l))
         return !1;
     }
   }
@@ -1048,13 +1048,13 @@ function ho(t, e) {
     return r == null ? !1 : r[t] === e && (e !== void 0 || t in Object(r));
   };
 }
-function El(t) {
+function $l(t) {
   var e = Cl(t);
   return e.length == 1 && e[0][2] ? ho(e[0][0], e[0][1]) : function(r) {
     return r === t || wl(r, t, e);
   };
 }
-function $l(t, e) {
+function El(t, e) {
   return t != null && e in Object(t);
 }
 function Nl(t, e, r) {
@@ -1068,7 +1068,7 @@ function Nl(t, e, r) {
   return a || ++n != o ? a : (o = t == null ? 0 : t.length, !!o && ur(o) && me(i, o) && (R(t) || Wt(t)));
 }
 function xl(t, e) {
-  return t != null && Nl(t, e, $l);
+  return t != null && Nl(t, e, El);
 }
 var Tl = 1, Ml = 2;
 function Al(t, e) {
@@ -1091,7 +1091,7 @@ function Il(t) {
   return dr(t) ? Pl(Tt(t)) : Rl(t);
 }
 function Or(t) {
-  return typeof t == "function" ? t : t == null ? ar : typeof t == "object" ? R(t) ? Al(t[0], t[1]) : El(t) : Il(t);
+  return typeof t == "function" ? t : t == null ? ar : typeof t == "object" ? R(t) ? Al(t[0], t[1]) : $l(t) : Il(t);
 }
 function Dl(t) {
   return function(e, r, n) {
@@ -1124,12 +1124,12 @@ function Ul(t, e, r, n, o, a, i) {
     ze(t, r, u);
     return;
   }
-  var l = a ? a(s, c, r + "", t, e, i) : void 0, p = l === void 0;
+  var f = a ? a(s, c, r + "", t, e, i) : void 0, p = f === void 0;
   if (p) {
-    var f = R(c), d = !f && Qt(c), h = !f && !d && pr(c);
-    l = c, f || d || h ? R(s) ? l = s : He(s) ? l = Vn(s) : d ? (p = !1, l = to(c, !0)) : h ? (p = !1, l = oo(c, !0)) : l = [] : F(c) || Wt(c) ? (l = s, Wt(s) ? l = Fl(s) : (!Q(s) || sr(s)) && (l = ao(c))) : p = !1;
+    var l = R(c), d = !l && Qt(c), h = !l && !d && pr(c);
+    f = c, l || d || h ? R(s) ? f = s : He(s) ? f = Gn(s) : d ? (p = !1, f = to(c, !0)) : h ? (p = !1, f = oo(c, !0)) : f = [] : F(c) || Wt(c) ? (f = s, Wt(s) ? f = Fl(s) : (!Q(s) || sr(s)) && (f = ao(c))) : p = !1;
   }
-  p && (i.set(c, l), o(l, c, n, a, i), i.delete(c)), ze(t, r, l);
+  p && (i.set(c, f), o(f, c, n, a, i), i.delete(c)), ze(t, r, f);
 }
 function mo(t, e, r, n, o) {
   t !== e && Bl(e, function(a, i) {
@@ -1151,13 +1151,13 @@ function vo(t) {
   var e = t == null ? 0 : t.length;
   return e ? t[e - 1] : void 0;
 }
-function Vl(t, e) {
+function Gl(t, e) {
   return e.length < 2 ? t : _e(t, fc(e, 0, -1));
 }
-var Gl = Os(function(t, e, r) {
+var Vl = Os(function(t, e, r) {
   mo(t, e, r);
 });
-const go = Gl;
+const go = Vl;
 var zl = "Expected a function";
 function Hl(t) {
   if (typeof t != "function")
@@ -1178,7 +1178,7 @@ function Hl(t) {
   };
 }
 function Jl(t, e) {
-  return e = xt(e, t), t = Vl(t, e), t == null || delete t[Tt(vo(e))];
+  return e = xt(e, t), t = Gl(t, e), t == null || delete t[Tt(vo(e))];
 }
 function Wl(t) {
   return F(t) ? void 0 : t;
@@ -1205,8 +1205,8 @@ function Xl(t, e, r, n) {
     if (c === "__proto__" || c === "constructor" || c === "prototype")
       return t;
     if (o != i) {
-      var l = s[c];
-      u = n ? n(l, c, s) : void 0, u === void 0 && (u = Q(l) ? l : me(e[o + 1]) ? [] : {});
+      var f = s[c];
+      u = n ? n(f, c, s) : void 0, u === void 0 && (u = Q(f) ? f : me(e[o + 1]) ? [] : {});
     }
     cr(s, c, u), s = s[c];
   }
@@ -1250,14 +1250,14 @@ function sf(t, e, r) {
     c = e ? [] : s;
   t:
     for (; ++n < a; ) {
-      var l = t[n], p = e ? e(l) : l;
-      if (l = r || l !== 0 ? l : 0, i && p === p) {
-        for (var f = c.length; f--; )
-          if (c[f] === p)
+      var f = t[n], p = e ? e(f) : f;
+      if (f = r || f !== 0 ? f : 0, i && p === p) {
+        for (var l = c.length; l--; )
+          if (c[l] === p)
             continue t;
-        e && c.push(p), s.push(l);
+        e && c.push(p), s.push(f);
       } else
-        o(c, p, r) || (c !== s && c.push(p), s.push(l));
+        o(c, p, r) || (c !== s && c.push(p), s.push(f));
     }
   return s;
 }
@@ -1274,11 +1274,8 @@ class bo extends TypeError {
       ...a
     } = e, {
       path: i
-    } = e, s = i.length === 0 ? o : "At path: " + i.join(".") + " -- " + o;
-    super(s), this.value = void 0, this.key = void 0, this.type = void 0, this.refinement = void 0, this.path = void 0, this.branch = void 0, this.failures = void 0, Object.assign(this, a), this.name = this.constructor.name, this.failures = () => {
-      var c;
-      return (c = n) != null ? c : n = [e, ...r()];
-    };
+    } = e, s = i.length === 0 ? o : `At path: ${i.join(".")} -- ${o}`;
+    super(s), this.value = void 0, this.key = void 0, this.type = void 0, this.refinement = void 0, this.path = void 0, this.branch = void 0, this.failures = void 0, Object.assign(this, a), this.name = this.constructor.name, this.failures = () => n ?? (n = [e, ...r()]);
   }
 }
 function lf(t) {
@@ -1288,7 +1285,7 @@ function W(t) {
   return typeof t == "object" && t != null;
 }
 function U(t) {
-  return typeof t == "string" ? JSON.stringify(t) : "" + t;
+  return typeof t == "symbol" ? t.toString() : typeof t == "string" ? JSON.stringify(t) : `${t}`;
 }
 function ff(t) {
   const {
@@ -1310,7 +1307,7 @@ function pf(t, e, r, n) {
     type: i
   } = r, {
     refinement: s,
-    message: c = "Expected a value of type `" + i + "`" + (s ? " with refinement `" + s + "`" : "") + ", but received: `" + U(n) + "`"
+    message: c = `Expected a value of type \`${i}\`${s ? ` with refinement \`${s}\`` : ""}, but received: \`${U(n)}\``
   } = t;
   return {
     value: n,
@@ -1347,15 +1344,15 @@ function* wr(t, e, r) {
   let c = "valid";
   for (const u of e.validator(t, s))
     c = "not_valid", yield [u, void 0];
-  for (let [u, l, p] of e.entries(t, s)) {
-    const f = wr(l, p, {
+  for (let [u, f, p] of e.entries(t, s)) {
+    const l = wr(f, p, {
       path: u === void 0 ? n : [...n, u],
-      branch: u === void 0 ? o : [...o, l],
+      branch: u === void 0 ? o : [...o, f],
       coerce: a,
       mask: i
     });
-    for (const d of f)
-      d[0] ? (c = d[0].refinement != null ? "not_refined" : "not_valid", yield [d[0], void 0]) : a && (l = d[1], u === void 0 ? t = l : t instanceof Map ? t.set(u, l) : t instanceof Set ? t.add(l) : W(t) && (t[u] = l));
+    for (const d of l)
+      d[0] ? (c = d[0].refinement != null ? "not_refined" : "not_valid", yield [d[0], void 0]) : a && (f = d[1], u === void 0 ? t = f : t instanceof Map ? t.set(u, f) : t instanceof Set ? t.add(f) : W(t) && (f !== void 0 || u in t) && (t[u] = f));
   }
   if (c !== "not_valid")
     for (const u of e.refiner(t, s))
@@ -1375,11 +1372,11 @@ class X {
       }
     } = e;
     this.type = r, this.schema = n, this.entries = s, this.coercer = i, o ? this.validator = (c, u) => {
-      const l = o(c, u);
-      return hn(l, u, this, c);
+      const f = o(c, u);
+      return hn(f, u, this, c);
     } : this.validator = () => [], a ? this.refiner = (c, u) => {
-      const l = a(c, u);
-      return hn(l, u, this, c);
+      const f = a(c, u);
+      return hn(f, u, this, c);
     } : this.refiner = () => [];
   }
   /**
@@ -1514,7 +1511,7 @@ function P(t) {
       return Array.isArray(e) ? e.slice() : e;
     },
     validator(e) {
-      return Array.isArray(e) || "Expected an array value, but received: " + U(e);
+      return Array.isArray(e) || `Expected an array value, but received: ${U(e)}`;
     }
   });
 }
@@ -1529,12 +1526,12 @@ function We(t) {
     type: "enums",
     schema: e,
     validator(n) {
-      return t.includes(n) || "Expected one of `" + r + "`, but received: " + U(n);
+      return t.includes(n) || `Expected one of \`${r}\`, but received: ${U(n)}`;
     }
   });
 }
 function jo() {
-  return st("func", (t) => typeof t == "function" || "Expected a function, but received: " + U(t));
+  return st("func", (t) => typeof t == "function" || `Expected a function, but received: ${U(t)}`);
 }
 function L(t) {
   const e = U(t), r = typeof t;
@@ -1542,7 +1539,7 @@ function L(t) {
     type: "literal",
     schema: r === "string" || r === "number" || r === "boolean" ? t : null,
     validator(n) {
-      return n === t || "Expected the literal `" + e + "`, but received: " + U(n);
+      return n === t || `Expected the literal \`${e}\`, but received: ${U(n)}`;
     }
   });
 }
@@ -1550,7 +1547,7 @@ function vf() {
   return st("never", () => !1);
 }
 function Oo() {
-  return st("number", (t) => typeof t == "number" && !isNaN(t) || "Expected a number, but received: " + U(t));
+  return st("number", (t) => typeof t == "number" && !isNaN(t) || `Expected a number, but received: ${U(t)}`);
 }
 function w(t) {
   const e = t ? Object.keys(t) : [], r = vf();
@@ -1567,7 +1564,7 @@ function w(t) {
       }
     },
     validator(n) {
-      return W(n) || "Expected an object, but received: " + U(n);
+      return W(n) || `Expected an object, but received: ${U(n)}`;
     },
     coercer(n) {
       return W(n) ? {
@@ -1595,12 +1592,12 @@ function Ht(t, e) {
         }
     },
     validator(r) {
-      return W(r) || "Expected an object, but received: " + U(r);
+      return W(r) || `Expected an object, but received: ${U(r)}`;
     }
   });
 }
 function v() {
-  return st("string", (t) => typeof t == "string" || "Expected a string, but received: " + U(t));
+  return st("string", (t) => typeof t == "string" || `Expected a string, but received: ${U(t)}`);
 }
 function wo(t) {
   const e = Object.keys(t);
@@ -1613,7 +1610,7 @@ function wo(t) {
           yield [n, r[n], t[n]];
     },
     validator(r) {
-      return W(r) || "Expected an object, but received: " + U(r);
+      return W(r) || `Expected an object, but received: ${U(r)}`;
     }
   });
 }
@@ -1640,14 +1637,14 @@ function B(t) {
         else
           return [];
       }
-      return ["Expected the value to satisfy a union of `" + e + "`, but received: " + U(r), ...o];
+      return [`Expected the value to satisfy a union of \`${e}\`, but received: ${U(r)}`, ...o];
     }
   });
 }
 function gf() {
   return st("unknown", () => !0);
 }
-const Er = w({
+const $r = w({
   package: v(),
   version: v(),
   name: v(),
@@ -1656,7 +1653,7 @@ const Er = w({
   subName: m(v()),
   main: m(v()),
   cssPaths: m(P(v()))
-}), yf = P(Er), bf = [
+}), yf = P($r), bf = [
   "CBlock",
   "CContainer",
   "CImage",
@@ -1666,13 +1663,13 @@ const Er = w({
   "CText",
   "CNativeTag"
 ];
-var V = /* @__PURE__ */ ((t) => (t.SLOT = "SLOT", t.FUNCTION = "FUNCTION", t.EXPRESSION = "EXPRESSION", t))(V || {}), $r = /* @__PURE__ */ ((t) => (t.DESIGN = "design", t.SAVE = "save", t))($r || {}), Qe = /* @__PURE__ */ ((t) => (t.FUNC = "FUNC", t.COMP = "COMP", t))(Qe || {});
-const _f = () => st("normalObj", (t) => !F(t) || [V.SLOT, V.EXPRESSION, V.FUNCTION].includes(t == null ? void 0 : t.type) ? !1 : (Mt(t, Ht(v(), Nr)), !0)), Nr = B([
+var G = /* @__PURE__ */ ((t) => (t.SLOT = "SLOT", t.FUNCTION = "FUNCTION", t.EXPRESSION = "EXPRESSION", t))(G || {}), Er = /* @__PURE__ */ ((t) => (t.DESIGN = "design", t.SAVE = "save", t))(Er || {}), Qe = /* @__PURE__ */ ((t) => (t.FUNC = "FUNC", t.COMP = "COMP", t))(Qe || {});
+const _f = () => st("normalObj", (t) => !F(t) || [G.SLOT, G.EXPRESSION, G.FUNCTION].includes(t == null ? void 0 : t.type) ? !1 : (Mt(t, Ht(v(), Nr)), !0)), Nr = B([
   v(),
   Oo(),
   ft(),
   w({
-    type: L(V.SLOT),
+    type: L(G.SLOT),
     renderType: We([Qe.FUNC, Qe.COMP]),
     // if renderType is Func， params will be useful
     params: m(P(v())),
@@ -1680,11 +1677,11 @@ const _f = () => st("normalObj", (t) => !F(t) || [V.SLOT, V.EXPRESSION, V.FUNCTI
     value: jt(() => B([Ot, P(Ot)]))
   }),
   w({
-    type: L(V.EXPRESSION),
+    type: L(G.EXPRESSION),
     value: v()
   }),
   w({
-    type: L(V.FUNCTION),
+    type: L(G.FUNCTION),
     value: v()
   }),
   _f(),
@@ -1692,7 +1689,7 @@ const _f = () => st("normalObj", (t) => !F(t) || [V.SLOT, V.EXPRESSION, V.FUNCTI
     jt(() => Nr)
   )
 ]), mn = w({
-  type: L(V.EXPRESSION),
+  type: L(G.EXPRESSION),
   value: v()
 }), Ot = w({
   id: m(v()),
@@ -1827,7 +1824,7 @@ const Cf = w({
   // 分类
   category: m(v()),
   schema: Cr(So(Ot, ["id"]), w({ componentName: m(v()) }))
-}), Ef = w({
+}), $f = w({
   componentName: v(),
   title: v(),
   screenshot: m(v()),
@@ -1840,7 +1837,7 @@ const Cf = w({
   category: m(v()),
   // 排序
   priority: m(Oo()),
-  npm: m(Er),
+  npm: m($r),
   snippets: P(Cf),
   props: P(
     B([
@@ -1883,7 +1880,7 @@ const Cf = w({
   advanceCustom: m(T()),
   // 扩展配置
   extra: m(Ht(T(), T()))
-}), $f = (t) => ({ data: e, message: r, throwError: n }) => {
+}), Ef = (t) => ({ data: e, message: r, throwError: n }) => {
   const o = t({ data: e, message: r, throwError: n });
   if (o.isValidate)
     return o;
@@ -1896,7 +1893,7 @@ const Cf = w({
  data struct format is invalidate`), o;
 }, xr = (t) => {
   const { data: e, message: r, throwError: n, dataStruct: o } = t;
-  return $f(({ data: a }) => {
+  return Ef(({ data: a }) => {
     try {
       return _o(a, o), {
         isValidate: !0
@@ -1914,7 +1911,7 @@ const Cf = w({
 };
 var At = /* @__PURE__ */ ((t) => (t.ROOT_CONTAINER = "RootContainer", t))(At || {});
 const Nf = w({
-  type: L(V.FUNCTION),
+  type: L(G.FUNCTION),
   value: v()
 }), xf = Cr(
   So(Ot, ["componentName"]),
@@ -1991,7 +1988,7 @@ const Co = (t) => {
   }), e;
 }, Ye = (t, e, r) => {
   if (t.type)
-    return t.type === V.SLOT ? new wt(t, { parent: e, materials: r }) : t;
+    return t.type === G.SLOT ? new wt(t, { parent: e, materials: r }) : t;
   if (F(t)) {
     const n = {};
     return Object.keys(t).forEach((o) => {
@@ -2188,22 +2185,29 @@ class M {
     if (typeof n == "string")
       return n;
     const o = {};
-    Object.keys(n.props || {}).forEach((l) => {
-      o[l] = n.props[l].export(e);
+    Object.keys(n.props || {}).forEach((p) => {
+      o[p] = n.props[p].export(e);
     });
-    const a = (r = n.children) == null ? void 0 : r.map((l) => l instanceof M ? l.export(e) : l), i = n.configure || {}, s = i.propsSetter || {}, c = {};
-    Object.keys(s).forEach((l) => {
-      const p = Kn(s, l, !1);
-      p && (c[l] = p);
-    }), i.propsSetter = c, this.material && this.materialsModel.usedMaterials.push(this.material);
-    let u = {
+    const a = (r = n.children) == null ? void 0 : r.map((p) => p instanceof M ? p.export(e) : p), i = n.configure || {}, s = i.propsSetter || {}, c = {};
+    Object.keys(s).forEach((p) => {
+      const l = Kn(s, p, !1);
+      l && (c[p] = l);
+    }), i.propsSetter = c;
+    const u = this.materialsModel.usedMaterials.find(
+      (p) => {
+        var l;
+        return p.componentName === ((l = this.material) == null ? void 0 : l.componentName);
+      }
+    );
+    this.material && !u && this.materialsModel.usedMaterials.push(this.material);
+    let f = {
       ...n,
       configure: i,
       props: o,
       children: a,
       condition: n.condition
     };
-    return e === "design" && delete u.id, u = Tr(u), u;
+    return e === "design" && delete f.id, f = Tr(f), f;
   }
 }
 const gn = (t, e, r) => {
@@ -2292,7 +2296,7 @@ class Zt {
   isContainer() {
     return this.getMaterialConfig("isContainer");
   }
-  export(e = $r.SAVE) {
+  export(e = Er.SAVE) {
     var r;
     const n = this.data, o = {};
     Object.keys(n.props || {}).forEach((c) => {
@@ -2330,7 +2334,7 @@ class Zt {
     });
   }
 }
-const ct = (t) => (t == null ? void 0 : t.type) === V.EXPRESSION, Pf = (t) => (t == null ? void 0 : t.type) === V.FUNCTION, Z = () => Math.random().toString(32).slice(3, 9), Rf = (t) => (t == null ? void 0 : t.nodeType) === "NODE", Re = (t) => (t == null ? void 0 : t.nodeType) === "PROP", If = (t) => (t == null ? void 0 : t.nodeType) === "SLOT", Tr = (t) => ef(t, (e) => F(e) ? !Object.keys(e).length : R(e) ? !e.length : !e);
+const ct = (t) => (t == null ? void 0 : t.type) === G.EXPRESSION, Pf = (t) => (t == null ? void 0 : t.type) === G.FUNCTION, Z = () => Math.random().toString(32).slice(3, 9), Rf = (t) => (t == null ? void 0 : t.nodeType) === "NODE", Re = (t) => (t == null ? void 0 : t.nodeType) === "PROP", If = (t) => (t == null ? void 0 : t.nodeType) === "SLOT", Tr = (t) => ef(t, (e) => F(e) ? !Object.keys(e).length : R(e) ? !e.length : !e);
 function Df(t, e) {
   const r = [t];
   for (; r.length; ) {
@@ -2414,7 +2418,7 @@ const Ie = (t) => {
   t == null || t.forEach((e) => {
     xr({
       data: e,
-      dataStruct: Ef,
+      dataStruct: $f,
       throwError: !1
     });
   });
@@ -2466,8 +2470,8 @@ class pt {
       }, c = n[a];
       if (c.length !== 0) {
         c.forEach((p) => {
-          const f = p.category || "default";
-          i.includes(f) || (i.push(f), s[f] = []), s[f].push(p);
+          const l = p.category || "default";
+          i.includes(l) || (i.push(l), s[l] = []), s[l].push(p);
         });
         const u = [];
         i.forEach((p) => {
@@ -2476,11 +2480,11 @@ class pt {
             list: s[p]
           });
         });
-        const l = {
+        const f = {
           name: a,
           list: u
         };
-        o.push(l);
+        o.push(f);
       }
     }), o = o.sort((a, i) => (a.name || "") > (i.name || "") ? 1 : -1), o;
   }
@@ -2511,13 +2515,13 @@ const Uf = w({
       w({
         componentName: v()
       }),
-      Er
+      $r
     )
   ),
   thirdLibs: m(yf),
   componentsTree: xf,
   assets: m(P(T()))
-}), Eo = (t) => (xr({
+}), $o = (t) => (xr({
   data: t,
   dataStruct: Uf,
   throwError: !1
@@ -2530,7 +2534,7 @@ const Uf = w({
 });
 class de {
   constructor(e, r) {
-    _(this, "nodeType", "PAGE"), _(this, "rawData"), _(this, "emitter", ne), _(this, "data"), _(this, "parent"), _(this, "materialsModel"), _(this, "assetPackagesList"), Eo(e), this.rawData = JSON.parse(JSON.stringify(e)), this.materialsModel = new pt((r == null ? void 0 : r.materials) || []), this.data = De(e, this, this.materialsModel), this.assetPackagesList = [...(r == null ? void 0 : r.assetPackagesList) || [], ...this.data.assets || []];
+    _(this, "nodeType", "PAGE"), _(this, "rawData"), _(this, "emitter", ne), _(this, "data"), _(this, "parent"), _(this, "materialsModel"), _(this, "assetPackagesList"), $o(e), this.rawData = JSON.parse(JSON.stringify(e)), this.materialsModel = new pt((r == null ? void 0 : r.materials) || []), this.data = De(e, this, this.materialsModel), this.assetPackagesList = [...(r == null ? void 0 : r.assetPackagesList) || [], ...this.data.assets || []];
   }
   updatePage(e) {
     const r = this.data;
@@ -2542,7 +2546,7 @@ class de {
   }
   reloadPage(e) {
     const r = this.data;
-    this.rawData = JSON.parse(JSON.stringify(e)), this.data = De(e, this, this.materialsModel), this.emitter.emit("onReloadPage", {
+    e && (this.rawData = JSON.parse(JSON.stringify(e)), this.data = De(e, this, this.materialsModel)), this.emitter.emit("onReloadPage", {
       value: this.data,
       preValue: r,
       node: this
@@ -2641,12 +2645,12 @@ class de {
     if (r)
       return this.deleteNode(r);
   }
-  export(e = $r.SAVE) {
+  export(e = Er.SAVE) {
     var r;
     const n = this.data.componentsTree.export(e), o = this.assetPackagesList, a = [], i = this.materialsModel.usedMaterials.map((c) => {
-      const u = o.find((l) => {
+      const u = o.find((f) => {
         var p;
-        return l.package === ((p = c.value.npm) == null ? void 0 : p.package);
+        return f.package === ((p = c.value.npm) == null ? void 0 : p.package);
       });
       return u && a.push(u), {
         componentName: c.componentName,
@@ -2662,7 +2666,7 @@ class de {
       assets: []
     };
     return (r = this.data.thirdLibs) == null || r.forEach((c) => {
-      const u = o.find((l) => c.package === l.package);
+      const u = o.find((f) => c.package === f.package);
       u && a.push(u);
     }), s.assets = uf(a, (c) => c.package), s = yo(s, ["id"]), JSON.parse(JSON.stringify(s));
   }
@@ -2672,21 +2676,21 @@ class de {
 }
 At.ROOT_CONTAINER;
 var kf = typeof global == "object" && global && global.Object === Object && global;
-const $o = kf;
-var Vf = typeof self == "object" && self && self.Object === Object && self, Gf = $o || Vf || Function("return this")();
-const Pt = Gf;
+const Eo = kf;
+var Gf = typeof self == "object" && self && self.Object === Object && self, Vf = Eo || Gf || Function("return this")();
+const Pt = Vf;
 var zf = Pt.Symbol;
 const Ct = zf;
-var No = Object.prototype, Hf = No.hasOwnProperty, Jf = No.toString, Vt = Ct ? Ct.toStringTag : void 0;
+var No = Object.prototype, Hf = No.hasOwnProperty, Jf = No.toString, Gt = Ct ? Ct.toStringTag : void 0;
 function Wf(t) {
-  var e = Hf.call(t, Vt), r = t[Vt];
+  var e = Hf.call(t, Gt), r = t[Gt];
   try {
-    t[Vt] = void 0;
+    t[Gt] = void 0;
     var n = !0;
   } catch {
   }
   var o = Jf.call(t);
-  return n && (e ? t[Vt] = r : delete t[Vt]), o;
+  return n && (e ? t[Gt] = r : delete t[Gt]), o;
 }
 var Qf = Object.prototype, qf = Qf.toString;
 function Yf(t) {
@@ -2709,12 +2713,12 @@ function ep(t, e) {
   return o;
 }
 var rp = Array.isArray;
-const Et = rp;
+const $t = rp;
 var np = 1 / 0, bn = Ct ? Ct.prototype : void 0, _n = bn ? bn.toString : void 0;
 function xo(t) {
   if (typeof t == "string")
     return t;
-  if (Et(t))
+  if ($t(t))
     return ep(t, xo) + "";
   if (tp(t))
     return _n ? _n.call(t) : "";
@@ -2807,13 +2811,13 @@ function Cp(t, e) {
     e[r] = t[r];
   return e;
 }
-var Ep = 800, $p = 16, Np = Date.now;
+var $p = 800, Ep = 16, Np = Date.now;
 function xp(t) {
   var e = 0, r = 0;
   return function() {
-    var n = Np(), o = $p - (n - r);
+    var n = Np(), o = Ep - (n - r);
     if (r = n, o > 0) {
-      if (++e >= Ep)
+      if (++e >= $p)
         return arguments[0];
     } else
       e = 0;
@@ -2875,7 +2879,7 @@ function kp(t, e, r, n) {
   return r;
 }
 var On = Math.max;
-function Vp(t, e, r) {
+function Gp(t, e, r) {
   return e = On(e === void 0 ? t.length - 1 : e, 0), function() {
     for (var n = arguments, o = -1, a = On(n.length - e, 0), i = Array(a); ++o < a; )
       i[o] = n[e + o];
@@ -2885,8 +2889,8 @@ function Vp(t, e, r) {
     return s[e] = r(i), wp(t, this, s);
   };
 }
-function Gp(t, e) {
-  return Ip(Vp(t, e, To), t + "");
+function Vp(t, e) {
+  return Ip(Gp(t, e, To), t + "");
 }
 var zp = 9007199254740991;
 function Ao(t) {
@@ -2902,7 +2906,7 @@ function Hp(t, e, r) {
   return (n == "number" ? Ir(r) && Mo(e, r.length) : n == "string" && e in r) ? je(r[e], t) : !1;
 }
 function Jp(t) {
-  return Gp(function(e, r) {
+  return Vp(function(e, r) {
     var n = -1, o = r.length, a = o > 1 ? r[o - 1] : void 0, i = o > 2 ? r[2] : void 0;
     for (a = t.length > 3 && typeof a == "function" ? (o--, a) : void 0, i && Hp(r[0], r[1], i) && (a = o < 3 ? void 0 : a, o = 1), e = Object(e); ++n < o; ) {
       var s = r[n];
@@ -2934,12 +2938,12 @@ const Xe = Xp;
 function Zp() {
   return !1;
 }
-var Io = typeof exports == "object" && exports && !exports.nodeType && exports, Cn = Io && typeof module == "object" && module && !module.nodeType && module, td = Cn && Cn.exports === Io, En = td ? Pt.Buffer : void 0, ed = En ? En.isBuffer : void 0, rd = ed || Zp;
+var Io = typeof exports == "object" && exports && !exports.nodeType && exports, Cn = Io && typeof module == "object" && module && !module.nodeType && module, td = Cn && Cn.exports === Io, $n = td ? Pt.Buffer : void 0, ed = $n ? $n.isBuffer : void 0, rd = ed || Zp;
 const Do = rd;
-var nd = "[object Arguments]", od = "[object Array]", ad = "[object Boolean]", sd = "[object Date]", id = "[object Error]", cd = "[object Function]", ud = "[object Map]", ld = "[object Number]", fd = "[object Object]", pd = "[object RegExp]", dd = "[object Set]", hd = "[object String]", md = "[object WeakMap]", vd = "[object ArrayBuffer]", gd = "[object DataView]", yd = "[object Float32Array]", bd = "[object Float64Array]", _d = "[object Int8Array]", Sd = "[object Int16Array]", jd = "[object Int32Array]", Od = "[object Uint8Array]", wd = "[object Uint8ClampedArray]", Cd = "[object Uint16Array]", Ed = "[object Uint32Array]", N = {};
-N[yd] = N[bd] = N[_d] = N[Sd] = N[jd] = N[Od] = N[wd] = N[Cd] = N[Ed] = !0;
+var nd = "[object Arguments]", od = "[object Array]", ad = "[object Boolean]", sd = "[object Date]", id = "[object Error]", cd = "[object Function]", ud = "[object Map]", ld = "[object Number]", fd = "[object Object]", pd = "[object RegExp]", dd = "[object Set]", hd = "[object String]", md = "[object WeakMap]", vd = "[object ArrayBuffer]", gd = "[object DataView]", yd = "[object Float32Array]", bd = "[object Float64Array]", _d = "[object Int8Array]", Sd = "[object Int16Array]", jd = "[object Int32Array]", Od = "[object Uint8Array]", wd = "[object Uint8ClampedArray]", Cd = "[object Uint16Array]", $d = "[object Uint32Array]", N = {};
+N[yd] = N[bd] = N[_d] = N[Sd] = N[jd] = N[Od] = N[wd] = N[Cd] = N[$d] = !0;
 N[nd] = N[od] = N[vd] = N[ad] = N[gd] = N[sd] = N[id] = N[cd] = N[ud] = N[ld] = N[fd] = N[pd] = N[dd] = N[hd] = N[md] = !1;
-function $d(t) {
+function Ed(t) {
   return Rt(t) && Ao(t.length) && !!N[oe(t)];
 }
 function Nd(t) {
@@ -2947,19 +2951,19 @@ function Nd(t) {
     return t(e);
   };
 }
-var Lo = typeof exports == "object" && exports && !exports.nodeType && exports, Jt = Lo && typeof module == "object" && module && !module.nodeType && module, xd = Jt && Jt.exports === Lo, Be = xd && $o.process, Td = function() {
+var Lo = typeof exports == "object" && exports && !exports.nodeType && exports, Jt = Lo && typeof module == "object" && module && !module.nodeType && module, xd = Jt && Jt.exports === Lo, Be = xd && Eo.process, Td = function() {
   try {
     var t = Jt && Jt.require && Jt.require("util").types;
     return t || Be && Be.binding && Be.binding("util");
   } catch {
   }
 }();
-const $n = Td;
-var Nn = $n && $n.isTypedArray, Md = Nn ? Nd(Nn) : $d;
+const En = Td;
+var Nn = En && En.isTypedArray, Md = Nn ? Nd(Nn) : Ed;
 const Bo = Md;
 var Ad = Object.prototype, Pd = Ad.hasOwnProperty;
 function Rd(t, e) {
-  var r = Et(t), n = !r && Xe(t), o = !r && !n && Do(t), a = !r && !n && !o && Bo(t), i = r || n || o || a, s = i ? Qp(t.length, String) : [], c = s.length;
+  var r = $t(t), n = !r && Xe(t), o = !r && !n && Do(t), a = !r && !n && !o && Bo(t), i = r || n || o || a, s = i ? Qp(t.length, String) : [], c = s.length;
   for (var u in t)
     (e || Pd.call(t, u)) && !(i && // Safari 9 has enumerable `arguments.length` in strict mode.
     (u == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
@@ -2997,16 +3001,16 @@ const te = Ud;
 function kd() {
   this.__data__ = te ? te(null) : {}, this.size = 0;
 }
-function Vd(t) {
+function Gd(t) {
   var e = this.has(t) && delete this.__data__[t];
   return this.size -= e ? 1 : 0, e;
 }
-var Gd = "__lodash_hash_undefined__", zd = Object.prototype, Hd = zd.hasOwnProperty;
+var Vd = "__lodash_hash_undefined__", zd = Object.prototype, Hd = zd.hasOwnProperty;
 function Jd(t) {
   var e = this.__data__;
   if (te) {
     var r = e[t];
-    return r === Gd ? void 0 : r;
+    return r === Vd ? void 0 : r;
   }
   return Hd.call(e, t) ? e[t] : void 0;
 }
@@ -3028,7 +3032,7 @@ function dt(t) {
   }
 }
 dt.prototype.clear = kd;
-dt.prototype.delete = Vd;
+dt.prototype.delete = Gd;
 dt.prototype.get = Jd;
 dt.prototype.has = qd;
 dt.prototype.set = Kd;
@@ -3119,16 +3123,16 @@ function ko(t) {
   return t == null ? "" : xo(t);
 }
 var ph = Id(Object.getPrototypeOf, Object);
-const Vo = ph;
-var dh = "[object Object]", hh = Function.prototype, mh = Object.prototype, Go = hh.toString, vh = mh.hasOwnProperty, gh = Go.call(Object);
-function $t(t) {
+const Go = ph;
+var dh = "[object Object]", hh = Function.prototype, mh = Object.prototype, Vo = hh.toString, vh = mh.hasOwnProperty, gh = Vo.call(Object);
+function Et(t) {
   if (!Rt(t) || oe(t) != dh)
     return !1;
-  var e = Vo(t);
+  var e = Go(t);
   if (e === null)
     return !0;
   var r = vh.call(e, "constructor") && e.constructor;
-  return typeof r == "function" && r instanceof r && Go.call(r) == gh;
+  return typeof r == "function" && r instanceof r && Vo.call(r) == gh;
 }
 function yh(t, e, r) {
   var n = -1, o = t.length;
@@ -3141,9 +3145,9 @@ function bh(t, e, r) {
   var n = t.length;
   return r = r === void 0 ? n : r, !e && r >= n ? t : yh(t, e, r);
 }
-var _h = "\\ud800-\\udfff", Sh = "\\u0300-\\u036f", jh = "\\ufe20-\\ufe2f", Oh = "\\u20d0-\\u20ff", wh = Sh + jh + Oh, Ch = "\\ufe0e\\ufe0f", Eh = "\\u200d", $h = RegExp("[" + Eh + _h + wh + Ch + "]");
+var _h = "\\ud800-\\udfff", Sh = "\\u0300-\\u036f", jh = "\\ufe20-\\ufe2f", Oh = "\\u20d0-\\u20ff", wh = Sh + jh + Oh, Ch = "\\ufe0e\\ufe0f", $h = "\\u200d", Eh = RegExp("[" + $h + _h + wh + Ch + "]");
 function zo(t) {
-  return $h.test(t);
+  return Eh.test(t);
 }
 function Nh(t) {
   return t.split("");
@@ -3152,17 +3156,17 @@ var Ho = "\\ud800-\\udfff", xh = "\\u0300-\\u036f", Th = "\\ufe20-\\ufe2f", Mh =
 function kh(t) {
   return t.match(Uh) || [];
 }
-function Vh(t) {
+function Gh(t) {
   return zo(t) ? kh(t) : Nh(t);
 }
-function Gh(t) {
+function Vh(t) {
   return function(e) {
     e = ko(e);
-    var r = zo(e) ? Vh(e) : void 0, n = r ? r[0] : e.charAt(0), o = r ? bh(r, 1).join("") : e.slice(1);
+    var r = zo(e) ? Gh(e) : void 0, n = r ? r[0] : e.charAt(0), o = r ? bh(r, 1).join("") : e.slice(1);
     return n[t]() + o;
   };
 }
-var zh = Gh("toUpperCase");
+var zh = Vh("toUpperCase");
 const Hh = zh;
 function Jh(t) {
   return Hh(ko(t).toLowerCase());
@@ -3218,7 +3222,7 @@ function nm(t, e) {
   return new t.constructor(r, t.byteOffset, t.length);
 }
 function om(t) {
-  return typeof t.constructor == "function" && !Po(t) ? Op(Vo(t)) : {};
+  return typeof t.constructor == "function" && !Po(t) ? Op(Go(t)) : {};
 }
 function am(t) {
   return function(e, r, n) {
@@ -3251,12 +3255,12 @@ function lm(t, e, r, n, o, a, i) {
     er(t, r, u);
     return;
   }
-  var l = a ? a(s, c, r + "", t, e, i) : void 0, p = l === void 0;
+  var f = a ? a(s, c, r + "", t, e, i) : void 0, p = f === void 0;
   if (p) {
-    var f = Et(c), d = !f && Do(c), h = !f && !d && Bo(c);
-    l = c, f || d || h ? Et(s) ? l = s : cm(s) ? l = Cp(s) : d ? (p = !1, l = tm(c, !0)) : h ? (p = !1, l = nm(c, !0)) : l = [] : $t(c) || Xe(c) ? (l = s, Xe(s) ? l = um(s) : (!gt(s) || Ar(s)) && (l = om(c))) : p = !1;
+    var l = $t(c), d = !l && Do(c), h = !l && !d && Bo(c);
+    f = c, l || d || h ? $t(s) ? f = s : cm(s) ? f = Cp(s) : d ? (p = !1, f = tm(c, !0)) : h ? (p = !1, f = nm(c, !0)) : f = [] : Et(c) || Xe(c) ? (f = s, Xe(s) ? f = um(s) : (!gt(s) || Ar(s)) && (f = om(c))) : p = !1;
   }
-  p && (i.set(c, l), o(l, c, n, a, i), i.delete(c)), er(t, r, l);
+  p && (i.set(c, f), o(f, c, n, a, i), i.delete(c)), er(t, r, f);
 }
 function Xo(t, e, r, n, o) {
   t !== e && im(e, function(a, i) {
@@ -3382,18 +3386,16 @@ return $$_run_$$();
   }), n || (() => `Component [${t}] not found`);
 }, ue = "DYNAMIC", bm = ["$$context", "$$nodeModel"], In = (t) => {
   let e;
-  const r = /* @__PURE__ */ new Set(), n = (c, u) => {
-    const l = typeof c == "function" ? c(e) : c;
+  const r = /* @__PURE__ */ new Set(), n = (f, p) => {
+    const l = typeof f == "function" ? f(e) : f;
     if (!Object.is(l, e)) {
-      const p = e;
-      e = u ?? typeof l != "object" ? l : Object.assign({}, e, l), r.forEach((f) => f(e, p));
+      const d = e;
+      e = p ?? (typeof l != "object" || l === null) ? l : Object.assign({}, e, l), r.forEach((h) => h(e, d));
     }
-  }, o = () => e, s = { setState: n, getState: o, subscribe: (c) => (r.add(c), () => r.delete(c)), destroy: () => {
-    ({ BASE_URL: "/", MODE: "production", DEV: !1, PROD: !0, SSR: !1 } && "production") !== "production" && console.warn(
-      "[DEPRECATED] The `destroy` method will be unsupported in a future version. Instead use unsubscribe function returned by subscribe. Everything will be garbage-collected if store is garbage-collected."
-    ), r.clear();
-  } };
-  return e = t(n, o, s), s;
+  }, o = () => e, c = { setState: n, getState: o, getInitialState: () => u, subscribe: (f) => (r.add(f), () => r.delete(f)), destroy: () => {
+    r.clear();
+  } }, u = e = t(n, o, c);
+  return c;
 }, _m = (t) => t ? In(t) : In;
 class Sm {
   constructor() {
@@ -3433,7 +3435,9 @@ class Sm {
     return n ? n.subscribe(r) : (console.warn("store not exits"), () => {
     });
   }
-  // storeManger 赋值以及 获取需要做转换
+  /**
+   * storeManger 赋值以及 获取需要做转换
+   */
   getStateSnapshot() {
     const e = {};
     return this.storeMap.forEach((r, n) => {
@@ -3479,7 +3483,9 @@ class Om {
     y(this, "onGetComponent");
     y(this, "onComponentMount");
     y(this, "onComponentDestroy");
-    // 处理 props 钩子
+    /**
+     * 处理 props 钩子, 可以统一拦截 node 的处理，并修改其值
+     */
     y(this, "processNodeConfigHook");
   }
   getComponent(e) {
@@ -3505,10 +3511,10 @@ class Om {
     processNodeConfigHook: u
   }) {
     this.renderMode = c, this.components = r, this.onGetRef = n, this.onGetComponent = a, this.onComponentMount = i, this.onComponentDestroy = s, this.processNodeConfigHook = u;
-    const l = e.value.componentsTree, p = this.getComponent(l), f = this.convertModelToComponent(p, e.value.componentsTree), d = {}, h = l.props;
+    const f = e.value.componentsTree, p = this.getComponent(f), l = this.convertModelToComponent(p, e.value.componentsTree), d = {}, h = f.props;
     return Object.keys(h).forEach((g) => {
       d[g] = h[g].value;
-    }), d.$$context = o, this.render(f, d);
+    }), d.$$context = o, this.render(l, d);
   }
   transformProps(e = {}, {
     $$context: r
@@ -3523,14 +3529,14 @@ class Om {
         if (!c)
           return console.warn("slot value is null, this maybe cause some error, pls check it", e), () => {
           };
-        const u = (l) => {
-          const p = `${l.id}-${ue}`;
-          if (this.runtimeComponentCache.get(l.id))
+        const u = (f) => {
+          const p = `${f.id}-${ue}`;
+          if (this.runtimeComponentCache.get(f.id))
             return {
               key: p,
-              component: this.runtimeComponentCache.get(l.id)
+              component: this.runtimeComponentCache.get(f.id)
             };
-          const f = this.getComponent(l), d = this.convertModelToComponent(f, l), h = s.params || [];
+          const l = this.getComponent(f), d = this.convertModelToComponent(l, f), h = s.params || [];
           return {
             component: (...S) => {
               const j = Pn(S, h), x = this.getContext(
@@ -3548,16 +3554,16 @@ class Om {
           };
         };
         if (Array.isArray(c)) {
-          const l = c == null ? void 0 : c.map((p) => u(p));
-          return (...p) => l.map((f) => {
-            if (dm(f.component)) {
-              const h = f.component;
+          const f = c == null ? void 0 : c.map((p) => u(p));
+          return (...p) => f.map((l) => {
+            if (dm(l.component)) {
+              const h = l.component;
               return O.createElement(h, {
                 $$context: r,
-                key: f.key
+                key: l.key
               });
             } else {
-              const h = f.component;
+              const h = l.component;
               return h == null ? void 0 : h(...p);
             }
           });
@@ -3568,12 +3574,12 @@ class Om {
           return bt(i.value, r || {});
         if (Pf(i))
           return vm(i.value, r, this.storeManager);
-        if ($t(i)) {
+        if (Et(i)) {
           let s = i;
           Re(i) && (s = i.value);
           const c = s, u = {};
-          return Object.keys(s).forEach((l) => {
-            u[l] = o(c[l]);
+          return Object.keys(s).forEach((f) => {
+            u[f] = o(c[f]);
           }), u;
         } else
           return i;
@@ -3590,9 +3596,9 @@ class Om {
       Re(i) && (s = i.value), r(s) ? n.push({
         keyPath: a,
         val: s
-      }) : Et(s) ? s.forEach((c, u) => {
+      }) : $t(s) ? s.forEach((c, u) => {
         o([...a, String(u)], c);
-      }) : $t(s) && Object.keys(s).forEach((c) => {
+      }) : Et(s) && Object.keys(s).forEach((c) => {
         o([...a, c], s[c]);
       });
     };
@@ -3612,14 +3618,14 @@ class Om {
         y(this, "listenerHandle", []);
         y(this, "storeState");
         y(this, "storeListenDisposeList", []);
-        // save dom and media css
+        /** save dom and media css */
         y(this, "domHeader");
         y(this, "mediaStyleDomMap", {});
         /** 存储当前节点的一些变量和方法，不具有响应性 */
         y(this, "variableSpace");
         y(this, "nodeName");
         y(this, "updateState", (s) => {
-          this.storeState.setState(s), this.forceUpdate();
+          this.storeState.setState(s);
         });
         y(this, "getStyleDomById", (s) => {
           const c = this.mediaStyleDomMap;
@@ -3632,17 +3638,17 @@ class Om {
           if (s || (s = (u = document.getElementsByTagName("head")) == null ? void 0 : u[0], this.domHeader = s), !this.domHeader)
             return;
           const c = this._NODE_MODEL.value.css;
-          c && c.value.forEach((l) => {
+          c && c.value.forEach((f) => {
             var d;
-            const p = `${this.UNIQUE_ID}_${l.state}`;
-            let f = Fe(this._NODE_MODEL);
-            if (l.state !== "normal" && (f = `${f}:${l.state}`), l.text) {
+            const p = `${this.UNIQUE_ID}_${f.state}`;
+            let l = Fe(this._NODE_MODEL);
+            if (f.state !== "normal" && (l = `${l}:${f.state}`), f.text) {
               const h = this.getStyleDomById(p);
-              h.innerText = `.${f} { ${l.text} }`, s == null || s.appendChild(h);
+              h.innerText = `.${l} { ${f.text} }`, s == null || s.appendChild(h);
             }
-            (d = l.media) != null && d.length && l.media.forEach((h) => {
+            (d = f.media) != null && d.length && f.media.forEach((h) => {
               const g = `${p}_${h.type}_${h.value}`, b = this.getStyleDomById(g);
-              b.media = `screen and (${h.type}:${h.value}px)`, b.innerHTML = `.${f} { ${h.text} }`, s == null || s.appendChild(b);
+              b.media = `screen and (${h.type}:${h.value}px)`, b.innerHTML = `.${l} { ${h.text} }`, s == null || s.appendChild(b);
             });
           });
         });
@@ -3669,23 +3675,23 @@ class Om {
             ...p
           });
         }), this.connectStore();
-        const l = n.variableManager.get(c);
-        l ? this.variableSpace = l : (this.variableSpace = {
+        const f = n.variableManager.get(c);
+        f ? this.variableSpace = f : (this.variableSpace = {
           staticVar: {},
           methods: {}
         }, n.variableManager.add(c, this.variableSpace));
       }
       connectStore() {
-        const s = n.collectSpecialProps(r.props, (f) => !!ct(f)), c = n.collectSpecialProps(
+        const s = n.collectSpecialProps(r.props, (l) => !!ct(l)), c = n.collectSpecialProps(
           {
             css: r.value.css,
             class: r.value.classNames
           },
-          (f) => !!ct(f)
+          (l) => !!ct(l)
         );
         let u = [];
-        [...s, ...c].map((f) => {
-          const d = f.val, h = [
+        [...s, ...c].map((l) => {
+          const d = l.val, h = [
             /\$\$context.stateManager\.(.+?)\./gim,
             /\$\$context.stateManager\["(.+?)"\]/gim,
             /\$\$context.stateManager\['(.+?)'\]/gim,
@@ -3696,11 +3702,13 @@ class Om {
           ], g = gm(d.value, h);
           u = [...u, ...g];
         }).filter(Boolean);
-        const l = Array.from(new Set(u)), p = [];
-        l.length && l.forEach((f) => {
-          n.storeManager.getStore(f) || (n.storeManager.addStore(f, () => ({})), console.warn(n.storeManager, f, "not exits"));
-          const h = n.storeManager.connect(f, () => {
-            this.forceUpdate();
+        const f = Array.from(new Set(u)), p = [];
+        f.length && f.forEach((l) => {
+          n.storeManager.getStore(l) || (n.storeManager.addStore(l, () => ({})), console.warn(n.storeManager, l, "not exits"));
+          const h = n.storeManager.connect(l, (g) => {
+            this.setState({
+              ...g
+            });
           });
           p.push(h);
         }), this.storeListenDisposeList = p;
@@ -3722,7 +3730,7 @@ class Om {
       }
       render() {
         var ae;
-        const { $$context: s, ...c } = this.props, u = r.value.nodeName || r.id, l = {
+        const { $$context: s, ...c } = this.props, u = r.value.nodeName || r.id, f = {
           key: r.id,
           ...r.props,
           ...c
@@ -3740,16 +3748,16 @@ class Om {
           getStaticVar: () => n.variableManager.get(u).staticVar,
           getStaticVarById: (I) => n.variableManager.get(I).staticVar
         };
-        r.value.componentName === At.ROOT_CONTAINER && (p.globalState = this.state, p.updateGlobalState = this.updateState);
-        const f = n.getContext(p, s), g = n.transformProps(
+        r.value.componentName === At.ROOT_CONTAINER && (p.globalState = this.state, p.updateGlobalState = this.updateState, p.getGlobalState = () => this.state);
+        const l = n.getContext(p, s), g = n.transformProps(
           {
             methods: r.value.methods
           },
           {
-            $$context: f
+            $$context: l
           }
         ).methods.reduce((I, z) => (I[z.name] = z.define, I), {});
-        f.methods = g, this.variableSpace.methods = Object.assign(this.variableSpace.methods, g);
+        l.methods = g, this.variableSpace.methods = Object.assign(this.variableSpace.methods, g);
         const b = r.value.loop;
         let S = [];
         if (b && b.open) {
@@ -3757,19 +3765,19 @@ class Om {
           let I = b.data || [];
           if (ct(b.data)) {
             const z = b.data;
-            I = bt(z.value, f || {});
+            I = bt(z.value, l || {});
           }
           return S = I.map((...z) => {
             var Dr;
-            const Bt = z[1], yt = [b.forName || "item", b.forIndex || "index"], Ee = Pn(z, yt);
-            let $e = "loopData";
-            b.name && ($e = `${$e}${b.name}`);
+            const Bt = z[1], yt = [b.forName || "item", b.forIndex || "index"], $e = Pn(z, yt);
+            let Ee = "loopData";
+            b.name && (Ee = `${Ee}${b.name}`);
             const Ft = n.getContext(
               {
-                [$e]: Ee
+                [Ee]: $e
               },
-              f
-            ), q = n.transformProps(l, {
+              l
+            ), q = n.transformProps(f, {
               $$context: Ft
             }), aa = ((Dr = r.value.classNames) == null ? void 0 : Dr.map((H) => {
               var ie;
@@ -3810,8 +3818,8 @@ class Om {
             }, n.render(e, q, ...xe);
           }), S;
         }
-        const j = n.transformProps(l, {
-          $$context: f
+        const j = n.transformProps(f, {
+          $$context: l
         }), { children: x } = j;
         let A = [];
         if (x !== void 0)
@@ -3819,30 +3827,30 @@ class Om {
         else {
           const I = [];
           r.value.children.forEach((Bt, yt) => {
-            const Ee = n.buildComponent(Bt, {
-              $$context: f,
+            const $e = n.buildComponent(Bt, {
+              $$context: l,
               idx: yt
             });
-            I.push(Ee);
+            I.push($e);
           }), A = I;
         }
         j.ref = this.targetComponentRef;
         const D = ((ae = r.value.classNames) == null ? void 0 : ae.map((I) => {
           var yt;
           const z = I.name;
-          return (ct(I.status) ? bt(((yt = I.status) == null ? void 0 : yt.value) || "", f) : !1) ? z : "";
+          return (ct(I.status) ? bt(((yt = I.status) == null ? void 0 : yt.value) || "", l) : !1) ? z : "";
         })) || [];
         let k = `${j.className ?? ""} ${D.join(" ")}`.trim();
         r.value.css && (k = `${Fe(r)} ${k}`.trim()), j.className = k;
         const Lt = n.transformProps(
           { style: r.value.style },
           {
-            $$context: f
+            $$context: l
           }
         );
         r.value.style && (j.style = Rn(Lt.style || []));
         let C = r.value.condition ?? !0;
-        typeof C != "boolean" && (C = bt(C.value, f || {}));
+        typeof C != "boolean" && (C = bt(C.value, l || {}));
         let ot = {
           condition: C,
           props: j
@@ -3871,11 +3879,11 @@ class Om {
       const i = a.value.id;
       let s = null;
       if (n.get(i)) {
-        const l = n.get(i);
-        s = l == null ? void 0 : l.component;
+        const f = n.get(i);
+        s = f == null ? void 0 : f.component;
       } else {
-        const l = this.getComponent(a);
-        s = this.convertModelToComponent(l, a), !n.get(i) && this.renderMode !== "design" && n.set(i, {
+        const f = this.getComponent(a);
+        s = this.convertModelToComponent(f, a), !n.get(i) && this.renderMode !== "design" && n.set(i, {
           component: s
         });
       }
@@ -4014,6 +4022,7 @@ const sv = va(new Om()), wm = [
   "s",
   "samp",
   "script",
+  "search",
   "section",
   "select",
   "shadow",
@@ -4050,7 +4059,7 @@ const sv = va(new Om()), wm = [
   "xmp"
 ];
 var Cm = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function Em(t) {
+function $m(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var ta = { exports: {} }, Ce = {};
@@ -4063,7 +4072,7 @@ var ta = { exports: {} }, Ce = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var $m = O, Nm = Symbol.for("react.element"), xm = Symbol.for("react.fragment"), Tm = Object.prototype.hasOwnProperty, Mm = $m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, Am = { key: !0, ref: !0, __self: !0, __source: !0 };
+var Em = O, Nm = Symbol.for("react.element"), xm = Symbol.for("react.fragment"), Tm = Object.prototype.hasOwnProperty, Mm = Em.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, Am = { key: !0, ref: !0, __self: !0, __source: !0 };
 function ea(t, e, r) {
   var n, o = {}, a = null, i = null;
   r !== void 0 && (a = "" + r), e.key !== void 0 && (a = "" + e.key), e.ref !== void 0 && (i = e.ref);
@@ -4157,14 +4166,14 @@ const Rm = Pm.jsx, nt = (t) => {
     ...r,
     ...nt(e)
   }, ...n);
-}, Vm = ({
+}, Gm = ({
   $$attributes: t = [],
   content: e,
   ...r
 }) => O.createElement("span", {
   ...r,
   ...nt(t)
-}, e), Gm = ({
+}, e), Vm = ({
   children: t,
   $$attributes: e = [],
   afterMount: r,
@@ -4204,12 +4213,12 @@ const Rm = Pm.jsx, nt = (t) => {
     children: t
   }) => t,
   ...Dm,
-  CContainer: Gm,
+  CContainer: Vm,
   CVideo: Um,
   CAudio: km,
   CBlock: Lm,
   CImage: Fm,
-  CText: Vm,
+  CText: Gm,
   CCanvas: Bm,
   CNativeTag: zm
 };
@@ -4245,7 +4254,7 @@ class Wm extends O.Component {
         this.setState({
           pageModel: r
         });
-      else if ($t(r) && Eo(r)) {
+      else if (Et(r) && $o(r)) {
         const n = r;
         this.setState({
           pageModel: new de(n, {
@@ -4391,7 +4400,7 @@ class qm {
 const Ym = (t) => {
   const { node: e } = t, r = pa(() => {
     const s = e.isContainer();
-    return $t(s) ? s : {
+    return Et(s) ? s : {
       placeholder: "Drag the component to place it",
       width: "100%",
       height: "100%",
@@ -4446,18 +4455,22 @@ class cv extends O.Component {
           y(this, "_NODE_ID", n.id);
           y(this, "_UNIQUE_ID", `${n.id}_${Z()}`);
           y(this, "_STATUS");
+          y(this, "_design_target_component");
         }
         componentDidMount() {
           o.instanceManager.add(n.id, this);
         }
+        getTargetComponentRef() {
+          return this._design_target_component;
+        }
         componentWillUnmount() {
           this._STATUS = "DESTROY", o.instanceManager.remove(n.id, this);
         }
         render() {
           var S, j;
-          const { children: f = [], onlyRenderChild: d, ...h } = this.props;
-          let g = f;
-          if (Et(f) || (g = [f]), !!!g.filter(Boolean).length && (n.isContainer() || n.value.componentName === At.ROOT_CONTAINER)) {
+          const { children: l = [], onlyRenderChild: d, ...h } = this.props;
+          let g = l;
+          if ($t(l) || (g = [l]), !!!g.filter(Boolean).length && (n.isContainer() || n.value.componentName === At.ROOT_CONTAINER)) {
             const x = (j = (S = n.material) == null ? void 0 : S.value.advanceCustom) == null ? void 0 : j.dropPlaceholder;
             g.push(
               O.createElement(x || o.dropPlaceholder, {
@@ -4465,10 +4478,16 @@ class cv extends O.Component {
               })
             );
           }
-          return d ? g : O.createElement(a, h, ...g);
+          return d ? g : O.createElement(
+            a,
+            {
+              ...h
+            },
+            ...g
+          );
         }
       }
-      return O.forwardRef(function(p, f) {
+      return O.forwardRef(function(p, l) {
         return O.createElement(
           Qm,
           {
@@ -4476,7 +4495,7 @@ class cv extends O.Component {
             targetComponent: s
           },
           O.createElement(s, {
-            ref: f,
+            ref: l,
             ...p
           })
         );
@@ -4489,7 +4508,7 @@ class cv extends O.Component {
   }
   componentDidMount() {
     var r, n;
-    this.updateComponents(this.props.components), (n = (r = this.props).onMount) == null || n.call(r, this);
+    window.__CHAMN_RENDER_MODE = "DESIGN", this.updateComponents(this.props.components), (n = (r = this.props).onMount) == null || n.call(r, this);
   }
   getPageModel() {
     var r;
@@ -4534,31 +4553,39 @@ class cv extends O.Component {
       onGetComponent: n,
       ...a,
       components: this._components,
-      // 拦截特殊属性配置, 配合开发模式使用
+      // 拦截特殊属性配置, 配合设计模式使用
+      /**
+       * 可以对节点的一些配置数据做统一处理
+       * 比如: fixedProps 强制将 fixedProps 内的值覆盖 node 本省的配置
+       * 比如： 统一处理节点的 Condition 属性，控制节点是否显示
+       * @param config
+       * @param node
+       * @returns
+       */
       processNodeConfigHook: (i, s) => {
         var h, g;
         if (s.nodeType !== "NODE")
           return i;
         const { props: c, condition: u } = i;
-        let l = { ...c };
-        const p = ((h = s.value.configure) == null ? void 0 : h.devState) || {}, f = (g = s.material) == null ? void 0 : g.value.fixedProps;
-        if (f !== void 0) {
-          if ($t(f))
-            l = {
-              ...l,
-              ...f
+        let f = { ...c };
+        const p = ((h = s.value.configure) == null ? void 0 : h.devState) || {}, l = (g = s.material) == null ? void 0 : g.value.fixedProps;
+        if (l !== void 0) {
+          if (Et(l))
+            f = {
+              ...f,
+              ...l
             };
-          else if (typeof f == "function") {
-            const b = f(l);
-            l = {
-              ...l,
+          else if (typeof l == "function") {
+            const b = l(f);
+            f = {
+              ...f,
               ...b
             };
           }
         }
         let d = u;
         return p.condition === !1 && (d = p.condition), {
-          props: pm(l, p.props || {}),
+          props: pm(f, p.props || {}),
           condition: d
         };
       },
@@ -4607,42 +4634,42 @@ var oa = { exports: {} };
   })(Cm, function() {
     var r = function() {
     }, n = {}, o = {}, a = {};
-    function i(f, d) {
-      f = f.push ? f : [f];
-      var h = [], g = f.length, b = g, S, j, x, A;
+    function i(l, d) {
+      l = l.push ? l : [l];
+      var h = [], g = l.length, b = g, S, j, x, A;
       for (S = function(D, k) {
         k.length && h.push(D), b--, b || d(h);
       }; g--; ) {
-        if (j = f[g], x = o[j], x) {
+        if (j = l[g], x = o[j], x) {
           S(j, x);
           continue;
         }
         A = a[j] = a[j] || [], A.push(S);
       }
     }
-    function s(f, d) {
-      if (f) {
-        var h = a[f];
-        if (o[f] = d, !!h)
+    function s(l, d) {
+      if (l) {
+        var h = a[l];
+        if (o[l] = d, !!h)
           for (; h.length; )
-            h[0](f, d), h.splice(0, 1);
+            h[0](l, d), h.splice(0, 1);
       }
     }
-    function c(f, d) {
-      f.call && (f = { success: f }), d.length ? (f.error || r)(d) : (f.success || r)(f);
+    function c(l, d) {
+      l.call && (l = { success: l }), d.length ? (l.error || r)(d) : (l.success || r)(l);
     }
-    function u(f, d, h, g) {
-      var b = document, S = h.async, j = (h.numRetries || 0) + 1, x = h.before || r, A = f.replace(/[\?|#].*$/, ""), D = f.replace(/^(css|img|module|nomodule)!/, ""), k, Lt, C;
+    function u(l, d, h, g) {
+      var b = document, S = h.async, j = (h.numRetries || 0) + 1, x = h.before || r, A = l.replace(/[\?|#].*$/, ""), D = l.replace(/^(css|img|module|nomodule)!/, ""), k, Lt, C;
       if (g = g || 0, /(^css!|\.css$)/.test(A))
         C = b.createElement("link"), C.rel = "stylesheet", C.href = D, k = "hideFocus" in C, k && C.relList && (k = 0, C.rel = "preload", C.as = "style");
       else if (/(^img!|\.(png|gif|jpg|svg|webp)$)/.test(A))
         C = b.createElement("img"), C.src = D;
       else if (C = b.createElement("script"), C.src = D, C.async = S === void 0 ? !0 : S, Lt = "noModule" in C, /^module!/.test(A)) {
         if (!Lt)
-          return d(f, "l");
+          return d(l, "l");
         C.type = "module";
       } else if (/^nomodule!/.test(A) && Lt)
-        return d(f, "l");
+        return d(l, "l");
       C.onload = C.onerror = C.onbeforeload = function(ot) {
         var it = ot.type[0];
         if (k)
@@ -4653,15 +4680,15 @@ var oa = { exports: {} };
           }
         if (it == "e") {
           if (g += 1, g < j)
-            return u(f, d, h, g);
+            return u(l, d, h, g);
         } else if (C.rel == "preload" && C.as == "style")
           return C.rel = "stylesheet";
-        d(f, it, ot.defaultPrevented);
-      }, x(f, C) !== !1 && b.head.appendChild(C);
+        d(l, it, ot.defaultPrevented);
+      }, x(l, C) !== !1 && b.head.appendChild(C);
     }
-    function l(f, d, h) {
-      f = f.push ? f : [f];
-      var g = f.length, b = g, S = [], j, x;
+    function f(l, d, h) {
+      l = l.push ? l : [l];
+      var g = l.length, b = g, S = [], j, x;
       for (j = function(A, D, k) {
         if (D == "e" && S.push(A), D == "b")
           if (k)
@@ -4670,9 +4697,9 @@ var oa = { exports: {} };
             return;
         g--, g || d(S);
       }, x = 0; x < b; x++)
-        u(f[x], j, h);
+        u(l[x], j, h);
     }
-    function p(f, d, h) {
+    function p(l, d, h) {
       var g, b;
       if (d && d.trim && (g = d), b = (g ? h : d) || {}, g) {
         if (g in n)
@@ -4680,7 +4707,7 @@ var oa = { exports: {} };
         n[g] = !0;
       }
       function S(j, x) {
-        l(f, function(A) {
+        f(l, function(A) {
           c(b, A), j && c({ success: j, error: x }, A), s(g, A);
         }, b);
       }
@@ -4702,7 +4729,7 @@ var oa = { exports: {} };
   });
 })(oa);
 var Km = oa.exports;
-const Dn = /* @__PURE__ */ Em(Km);
+const Dn = /* @__PURE__ */ $m(Km);
 class lv {
   constructor(e, r) {
     y(this, "assets");