@kp-ui/lowcode 1.0.91 → 1.0.94

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

@@ -1,27 +1,26 @@
-import CodeEditor from "../../code-editor/index.vue.js";
-import comps from "./property-editor/index.js";
-import FormSetting from "./form-setting.vue.js";
-import _sfc_main$1 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 _sfc_main$2 from "../../code-editor/code-modal-editor.vue.js";
-import { resolveComponent, createBlock, openBlock, withCtx, createVNode, createCommentVNode, createElementVNode, normalizeStyle, withModifiers, createElementBlock, Fragment, renderList, resolveDynamicComponent } from "vue";
+import T from "../../code-editor/index.vue.js";
+import D from "./property-editor/index.js";
+import K from "./form-setting.vue.js";
+import O from "./form-crud-setting.vue.js";
+import V, { propertyRegistered as j } from "./propertyRegister.js";
+import { addWindowResizeHandler as U } from "../../../utils/util.js";
+import x from "../../../utils/i18n.js";
+import I from "../../../utils/emitter.js";
+import z from "../../code-editor/code-modal-editor.vue.js";
+import { resolveComponent as m, createBlock as s, openBlock as n, withCtx as g, createVNode as f, createCommentVNode as a, createElementVNode as P, normalizeStyle as w, withModifiers as W, createElementBlock as c, Fragment as u, renderList as p, resolveDynamicComponent as C } from "vue";
 /* empty css           */
 /* empty css           */
