@kp-ui/lowcode 2.15.0-alpha.7 → 2.15.0-alpha.9

package/src/components/form-designer/form-widget/field-widget/useField.js

@@ -1,96 +1,96 @@
-import { inject as g, ref as f, getCurrentInstance as He, computed as u, onMounted as qe, onBeforeUnmount as Ne, nextTick as J } from "vue";
-import { deepClone as $ } from "../../../../utils/util.js";
-import E from "../../../../utils/validators.js";
-import { get as Se, eq as ze, isArray as Ue } from "lodash-es";
-import { useI18n as Te } from "../../../../utils/i18n.js";
-import { useEmitter as Le } from "../../../../utils/useEmitter.js";
-import { useAppRef as Pe } from "../../useAppRef.js";
-import { useExecFunction as We } from "tmgc2-share";
-function Ze(t) {
-  const j = g("getFormConfig", () => ({})), k = g("formData", f({})), G = g("getReadMode", () => !1), M = g("isSubFormField", !1), I = g("getSubFormName", () => ""), l = g("designState", !1), { registerToRefList: K, getWidgetRef: Q, getFormRef: b, unregisterFromRefList: X } = Pe(), { executeFunction: c } = We(), { i18nt: A, i18n2t: Y } = Te(), { field: a } = t, h = f(null), D = f(null), y = f(!1), Z = f(!1), s = f([]), V = f({}), O = f({}), _ = f(null), i = He(), { dispatch: m } = Le(), H = u(() => j()), p = u(() => {
+import { inject as c, ref as f, getCurrentInstance as Ne, computed as d, toRaw as J, onMounted as ze, onBeforeUnmount as Ue, nextTick as $ } from "vue";
+import { deepClone as j } from "../../../../utils/util.js";
+import I from "../../../../utils/validators.js";
+import { get as Te, eq as Le, isArray as Pe } from "lodash-es";
+import { useI18n as We } from "../../../../utils/i18n.js";
+import { useEmitter as Je } from "../../../../utils/useEmitter.js";
+import { useAppRef as $e } from "../../useAppRef.js";
+import { useExecFunction as je } from "tmgc2-share";
+function pe(t) {
+  const G = c("getFormConfig", () => ({})), y = c("formData", f({})), K = c("getReadMode", () => !1), k = c("isSubFormField", !1), D = c("getSubFormName", () => ""), o = c("designState", !1), { registerToRefList: Q, getWidgetRef: X, getFormRef: B, unregisterFromRefList: Y } = $e(), { executeFunction: u, asyncExecuteFunction: m } = je(), { i18nt: M, i18n2t: Z } = We(), { field: s } = t, v = f(null), A = f(null), R = f(!1), _ = f(!1), l = f([]), O = f({}), H = f({}), w = f(null), h = Ne(), { dispatch: E } = Je(), q = d(() => G()), p = d(() => {
     var e;
-    return (e = a == null ? void 0 : a.options) != null && e.size ? a.options.size : H.value.size || "middle";
-  }), R = u(() => I ? I() : ""), d = u({
+    return (e = s == null ? void 0 : s.options) != null && e.size ? s.options.size : q.value.size || "middle";
+  }), b = d(() => D ? D() : ""), a = d({
     get() {
-      return Se(k.value, v.value);
+      return Te(y.value, g.value);
     },
     set(e) {
       x(e);
     }
-  }), q = u(() => G() ? !0 : y.value), w = u(() => {
-    if (l)
+  }), ee = d(() => y.value[b.value]), S = d(() => K() ? !0 : R.value), te = d(() => {
+    if (o)
       return !1;
     const { onHidden: e, hidden: n } = t.field.options;
-    if (n) return !0;
+    if (console.log({ onHidden: e, hidden: n }), n) return !0;
     if (e)
       try {
-        const o = c({
+        const i = u({
           functionBody: e
         });
-        return typeof o == "boolean" ? o : !1;
-      } catch (o) {
-        return console.log({ error: o }), !1;
+        return typeof i == "boolean" ? i : !1;
+      } catch (i) {
+        return console.log({ error: i }), !1;
       }
     return !1;
-  }), N = u(() => {
-    if (l)
+  }), V = d(() => {
+    if (o)
       return !1;
     const { onDisabled: e, disabled: n } = t.field.options;
     if (n) return !0;
     if (e)
       try {
-        const o = c({
+        const i = u({
           functionBody: e
         });
-        return typeof o == "boolean" ? o : !1;
-      } catch (o) {
-        return console.log({ error: o }), !1;
+        return typeof i == "boolean" ? i : !1;
+      } catch (i) {
+        return console.log({ error: i }), !1;
       }
     return !1;
-  }), ee = (e, n) => {
+  }), ne = (e, n) => {
     if (!Array.isArray(e))
       return -1;
-    let o = -1;
-    return e.forEach((r, W) => {
-      r === n && (o = W);
-    }), o;
-  }, v = u(() => M && !l ? R.value + "." + t.subFormRowIndex + "." + t.field.options.name : t.field.options.name);
-  function te() {
-    l || t.field.options.onCreated && J(() => {
-      c({
+    let i = -1;
+    return e.forEach((r, Ve) => {
+      r === n && (i = Ve);
+    }), i;
+  }, g = d(() => k && !o ? b.value + "." + t.subFormRowIndex + "." + t.field.options.name : t.field.options.name);
+  function ie() {
+    o || t.field.options.onCreated && $(async () => {
+      await m({
         functionBody: t.field.options.onCreated
       });
     });
   }
-  function ne() {
-    l || t.field.options.onMounted && J(() => {
-      c({
+  function oe() {
+    o || t.field.options.onMounted && $(async () => {
+      await m({
         functionBody: t.field.options.onMounted
       });
     });
   }
-  const oe = () => {
-    d.value = t.field.options.defaultValue;
-  }, S = () => {
-    t.field.formItemFlag && s.value.splice(0, s.value.length);
-  }, F = () => {
+  const le = () => {
+    a.value = t.field.options.defaultValue;
+  }, N = () => {
+    t.field.formItemFlag && l.value.splice(0, l.value.length);
+  }, C = () => {
     if (!(!(t != null && t.field.formItemFlag) || t != null && t.field.options.hidden)) {
-      if (s.value.splice(0, s.value.length), t.field.options.required && s.value.push({
+      if (l.value.splice(0, l.value.length), t.field.options.required && l.value.push({
         required: !0,
         // trigger: ['blur', 'change'],
         trigger: [
           "blur"
         ],
-        message: t.field.options.requiredHint || A("render.hint.fieldRequired")
+        message: t.field.options.requiredHint || M("render.hint.fieldRequired")
       }), t.field.options.validation) {
         const e = t.field.options.validation;
-        E[e] ? s.value.push({
-          validator: E[e],
+        I[e] ? l.value.push({
+          validator: I[e],
           trigger: ["blur", "change"],
           label: t.field.options.label,
           errorMsg: t.field.options.validationHint
-        }) : s.value.push({
-          validator: E.regExp,
+        }) : l.value.push({
+          validator: I.regExp,
           trigger: ["blur", "change"],
           regExp: e,
           label: t.field.options.label,
@@ -98,210 +98,228 @@ function Ze(t) {
         });
       }
       if (t.field.options.onValidate) {
-        const e = (n, o) => c({
+        const e = (n, i) => u({
           functionBody: t.field.options.onValidate,
-          params: { rule: n, value: o },
+          params: { rule: n, value: i },
           keys: ["rule", "value"]
         });
-        s.value.push({
+        l.value.push({
           validator: e,
           trigger: ["blur"],
           label: t.field.options.label
         });
       }
     }
-  }, ie = () => {
-    s.value && s.value.forEach((e) => {
+  }, ae = () => {
+    l.value && l.value.forEach((e) => {
       e.trigger && e.trigger.splice(0, e.trigger.length);
     });
-  }, le = () => {
-    s.value && s.value.forEach((e) => {
+  }, se = () => {
+    l.value && l.value.forEach((e) => {
       e.trigger && (e.trigger.push("blur"), e.trigger.push("change"));
     });
-  }, se = (e, n) => {
-    e && e.length > 0 && e.forEach((o) => {
-      o.value === n && (o.disabled = !0);
-    });
   }, de = (e, n) => {
-    e && e.length > 0 && e.forEach((o) => {
-      o.value === n && (o.disabled = !1);
+    e && e.length > 0 && e.forEach((i) => {
+      i.value === n && (i.disabled = !0);
+    });
+  }, fe = (e, n) => {
+    e && e.length > 0 && e.forEach((i) => {
+      i.value === n && (i.disabled = !1);
     });
   }, z = (e, n) => {
-    e && (e = e.target ? e.target.value : e), i && m("VFormRender", "fieldChange", [
+    e && (e = e.target ? e.target.value : e), h && E("VFormRender", "fieldChange", [
       t.field.options.name,
       e,
       n,
-      R.value,
+      b.value,
       t.subFormRowIndex
     ]);
   }, x = (e) => {
-    l || (m("VFormRender", "fieldValidation", [v.value]), m("VFormRender", "fieldChange", {
-      fieldName: v.value,
+    o || (E("VFormRender", "fieldValidation", [g.value]), U(e, J(a.value)), E("VFormRender", "fieldChange", {
+      fieldName: g.value,
       value: e,
-      oldValue: d.value,
-      field: a
+      oldValue: J(a.value),
+      field: s
+    }));
+  }, ue = (e) => {
+    o || (A.value = j(a.value), t.field.options.onFocus && u({
+      functionBody: t.field.options.onFocus,
+      params: { event: e },
+      keys: ["event"]
     }));
-  }, ae = (e) => {
-    l || (D.value = $(d.value));
   }, re = (e) => {
-    l || t.field.options.onBlur && new Function("event", t.field.options.onBlur).call(i == null ? void 0 : i.exposed, e);
-  }, fe = () => {
-    l || (t.field.options.onAppendButtonClick ? new Function(t.field.options.onAppendButtonClick).call(i == null ? void 0 : i.exposed) : i && m("VFormRender", "appendButtonClick", [i.exposed]));
-  }, ue = (e, n, o, r) => {
-    l || t.field.options.onChange && new Function("value", "oldValue", "ops", t.field.options.onChange).call(i == null ? void 0 : i.exposed, e, n, o, r);
+    o || t.field.options.onBlur && u({
+      functionBody: t.field.options.onBlur,
+      params: { event: e },
+      keys: ["event"]
+    });
   }, ce = () => {
-    if (!l) {
-      if (t.field.options.onClick)
-        return new Function(t.field.options.onClick).call(B);
-      i && m("VFormRender", "buttonClick", [B]);
-    }
-  }, ge = () => {
-    l || N.value || a.options.onClickIcon && c({
-      functionBody: a.options.onClickIcon
+    o || t.field.options.onAppendButtonClick && u({
+      functionBody: t.field.options.onAppendButtonClick
+    });
+  }, U = (e, n) => {
+    o || t.field.options.onChange && u({
+      functionBody: t.field.options.onChange,
+      params: {
+        value: e,
+        oldVal: n,
+        subFormData: ee.value,
+        rowId: t.subFormRowId
+      },
+      keys: ["value", "subFormData", "rowId"]
+    });
+  }, ge = async () => {
+    if (!o && t.field.options.onClick)
+      return await m({
+        functionBody: t.field.options.onClick
+      });
+  }, me = async () => {
+    o || V.value || s.options.onClickIcon && await m({
+      functionBody: s.options.onClickIcon
     });
-  }, C = () => h.value, U = (e) => (typeof e == "string" && (e = JSON.parse(e)), Ue(e) ? e.map((o, r) => ({
-    ...o,
-    name: o.fileName,
+  }, F = () => v.value, T = (e) => (typeof e == "string" && (e = JSON.parse(e)), Pe(e) ? e.map((i, r) => ({
+    ...i,
+    name: i.fileName,
     uid: r
-  })) : []), T = (e, n = !1) => {
-    if (e && (e = e.target ? e.target.value : e), ze(d.value, e)) return;
-    const o = $(d.value);
+  })) : []), L = (e, n = !1) => {
+    if (e && (e = e.target ? e.target.value : e), Le(a.value, e)) return;
+    const i = j(a.value);
     if (t.field.type === "file-upload")
-      e = U(e || []);
+      e = T(e || []);
     else if (t.field.type === "code-editor") {
-      const r = C();
+      const r = F();
       r && r.setValue(e);
     }
-    d.value = e, x(e), n || z(e, o);
-  }, me = () => d.value, ve = () => {
+    a.value = e, x(e), n || z(e, i);
+  }, ve = () => a.value, he = () => {
     const e = t.field.options.defaultValue;
-    T(e), (t.field.type === "picture-upload" || t.field.type === "file-upload") && d.value.splice(0, d.value.length);
-  }, he = (e, n) => {
+    L(e), (t.field.type === "picture-upload" || t.field.type === "file-upload") && a.value.splice(0, a.value.length);
+  }, be = (e, n) => {
     t.field.options.hasOwnProperty(e) && (t.field.options[e] = n);
-  }, Fe = (e) => {
-    t.field.options.readonly = e;
   }, Ce = (e) => {
+    t.field.options.readonly = e;
+  }, Fe = (e) => {
     t.field.options.disabled = e;
-  }, be = (e) => {
-    t.field.options.appendButton = e;
   }, ye = (e) => {
+    t.field.options.appendButton = e;
+  }, Be = (e) => {
     t.field.options.appendButtonDisabled = e;
   }, Re = (e) => {
-    t.field.options.hidden = e, e ? S() : F();
-  }, xe = (e) => {
-    t.field.options.required = e, F(), !l && !e && L();
-  }, L = () => {
-    l || b().getNativeForm().clearValidate(v.value);
-  }, Be = () => b().vfCtx, Ee = (e) => {
-    t.field.options.label = e;
+    t.field.options.hidden = e, e ? N() : C();
+  }, Ee = (e) => {
+    t.field.options.required = e, C(), !o && !e && P();
   }, P = () => {
-    const e = C();
+    o || B().clearValidate(g.value);
+  }, xe = () => B().vfCtx, Ie = (e) => {
+    t.field.options.label = e;
+  }, W = () => {
+    const e = F();
     e && e.focus && e.focus();
   }, ke = (e, n) => {
-    V.value[e] = n;
-  }, Me = (e, n) => {
     O.value[e] = n;
-  }, Ie = (e = !0) => {
-    y.value = e;
+  }, De = (e, n) => {
+    H.value[e] = n;
+  }, Me = (e = !0) => {
+    R.value = e;
   }, Ae = (e) => {
     t.field.options.customClass ? t.field.options.customClass.push(e) : t.field.options.customClass = [e];
-  }, De = u(() => t.field.options.customClass), Ve = (e) => {
+  }, Oe = d(() => t.field.options.customClass), He = (e) => {
     if (!t.field.options.customClass)
       return;
     let n = -1;
-    t.field.options.customClass.map((o, r) => {
-      o === e && (n = r);
+    t.field.options.customClass.map((i, r) => {
+      i === e && (n = r);
     }), n > -1 && t.field.options.customClass.splice(n, 1);
-  }, Oe = () => {
+  }, qe = () => {
     var e;
-    return (e = h.value) == null ? void 0 : e.$el;
+    return (e = v.value) == null ? void 0 : e.$el;
   };
-  qe(() => {
-    K(), te(), F(), ne();
-  }), Ne(() => {
-    X();
+  ze(() => {
+    Q(), ie(), C(), oe();
+  }), Ue(() => {
+    Y();
   });
-  const B = {
-    proxy: i == null ? void 0 : i.proxy,
-    field: a,
-    widget: a,
-    fieldModel: d,
-    fieldEditor: h,
-    isReadMode: q,
-    getVfCtx: Be,
-    setLabel: Ee,
-    getEl: Oe,
-    setReadMode: Ie,
-    resetField: ve,
-    setValue: T,
-    getValue: me,
-    getFieldEditor: C,
-    getFormRef: b,
-    getWidgetRef: Q,
+  const Se = {
+    proxy: h == null ? void 0 : h.proxy,
+    field: s,
+    widget: s,
+    fieldModel: a,
+    fieldEditor: v,
+    isReadMode: S,
+    setWidgetOption: be,
+    setReadonly: Ce,
+    setDisabled: Fe,
+    getVfCtx: xe,
+    setLabel: Ie,
+    getEl: qe,
+    setReadMode: Me,
+    resetField: he,
+    setValue: L,
+    getValue: ve,
+    getFieldEditor: F,
+    getFormRef: B,
+    getWidgetRef: X,
     setHidden: Re,
     addCssClass: Ae,
-    removeCssClass: Ve,
-    setRequired: xe,
-    clearValidate: L,
-    focus: P
+    removeCssClass: He,
+    setRequired: Ee,
+    clearValidate: P,
+    focus: W
   };
   return {
-    executeFunction: c,
-    customClass: De,
-    fieldEditor: h,
+    executeFunction: u,
+    customClass: Oe,
+    fieldEditor: v,
     // 状态
-    fieldModel: d,
-    oldFieldValue: D,
-    fieldReadonlyFlag: y,
-    loading: Z,
-    rules: s,
-    uploadHeaders: V,
-    uploadData: O,
-    designState: l,
-    customToolbar: _,
-    i18nt: A,
-    i18n2t: Y,
+    fieldModel: a,
+    oldFieldValue: A,
+    fieldReadonlyFlag: R,
+    loading: _,
+    rules: l,
+    uploadHeaders: O,
+    uploadData: H,
+    designState: o,
+    customToolbar: w,
+    i18nt: M,
+    i18n2t: Z,
     size: p,
-    field: a,
+    field: s,
     // 计算属性
-    formConfig: H,
-    subFormName: R,
-    formModel: k,
-    isReadMode: q,
+    formConfig: q,
+    subFormName: b,
+    formModel: y,
+    isReadMode: S,
     // 方法
-    handleHidden: w,
-    handleDisabled: N,
-    findInArray: ee,
-    getPropName: v,
-    refreshDefaultValue: oe,
-    clearFieldRules: S,
-    buildFieldRules: F,
-    disableChangeValidate: ie,
-    enableChangeValidate: le,
-    disableOptionOfList: se,
-    enableOptionOfList: de,
+    handleHidden: te,
+    handleDisabled: V,
+    findInArray: ne,
+    getPropName: g,
+    refreshDefaultValue: le,
+    clearFieldRules: N,
+    buildFieldRules: C,
+    disableChangeValidate: ae,
+    enableChangeValidate: se,
+    disableOptionOfList: de,
+    enableOptionOfList: fe,
     emitFieldDataChange: z,
     syncUpdateFormModel: x,
-    handleFocusCustomEvent: ae,
+    handleFocusCustomEvent: ue,
     handleBlurCustomEvent: re,
-    emitAppendButtonClick: fe,
-    handleOnChange: ue,
-    onClick: ce,
-    handleClickIcon: ge,
-    getFieldEditor: C,
-    showFileList: U,
-    setWidgetOption: he,
-    setReadonly: Fe,
-    setDisabled: Ce,
-    setAppendButtonVisible: be,
-    setAppendButtonDisabled: ye,
-    focus: P,
+    emitAppendButtonClick: ce,
+    handleOnChange: U,
+    onClick: ge,
+    handleClickIcon: me,
+    getFieldEditor: F,
+    showFileList: T,
+    setAppendButtonVisible: ye,
+    setAppendButtonDisabled: Be,
+    focus: W,
     setUploadHeader: ke,
-    setUploadData: Me,
-    isSubFormField: M,
-    defineExposed: B
+    setUploadData: De,
+    isSubFormField: k,
+    defineExposed: Se
   };
 }
 export {
-  Ze as useField
+  pe as useField
 };

package/src/components/form-designer/form-widget/index.vue.js

@@ -1,56 +1,7 @@
-import s from "./index.vue2.js";
-import { resolveComponent as o, createBlock as c, openBlock as t, withCtx as n, createElementVNode as i, createVNode as r, normalizeClass as l, createElementBlock as m, createCommentVNode as g, toDisplayString as f } from "vue";
+import o from "./index.vue2.js";
 /* empty css           */
-import _ from "../../../../_virtual/_plugin-vue_export-helper.js";
-const p = { class: "form-widget-container" }, h = {
-  key: 0,
-  class: "no-widget-hint"
-}, v = {
-  class: "form-widget-canvas",
-  style: { minHeight: "calc(100vh - 56px - 68px)" }
-};
-function w(y, z, u, e, x, k) {
-  const a = o("a-form"), d = o("a-config-provider");
-  return t(), c(d, {
-    "component-size": e.size,
-    input: { autocomplete: "off" }
-  }, {
-    default: n(() => [
-      i("div", p, [
-        r(a, {
-          class: l(["full-height-width widget-form tpf-form", [e.customClass, e.layoutType + "-layout"]]),
-          layout: e.labelPosition,
-          size: e.size,
-          "validate-on-rule-change": !1
-        }, {
-          default: n(() => [
-            e.designer.widgetList.length === 0 ? (t(), m(
-              "div",
-              h,
-              f(e.i18nt("designer.noWidgetHint")),
-              1
-              /* TEXT */
-            )) : g("v-if", !0),
-            i("div", v, [
-              r(e.RenderDesignerWigetList, {
-                list: e.designer.widgetList,
-                parentWidget: e.designer,
-                end: e.onDragEnd,
-                add: e.onDragAdd,
-                update: e.onDragUpdate
-              }, null, 8, ["list", "parentWidget"])
-            ])
-          ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["layout", "class", "size"])
-      ])
-    ]),
-    _: 1
-    /* STABLE */
-  }, 8, ["component-size"]);
-}
-const B = /* @__PURE__ */ _(s, [["render", w], ["__scopeId", "data-v-55727874"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/form-widget/index.vue"]]);
+import t from "../../../../_virtual/_plugin-vue_export-helper.js";
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-481d8b6b"]]);
 export {
-  B as default
+  _ as default
 };

package/src/components/form-designer/form-widget/index.vue2.js

@@ -1,29 +1,66 @@
-import { defineComponent as _, inject as y, ref as r, provide as s, computed as n } from "vue";
-import { useI18n as b } from "../../../utils/i18n.js";
-import D from "./RenderDesignerWigetList.vue.js";
-const I = /* @__PURE__ */ _({
+import { defineComponent as D, inject as k, ref as s, provide as a, computed as n, resolveComponent as l, createBlock as b, openBlock as c, withCtx as d, createElementVNode as f, createVNode as u, normalizeClass as B, createElementBlock as E, createCommentVNode as H, unref as i, toDisplayString as I } from "vue";
+import { useI18n as N } from "../../../utils/i18n.js";
+import V from "./RenderDesignerWigetList.vue.js";
+const W = { class: "form-widget-container" }, M = {
+  key: 0,
+  class: "no-widget-hint"
+}, P = {
+  class: "form-widget-canvas",
+  style: { minHeight: "calc(100vh - 56px - 68px)" }
+}, j = /* @__PURE__ */ D({
   __name: "index",
   props: {
-    globalDsv: { type: Object, required: !0 },
-    formConfig: { type: Object, required: !0 }
+    globalDsv: {},
+    formConfig: {}
   },
-  setup(f, { expose: d }) {
-    d();
-    const { i18nt: l } = b(), i = f, e = y("designer", r({})), a = r(/* @__PURE__ */ new Map()), c = r({});
-    s("refList", a), s("getReadMode", () => !1), s("getFormConfig", () => i.formConfig);
-    const g = () => {
-    }, m = n(() => {
+  setup(m) {
+    const { i18nt: g } = N(), p = m, e = k("designer", s({})), v = s(/* @__PURE__ */ new Map());
+    s({}), a("refList", v), a("getReadMode", () => !1), a("getFormConfig", () => p.formConfig);
+    const _ = () => {
+    }, C = n(() => {
       var o, t;
       return ((t = (o = e.value) == null ? void 0 : o.formConfig) == null ? void 0 : t.labelPosition) || "horizontal";
-    }), p = n(() => e.value.formConfig && e.value.formConfig.size ? e.value.formConfig.size : "default"), v = n(() => e.value.formConfig.customClass || ""), C = n(() => e.value.getLayoutType()), u = { i18nt: l, props: i, designer: e, widgetRefList: a, formModel: c, onDragEnd: g, labelPosition: m, size: p, customClass: v, layoutType: C, onDragAdd: (o) => {
+    }), r = n(() => e.value.formConfig && e.value.formConfig.size ? e.value.formConfig.size : "default"), h = n(() => e.value.formConfig.customClass || ""), w = n(() => e.value.getLayoutType()), y = (o) => {
       const t = o.newIndex;
       e.value.widgetList[t] && e.value.setSelected(e.value.widgetList[t]);
-    }, onDragUpdate: () => {
+    }, z = () => {
       e.value.emitHistoryChange();
-    }, RenderDesignerWigetList: D };
-    return Object.defineProperty(u, "__isScriptSetup", { enumerable: !1, value: !0 }), u;
+    };
+    return (o, t) => {
+      const x = l("a-form"), L = l("a-config-provider");
+      return c(), b(L, {
+        "component-size": r.value,
+        input: { autocomplete: "off" }
+      }, {
+        default: d(() => [
+          f("div", W, [
+            u(x, {
+              class: B(["full-height-width widget-form tpf-form", [h.value, w.value + "-layout"]]),
+              layout: C.value,
+              size: r.value,
+              "validate-on-rule-change": !1
+            }, {
+              default: d(() => [
+                i(e).widgetList.length === 0 ? (c(), E("div", M, I(i(g)("designer.noWidgetHint")), 1)) : H("", !0),
+                f("div", P, [
+                  u(V, {
+                    list: i(e).widgetList,
+                    parentWidget: i(e),
+                    end: _,
+                    add: y,
+                    update: z
+                  }, null, 8, ["list", "parentWidget"])
+                ])
+              ]),
+              _: 1
+            }, 8, ["layout", "class", "size"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["component-size"]);
+    };
   }
 });
 export {
-  I as default
+  j as default
 };