@kp-ui/lowcode 2.14.0-beta → 2.14.0-beta.10

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

@@ -1,17 +1,17 @@
-import C from "./form-item-wrapper.vue.js";
-import v from "../../../../utils/emitter.js";
-import F from "../../../../utils/i18n.js";
-import I from "./fieldMixin.js";
-import { SvgIcon as M } from "tmgc2-share";
-import y from "../../../../mixins/useSelectMixin.js";
-import { resolveComponent as o, createBlock as r, createCommentVNode as d, openBlock as s, withCtx as a, withDirectives as m, createElementVNode as u, normalizeClass as O, createElementBlock as L, createVNode as f, mergeProps as x, vShow as c, toDisplayString as z } from "vue";
+import g from "./form-item-wrapper.vue.js";
+import b from "../../../../utils/emitter.js";
+import w from "../../../../utils/i18n.js";
+import C from "./fieldMixin.js";
+import { SvgIcon as v } from "tmgc2-share";
+import F from "../../../../mixins/useSelectMixin.js";
+import { resolveComponent as l, createBlock as I, createCommentVNode as s, openBlock as d, withCtx as M, withDirectives as r, createElementBlock as a, createElementVNode as O, normalizeClass as x, createVNode as m, mergeProps as y, vShow as u, toDisplayString as R } from "vue";
 /* empty css                   */
