@chamn/render 0.5.0 → 0.5.2

package/dist/index.js

@@ -1,7 +1,7 @@
 var ga = Object.defineProperty;
 var va = (t, e, r) => e in t ? ga(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
 var w = (t, e, r) => va(t, typeof e != "symbol" ? e + "" : e, r);
-import x, { Component as ya, createElement as ba, useEffect as Ln, useRef as Fn, useMemo as Vn } from "react";
+import $, { Component as ya, createElement as ba, useEffect as Ln, useRef as Fn, useMemo as Vn } from "react";
 const _a = (t) => () => {
   console.warn(`${t} need to be implement getComponent`);
 }, Sa = ["customPageRootRender"], Mr = [
@@ -22,7 +22,7 @@ const _a = (t) => () => {
   var o;
   return t != null && t[n] ? r[n] = (o = t[n]) == null ? void 0 : o.bind(t) : Mr.includes(n) && (r[n] = _a), r;
 }, {});
-var kn = typeof global == "object" && global && global.Object === Object && global, ja = typeof self == "object" && self && self.Object === Object && self, xt = kn || ja || Function("return this")(), Ot = xt.Symbol, Un = Object.prototype, wa = Un.hasOwnProperty, Ca = Un.toString, Vt = Ot ? Ot.toStringTag : void 0;
+var kn = typeof global == "object" && global && global.Object === Object && global, ja = typeof self == "object" && self && self.Object === Object && self, $t = kn || ja || Function("return this")(), Ot = $t.Symbol, Un = Object.prototype, wa = Un.hasOwnProperty, Ca = Un.toString, Vt = Ot ? Ot.toStringTag : void 0;
 function Ea(t) {
   var e = wa.call(t, Vt), r = t[Vt];
   try {
@@ -33,13 +33,13 @@ function Ea(t) {
   var o = Ca.call(t);
   return n && (e ? t[Vt] = r : delete t[Vt]), o;
 }
-var Na = Object.prototype, $a = Na.toString;
-function xa(t) {
-  return $a.call(t);
+var Na = Object.prototype, xa = Na.toString;
+function $a(t) {
+  return xa.call(t);
 }
 var Ra = "[object Null]", Ta = "[object Undefined]", Ir = Ot ? Ot.toStringTag : void 0;
 function te(t) {
-  return t == null ? t === void 0 ? Ta : Ra : Ir && Ir in Object(t) ? Ea(t) : xa(t);
+  return t == null ? t === void 0 ? Ta : Ra : Ir && Ir in Object(t) ? Ea(t) : $a(t);
 }
 function Rt(t) {
   return t != null && typeof t == "object";
@@ -78,7 +78,7 @@ function tr(t) {
   var e = te(t);
   return e == Da || e == La || e == Pa || e == Fa;
 }
-var Ce = xt["__core-js_shared__"], Lr = function() {
+var Ce = $t["__core-js_shared__"], Lr = function() {
   var t = /[^.]+$/.exec(Ce && Ce.keys && Ce.keys.IE_PROTO || "");
   return t ? "Symbol(src)_1." + t : "";
 }();
@@ -267,9 +267,9 @@ var Jn = Object.prototype, Os = Jn.hasOwnProperty, js = Jn.propertyIsEnumerable,
 function ws() {
   return !1;
 }
-var Wn = typeof exports == "object" && exports && !exports.nodeType && exports, Ur = Wn && typeof module == "object" && module && !module.nodeType && module, Cs = Ur && Ur.exports === Wn, Br = Cs ? xt.Buffer : void 0, Es = Br ? Br.isBuffer : void 0, Qn = Es || ws, Ns = "[object Arguments]", $s = "[object Array]", xs = "[object Boolean]", Rs = "[object Date]", Ts = "[object Error]", As = "[object Function]", Ms = "[object Map]", Is = "[object Number]", Ps = "[object Object]", Ds = "[object RegExp]", Ls = "[object Set]", Fs = "[object String]", Vs = "[object WeakMap]", ks = "[object ArrayBuffer]", Us = "[object DataView]", Bs = "[object Float32Array]", zs = "[object Float64Array]", Gs = "[object Int8Array]", Hs = "[object Int16Array]", qs = "[object Int32Array]", Js = "[object Uint8Array]", Ws = "[object Uint8ClampedArray]", Qs = "[object Uint16Array]", Ys = "[object Uint32Array]", M = {};
+var Wn = typeof exports == "object" && exports && !exports.nodeType && exports, Ur = Wn && typeof module == "object" && module && !module.nodeType && module, Cs = Ur && Ur.exports === Wn, Br = Cs ? $t.Buffer : void 0, Es = Br ? Br.isBuffer : void 0, Qn = Es || ws, Ns = "[object Arguments]", xs = "[object Array]", $s = "[object Boolean]", Rs = "[object Date]", Ts = "[object Error]", As = "[object Function]", Ms = "[object Map]", Is = "[object Number]", Ps = "[object Object]", Ds = "[object RegExp]", Ls = "[object Set]", Fs = "[object String]", Vs = "[object WeakMap]", ks = "[object ArrayBuffer]", Us = "[object DataView]", Bs = "[object Float32Array]", zs = "[object Float64Array]", Gs = "[object Int8Array]", Hs = "[object Int16Array]", qs = "[object Int32Array]", Js = "[object Uint8Array]", Ws = "[object Uint8ClampedArray]", Qs = "[object Uint16Array]", Ys = "[object Uint32Array]", M = {};
 M[Bs] = M[zs] = M[Gs] = M[Hs] = M[qs] = M[Js] = M[Ws] = M[Qs] = M[Ys] = !0;
-M[Ns] = M[$s] = M[ks] = M[xs] = M[Us] = M[Rs] = M[Ts] = M[As] = M[Ms] = M[Is] = M[Ps] = M[Ds] = M[Ls] = M[Fs] = M[Vs] = !1;
+M[Ns] = M[xs] = M[ks] = M[$s] = M[Us] = M[Rs] = M[Ts] = M[As] = M[Ms] = M[Is] = M[Ps] = M[Ds] = M[Ls] = M[Fs] = M[Vs] = !1;
 function Ks(t) {
   return Rt(t) && Hn(t.length) && !!M[te(t)];
 }
@@ -398,7 +398,7 @@ et.prototype.delete = _i;
 et.prototype.get = Si;
 et.prototype.has = Oi;
 et.prototype.set = ji;
-var Zn = er(xt, "Map");
+var Zn = er($t, "Map");
 function wi() {
   this.size = 0, this.__data__ = {
     hash: new ft(),
@@ -421,10 +421,10 @@ function Ei(t) {
 function Ni(t) {
   return he(this, t).get(t);
 }
-function $i(t) {
+function xi(t) {
   return he(this, t).has(t);
 }
-function xi(t, e) {
+function $i(t, e) {
   var r = he(this, t), n = r.size;
   return r.set(t, e), this.size += r.size == n ? 0 : 1, this;
 }
@@ -438,8 +438,8 @@ function Tt(t) {
 Tt.prototype.clear = wi;
 Tt.prototype.delete = Ei;
 Tt.prototype.get = Ni;
-Tt.prototype.has = $i;
-Tt.prototype.set = xi;
+Tt.prototype.has = xi;
+Tt.prototype.set = $i;
 function to(t) {
   return t == null ? "" : Bn(t);
 }
@@ -522,12 +522,12 @@ Mt.prototype.delete = lc;
 Mt.prototype.get = fc;
 Mt.prototype.has = dc;
 Mt.prototype.set = hc;
-var lo = typeof exports == "object" && exports && !exports.nodeType && exports, Hr = lo && typeof module == "object" && module && !module.nodeType && module, mc = Hr && Hr.exports === lo, qr = mc ? xt.Buffer : void 0;
+var lo = typeof exports == "object" && exports && !exports.nodeType && exports, Hr = lo && typeof module == "object" && module && !module.nodeType && module, mc = Hr && Hr.exports === lo, qr = mc ? $t.Buffer : void 0;
 qr && qr.allocUnsafe;
 function gc(t, e) {
   return t.slice();
 }
-var Jr = xt.Uint8Array;
+var Jr = $t.Uint8Array;
 function vc(t) {
   var e = new t.constructor(t.byteLength);
   return new Jr(e).set(new Jr(t)), e;
@@ -601,7 +601,7 @@ function Nc(t) {
   const r = typeof Symbol == "function" && Symbol.for ? Symbol.for("react.forward_ref") : 60112;
   return (t == null ? void 0 : t.$$typeof) === r || ((n = t == null ? void 0 : t.prototype) == null ? void 0 : n.isReactComponent) || ((o = t == null ? void 0 : t.prototype) == null ? void 0 : o.setState) || t._forwardRef;
 }
-function $c(t) {
+function xc(t) {
   class e extends ya {
     render() {
       return ba(t, this.props);
@@ -667,7 +667,7 @@ const bt = (t, e) => {
   return e.forEach((n, o) => {
     r[n] = t[o];
   }), r;
-}, xc = (t = []) => {
+}, $c = (t = []) => {
   const e = {};
   return t.forEach(({ property: r, value: n }) => {
     let o = r.replace("-webkit", "Webkit");
@@ -1031,10 +1031,10 @@ function cr(t, e, r) {
 function ee(t, e) {
   return t === e || t !== t && e !== e;
 }
-var Nu = Object.prototype, $u = Nu.hasOwnProperty;
+var Nu = Object.prototype, xu = Nu.hasOwnProperty;
 function ur(t, e, r) {
   var n = t[e];
-  (!($u.call(t, e) && ee(n, r)) || r === void 0 && !(e in t)) && cr(t, e, r);
+  (!(xu.call(t, e) && ee(n, r)) || r === void 0 && !(e in t)) && cr(t, e, r);
 }
 function It(t, e, r, n) {
   var o = !r;
@@ -1059,9 +1059,9 @@ function So(t, e, r) {
 function Oo(t, e) {
   return _o(So(t, e, sr), t + "");
 }
-var xu = 9007199254740991;
+var $u = 9007199254740991;
 function lr(t) {
-  return typeof t == "number" && t > -1 && t % 1 == 0 && t <= xu;
+  return typeof t == "number" && t > -1 && t % 1 == 0 && t <= $u;
 }
 function ve(t) {
   return t != null && lr(t.length) && !ir(t);
@@ -1115,10 +1115,10 @@ function dr(t) {
     return t(e);
   };
 }
-var Co = typeof exports == "object" && exports && !exports.nodeType && exports, zt = Co && typeof module == "object" && module && !module.nodeType && module, fl = zt && zt.exports === Co, $e = fl && go.process, wt = function() {
+var Co = typeof exports == "object" && exports && !exports.nodeType && exports, zt = Co && typeof module == "object" && module && !module.nodeType && module, fl = zt && zt.exports === Co, xe = fl && go.process, wt = function() {
   try {
     var t = zt && zt.require && zt.require("util").types;
-    return t || $e && $e.binding && $e.binding("util");
+    return t || xe && xe.binding && xe.binding("util");
   } catch {
   }
 }(), sn = wt && wt.isTypedArray, pr = sn ? dr(sn) : ll, dl = Object.prototype, pl = dl.hasOwnProperty;
@@ -1183,14 +1183,14 @@ function Cl(t) {
   var e = this.has(t) && delete this.__data__[t];
   return this.size -= e ? 1 : 0, e;
 }
-var El = "__lodash_hash_undefined__", Nl = Object.prototype, $l = Nl.hasOwnProperty;
-function xl(t) {
+var El = "__lodash_hash_undefined__", Nl = Object.prototype, xl = Nl.hasOwnProperty;
+function $l(t) {
   var e = this.__data__;
   if (Qt) {
     var r = e[t];
     return r === El ? void 0 : r;
   }
-  return $l.call(e, t) ? e[t] : void 0;
+  return xl.call(e, t) ? e[t] : void 0;
 }
 var Rl = Object.prototype, Tl = Rl.hasOwnProperty;
 function Al(t) {
@@ -1211,7 +1211,7 @@ function dt(t) {
 }
 dt.prototype.clear = wl;
 dt.prototype.delete = Cl;
-dt.prototype.get = xl;
+dt.prototype.get = $l;
 dt.prototype.has = Al;
 dt.prototype.set = Il;
 function Pl() {
@@ -1341,7 +1341,7 @@ function Se(t, e) {
     t = t[Dt(e[r++])];
   return r && r == n ? t : void 0;
 }
-function $o(t, e, r) {
+function xo(t, e, r) {
   var n = t == null ? void 0 : Se(t, e);
   return n === void 0 ? r : n;
 }
@@ -1354,7 +1354,7 @@ var cn = G ? G.isConcatSpreadable : void 0;
 function ef(t) {
   return L(t) || Jt(t) || !!(cn && t && t[cn]);
 }
-function xo(t, e, r, n, o) {
+function $o(t, e, r, n, o) {
   var a = -1, s = t.length;
   for (r || (r = ef), o || (o = []); ++a < s; ) {
     var i = t[a];
@@ -1364,7 +1364,7 @@ function xo(t, e, r, n, o) {
 }
 function rf(t) {
   var e = t == null ? 0 : t.length;
-  return e ? xo(t) : [];
+  return e ? $o(t) : [];
 }
 function nf(t) {
   return _o(So(t, void 0, rf), t + "");
@@ -1468,16 +1468,16 @@ function Ue(t) {
 function br(t) {
   return Po(t, re, Io);
 }
-var Be = vt(X, "DataView"), ze = vt(X, "Promise"), _t = vt(X, "Set"), pn = "[object Map]", Ef = "[object Object]", hn = "[object Promise]", mn = "[object Set]", gn = "[object WeakMap]", vn = "[object DataView]", Nf = gt(Be), $f = gt(Yt), xf = gt(ze), Rf = gt(_t), Tf = gt(ke), q = mt;
+var Be = vt(X, "DataView"), ze = vt(X, "Promise"), _t = vt(X, "Set"), pn = "[object Map]", Ef = "[object Object]", hn = "[object Promise]", mn = "[object Set]", gn = "[object WeakMap]", vn = "[object DataView]", Nf = gt(Be), xf = gt(Yt), $f = gt(ze), Rf = gt(_t), Tf = gt(ke), q = mt;
 (Be && q(new Be(new ArrayBuffer(1))) != vn || Yt && q(new Yt()) != pn || ze && q(ze.resolve()) != hn || _t && q(new _t()) != mn || ke && q(new ke()) != gn) && (q = function(t) {
   var e = mt(t), r = e == Ef ? t.constructor : void 0, n = r ? gt(r) : "";
   if (n)
     switch (n) {
       case Nf:
         return vn;
-      case $f:
-        return pn;
       case xf:
+        return pn;
+      case $f:
         return hn;
       case Rf:
         return mn;
@@ -1558,8 +1558,8 @@ var _n = wt && wt.isMap, id = _n ? dr(_n) : sd, cd = "[object Set]";
 function ud(t) {
   return K(t) && q(t) == cd;
 }
-var Sn = wt && wt.isSet, ld = Sn ? dr(Sn) : ud, fd = 1, dd = 2, pd = 4, Fo = "[object Arguments]", hd = "[object Array]", md = "[object Boolean]", gd = "[object Date]", vd = "[object Error]", Vo = "[object Function]", yd = "[object GeneratorFunction]", bd = "[object Map]", _d = "[object Number]", ko = "[object Object]", Sd = "[object RegExp]", Od = "[object Set]", jd = "[object String]", wd = "[object Symbol]", Cd = "[object WeakMap]", Ed = "[object ArrayBuffer]", Nd = "[object DataView]", $d = "[object Float32Array]", xd = "[object Float64Array]", Rd = "[object Int8Array]", Td = "[object Int16Array]", Ad = "[object Int32Array]", Md = "[object Uint8Array]", Id = "[object Uint8ClampedArray]", Pd = "[object Uint16Array]", Dd = "[object Uint32Array]", A = {};
-A[Fo] = A[hd] = A[Ed] = A[Nd] = A[md] = A[gd] = A[$d] = A[xd] = A[Rd] = A[Td] = A[Ad] = A[bd] = A[_d] = A[ko] = A[Sd] = A[Od] = A[jd] = A[wd] = A[Md] = A[Id] = A[Pd] = A[Dd] = !0;
+var Sn = wt && wt.isSet, ld = Sn ? dr(Sn) : ud, fd = 1, dd = 2, pd = 4, Fo = "[object Arguments]", hd = "[object Array]", md = "[object Boolean]", gd = "[object Date]", vd = "[object Error]", Vo = "[object Function]", yd = "[object GeneratorFunction]", bd = "[object Map]", _d = "[object Number]", ko = "[object Object]", Sd = "[object RegExp]", Od = "[object Set]", jd = "[object String]", wd = "[object Symbol]", Cd = "[object WeakMap]", Ed = "[object ArrayBuffer]", Nd = "[object DataView]", xd = "[object Float32Array]", $d = "[object Float64Array]", Rd = "[object Int8Array]", Td = "[object Int16Array]", Ad = "[object Int32Array]", Md = "[object Uint8Array]", Id = "[object Uint8ClampedArray]", Pd = "[object Uint16Array]", Dd = "[object Uint32Array]", A = {};
+A[Fo] = A[hd] = A[Ed] = A[Nd] = A[md] = A[gd] = A[xd] = A[$d] = A[Rd] = A[Td] = A[Ad] = A[bd] = A[_d] = A[ko] = A[Sd] = A[Od] = A[jd] = A[wd] = A[Md] = A[Id] = A[Pd] = A[Dd] = !0;
 A[vd] = A[Vo] = A[Cd] = !1;
 function Gt(t, e, r, n, o, a) {
   var s, i = e & fd, c = e & dd, u = e & pd;
@@ -1671,7 +1671,7 @@ function Sr(t) {
     r[++e] = n;
   }), r;
 }
-var qd = 1, Jd = 2, Wd = "[object Boolean]", Qd = "[object Date]", Yd = "[object Error]", Kd = "[object Map]", Xd = "[object Number]", Zd = "[object RegExp]", tp = "[object Set]", ep = "[object String]", rp = "[object Symbol]", np = "[object ArrayBuffer]", op = "[object DataView]", On = G ? G.prototype : void 0, xe = On ? On.valueOf : void 0;
+var qd = 1, Jd = 2, Wd = "[object Boolean]", Qd = "[object Date]", Yd = "[object Error]", Kd = "[object Map]", Xd = "[object Number]", Zd = "[object RegExp]", tp = "[object Set]", ep = "[object String]", rp = "[object Symbol]", np = "[object ArrayBuffer]", op = "[object DataView]", On = G ? G.prototype : void 0, $e = On ? On.valueOf : void 0;
 function ap(t, e, r, n, o, a, s) {
   switch (r) {
     case op:
@@ -1702,8 +1702,8 @@ function ap(t, e, r, n, o, a, s) {
       var f = zo(i(t), i(e), n, o, a, s);
       return s.delete(t), f;
     case rp:
-      if (xe)
-        return xe.call(t) == xe.call(e);
+      if ($e)
+        return $e.call(t) == $e.call(e);
   }
   return !1;
 }
@@ -1827,7 +1827,7 @@ function _p(t, e) {
 var Sp = 1, Op = 2;
 function jp(t, e) {
   return hr(t) && Go(e) ? Ho(Dt(t), e) : function(r) {
-    var n = $o(r, t);
+    var n = xo(r, t);
     return n === void 0 && n === e ? _p(r, t) : Or(e, n, Sp | Op);
   };
 }
@@ -1857,7 +1857,7 @@ function Np(t) {
     return e;
   };
 }
-var $p = Np();
+var xp = Np();
 function Ge(t, e, r) {
   (r !== void 0 && !ee(t[e], r) || r === void 0 && !(e in t)) && cr(t, e, r);
 }
@@ -1868,7 +1868,7 @@ function qe(t, e) {
   if (!(e === "constructor" && typeof t[e] == "function") && e != "__proto__")
     return t[e];
 }
-function xp(t) {
+function $p(t) {
   return It(t, re(t));
 }
 function Rp(t, e, r, n, o, a, s) {
@@ -1880,12 +1880,12 @@ function Rp(t, e, r, n, o, a, s) {
   var f = a ? a(i, c, r + "", t, e, s) : void 0, l = f === void 0;
   if (l) {
     var d = L(c), p = !d && Wt(c), y = !d && !p && pr(c);
-    f = c, d || p || y ? L(i) ? f = i : He(i) ? f = bo(i) : p ? (l = !1, f = Ao(c, !0)) : y ? (l = !1, f = Do(c, !0)) : f = [] : V(c) || Jt(c) ? (f = i, Jt(i) ? f = xp(i) : (!Q(i) || ir(i)) && (f = Lo(c))) : l = !1;
+    f = c, d || p || y ? L(i) ? f = i : He(i) ? f = bo(i) : p ? (l = !1, f = Ao(c, !0)) : y ? (l = !1, f = Do(c, !0)) : f = [] : V(c) || Jt(c) ? (f = i, Jt(i) ? f = $p(i) : (!Q(i) || ir(i)) && (f = Lo(c))) : l = !1;
   }
   l && (s.set(c, f), o(f, c, n, a, s), s.delete(c)), Ge(t, r, f);
 }
 function qo(t, e, r, n, o) {
-  t !== e && $p(e, function(a, s) {
+  t !== e && xp(e, function(a, s) {
     if (o || (o = new J()), Q(a))
       Rp(t, e, s, r, qo, n, o);
     else {
@@ -2002,7 +2002,7 @@ function qp(t, e, r) {
 }
 var Jp = Oo(function(t) {
   var e = Jo(t);
-  return He(e) && (e = void 0), qp(xo(t, 1, He, !0), jr(e));
+  return He(e) && (e = void 0), qp($o(t, 1, He, !0), jr(e));
 });
 class Yo extends TypeError {
   constructor(e, r) {
@@ -2402,7 +2402,7 @@ const Er = R({
   "CNativeTag"
 ];
 var F = /* @__PURE__ */ ((t) => (t.SLOT = "SLOT", t.FUNCTION = "FUNCTION", t.EXPRESSION = "EXPRESSION", t.ACTION = "ACTION", t.EVENT = "EVENT", t))(F || {}), Nr = /* @__PURE__ */ ((t) => (t.DESIGN = "design", t.SAVE = "save", t))(Nr || {}), We = /* @__PURE__ */ ((t) => (t.FUNC = "FUNC", t.COMP = "COMP", t))(We || {});
-const oh = () => st("normalObj", (t) => !V(t) || [F.SLOT, F.EXPRESSION, F.FUNCTION].includes(t == null ? void 0 : t.type) ? !1 : (Lt(t, Ht(O(), $r)), !0)), $r = U([
+const oh = () => st("normalObj", (t) => !V(t) || [F.SLOT, F.EXPRESSION, F.FUNCTION].includes(t == null ? void 0 : t.type) ? !1 : (Lt(t, Ht(O(), xr)), !0)), xr = U([
   O(),
   ta(),
   pt(),
@@ -2429,7 +2429,7 @@ const oh = () => st("normalObj", (t) => !V(t) || [F.SLOT, F.EXPRESSION, F.FUNCTI
   }),
   oh(),
   P(
-    Ct(() => $r)
+    Ct(() => xr)
   )
 ]);
 var ra = /* @__PURE__ */ ((t) => (t.COMPONENTS = "COMPONENTS", t))(ra || {});
@@ -2440,7 +2440,7 @@ const Nn = R({
   id: b(O()),
   title: b(O()),
   componentName: O(),
-  props: b(Ht(O(), $r)),
+  props: b(Ht(O(), xr)),
   nodeName: b(O()),
   state: b(Ht(O(), T())),
   children: Ct(() => b(P(U([O(), Et])))),
@@ -2644,7 +2644,7 @@ const uh = R({
   return o.message || r ? console.warn(`${o.message || r}
  originData: ${JSON.stringify(e)}`) : console.warn(`${JSON.stringify(e)} 
  data struct format is invalidate`), o;
-}, xr = (t) => {
+}, $r = (t) => {
   const { data: e, message: r, throwError: n, dataStruct: o } = t;
   return fh(({ data: a }) => {
     try {
@@ -2696,8 +2696,8 @@ const ne = hh(), mh = (t, e) => {
     ...t,
     value: []
   }, n = t.value;
-  let o = new $t([]);
-  return e && (o = e.materialsMode || new $t([])), n && (L(n) ? r.value = n.map(
+  let o = new xt([]);
+  return e && (o = e.materialsMode || new xt([])), n && (L(n) ? r.value = n.map(
     (a) => new D(a, {
       parent: e,
       materials: o
@@ -2712,7 +2712,7 @@ const ne = hh(), mh = (t, e) => {
 class Nt {
   constructor(e, r) {
     C(this, "nodeType", "SLOT"), C(this, "rawData"), C(this, "parent"), C(this, "emitter", ne), C(this, "data"), C(this, "id"), C(this, "materialsMode"), this.parent = (r == null ? void 0 : r.parent) || null, this.rawData = e;
-    const n = (r == null ? void 0 : r.materials) || new $t([]);
+    const n = (r == null ? void 0 : r.materials) || new xt([]);
     this.materialsMode = n, this.id = tt(), this.data = mh(e, this);
   }
   get value() {
@@ -2752,7 +2752,7 @@ const na = (t) => {
 class at {
   constructor(e, r, n) {
     C(this, "nodeType", "PROP"), C(this, "rawData"), C(this, "parent"), C(this, "emitter", ne), C(this, "data"), C(this, "name"), C(this, "materialsMode");
-    const o = (n == null ? void 0 : n.materials) || new $t([]);
+    const o = (n == null ? void 0 : n.materials) || new xt([]);
     this.materialsMode = o, this.parent = n == null ? void 0 : n.parent, this.rawData = r, this.name = e, this.data = Ke(r, this, o);
   }
   // TODO:
@@ -2806,12 +2806,12 @@ class at {
 const gh = (t) => {
   if (typeof t == "string")
     return !0;
-  xr({
+  $r({
     data: t,
     dataStruct: Et,
     throwError: !1
   });
-}, $n = (t, e, r) => {
+}, xn = (t, e, r) => {
   if (typeof t == "string")
     return t;
   const n = {
@@ -2857,8 +2857,8 @@ const gh = (t) => {
 class D {
   constructor(e, r) {
     C(this, "nodeType", "NODE"), C(this, "rawData"), C(this, "data"), C(this, "emitter", ne), C(this, "parent"), C(this, "materialsModel"), C(this, "listenerHandle"), C(this, "onChangeCbQueue"), this.rawData = JSON.parse(JSON.stringify(e)), gh(e);
-    const n = (r == null ? void 0 : r.materials) || new $t([]);
-    this.parent = (r == null ? void 0 : r.parent) || null, this.materialsModel = n, this.data = $n(e, this, n), this.listenerHandle = [], this.onChangeCbQueue = [], this.registerListener();
+    const n = (r == null ? void 0 : r.materials) || new xt([]);
+    this.parent = (r == null ? void 0 : r.parent) || null, this.materialsModel = n, this.data = xn(e, this, n), this.listenerHandle = [], this.onChangeCbQueue = [], this.registerListener();
   }
   registerListener() {
     const e = (r) => {
@@ -2897,7 +2897,7 @@ class D {
       ...this.data,
       ...e
     };
-    return this.data = $n(r, this, this.materialsModel), r;
+    return this.data = xn(r, this, this.materialsModel), r;
   }
   updateValue(e) {
     const r = this.data, n = this.updateWithPlainObj(e);
@@ -2942,7 +2942,7 @@ class D {
     });
     const a = (r = n.children) == null ? void 0 : r.map((l) => l instanceof D ? l.export(e) : l), s = n.configure || {}, i = s.propsSetter || {}, c = {};
     Object.keys(i).forEach((l) => {
-      const d = $o(i, l, !1);
+      const d = xo(i, l, !1);
       d && (c[l] = d);
     }), s.propsSetter = c;
     const u = this.materialsModel.usedMaterials.find(
@@ -2957,12 +2957,13 @@ class D {
       configure: s,
       props: o,
       children: a,
-      condition: n.condition
+      condition: n.condition,
+      extra: this.data.extra
     };
     return e === "design" && delete f.id, f = Rr(f), f;
   }
 }
-const xn = (t, e, r) => {
+const $n = (t, e, r) => {
   const n = {
     ...t,
     id: tt(),
@@ -2991,7 +2992,7 @@ const xn = (t, e, r) => {
 };
 class Xt {
   constructor(e, { parent: r, materials: n }) {
-    C(this, "rawData"), C(this, "data"), C(this, "nodeType", Ft.ROOT_CONTAINER), C(this, "emitter", ne), C(this, "materialsModel"), C(this, "listenerHandle"), C(this, "onChangeCbQueue"), C(this, "parent"), this.materialsModel = n, this.rawData = JSON.parse(JSON.stringify(e)), this.data = xn(e, this, n), this.listenerHandle = [], this.onChangeCbQueue = [], this.registerListener(), this.parent = r;
+    C(this, "rawData"), C(this, "data"), C(this, "nodeType", Ft.ROOT_CONTAINER), C(this, "emitter", ne), C(this, "materialsModel"), C(this, "listenerHandle"), C(this, "onChangeCbQueue"), C(this, "parent"), this.materialsModel = n, this.rawData = JSON.parse(JSON.stringify(e)), this.data = $n(e, this, n), this.listenerHandle = [], this.onChangeCbQueue = [], this.registerListener(), this.parent = r;
   }
   registerListener() {
     const e = (r) => {
@@ -3025,7 +3026,7 @@ class Xt {
       ...this.data,
       ...e
     };
-    return this.data = xn(r, this, this.materialsModel), r;
+    return this.data = $n(r, this, this.materialsModel), r;
   }
   updateValue(e) {
     const r = this.data;
@@ -3063,7 +3064,8 @@ class Xt {
       ...n,
       props: o,
       children: a.filter((c) => c),
-      condition: n.condition
+      condition: n.condition,
+      extra: this.data.extra
     };
     let i = Qo(s, ["id"]);
     return i = Rr(i), i;
@@ -3170,14 +3172,14 @@ const Te = (t) => {
   return t.map((e) => new Oh(e));
 }, jh = (t) => {
   t == null || t.forEach((e) => {
-    xr({
+    $r({
       data: e,
       dataStruct: lh,
       throwError: !1
     });
   });
 };
-class $t {
+class xt {
   constructor(e) {
     C(this, "rawData"), C(this, "data"), C(this, "usedMaterials", []), this.rawData = e, jh(e), this.data = Te(e);
   }
@@ -3268,7 +3270,7 @@ const wh = R({
   componentsTree: ph,
   assets: b(P(T())),
   extra: b(T())
-}), aa = (t) => (xr({
+}), aa = (t) => ($r({
   data: t,
   dataStruct: wh,
   throwError: !1
@@ -3281,7 +3283,7 @@ const wh = R({
 });
 class fe {
   constructor(e, r) {
-    C(this, "nodeType", "PAGE"), C(this, "rawData"), C(this, "emitter", ne), C(this, "data"), C(this, "parent"), C(this, "materialsModel"), C(this, "assetPackagesList"), aa(e), this.rawData = JSON.parse(JSON.stringify(e)), this.materialsModel = new $t((r == null ? void 0 : r.materials) || []), this.data = Ae(e, this, this.materialsModel), this.assetPackagesList = [...(r == null ? void 0 : r.assetPackagesList) || [], ...this.data.assets || []];
+    C(this, "nodeType", "PAGE"), C(this, "rawData"), C(this, "emitter", ne), C(this, "data"), C(this, "parent"), C(this, "materialsModel"), C(this, "assetPackagesList"), aa(e), this.rawData = JSON.parse(JSON.stringify(e)), this.materialsModel = new xt((r == null ? void 0 : r.materials) || []), this.data = Ae(e, this, this.materialsModel), this.assetPackagesList = [...(r == null ? void 0 : r.assetPackagesList) || [], ...this.data.assets || []];
   }
   updatePage(e) {
     const r = this.data;
@@ -3409,7 +3411,8 @@ class fe {
       componentsTree: Rr(n),
       componentsMeta: s,
       thirdLibs: this.data.thirdLibs,
-      assets: []
+      assets: [],
+      extra: this.data.extra
     };
     return (r = this.data.thirdLibs) == null || r.forEach((c) => {
       const u = o.find((f) => c.package === f.package);
@@ -3428,7 +3431,7 @@ const je = "DYNAMIC", Ch = ["$$context", "$$nodeModel"], sa = "ON_DID_RENDER", i
   }, r.__proto__ = e || null), r;
 }, Zt = (t, e = {}, ...r) => typeof t == "string" || typeof t == "number" ? String(t) : (Ch.forEach((o) => {
   o in e && t.__CP_TYPE__ !== je && delete e[o];
-}), x.createElement(t, e, ...r)), Rn = (t = {}, e) => {
+}), $.createElement(t, e, ...r)), Rn = (t = {}, e) => {
   const r = [], n = (o, a) => {
     let s = a;
     Xe(a) && (s = a.value), e(s) ? r.push({
@@ -3464,7 +3467,7 @@ const je = "DYNAMIC", Ch = ["$$context", "$$nodeModel"], sa = "ON_DID_RENDER", i
         p != null && p.then ? s[l.id] = await p : s[l.id] = p;
       }
       if (l.type === "REQUEST_API") {
-        const { run: d, afterFailedResponse: p, afterSuccessResponse: y } = $h(l, e);
+        const { run: d, afterFailedResponse: p, afterSuccessResponse: y } = xh(l, e);
         try {
           const S = d(...a);
           S != null && S.then ? s[l.id] = await S : s[l.id] = S, l.responseVarName && (e.actionVariableSpace[l.responseVarName] = s[l.id]);
@@ -3476,7 +3479,7 @@ const je = "DYNAMIC", Ch = ["$$context", "$$nodeModel"], sa = "ON_DID_RENDER", i
         }
       }
       if (l.type === "CALL_NODE_METHOD") {
-        const p = xh(l, e)(...a);
+        const p = $h(l, e)(...a);
         p != null && p.then ? s[l.id] = await p : s[l.id] = p, l.returnVarName && (e.actionVariableSpace[l.returnVarName] = s[l.id]);
       }
       if (l.type === "ASSIGN_VALUE") {
@@ -3514,7 +3517,7 @@ const lt = (t, e) => function(...r) {
     $$response: e.$$response,
     actionVariableSpace: e.actionVariableSpace
   })(...r) : t;
-}, $h = (t, e) => ({
+}, xh = (t, e) => ({
   run: function(...a) {
     var d, p;
     let s = "";
@@ -3568,7 +3571,7 @@ const lt = (t, e) => function(...r) {
       }
     )(...s);
   }
-}), xh = (t, e) => (...r) => {
+}), $h = (t, e) => (...r) => {
   const n = me({
     funcName: "",
     funcBody: `
@@ -3638,7 +3641,7 @@ const lt = (t, e) => function(...r) {
         return (...p) => d.map((y) => {
           if (Ec(y.component)) {
             const h = y.component;
-            return x.createElement(h, {
+            return $.createElement(h, {
               $$context: r,
               key: y.key
             });
@@ -3720,7 +3723,7 @@ const lt = (t, e) => function(...r) {
     requestAPI: f,
     doc: l
   } = r, { ...d } = r;
-  class p extends x.Component {
+  class p extends $.Component {
     constructor(h) {
       super(h);
       w(this, "_CONDITION", !0);
@@ -3759,12 +3762,12 @@ const lt = (t, e) => function(...r) {
           const _ = `${this.UNIQUE_ID}_${g.state}`;
           let j = Wr(this._NODE_MODEL);
           if (g.state !== "normal" && (j = `${j}:${g.state}`), g.text) {
-            const $ = this.getStyleDomById(_);
-            $.innerText = `.${j} { ${g.text} }`, h == null || h.appendChild($);
+            const x = this.getStyleDomById(_);
+            x.innerText = `.${j} { ${g.text} }`, h == null || h.appendChild(x);
           }
-          (N = g.media) != null && N.length && g.media.forEach(($) => {
-            const E = `${_}_${$.type}_${$.value}`, Y = this.getStyleDomById(E);
-            Y.media = `screen and (${$.type}:${$.value}px)`, Y.innerHTML = `.${j} { ${$.text} }`, h == null || h.appendChild(Y);
+          (N = g.media) != null && N.length && g.media.forEach((x) => {
+            const E = `${_}_${x.type}_${x.value}`, Y = this.getStyleDomById(E);
+            Y.media = `screen and (${x.type}:${x.value}px)`, Y.innerHTML = `.${j} { ${x.text} }`, h == null || h.appendChild(Y);
           });
         });
       });
@@ -3778,7 +3781,7 @@ const lt = (t, e) => function(...r) {
       w(this, "rebuildNode", () => {
         this.storeListenDisposeList.forEach((h) => h()), this.removeMediaCSS(), this.connectStore(), this.addMediaCSS(), this.forceUpdate();
       });
-      this.targetComponentRef = x.createRef(), this.state = e.value.state || {};
+      this.targetComponentRef = $.createRef(), this.state = e.value.state || {};
       const m = e.value.nodeName || e.id;
       this.nodeName = m;
       const v = n.getStore(m);
@@ -3807,7 +3810,7 @@ const lt = (t, e) => function(...r) {
       );
       let v = [];
       [...h, ...m].map((j) => {
-        const N = j.val, $ = [
+        const N = j.val, x = [
           /\$\$context.stateManager\.(.+?)\./gim,
           /\$\$context.stateManager\["(.+?)"\]/gim,
           /\$\$context.stateManager\['(.+?)'\]/gim,
@@ -3815,18 +3818,18 @@ const lt = (t, e) => function(...r) {
           /getStateObj\("(.+?)"\)/gim,
           /getStateById\('(.+?)'\)/gim,
           /getStateById\("(.+?)"\)/gim
-        ], E = Rc(N.value, $);
+        ], E = Rc(N.value, x);
         v = [...v, ...E];
       }).filter(Boolean);
       const g = Array.from(new Set(v)), _ = [];
       g.length && g.forEach((j) => {
         n.getStore(j) || (n.addStore(j, () => ({})), console.warn(n, j, "not exits"));
-        const $ = n.connect(j, (E) => {
+        const x = n.connect(j, (E) => {
           this.setState({
             ...E
           });
         });
-        _.push($);
+        _.push(x);
       }), this.storeListenDisposeList = _;
     }
     componentDidMount() {
@@ -3866,7 +3869,7 @@ const lt = (t, e) => function(...r) {
           $$context: m,
           ...d
         }
-      ), g = e.value.methods || [], _ = v.methods, j = g.reduce((N, $, E) => (N[$.name] = _[E], N), {});
+      ), g = e.value.methods || [], _ = v.methods, j = g.reduce((N, x, E) => (N[x.name] = _[E], N), {});
       m.methods = j, this.variableSpace.methods = Object.assign(this.variableSpace.methods, j);
     }
     /** 处理根节点的 context */
@@ -3893,7 +3896,7 @@ const lt = (t, e) => function(...r) {
           ...d
         }
       );
-      return xc(m.style || []);
+      return $c(m.style || []);
     }
     processNodeChild(h, m) {
       let v = [];
@@ -3902,12 +3905,12 @@ const lt = (t, e) => function(...r) {
       else {
         const g = [];
         e.value.children.forEach((j, N) => {
-          const $ = Th(j, {
+          const x = Th(j, {
             $$context: m,
             idx: N,
             ...d
           });
-          g.push($);
+          g.push(x);
         }), v = g;
       }
       return v;
@@ -3921,7 +3924,7 @@ const lt = (t, e) => function(...r) {
       };
       u && (_ = u(_, e));
       const j = Zt(t, _.props, ...m);
-      return this._CONDITION = _.condition, _.condition ? j : x.createElement(
+      return this._CONDITION = _.condition, _.condition ? j : $.createElement(
         "div",
         {
           style: {
@@ -3959,8 +3962,8 @@ const lt = (t, e) => function(...r) {
           return Qr(j, N);
         },
         getMethodsById: (j) => {
-          const N = o.get(j).methods, $ = c.get(j).current;
-          return Qr(N, $);
+          const N = o.get(j).methods, x = c.get(j).current;
+          return Qr(N, x);
         },
         getStaticVar: () => o.get(m).staticVar,
         getStaticVarById: (j) => o.get(j).staticVar,
@@ -3993,8 +3996,8 @@ const lt = (t, e) => function(...r) {
       Object.assign(_, j);
       const N = this.processNodeClassName(_.className, g);
       _.className = N;
-      const $ = this.processNodeStyle(g);
-      _.style = $;
+      const x = this.processNodeStyle(g);
+      _.style = x;
       const { children: E } = _;
       delete _.children;
       const Y = this.processNodeChild(E, g);
@@ -4020,11 +4023,11 @@ const lt = (t, e) => function(...r) {
         this.targetComponentRef.current = [];
         let N = _.data || [];
         if (ut(_.data)) {
-          const $ = _.data;
-          N = bt($.value, g || {});
+          const x = _.data;
+          N = bt(x.value, g || {});
         }
-        return j = N.map((...$) => {
-          const E = $[1], Y = [_.forName || "item", _.forIndex || "index"], it = po($, Y);
+        return j = N.map((...x) => {
+          const E = x[1], Y = [_.forName || "item", _.forIndex || "index"], it = po(x, Y);
           let ct = "loopData";
           _.name && (ct = `${ct}${_.name}`);
           const yt = Ze(
@@ -4093,7 +4096,7 @@ class Ah {
     var o;
     const r = e.value.componentName;
     let n = Tc(r, this.components);
-    return Nc(n) || (n = $c(n), this.components[r] = n), this.onGetComponent && (n = (o = this.onGetComponent) == null ? void 0 : o.call(this, n, e)), n;
+    return Nc(n) || (n = xc(n), this.components[r] = n), this.onGetComponent && (n = (o = this.onGetComponent) == null ? void 0 : o.call(this, n, e)), n;
   }
   pageRender(e, {
     components: r,
@@ -4152,7 +4155,7 @@ var Tn;
 function Ih() {
   if (Tn) return Ut;
   Tn = 1;
-  var t = x, e = Symbol.for("react.element"), r = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, o = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = { key: !0, ref: !0, __self: !0, __source: !0 };
+  var t = $, e = Symbol.for("react.element"), r = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, o = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = { key: !0, ref: !0, __self: !0, __source: !0 };
   function s(i, c, u) {
     var f, l = {}, d = null, p = null;
     u !== void 0 && (d = "" + u), c.key !== void 0 && (d = "" + c.key), c.ref !== void 0 && (p = c.ref);
@@ -4324,7 +4327,7 @@ const Lh = [
   }), e;
 }, Fh = [...Lh, ...nh], Vh = Fh.reduce((t, e) => (t[e] = ({ children: r, $$attributes: n = [], ...o }) => {
   let a = r;
-  return Array.isArray(r) || (a = [r]), x.createElement(
+  return Array.isArray(r) || (a = [r]), $.createElement(
     e,
     {
       ...o,
@@ -4341,7 +4344,7 @@ const Lh = [
     ...s,
     ...o.style || {}
   };
-  return x.createElement(
+  return $.createElement(
     "div",
     {
       ...o,
@@ -4352,12 +4355,12 @@ const Lh = [
   );
 }, Uh = ({ afterMount: t, beforeDestroy: e, $$attributes: r = [], ...n }) => (Ln(() => (t == null || t(n), () => {
   e == null || e(n);
-}), []), x.createElement("canvas", {
+}), []), $.createElement("canvas", {
   ...n,
   ...ot(r)
 })), Bh = ({ children: t, $$attributes: e = [], ...r }) => {
   let n = t;
-  return Array.isArray(t) || (n = [t]), x.createElement(
+  return Array.isArray(t) || (n = [t]), $.createElement(
     "img",
     {
       ...r,
@@ -4367,7 +4370,7 @@ const Lh = [
   );
 }, zh = ({ children: t, $$attributes: e = [], ...r }) => {
   let n = t;
-  return Array.isArray(t) || (n = [t]), x.createElement(
+  return Array.isArray(t) || (n = [t]), $.createElement(
     "video",
     {
       ...r,
@@ -4377,7 +4380,7 @@ const Lh = [
   );
 }, Gh = ({ children: t, $$attributes: e = [], ...r }) => {
   let n = t;
-  return Array.isArray(t) || (n = [t]), x.createElement(
+  return Array.isArray(t) || (n = [t]), $.createElement(
     "audio",
     {
       ...r,
@@ -4385,7 +4388,7 @@ const Lh = [
     },
     ...n
   );
-}, Hh = ({ $$attributes: t = [], content: e, ...r }) => x.createElement(
+}, Hh = ({ $$attributes: t = [], content: e, ...r }) => $.createElement(
   "span",
   {
     ...r,
@@ -4404,7 +4407,7 @@ const Lh = [
     ...a,
     ...n.style || {}
   };
-  return x.createElement(
+  return $.createElement(
     r,
     {
       ...n,
@@ -4425,7 +4428,7 @@ const Lh = [
   CCanvas: Uh,
   CNativeTag: Jh
 };
-class Qh extends x.Component {
+class Qh extends $.Component {
   constructor(r) {
     super(r);
     w(this, "refManager");
@@ -4499,7 +4502,7 @@ const ym = () => {
     }
   }), []);
 };
-class Yh extends x.Component {
+class Yh extends $.Component {
   constructor(r) {
     super(r);
     w(this, "onDoubleClick", () => {
@@ -4521,7 +4524,7 @@ class Yh extends x.Component {
     if (this.state.hasError) {
       const { onDoubleClick: r } = this, n = this.props.node.value;
       console.error(this.props.node, this.props.children);
-      const o = x.createElement(
+      const o = $.createElement(
         "div",
         {
           style: {
@@ -4538,8 +4541,8 @@ class Yh extends x.Component {
         n.title,
         " component name：",
         n.title || n.componentName,
-        x.createElement("p", null, "msg: ", String(this.state.error)),
-        x.createElement(
+        $.createElement("p", null, "msg: ", String(this.state.error)),
+        $.createElement(
           "button",
           {
             onDoubleClick: r,
@@ -4555,13 +4558,13 @@ class Yh extends x.Component {
           },
           "double click to refresh"
         ),
-        x.createElement("div", {
+        $.createElement("div", {
           style: {
             display: "none"
           }
         })
       );
-      return x.createElement(this.props.targetComponent, { onlyRenderChild: !0 }, o);
+      return $.createElement(this.props.targetComponent, { onlyRenderChild: !0 }, o);
     }
     return this.props.children;
   }
@@ -4766,7 +4769,7 @@ const om = (t) => {
       style: {}
     };
   }, [e]), { placeholder: n, height: o, width: a, style: s } = r;
-  return x.createElement(
+  return $.createElement(
     "div",
     {
       style: {
@@ -4791,7 +4794,7 @@ const om = (t) => {
     n
   );
 };
-class bm extends x.Component {
+class bm extends $.Component {
   constructor(r) {
     super(r);
     w(this, "instanceManager", new nm());
@@ -4807,7 +4810,7 @@ class bm extends x.Component {
         node: n,
         ctx: window.__C_ENGINE_DESIGNER_PLUGIN_CTX__
       }));
-      class i extends x.Component {
+      class i extends $.Component {
         constructor() {
           super(...arguments);
           w(this, "_DESIGN_BOX", !0);
@@ -4838,39 +4841,39 @@ class bm extends x.Component {
           if (jt(d) || (S = [d]), !!!S.filter(Boolean).length && (n.isContainer() || n.value.componentName === Ft.ROOT_CONTAINER)) {
             const N = (g = (v = n.material) == null ? void 0 : v.value.advanceCustom) == null ? void 0 : g.dropPlaceholder;
             S.push(
-              x.createElement(N || o.dropPlaceholder, {
+              $.createElement(N || o.dropPlaceholder, {
                 node: n
               })
             );
           }
-          return p ? S : ((j = (_ = n.material) == null ? void 0 : _.value.advanceCustom) == null ? void 0 : j.autoGetDom) ?? !0 ? x.createElement(a, y, ...S) : x.createElement(
+          return p ? S : ((j = (_ = n.material) == null ? void 0 : _.value.advanceCustom) == null ? void 0 : j.autoGetDom) ?? !0 ? $.createElement(a, y, ...S) : $.createElement(
             a,
             {
               ...y,
               //  注入到组件中, 配合设计器使用
-              $SET_DOM: ($) => {
-                this._dom = $;
+              $SET_DOM: (x) => {
+                this._dom = x;
               }
             },
             ...S
           );
         }
       }
-      return x.forwardRef(function(l, d) {
-        return x.createElement(
+      return $.forwardRef(function(l, d) {
+        return $.createElement(
           Yh,
           {
             node: n,
             targetComponent: i
           },
-          x.createElement(i, {
+          $.createElement(i, {
             ref: d,
             ...l
           })
         );
       });
     });
-    this._components = Object.assign(this._components, this.props.components), this.renderRef = x.createRef(), r.dropPlaceholder && (this.dropPlaceholder = r.dropPlaceholder);
+    this._components = Object.assign(this._components, this.props.components), this.renderRef = $.createRef(), r.dropPlaceholder && (this.dropPlaceholder = r.dropPlaceholder);
   }
   updateComponents(r = {}) {
     this._components = Object.assign(this._components, r), this.forceUpdate();
@@ -4918,7 +4921,7 @@ class bm extends x.Component {
   }
   render() {
     const { props: r, onGetComponent: n } = this, { render: o, ...a } = r;
-    return o && (o.ref.current = this), x.createElement(Qh, {
+    return o && (o.ref.current = this), $.createElement(Qh, {
       onGetComponent: n,
       ...a,
       components: this._components,
@@ -5029,15 +5032,15 @@ function sm() {
         d.call && (d = { success: d }), p.length ? (d.error || r)(p) : (d.success || r)(d);
       }
       function u(d, p, y, S) {
-        var h = document, m = y.async, v = (y.numRetries || 0) + 1, g = y.before || r, _ = d.replace(/[\?|#].*$/, ""), j = d.replace(/^(css|img|module|nomodule)!/, ""), N, $, E;
+        var h = document, m = y.async, v = (y.numRetries || 0) + 1, g = y.before || r, _ = d.replace(/[\?|#].*$/, ""), j = d.replace(/^(css|img|module|nomodule)!/, ""), N, x, E;
         if (S = S || 0, /(^css!|\.css$)/.test(_))
           E = h.createElement("link"), E.rel = "stylesheet", E.href = j, N = "hideFocus" in E, N && E.relList && (N = 0, E.rel = "preload", E.as = "style");
         else if (/(^img!|\.(png|gif|jpg|svg|webp)$)/.test(_))
           E = h.createElement("img"), E.src = j;
-        else if (E = h.createElement("script"), E.src = j, E.async = m === void 0 ? !0 : m, $ = "noModule" in E, /^module!/.test(_)) {
-          if (!$) return p(d, "l");
+        else if (E = h.createElement("script"), E.src = j, E.async = m === void 0 ? !0 : m, x = "noModule" in E, /^module!/.test(_)) {
+          if (!x) return p(d, "l");
           E.type = "module";
-        } else if (/^nomodule!/.test(_) && $) return p(d, "l");
+        } else if (/^nomodule!/.test(_) && x) return p(d, "l");
         E.onload = E.onerror = E.onbeforeload = function(Y) {
           var it = Y.type[0];
           if (N)
@@ -5153,11 +5156,11 @@ export {
   Qh as Render,
   Nc as canAcceptsRef,
   pm as collectVariable,
-  $c as compWrapper,
+  xc as compWrapper,
   me as convertCodeStringToFunction,
   Tc as findComponentByChainRefer,
   hm as flatObject,
-  xc as formatSourceStylePropertyName,
+  $c as formatSourceStylePropertyName,
   Oa as getAdapter,
   dm as getCSSTextValue,
   mm as getComponentsLibs,