@chamn/engine 0.0.17 → 0.0.18

package/dist/index.mjs

@@ -332,7 +332,7 @@ function ob() {
         }
       return "";
     }
-    var wt = Object.prototype.hasOwnProperty, dn = {}, fn = m.ReactDebugCurrentFrame;
+    var St = Object.prototype.hasOwnProperty, dn = {}, fn = m.ReactDebugCurrentFrame;
     function Pe(_) {
       if (_) {
         var k = _._owner, $ = Ie(_.type, _._source, k ? k.type : null);
@@ -342,7 +342,7 @@ function ob() {
     }
     function be(_, k, $, Q, he) {
       {
-        var xe = Function.call.bind(wt);
+        var xe = Function.call.bind(St);
         for (var de in _)
           if (xe(_, de)) {
             var ce = void 0;
@@ -391,7 +391,7 @@ function ob() {
     }, Rn, ho, Tt;
     Tt = {};
     function va(_) {
-      if (wt.call(_, "ref")) {
+      if (St.call(_, "ref")) {
         var k = Object.getOwnPropertyDescriptor(_, "ref").get;
         if (k && k.isReactWarning)
           return !1;
@@ -399,7 +399,7 @@ function ob() {
       return _.ref !== void 0;
     }
     function Xi(_) {
-      if (wt.call(_, "key")) {
+      if (St.call(_, "key")) {
         var k = Object.getOwnPropertyDescriptor(_, "key").get;
         if (k && k.isReactWarning)
           return !1;
@@ -468,7 +468,7 @@ function ob() {
         var xe, de = {}, ce = null, lt = null;
         $ !== void 0 && (ga($), ce = "" + $), Xi(k) && (ga(k.key), ce = "" + k.key), va(k) && (lt = k.ref, Ji(k, he));
         for (xe in k)
-          wt.call(k, xe) && !Nn.hasOwnProperty(xe) && (de[xe] = k[xe]);
+          St.call(k, xe) && !Nn.hasOwnProperty(xe) && (de[xe] = k[xe]);
         if (_ && _.defaultProps) {
           var Be = _.defaultProps;
           for (xe in Be)
@@ -1493,9 +1493,9 @@ function Wb(e) {
   return Math.round(parseFloat(e) * 255).toString(16);
 }
 function Au(e) {
-  return Ct(e) / 255;
+  return Ot(e) / 255;
 }
-function Ct(e) {
+function Ot(e) {
   return parseInt(e, 16);
 }
 function Gb(e) {
@@ -1689,33 +1689,33 @@ function Yb(e) {
     return { r: 0, g: 0, b: 0, a: 0, format: "name" };
   var n = Bt.rgb.exec(e);
   return n ? { r: n[1], g: n[2], b: n[3] } : (n = Bt.rgba.exec(e), n ? { r: n[1], g: n[2], b: n[3], a: n[4] } : (n = Bt.hsl.exec(e), n ? { h: n[1], s: n[2], l: n[3] } : (n = Bt.hsla.exec(e), n ? { h: n[1], s: n[2], l: n[3], a: n[4] } : (n = Bt.hsv.exec(e), n ? { h: n[1], s: n[2], v: n[3] } : (n = Bt.hsva.exec(e), n ? { h: n[1], s: n[2], v: n[3], a: n[4] } : (n = Bt.hex8.exec(e), n ? {
-    r: Ct(n[1]),
-    g: Ct(n[2]),
-    b: Ct(n[3]),
+    r: Ot(n[1]),
+    g: Ot(n[2]),
+    b: Ot(n[3]),
     a: Au(n[4]),
     format: t ? "name" : "hex8"
   } : (n = Bt.hex6.exec(e), n ? {
-    r: Ct(n[1]),
-    g: Ct(n[2]),
-    b: Ct(n[3]),
+    r: Ot(n[1]),
+    g: Ot(n[2]),
+    b: Ot(n[3]),
     format: t ? "name" : "hex"
   } : (n = Bt.hex4.exec(e), n ? {
-    r: Ct(n[1] + n[1]),
-    g: Ct(n[2] + n[2]),
-    b: Ct(n[3] + n[3]),
+    r: Ot(n[1] + n[1]),
+    g: Ot(n[2] + n[2]),
+    b: Ot(n[3] + n[3]),
     a: Au(n[4] + n[4]),
     format: t ? "name" : "hex8"
   } : (n = Bt.hex3.exec(e), n ? {
-    r: Ct(n[1] + n[1]),
-    g: Ct(n[2] + n[2]),
-    b: Ct(n[3] + n[3]),
+    r: Ot(n[1] + n[1]),
+    g: Ot(n[2] + n[2]),
+    b: Ot(n[3] + n[3]),
     format: t ? "name" : "hex"
   } : !1)))))))));
 }
 function gn(e) {
   return !!Bt.CSS_UNIT.exec(String(e));
 }
-var Ot = (
+var _t = (
   /** @class */
   function() {
     function e(t, n) {
@@ -2493,7 +2493,7 @@ function Dh(e) {
         e[t] && (r && (r += " "), r += t);
   return r;
 }
-function _t() {
+function mt() {
   for (var e, t, n = 0, r = ""; n < arguments.length; )
     (e = arguments[n++]) && (t = Dh(e)) && (r && (r += " "), r += t);
   return r;
@@ -2708,7 +2708,7 @@ class n1 extends Z.Component {
             className: Me.pluginIconBar,
             children: s.map((w) => /* @__PURE__ */ b("div", {
               onClick: () => y(w),
-              className: _t([Me.pluginIconItem, (h == null ? void 0 : h.name) === w.name && Me.active]),
+              className: mt([Me.pluginIconItem, (h == null ? void 0 : h.name) === w.name && Me.active]),
               children: w.icon
             }, w.name))
           }), n && /* @__PURE__ */ te(Pu, {
@@ -2727,7 +2727,7 @@ class n1 extends Z.Component {
                 className: Me.pluginNameText,
                 children: (h == null ? void 0 : h.title) || (h == null ? void 0 : h.name)
               }), /* @__PURE__ */ b(nn, {
-                className: _t([Me.fixedBtn]),
+                className: mt([Me.fixedBtn]),
                 type: "text",
                 size: "small",
                 onClick: () => {
@@ -2736,7 +2736,7 @@ class n1 extends Z.Component {
                   });
                 },
                 children: /* @__PURE__ */ b(Y0, {
-                  className: _t([o && Me.active])
+                  className: mt([o && Me.active])
                 })
               }), /* @__PURE__ */ b(nn, {
                 className: Me.closeBtn,
@@ -2768,7 +2768,7 @@ class n1 extends Z.Component {
             className: Me.arrowCursor,
             onClick: m,
             children: /* @__PURE__ */ b(A0, {
-              className: _t([!i && Me.active])
+              className: mt([!i && Me.active])
             })
           }), /* @__PURE__ */ b("div", {
             style: {
@@ -5732,7 +5732,7 @@ function KS(e) {
 var qS = eg(Object.getPrototypeOf, Object);
 const wc = qS;
 var YS = "[object Object]", XS = Function.prototype, JS = Object.prototype, ng = XS.toString, QS = JS.hasOwnProperty, ZS = ng.call(Object);
-function bt(e) {
+function xt(e) {
   if (!rn(e) || lr(e) != YS)
     return !1;
   var t = wc(e);
@@ -6259,7 +6259,7 @@ function T_(e, t, n, r, o, a, i) {
   var u = a ? a(s, l, n + "", e, t, i) : void 0, d = u === void 0;
   if (d) {
     var f = ze(l), p = !f && Fo(l), h = !f && !p && vc(l);
-    u = l, f || p || h ? ze(s) ? u = s : ol(s) ? u = Gh(s) : p ? (d = !1, u = og(l, !0)) : h ? (d = !1, u = lg(l, !0)) : u = [] : bt(l) || zo(l) ? (u = s, zo(s) ? u = R_(s) : (!Gt(s) || uc(s)) && (u = cg(l))) : d = !1;
+    u = l, f || p || h ? ze(s) ? u = s : ol(s) ? u = Gh(s) : p ? (d = !1, u = og(l, !0)) : h ? (d = !1, u = lg(l, !0)) : u = [] : xt(l) || zo(l) ? (u = s, zo(s) ? u = R_(s) : (!Gt(s) || uc(s)) && (u = cg(l))) : d = !1;
   }
   d && (i.set(l, u), o(u, l, r, a, i), i.delete(l)), rl(e, n, u);
 }
@@ -6313,7 +6313,7 @@ function D_(e, t) {
   return t = Jr(t, e), e = P_(e, t), e == null || delete e[Qr(bg(t))];
 }
 function I_(e) {
-  return bt(e) ? void 0 : e;
+  return xt(e) ? void 0 : e;
 }
 var $_ = 1, L_ = 2, B_ = 4, z_ = KS(function(e, t) {
   var n = {};
@@ -6668,7 +6668,7 @@ function il(e) {
 function _g() {
   return Bn("func", (e) => typeof e == "function" || "Expected a function, but received: " + Et(e));
 }
-function mt(e) {
+function yt(e) {
   const t = Et(e), n = typeof e;
   return new ln({
     type: "literal",
@@ -6790,21 +6790,21 @@ const kc = ye({
   cssPaths: W(Ae(z()))
 }), i2 = Ae(kc), s2 = ["CBlock", "CContainer", "CImage", "CCanvas", "CVideo", "CAudio", "CText", "CNativeTag"];
 var Mt = /* @__PURE__ */ ((e) => (e.SLOT = "SLOT", e.FUNCTION = "FUNCTION", e.EXPRESSION = "EXPRESSION", e))(Mt || {}), Pc = /* @__PURE__ */ ((e) => (e.DESIGN = "design", e.SAVE = "save", e))(Pc || {}), sl = /* @__PURE__ */ ((e) => (e.FUNC = "FUNC", e.COMP = "COMP", e))(sl || {});
-const l2 = () => Bn("normalObj", (e) => !bt(e) || [Mt.SLOT, Mt.EXPRESSION, Mt.FUNCTION].includes(e == null ? void 0 : e.type) ? !1 : (Zr(e, ko(z(), jc)), !0)), jc = ft([z(), Eg(), Qn(), ye({
-  type: mt(Mt.SLOT),
+const l2 = () => Bn("normalObj", (e) => !xt(e) || [Mt.SLOT, Mt.EXPRESSION, Mt.FUNCTION].includes(e == null ? void 0 : e.type) ? !1 : (Zr(e, ko(z(), jc)), !0)), jc = ft([z(), Eg(), Qn(), ye({
+  type: yt(Mt.SLOT),
   renderType: il([sl.FUNC, sl.COMP]),
   // if renderType is Func， params will be useful
   params: W(Ae(z())),
   // here can't use PropsDataStructDescribe, it will  caused  "Maximum call stack size exceeded" error
   value: Ir(() => ft([$r, Ae($r)]))
 }), ye({
-  type: mt(Mt.EXPRESSION),
+  type: yt(Mt.EXPRESSION),
   value: z()
 }), ye({
-  type: mt(Mt.FUNCTION),
+  type: yt(Mt.FUNCTION),
   value: z()
 }), l2(), Ae(Ir(() => jc))]), Ud = ye({
-  type: mt(Mt.EXPRESSION),
+  type: yt(Mt.EXPRESSION),
   value: z()
 }), $r = ye({
   id: W(z()),
@@ -6835,7 +6835,7 @@ const l2 = () => Bn("normalObj", (e) => !bt(e) || [Mt.SLOT, Mt.EXPRESSION, Mt.FU
   label: z(),
   tip: W(z())
 })]), c2 = ye({
-  type: mt(
+  type: yt(
     "shape"
     /* SHAPE */
   ),
@@ -6845,21 +6845,21 @@ const l2 = () => Bn("normalObj", (e) => !bt(e) || [Mt.SLOT, Mt.EXPRESSION, Mt.FU
     valueType: Ir(() => ji)
   }))
 }), u2 = ye({
-  type: mt(
+  type: yt(
     "enums"
     /* ENUMS */
   ),
   value: Ae(z())
 });
 ye({
-  type: mt(
+  type: yt(
     "array"
     /* ARRAY */
   ),
   value: Ir(() => ji)
 });
 const d2 = ye({
-  type: mt(
+  type: yt(
     "array"
     /* ARRAY */
   ),
@@ -6936,14 +6936,14 @@ const p2 = ye({
   snippets: Ae(p2),
   props: Ae(ft([fs, ye({
     title: W(ci),
-    type: mt(
+    type: yt(
       "single"
       /* SINGLE */
     ),
     content: fs
   }), ye({
     title: W(ci),
-    type: mt(
+    type: yt(
       "group"
       /* GROUP */
     ),
@@ -7014,10 +7014,10 @@ const p2 = ye({
 };
 var eo = /* @__PURE__ */ ((e) => (e.ROOT_CONTAINER = "RootContainer", e))(eo || {});
 const v2 = ye({
-  type: mt(Mt.FUNCTION),
+  type: yt(Mt.FUNCTION),
   value: z()
 }), m2 = Tc(Og($r, ["componentName"]), ye({
-  componentName: mt(
+  componentName: yt(
     "RootContainer"
     /* ROOT_CONTAINER */
   )
@@ -7052,7 +7052,7 @@ const oa = y2(), b2 = (e, t) => {
   return t && (o = t.materialsMode || new ar([])), r && (ze(r) ? n.value = r.map((a) => new ke(a, {
     parent: t,
     materials: o
-  })) : bt(r) && n.value.push(new ke(r, {
+  })) : xt(r) && n.value.push(new ke(r, {
     parent: t,
     materials: o
   }))), n;
@@ -7070,7 +7070,7 @@ class Lr {
     const n = this.data, r = (o) => {
       if (o instanceof ke)
         return o.export(t);
-      if (bt(o)) {
+      if (xt(o)) {
         const a = {};
         return Object.keys(o || {}).forEach((i) => {
           a[i] = r(o[i]);
@@ -7093,14 +7093,14 @@ const Rg = (e) => {
       parent: t,
       materials: n
     }) : e;
-  if (bt(e)) {
+  if (xt(e)) {
     const r = {};
     return Object.keys(e).forEach((o) => {
       r[o] = ul(e[o], t, n);
     }), r;
   } else
     return Array.isArray(e) ? e.map((r) => cl(r, t, n)) : e;
-}, ul = (e, t, n) => bt(e) ? cl(e, t, n) : ze(e) ? e.map((r) => cl(r, t, n)) : e;
+}, ul = (e, t, n) => xt(e) ? cl(e, t, n) : ze(e) ? e.map((r) => cl(r, t, n)) : e;
 class Dn {
   constructor(t, n, r) {
     re(this, "nodeType", "PROP"), re(this, "rawData"), re(this, "parent"), re(this, "emitter", oa), re(this, "data"), re(this, "name"), re(this, "materialsMode");
@@ -7144,7 +7144,7 @@ class Dn {
         return o.export(t);
       if (ze(o))
         return o.map((a) => r(a));
-      if (bt(o)) {
+      if (xt(o)) {
         const a = {};
         return Object.keys(o || {}).forEach((i) => {
           a[i] = r(o[i]);
@@ -7191,7 +7191,7 @@ const x2 = (e) => {
   }), e.children && (Array.isArray(e.children) ? r.children = e.children.map((a) => {
     if (a instanceof ke)
       return a;
-    if (bt(a)) {
+    if (xt(a)) {
       const i = a;
       return new ke(i, {
         parent: t,
@@ -7316,10 +7316,10 @@ const Gd = (e, t, n) => {
     })
   };
   let o = [];
-  ze(e.children) ? o = e.children.map((i) => i instanceof ke ? i : bt(i) ? new ke(i, {
+  ze(e.children) ? o = e.children.map((i) => i instanceof ke ? i : xt(i) ? new ke(i, {
     parent: t,
     materials: n
-  }) : i) : e.children instanceof ke ? o.push(e.children) : e.children && bt(e.children) && o.push(new ke(e.children, {
+  }) : i) : e.children instanceof ke ? o.push(e.children) : e.children && xt(e.children) && o.push(new ke(e.children, {
     parent: t,
     materials: n
   }));
@@ -7432,7 +7432,7 @@ class Go {
     });
   }
 }
-const Gn = (e) => (e == null ? void 0 : e.type) === Mt.EXPRESSION, w2 = (e) => (e == null ? void 0 : e.type) === Mt.FUNCTION, Cn = () => Math.random().toString(32).slice(3, 9), S2 = (e) => (e == null ? void 0 : e.nodeType) === "NODE", ps = (e) => (e == null ? void 0 : e.nodeType) === "PROP", C2 = (e) => (e == null ? void 0 : e.nodeType) === "SLOT", Ac = (e) => U_(e, (t) => bt(t) ? !Object.keys(t).length : ze(t) ? !t.length : !t);
+const Gn = (e) => (e == null ? void 0 : e.type) === Mt.EXPRESSION, w2 = (e) => (e == null ? void 0 : e.type) === Mt.FUNCTION, Cn = () => Math.random().toString(32).slice(3, 9), S2 = (e) => (e == null ? void 0 : e.nodeType) === "NODE", ps = (e) => (e == null ? void 0 : e.nodeType) === "PROP", C2 = (e) => (e == null ? void 0 : e.nodeType) === "SLOT", Ac = (e) => U_(e, (t) => xt(t) ? !Object.keys(t).length : ze(t) ? !t.length : !t);
 function O2(e, t) {
   const n = [e];
   for (; n.length; ) {
@@ -7448,7 +7448,7 @@ function O2(e, t) {
         a(s.value);
         return;
       }
-      if (bt(s)) {
+      if (xt(s)) {
         const l = s;
         Object.keys(l).forEach((c) => {
           a(l[c]);
@@ -7582,10 +7582,10 @@ const T2 = ye({
   version: z(),
   name: z(),
   css: W(z()),
-  renderType: W(ft([mt(
+  renderType: W(ft([yt(
     "COMPONENT"
     /* COMPONENT */
-  ), mt(
+  ), yt(
     "PAGE"
     /* PAGE */
   )])),
@@ -7658,7 +7658,7 @@ class ui {
       return n.value.children.unshift(t), t.parent = n, n.updateValue(), !0;
     if (r === "CHILD_END")
       return n.value.children.push(t), t.parent = n, n.updateValue(), !0;
-    if (bt(r)) {
+    if (xt(r)) {
       const a = r;
       if (a.type === "CHILD") {
         const i = a.pos, s = a.index || 0;
@@ -9541,7 +9541,7 @@ const MT = async ({
     src: e.icon,
     draggable: !1
   }) : e.icon, [e.icon]), r = /* @__PURE__ */ b("div", {
-    className: _t([So.square, e.containerClassName]),
+    className: mt([So.square, e.containerClassName]),
     children: /* @__PURE__ */ te("div", {
       ...t,
       className: So.componentItem,
@@ -10498,7 +10498,7 @@ const zv = {
   return /* @__PURE__ */ te("div", {
     className: xn.layoutSelectBox,
     children: [/* @__PURE__ */ b("div", {
-      className: _t([xn.hoverBox, r && xn.hoverBoxActive]),
+      className: mt([xn.hoverBox, r && xn.hoverBoxActive]),
       children: e.map((a) => /* @__PURE__ */ b("div", {
         className: xn.hoverItem,
         onClick: () => n(a.key),
@@ -11679,7 +11679,7 @@ const Gv = Z.createContext({
   const L = /* @__PURE__ */ te("div", {
     className: ut.nodeBox,
     children: [/* @__PURE__ */ te("div", {
-      className: _t([ut.nodeContent, O && E && ut.selected]),
+      className: mt([ut.nodeContent, O && E && ut.selected]),
       style: {
         marginLeft: `${-C}px`,
         paddingLeft: `${C + 8}px`
@@ -11697,7 +11697,7 @@ const Gv = Z.createContext({
         className: ut.arrowSpan,
         onClickCapture: x,
         children: /* @__PURE__ */ b(Q0, {
-          className: _t([ut.nodeArrow, m && ut.expanded])
+          className: mt([ut.nodeArrow, m && ut.expanded])
         })
       }) : null, /* @__PURE__ */ te("div", {
         className: ut.nodeRenderView,
@@ -11755,7 +11755,7 @@ const Gv = Z.createContext({
         })]
       })]
     }), /* @__PURE__ */ b("div", {
-      className: _t([ut.nodeChildren, O && ut.selected]),
+      className: mt([ut.nodeChildren, O && ut.selected]),
       style: {
         paddingLeft: `${S}px`,
         height: m ? "auto" : "0"
@@ -12516,7 +12516,7 @@ function Xv(e) {
     }
   });
 }
-function yt(e) {
+function bt(e) {
   const t = e.map((n) => n.type).join(" | ");
   return new un({
     type: "union",
@@ -12558,7 +12558,7 @@ const Jv = Re({
 });
 Ge(Jv);
 var Mn = /* @__PURE__ */ ((e) => (e.SLOT = "SLOT", e.FUNCTION = "FUNCTION", e.EXPRESSION = "EXPRESSION", e))(Mn || {}), El = /* @__PURE__ */ ((e) => (e.FUNC = "FUNC", e.COMP = "COMP", e))(El || {});
-const kD = () => zn("normalObj", (e) => !zi(e) || [Mn.SLOT, Mn.EXPRESSION, Mn.FUNCTION].includes(e == null ? void 0 : e.type) ? !1 : (so(e, Mo(K(), Jc)), !0)), Jc = yt([
+const kD = () => zn("normalObj", (e) => !zi(e) || [Mn.SLOT, Mn.EXPRESSION, Mn.FUNCTION].includes(e == null ? void 0 : e.type) ? !1 : (so(e, Mo(K(), Jc)), !0)), Jc = bt([
   K(),
   Yv(),
   Zn(),
@@ -12568,7 +12568,7 @@ const kD = () => zn("normalObj", (e) => !zi(e) || [Mn.SLOT, Mn.EXPRESSION, Mn.FU
     // if renderType is Func， params will be useful
     params: q(Ge(K())),
     // here can't use PropsDataStructDescribe, it will  caused  "Maximum call stack size exceeded" error
-    value: Hr(() => yt([pi, Ge(pi)]))
+    value: Hr(() => bt([pi, Ge(pi)]))
   }),
   Re({
     type: tn(Mn.EXPRESSION),
@@ -12592,18 +12592,18 @@ const kD = () => zn("normalObj", (e) => !zi(e) || [Mn.SLOT, Mn.EXPRESSION, Mn.FU
   props: q(Mo(K(), Jc)),
   nodeName: q(K()),
   state: q(Mo(K(), qe())),
-  children: Hr(() => q(Ge(yt([K(), pi])))),
+  children: Hr(() => q(Ge(bt([K(), pi])))),
   configure: q(qe()),
   css: q(qe()),
   style: q(qe()),
   classNames: q(Ge(qe())),
   refId: q(K()),
   extra: q(Mo(qe(), qe())),
-  condition: q(yt([Zn(), Hf])),
+  condition: q(bt([Zn(), Hf])),
   loop: q(
     Re({
       open: Zn(),
-      data: yt([Ge(qe()), Hf]),
+      data: bt([Ge(qe()), Hf]),
       args: q(Ge(K())),
       forName: q(K()),
       forIndex: q(K()),
@@ -12612,7 +12612,7 @@ const kD = () => zn("normalObj", (e) => !zi(e) || [Mn.SLOT, Mn.EXPRESSION, Mn.FU
     })
   ),
   methods: q(Ge(qe()))
-}), PD = (e) => zi(e) ? e.label : e, hi = yt([
+}), PD = (e) => zi(e) ? e.label : e, hi = bt([
   K(),
   Re({
     label: K(),
@@ -12650,7 +12650,7 @@ const AD = Re({
     /* ARRAY */
   ),
   value: Hr(() => Ge(Fi))
-}), Fi = yt([
+}), Fi = bt([
   _l([
     "array",
     "boolean",
@@ -12668,7 +12668,7 @@ const AD = Re({
   jD,
   MD,
   AD
-]), DD = yt([
+]), DD = bt([
   K(),
   Re({
     componentName: K(),
@@ -12688,8 +12688,8 @@ const AD = Re({
   setters: q(Ge(DD)),
   condition: q(qv())
 });
-yt([K(), qv()]);
-yt([
+bt([K(), qv()]);
+bt([
   K(),
   Re({
     name: K(),
@@ -12706,7 +12706,7 @@ yt([
 const ID = Re({
   id: q(K()),
   title: K(),
-  snapshot: yt([K(), qe()]),
+  snapshot: bt([K(), qe()]),
   snapshotText: q(K()),
   description: q(K()),
   // 组件分类,用于搜索
@@ -12733,7 +12733,7 @@ Re({
   npm: q(Jv),
   snippets: Ge(ID),
   props: Ge(
-    yt([
+    bt([
       ws,
       Re({
         title: q(hi),
@@ -12756,7 +12756,7 @@ Re({
   fixedProps: q(qe()),
   // 可以拖入组件
   isContainer: q(
-    yt([
+    bt([
       Zn(),
       Re({
         placeholder: K(),
@@ -12765,7 +12765,7 @@ Re({
       })
     ])
   ),
-  supportDispatchNativeEvent: q(yt([Zn(), Ge(K())])),
+  supportDispatchNativeEvent: q(bt([Zn(), Ge(K())])),
   // 如果是布局组件，可以考虑将拖拽控制权转移 or 实现 resize
   isLayout: q(Zn()),
   rootSelector: q(K()),
@@ -12883,21 +12883,21 @@ function lo(e) {
 function Zc(e) {
   return "nodeType" in e;
 }
-function xt(e) {
+function wt(e) {
   var t, n;
   return e ? lo(e) ? e : Zc(e) && (t = (n = e.ownerDocument) == null ? void 0 : n.defaultView) != null ? t : window : window;
 }
 function eu(e) {
   const {
     Document: t
-  } = xt(e);
+  } = wt(e);
   return e instanceof t;
 }
 function sa(e) {
-  return lo(e) ? !1 : e instanceof xt(e).HTMLElement;
+  return lo(e) ? !1 : e instanceof wt(e).HTMLElement;
 }
 function BD(e) {
-  return e instanceof xt(e).SVGElement;
+  return e instanceof wt(e).SVGElement;
 }
 function co(e) {
   return e ? lo(e) ? e.document : Zc(e) ? eu(e) ? e : sa(e) ? e.ownerDocument : document : document : document;
@@ -12989,7 +12989,7 @@ function nu(e) {
     return !1;
   const {
     KeyboardEvent: t
-  } = xt(e.target);
+  } = wt(e.target);
   return t && e instanceof t;
 }
 function VD(e) {
@@ -12997,7 +12997,7 @@ function VD(e) {
     return !1;
   const {
     TouchEvent: t
-  } = xt(e.target);
+  } = wt(e.target);
   return t && e instanceof t;
 }
 function Rl(e) {
@@ -13466,7 +13466,7 @@ function uo(e, t) {
   if (t.ignoreTransform) {
     const {
       getComputedStyle: c
-    } = xt(e), {
+    } = wt(e), {
       transform: u,
       transformOrigin: d
     } = c(e);
@@ -13506,10 +13506,10 @@ function p8(e) {
   };
 }
 function h8(e, t) {
-  return t === void 0 && (t = xt(e).getComputedStyle(e)), t.position === "fixed";
+  return t === void 0 && (t = wt(e).getComputedStyle(e)), t.position === "fixed";
 }
 function g8(e, t) {
-  t === void 0 && (t = xt(e).getComputedStyle(e));
+  t === void 0 && (t = wt(e).getComputedStyle(e));
   const n = /(auto|scroll|overlay)/;
   return ["overflow", "overflowX", "overflowY"].some((o) => {
     const a = t[o];
@@ -13527,7 +13527,7 @@ function Hi(e, t) {
       return n;
     const {
       getComputedStyle: a
-    } = xt(o), i = a(o);
+    } = wt(o), i = a(o);
     return o !== e && g8(o, i) && n.push(o), h8(o, i) ? n : r(o.parentNode);
   }
   return e ? r(e) : n;
@@ -13705,7 +13705,7 @@ class Ao {
 function C8(e) {
   const {
     EventTarget: t
-  } = xt(e);
+  } = wt(e);
   return e instanceof t ? e : co(e);
 }
 function Os(e, t) {
@@ -13765,7 +13765,7 @@ class ou {
         target: n
       }
     } = t;
-    this.props = t, this.listeners = new Ao(co(n)), this.windowListeners = new Ao(xt(n)), this.handleKeyDown = this.handleKeyDown.bind(this), this.handleCancel = this.handleCancel.bind(this), this.attach();
+    this.props = t, this.listeners = new Ao(co(n)), this.windowListeners = new Ao(wt(n)), this.handleKeyDown = this.handleKeyDown.bind(this), this.handleCancel = this.handleCancel.bind(this), this.attach();
   }
   attach() {
     this.handleStart(), this.windowListeners.add(jt.Resize, this.handleCancel), this.windowListeners.add(jt.VisibilityChange, this.handleCancel), setTimeout(() => this.listeners.add(jt.Keydown, this.handleKeyDown));
@@ -13921,7 +13921,7 @@ class au {
     } = t, {
       target: i
     } = a;
-    this.props = t, this.events = n, this.document = co(i), this.documentListeners = new Ao(this.document), this.listeners = new Ao(r), this.windowListeners = new Ao(xt(i)), this.initialCoordinates = (o = Rl(a)) != null ? o : qt, this.handleStart = this.handleStart.bind(this), this.handleMove = this.handleMove.bind(this), this.handleEnd = this.handleEnd.bind(this), this.handleCancel = this.handleCancel.bind(this), this.handleKeydown = this.handleKeydown.bind(this), this.removeTextSelection = this.removeTextSelection.bind(this), this.attach();
+    this.props = t, this.events = n, this.document = co(i), this.documentListeners = new Ao(this.document), this.listeners = new Ao(r), this.windowListeners = new Ao(wt(i)), this.initialCoordinates = (o = Rl(a)) != null ? o : qt, this.handleStart = this.handleStart.bind(this), this.handleMove = this.handleMove.bind(this), this.handleEnd = this.handleEnd.bind(this), this.handleCancel = this.handleCancel.bind(this), this.handleKeydown = this.handleKeydown.bind(this), this.removeTextSelection = this.removeTextSelection.bind(this), this.attach();
   }
   attach() {
     const {
@@ -14507,7 +14507,7 @@ function fm(e) {
 const Es = [];
 function U8(e, t) {
   t === void 0 && (t = uo);
-  const [n] = e, r = fm(n ? xt(n) : null), [o, a] = Jl(s, Es), i = Ui({
+  const [n] = e, r = fm(n ? wt(n) : null), [o, a] = Jl(s, Es), i = Ui({
     callback: a
   });
   return e.length > 0 && o === Es && a(), Kt(() => {
@@ -14920,7 +14920,7 @@ const tp = /* @__PURE__ */ Iy(function(t) {
     scrollAdjustedTranslate: null
   }), Xe = R.getNodeFor((n = I.current.over) == null ? void 0 : n.id), Le = G8({
     measure: G.dragOverlay.measure
-  }), Ie = (r = Le.nodeRef.current) != null ? r : ue, wt = S ? (o = Le.rect) != null ? o : ne : null, dn = !!(Le.nodeRef.current && Le.rect), fn = B8(dn ? null : ne), Pe = fm(Ie ? xt(Ie) : null), be = z8(S ? Xe ?? ue : null), je = U8(be), Ke = e6(p, {
+  }), Ie = (r = Le.nodeRef.current) != null ? r : ue, St = S ? (o = Le.rect) != null ? o : ne : null, dn = !!(Le.nodeRef.current && Le.rect), fn = B8(dn ? null : ne), Pe = fm(Ie ? wt(Ie) : null), be = z8(S ? Xe ?? ue : null), je = U8(be), Ke = e6(p, {
     transform: {
       x: N.x - fn.x,
       y: N.y - fn.y,
@@ -14931,13 +14931,13 @@ const tp = /* @__PURE__ */ Iy(function(t) {
     active: D,
     activeNodeRect: ne,
     containerNodeRect: De,
-    draggingNodeRect: wt,
+    draggingNodeRect: St,
     over: I.current.over,
     overlayNodeRect: Le.rect,
     scrollableAncestors: be,
     scrollableAncestorRects: je,
     windowRect: Pe
-  }), Yt = et ? jr(et, N) : null, pa = F8(be), ha = ep(pa), ga = ep(pa, [ne]), Rt = jr(Ke, ha), Nn = wt ? c8(wt, Ke) : null, Rn = D && Nn ? d({
+  }), Yt = et ? jr(et, N) : null, pa = F8(be), ha = ep(pa), ga = ep(pa, [ne]), Rt = jr(Ke, ha), Nn = St ? c8(St, Ke) : null, Rn = D && Nn ? d({
     active: D,
     collisionRect: Nn,
     droppableRects: ee,
@@ -15136,16 +15136,16 @@ const tp = /* @__PURE__ */ Iy(function(t) {
       droppableRects: ee,
       draggableNodes: E,
       draggingNode: Ie,
-      draggingNodeRect: wt,
+      draggingNodeRect: St,
       droppableContainers: R,
       over: Tt,
       scrollableAncestors: be,
       scrollAdjustedTranslate: Rt
     }, P.current = {
-      initial: wt,
+      initial: St,
       translated: Nn
     };
-  }, [D, ue, Rn, Nn, E, Ie, wt, ee, R, Tt, be, Rt]), k8({
+  }, [D, ue, Rn, Nn, E, Ie, St, ee, R, Tt, be, Rt]), k8({
     ...$e,
     delta: N,
     draggingRect: Nn,
@@ -17568,7 +17568,7 @@ const DI = "_inputAuto_gk0d2_2", II = "_active_gk0d2_6", up = {
       onBlur: () => {
         u(!1);
       },
-      className: _t([up.inputAuto, c && up.active]),
+      className: mt([up.inputAuto, c && up.active]),
       placeholder: "value",
       options: p
     })
@@ -19073,7 +19073,7 @@ const LI = {
             style: {
               width: `${g}px`
             },
-            className: _t([mn.inputBox]),
+            className: mt([mn.inputBox]),
             onFocus: () => {
               O({
                 key: !0,
@@ -20324,7 +20324,7 @@ const DL = {
     rangeWeekPlaceholder: ["Start week", "End week"]
   }, AL),
   timePickerLocale: Object.assign({}, ry)
-}, Cp = IL, St = "${label} is not a valid ${type}", $L = {
+}, Cp = IL, Ct = "${label} is not a valid ${type}", $L = {
   locale: "en",
   Pagination: ML,
   DatePicker: Cp,
@@ -20413,19 +20413,19 @@ const DL = {
         invalid: "${label} is an invalid date"
       },
       types: {
-        string: St,
-        method: St,
-        array: St,
-        object: St,
-        number: St,
-        date: St,
-        boolean: St,
-        integer: St,
-        float: St,
-        regexp: St,
-        email: St,
-        url: St,
-        hex: St
+        string: Ct,
+        method: Ct,
+        array: Ct,
+        object: Ct,
+        number: Ct,
+        date: Ct,
+        boolean: Ct,
+        integer: Ct,
+        float: Ct,
+        regexp: Ct,
+        email: Ct,
+        url: Ct,
+        hex: Ct
       },
       string: {
         len: "${label} must be ${len} characters",
@@ -20747,7 +20747,7 @@ function JL(e, t) {
     colorInfoTextHover: g[8],
     colorInfoText: g[9],
     colorInfoTextActive: g[10],
-    colorBgMask: new Ot("#000").setAlpha(0.45).toRgbString(),
+    colorBgMask: new _t("#000").setAlpha(0.45).toRgbString(),
     colorWhite: "#fff"
   });
 }
@@ -20777,7 +20777,7 @@ function e3(e) {
     lineWidthBold: o + 1
   }, ZL(r));
 }
-const vn = (e, t) => new Ot(e).setAlpha(t).toRgbString(), _o = (e, t) => new Ot(e).darken(t).toHexString(), t3 = (e) => {
+const vn = (e, t) => new _t(e).setAlpha(t).toRgbString(), _o = (e, t) => new _t(e).darken(t).toHexString(), t3 = (e) => {
   const t = Gr(e);
   return {
     1: t[0],
@@ -20869,25 +20869,25 @@ function Va(e, t) {
     g: r,
     b: o,
     a
-  } = new Ot(e).toRgb();
+  } = new _t(e).toRgb();
   if (a < 1)
     return e;
   const {
     r: i,
     g: s,
     b: l
-  } = new Ot(t).toRgb();
+  } = new _t(t).toRgb();
   for (let c = 0.01; c <= 1; c += 0.01) {
     const u = Math.round((n - i * (1 - c)) / c), d = Math.round((r - s * (1 - c)) / c), f = Math.round((o - l * (1 - c)) / c);
     if (Ls(u) && Ls(d) && Ls(f))
-      return new Ot({
+      return new _t({
         r: u,
         g: d,
         b: f,
         a: Math.round(c * 100) / 100
       }).toRgbString();
   }
-  return new Ot({
+  return new _t({
     r: n,
     g: r,
     b: o,
@@ -21023,9 +21023,9 @@ function l3(e) {
     screenXXLMin: u,
     boxShadowPopoverArrow: "2px 2px 5px rgba(0, 0, 0, 0.05)",
     boxShadowCard: `
-      0 1px 2px -2px ${new Ot("rgba(0, 0, 0, 0.16)").toRgbString()},
-      0 3px 6px 0 ${new Ot("rgba(0, 0, 0, 0.12)").toRgbString()},
-      0 5px 12px 4px ${new Ot("rgba(0, 0, 0, 0.09)").toRgbString()}
+      0 1px 2px -2px ${new _t("rgba(0, 0, 0, 0.16)").toRgbString()},
+      0 3px 6px 0 ${new _t("rgba(0, 0, 0, 0.12)").toRgbString()},
+      0 5px 12px 4px ${new _t("rgba(0, 0, 0, 0.09)").toRgbString()}
     `,
     boxShadowDrawerRight: `
       -6px 0 16px 0 rgba(0, 0, 0, 0.08),
@@ -21272,16 +21272,16 @@ function x3(e, t) {
     let l = i.clone();
     return l = (s == null ? void 0 : s(l)) || l, l.toRgbString();
   }, o = (i, s) => {
-    const l = new Ot(i), c = Gr(l.toRgbString());
+    const l = new _t(i), c = Gr(l.toRgbString());
     n[`${s}-color`] = r(l), n[`${s}-color-disabled`] = c[1], n[`${s}-color-hover`] = c[4], n[`${s}-color-active`] = c[6], n[`${s}-color-outline`] = l.clone().setAlpha(0.2).toRgbString(), n[`${s}-color-deprecated-bg`] = c[0], n[`${s}-color-deprecated-border`] = c[2];
   };
   if (t.primaryColor) {
     o(t.primaryColor, "primary");
-    const i = new Ot(t.primaryColor), s = Gr(i.toRgbString());
+    const i = new _t(t.primaryColor), s = Gr(i.toRgbString());
     s.forEach((c, u) => {
       n[`primary-${u + 1}`] = c;
     }), n["primary-color-deprecated-l-35"] = r(i, (c) => c.lighten(35)), n["primary-color-deprecated-l-20"] = r(i, (c) => c.lighten(20)), n["primary-color-deprecated-t-20"] = r(i, (c) => c.tint(20)), n["primary-color-deprecated-t-50"] = r(i, (c) => c.tint(50)), n["primary-color-deprecated-f-12"] = r(i, (c) => c.setAlpha(c.getAlpha() * 0.12));
-    const l = new Ot(s[0]);
+    const l = new _t(s[0]);
     n["primary-color-active-deprecated-f-30"] = r(l, (c) => c.setAlpha(c.getAlpha() * 0.3)), n["primary-color-active-deprecated-d-02"] = r(l, (c) => c.darken(2));
   }
   return t.successColor && o(t.successColor, "success"), t.warningColor && o(t.warningColor, "warning"), t.errorColor && o(t.errorColor, "error"), t.infoColor && o(t.infoColor, "info"), `
@@ -21757,8 +21757,8 @@ function Y3(e, t, n, r) {
         deadline: !0
       });
     }, u))), Ie === my && pe(), K3;
-  }), Xe = Ce(I, 2), Le = Xe[0], Ie = Xe[1], wt = Ry(Ie);
-  oe.current = wt, Cy(function() {
+  }), Xe = Ce(I, 2), Le = Xe[0], Ie = Xe[1], St = Ry(Ie);
+  oe.current = St, Cy(function() {
     P(t);
     var Pe = B.current;
     B.current = !0;
@@ -22386,7 +22386,7 @@ const b4 = (e) => {
       style: {
         width: `${E}px`
       },
-      className: _t([l && Er.inputAuto, l && P.key && Er.active]),
+      className: mt([l && Er.inputAuto, l && P.key && Er.active]),
       onFocus: () => {
         D({
           key: !0,
@@ -22435,7 +22435,7 @@ const b4 = (e) => {
           value: !1
         }), C();
       },
-      className: _t([Er.inputAuto, P.value && Er.active]),
+      className: mt([Er.inputAuto, P.value && Er.active]),
       placeholder: "value",
       onSearch: O,
       options: p,
@@ -23499,7 +23499,7 @@ class U4 extends Z.Component {
     });
   }
   async componentDidMount() {
-    var a, i, s, l;
+    var a, i, s, l, c, u;
     window.__C_ENGINE__ = this;
     const n = this.props.plugins, r = new ex({
       engine: this,
@@ -23509,17 +23509,20 @@ class U4 extends Z.Component {
       i18n: Vh,
       assets: this.props.assetPackagesList || []
     });
-    this.pluginManager = r, r.customPlugin("Designer", (c) => (c.ctx.config.beforeInitRender = MT, c.ctx.config.customRender = AT(this.props.components || {}), c.ctx.config.components = this.props.components, c)), (i = (a = this.props).beforePluginRun) == null || i.call(a, {
+    this.pluginManager = r, r.customPlugin("Designer", (d) => (d.ctx.config.beforeInitRender = MT, d.ctx.config.customRender = AT(this.props.components || {}), d.ctx.config.components = this.props.components, d)), (i = (a = this.props).beforePluginRun) == null || i.call(a, {
       pluginManager: this.pluginManager
     });
-    const o = n.map((c) => this.pluginManager.add(c));
-    await Promise.all(o), this.pageModel.emitter.on("onReloadPage", () => {
-      var u;
+    const o = n.map((d) => this.pluginManager.add(d));
+    (l = (s = this.props).onMount) == null || l.call(s, {
+      pluginManager: this.pluginManager,
+      engine: this
+    }), await Promise.all(o), this.pageModel.emitter.on("onReloadPage", () => {
+      var f;
       if (!this.currentSelectNode)
         return;
-      const c = this.pageModel.getNode((u = this.currentSelectNode) == null ? void 0 : u.id);
-      c && this.updateCurrentSelectNode(c);
-    }), (l = (s = this.props).onReady) == null || l.call(s, {
+      const d = this.pageModel.getNode((f = this.currentSelectNode) == null ? void 0 : f.id);
+      d && this.updateCurrentSelectNode(d);
+    }), (u = (c = this.props).onReady) == null || u.call(c, {
       pluginManager: this.pluginManager,
       engine: this
     });
@@ -23533,7 +23536,8 @@ class U4 extends Z.Component {
   }
   render() {
     return /* @__PURE__ */ b("div", {
-      className: o1.engineContainer,
+      className: mt([o1.engineContainer, this.props.className]),
+      style: this.props.style,
       children: /* @__PURE__ */ b(n1, {
         ref: this.workbenchRef,
         emitter: this.emitter
@@ -23541,7 +23545,7 @@ class U4 extends Z.Component {
     });
   }
 }
-A(U4, "version", "0.0.17");
+A(U4, "version", "0.0.18");
 export {
   U4 as Engine,
   Z4 as InnerComponentMeta,