@kp-ui/lowcode 1.0.71 → 1.0.72

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

@@ -1,4 +1,4 @@
-import { defineAsyncComponent, resolveComponent, createBlock, openBlock, withCtx, createVNode, createCommentVNode, createElementVNode, normalizeStyle, withModifiers, createElementBlock, Fragment, renderList, resolveDynamicComponent } from "vue";
+import { resolveComponent, createBlock, openBlock, withCtx, createVNode, createCommentVNode, createElementVNode, normalizeStyle, withModifiers, createElementBlock, Fragment, renderList, resolveDynamicComponent } from "vue";
 import CodeEditor from "../../code-editor/index.vue.js";
 import comps from "./property-editor/index.js";
 import FormSetting from "./form-setting.vue.js";
@@ -18,10 +18,6 @@ const _sfc_main = {
   mixins: [i18n, emitter],
   components: {
     CodeEditor,
-    TpfConfigProvider: defineAsyncComponent(async () => {
-      const { TpfConfigProvider } = await import("tmgc2-share");
-      return TpfConfigProvider;
-    }),
     FormSetting,
     CodeModalEditor: _sfc_main$1,
     // DataSourceSetting,
@@ -210,245 +206,239 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_tabs = resolveComponent("a-tabs");
   const _component_CodeModalEditor = resolveComponent("CodeModalEditor");
   const _component_a_layout = resolveComponent("a-layout");
-  const _component_TpfConfigProvider = resolveComponent("TpfConfigProvider");
-  return openBlock(), createBlock(_component_TpfConfigProvider, null, {
+  return openBlock(), createBlock(_component_a_layout, { class: "panel-container" }, {
     default: withCtx(() => [
-      createVNode(_component_a_layout, { class: "panel-container" }, {
+      createVNode(_component_a_tabs, {
+        activeKey: $data.activeTab,
+        "onUpdate:activeKey": _cache[6] || (_cache[6] = ($event) => $data.activeTab = $event),
+        style: { "height": "100%", "width": "100%", "overflow": "hidden" }
+      }, {
         default: withCtx(() => [
-          createVNode(_component_a_tabs, {
-            activeKey: $data.activeTab,
-            "onUpdate:activeKey": _cache[6] || (_cache[6] = ($event) => $data.activeTab = $event),
-            style: { "height": "100%", "width": "100%", "overflow": "hidden" }
+          createVNode(_component_a_tab_pane, {
+            tab: _ctx.i18nt("designer.hint.widgetSetting"),
+            key: "1"
           }, {
             default: withCtx(() => [
-              createVNode(_component_a_tab_pane, {
-                tab: _ctx.i18nt("designer.hint.widgetSetting"),
-                key: "1"
-              }, {
-                default: withCtx(() => [
-                  createElementVNode("div", {
-                    class: "setting-scrollbar",
-                    style: normalizeStyle({ height: $data.scrollerHeight })
-                  }, [
-                    !!$props.designer.selectedWidget && !$props.designer.selectedWidget.category ? (openBlock(), createBlock(_component_a_form, {
-                      key: 0,
-                      model: $options.optionModel,
-                      labelAlign: "left",
-                      "label-width": "120px",
-                      class: "setting-form tpf-form",
-                      onSubmit: _cache[2] || (_cache[2] = withModifiers(() => {
-                      }, ["prevent"]))
+              createElementVNode("div", {
+                class: "setting-scrollbar",
+                style: normalizeStyle({ height: $data.scrollerHeight })
+              }, [
+                !!$props.designer.selectedWidget && !$props.designer.selectedWidget.category ? (openBlock(), createBlock(_component_a_form, {
+                  key: 0,
+                  model: $options.optionModel,
+                  labelAlign: "left",
+                  "label-width": "120px",
+                  class: "setting-form tpf-form",
+                  onSubmit: _cache[2] || (_cache[2] = withModifiers(() => {
+                  }, ["prevent"]))
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_a_collapse, {
+                      activeKey: $data.widgetActiveCollapseNames,
+                      "onUpdate:activeKey": _cache[1] || (_cache[1] = ($event) => $data.widgetActiveCollapseNames = $event),
+                      class: "setting-collapse"
                     }, {
                       default: withCtx(() => [
-                        createVNode(_component_a_collapse, {
-                          activeKey: $data.widgetActiveCollapseNames,
-                          "onUpdate:activeKey": _cache[1] || (_cache[1] = ($event) => $data.widgetActiveCollapseNames = $event),
-                          class: "setting-collapse"
+                        $options.showCollapse($data.commonProps) ? (openBlock(), createBlock(_component_a_collapse_panel, {
+                          key: "1",
+                          header: _ctx.i18nt("designer.setting.常见属性")
                         }, {
                           default: withCtx(() => [
-                            $options.showCollapse($data.commonProps) ? (openBlock(), createBlock(_component_a_collapse_panel, {
-                              key: "1",
-                              header: _ctx.i18nt("designer.setting.常见属性")
-                            }, {
-                              default: withCtx(() => [
-                                (openBlock(true), createElementBlock(Fragment, null, renderList($data.commonProps, (editorName, propName) => {
-                                  return openBlock(), createElementBlock(Fragment, null, [
-                                    $options.hasPropEditor(propName, editorName) ? (openBlock(), createBlock(resolveDynamicComponent($options.getPropEditor(propName, editorName)), {
-                                      key: propName,
-                                      designer: $props.designer,
-                                      "selected-widget": $props.selectedWidget,
-                                      "option-model": $options.optionModel,
-                                      "onUpdate:optionModel": _cache[0] || (_cache[0] = ($event) => $options.optionModel = $event)
-                                    }, null, 40, ["designer", "selected-widget", "option-model"])) : createCommentVNode("", true)
-                                  ], 64);
-                                }), 256))
-                              ]),
-                              _: 1
-                            }, 8, ["header"])) : createCommentVNode("", true),
-                            $options.showCollapse($data.advProps) ? (openBlock(), createBlock(_component_a_collapse_panel, {
-                              key: "2",
-                              header: _ctx.i18nt("designer.setting.高级属性")
-                            }, {
-                              default: withCtx(() => [
-                                (openBlock(true), createElementBlock(Fragment, null, renderList($data.advProps, (editorName, propName) => {
-                                  return openBlock(), createElementBlock(Fragment, null, [
-                                    $options.hasPropEditor(propName, editorName) ? (openBlock(), createBlock(resolveDynamicComponent($options.getPropEditor(propName, editorName)), {
-                                      key: propName,
-                                      designer: $props.designer,
-                                      "selected-widget": $props.selectedWidget,
-                                      "option-model": $options.optionModel
-                                    }, null, 8, ["designer", "selected-widget", "option-model"])) : createCommentVNode("", true)
-                                  ], 64);
-                                }), 256))
-                              ]),
-                              _: 1
-                            }, 8, ["header"])) : createCommentVNode("", true),
-                            $options.showEventCollapse() && $options.showCollapse($data.eventProps) ? (openBlock(), createBlock(_component_a_collapse_panel, {
-                              key: "3",
-                              class: "eventPanel",
-                              header: _ctx.i18nt("designer.setting.事件属性")
-                            }, {
-                              default: withCtx(() => [
-                                (openBlock(true), createElementBlock(Fragment, null, renderList($data.eventProps, (editorName, propName) => {
-                                  return openBlock(), createElementBlock(Fragment, null, [
-                                    $options.hasPropEditor(propName, editorName) ? (openBlock(), createBlock(resolveDynamicComponent($options.getPropEditor(propName, editorName)), {
-                                      key: propName,
-                                      designer: $props.designer,
-                                      "selected-widget": $props.selectedWidget,
-                                      "option-model": $options.optionModel,
-                                      "event-handled": $options.getEventHandled(propName)
-                                    }, null, 8, ["designer", "selected-widget", "option-model", "event-handled"])) : createCommentVNode("", true)
-                                  ], 64);
-                                }), 256))
-                              ]),
-                              _: 1
-                            }, 8, ["header"])) : createCommentVNode("", true)
+                            (openBlock(true), createElementBlock(Fragment, null, renderList($data.commonProps, (editorName, propName) => {
+                              return openBlock(), createElementBlock(Fragment, null, [
+                                $options.hasPropEditor(propName, editorName) ? (openBlock(), createBlock(resolveDynamicComponent($options.getPropEditor(propName, editorName)), {
+                                  key: propName,
+                                  designer: $props.designer,
+                                  "selected-widget": $props.selectedWidget,
+                                  "option-model": $options.optionModel,
+                                  "onUpdate:optionModel": _cache[0] || (_cache[0] = ($event) => $options.optionModel = $event)
+                                }, null, 40, ["designer", "selected-widget", "option-model"])) : createCommentVNode("", true)
+                              ], 64);
+                            }), 256))
                           ]),
                           _: 1
-                        }, 8, ["activeKey"])
+                        }, 8, ["header"])) : createCommentVNode("", true),
+                        $options.showCollapse($data.advProps) ? (openBlock(), createBlock(_component_a_collapse_panel, {
+                          key: "2",
+                          header: _ctx.i18nt("designer.setting.高级属性")
+                        }, {
+                          default: withCtx(() => [
+                            (openBlock(true), createElementBlock(Fragment, null, renderList($data.advProps, (editorName, propName) => {
+                              return openBlock(), createElementBlock(Fragment, null, [
+                                $options.hasPropEditor(propName, editorName) ? (openBlock(), createBlock(resolveDynamicComponent($options.getPropEditor(propName, editorName)), {
+                                  key: propName,
+                                  designer: $props.designer,
+                                  "selected-widget": $props.selectedWidget,
+                                  "option-model": $options.optionModel
+                                }, null, 8, ["designer", "selected-widget", "option-model"])) : createCommentVNode("", true)
+                              ], 64);
+                            }), 256))
+                          ]),
+                          _: 1
+                        }, 8, ["header"])) : createCommentVNode("", true),
+                        $options.showEventCollapse() && $options.showCollapse($data.eventProps) ? (openBlock(), createBlock(_component_a_collapse_panel, {
+                          key: "3",
+                          class: "eventPanel",
+                          header: _ctx.i18nt("designer.setting.事件属性")
+                        }, {
+                          default: withCtx(() => [
+                            (openBlock(true), createElementBlock(Fragment, null, renderList($data.eventProps, (editorName, propName) => {
+                              return openBlock(), createElementBlock(Fragment, null, [
+                                $options.hasPropEditor(propName, editorName) ? (openBlock(), createBlock(resolveDynamicComponent($options.getPropEditor(propName, editorName)), {
+                                  key: propName,
+                                  designer: $props.designer,
+                                  "selected-widget": $props.selectedWidget,
+                                  "option-model": $options.optionModel,
+                                  "event-handled": $options.getEventHandled(propName)
+                                }, null, 8, ["designer", "selected-widget", "option-model", "event-handled"])) : createCommentVNode("", true)
+                              ], 64);
+                            }), 256))
+                          ]),
+                          _: 1
+                        }, 8, ["header"])) : createCommentVNode("", true)
                       ]),
                       _: 1
-                    }, 8, ["model"])) : createCommentVNode("", true),
-                    !!$props.designer.selectedWidget && !!$props.designer.selectedWidget.category ? (openBlock(), createBlock(_component_a_form, {
-                      key: 1,
-                      model: $options.optionModel,
-                      labelAlign: "left",
-                      "label-width": "120px",
-                      class: "setting-form tpf-form",
-                      onSubmit: _cache[5] || (_cache[5] = withModifiers(() => {
-                      }, ["prevent"]))
+                    }, 8, ["activeKey"])
+                  ]),
+                  _: 1
+                }, 8, ["model"])) : createCommentVNode("", true),
+                !!$props.designer.selectedWidget && !!$props.designer.selectedWidget.category ? (openBlock(), createBlock(_component_a_form, {
+                  key: 1,
+                  model: $options.optionModel,
+                  labelAlign: "left",
+                  "label-width": "120px",
+                  class: "setting-form tpf-form",
+                  onSubmit: _cache[5] || (_cache[5] = withModifiers(() => {
+                  }, ["prevent"]))
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_a_collapse, {
+                      activeKey: $data.widgetActiveCollapseNames,
+                      "onUpdate:activeKey": _cache[4] || (_cache[4] = ($event) => $data.widgetActiveCollapseNames = $event),
+                      class: "setting-collapse"
                     }, {
                       default: withCtx(() => [
-                        createVNode(_component_a_collapse, {
-                          activeKey: $data.widgetActiveCollapseNames,
-                          "onUpdate:activeKey": _cache[4] || (_cache[4] = ($event) => $data.widgetActiveCollapseNames = $event),
-                          class: "setting-collapse"
+                        $options.showCollapse($data.commonProps) ? (openBlock(), createBlock(_component_a_collapse_panel, {
+                          key: "1",
+                          header: _ctx.i18nt("designer.setting.常见属性")
+                        }, {
+                          default: withCtx(() => [
+                            (openBlock(true), createElementBlock(Fragment, null, renderList($data.commonProps, (editorName, propName) => {
+                              return openBlock(), createElementBlock(Fragment, null, [
+                                $options.hasPropEditor(propName, editorName) ? (openBlock(), createBlock(resolveDynamicComponent($options.getPropEditor(propName, editorName)), {
+                                  key: propName,
+                                  designer: $props.designer,
+                                  "selected-widget": $props.selectedWidget,
+                                  "option-model": $options.optionModel,
+                                  "onUpdate:optionModel": _cache[3] || (_cache[3] = ($event) => $options.optionModel = $event)
+                                }, null, 40, ["designer", "selected-widget", "option-model"])) : createCommentVNode("", true)
+                              ], 64);
+                            }), 256))
+                          ]),
+                          _: 1
+                        }, 8, ["header"])) : createCommentVNode("", true),
+                        $options.showCollapse($data.advProps) ? (openBlock(), createBlock(_component_a_collapse_panel, {
+                          key: "2",
+                          header: _ctx.i18nt("designer.setting.高级属性")
                         }, {
                           default: withCtx(() => [
-                            $options.showCollapse($data.commonProps) ? (openBlock(), createBlock(_component_a_collapse_panel, {
-                              key: "1",
-                              header: _ctx.i18nt("designer.setting.常见属性")
-                            }, {
-                              default: withCtx(() => [
-                                (openBlock(true), createElementBlock(Fragment, null, renderList($data.commonProps, (editorName, propName) => {
-                                  return openBlock(), createElementBlock(Fragment, null, [
-                                    $options.hasPropEditor(propName, editorName) ? (openBlock(), createBlock(resolveDynamicComponent($options.getPropEditor(propName, editorName)), {
-                                      key: propName,
-                                      designer: $props.designer,
-                                      "selected-widget": $props.selectedWidget,
-                                      "option-model": $options.optionModel,
-                                      "onUpdate:optionModel": _cache[3] || (_cache[3] = ($event) => $options.optionModel = $event)
-                                    }, null, 40, ["designer", "selected-widget", "option-model"])) : createCommentVNode("", true)
-                                  ], 64);
-                                }), 256))
-                              ]),
-                              _: 1
-                            }, 8, ["header"])) : createCommentVNode("", true),
-                            $options.showCollapse($data.advProps) ? (openBlock(), createBlock(_component_a_collapse_panel, {
-                              key: "2",
-                              header: _ctx.i18nt("designer.setting.高级属性")
-                            }, {
-                              default: withCtx(() => [
-                                (openBlock(true), createElementBlock(Fragment, null, renderList($data.advProps, (editorName, propName) => {
-                                  return openBlock(), createElementBlock(Fragment, null, [
-                                    $options.hasPropEditor(propName, editorName) ? (openBlock(), createBlock(resolveDynamicComponent($options.getPropEditor(propName, editorName)), {
-                                      key: propName,
-                                      designer: $props.designer,
-                                      "selected-widget": $props.selectedWidget,
-                                      "option-model": $options.optionModel
-                                    }, null, 8, ["designer", "selected-widget", "option-model"])) : createCommentVNode("", true)
-                                  ], 64);
-                                }), 256))
-                              ]),
-                              _: 1
-                            }, 8, ["header"])) : createCommentVNode("", true),
-                            $options.showEventCollapse() && $options.showCollapse($data.eventProps) ? (openBlock(), createBlock(_component_a_collapse_panel, {
-                              key: "3",
-                              class: "eventPanel",
-                              header: _ctx.i18nt("designer.setting.事件属性")
-                            }, {
-                              default: withCtx(() => [
-                                (openBlock(true), createElementBlock(Fragment, null, renderList($data.eventProps, (editorName, propName) => {
-                                  return openBlock(), createElementBlock(Fragment, null, [
-                                    $options.hasPropEditor(propName, editorName) ? (openBlock(), createBlock(resolveDynamicComponent($options.getPropEditor(propName, editorName)), {
-                                      key: propName,
-                                      designer: $props.designer,
-                                      "selected-widget": $props.selectedWidget,
-                                      "option-model": $options.optionModel,
-                                      "event-handled": $options.getEventHandled(propName)
-                                    }, null, 8, ["designer", "selected-widget", "option-model", "event-handled"])) : createCommentVNode("", true)
-                                  ], 64);
-                                }), 256))
-                              ]),
-                              _: 1
-                            }, 8, ["header"])) : createCommentVNode("", true)
+                            (openBlock(true), createElementBlock(Fragment, null, renderList($data.advProps, (editorName, propName) => {
+                              return openBlock(), createElementBlock(Fragment, null, [
+                                $options.hasPropEditor(propName, editorName) ? (openBlock(), createBlock(resolveDynamicComponent($options.getPropEditor(propName, editorName)), {
+                                  key: propName,
+                                  designer: $props.designer,
+                                  "selected-widget": $props.selectedWidget,
+                                  "option-model": $options.optionModel
+                                }, null, 8, ["designer", "selected-widget", "option-model"])) : createCommentVNode("", true)
+                              ], 64);
+                            }), 256))
                           ]),
                           _: 1
-                        }, 8, ["activeKey"])
+                        }, 8, ["header"])) : createCommentVNode("", true),
+                        $options.showEventCollapse() && $options.showCollapse($data.eventProps) ? (openBlock(), createBlock(_component_a_collapse_panel, {
+                          key: "3",
+                          class: "eventPanel",
+                          header: _ctx.i18nt("designer.setting.事件属性")
+                        }, {
+                          default: withCtx(() => [
+                            (openBlock(true), createElementBlock(Fragment, null, renderList($data.eventProps, (editorName, propName) => {
+                              return openBlock(), createElementBlock(Fragment, null, [
+                                $options.hasPropEditor(propName, editorName) ? (openBlock(), createBlock(resolveDynamicComponent($options.getPropEditor(propName, editorName)), {
+                                  key: propName,
+                                  designer: $props.designer,
+                                  "selected-widget": $props.selectedWidget,
+                                  "option-model": $options.optionModel,
+                                  "event-handled": $options.getEventHandled(propName)
+                                }, null, 8, ["designer", "selected-widget", "option-model", "event-handled"])) : createCommentVNode("", true)
+                              ], 64);
+                            }), 256))
+                          ]),
+                          _: 1
+                        }, 8, ["header"])) : createCommentVNode("", true)
                       ]),
                       _: 1
-                    }, 8, ["model"])) : createCommentVNode("", true),
-                    !$props.designer.selectedWidget ? (openBlock(), createBlock(_component_a_empty, {
-                      key: 2,
-                      description: _ctx.i18nt("designer.hint.noSelectedWidgetHint")
-                    }, null, 8, ["description"])) : createCommentVNode("", true)
-                  ], 4)
-                ]),
-                _: 1
-              }, 8, ["tab"]),
-              !!$props.designer ? (openBlock(), createBlock(_component_a_tab_pane, {
-                tab: _ctx.i18nt("designer.hint.表单设置"),
-                key: "2"
-              }, {
-                default: withCtx(() => [
-                  createElementVNode("div", {
-                    class: "setting-scrollbar",
-                    style: normalizeStyle({ height: $data.scrollerHeight })
-                  }, [
-                    createVNode(_component_form_setting, {
-                      designer: $props.designer,
-                      "form-config": $props.formConfig
-                    }, null, 8, ["designer", "form-config"])
-                  ], 4)
-                ]),
-                _: 1
-              }, 8, ["tab"])) : createCommentVNode("", true),
-              createVNode(_component_a_tab_pane, {
-                tab: "表单api配置",
-                key: "3"
-              }, {
-                default: withCtx(() => [
-                  createElementVNode("div", {
-                    class: "ds-setting-scrollbar",
-                    style: normalizeStyle({ height: $data.scrollerHeight })
-                  }, [
-                    createVNode(_component_FormCrudSetting, {
-                      designer: $props.designer,
-                      "form-config": $props.formConfig
-                    }, null, 8, ["designer", "form-config"])
-                  ], 4)
-                ]),
-                _: 1
-              })
+                    }, 8, ["activeKey"])
+                  ]),
+                  _: 1
+                }, 8, ["model"])) : createCommentVNode("", true),
+                !$props.designer.selectedWidget ? (openBlock(), createBlock(_component_a_empty, {
+                  key: 2,
+                  description: _ctx.i18nt("designer.hint.noSelectedWidgetHint")
+                }, null, 8, ["description"])) : createCommentVNode("", true)
+              ], 4)
+            ]),
+            _: 1
+          }, 8, ["tab"]),
+          !!$props.designer ? (openBlock(), createBlock(_component_a_tab_pane, {
+            tab: _ctx.i18nt("designer.hint.表单设置"),
+            key: "2"
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", {
+                class: "setting-scrollbar",
+                style: normalizeStyle({ height: $data.scrollerHeight })
+              }, [
+                createVNode(_component_form_setting, {
+                  designer: $props.designer,
+                  "form-config": $props.formConfig
+                }, null, 8, ["designer", "form-config"])
+              ], 4)
+            ]),
+            _: 1
+          }, 8, ["tab"])) : createCommentVNode("", true),
+          createVNode(_component_a_tab_pane, {
+            tab: "表单api配置",
+            key: "3"
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", {
+                class: "ds-setting-scrollbar",
+                style: normalizeStyle({ height: $data.scrollerHeight })
+              }, [
+                createVNode(_component_FormCrudSetting, {
+                  designer: $props.designer,
+                  "form-config": $props.formConfig
+                }, null, 8, ["designer", "form-config"])
+              ], 4)
             ]),
             _: 1
-          }, 8, ["activeKey"]),
-          createVNode(_component_CodeModalEditor, {
-            eventHeader: $data.eventHeader,
-            ref: "CodeModalEditorRef",
-            title: _ctx.i18nt("designer.setting.editWidgetEventHandler"),
-            mode: "json",
-            readonly: false,
-            onSave: $options.saveEventHandler
-          }, null, 8, ["eventHeader", "title", "onSave"])
+          })
         ]),
         _: 1
