@kp-ui/lowcode 2.15.0-alpha.4 → 2.15.0-alpha.5

package/src/components/form-designer/form-widget/field-widget/time-widget.vue2.js

@@ -1,74 +1,43 @@
-import { defineComponent as v, resolveComponent as w, createBlock as g, createCommentVNode as a, unref as e, openBlock as d, mergeProps as x, withCtx as E, createElementVNode as k, normalizeClass as b, createVNode as B, createElementBlock as R, isRef as N, toDisplayString as W } from "vue";
-import z from "./form-item-wrapper.vue.js";
-import { useField as I } from "./useField.js";
-import { ComponentNameEnum as H, WidgetTypeEnum as O } from "../../../../constants/WidgetTypeEnum.js";
-const P = {
-  key: 0,
-  class: "readonly-mode-field"
-}, T = /* @__PURE__ */ v({
-  name: O.time,
-  componentName: H.FieldWidget,
+import { defineComponent as b } from "vue";
+import c from "./form-item-wrapper.vue.js";
+import { useField as _ } from "./useField.js";
+import { ComponentNameEnum as q, WidgetTypeEnum as g } from "../../../../constants/WidgetTypeEnum.js";
+const N = /* @__PURE__ */ b({
+  name: g.time,
+  componentName: q.FieldWidget,
   __name: "time-widget",
   props: {
-    widget: {},
-    field: {},
-    designer: {},
-    parentWidget: {},
-    parentList: {},
-    indexOfParentList: {},
-    subFormRowIndex: {},
-    subFormRowId: {},
-    subFormColIndex: {}
+    widget: { type: null, required: !0 },
+    field: { type: null, required: !0 },
+    designer: { type: null, required: !1 },
+    parentWidget: { type: [Object, null], required: !1 },
+    parentList: { type: [Array, null], required: !1 },
+    indexOfParentList: { type: Number, required: !1 },
+    subFormRowIndex: { type: Number, required: !1 },
+    subFormRowId: { type: String, required: !1 },
+    subFormColIndex: { type: Number, required: !1 }
   },
-  setup(i, { expose: s }) {
-    const l = i, {
-      rules: m,
-      i18nt: p,
+  setup(n, { expose: i }) {
+    const e = n, {
+      rules: d,
+      i18nt: u,
       field: o,
-      fieldModel: t,
-      isReadMode: n,
-      size: u,
-      handleHidden: c,
-      handleDisabled: f,
-      handleFocusCustomEvent: h,
+      fieldModel: l,
+      isReadMode: s,
+      size: p,
+      handleHidden: m,
+      handleDisabled: a,
+      handleFocusCustomEvent: f,
       handleBlurCustomEvent: y,
-      defineExposed: C
-    } = I(l);
-    return s({
-      ...C
-    }), (V, r) => {
-      const _ = w("a-time-picker");
-      return e(c) ? a("", !0) : (d(), g(z, x({ key: 0 }, l, { rules: e(m) }), {
-        default: E(() => [
-          k("div", {
-            class: b([
-              e(o).options.autoFullWidth ? "auto-full-width" : "",
-              e(n) ? "readonly-mode-time" : ""
-            ])
-          }, [
-            B(_, {
-              size: e(u),
-              ref: "fieldEditor",
-              value: e(t),
-              "onUpdate:value": r[0] || (r[0] = (F) => N(t) ? t.value = F : null),
-              disabled: e(f),
-              inputReadOnly: e(o).options.readonly,
-              readonly: e(o).options.readonly,
-              allowClear: e(o).options.allowClear,
-              format: e(o).options.format,
-              "value-format": "HH:mm:ss",
-              placeholder: e(o).options.placeholder || e(p)("render.hint.timePlaceholder"),
-              onFocus: e(h),
-              onBlur: e(y)
-            }, null, 8, ["size", "value", "disabled", "inputReadOnly", "readonly", "allowClear", "format", "placeholder", "onFocus", "onBlur"]),
-            e(n) ? (d(), R("span", P, W(e(t)), 1)) : a("", !0)
-          ], 2)
-        ]),
-        _: 1
-      }, 16, ["rules"]));
-    };
+      defineExposed: r
+    } = _(e);
+    i({
+      ...r
+    });
+    const t = { props: e, rules: d, i18nt: u, field: o, fieldModel: l, isReadMode: s, size: p, handleHidden: m, handleDisabled: a, handleFocusCustomEvent: f, handleBlurCustomEvent: y, defineExposed: r, FormItemWrapper: c };
+    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
   }
 });
 export {
-  T as default
+  N as default
 };

package/src/components/form-designer/form-widget/field-widget/tree-widget.vue.js

@@ -1,7 +1,32 @@
-import t from "./tree-widget.vue2.js";
+import l from "./tree-widget.vue2.js";
+import { createBlock as o, createCommentVNode as i, openBlock as r, mergeProps as t, withCtx as a, createElementVNode as n, createVNode as d } from "vue";
 /* empty css                 */
-import o from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-a0b2e3aa"]]);
+import c from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const f = { class: "full-width-input" };
+function s(m, h, p, e, _, w) {
+  return e.handleHidden ? i("v-if", !0) : (r(), o(e.FormItemWrapper, t({ key: 0 }, e.props, { rules: e.rules }), {
+    default: a(() => [
+      n("div", f, [
+        d(e.Tree, {
+          size: e.size,
+          "show-line": e.field.options.showLine,
+          showIcon: e.field.options.showIcon,
+          treeData: e.treeData || [],
+          "tree-default-expand-all": e.field.options.treeDefaultExpandAll,
+          checkable: e.field.options.checkable,
+          ref: "fieldEditor",
+          fieldNames: { key: e.valueKey, title: e.labelKey, children: e.childrenKey },
+          multiple: e.field.options.multiple,
+          selectable: e.field.options.selectable,
+          onCheck: e.onCheck
+        }, null, 8, ["size", "show-line", "showIcon", "treeData", "tree-default-expand-all", "checkable", "fieldNames", "multiple", "selectable"])
+      ])
+    ]),
+    _: 1
+    /* STABLE */
+  }, 16, ["rules"]));
+}
+const x = /* @__PURE__ */ c(l, [["render", s], ["__scopeId", "data-v-aeb11a6b"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/form-widget/field-widget/tree-widget.vue"]]);
 export {
-  m as default
+  x as default
 };

package/src/components/form-designer/form-widget/field-widget/tree-widget.vue2.js

@@ -1,76 +1,61 @@
-import { defineComponent as C, ref as _, watchEffect as E, createBlock as g, createCommentVNode as F, unref as e, openBlock as I, mergeProps as N, withCtx as D, createElementVNode as v, createVNode as K } from "vue";
-import W from "./form-item-wrapper.vue.js";
-import { Tree as z } from "ant-design-vue";
-import { useField as B } from "./useField.js";
-import { ComponentNameEnum as L, WidgetTypeEnum as V } from "../../../../constants/WidgetTypeEnum.js";
-import { useSelect as P } from "./hooks/useSelect.js";
-const R = { class: "full-width-input" }, j = /* @__PURE__ */ C({
-  name: V.cascader,
-  componentName: L.FieldWidget,
+import { defineComponent as x, ref as F, watchEffect as k } from "vue";
+import E from "./form-item-wrapper.vue.js";
+import { Tree as w } from "ant-design-vue";
+import { useField as N } from "./useField.js";
+import { ComponentNameEnum as O, WidgetTypeEnum as S } from "../../../../constants/WidgetTypeEnum.js";
+import { useSelect as j } from "./hooks/useSelect.js";
+const D = /* @__PURE__ */ x({
+  name: S.cascader,
+  componentName: O.FieldWidget,
   __name: "tree-widget",
   props: {
-    widget: {},
-    field: {},
-    designer: {},
-    parentWidget: {},
-    parentList: {},
-    indexOfParentList: {},
-    subFormRowIndex: {},
-    subFormRowId: {},
-    subFormColIndex: {}
+    widget: { type: Object, required: !0 },
+    field: { type: Object, required: !0 },
+    designer: { type: null, required: !1 },
+    parentWidget: { type: [Object, null], required: !1 },
+    parentList: { type: [Array, null], required: !1 },
+    indexOfParentList: { type: Number, required: !1 },
+    subFormRowIndex: { type: Number, required: !1 },
+    subFormRowId: { type: String, required: !1 },
+    subFormColIndex: { type: Number, required: !1 }
   },
-  setup(i, { expose: s }) {
-    const o = i, {
-      rules: a,
-      executeFunction: d,
-      fieldEditor: c,
-      field: t,
-      fieldModel: p,
-      size: m,
-      designState: f,
-      handleHidden: u,
-      defineExposed: h
-    } = B(o), { labelKey: k, valueKey: w, childrenKey: b } = P({
-      field: t,
-      fieldModel: p,
-      designState: f
-    }), r = _([]), x = (n, l) => {
-      t.options.onCheck && d({
-        functionBody: t.options.onCheck,
-        params: { checkedKeys: n, e: l },
+  setup(u, { expose: a }) {
+    const e = u, {
+      rules: l,
+      executeFunction: t,
+      fieldEditor: p,
+      field: r,
+      fieldModel: o,
+      isReadMode: m,
+      size: f,
+      designState: n,
+      handleHidden: c,
+      defineExposed: i
+    } = N(e), { labelKey: y, valueKey: b, childrenKey: _ } = j({
+      field: r,
+      fieldModel: o,
+      designState: n
+    }), d = F([]), g = (q, C) => {
+      r.options.onCheck && t({
+        functionBody: r.options.onCheck,
+        params: { checkedKeys: q, e: C },
         keys: ["checkedKeys", "e"],
-        errorCallback: (y) => {
-          console.error("Custom render error:", y);
+        errorCallback: (h) => {
+          console.error("Custom render error:", h);
         }
       });
     };
-    return E(() => {
-      o.field.options.dsEnabled || (r.value = o.field.options.treeData || []);
-    }), s({
-      ...h
-    }), (n, l) => e(u) ? F("", !0) : (I(), g(W, N({ key: 0 }, o, { rules: e(a) }), {
-      default: D(() => [
-        v("div", R, [
-          K(e(z), {
-            size: e(m),
-            "show-line": e(t).options.showLine,
-            showIcon: e(t).options.showIcon,
-            treeData: r.value || [],
-            "tree-default-expand-all": e(t).options.treeDefaultExpandAll,
-            checkable: e(t).options.checkable,
-            ref_key: "fieldEditor",
-            ref: c,
-            fieldNames: { key: e(w), title: e(k), children: e(b) },
-            multiple: e(t).options.multiple,
-            selectable: e(t).options.selectable,
-            onCheck: x
-          }, null, 8, ["size", "show-line", "showIcon", "treeData", "tree-default-expand-all", "checkable", "fieldNames", "multiple", "selectable"])
-        ])
-      ]),
-      _: 1
-    }, 16, ["rules"]));
+    k(() => {
+      e.field.options.dsEnabled || (d.value = e.field.options.treeData || []);
+    }), a({
+      ...i
+    });
+    const s = { props: e, rules: l, executeFunction: t, fieldEditor: p, field: r, fieldModel: o, isReadMode: m, size: f, designState: n, handleHidden: c, defineExposed: i, labelKey: y, valueKey: b, childrenKey: _, treeData: d, onCheck: g, FormItemWrapper: E, get Tree() {
+      return w;
+    } };
+    return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
   }
 });
 export {
-  j as default
+  D as default
 };

package/src/components/form-designer/form-widget/field-widget/treeSelect-widget.vue.js

@@ -1,4 +1,54 @@
-import f from "./treeSelect-widget.vue2.js";
+import i from "./treeSelect-widget.vue2.js";
+import { resolveComponent as t, createBlock as n, createCommentVNode as o, openBlock as r, mergeProps as c, withCtx as s, createElementVNode as f, normalizeClass as m, withDirectives as h, createElementBlock as p, createVNode as v, vShow as _, toDisplayString as u } from "vue";
+import w from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const g = {
+  key: 0,
+  class: "readonly-mode-field"
+};
+function C(y, l, x, e, b, k) {
+  const d = t("a-tree-select");
+  return e.handleHidden ? o("v-if", !0) : (r(), n(e.FormItemWrapper, c({ key: 0 }, e.props, { rules: e.rules }), {
+    default: s(() => [
+      f(
+        "div",
+        {
+          class: m(["full-width-input", { "readonly-mode-cascader": e.isReadMode }])
+        },
+        [
+          h(v(d, {
+            "tree-default-expand-all": e.field.options.treeDefaultExpandAll,
+            ref: "fieldEditor",
+            size: e.size,
+            treeData: e.field.options.optionItems,
+            value: e.fieldModel,
+            "onUpdate:value": l[0] || (l[0] = (a) => e.fieldModel = a),
+            disabled: e.handleDisabled,
+            allowClear: e.field.options.allowClear,
+            placeholder: e.field.options.placeholder || e.i18nt("render.hint.selectPlaceholder"),
+            fieldNames: { value: e.valueKey, label: e.labelKey, children: e.childrenKey },
+            multiple: e.field.options.multiple,
+            onFocus: e.handleFocusCustomEvent,
+            onBlur: e.handleBlurCustomEvent
+          }, null, 8, ["tree-default-expand-all", "size", "treeData", "value", "disabled", "allowClear", "placeholder", "fieldNames", "multiple", "onFocus", "onBlur"]), [
+            [_, !e.isReadMode]
+          ]),
+          e.isReadMode ? (r(), p(
+            "span",
+            g,
+            u(e.contentForReadMode),
+            1
+            /* TEXT */
+          )) : o("v-if", !0)
+        ],
+        2
+        /* CLASS */
+      )
+    ]),
+    _: 1
+    /* STABLE */
+  }, 16, ["rules"]));
+}
+const M = /* @__PURE__ */ w(i, [["render", C], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/form-widget/field-widget/treeSelect-widget.vue"]]);
 export {
-  f as default
+  M as default
 };

package/src/components/form-designer/form-widget/field-widget/treeSelect-widget.vue2.js

@@ -1,90 +1,59 @@
-import { defineComponent as N, onMounted as k, computed as B, resolveComponent as D, createBlock as S, createCommentVNode as s, unref as e, openBlock as u, mergeProps as R, withCtx as z, createElementVNode as M, normalizeClass as W, withDirectives as K, createElementBlock as P, createVNode as V, isRef as L, vShow as O, toDisplayString as A } from "vue";
-import H from "./form-item-wrapper.vue.js";
-import { ComponentNameEnum as T, WidgetTypeEnum as U } from "../../../../constants/WidgetTypeEnum.js";
-import { useField as j } from "./useField.js";
-import { useSelect as q } from "./hooks/useSelect.js";
-import { formateCascaderCode as G } from "../../../../utils/format.js";
-const J = {
-  key: 0,
-  class: "readonly-mode-field"
-}, le = /* @__PURE__ */ N({
-  name: U.treeSelect,
-  componentName: T.FieldWidget,
+import { defineComponent as C, onMounted as S, computed as h } from "vue";
+import x from "./form-item-wrapper.vue.js";
+import { ComponentNameEnum as E, WidgetTypeEnum as I } from "../../../../constants/WidgetTypeEnum.js";
+import { useField as O } from "./useField.js";
+import { useSelect as N } from "./hooks/useSelect.js";
+import { formateCascaderCode as j } from "../../../../utils/format.js";
+const P = /* @__PURE__ */ C({
+  name: I.treeSelect,
+  componentName: E.FieldWidget,
   __name: "treeSelect-widget",
   props: {
-    widget: {},
-    field: {},
-    designer: {},
-    parentWidget: {},
-    parentList: {},
-    indexOfParentList: {},
-    subFormRowIndex: {},
-    subFormRowId: {},
-    subFormColIndex: {}
+    widget: { type: Object, required: !0 },
+    field: { type: Object, required: !0 },
+    designer: { type: null, required: !1 },
+    parentWidget: { type: [Object, null], required: !1 },
+    parentList: { type: [Array, null], required: !1 },
+    indexOfParentList: { type: Number, required: !1 },
+    subFormRowIndex: { type: Number, required: !1 },
+    subFormRowId: { type: String, required: !1 },
+    subFormColIndex: { type: Number, required: !1 }
   },
-  setup(m, { expose: p }) {
-    const n = m, {
-      rules: c,
+  setup(s, { expose: p }) {
+    const r = s, {
+      rules: m,
       i18nt: f,
-      fieldEditor: v,
+      fieldEditor: c,
       field: t,
-      fieldModel: l,
-      isReadMode: o,
-      size: h,
-      designState: C,
-      handleHidden: _,
-      handleDisabled: w,
-      handleFocusCustomEvent: x,
-      handleBlurCustomEvent: y,
-      defineExposed: E
-    } = j(n), { labelKey: r, valueKey: a, childrenKey: d, initOptionItems: F } = q({
+      fieldModel: e,
+      isReadMode: y,
+      size: b,
+      designState: o,
+      handleHidden: v,
+      handleDisabled: _,
+      handleFocusCustomEvent: q,
+      handleBlurCustomEvent: g,
+      defineExposed: n
+    } = O(r), { labelKey: i, valueKey: d, childrenKey: l, initOptionItems: u } = N({
       field: t,
-      fieldModel: l,
-      designState: C
+      fieldModel: e,
+      designState: o
     });
-    k(() => {
-      F();
+    S(() => {
+      u();
     });
-    const b = B(() => l.value ? G(t.options.optionItems, l.value, {
-      label: r.value,
-      value: a.value,
-      children: d.value
+    const F = h(() => e.value ? j(t.options.optionItems, e.value, {
+      label: i.value,
+      value: d.value,
+      children: l.value
     }) : "");
-    return p({
-      ...E
-    }), (Q, i) => {
-      const g = D("a-tree-select");
-      return e(_) ? s("", !0) : (u(), S(H, R({ key: 0 }, n, { rules: e(c) }), {
-        default: z(() => [
-          M("div", {
-            class: W(["full-width-input", { "readonly-mode-cascader": e(o) }])
-          }, [
-            K(V(g, {
-              "tree-default-expand-all": e(t).options.treeDefaultExpandAll,
-              ref_key: "fieldEditor",
-              ref: v,
-              size: e(h),
-              treeData: e(t).options.optionItems,
-              value: e(l),
-              "onUpdate:value": i[0] || (i[0] = (I) => L(l) ? l.value = I : null),
-              disabled: e(w),
-              allowClear: e(t).options.allowClear,
-              placeholder: e(t).options.placeholder || e(f)("render.hint.selectPlaceholder"),
-              fieldNames: { value: e(a), label: e(r), children: e(d) },
-              multiple: e(t).options.multiple,
-              onFocus: e(x),
-              onBlur: e(y)
-            }, null, 8, ["tree-default-expand-all", "size", "treeData", "value", "disabled", "allowClear", "placeholder", "fieldNames", "multiple", "onFocus", "onBlur"]), [
-              [O, !e(o)]
-            ]),
-            e(o) ? (u(), P("span", J, A(b.value), 1)) : s("", !0)
-          ], 2)
-        ]),
-        _: 1
-      }, 16, ["rules"]));
-    };
+    p({
+      ...n
+    });
+    const a = { props: r, rules: m, i18nt: f, fieldEditor: c, field: t, fieldModel: e, isReadMode: y, size: b, designState: o, handleHidden: v, handleDisabled: _, handleFocusCustomEvent: q, handleBlurCustomEvent: g, defineExposed: n, labelKey: i, valueKey: d, childrenKey: l, initOptionItems: u, contentForReadMode: F, FormItemWrapper: x };
+    return Object.defineProperty(a, "__isScriptSetup", { enumerable: !1, value: !0 }), a;
   }
 });
 export {
-  le as default
+  P as default
 };

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

@@ -1,7 +1,56 @@
-import o from "./index.vue2.js";
+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";
 /* empty css           */
-import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-481d8b6b"]]);
+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"]]);
 export {
-  _ as default
+  B as default
 };

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

@@ -1,66 +1,29 @@
-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({
+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__ */ _({
   __name: "index",
   props: {
-    globalDsv: {},
-    formConfig: {}
+    globalDsv: { type: Object, required: !0 },
+    formConfig: { type: Object, required: !0 }
   },
-  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(() => {
+  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(() => {
       var o, t;
       return ((t = (o = e.value) == null ? void 0 : o.formConfig) == null ? void 0 : t.labelPosition) || "horizontal";
-    }), 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) => {
+    }), 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) => {
       const t = o.newIndex;
       e.value.widgetList[t] && e.value.setSelected(e.value.widgetList[t]);
-    }, z = () => {
+    }, onDragUpdate: () => {
       e.value.emitHistoryChange();
-    };
-    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"]);
-    };
+    }, RenderDesignerWigetList: D };
+    return Object.defineProperty(u, "__isScriptSetup", { enumerable: !1, value: !0 }), u;
   }
 });
 export {
-  j as default
+  I as default
 };