hlrender 0.0.282 → 0.0.283

package/render.es.js

@@ -1,233 +1,246 @@
-import { _ as Fe } from "./cont-cell-widget-ed0e5d83.js";
-import { _ as Ve } from "./cont-widget-4b88e7e5.js";
-import { _ as We, u as Le } from "./form-widget-9f5290b7.js";
-import { _ as xe } from "./grid-col-widget-fd469073.js";
-import { _ as De } from "./grid-widget-9a62f39a.js";
-import { _ as Me } from "./ltable-col-widget-c421ff75.js";
-import { _ as Pe } from "./ltable-widget-35df30a2.js";
-import { _ as Se } from "./tab-pane-widget-5df8b474.js";
-import { _ as Ie } from "./tabs-widget-eb2292e7.js";
-import { _ as Ke } from "./wrapper-widget-38438697.js";
-import { _ as Ne } from "./index-6e69a58f.js";
-import { D as Ee, o as je } from "./dialog-64d549cc.js";
-import { computed as R, ref as F, watch as Oe, onMounted as $e, onUnmounted as Be, nextTick as He, defineComponent as Y, provide as A, resolveDirective as ke, withDirectives as Te, openBlock as G, createElementBlock as Ae, unref as I, normalizeClass as Ge, withKeys as q, renderSlot as K, createBlock as qe, Suspense as ze, withCtx as Je, createVNode as Ue } from "vue";
-import { t as Qe, r as Xe, p as Ye, f as x, a as Z, w as M, d as z } from "./expression-d4680713.js";
-import { u as Ze, a as et, P as V, g as tt } from "./baseImp-a05aa287.js";
-import { l as Po } from "./baseImp-a05aa287.js";
-import { u as J, F as ot } from "./slot-6db6ac8e.js";
-import { I as nt } from "./widget-base-8eece820.js";
-import { i as at, a as st, o as rt, b as lt, f as it, d as ct, c as mt, t as dt, e as ut, l as U, L as ft } from "./enum-type-42dd79a1.js";
-import { g as gt } from "./uuid-0888fc5f.js";
-import { u as ee } from "./icon-1fc5d00d.js";
-import { u as pt, a as _t } from "./multirow-88dc90dd.js";
-import { W as D } from "./enum-type-51f144c1.js";
-import { u as Q, R as X } from "./share-field-ec8c208e.js";
-import { g as vt } from "./color-bae04003.js";
-import { ElMessage as bt, ElMessageBox as ht, ElNotification as Ct } from "element-plus";
-import { D as wt } from "./drag-wrapper-f78636d1.js";
-import { _ as yt } from "./_plugin-vue_export-helper-dad06003.js";
-import "./cont-cell-widget.vue_vue_type_script_setup_true_name_cont-cell-widget_lang-e2ea7130.js";
-import "./cssClass-d5b2a013.js";
-import "./widget-wrapper.vue_vue_type_script_setup_true_name_form-item-wrapper_lang-a9e4f996.js";
-import "./index-6afb8bee.js";
-import "./_commonjsHelpers-e7ea1525.js";
-import "./index-ee925296.js";
-import "./fieldobj-a2678999.js";
-import "./grid-col-widget.vue_vue_type_script_setup_true_name_grid-col-widget_lang-c90ca8e7.js";
-import "./ltable-col-widget.vue_vue_type_script_setup_true_name_ltable-col-widget_lang-99261216.js";
-import "./tab-pane-widget.vue_vue_type_script_setup_true_name_tab-pane-widget_lang-3bfd8f17.js";
+import { _ as Me } from "./cont-cell-widget-8b9dc3ea.js";
+import { _ as Pe } from "./cont-widget-8467d9ed.js";
+import { _ as Se, u as De, c as Ne } from "./form-widget-8dc4d5ed.js";
+import { _ as Ee } from "./grid-col-widget-5234fe90.js";
+import { _ as Ke } from "./grid-widget-25d7bd18.js";
+import { _ as je } from "./ltable-col-widget-7c4e2d09.js";
+import { _ as Oe } from "./ltable-widget-dc819811.js";
+import { _ as $e } from "./tab-pane-widget-266b55bd.js";
+import { _ as Te } from "./tabs-widget-ce49e14d.js";
+import { _ as Be } from "./wrapper-widget-9f772573.js";
+import { _ as He } from "./index-c926edb8.js";
+import { D as ke, o as Ae } from "./dialog-ac1079e2.js";
+import { computed as V, ref as C, watch as Ge, onMounted as qe, onUnmounted as ze, nextTick as Je, defineComponent as se, provide as Y, openBlock as Z, createElementBlock as Ue, createVNode as ee, unref as F, createElementVNode as Qe, normalizeClass as Xe, withKeys as te, renderSlot as O, createBlock as Ye, Suspense as Ze, withCtx as et } from "vue";
+import { i as tt, a as ot, o as nt, l as $, b as at, f as rt, d as st, c as lt, t as it, L as ct } from "./enum-type-52a6b12a.js";
+import { t as mt, r as dt, p as ut, f as T, a as D, w as E, d as oe } from "./expression-11846fd1.js";
+import { u as ft, a as gt, P as W, g as pt } from "./baseImp-9b58e733.js";
+import { l as Eo } from "./baseImp-9b58e733.js";
+import { F as _t } from "./global-provide-inject-6d2932d0.js";
+import { I as vt } from "./widget-base-df734ada.js";
+import { g as bt } from "./uuid-1b528338.js";
+import { u as le } from "./icon-4e8380f7.js";
+import { u as ne } from "./slot-31d7643d.js";
+import { u as ht, a as Ct } from "./multirow-29ad4d31.js";
+import { W as N } from "./enum-type-b9b133f4.js";
+import { u as ae, R as re } from "./share-field-c6ed3ba9.js";
+import { g as yt } from "./color-bae04003.js";
+import { ElMessage as wt, ElMessageBox as Rt, ElNotification as Ft } from "element-plus";
+import { D as Vt } from "./drag-wrapper-a79ff9ea.js";
+import { _ as Wt } from "./_plugin-vue_export-helper-dad06003.js";
+import "./cont-cell-widget.vue_vue_type_script_setup_true_name_cont-cell-widget_lang-7ec6efa4.js";
+import "./cssClass-0ad1f6a9.js";
+import "./widget-wrapper.vue_vue_type_script_setup_true_name_form-item-wrapper_lang-bcd065ae.js";
+import "./index-f9b79d02.js";
+import "./fieldobj-319120ac.js";
+import "./grid-col-widget.vue_vue_type_script_setup_true_name_grid-col-widget_lang-ddbf39e8.js";
+import "./ltable-col-widget.vue_vue_type_script_setup_true_name_ltable-col-widget_lang-aade3bbb.js";
+import "./tab-pane-widget.vue_vue_type_script_setup_true_name_tab-pane-widget_lang-7b2a10aa.js";
 import "./source-map-b04aec4a.js";
