@kp-ui/lowcode 1.0.25 → 1.0.27

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

@@ -1,25 +1,26 @@
-import R from "../../code-editor/index.vue.js";
-import j from "./property-editor/index.js";
-import U from "./form-setting.vue.js";
-import I from "./form-crud-setting.vue.js";
-import x, { propertyRegistered as z } from "./propertyRegister.js";
-import { addWindowResizeHandler as B } from "../../../utils/util.js";
-import L from "../../../utils/i18n.js";
-import q from "../../../utils/emitter.js";
-import { resolveComponent as c, createBlock as a, openBlock as o, withCtx as d, createVNode as u, createCommentVNode as g, createElementVNode as C, normalizeStyle as w, withModifiers as H, createElementBlock as m, Fragment as h, renderList as p, resolveDynamicComponent as y, createTextVNode as k, toDisplayString as F } from "vue";
+import CodeEditor from "../../code-editor/index.vue.js";
+import comps from "./property-editor/index.js";
+import FormSetting from "./form-setting.vue.js";
+import FormCrudSetting from "./form-crud-setting.vue.js";
+import WidgetProperties, { propertyRegistered } from "./propertyRegister.js";
+import { addWindowResizeHandler } from "../../../utils/util.js";
+import i18n from "../../../utils/i18n.js";
+import emitter from "../../../utils/emitter.js";
+import { resolveComponent, createBlock, openBlock, withCtx, createVNode, createCommentVNode, createElementVNode, normalizeStyle, withModifiers, createElementBlock, Fragment, renderList, resolveDynamicComponent, createTextVNode, toDisplayString } from "vue";
 /* empty css           */
 /* empty css           */