-import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
-const { COMMON_PROPERTIES, ADVANCED_PROPERTIES, EVENT_PROPERTIES } = WidgetProperties;
-const _sfc_main = {
+import B from "../../../../_virtual/_plugin-vue_export-helper.js";
+const { COMMON_PROPERTIES: L, ADVANCED_PROPERTIES: q, EVENT_PROPERTIES: G } = V, J = {
   name: "SettingPanel",
   componentName: "SettingPanel",
-  mixins: [i18n, emitter],
+  mixins: [x, I],
   components: {
-    CodeEditor,
-    FormSetting,
-    CodeModalEditor: _sfc_main$2,
-    FormCrudSetting: _sfc_main$1,
-    ...comps
+    CodeEditor: T,
+    FormSetting: K,
+    CodeModalEditor: z,
+    FormCrudSetting: O,
+    ...D
   },
   props: {
     designer: Object,
@@ -47,14 +46,14 @@ const _sfc_main = {
       activeTab: "2",
       widgetActiveCollapseNames: ["1", "2", "3"],
       formActiveCollapseNames: ["1", "2"],
-      commonProps: COMMON_PROPERTIES,
-      advProps: ADVANCED_PROPERTIES,
-      eventProps: EVENT_PROPERTIES,
-      showWidgetEventDialogFlag: false,
+      commonProps: L,
+      advProps: q,
+      eventProps: G,
+      showWidgetEventDialogFlag: !1,
       eventHandlerCode: "",
       curEventName: "",
       eventHeader: "",
-      subFormChildWidgetFlag: false
+      subFormChildWidgetFlag: !1
     };
   },
   computed: {
@@ -62,364 +61,311 @@ const _sfc_main = {
       get() {
         return this.selectedWidget.options;
       },
-      set(newValue) {
-        this.selectedWidget.options = newValue;
+      set(e) {
+        this.selectedWidget.options = e;
       }
     }
   },
   watch: {
     "designer.selectedWidget": {
-      handler(val) {
-        if (!!val) {
-          this.activeTab = "1";
-        }
+      handler(e) {
+        e && (this.activeTab = "1");
       }
     },
     "selectedWidget.options": {
       //组件属性变动后，立即保存表单JSON！！
-      deep: true,
+      deep: !0,
       handler() {
         this.designer.saveCurrentHistoryStep();
       }
     },
     formConfig: {
-      deep: true,
+      deep: !0,
       handler() {
         this.designer.saveCurrentHistoryStep();
       }
     }
   },
   created() {
-    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";
+    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";
     });
   },
   mounted() {
-    if (!this.designer.selectedWidget) {
-      this.activeTab = "2";
-    } else {
-      this.activeTab = "1";
-    }
-    this.scrollerHeight = window.innerHeight - 56 - 48 + "px";
-    addWindowResizeHandler(() => {
+    this.designer.selectedWidget ? this.activeTab = "1" : this.activeTab = "2", this.scrollerHeight = window.innerHeight - 56 - 48 + "px", U(() => {
       this.$nextTick(() => {
         this.scrollerHeight = window.innerHeight - 56 - 48 + "px";
       });
     });
   },
   methods: {
-    getEventHandled(eventName) {
-      return !!this.optionModel[eventName] && this.optionModel[eventName].length > 0;
+    getEventHandled(e) {
+      return !!this.optionModel[e] && this.optionModel[e].length > 0;
     },
     showEventCollapse() {
-      if (this.designerConfig["eventCollapse"] === void 0) {
-        return true;
-      }
-      return !!this.designerConfig["eventCollapse"];
+      return this.designerConfig.eventCollapse === void 0 ? !0 : !!this.designerConfig.eventCollapse;
     },
-    hasPropEditor(propName, editorName) {
-      if (!editorName) {
-        return false;
-      }
-      if (propName.indexOf("-") <= -1) {
-        const uniquePropName = this.selectedWidget.type + "-" + propName;
-        if (propertyRegistered(uniquePropName)) {
-          return false;
-        }
+    hasPropEditor(e, o) {
+      if (!o)
+        return !1;
+      if (e.indexOf("-") <= -1) {
+        const d = this.selectedWidget.type + "-" + e;
+        if (j(d))
+          return !1;
       }
-      const originalPropName = propName.replace(this.selectedWidget.type + "-", "");
-      const res = this.designer.hasConfig(this.selectedWidget, originalPropName);
-      return res;
+      const t = e.replace(this.selectedWidget.type + "-", "");
+      return this.designer.hasConfig(this.selectedWidget, t);
     },
-    getPropEditor(propName, editorName) {
-      const originalPropName = propName.replace(this.selectedWidget.type + "-", "");
-      const ownPropEditorName = `${this.selectedWidget.type}-${originalPropName}-editor`;
-      if (this.$options.components[ownPropEditorName]) {
-        return ownPropEditorName;
-      }
-      const editName = this.$root.$.appContext.components[ownPropEditorName] ? ownPropEditorName : editorName;
-      return editName;
+    getPropEditor(e, o) {
+      const t = e.replace(this.selectedWidget.type + "-", ""), h = `${this.selectedWidget.type}-${t}-editor`;
+      return this.$options.components[h] || this.$root.$.appContext.components[h] ? h : o;
     },
-    showCollapse(propsObj) {
-      let result = false;
-      for (const propName in propsObj) {
-        if (!propsObj.hasOwnProperty(propName)) {
-          continue;
-        }
-        if (this.hasPropEditor(propName, propsObj[propName])) {
-          result = true;
+    showCollapse(e) {
+      let o = !1;
+      for (const t in e)
+        if (e.hasOwnProperty(t) && this.hasPropEditor(t, e[t])) {
+          o = !0;
           break;
         }
-      }
-      return result;
+      return o;
     },
-    editEventHandler(eventName, eventParams) {
-      this.curEventName = eventName;
-      this.eventHeader = `${this.optionModel.name}.${eventName}(${eventParams.join(
+    editEventHandler(e, o) {
+      this.curEventName = e, this.eventHeader = `${this.optionModel.name}.${e}(${o.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  */";
-      }
-      console.log(this.eventHandlerCode);
-      this.$refs.CodeModalEditorRef.open(this.eventHandlerCode);
+      )}) {`, 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
+  }
+  */`), console.log(this.eventHandlerCode), this.$refs.CodeModalEditorRef.open(this.eventHandlerCode);
     },
-    saveEventHandler(value) {
-      const codeHints = this.$refs.CodeModalEditorRef.codeEditorRef.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;
-        }
+    saveEventHandler(e) {
+      const o = this.$refs.CodeModalEditorRef.codeEditorRef.ecEditor.getEditorAnnotations();
+      let t = !1;
+      if (o && o.length > 0 && (o.forEach((h) => {
+        h.type === "error" && (t = !0);
+      }), t)) {
+        this.$message.error(this.i18nt("designer.setting.syntaxCheckWarning"));
+        return;
       }
       if (this.curEventName.includes(".")) {
-        const [a, b] = this.curEventName.split(".");
-        this.selectedWidget.options[a][b] = value;
-      } else {
-        this.selectedWidget.options[this.curEventName] = value;
-      }
+        const [h, d] = this.curEventName.split(".");
+        this.selectedWidget.options[h][d] = e;
+      } else
+        this.selectedWidget.options[this.curEventName] = e;
     }
   }
 };
-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_CodeModalEditor = resolveComponent("CodeModalEditor");
-  const _component_a_layout = resolveComponent("a-layout");
-  const _component_a_config_provider = resolveComponent("a-config-provider");
-  return openBlock(), createBlock(_component_a_config_provider, { componentSize: "small" }, {
-    default: withCtx(() => [
-      createVNode(_component_a_layout, { class: "panel-container" }, {
-        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" }
+function Q(e, o, t, h, d, i) {
+  const v = m("a-collapse-panel"), _ = m("a-collapse"), b = m("a-form"), H = m("a-empty"), E = m("a-tab-pane"), M = m("form-setting"), k = m("FormCrudSetting"), S = m("a-tabs"), F = m("CodeModalEditor"), R = m("a-layout"), A = m("a-config-provider");
+  return n(), s(A, { componentSize: "small" }, {
+    default: g(() => [
+      f(R, { class: "panel-container" }, {
+        default: g(() => [
+          f(S, {
+            activeKey: d.activeTab,
+            "onUpdate:activeKey": o[6] || (o[6] = (l) => d.activeTab = l),
+            style: { height: "100%", width: "100%", overflow: "hidden" }
           }, {
-            default: withCtx(() => [
-              createVNode(_component_a_tab_pane, {
-                tab: _ctx.i18nt("designer.hint.widgetSetting"),
+            default: g(() => [
+              f(E, {
+                tab: e.i18nt("designer.hint.widgetSetting"),
                 key: "1"
               }, {
-                default: withCtx(() => [
-                  createElementVNode("div", {
+                default: g(() => [
+                  P("div", {
                     class: "setting-scrollbar",
-                    style: normalizeStyle({ height: $data.scrollerHeight })
+                    style: w({ height: d.scrollerHeight })
                   }, [
-                    !!$props.designer.selectedWidget && !$props.designer.selectedWidget.category ? (openBlock(), createBlock(_component_a_form, {
+                    t.designer.selectedWidget && !t.designer.selectedWidget.category ? (n(), s(b, {
                       key: 0,
-                      model: $options.optionModel,
+                      model: i.optionModel,
                       labelAlign: "left",
                       "label-width": "120px",
                       class: "setting-form tpf-form",
-                      onSubmit: _cache[2] || (_cache[2] = withModifiers(() => {
+                      onSubmit: o[2] || (o[2] = W(() => {
                       }, ["prevent"]))
                     }, {
-                      default: withCtx(() => [
-                        createVNode(_component_a_collapse, {
-                          activeKey: $data.widgetActiveCollapseNames,
-                          "onUpdate:activeKey": _cache[1] || (_cache[1] = ($event) => $data.widgetActiveCollapseNames = $event),
+                      default: g(() => [
+                        f(_, {
+                          activeKey: d.widgetActiveCollapseNames,
+                          "onUpdate:activeKey": o[1] || (o[1] = (l) => d.widgetActiveCollapseNames = l),
                           class: "setting-collapse"
                         }, {
-                          default: withCtx(() => [
-                            $options.showCollapse($data.commonProps) ? (openBlock(), createBlock(_component_a_collapse_panel, {
+                          default: g(() => [
+                            i.showCollapse(d.commonProps) ? (n(), s(v, {
                               key: "1",
-                              header: _ctx.i18nt("designer.setting.常见属性")
+                              header: e.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))
+                              default: g(() => [
+                                (n(!0), c(u, null, p(d.commonProps, (l, r) => (n(), c(u, null, [
+                                  i.hasPropEditor(r, l) ? (n(), s(C(i.getPropEditor(r, l)), {
+                                    key: r,
+                                    designer: t.designer,
+                                    "selected-widget": t.selectedWidget,
+                                    "option-model": i.optionModel,
+                                    "onUpdate:optionModel": o[0] || (o[0] = (y) => i.optionModel = y)
+                                  }, null, 40, ["designer", "selected-widget", "option-model"])) : a("", !0)
+                                ], 64))), 256))
                               ]),
                               _: 1
-                            }, 8, ["header"])) : createCommentVNode("", true),
-                            $options.showCollapse($data.advProps) ? (openBlock(), createBlock(_component_a_collapse_panel, {
+                            }, 8, ["header"])) : a("", !0),
+                            i.showCollapse(d.advProps) ? (n(), s(v, {
                               key: "2",
-                              header: _ctx.i18nt("designer.setting.高级属性")
+                              header: e.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))
+                              default: g(() => [
+                                (n(!0), c(u, null, p(d.advProps, (l, r) => (n(), c(u, null, [
+                                  i.hasPropEditor(r, l) ? (n(), s(C(i.getPropEditor(r, l)), {
+                                    key: r,
+                                    designer: t.designer,
+                                    "selected-widget": t.selectedWidget,
+                                    "option-model": i.optionModel
+                                  }, null, 8, ["designer", "selected-widget", "option-model"])) : a("", !0)
+                                ], 64))), 256))
                               ]),
                               _: 1
-                            }, 8, ["header"])) : createCommentVNode("", true),
-                            $options.showEventCollapse() && $options.showCollapse($data.eventProps) ? (openBlock(), createBlock(_component_a_collapse_panel, {
+                            }, 8, ["header"])) : a("", !0),
+                            i.showEventCollapse() && i.showCollapse(d.eventProps) ? (n(), s(v, {
                               key: "3",
                               class: "eventPanel",
-                              header: _ctx.i18nt("designer.setting.事件属性")
+                              header: e.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))
+                              default: g(() => [
+                                (n(!0), c(u, null, p(d.eventProps, (l, r) => (n(), c(u, null, [
+                                  i.hasPropEditor(r, l) ? (n(), s(C(i.getPropEditor(r, l)), {
+                                    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"])) : a("", !0)
+                                ], 64))), 256))
                               ]),
                               _: 1
-                            }, 8, ["header"])) : createCommentVNode("", true)
+                            }, 8, ["header"])) : a("", !0)
                           ]),
                           _: 1
                         }, 8, ["activeKey"])
                       ]),
                       _: 1
-                    }, 8, ["model"])) : createCommentVNode("", true),
-                    !!$props.designer.selectedWidget && !!$props.designer.selectedWidget.category ? (openBlock(), createBlock(_component_a_form, {
+                    }, 8, ["model"])) : a("", !0),
+                    t.designer.selectedWidget && t.designer.selectedWidget.category ? (n(), s(b, {
                       key: 1,
-                      model: $options.optionModel,
+                      model: i.optionModel,
                       labelAlign: "left",
                       "label-width": "120px",
                       class: "setting-form tpf-form",
-                      onSubmit: _cache[5] || (_cache[5] = withModifiers(() => {
+                      onSubmit: o[5] || (o[5] = W(() => {
                       }, ["prevent"]))
                     }, {
-                      default: withCtx(() => [
-                        createVNode(_component_a_collapse, {
-                          activeKey: $data.widgetActiveCollapseNames,
-                          "onUpdate:activeKey": _cache[4] || (_cache[4] = ($event) => $data.widgetActiveCollapseNames = $event),
+                      default: g(() => [
+                        f(_, {
+                          activeKey: d.widgetActiveCollapseNames,
+                          "onUpdate:activeKey": o[4] || (o[4] = (l) => d.widgetActiveCollapseNames = l),
                           class: "setting-collapse"
                         }, {
-                          default: withCtx(() => [
-                            $options.showCollapse($data.commonProps) ? (openBlock(), createBlock(_component_a_collapse_panel, {
+                          default: g(() => [
+                            i.showCollapse(d.commonProps) ? (n(), s(v, {
                               key: "1",
-                              header: _ctx.i18nt("designer.setting.常见属性")
+                              header: e.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))
+                              default: g(() => [
+                                (n(!0), c(u, null, p(d.commonProps, (l, r) => (n(), c(u, null, [
+                                  i.hasPropEditor(r, l) ? (n(), s(C(i.getPropEditor(r, l)), {
+                                    key: r,
+                                    designer: t.designer,
+                                    "selected-widget": t.selectedWidget,
+                                    "option-model": i.optionModel,
+                                    "onUpdate:optionModel": o[3] || (o[3] = (y) => i.optionModel = y)
+                                  }, null, 40, ["designer", "selected-widget", "option-model"])) : a("", !0)
+                                ], 64))), 256))
                               ]),
                               _: 1
-                            }, 8, ["header"])) : createCommentVNode("", true),
-                            $options.showCollapse($data.advProps) ? (openBlock(), createBlock(_component_a_collapse_panel, {
+                            }, 8, ["header"])) : a("", !0),
+                            i.showCollapse(d.advProps) ? (n(), s(v, {
                               key: "2",
-                              header: _ctx.i18nt("designer.setting.高级属性")
+                              header: e.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))
+                              default: g(() => [
+                                (n(!0), c(u, null, p(d.advProps, (l, r) => (n(), c(u, null, [
+                                  i.hasPropEditor(r, l) ? (n(), s(C(i.getPropEditor(r, l)), {
+                                    key: r,
+                                    designer: t.designer,
+                                    "selected-widget": t.selectedWidget,
+                                    "option-model": i.optionModel
+                                  }, null, 8, ["designer", "selected-widget", "option-model"])) : a("", !0)
+                                ], 64))), 256))
                               ]),
                               _: 1
-                            }, 8, ["header"])) : createCommentVNode("", true),
-                            $options.showEventCollapse() && $options.showCollapse($data.eventProps) ? (openBlock(), createBlock(_component_a_collapse_panel, {
+                            }, 8, ["header"])) : a("", !0),
+                            i.showEventCollapse() && i.showCollapse(d.eventProps) ? (n(), s(v, {
                               key: "3",
                               class: "eventPanel",
-                              header: _ctx.i18nt("designer.setting.事件属性")
+                              header: e.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))
+                              default: g(() => [
+                                (n(!0), c(u, null, p(d.eventProps, (l, r) => (n(), c(u, null, [
+                                  i.hasPropEditor(r, l) ? (n(), s(C(i.getPropEditor(r, l)), {
+                                    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"])) : a("", !0)
+                                ], 64))), 256))
                               ]),
                               _: 1
-                            }, 8, ["header"])) : createCommentVNode("", true)
+                            }, 8, ["header"])) : a("", !0)
                           ]),
                           _: 1
                         }, 8, ["activeKey"])
                       ]),
                       _: 1
-                    }, 8, ["model"])) : createCommentVNode("", true),
-                    !$props.designer.selectedWidget ? (openBlock(), createBlock(_component_a_empty, {
+                    }, 8, ["model"])) : a("", !0),
+                    t.designer.selectedWidget ? a("", !0) : (n(), s(H, {
                       key: 2,
-                      description: _ctx.i18nt("designer.hint.noSelectedWidgetHint")
-                    }, null, 8, ["description"])) : createCommentVNode("", true)
+                      description: e.i18nt("designer.hint.noSelectedWidgetHint")
+                    }, null, 8, ["description"]))
                   ], 4)
                 ]),
                 _: 1
               }, 8, ["tab"]),
-              !!$props.designer ? (openBlock(), createBlock(_component_a_tab_pane, {
-                tab: _ctx.i18nt("designer.hint.表单设置"),
+              t.designer ? (n(), s(E, {
+                tab: e.i18nt("designer.hint.表单设置"),
                 key: "2"
               }, {
-                default: withCtx(() => [
-                  createElementVNode("div", {
+                default: g(() => [
+                  P("div", {
                     class: "setting-scrollbar",
-                    style: normalizeStyle({ height: $data.scrollerHeight })
+                    style: w({ height: d.scrollerHeight })
                   }, [
-                    createVNode(_component_form_setting, {
-                      designer: $props.designer,
-                      "form-config": $props.formConfig
+                    f(M, {
+                      designer: t.designer,
+                      "form-config": t.formConfig
                     }, null, 8, ["designer", "form-config"])
                   ], 4)
                 ]),
                 _: 1
-              }, 8, ["tab"])) : createCommentVNode("", true),
-              createVNode(_component_a_tab_pane, {
+              }, 8, ["tab"])) : a("", !0),
+              f(E, {
                 tab: "表单api配置",
                 key: "3"
               }, {
-                default: withCtx(() => [
-                  createElementVNode("div", {
+                default: g(() => [
+                  P("div", {
                     class: "ds-setting-scrollbar",
-                    style: normalizeStyle({ height: $data.scrollerHeight })
+                    style: w({ height: d.scrollerHeight })
                   }, [
-                    createVNode(_component_FormCrudSetting, {
-                      designer: $props.designer,
-                      "form-config": $props.formConfig
+                    f(k, {
+                      designer: t.designer,
+                      "form-config": t.formConfig
                     }, null, 8, ["designer", "form-config"])
                   ], 4)
                 ]),
@@ -428,13 +374,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             _: 1
           }, 8, ["activeKey"]),
-          createVNode(_component_CodeModalEditor, {
-            eventHeader: $data.eventHeader,
+          f(F, {
+            eventHeader: d.eventHeader,
             ref: "CodeModalEditorRef",
-            title: _ctx.i18nt("designer.setting.editWidgetEventHandler"),
+            title: e.i18nt("designer.setting.editWidgetEventHandler"),
             mode: "javascript",
-            readonly: false,
-            onSave: $options.saveEventHandler
+            readonly: !1,
+            onSave: i.saveEventHandler
           }, null, 8, ["eventHeader", "title", "onSave"])
         ]),
         _: 1
@@ -443,8 +389,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   });
 }
-const SettingPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-dc8cd5e3"]]);
+const se = /* @__PURE__ */ B(J, [["render", Q], ["__scopeId", "data-v-dc8cd5e3"]]);
 export {
-  SettingPanel as default
+  se as default
 };
 //# sourceMappingURL=index.vue.js.map