+import "./_commonjsHelpers-e7ea1525.js";
 import "./esprima-e8d15055.js";
 import "axios";
-function te(e) {
+function ie(e) {
   let n = /* @__PURE__ */ new Map();
   for (const t in e) {
-    let c = e == null ? void 0 : e[t], o = c == null ? void 0 : c.default, r = (o == null ? void 0 : o.name) || (o == null ? void 0 : o.__name);
-    n[r] = o;
+    let c = e == null ? void 0 : e[t], o = c == null ? void 0 : c.default, s = (o == null ? void 0 : o.name) || (o == null ? void 0 : o.__name);
+    n[s] = o;
   }
   return n;
 }
-function oe() {
-  return te(/* @__PURE__ */ Object.assign({ "../cont-cell-widget.vue": Fe, "../cont-widget.vue": Ve, "../form-widget.vue": We, "../grid-col-widget.vue": xe, "../grid-widget.vue": De, "../ltable-col-widget.vue": Me, "../ltable-widget.vue": Pe, "../tab-pane-widget.vue": Se, "../tabs-widget.vue": Ie, "../wrapper-widget.vue": Ke }));
+function ce() {
+  return ie(/* @__PURE__ */ Object.assign({ "../cont-cell-widget.vue": Me, "../cont-widget.vue": Pe, "../form-widget.vue": Se, "../grid-col-widget.vue": Ee, "../grid-widget.vue": Ke, "../ltable-col-widget.vue": je, "../ltable-widget.vue": Oe, "../tab-pane-widget.vue": $e, "../tabs-widget.vue": Te, "../wrapper-widget.vue": Be }));
 }
-const Rt = (e) => {
-  const n = oe();
+const Lt = (e) => {
+  const n = ce();
   for (const t in Object.keys(n))
     e.component(t, n[t]);
-}, Ft = { install: Rt }, Vt = (e) => {
-  const n = oe();
+}, xt = { install: Lt }, It = (e) => {
+  const n = ce();
   for (const t in Object.keys(n))
     e.component(t, n[t]);
-}, Wt = { install: Vt };
-function Lt() {
-  return te(/* @__PURE__ */ Object.assign({ "./index.vue": Ne }));
+}, Mt = { install: It };
+function Pt() {
+  return ie(/* @__PURE__ */ Object.assign({ "./index.vue": He }));
 }
-const xt = (e) => {
-  const n = Lt();
-  e.use(Ee);
+const St = (e) => {
+  const n = Pt();
+  e.use(ke);
   for (const t in Object.keys(n))
     e.component(t, n[t]);
-}, Dt = { install: xt };
-function Mt(e, n) {
+}, Dt = { install: St };
+function Nt(e, n) {
   return {
-    cssWithPrimaryColor: R(() => {
-      var r, s;
-      const c = (n == null ? void 0 : n.themeColor) || Qe.color1;
+    cssWithPrimaryColor: V(() => {
+      var s, r;
+      const c = (n == null ? void 0 : n.themeColor) || mt.color1;
       var o = {
         themeColor: c
       };
-      return (r = vt(c, !1, 10)) == null || r.forEach((i, l) => {
-        o["themeColor-" + l] = i;
-      }), !at(e) && st(e) && ((s = rt(o)) == null || s.forEach((i) => {
-        var l = `var\\(--${i}\\)`;
-        e = Xe(e, l, o[i]);
+      return (s = yt(c, !1, 10)) == null || s.forEach((l, m) => {
+        o["themeColor-" + m] = l;
+      }), !tt(e) && ot(e) && ((r = nt(o)) == null || r.forEach((l) => {
+        var m = `var\\(--${l}\\)`;
+        e = dt(e, m, o[l]);
       })), e;
     })
   };
 }
-function Pt(e) {
-  var { addWindowName: n, addWindowHook: t } = Ze();
+function Et(e) {
+  var { addWindowName: n, addWindowHook: t } = ft();
   n(), t("openModalAsync", (c) => {
-    je(e == null ? void 0 : e.instance, c);
-  }), t("ElMessage", bt), t("ElMessageBox", ht), t("ElNotification", Ct);
+    Ae(e == null ? void 0 : e.instance, c);
+  }), t("ElMessage", wt), t("ElMessageBox", Rt), t("ElNotification", Ft);
 }
-function St(e) {
-  const n = e.designer, t = n == null ? void 0 : n.pageConfig, c = F(n == null ? void 0 : n.widgetList), o = e == null ? void 0 : e.produceState, r = e == null ? void 0 : e.designState, s = e == null ? void 0 : e.pageData, i = e == null ? void 0 : e.renderConfig, l = {}, d = {}, { off$: _, on$: v, emit$: g } = _t();
-  var { instance: u, proxy: b } = ee();
-  const f = { instance: u, designState: r, formData: s, pageConfig: t, globalConfig: i }, { handleFunc: w } = Le({ options: t }, f), { callWidgetsExposed: C } = Q(d), { formModel: p, setData: h, getData: P, clearData: S } = pt(c.value, f, u), ae = new X(l), se = new X(d), { findRefByName: re } = Q(d), { getOneSchemaData: le, getSchemaDataObject: ie, getSchemaDatas: ce, getGlobalParams: me } = et(f);
-  let de = (() => "vfRender" + gt())();
-  const ue = () => {
-    w(t == null ? void 0 : t.pageCreated);
-  }, N = () => {
-    w(t == null ? void 0 : t.pageMounted);
-  }, W = R(() => o ? de : ""), E = () => {
-    const { insertCustomCssToHead: a, insertGlobalFunctionsToHtml: m } = J(), y = V.getValue(t == null ? void 0 : t.cssCode, !1, !0);
-    if (y) {
-      const { cssWithPrimaryColor: L } = Mt(y, { themeColor: (i == null ? void 0 : i.themeColor) || "" });
-      a(L.value, W.value);
+function Kt(e) {
+  const n = e.designer, t = n == null ? void 0 : n.pageConfig, c = C(n == null ? void 0 : n.widgetList), o = e == null ? void 0 : e.produceState, s = e == null ? void 0 : e.designState, r = e == null ? void 0 : e.pageData, l = e == null ? void 0 : e.renderConfig, m = {}, u = {}, { off$: _, on$: i, emit$: f } = Ct();
+  var { instance: v, proxy: b } = le();
+  const g = { instance: v, designState: s, formData: r, pageConfig: t, globalConfig: l }, { handleFunc: L } = De({ options: t }, g), { callWidgetsExposed: y } = ae(u), { formModel: w, setData: x, getData: p, clearData: h } = ht(c.value, g, v), I = new re(m), M = new re(u), { findRefByName: de } = ae(u), { getOneSchemaData: ue, getSchemaDataObject: fe, getSchemaDatas: ge, getGlobalParams: pe } = gt(g), B = C(!1);
+  let _e = (() => "vfRender" + bt())();
+  const ve = () => {
+    L(t == null ? void 0 : t.pageCreated);
+  }, H = () => {
+    L(t == null ? void 0 : t.pageMounted);
+  }, P = V(() => o ? _e : ""), k = () => {
+    const { insertCustomCssToHead: a, insertGlobalFunctionsToHtml: d } = ne(), R = W.getValue(t == null ? void 0 : t.cssCode, !1, !0);
+    if (R) {
+      const { cssWithPrimaryColor: S } = Nt(R, { themeColor: (l == null ? void 0 : l.themeColor) || "" });
+      a(S.value, P.value);
     }
-    return new Promise((L) => {
-      const T = V.getValue(t == null ? void 0 : t.functions, !1, !0);
-      T ? m(T, W.value).then((Re) => {
-        L(Re);
-      }) : L(!0);
+    return new Promise((S) => {
+      const X = W.getValue(t == null ? void 0 : t.functions, !1, !0);
+      X ? d(X, P.value).then((Ie) => {
+        S(Ie);
+      }) : S(!0);
     });
-  }, fe = () => {
-    const { removeCustomCssToHead: a, removeGlobalFunctionsToHtml: m } = J();
-    a(W.value), m(W.value);
-  }, j = () => {
-    ge(), ue(), we(), ye();
-  }, O = Ye.page, ge = () => {
-    ae.setWidgetRef(O, u), se.setWidgetRef(O, u);
-  }, pe = (a) => C(a, D.getValue), _e = (a, m) => C(a, D.setValue, m), $ = (a, m = !0) => {
-    C(a, D.setDisabled, { flag: m });
-  }, ve = (a) => {
-    $(a, !1);
-  }, B = (a, m = !0) => {
-    C(a, D.setHidden, { flag: m });
-  }, be = (a) => {
-    B(a, !1);
-  }, he = (a) => {
+  }, be = () => {
+    const { removeCustomCssToHead: a, removeGlobalFunctionsToHtml: d } = ne();
+    a(P.value), d(P.value);
+  }, A = () => {
+    he(), ve(), We(), Le();
+  }, G = ut.page, he = () => {
+    I.setWidgetRef(G, v), M.setWidgetRef(G, v);
+  }, Ce = (a) => y(a, N.getValue), ye = (a, d) => y(a, N.setValue, d), q = (a, d = !0) => {
+    y(a, N.setDisabled, { flag: d });
+  }, we = (a) => {
+    q(a, !1);
+  }, z = (a, d = !0) => {
+    y(a, N.setHidden, { flag: d });
+  }, Re = (a) => {
+    z(a, !1);
+  }, Fe = (a) => {
     if (a) {
-      var m = it(a);
-      if (m) {
-        if (!m.pageConfig || !m.widgetList)
+      var d = rt(a);
+      if (d) {
+        if (!d.pageConfig || !d.widgetList)
           return "Invalid pageat of page json.";
-        ct(e.pageConfig, m), E().then((y) => {
-          He(() => {
-            j(), N();
+        st(e.pageConfig, d), k().then((R) => {
+          Je(() => {
+            A(), H();
           });
         });
       } else
         return "Set page json failed.";
     }
-  }, Ce = (a, m, y) => {
-    b == null || b.$emit(Z.formChange, a, m, y, p);
-  }, we = () => {
-    _(x.fieldChange), v(x.fieldChange, (a) => {
-      Ce(a == null ? void 0 : a.fieldName, a == null ? void 0 : a.newValue, a == null ? void 0 : a.oldValue);
+  }, Ve = (a, d, R) => {
+    b == null || b.$emit(T.formChange, a, d, R, w);
+  }, We = () => {
+    _(D.fieldChange), i(D.fieldChange, (a) => {
+      Ve(a == null ? void 0 : a.fieldName, a == null ? void 0 : a.newValue, a == null ? void 0 : a.oldValue);
     });
-  }, ye = () => {
-    _(x.fieldValidation), v(x.fieldValidation, (a) => {
+  }, Le = () => {
+    _(D.fieldValidation), i(D.fieldValidation, (a) => {
     });
-  }, H = F(!1), k = F(!1);
-  return Oe([H, k], ([a, m]) => {
-    a && m && N();
-  }), E().then(() => {
-    j(), H.value = !0;
-  }), $e(() => {
-    S(), lt(), Pt({ instance: u }), k.value = !0;
-  }), Be(() => {
-    S(), o && fe();
+  }, J = C(!1);
+  let K = null;
+  const xe = () => {
+    J.value = !0;
+  }, j = C(0);
+  i(T.registerRef, (a) => {
+    j.value = j.value + 1, J.value && (K && clearTimeout(K), K = setTimeout(() => {
+      $.info(`render complete,total count: ${j.value}`), B.value = !0;
+    }, 200));
+  });
+  const U = C(!1), Q = C(!1);
+  return Ge([U, Q], ([a, d]) => {
+    a && d && H();
+  }), k().then(() => {
+    A(), U.value = !0;
+  }), qe(() => {
+    h(), at(), Et({ instance: v }), Q.value = !0;
+  }), ze(() => {
+    h(), o && be();
   }), {
-    formModel: p,
+    formModel: w,
     pageConfig: t,
     widgetList: c,
-    widgetRefList: l,
-    allWidgetRefList: d,
+    widgetRefList: m,
+    allWidgetRefList: u,
+    isRenderComplete: B,
+    handleRenderComplete: xe,
+    emit$: f,
     exposed: {
-      findRefByName: re,
-      setPageJson: he,
-      hideWidgets: B,
-      showWidgets: be,
-      disableWidgets: $,
-      enableWidgets: ve,
-      getFieldValue: pe,
-      setFieldValue: _e,
-      setData: h,
-      getData: P,
-      clearData: S,
-      getOneSchemaData: le,
-      getSchemaDataObject: ie,
-      getSchemaDatas: ce,
-      getGlobalParams: me,
-      emit$: g
+      findRefByName: de,
+      setPageJson: Fe,
+      hideWidgets: z,
+      showWidgets: Re,
+      disableWidgets: q,
+      enableWidgets: we,
+      getFieldValue: Ce,
+      setFieldValue: ye,
+      setData: x,
+      getData: p,
+      clearData: h,
+      getOneSchemaData: ue,
+      getSchemaDataObject: fe,
+      getSchemaDatas: ge,
+      getGlobalParams: pe,
+      emit$: f
     }
   };
 }
-function It() {
-  const e = {}, n = (o, r, s) => {
-    e[o] = { opt: r, doEvent: s };
-  }, t = (o, r) => {
-    var i, l;
-    const s = e == null ? void 0 : e[o == null ? void 0 : o.toLocaleLowerCase()];
-    if (((i = s == null ? void 0 : s.opt) == null ? void 0 : i.ctrlKey) === (r == null ? void 0 : r.ctrlKey))
-      return (l = s == null ? void 0 : s.doEvent) == null ? void 0 : l.call(s);
+function jt() {
+  const e = {}, n = (o, s, r) => {
+    e[o] = { opt: s, doEvent: r };
+  }, t = (o, s) => {
+    var l, m;
+    const r = e == null ? void 0 : e[o == null ? void 0 : o.toLocaleLowerCase()];
+    if (((l = r == null ? void 0 : r.opt) == null ? void 0 : l.ctrlKey) === (s == null ? void 0 : s.ctrlKey))
+      return (m = r == null ? void 0 : r.doEvent) == null ? void 0 : m.call(r);
   };
   return {
     bindKey: n,
     runEvent: (o) => {
-      const r = o.ctrlKey || o.metaKey, s = o.key;
-      t(s, { ctrlKey: r });
+      const s = o.ctrlKey || o.metaKey, r = o.key;
+      t(r, { ctrlKey: s });
     }
   };
 }
-function Kt(e) {
-  const { bindKey: n, runEvent: t } = It(), c = () => {
-    n("enter", { ctrlKey: !1 }, i), n("arrowleft", { ctrlKey: !0 }, l);
-  }, o = (d) => (c(), t(d)), r = "input,select,textarea", s = ["textarea"], i = () => {
-    var u, b;
-    var d = e.querySelectorAll(r);
-    const _ = document.activeElement, v = (u = _ == null ? void 0 : _.nodeName) == null ? void 0 : u.toLocaleLowerCase();
-    if (!v || s.includes(v))
+function Ot(e) {
+  const { bindKey: n, runEvent: t } = jt(), c = () => {
+    n("enter", { ctrlKey: !1 }, l), n("arrowleft", { ctrlKey: !0 }, m);
+  }, o = (u) => (c(), t(u)), s = "input,select,textarea", r = ["textarea"], l = () => {
+    var v, b;
+    var u = e.querySelectorAll(s);
+    const _ = document.activeElement, i = (v = _ == null ? void 0 : _.nodeName) == null ? void 0 : v.toLocaleLowerCase();
+    if (!i || r.includes(i))
       return !1;
-    for (var g = 0; g < d.length; g++) {
-      const f = d[g];
-      if (f == _)
-        return g == d.length - 1 ? !1 : ((b = d[g + 1]) == null || b.focus(), !0);
-      f == null || f.blur();
+    for (var f = 0; f < u.length; f++) {
+      const g = u[f];
+      if (g == _)
+        return f == u.length - 1 ? !1 : ((b = u[f + 1]) == null || b.focus(), !0);
+      g == null || g.blur();
     }
     return !1;
-  }, l = (d) => {
-    var u, b;
-    var _ = e.querySelectorAll(r);
-    const v = document.activeElement;
-    (u = v == null ? void 0 : v.nodeName) == null || u.toLocaleLowerCase();
-    for (var g = 0; g < _.length; g++) {
-      const f = _[g];
-      if (f == v)
-        return g == 0 ? !1 : ((b = _[g - 1]) == null || b.focus(), !0);
-      f == null || f.blur();
+  }, m = (u) => {
+    var v, b;
+    var _ = e.querySelectorAll(s);
+    const i = document.activeElement;
+    (v = i == null ? void 0 : i.nodeName) == null || v.toLocaleLowerCase();
+    for (var f = 0; f < _.length; f++) {
+      const g = _[f];
+      if (g == i)
+        return f == 0 ? !1 : ((b = _[f - 1]) == null || b.focus(), !0);
+      g == null || g.blur();
     }
     return !1;
   };
@@ -235,103 +248,107 @@ function Kt(e) {
     addKeyBoardEvent: o
   };
 }
-const Nt = ["element-loading-text"], Et = Y({ componentName: M.VFormRender, name: M.VFormRender }), jt = /* @__PURE__ */ Y({
-  ...Et,
+const $t = { class: "loading-container" }, Tt = se({ componentName: E.VFormRender, name: E.VFormRender }), Bt = /* @__PURE__ */ se({
+  ...Tt,
   props: {
-    ...nt,
+    ...vt,
     pageData: { type: Object },
     renderConfig: { type: Object }
   },
   setup(e, { expose: n, emit: t }) {
-    const c = e, o = t, { formModel: r, exposed: s, widgetList: i, pageConfig: l, allWidgetRefList: d } = St(c), _ = R(() => {
+    const c = e, o = t, { isRenderComplete: s, handleRenderComplete: r, emit$: l, formModel: m, exposed: u, widgetList: _, pageConfig: i, allWidgetRefList: f } = Kt(c), v = V(() => {
       var p, h;
-      return V.getValue((h = (p = c.designer) == null ? void 0 : p.pageConfig) == null ? void 0 : h.layoutType) || "";
-    }), v = R(() => mt(dt(V.getValue(l == null ? void 0 : l.customClass), !0)) || []), g = R(() => {
+      return W.getValue((h = (p = c.designer) == null ? void 0 : p.pageConfig) == null ? void 0 : h.layoutType) || "";
+    }), b = V(() => lt(it(W.getValue(i == null ? void 0 : i.customClass), !0)) || []), g = V(() => {
       var p;
-      return (p = V.getValue(l == null ? void 0 : l.componentWrapperClass)) == null ? void 0 : p.join(" ");
-    }), u = F(!1), b = {};
-    ot.globalProvide({
-      formRefList: b,
-      globalRefList: d,
-      globalDataModel: r,
-      globalFormName: M.VFormRender
-    }), A(z.globalConfig, c.renderConfig), A(z.isRenderComplete, u);
-    const f = F(), w = (p) => {
-      const { addKeyBoardEvent: h } = Kt(f.value);
+      return (p = W.getValue(i == null ? void 0 : i.componentWrapperClass)) == null ? void 0 : p.join(" ");
+    }), L = () => {
+      r(), o(T.renderComplete);
+    }, y = {};
+    _t.globalProvide({
+      formRefList: y,
+      globalRefList: f,
+      globalDataModel: m,
+      globalFormName: E.VFormRender
+    }), Y(oe.globalConfig, c.renderConfig), Y(oe.isRenderComplete, s);
+    const w = C(), x = (p) => {
+      const { addKeyBoardEvent: h } = Ot(w.value);
       h(p);
-    }, C = () => {
-      u.value = !0, o(Z.renderComplete);
     };
     return n({
-      ...s,
-      componentName: M.VFormRender
+      ...u,
+      emit$: l,
+      componentName: E.VFormRender
     }), (p, h) => {
-      const P = ke("loading");
-      return Te((G(), Ae("div", {
-        "element-loading-text": I(ut).i18nt("designer.hint.loading"),
-        class: Ge([...v.value, _.value + "-layout", { loadingLayout: !u.value }]),
-        tabindex: "0",
-        ref_key: "taregtWrapperRef",
-        ref: f,
-        onKeyup: [
-          q(w, ["enter"]),
-          q(w, ["left"])
-        ]
-      }, [
-        K(p.$slots, "header", {}, void 0, !0),
-        K(p.$slots, "default", {}, () => [
-          (G(), qe(ze, { onResolve: C }, {
-            default: Je(() => [
-              Ue(wt, {
-                designer: p.designer,
-                "widget-list": I(i),
-                model: I(r),
-                "design-state": !1,
-                "component-class": g.value
-              }, null, 8, ["designer", "widget-list", "model", "component-class"])
-            ]),
-            _: 1
-          }))
-        ], !0),
-        K(p.$slots, "footer", {}, void 0, !0)
-      ], 42, Nt)), [
-        [P, !u.value]
+      var I, M;
+      return Z(), Ue("div", $t, [
+        ee(Ne, {
+          loading: !F(s) && ((I = F(i)) == null ? void 0 : I.showLoading),
+          "loading-text": (M = F(i)) == null ? void 0 : M.loadingText
+        }, null, 8, ["loading", "loading-text"]),
+        Qe("div", {
+          class: Xe([...b.value, v.value + "-layout"]),
+          tabindex: "0",
+          ref_key: "taregtWrapperRef",
+          ref: w,
+          onKeyup: [
+            te(x, ["enter"]),
+            te(x, ["left"])
+          ]
+        }, [
+          O(p.$slots, "header", {}, void 0, !0),
+          O(p.$slots, "default", {}, () => [
+            (Z(), Ye(Ze, { onResolve: L }, {
+              default: et(() => [
+                ee(Vt, {
+                  designer: p.designer,
+                  "widget-list": F(_),
+                  model: F(m),
+                  "design-state": !1,
+                  "component-class": g.value
+                }, null, 8, ["designer", "widget-list", "model", "component-class"])
+              ]),
+              _: 1
+            }))
+          ], !0),
+          O(p.$slots, "footer", {}, void 0, !0)
+        ], 34)
       ]);
     };
   }
 });
-const ne = /* @__PURE__ */ yt(jt, [["__scopeId", "data-v-a47ae94c"]]);
-function Lo(e) {
+const me = /* @__PURE__ */ Wt(Bt, [["__scopeId", "data-v-5e4b3e3a"]]);
+function Po(e) {
   return {
-    getSFCCode: () => new Promise((o, r) => {
-      import("./sfc-1b884c50.js").then((s) => {
-        const { genSFC: i } = s, l = i(e == null ? void 0 : e.pageConfig, e == null ? void 0 : e.widgetList, !1);
-        o == null || o(l);
+    getSFCCode: () => new Promise((o, s) => {
+      import("./sfc-a41c7416.js").then((r) => {
+        const { genSFC: l } = r, m = l(e == null ? void 0 : e.pageConfig, e == null ? void 0 : e.widgetList, !1);
+        o == null || o(m);
       });
     }),
-    getFieldItems: () => new Promise((o, r) => {
-      import("./sfcview-33b88ef4.js").then((s) => {
-        const { useGenFieldItemList: i } = s, { filterFieldItems: l } = i(e == null ? void 0 : e.widgetList), d = l();
-        o == null || o(d);
+    getFieldItems: () => new Promise((o, s) => {
+      import("./sfcview-c0ee8b66.js").then((r) => {
+        const { useGenFieldItemList: l } = r, { filterFieldItems: m } = l(e == null ? void 0 : e.widgetList), u = m();
+        o == null || o(u);
       });
     }),
     getCtx: (o) => {
-      const { instance: r } = ee(o);
-      return tt({ instance: r });
+      const { instance: s } = le(o);
+      return pt({ instance: s });
     }
   };
 }
-const Ot = (e, n = {}) => {
-  n.logger && U.updateOptions(n.logger), e.provide(ft, U), e.use(Wt), e.use(Ft);
+const Ht = (e, n = {}) => {
+  n.logger && $.updateOptions(n.logger), e.provide(ct, $), e.use(Mt), e.use(xt);
 };
-ne.install = Ot;
-const xo = {
+me.install = Ht;
+const So = {
   install(e) {
-    e.use(Dt), e.component("VFormRender", ne);
+    e.use(Dt), e.component("VFormRender", me);
   }
 };
 export {
-  xo as default,
-  Po as loadSfc,
-  Lo as useGenerator
+  So as default,
+  Eo as loadSfc,
+  Po as useGenerator
 };