-import G from "../../../../_virtual/_plugin-vue_export-helper.js";
-const { COMMON_PROPERTIES: J, ADVANCED_PROPERTIES: Q, EVENT_PROPERTIES: X } = x, Y = {
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const { COMMON_PROPERTIES, ADVANCED_PROPERTIES, EVENT_PROPERTIES } = WidgetProperties;
+const _sfc_main = {
   name: "SettingPanel",
   componentName: "SettingPanel",
-  mixins: [L, q],
+  mixins: [i18n, emitter],
   components: {
-    CodeEditor: R,
-    FormSetting: U,
+    CodeEditor,
+    FormSetting,
     // DataSourceSetting,
-    FormCrudSetting: I,
-    ...j
+    FormCrudSetting,
+    ...comps
   },
   props: {
     designer: Object,
@@ -45,14 +46,14 @@ const { COMMON_PROPERTIES: J, ADVANCED_PROPERTIES: Q, EVENT_PROPERTIES: X } = x,
       activeTab: "2",
       widgetActiveCollapseNames: ["1", "2", "3"],
       formActiveCollapseNames: ["1", "2"],
-      commonProps: J,
-      advProps: Q,
-      eventProps: X,
-      showWidgetEventDialogFlag: !1,
+      commonProps: COMMON_PROPERTIES,
+      advProps: ADVANCED_PROPERTIES,
+      eventProps: EVENT_PROPERTIES,
+      showWidgetEventDialogFlag: false,
       eventHandlerCode: "",
       curEventName: "",
       eventHeader: "",
-      subFormChildWidgetFlag: !1
+      subFormChildWidgetFlag: false
     };
   },
   computed: {
@@ -60,309 +61,364 @@ const { COMMON_PROPERTIES: J, ADVANCED_PROPERTIES: Q, EVENT_PROPERTIES: X } = x,
       get() {
         return this.selectedWidget.options;
       },
-      set(e) {
-        this.selectedWidget.options = e;
+      set(newValue) {
+        this.selectedWidget.options = newValue;
       }
     }
   },
   watch: {
     "designer.selectedWidget": {
-      handler(e) {
-        e && (this.activeTab = "1");
+      handler(val) {
+        if (!!val) {
+          this.activeTab = "1";
+        }
       }
     },
     "selectedWidget.options": {
       //组件属性变动后，立即保存表单JSON！！
-      deep: !0,
+      deep: true,
       handler() {
         this.designer.saveCurrentHistoryStep();
       }
     },
     formConfig: {
-      deep: !0,
+      deep: true,
       handler() {
         this.designer.saveCurrentHistoryStep();
       }
     }
   },
   created() {
-    this.on$("editEventHandler", (e) => {
-      this.editEventHandler(e[0], e[1]);
-    }), this.designer.handleEvent("form-css-updated", (e) => {
-      this.designer.setCssClassList(e);
-    }), this.designer.handleEvent("field-selected", (e) => {
-      this.subFormChildWidgetFlag = !!e && e.type === "sub-form";
+    this.on$("editEventHandler", (eventParams) => {
+      this.editEventHandler(eventParams[0], eventParams[1]);
+    });
+    this.designer.handleEvent("form-css-updated", (cssClassList) => {
+      this.designer.setCssClassList(cssClassList);
+    });
+    this.designer.handleEvent("field-selected", (parentWidget) => {
+      this.subFormChildWidgetFlag = !!parentWidget && parentWidget.type === "sub-form";
     });
   },
   mounted() {
-    this.designer.selectedWidget ? this.activeTab = "1" : this.activeTab = "2", this.scrollerHeight = window.innerHeight - 56 - 48 + "px", B(() => {
+    if (!this.designer.selectedWidget) {
+      this.activeTab = "2";
+    } else {
+      this.activeTab = "1";
+    }
+    this.scrollerHeight = window.innerHeight - 56 - 48 + "px";
+    addWindowResizeHandler(() => {
       this.$nextTick(() => {
         this.scrollerHeight = window.innerHeight - 56 - 48 + "px";
       });
     });
   },
   methods: {
-    getEventHandled(e) {
-      return !!this.optionModel[e] && this.optionModel[e].length > 0;
+    getEventHandled(eventName) {
+      return !!this.optionModel[eventName] && this.optionModel[eventName].length > 0;
     },
     showEventCollapse() {
-      return this.designerConfig.eventCollapse === void 0 ? !0 : !!this.designerConfig.eventCollapse;
+      if (this.designerConfig["eventCollapse"] === void 0) {
+        return true;
+      }
+      return !!this.designerConfig["eventCollapse"];
     },
-    hasPropEditor(e, l) {
-      if (!l)
-        return !1;
-      if (e.indexOf("-") <= -1) {
-        const n = this.selectedWidget.type + "-" + e;
-        if (z(n))
-          return !1;
+    hasPropEditor(propName, editorName) {
+      if (!editorName) {
+        return false;
+      }
+      if (propName.indexOf("-") <= -1) {
+        const uniquePropName = this.selectedWidget.type + "-" + propName;
+        if (propertyRegistered(uniquePropName)) {
+          return false;
+        }
       }
-      const t = e.replace(this.selectedWidget.type + "-", "");
-      return this.designer.hasConfig(this.selectedWidget, t);
+      const originalPropName = propName.replace(this.selectedWidget.type + "-", "");
+      const res = this.designer.hasConfig(this.selectedWidget, originalPropName);
+      return res;
     },
-    getPropEditor(e, l) {
-      const t = e.replace(this.selectedWidget.type + "-", ""), f = `${this.selectedWidget.type}-${t}-editor`;
-      return this.$options.components[f] || this.$root.$.appContext.components[f] ? f : l;
+    getPropEditor(propName, editorName) {
+      const originalPropName = propName.replace(this.selectedWidget.type + "-", "");
+      const ownPropEditorName = `${this.selectedWidget.type}-${originalPropName}-editor`;
+      if (!!this.$options.components[ownPropEditorName]) {
+        return ownPropEditorName;
+      }
+      return !!this.$root.$.appContext.components[ownPropEditorName] ? ownPropEditorName : editorName;
     },
-    showCollapse(e) {
-      let l = !1;
-      for (const t in e)
-        if (e.hasOwnProperty(t) && this.hasPropEditor(t, e[t])) {
-          l = !0;
+    showCollapse(propsObj) {
+      let result = false;
+      for (const propName in propsObj) {
+        if (!propsObj.hasOwnProperty(propName)) {
+          continue;
+        }
+        if (this.hasPropEditor(propName, propsObj[propName])) {
+          result = true;
           break;
         }
-      return l;
+      }
+      return result;
     },
-    editEventHandler(e, l) {
-      this.curEventName = e, this.eventHeader = `${this.optionModel.name}.${e}(${l.join(", ")}) {`, this.eventHandlerCode = this.selectedWidget.options[e] || "", e === "onValidate" && !this.optionModel.onValidate && (this.eventHandlerCode = `  /* sample code */
-  /*
-  if ((value > 100) || (value < 0)) {
-    return Promise.reject('error message')  //fail
-  } else {
-    return Promise.resolve();  //pass
-  }
-  */`), this.showWidgetEventDialogFlag = !0;
+    editEventHandler(eventName, eventParams) {
+      this.curEventName = eventName;
+      this.eventHeader = `${this.optionModel.name}.${eventName}(${eventParams.join(", ")}) {`;
+      this.eventHandlerCode = this.selectedWidget.options[eventName] || "";
+      if (eventName === "onValidate" && !this.optionModel["onValidate"]) {
+        this.eventHandlerCode = "  /* sample code */\n  /*\n  if ((value > 100) || (value < 0)) {\n    return Promise.reject('error message')  //fail\n  } else {\n    return Promise.resolve();  //pass\n  }\n  */";
+      }
+      this.showWidgetEventDialogFlag = true;
     },
     saveEventHandler() {
-      const e = this.$refs.ecEditor.getEditorAnnotations();
-      let l = !1;
-      if (e && e.length > 0 && (e.forEach((t) => {
-        t.type === "error" && (l = !0);
-      }), l)) {
-        this.$message.error(this.i18nt("designer.setting.syntaxCheckWarning"));
-        return;
+      const codeHints = this.$refs.ecEditor.getEditorAnnotations();
+      let syntaxErrorFlag = false;
+      if (!!codeHints && codeHints.length > 0) {
+        codeHints.forEach((chItem) => {
+          if (chItem.type === "error") {
+            syntaxErrorFlag = true;
+          }
+        });
+        if (syntaxErrorFlag) {
+          this.$message.error(this.i18nt("designer.setting.syntaxCheckWarning"));
+          return;
+        }
       }
       if (this.curEventName.includes(".")) {
-        const [t, f] = this.curEventName.split(".");
-        this.selectedWidget.options[t][f] = this.eventHandlerCode;
-      } else
+        const [a, b] = this.curEventName.split(".");
+        this.selectedWidget.options[a][b] = this.eventHandlerCode;
+      } else {
         this.selectedWidget.options[this.curEventName] = this.eventHandlerCode;
-      this.showWidgetEventDialogFlag = !1;
+      }
+      this.showWidgetEventDialogFlag = false;
     }
   }
-}, Z = { class: "dialog-footer" };
-function N(e, l, t, f, n, i) {
-  const v = c("a-collapse-panel"), _ = c("a-collapse"), P = c("a-form"), S = c("a-empty"), E = c("a-tab-pane"), M = c("form-setting"), D = c("FormCrudSetting"), T = c("a-tabs"), b = c("a-alert"), A = c("code-editor"), W = c("a-button"), V = c("a-modal"), K = c("a-layout"), O = c("a-config-provider");
-  return o(), a(O, {
+};
+const _hoisted_1 = { class: "dialog-footer" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_collapse_panel = resolveComponent("a-collapse-panel");
+  const _component_a_collapse = resolveComponent("a-collapse");
+  const _component_a_form = resolveComponent("a-form");
+  const _component_a_empty = resolveComponent("a-empty");
+  const _component_a_tab_pane = resolveComponent("a-tab-pane");
+  const _component_form_setting = resolveComponent("form-setting");
+  const _component_FormCrudSetting = resolveComponent("FormCrudSetting");
+  const _component_a_tabs = resolveComponent("a-tabs");
+  const _component_a_alert = resolveComponent("a-alert");
+  const _component_code_editor = resolveComponent("code-editor");
+  const _component_a_button = resolveComponent("a-button");
+  const _component_a_modal = resolveComponent("a-modal");
+  const _component_a_layout = resolveComponent("a-layout");
+  const _component_a_config_provider = resolveComponent("a-config-provider");
+  return openBlock(), createBlock(_component_a_config_provider, {
     "component-size": "small",
     input: { autocomplete: "off" }
   }, {
-    default: d(() => [
-      u(K, { class: "panel-container" }, {
-        default: d(() => [
-          u(T, {
-            activeKey: n.activeTab,
-            "onUpdate:activeKey": l[4] || (l[4] = (s) => n.activeTab = s),
-            style: { height: "100%", width: "100%", overflow: "hidden" }
+    default: withCtx(() => [
+      createVNode(_component_a_layout, { class: "panel-container" }, {
+        default: withCtx(() => [
+          createVNode(_component_a_tabs, {
+            activeKey: $data.activeTab,
+            "onUpdate:activeKey": _cache[4] || (_cache[4] = ($event) => $data.activeTab = $event),
+            style: { "height": "100%", "width": "100%", "overflow": "hidden" }
           }, {
-            default: d(() => [
-              u(E, {
-                tab: e.i18nt("designer.hint.widgetSetting"),
+            default: withCtx(() => [
+              createVNode(_component_a_tab_pane, {
+                tab: _ctx.i18nt("designer.hint.widgetSetting"),
                 key: "1"
               }, {
-                default: d(() => [
-                  C("div", {
+                default: withCtx(() => [
+                  createElementVNode("div", {
                     class: "setting-scrollbar",
-                    style: w({ height: n.scrollerHeight })
+                    style: normalizeStyle({ height: $data.scrollerHeight })
                   }, [
-                    t.designer.selectedWidget && !t.designer.selectedWidget.category ? (o(), a(P, {
+                    !!$props.designer.selectedWidget && !$props.designer.selectedWidget.category ? (openBlock(), createBlock(_component_a_form, {
                       key: 0,
-                      model: i.optionModel,
+                      model: $options.optionModel,
                       labelAlign: "left",
                       "label-width": "120px",
                       class: "setting-form tpf-form",
-                      onSubmit: l[1] || (l[1] = H(() => {
+                      onSubmit: _cache[1] || (_cache[1] = withModifiers(() => {
                       }, ["prevent"]))
                     }, {
-                      default: d(() => [
-                        u(_, {
-                          activeKey: n.widgetActiveCollapseNames,
-                          "onUpdate:activeKey": l[0] || (l[0] = (s) => n.widgetActiveCollapseNames = s),
+                      default: withCtx(() => [
+                        createVNode(_component_a_collapse, {
+                          activeKey: $data.widgetActiveCollapseNames,
+                          "onUpdate:activeKey": _cache[0] || (_cache[0] = ($event) => $data.widgetActiveCollapseNames = $event),
                           class: "setting-collapse"
                         }, {
-                          default: d(() => [
-                            i.showCollapse(n.commonProps) ? (o(), a(v, {
+                          default: withCtx(() => [
+                            $options.showCollapse($data.commonProps) ? (openBlock(), createBlock(_component_a_collapse_panel, {
                               key: "1",
-                              header: e.i18nt("designer.setting.常见属性")
+                              header: _ctx.i18nt("designer.setting.常见属性")
                             }, {
-                              default: d(() => [
-                                (o(!0), m(h, null, p(n.commonProps, (s, r) => (o(), m(h, null, [
-                                  i.hasPropEditor(r, s) ? (o(), a(y(i.getPropEditor(r, s)), {
-                                    key: r,
-                                    designer: t.designer,
-                                    "selected-widget": t.selectedWidget,
-                                    "option-model": i.optionModel
-                                  }, null, 8, ["designer", "selected-widget", "option-model"])) : g("", !0)
-                                ], 64))), 256))
+                              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
+                                    }, null, 8, ["designer", "selected-widget", "option-model"])) : createCommentVNode("", true)
+                                  ], 64);
+                                }), 256))
                               ]),
                               _: 1
-                            }, 8, ["header"])) : g("", !0),
-                            i.showCollapse(n.advProps) ? (o(), a(v, {
+                            }, 8, ["header"])) : createCommentVNode("", true),
+                            $options.showCollapse($data.advProps) ? (openBlock(), createBlock(_component_a_collapse_panel, {
                               key: "2",
-                              header: e.i18nt("designer.setting.高级属性")
+                              header: _ctx.i18nt("designer.setting.高级属性")
                             }, {
-                              default: d(() => [
-                                (o(!0), m(h, null, p(n.advProps, (s, r) => (o(), m(h, null, [
-                                  i.hasPropEditor(r, s) ? (o(), a(y(i.getPropEditor(r, s)), {
-                                    key: r,
-                                    designer: t.designer,
-                                    "selected-widget": t.selectedWidget,
-                                    "option-model": i.optionModel
-                                  }, null, 8, ["designer", "selected-widget", "option-model"])) : g("", !0)
-                                ], 64))), 256))
+                              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"])) : g("", !0),
-                            i.showEventCollapse() && i.showCollapse(n.eventProps) ? (o(), a(v, {
+                            }, 8, ["header"])) : createCommentVNode("", true),
+                            $options.showEventCollapse() && $options.showCollapse($data.eventProps) ? (openBlock(), createBlock(_component_a_collapse_panel, {
                               key: "3",
-                              header: e.i18nt("designer.setting.事件属性")
+                              header: _ctx.i18nt("designer.setting.事件属性")
                             }, {
-                              default: d(() => [
-                                (o(!0), m(h, null, p(n.eventProps, (s, r) => (o(), m(h, null, [
-                                  i.hasPropEditor(r, s) ? (o(), a(y(i.getPropEditor(r, s)), {
-                                    key: r,
-                                    designer: t.designer,
-                                    "selected-widget": t.selectedWidget,
-                                    "option-model": i.optionModel,
-                                    "event-handled": i.getEventHandled(r)
-                                  }, null, 8, ["designer", "selected-widget", "option-model", "event-handled"])) : g("", !0)
-                                ], 64))), 256))
+                              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"])) : g("", !0)
+                            }, 8, ["header"])) : createCommentVNode("", true)
                           ]),
                           _: 1
                         }, 8, ["activeKey"])
                       ]),
                       _: 1
-                    }, 8, ["model"])) : g("", !0),
-                    t.designer.selectedWidget && t.designer.selectedWidget.category ? (o(), a(P, {
+                    }, 8, ["model"])) : createCommentVNode("", true),
+                    !!$props.designer.selectedWidget && !!$props.designer.selectedWidget.category ? (openBlock(), createBlock(_component_a_form, {
                       key: 1,
-                      model: i.optionModel,
+                      model: $options.optionModel,
                       labelAlign: "left",
                       "label-width": "120px",
                       class: "setting-form tpf-form",
-                      onSubmit: l[3] || (l[3] = H(() => {
+                      onSubmit: _cache[3] || (_cache[3] = withModifiers(() => {
                       }, ["prevent"]))
                     }, {
-                      default: d(() => [
-                        u(_, {
-                          activeKey: n.widgetActiveCollapseNames,
-                          "onUpdate:activeKey": l[2] || (l[2] = (s) => n.widgetActiveCollapseNames = s),
+                      default: withCtx(() => [
+                        createVNode(_component_a_collapse, {
+                          activeKey: $data.widgetActiveCollapseNames,
+                          "onUpdate:activeKey": _cache[2] || (_cache[2] = ($event) => $data.widgetActiveCollapseNames = $event),
                           class: "setting-collapse"
                         }, {
-                          default: d(() => [
-                            i.showCollapse(n.commonProps) ? (o(), a(v, {
+                          default: withCtx(() => [
+                            $options.showCollapse($data.commonProps) ? (openBlock(), createBlock(_component_a_collapse_panel, {
                               key: "1",
-                              header: e.i18nt("designer.setting.常见属性")
+                              header: _ctx.i18nt("designer.setting.常见属性")
                             }, {
-                              default: d(() => [
-                                (o(!0), m(h, null, p(n.commonProps, (s, r) => (o(), m(h, null, [
-                                  i.hasPropEditor(r, s) ? (o(), a(y(i.getPropEditor(r, s)), {
-                                    key: r,
-                                    designer: t.designer,
-                                    "selected-widget": t.selectedWidget,
-                                    "option-model": i.optionModel
-                                  }, null, 8, ["designer", "selected-widget", "option-model"])) : g("", !0)
-                                ], 64))), 256))
+                              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
+                                    }, null, 8, ["designer", "selected-widget", "option-model"])) : createCommentVNode("", true)
+                                  ], 64);
+                                }), 256))
                               ]),
                               _: 1
-                            }, 8, ["header"])) : g("", !0),
-                            i.showCollapse(n.advProps) ? (o(), a(v, {
+                            }, 8, ["header"])) : createCommentVNode("", true),
+                            $options.showCollapse($data.advProps) ? (openBlock(), createBlock(_component_a_collapse_panel, {
                               key: "2",
-                              header: e.i18nt("designer.setting.高级属性")
+                              header: _ctx.i18nt("designer.setting.高级属性")
                             }, {
-                              default: d(() => [
-                                (o(!0), m(h, null, p(n.advProps, (s, r) => (o(), m(h, null, [
-                                  i.hasPropEditor(r, s) ? (o(), a(y(i.getPropEditor(r, s)), {
-                                    key: r,
-                                    designer: t.designer,
-                                    "selected-widget": t.selectedWidget,
-                                    "option-model": i.optionModel
-                                  }, null, 8, ["designer", "selected-widget", "option-model"])) : g("", !0)
-                                ], 64))), 256))
+                              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"])) : g("", !0),
-                            i.showEventCollapse() && i.showCollapse(n.eventProps) ? (o(), a(v, {
+                            }, 8, ["header"])) : createCommentVNode("", true),
+                            $options.showEventCollapse() && $options.showCollapse($data.eventProps) ? (openBlock(), createBlock(_component_a_collapse_panel, {
                               key: "3",
-                              header: e.i18nt("designer.setting.事件属性")
+                              header: _ctx.i18nt("designer.setting.事件属性")
                             }, {
-                              default: d(() => [
-                                (o(!0), m(h, null, p(n.eventProps, (s, r) => (o(), m(h, null, [
-                                  i.hasPropEditor(r, s) ? (o(), a(y(i.getPropEditor(r, s)), {
-                                    key: r,
-                                    designer: t.designer,
-                                    "selected-widget": t.selectedWidget,
-                                    "option-model": i.optionModel,
-                                    "event-handled": i.getEventHandled(r)
-                                  }, null, 8, ["designer", "selected-widget", "option-model", "event-handled"])) : g("", !0)
-                                ], 64))), 256))
+                              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"])) : g("", !0)
+                            }, 8, ["header"])) : createCommentVNode("", true)
                           ]),
                           _: 1
                         }, 8, ["activeKey"])
                       ]),
                       _: 1
-                    }, 8, ["model"])) : g("", !0),
-                    t.designer.selectedWidget ? g("", !0) : (o(), a(S, {
+                    }, 8, ["model"])) : createCommentVNode("", true),
+                    !$props.designer.selectedWidget ? (openBlock(), createBlock(_component_a_empty, {
                       key: 2,
-                      description: e.i18nt("designer.hint.noSelectedWidgetHint")
-                    }, null, 8, ["description"]))
+                      description: _ctx.i18nt("designer.hint.noSelectedWidgetHint")
+                    }, null, 8, ["description"])) : createCommentVNode("", true)
                   ], 4)
                 ]),
                 _: 1
               }, 8, ["tab"]),
-              t.designer ? (o(), a(E, {
-                tab: e.i18nt("designer.hint.表单设置"),
+              !!$props.designer ? (openBlock(), createBlock(_component_a_tab_pane, {
+                tab: _ctx.i18nt("designer.hint.表单设置"),
                 key: "2"
               }, {
-                default: d(() => [
-                  C("div", {
+                default: withCtx(() => [
+                  createElementVNode("div", {
                     class: "setting-scrollbar",
-                    style: w({ height: n.scrollerHeight })
+                    style: normalizeStyle({ height: $data.scrollerHeight })
                   }, [
-                    u(M, {
-                      designer: t.designer,
-                      "form-config": t.formConfig
+                    createVNode(_component_form_setting, {
+                      designer: $props.designer,
+                      "form-config": $props.formConfig
                     }, null, 8, ["designer", "form-config"])
                   ], 4)
                 ]),
                 _: 1
-              }, 8, ["tab"])) : g("", !0),
-              u(E, {
+              }, 8, ["tab"])) : createCommentVNode("", true),
+              createVNode(_component_a_tab_pane, {
                 tab: "表单api配置",
                 key: "3"
               }, {
-                default: d(() => [
-                  C("div", {
+                default: withCtx(() => [
+                  createElementVNode("div", {
                     class: "ds-setting-scrollbar",
-                    style: w({ height: n.scrollerHeight })
+                    style: normalizeStyle({ height: $data.scrollerHeight })
                   }, [
-                    u(D, {
-                      designer: t.designer,
-                      "form-config": t.formConfig
+                    createVNode(_component_FormCrudSetting, {
+                      designer: $props.designer,
+                      "form-config": $props.formConfig
                     }, null, 8, ["designer", "form-config"])
                   ], 4)
                 ]),
@@ -371,55 +427,55 @@ function N(e, l, t, f, n, i) {
             ]),
             _: 1
           }, 8, ["activeKey"]),
-          u(V, {
-            title: e.i18nt("designer.setting.editWidgetEventHandler"),
-            visible: n.showWidgetEventDialogFlag,
-            "onUpdate:visible": l[7] || (l[7] = (s) => n.showWidgetEventDialogFlag = s),
-            "show-close": !0,
+          createVNode(_component_a_modal, {
+            title: _ctx.i18nt("designer.setting.editWidgetEventHandler"),
+            visible: $data.showWidgetEventDialogFlag,
+            "onUpdate:visible": _cache[7] || (_cache[7] = ($event) => $data.showWidgetEventDialogFlag = $event),
+            "show-close": true,
             "custom-class": "drag-dialog small-padding-dialog",
             "append-to-body": "",
-            "close-on-click-modal": !1,
-            "close-on-press-escape": !1,
-            "destroy-on-close": !0,
+            "close-on-click-modal": false,
+            "close-on-press-escape": false,
+            "destroy-on-close": true,
             width: 800
           }, {
-            footer: d(() => [
-              C("div", Z, [
-                u(W, {
-                  onClick: l[6] || (l[6] = (s) => n.showWidgetEventDialogFlag = !1)
+            footer: withCtx(() => [
+              createElementVNode("div", _hoisted_1, [
+                createVNode(_component_a_button, {
+                  onClick: _cache[6] || (_cache[6] = ($event) => $data.showWidgetEventDialogFlag = false)
                 }, {
-                  default: d(() => [
-                    k(F(e.i18nt("designer.hint.cancel")), 1)
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.cancel")), 1)
                   ]),
                   _: 1
                 }),
-                u(W, {
+                createVNode(_component_a_button, {
                   type: "primary",
-                  onClick: i.saveEventHandler
+                  onClick: $options.saveEventHandler
                 }, {
-                  default: d(() => [
-                    k(F(e.i18nt("designer.hint.confirm")), 1)
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.confirm")), 1)
                   ]),
                   _: 1
                 }, 8, ["onClick"])
               ])
             ]),
-            default: d(() => [
-              u(b, {
+            default: withCtx(() => [
+              createVNode(_component_a_alert, {
                 type: "info",
-                closable: !1,
-                message: n.eventHeader
+                closable: false,
+                message: $data.eventHeader
               }, null, 8, ["message"]),
-              u(A, {
+              createVNode(_component_code_editor, {
                 mode: "javascript",
-                readonly: !1,
-                modelValue: n.eventHandlerCode,
-                "onUpdate:modelValue": l[5] || (l[5] = (s) => n.eventHandlerCode = s),
+                readonly: false,
+                modelValue: $data.eventHandlerCode,
+                "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => $data.eventHandlerCode = $event),
                 ref: "ecEditor"
               }, null, 8, ["modelValue"]),
-              u(b, {
+              createVNode(_component_a_alert, {
                 type: "info",
-                closable: !1,
+                closable: false,
                 message: "}"
               })
             ]),
@@ -432,7 +488,7 @@ function N(e, l, t, f, n, i) {
     _: 1
   });
 }
-const ce = /* @__PURE__ */ G(Y, [["render", N], ["__scopeId", "data-v-485f8d38"]]);
+const SettingPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-485f8d38"]]);
 export {
-  ce as default
+  SettingPanel as default
 };