-      })
+      }, 8, ["activeKey"]),
+      createVNode(_component_CodeModalEditor, {
+        eventHeader: $data.eventHeader,
+        ref: "CodeModalEditorRef",
+        title: _ctx.i18nt("designer.setting.editWidgetEventHandler"),
+        mode: "json",
+        readonly: false,
+        onSave: $options.saveEventHandler
+      }, null, 8, ["eventHeader", "title", "onSave"])
     ]),
     _: 1
   });
 }
-const SettingPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-82f86155"]]);
+const SettingPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-619242d1"]]);
 export {
   SettingPanel as default
 };

package/src/components/form-designer/setting-panel/option-items-setting.vue.js

@@ -113,24 +113,13 @@ const _sfc_main = {
         this.optionModel.optionItems = newOptions;
         this.showImportCascaderDialogFlag = false;
       } catch (ex) {
-        this.$message.error(this.i18nt("designer.hint.invalidOptionsData") + ex.message);
+        this.$message.error(
+          this.i18nt("designer.hint.invalidOptionsData") + ex.message
+        );
       }
     }
   }
 };
-const _hoisted_1 = { class: "option-items-pane" };
-const _hoisted_2 = {
-  key: 2,
-  class: "full-width-input"
-};
-const _hoisted_3 = {
-  key: 3,
-  class: "full-width-input"
-};
-const _hoisted_4 = { key: 4 };
-const _hoisted_5 = { key: 5 };
-const _hoisted_6 = { class: "dialog-footer" };
-const _hoisted_7 = { class: "dialog-footer" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_input = resolveComponent("a-input");
   const _component_a_button = resolveComponent("a-button");
@@ -145,7 +134,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_form_item = resolveComponent("a-form-item");
   const _component_a_modal = resolveComponent("a-modal");
   const _component_code_editor = resolveComponent("code-editor");
-  return openBlock(), createElementBlock("div", _hoisted_1, [
+  return openBlock(), createElementBlock("div", { class: "option-items-pane" }, [
     $props.selectedWidget.type === "radio" || $props.selectedWidget.type === "select" && ["combobox"].includes($props.selectedWidget.options.mode) ? (openBlock(), createBlock(_component_a_radio_group, {
       key: 0,
       value: $options.optionModel.defaultValue,
@@ -176,15 +165,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                     size: "small",
                     style: { "width": "70px" }
                   }, null, 8, ["value", "onUpdate:value"]),
-                  _cache[11] || (_cache[11] = createElementVNode("i", { class: "iconfont icon-drag drag-option" }, null, -1)),
+                  createElementVNode("i", { class: "iconfont icon-drag drag-option" }),
                   createVNode(_component_a_button, {
                     size: "small",
                     type: "danger",
                     onClick: ($event) => $options.deleteOption(option, idx)
                   }, {
-                    default: withCtx(() => _cache[10] || (_cache[10] = [
+                    default: withCtx(() => [
                       createTextVNode(" 删除 ")
-                    ])),
+                    ]),
                     _: 2
                   }, 1032, ["onClick"])
                 ]),
@@ -227,15 +216,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                     size: "small",
                     style: { "width": "80px" }
                   }, null, 8, ["value", "onUpdate:value"]),
-                  _cache[13] || (_cache[13] = createElementVNode("i", { class: "iconfont icon-drag drag-option" }, null, -1)),
+                  createElementVNode("i", { class: "iconfont icon-drag drag-option" }),
                   createVNode(_component_a_button, {
                     size: "small",
                     type: "danger",
                     onClick: ($event) => $options.deleteOption(option, idx)
                   }, {
-                    default: withCtx(() => _cache[12] || (_cache[12] = [
+                    default: withCtx(() => [
                       createTextVNode(" 删除 ")
-                    ])),
+                    ]),
                     _: 2
                   }, 1032, ["onClick"])
                 ]),
