@kp-ui/lowcode 1.0.72 → 1.0.74

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

@@ -1,4 +1,3 @@
-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";
@@ -8,6 +7,7 @@ import { addWindowResizeHandler } from "../../../utils/util.js";
 import i18n from "../../../utils/i18n.js";
 import emitter from "../../../utils/emitter.js";
 import _sfc_main$1 from "../../code-editor/code-modal-editor.vue.js";
+import { resolveComponent, createBlock, openBlock, withCtx, createVNode, createCommentVNode, createElementVNode, normalizeStyle, withModifiers, createElementBlock, Fragment, renderList, resolveDynamicComponent } from "vue";
 /* empty css           */
 /* empty css           */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
@@ -206,239 +206,245 @@ 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");
-  return openBlock(), createBlock(_component_a_layout, { class: "panel-container" }, {
+  const _component_a_config_provider = resolveComponent("a-config-provider");
+  return openBlock(), createBlock(_component_a_config_provider, { componentSize: "small" }, {
     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_layout, { class: "panel-container" }, {
         default: withCtx(() => [
-          createVNode(_component_a_tab_pane, {
-            tab: _ctx.i18nt("designer.hint.widgetSetting"),
-            key: "1"
+          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(() => [
-              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"
+              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"]))
                     }, {
                       default: withCtx(() => [
-                        $options.showCollapse($data.commonProps) ? (openBlock(), createBlock(_component_a_collapse_panel, {
-                          key: "1",
-                          header: _ctx.i18nt("designer.setting.常见属性")
+                        createVNode(_component_a_collapse, {
+                          activeKey: $data.widgetActiveCollapseNames,
+                          "onUpdate:activeKey": _cache[1] || (_cache[1] = ($event) => $data.widgetActiveCollapseNames = $event),
+                          class: "setting-collapse"
                         }, {
                           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))
+                            $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)
                           ]),
                           _: 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)
+                        }, 8, ["activeKey"])
                       ]),
                       _: 1
-                    }, 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"
+                    }, 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(() => [
-                        $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.高级属性")
+                        createVNode(_component_a_collapse, {
+                          activeKey: $data.widgetActiveCollapseNames,
+                          "onUpdate:activeKey": _cache[4] || (_cache[4] = ($event) => $data.widgetActiveCollapseNames = $event),
+                          class: "setting-collapse"
                         }, {
                           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))
+                            $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)
                           ]),
                           _: 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)
+                        }, 8, ["activeKey"])
                       ]),
                       _: 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)
+                    }, 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
+              })
             ]),
             _: 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-619242d1"]]);
+const SettingPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-2031a37b"]]);
 export {
   SettingPanel as default
 };