-import R from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const S = {
+import k from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const z = {
   name: "select-widget",
   componentName: "FieldWidget",
   //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [v, I, F, y],
+  mixins: [b, C, w, F],
   props: {
     field: Object,
     parentWidget: Object,
@@ -38,7 +38,7 @@ const S = {
       default: ""
     }
   },
-  components: { SvgIcon: M, FormItemWrapper: C },
+  components: { SvgIcon: v, FormItemWrapper: g },
   data() {
     return {
       oldFieldValue: null,
@@ -64,8 +64,8 @@ const S = {
   watch: {
     "field.options.dsEnabled": {
       deep: !0,
-      handler(e) {
-        e && this.initOptionItems();
+      handler(t) {
+        t && this.initOptionItems();
       }
     }
   },
@@ -100,72 +100,65 @@ const S = {
     //   }
     // }
   }
-}, k = { class: "readonly-mode-field" };
-function E(e, i, t, _, n, p) {
-  const h = o("a-select"), g = o("svg-icon"), b = o("a-tooltip"), w = o("form-item-wrapper");
-  return e.handleHidden() ? d("", !0) : (s(), r(w, {
+}, E = {
+  key: 0,
+  class: "readonly-mode-field"
+};
+function L(t, i, e, S, o, f) {
+  const c = l("a-select"), p = l("svg-icon"), h = l("form-item-wrapper");
+  return t.handleHidden() ? s("", !0) : (d(), I(h, {
     key: 0,
-    designer: t.designer,
-    field: t.field,
-    rules: n.rules,
-    "design-state": t.designState,
-    "parent-widget": t.parentWidget,
-    "parent-list": t.parentList,
-    "index-of-parent-list": t.indexOfParentList,
-    "sub-form-row-index": t.subFormRowIndex,
-    "sub-form-col-index": t.subFormColIndex,
-    "sub-form-row-id": t.subFormRowId
+    designer: e.designer,
+    field: e.field,
+    rules: o.rules,
+    "design-state": e.designState,
+    "parent-widget": e.parentWidget,
+    "parent-list": e.parentList,
+    "index-of-parent-list": e.indexOfParentList,
+    "sub-form-row-index": e.subFormRowIndex,
+    "sub-form-col-index": e.subFormColIndex,
+    "sub-form-row-id": e.subFormRowId
   }, {
-    default: a(() => [
-      m(u("div", {
-        class: O(["design-select-box", { useModal: t.field.options.useModal }])
+    default: M(() => [
+      r(O("div", {
+        class: x(["design-select-box", { useModal: e.field.options.useModal }])
       }, [
-        m(f(h, x({
+        r(m(c, y({
           ref: "fieldEditor",
-          value: n.fieldModel,
-          "onUpdate:value": i[0] || (i[0] = (l) => n.fieldModel = l),
-          size: p.size,
+          value: o.fieldModel,
+          "onUpdate:value": i[0] || (i[0] = (n) => o.fieldModel = n),
+          size: f.size,
           class: "full-width-input",
-          disabled: e.handleDisabled(),
-          allowClear: t.field.options.allowClear,
+          disabled: t.handleDisabled(),
+          allowClear: e.field.options.allowClear,
           showArrow: !0,
           dropdownMatchSelectWidth: !1,
-          mode: t.field.options.mode,
-          maxTagCount: t.field.options.maxTagCount,
-          placeholder: t.field.options.placeholder || e.i18nt("render.hint.selectPlaceholder"),
-          onFocus: e.handleFocusCustomEvent,
-          onBlur: e.handleBlurCustomEvent,
-          onChange: e.handleChangeEvent,
-          options: t.field.options.optionItems
-        }, e.selectOps), null, 16, ["value", "size", "disabled", "allowClear", "mode", "maxTagCount", "placeholder", "onFocus", "onBlur", "onChange", "options"]), [
-          [c, !e.isReadMode]
+          mode: e.field.options.mode,
+          maxTagCount: e.field.options.maxTagCount,
+          placeholder: e.field.options.placeholder || t.i18nt("render.hint.selectPlaceholder"),
+          onFocus: t.handleFocusCustomEvent,
+          onBlur: t.handleBlurCustomEvent,
+          onChange: t.handleChangeEvent,
+          options: e.field.options.optionItems
+        }, t.selectOps), null, 16, ["value", "size", "disabled", "allowClear", "mode", "maxTagCount", "placeholder", "onFocus", "onBlur", "onChange", "options"]), [
+          [u, !t.isReadMode]
         ]),
-        t.field.options.useModal ? (s(), L("div", {
+        e.field.options.useModal ? (d(), a("div", {
           key: 0,
           class: "useModal-svg",
-          onClick: i[1] || (i[1] = (...l) => e.handleClickIcon && e.handleClickIcon(...l))
+          onClick: i[1] || (i[1] = (...n) => t.handleClickIcon && t.handleClickIcon(...n))
         }, [
-          f(g, { "icon-class": "icon-sousuo" })
-        ])) : d("", !0)
+          m(p, { "icon-class": "icon-sousuo" })
+        ])) : s("", !0)
       ], 2), [
-        [c, !e.isReadMode]
+        [u, !t.isReadMode]
       ]),
-      e.isReadMode ? (s(), r(b, {
-        key: 0,
-        placement: "topLeft",
-        title: e.optionLabel,
-        overlayStyle: { zIndex: 1e3 }
-      }, {
-        default: a(() => [
-          u("span", k, z(e.optionLabel), 1)
-        ]),
-        _: 1
-      }, 8, ["title"])) : d("", !0)
+      t.isReadMode ? (d(), a("span", E, R(t.optionLabel), 1)) : s("", !0)
     ]),
     _: 1
   }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]));
 }
-const H = /* @__PURE__ */ R(S, [["render", E], ["__scopeId", "data-v-9114078e"]]);
+const A = /* @__PURE__ */ k(z, [["render", L], ["__scopeId", "data-v-99c8e24a"]]);
 export {
-  H as default
+  A as default
 };

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

@@ -95,7 +95,7 @@ function k(t, d, e, C, i, F) {
     _: 1
   }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]));
 }
-const v = /* @__PURE__ */ w(x, [["render", k], ["__scopeId", "data-v-5672773f"]]);
+const v = /* @__PURE__ */ w(x, [["render", k], ["__scopeId", "data-v-f3730a31"]]);
 export {
   v as default
 };

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

@@ -1,15 +1,15 @@
-import p from "./form-item-wrapper.vue.js";
-import g from "../../../../utils/emitter.js";
-import c from "../../../../utils/i18n.js";
-import b from "./fieldMixin.js";
-import { resolveComponent as i, createBlock as d, createCommentVNode as l, openBlock as r, withCtx as s, withDirectives as w, createVNode as C, vShow as x, createElementVNode as F } from "vue";
+import u from "./form-item-wrapper.vue.js";
+import f from "../../../../utils/emitter.js";
+import h from "../../../../utils/i18n.js";
+import g from "./fieldMixin.js";
+import { resolveComponent as o, createBlock as p, createCommentVNode as d, openBlock as r, withCtx as c, withDirectives as b, createElementBlock as w, createVNode as C, vShow as x } from "vue";
 /* empty css                     */
-import v from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const y = {
+import F from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const v = {
   name: "textarea-widget",
   componentName: "FieldWidget",
   //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [g, b, c],
+  mixins: [f, g, h],
   props: {
     field: Object,
     parentWidget: Object,
@@ -37,7 +37,7 @@ const y = {
     }
   },
   components: {
-    FormItemWrapper: p
+    FormItemWrapper: u
   },
   data() {
     return {
@@ -64,10 +64,10 @@ const y = {
     this.unregisterFromRefList();
   },
   methods: {}
-}, _ = ["innerHTML"];
-function I(t, o, e, M, n, a) {
-  const m = i("a-textarea"), u = i("a-tooltip"), f = i("form-item-wrapper");
-  return t.handleHidden() ? l("", !0) : (r(), d(f, {
+}, y = ["innerHTML"];
+function I(t, i, e, M, n, l) {
+  const s = o("a-textarea"), a = o("form-item-wrapper");
+  return t.handleHidden() ? d("", !0) : (r(), p(a, {
     key: 0,
     designer: e.designer,
     field: e.field,
@@ -80,13 +80,13 @@ function I(t, o, e, M, n, a) {
     "sub-form-col-index": e.subFormColIndex,
     "sub-form-row-id": e.subFormRowId
   }, {
-    default: s(() => [
-      w(C(m, {
+    default: c(() => [
+      b(C(s, {
         type: "textarea",
         ref: "fieldEditor",
         value: n.fieldModel,
-        "onUpdate:value": o[0] || (o[0] = (h) => n.fieldModel = h),
-        size: a.size,
+        "onUpdate:value": i[0] || (i[0] = (m) => n.fieldModel = m),
+        size: l.size,
         disabled: t.handleDisabled(),
         allowClear: e.field.options.allowClear,
         readonly: e.field.options.readonly,
@@ -102,25 +102,16 @@ function I(t, o, e, M, n, a) {
       }, null, 8, ["value", "size", "disabled", "allowClear", "readonly", "placeholder", "rows", "minlength", "maxlength", "showCount", "onFocus", "onBlur", "onInput", "onChange"]), [
         [x, !t.isReadMode]
       ]),
-      t.isReadMode ? (r(), d(u, {
+      t.isReadMode ? (r(), w("div", {
         key: 0,
-        placement: "topLeft",
-        title: n.fieldModel,
-        overlayStyle: { zIndex: 1e3 }
-      }, {
-        default: s(() => [
-          F("div", {
-            innerHTML: n.fieldModel,
-            class: "readonly-mode-field"
-          }, null, 8, _)
-        ]),
-        _: 1
-      }, 8, ["title"])) : l("", !0)
+        innerHTML: n.fieldModel,
+        class: "readonly-mode-field"
+      }, null, 8, y)) : d("", !0)
     ]),
     _: 1
   }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]));
 }
-const S = /* @__PURE__ */ v(y, [["render", I], ["__scopeId", "data-v-d8be4a0b"]]);
+const N = /* @__PURE__ */ F(v, [["render", I], ["__scopeId", "data-v-e90fbb68"]]);
 export {
-  S as default
+  N as default
 };

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

@@ -1,17 +1,17 @@
-import p from "./form-item-wrapper.vue.js";
-import b from "../../../../utils/emitter.js";
-import g from "../../../../utils/i18n.js";
-import y from "./fieldMixin.js";
-import { formateTreeToName as v } from "../../../../utils/format.js";
-import { isArray as w } from "lodash-es";
-import { resolveComponent as o, createBlock as n, createCommentVNode as r, openBlock as a, withCtx as s, createElementVNode as f, normalizeClass as C, withDirectives as F, createVNode as M, vShow as _, toDisplayString as x } from "vue";
+import m from "./form-item-wrapper.vue.js";
+import u from "../../../../utils/emitter.js";
+import h from "../../../../utils/i18n.js";
+import c from "./fieldMixin.js";
+import { formateTreeToName as p } from "../../../../utils/format.js";
+import { isArray as b } from "lodash-es";
+import { resolveComponent as n, createBlock as g, createCommentVNode as o, openBlock as r, withCtx as y, createElementVNode as w, normalizeClass as v, withDirectives as C, createElementBlock as F, createVNode as M, vShow as x, toDisplayString as K } from "vue";
 /* empty css                       */
 import R from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const I = {
   name: "treeSelect-widget",
   componentName: "FieldWidget",
   //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [b, y, g],
+  mixins: [u, c, h],
   props: {
     field: Object,
     parentWidget: Object,
@@ -39,7 +39,7 @@ const I = {
     }
   },
   components: {
-    FormItemWrapper: p
+    FormItemWrapper: m
   },
   data() {
     return {
@@ -67,8 +67,8 @@ const I = {
     // },
     contentForReadMode() {
       if (!this.fieldModel) return "";
-      const t = w(this.fieldModel) ? this.fieldModel : [this.fieldModel];
-      return v(t, this.field.options.optionItems, {
+      const t = b(this.fieldModel) ? this.fieldModel : [this.fieldModel];
+      return p(t, this.field.options.optionItems, {
         label: this.labelKey,
         value: this.valueKey,
         children: this.childrenKey
@@ -91,10 +91,13 @@ const I = {
     hideDropDownOnClick() {
     }
   }
-}, K = { class: "readonly-mode-field" };
-function z(t, d, e, N, l, i) {
-  const m = o("a-tree-select"), u = o("a-tooltip"), h = o("form-item-wrapper");
-  return t.handleHidden() ? r("", !0) : (a(), n(h, {
+}, N = {
+  key: 0,
+  class: "readonly-mode-field"
+};
+function _(t, d, e, z, l, i) {
+  const s = n("a-tree-select"), a = n("form-item-wrapper");
+  return t.handleHidden() ? o("", !0) : (r(), g(a, {
     key: 0,
     designer: e.designer,
     field: e.field,
@@ -107,17 +110,17 @@ function z(t, d, e, N, l, i) {
     "sub-form-col-index": e.subFormColIndex,
     "sub-form-row-id": e.subFormRowId
   }, {
-    default: s(() => [
-      f("div", {
-        class: C(["full-width-input", { "readonly-mode-cascader": t.isReadMode }])
+    default: y(() => [
+      w("div", {
+        class: v(["full-width-input", { "readonly-mode-cascader": t.isReadMode }])
       }, [
-        F(M(m, {
+        C(M(s, {
           "tree-default-expand-all": e.field.options.treeDefaultExpandAll,
           ref: "fieldEditor",
           size: i.size,
           treeData: e.field.options.optionItems,
           value: l.fieldModel,
-          "onUpdate:value": d[0] || (d[0] = (c) => l.fieldModel = c),
+          "onUpdate:value": d[0] || (d[0] = (f) => l.fieldModel = f),
           disabled: t.handleDisabled(),
           allowClear: e.field.options.allowClear,
           placeholder: e.field.options.placeholder || t.i18nt("render.hint.selectPlaceholder"),
@@ -127,25 +130,15 @@ function z(t, d, e, N, l, i) {
           onBlur: t.handleBlurCustomEvent,
           onChange: t.handleChangeEvent
         }, null, 8, ["tree-default-expand-all", "size", "treeData", "value", "disabled", "allowClear", "placeholder", "fieldNames", "multiple", "onFocus", "onBlur", "onChange"]), [
-          [_, !t.isReadMode]
+          [x, !t.isReadMode]
         ]),
-        t.isReadMode ? (a(), n(u, {
-          key: 0,
-          placement: "topLeft",
-          title: i.contentForReadMode,
-          overlayStyle: { zIndex: 1e3 }
-        }, {
-          default: s(() => [
-            f("span", K, x(i.contentForReadMode), 1)
-          ]),
-          _: 1
-        }, 8, ["title"])) : r("", !0)
+        t.isReadMode ? (r(), F("span", N, K(i.contentForReadMode), 1)) : o("", !0)
       ], 2)
     ]),
     _: 1
   }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]));
 }
-const j = /* @__PURE__ */ R(I, [["render", z], ["__scopeId", "data-v-a818197c"]]);
+const j = /* @__PURE__ */ R(I, [["render", _], ["__scopeId", "data-v-d7cc9ef8"]]);
 export {
   j as default
 };

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

@@ -1,23 +1,23 @@
-import C from "./widget-panel/index.vue.js";
-import v from "./toolbar-panel/index.vue.js";
-import F from "./setting-panel/index.vue.js";
-import w from "./form-widget/index.vue.js";
-import { createDesigner as b } from "./designer.js";
-import { traverseAllWidgets as y, getAllContainerWidgets as f, getAllFieldWidgets as c, deepClone as m, addWindowResizeHandler as R } from "../../utils/util.js";
-import x from "../../utils/i18n.js";
-import { isEmpty as J } from "lodash-es";
-import { resolveComponent as o, createBlock as A, openBlock as D, withCtx as n, createVNode as r, createSlots as S, renderList as V, renderSlot as H, createElementVNode as B } from "vue";
+import v from "./widget-panel/index.vue.js";
+import F from "./toolbar-panel/index.vue.js";
+import w from "./setting-panel/index.vue.js";
+import b from "./form-widget/index.vue.js";
+import { createDesigner as y } from "./designer.js";
+import { traverseAllWidgets as R, getAllContainerWidgets as c, getAllFieldWidgets as m, deepClone as u, addWindowResizeHandler as x } from "../../utils/util.js";
+import J from "../../utils/i18n.js";
+import { isEmpty as A } from "lodash-es";
+import { resolveComponent as n, createBlock as D, openBlock as S, withCtx as o, createVNode as r, createSlots as V, renderList as H, renderSlot as B, createElementVNode as E } from "vue";
 /* empty css           */
-import E from "../../../_virtual/_plugin-vue_export-helper.js";
-const N = {
+import N from "../../../_virtual/_plugin-vue_export-helper.js";
+const P = {
   name: "VFormDesigner",
   componentName: "VFormDesigner",
-  mixins: [x],
+  mixins: [J],
   components: {
-    WidgetPanel: C,
-    ToolbarPanel: v,
-    SettingPanel: F,
-    VFormWidget: w
+    WidgetPanel: v,
+    ToolbarPanel: F,
+    SettingPanel: w,
+    VFormWidget: b
   },
   props: {
     /* 保存jsonApi */
@@ -80,7 +80,7 @@ const N = {
       //是否正在加载中
       caseName: "",
       scrollerHeight: 0,
-      designer: b(this),
+      designer: y(this),
       fieldList: []
     };
   },
@@ -94,7 +94,7 @@ const N = {
   created() {
   },
   mounted() {
-    this.initLocale(), this.scrollerHeight = window.innerHeight - 56 - 36 + "px", R(() => {
+    this.initLocale(), this.scrollerHeight = window.innerHeight - 56 - 36 + "px", x(() => {
       this.$nextTick(() => {
         this.scrollerHeight = window.innerHeight - 56 - 36 + "px";
       });
@@ -123,7 +123,7 @@ const N = {
      * @param {*} importObj
      */
     setJsonImport(e = {}) {
-      if (!J(e))
+      if (!A(e))
         try {
           if (!e || !e.formConfig)
             throw new Error(this.i18nt("designer.hint.invalidJsonFormat"));
@@ -145,8 +145,8 @@ const N = {
     },
     getFormJson() {
       return {
-        widgetList: m(this.designer.widgetList),
-        formConfig: m(this.designer.formConfig)
+        widgetList: u(this.designer.widgetList),
+        formConfig: u(this.designer.formConfig)
       };
     },
     clearDesigner() {
@@ -181,14 +181,14 @@ const N = {
      * @returns {*[]}
      */
     getFieldWidgets(e = null) {
-      return e ? c(e) : c(this.designer.widgetList);
+      return e ? m(e) : m(this.designer.widgetList);
     },
     /**
      * 获取所有容器组件
      * @returns {*[]}
      */
     getContainerWidgets(e = null) {
-      return e ? f(e) : f(this.designer.widgetList);
+      return e ? c(e) : c(this.designer.widgetList);
     },
     /**
      * 升级表单json，以补充最新的组件属性
@@ -199,7 +199,7 @@ const N = {
         this.$message.error("Invalid form json!");
         return;
       }
-      return y(e.widgetList, (t) => {
+      return R(e.widgetList, (t) => {
         this.designer.upgradeWidgetConfig(t);
       }), this.designer.upgradeFormConfig(e.formConfig), e;
     },
@@ -242,50 +242,50 @@ const N = {
     }
     //TODO: 增加更多方法！！
   }
-}, P = { class: "container-scroll-bar" };
-function k(e, t, s, M, i, l) {
-  const u = o("WidgetPanel"), d = o("a-layout-sider"), p = o("toolbar-panel"), W = o("a-layout-header"), _ = o("VFormWidget"), a = o("a-layout-content"), L = o("setting-panel"), g = o("a-layout");
-  return D(), A(g, { class: "main-container full-height" }, {
-    default: n(() => [
-      r(g, null, {
-        default: n(() => [
-          r(d, {
+}, k = { class: "container-scroll-bar" };
+function M(e, t, s, j, i, d) {
+  const p = n("WidgetPanel"), l = n("a-layout-sider"), W = n("toolbar-panel"), _ = n("a-layout-header"), L = n("VFormWidget"), g = n("a-layout-content"), C = n("setting-panel"), a = n("a-layout");
+  return S(), D(a, { class: "main-container full-height" }, {
+    default: o(() => [
+      r(a, null, {
+        default: o(() => [
+          r(l, {
             width: i.leftWidth,
             class: "side-panel"
           }, {
-            default: n(() => [
-              r(u, { designer: i.designer }, null, 8, ["designer"])
+            default: o(() => [
+              r(p, { designer: i.designer }, null, 8, ["designer"])
             ]),
             _: 1
           }, 8, ["width"]),
-          r(a, { class: "center-layout-container" }, {
-            default: n(() => [
-              r(W, { class: "toolbar-header" }, {
-                default: n(() => [
-                  r(p, {
+          r(g, { class: "center-layout-container" }, {
+            default: o(() => [
+              r(_, { class: "toolbar-header" }, {
+                default: o(() => [
+                  r(W, {
                     saveJsonApi: s.saveJsonApi,
                     designer: i.designer,
                     "global-dsv": s.globalDsv,
-                    changeLeftWidth: l.changeLeftWidth,
-                    changeRightWidth: l.changeRightWidth,
+                    changeLeftWidth: d.changeLeftWidth,
+                    changeRightWidth: d.changeRightWidth,
                     leftWidth: i.leftWidth,
                     rightWidth: i.rightWidth,
                     ref: "toolbarRef"
-                  }, S({ _: 2 }, [
-                    V(e.$slots, (j, h) => ({
-                      name: h,
-                      fn: n(() => [
-                        H(e.$slots, h)
+                  }, V({ _: 2 }, [
+                    H(e.$slots, (h, f) => ({
+                      name: f,
+                      fn: o(() => [
+                        B(e.$slots, f)
                       ])
                     }))
                   ]), 1032, ["saveJsonApi", "designer", "global-dsv", "changeLeftWidth", "changeRightWidth", "leftWidth", "rightWidth"])
                 ]),
                 _: 3
               }),
-              r(a, { class: "form-widget-main" }, {
-                default: n(() => [
-                  B("div", P, [
-                    r(_, {
+              r(g, { class: "form-widget-main" }, {
+                default: o(() => [
+                  E("div", k, [
+                    r(L, {
                       designer: i.designer,
                       "form-config": i.designer.formConfig,
                       "global-dsv": s.globalDsv,
@@ -298,11 +298,12 @@ function k(e, t, s, M, i, l) {
             ]),
             _: 3
           }),
-          r(d, { width: i.rightWidth }, {
-            default: n(() => [
-              r(L, {
+          r(l, { width: i.rightWidth }, {
+            default: o(() => [
+              r(C, {
                 designer: i.designer,
                 "selected-widget": i.designer.selectedWidget,
+                "onUpdate:selectedWidget": t[0] || (t[0] = (h) => i.designer.selectedWidget = h),
                 "global-dsv": s.globalDsv,
                 "form-config": i.designer.formConfig
               }, null, 8, ["designer", "selected-widget", "global-dsv", "form-config"])
@@ -316,7 +317,7 @@ function k(e, t, s, M, i, l) {
     _: 3
   });
 }
-const Z = /* @__PURE__ */ E(N, [["render", k]]);
+const Z = /* @__PURE__ */ N(P, [["render", M]]);
 export {
   Z as default
 };