@@ -247,7 +236,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }, 16, ["list"])
       ]),
       _: 1
-    }, 8, ["value", "onChange"])) : $props.selectedWidget.type === "cascader" ? (openBlock(), createElementBlock("div", _hoisted_2, [
+    }, 8, ["value", "onChange"])) : $props.selectedWidget.type === "cascader" ? (openBlock(), createElementBlock("div", {
+      key: 2,
+      class: "full-width-input"
+    }, [
       createVNode(_component_a_cascader, {
         value: $options.optionModel.defaultValue,
         "onUpdate:value": _cache[2] || (_cache[2] = ($event) => $options.optionModel.defaultValue = $event),
@@ -256,7 +248,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         onChange: $options.emitDefaultValueChange,
         placeholder: _ctx.i18nt("render.hint.selectPlaceholder")
       }, null, 8, ["value", "multiple", "options", "onChange", "placeholder"])
-    ])) : $props.selectedWidget.type === "treeSelect" ? (openBlock(), createElementBlock("div", _hoisted_3, [
+    ])) : $props.selectedWidget.type === "treeSelect" ? (openBlock(), createElementBlock("div", {
+      key: 3,
+      class: "full-width-input"
+    }, [
       createVNode(_component_a_tree_select, {
         value: $options.optionModel.defaultValue,
         "onUpdate:value": _cache[3] || (_cache[3] = ($event) => $options.optionModel.defaultValue = $event),
@@ -265,7 +260,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         placeholder: _ctx.i18nt("render.hint.selectPlaceholder")
       }, null, 8, ["value", "treeData", "onChange", "placeholder"])
     ])) : createCommentVNode("", true),
-    ["cascader", "treeSelect"].includes($props.selectedWidget.type) ? (openBlock(), createElementBlock("div", _hoisted_4, [
+    ["cascader", "treeSelect"].includes($props.selectedWidget.type) ? (openBlock(), createElementBlock("div", { key: 4 }, [
       createVNode(_component_a_button, {
         type: "text",
         onClick: $options.importCascaderOptions
@@ -285,7 +280,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       }, 8, ["onClick"])
     ])) : createCommentVNode("", true),
-    ["radio", "checkbox", "select"].includes($props.selectedWidget.type) ? (openBlock(), createElementBlock("div", _hoisted_5, [
+    ["radio", "checkbox", "select"].includes($props.selectedWidget.type) ? (openBlock(), createElementBlock("div", { key: 5 }, [
       createVNode(_component_a_button, {
         type: "text",
         onClick: $options.addOption
@@ -326,7 +321,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       "destroy-on-close": true
     }, {
       footer: withCtx(() => [
-        createElementVNode("div", _hoisted_6, [
+        createElementVNode("div", { class: "dialog-footer" }, [
           createVNode(_component_a_button, {
             size: "large",
             type: "primary",
@@ -375,7 +370,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       "destroy-on-close": true
     }, {
       footer: withCtx(() => [
-        createElementVNode("div", _hoisted_7, [
+        createElementVNode("div", { class: "dialog-footer" }, [
           createVNode(_component_a_button, {
             size: "large",
             type: "primary",
@@ -409,7 +404,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["title", "visible"])
   ]);
 }
-const OptionItemsSetting = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-92868329"]]);
+const OptionItemsSetting = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-66ac421e"]]);
 export {
   OptionItemsSetting as default
 };

package/src/components/form-designer/setting-panel/property-editor/actionColumnPosition-editor.vue.js

@@ -1,6 +1,6 @@
 import i18n from "../../../../utils/i18n.js";
 import { resolveComponent, createBlock, openBlock, withCtx, createVNode, createTextVNode, toDisplayString } from "vue";
-/* empty css                                 */
+import "./actionColumnPosition-editor.vue2.js";
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
   name: "actionColumnPosition-editor",

package/src/components/form-designer/setting-panel/property-editor/actionColumnPosition-editor.vue2.js

@@ -0,0 +1 @@
+