@kp-ui/lowcode 1.0.25 → 1.0.27

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

@@ -1,13 +1,13 @@
-import O from "../../../utils/i18n.js";
-import U from "../../code-editor/index.vue.js";
-import { insertGlobalFunctionsToHtml as x, insertCustomCssToHead as E, deepClone as w } from "../../../utils/util.js";
-import { resolveComponent as m, createElementBlock as v, openBlock as C, createVNode as t, createCommentVNode as p, withModifiers as M, withCtx as s, createBlock as z, createTextVNode as f, toDisplayString as g, normalizeClass as c, createElementVNode as y } from "vue";
-import j from "../../../../_virtual/_plugin-vue_export-helper.js";
-const S = {
+import i18n from "../../../utils/i18n.js";
+import CodeEditor from "../../code-editor/index.vue.js";
+import { insertGlobalFunctionsToHtml, insertCustomCssToHead, deepClone } from "../../../utils/util.js";
+import { resolveComponent, createElementBlock, openBlock, createVNode, createCommentVNode, withModifiers, withCtx, createBlock, createTextVNode, toDisplayString, normalizeClass, createElementVNode } from "vue";
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
   name: "form-setting",
-  mixins: [O],
+  mixins: [i18n],
   components: {
-    CodeEditor: U
+    CodeEditor
   },
   props: {
     designer: Object,
@@ -23,12 +23,12 @@ const S = {
         { label: "large", value: "large" },
         { label: "small", value: "small" }
       ],
-      showEditFormCssDialogFlag: !1,
+      showEditFormCssDialogFlag: false,
       formCssCode: "",
       cssClassList: [],
-      showEditFunctionsDialogFlag: !1,
+      showEditFunctionsDialogFlag: false,
       functionsCode: "",
-      showFormEventDialogFlag: !1,
+      showFormEventDialogFlag: false,
       formEventHandlerCode: "",
       curEventName: "",
       eventParamsMap: {
@@ -41,146 +41,205 @@ const S = {
   },
   created() {
     this.designer.handleEvent("form-json-imported", () => {
-      this.formCssCode = this.formConfig.cssCode, E(this.formCssCode), this.extractCssClass(), this.designer.emitEvent("form-css-updated", w(this.cssClassList));
+      this.formCssCode = this.formConfig.cssCode;
+      insertCustomCssToHead(this.formCssCode);
+      this.extractCssClass();
+      this.designer.emitEvent("form-css-updated", deepClone(this.cssClassList));
     });
   },
   mounted() {
     setTimeout(() => {
-      this.formCssCode = this.formConfig.cssCode, E(this.formCssCode), this.extractCssClass(), this.designer.emitEvent("form-css-updated", w(this.cssClassList));
+      this.formCssCode = this.formConfig.cssCode;
+      insertCustomCssToHead(this.formCssCode);
+      this.extractCssClass();
+      this.designer.emitEvent("form-css-updated", deepClone(this.cssClassList));
     }, 1200);
   },
   methods: {
-    getFormEventHandled(o) {
-      return !!this.formConfig[o] && this.formConfig[o].length > 0;
+    getFormEventHandled(eventName) {
+      return !!this.formConfig[eventName] && this.formConfig[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"];
     },
     editFormCss() {
-      this.formCssCode = this.designer.formConfig.cssCode, this.showEditFormCssDialogFlag = !0;
+      this.formCssCode = this.designer.formConfig.cssCode;
+      this.showEditFormCssDialogFlag = true;
     },
     extractCssClass() {
-      const o = /\..*{/g, e = this.formCssCode.match(o), i = [];
-      e && e.length > 0 && e.forEach((_) => {
-        const l = _.split(",");
-        l.length > 0 && l.forEach((d) => {
-          const r = d.trim();
-          if (r.indexOf(".", 1) !== -1) {
-            const a = r.substring(
-              r.indexOf(".") + 1,
-              r.indexOf(".", 1)
-            );
-            a && i.push(a.trim());
-          } else if (r.indexOf(" ") !== -1) {
-            const a = r.substring(r.indexOf(".") + 1, r.indexOf(" "));
-            a && i.push(a.trim());
-          } else if (r.indexOf("{") !== -1) {
-            const a = r.substring(r.indexOf(".") + 1, r.indexOf("{"));
-            i.push(a.trim());
-          } else {
-            const a = r.substring(r.indexOf(".") + 1);
-            i.push(a.trim());
+      const regExp = /\..*{/g;
+      const result = this.formCssCode.match(regExp);
+      const cssNameArray = [];
+      if (!!result && result.length > 0) {
+        result.forEach((rItem) => {
+          const classArray = rItem.split(",");
+          if (classArray.length > 0) {
+            classArray.forEach((cItem) => {
+              const caItem = cItem.trim();
+              if (caItem.indexOf(".", 1) !== -1) {
+                const newClass = caItem.substring(
+                  caItem.indexOf(".") + 1,
+                  caItem.indexOf(".", 1)
+                );
+                if (!!newClass) {
+                  cssNameArray.push(newClass.trim());
+                }
+              } else if (caItem.indexOf(" ") !== -1) {
+                const newClass = caItem.substring(caItem.indexOf(".") + 1, caItem.indexOf(" "));
+                if (!!newClass) {
+                  cssNameArray.push(newClass.trim());
+                }
+              } else {
+                if (caItem.indexOf("{") !== -1) {
+                  const newClass = caItem.substring(caItem.indexOf(".") + 1, caItem.indexOf("{"));
+                  cssNameArray.push(newClass.trim());
+                } else {
+                  const newClass = caItem.substring(caItem.indexOf(".") + 1);
+                  cssNameArray.push(newClass.trim());
+                }
+              }
+            });
           }
         });
-      });
+      }
     },
     saveFormCss() {
-      this.extractCssClass(), this.designer.formConfig.cssCode = this.formCssCode, E(this.formCssCode), this.showEditFormCssDialogFlag = !1, this.designer.emitEvent("form-css-updated", w(this.cssClassList));
+      this.extractCssClass();
+      this.designer.formConfig.cssCode = this.formCssCode;
+      insertCustomCssToHead(this.formCssCode);
+      this.showEditFormCssDialogFlag = false;
+      this.designer.emitEvent("form-css-updated", deepClone(this.cssClassList));
     },
     editGlobalFunctions() {
-      this.functionsCode = this.designer.formConfig.functions, this.showEditFunctionsDialogFlag = !0;
+      this.functionsCode = this.designer.formConfig.functions;
+      this.showEditFunctionsDialogFlag = true;
     },
     saveGlobalFunctions() {
-      const o = this.$refs.gfEditor.getEditorAnnotations();
-      let e = !1;
-      if (o && o.length > 0 && (o.forEach((i) => {
-        i.type === "error" && (e = !0);
-      }), e)) {
-        this.$message.error(this.i18nt("designer.setting.syntaxCheckWarning"));
-        return;
+      const codeHints = this.$refs.gfEditor.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;
+        }
       }
-      this.designer.formConfig.functions = this.functionsCode, x(this.functionsCode), this.showEditFunctionsDialogFlag = !1;
+      this.designer.formConfig.functions = this.functionsCode;
+      insertGlobalFunctionsToHtml(this.functionsCode);
+      this.showEditFunctionsDialogFlag = false;
     },
-    editFormEventHandler(o) {
-      this.curEventName = o, this.formEventHandlerCode = this.formConfig[o], this.showFormEventDialogFlag = !0;
+    editFormEventHandler(eventName) {
+      this.curEventName = eventName;
+      this.formEventHandlerCode = this.formConfig[eventName];
+      this.showFormEventDialogFlag = true;
     },
     saveFormEventHandler() {
-      const o = this.$refs.ecEditor.getEditorAnnotations();
-      let e = !1;
-      if (o && o.length > 0 && (o.forEach((i) => {
-        i.type === "error" && (e = !0);
-      }), e)) {
-        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;
+        }
       }
-      this.formConfig[this.curEventName] = this.formEventHandlerCode, this.showFormEventDialogFlag = !1;
+      this.formConfig[this.curEventName] = this.formEventHandlerCode;
+      this.showFormEventDialogFlag = false;
     }
   }
-}, G = {
+};
+const _hoisted_1 = {
   key: 0,
   class: ""
-}, L = { class: "dialog-footer" }, P = {
+};
+const _hoisted_2 = { class: "dialog-footer" };
+const _hoisted_3 = {
   key: 1,
   class: ""
-}, W = { class: "dialog-footer" }, T = {
+};
+const _hoisted_4 = { class: "dialog-footer" };
+const _hoisted_5 = {
   key: 2,
   class: ""
-}, B = { class: "dialog-footer" };
-function K(o, e, i, _, l, d) {
-  const r = m("a-select"), a = m("a-form-item"), h = m("a-radio-button"), k = m("a-radio-group"), V = m("a-input-number"), u = m("a-button"), D = m("a-collapse-panel"), A = m("a-collapse"), N = m("a-form"), H = m("a-alert"), F = m("code-editor"), b = m("a-modal");
-  return C(), v("div", null, [
-    t(N, {
-      model: i.formConfig,
+};
+const _hoisted_6 = { class: "dialog-footer" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_select = resolveComponent("a-select");
+  const _component_a_form_item = resolveComponent("a-form-item");
+  const _component_a_radio_button = resolveComponent("a-radio-button");
+  const _component_a_radio_group = resolveComponent("a-radio-group");
+  const _component_a_input_number = resolveComponent("a-input-number");
+  const _component_a_button = resolveComponent("a-button");
+  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_alert = resolveComponent("a-alert");
+  const _component_code_editor = resolveComponent("code-editor");
+  const _component_a_modal = resolveComponent("a-modal");
+  return openBlock(), createElementBlock("div", null, [
+    createVNode(_component_a_form, {
+      model: $props.formConfig,
       labelAlign: "left",
       "label-width": "120px",
       class: "setting-form tpf-form",
-      onSubmit: e[9] || (e[9] = M(() => {
+      onSubmit: _cache[9] || (_cache[9] = withModifiers(() => {
       }, ["prevent"]))
     }, {
-      default: s(() => [
-        t(A, {
-          activeKey: l.formActiveCollapseNames,
-          "onUpdate:activeKey": e[8] || (e[8] = (n) => l.formActiveCollapseNames = n),
+      default: withCtx(() => [
+        createVNode(_component_a_collapse, {
+          activeKey: $data.formActiveCollapseNames,
+          "onUpdate:activeKey": _cache[8] || (_cache[8] = ($event) => $data.formActiveCollapseNames = $event),
           class: "setting-collapse"
         }, {
-          default: s(() => [
-            t(D, {
+          default: withCtx(() => [
+            createVNode(_component_a_collapse_panel, {
               key: "1",
-              header: o.i18nt("designer.setting.基本属性")
+              header: _ctx.i18nt("designer.setting.基本属性")
             }, {
-              default: s(() => [
-                t(a, {
-                  label: o.i18nt("designer.setting.formSize")
+              default: withCtx(() => [
+                createVNode(_component_a_form_item, {
+                  label: _ctx.i18nt("designer.setting.formSize")
                 }, {
-                  default: s(() => [
-                    t(r, {
-                      value: i.formConfig.size,
-                      "onUpdate:value": e[0] || (e[0] = (n) => i.formConfig.size = n),
-                      options: l.formSizes,
+                  default: withCtx(() => [
+                    createVNode(_component_a_select, {
+                      value: $props.formConfig.size,
+                      "onUpdate:value": _cache[0] || (_cache[0] = ($event) => $props.formConfig.size = $event),
+                      options: $data.formSizes,
                       allowClear: ""
                     }, null, 8, ["value", "options"])
                   ]),
                   _: 1
                 }, 8, ["label"]),
-                t(a, {
-                  label: o.i18nt("designer.setting.labelPosition")
+                createVNode(_component_a_form_item, {
+                  label: _ctx.i18nt("designer.setting.labelPosition")
                 }, {
-                  default: s(() => [
-                    t(k, {
-                      value: i.formConfig.labelPosition,
-                      "onUpdate:value": e[1] || (e[1] = (n) => i.formConfig.labelPosition = n),
+                  default: withCtx(() => [
+                    createVNode(_component_a_radio_group, {
+                      value: $props.formConfig.labelPosition,
+                      "onUpdate:value": _cache[1] || (_cache[1] = ($event) => $props.formConfig.labelPosition = $event),
                       class: "radio-group-custom"
                     }, {
-                      default: s(() => [
-                        t(h, { value: "horizontal" }, {
-                          default: s(() => [
-                            f("水平")
+                      default: withCtx(() => [
+                        createVNode(_component_a_radio_button, { value: "horizontal" }, {
+                          default: withCtx(() => [
+                            createTextVNode("水平")
                           ]),
                           _: 1
                         }),
-                        t(h, { value: "vertical" }, {
-                          default: s(() => [
-                            f("垂直")
+                        createVNode(_component_a_radio_button, { value: "vertical" }, {
+                          default: withCtx(() => [
+                            createTextVNode("垂直")
                           ]),
                           _: 1
                         })
@@ -190,25 +249,25 @@ function K(o, e, i, _, l, d) {
                   ]),
                   _: 1
                 }, 8, ["label"]),
-                t(a, {
-                  label: o.i18nt("designer.setting.labelAlign")
+                createVNode(_component_a_form_item, {
+                  label: _ctx.i18nt("designer.setting.labelAlign")
                 }, {
-                  default: s(() => [
-                    t(k, {
-                      value: i.formConfig.labelAlign,
-                      "onUpdate:value": e[2] || (e[2] = (n) => i.formConfig.labelAlign = n),
+                  default: withCtx(() => [
+                    createVNode(_component_a_radio_group, {
+                      value: $props.formConfig.labelAlign,
+                      "onUpdate:value": _cache[2] || (_cache[2] = ($event) => $props.formConfig.labelAlign = $event),
                       class: "radio-group-custom"
                     }, {
-                      default: s(() => [
-                        t(h, { value: "left" }, {
-                          default: s(() => [
-                            f(g(o.i18nt("designer.setting.leftAlign")), 1)
+                      default: withCtx(() => [
+                        createVNode(_component_a_radio_button, { value: "left" }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.leftAlign")), 1)
                           ]),
                           _: 1
                         }),
-                        t(h, { value: "right" }, {
-                          default: s(() => [
-                            f(g(o.i18nt("designer.setting.rightAlign")), 1)
+                        createVNode(_component_a_radio_button, { value: "right" }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.rightAlign")), 1)
                           ]),
                           _: 1
                         })
@@ -218,65 +277,65 @@ function K(o, e, i, _, l, d) {
                   ]),
                   _: 1
                 }, 8, ["label"]),
-                t(a, {
-                  label: o.i18nt("designer.setting.labelWidth")
+                createVNode(_component_a_form_item, {
+                  label: _ctx.i18nt("designer.setting.labelWidth")
                 }, {
-                  default: s(() => [
-                    t(V, {
-                      value: i.formConfig.labelWidth,
-                      "onUpdate:value": e[3] || (e[3] = (n) => i.formConfig.labelWidth = n),
+                  default: withCtx(() => [
+                    createVNode(_component_a_input_number, {
+                      value: $props.formConfig.labelWidth,
+                      "onUpdate:value": _cache[3] || (_cache[3] = ($event) => $props.formConfig.labelWidth = $event),
                       min: 0,
-                      style: { width: "100%" },
+                      style: { "width": "100%" },
                       allowClear: ""
                     }, null, 8, ["value"])
                   ]),
                   _: 1
                 }, 8, ["label"]),
-                t(a, {
-                  label: o.i18nt("designer.setting.formCss")
+                createVNode(_component_a_form_item, {
+                  label: _ctx.i18nt("designer.setting.formCss")
                 }, {
-                  default: s(() => [
-                    t(u, {
+                  default: withCtx(() => [
+                    createVNode(_component_a_button, {
                       type: "info",
                       shape: "round",
-                      onClick: d.editFormCss,
-                      class: c([{ "button-text-highlight": !!i.formConfig.cssCode }])
+                      onClick: $options.editFormCss,
+                      class: normalizeClass([{ "button-text-highlight": !!$props.formConfig.cssCode }])
                     }, {
-                      default: s(() => [
-                        f(g(o.i18nt("designer.setting.addCss")), 1)
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.addCss")), 1)
                       ]),
                       _: 1
                     }, 8, ["onClick", "class"])
                   ]),
                   _: 1
                 }, 8, ["label"]),
-                t(a, {
-                  label: o.i18nt("designer.setting.customClass")
+                createVNode(_component_a_form_item, {
+                  label: _ctx.i18nt("designer.setting.customClass")
                 }, {
-                  default: s(() => [
-                    t(r, {
-                      value: i.formConfig.customClass,
-                      "onUpdate:value": e[4] || (e[4] = (n) => i.formConfig.customClass = n),
+                  default: withCtx(() => [
+                    createVNode(_component_a_select, {
+                      value: $props.formConfig.customClass,
+                      "onUpdate:value": _cache[4] || (_cache[4] = ($event) => $props.formConfig.customClass = $event),
                       allowClear: "",
                       mode: "tags",
-                      onChange: d.extractCssClass,
-                      options: l.cssClassList
+                      onChange: $options.extractCssClass,
+                      options: $data.cssClassList
                     }, null, 8, ["value", "onChange", "options"])
                   ]),
                   _: 1
                 }, 8, ["label"]),
-                t(a, {
-                  label: o.i18nt("designer.setting.globalFunctions")
+                createVNode(_component_a_form_item, {
+                  label: _ctx.i18nt("designer.setting.globalFunctions")
                 }, {
-                  default: s(() => [
-                    t(u, {
+                  default: withCtx(() => [
+                    createVNode(_component_a_button, {
                       type: "info",
-                      class: c([{ "button-text-highlight": !!i.formConfig.functions }]),
+                      class: normalizeClass([{ "button-text-highlight": !!$props.formConfig.functions }]),
                       shape: "round",
-                      onClick: d.editGlobalFunctions
+                      onClick: $options.editGlobalFunctions
                     }, {
-                      default: s(() => [
-                        f(g(o.i18nt("designer.setting.addEventHandler")), 1)
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.addEventHandler")), 1)
                       ]),
                       _: 1
                     }, 8, ["class", "onClick"])
@@ -286,64 +345,64 @@ function K(o, e, i, _, l, d) {
               ]),
               _: 1
             }, 8, ["header"]),
-            d.showEventCollapse() ? (C(), z(D, {
+            $options.showEventCollapse() ? (openBlock(), createBlock(_component_a_collapse_panel, {
               key: "2",
-              header: o.i18nt("designer.setting.事件属性")
+              header: _ctx.i18nt("designer.setting.事件属性")
             }, {
-              default: s(() => [
-                t(a, {
+              default: withCtx(() => [
+                createVNode(_component_a_form_item, {
                   label: "onFormCreated",
                   "label-width": "150px"
                 }, {
-                  default: s(() => [
-                    t(u, {
+                  default: withCtx(() => [
+                    createVNode(_component_a_button, {
                       type: "info",
                       plain: "",
                       shape: "round",
-                      class: c([d.getFormEventHandled("onFormCreated") ? "button-text-highlight" : ""]),
-                      onClick: e[5] || (e[5] = (n) => d.editFormEventHandler("onFormCreated"))
+                      class: normalizeClass([$options.getFormEventHandled("onFormCreated") ? "button-text-highlight" : ""]),
+                      onClick: _cache[5] || (_cache[5] = ($event) => $options.editFormEventHandler("onFormCreated"))
                     }, {
-                      default: s(() => [
-                        f(g(o.i18nt("designer.setting.addEventHandler")), 1)
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.addEventHandler")), 1)
                       ]),
                       _: 1
                     }, 8, ["class"])
                   ]),
                   _: 1
                 }),
-                t(a, {
+                createVNode(_component_a_form_item, {
                   label: "onFormMounted",
                   "label-width": "150px"
                 }, {
-                  default: s(() => [
-                    t(u, {
+                  default: withCtx(() => [
+                    createVNode(_component_a_button, {
                       type: "info",
                       shape: "round",
-                      class: c([d.getFormEventHandled("onFormMounted") ? "button-text-highlight" : ""]),
-                      onClick: e[6] || (e[6] = (n) => d.editFormEventHandler("onFormMounted"))
+                      class: normalizeClass([$options.getFormEventHandled("onFormMounted") ? "button-text-highlight" : ""]),
+                      onClick: _cache[6] || (_cache[6] = ($event) => $options.editFormEventHandler("onFormMounted"))
                     }, {
-                      default: s(() => [
-                        f(g(o.i18nt("designer.setting.addEventHandler")), 1)
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.addEventHandler")), 1)
                       ]),
                       _: 1
                     }, 8, ["class"])
                   ]),
                   _: 1
                 }),
-                t(a, {
+                createVNode(_component_a_form_item, {
                   label: "onFormDataChange",
                   "label-width": "150px"
                 }, {
-                  default: s(() => [
-                    t(u, {
+                  default: withCtx(() => [
+                    createVNode(_component_a_button, {
                       type: "info",
                       plain: "",
                       shape: "round",
-                      class: c([d.getFormEventHandled("onFormDataChange") ? "button-text-highlight" : ""]),
-                      onClick: e[7] || (e[7] = (n) => d.editFormEventHandler("onFormDataChange"))
+                      class: normalizeClass([$options.getFormEventHandled("onFormDataChange") ? "button-text-highlight" : ""]),
+                      onClick: _cache[7] || (_cache[7] = ($event) => $options.editFormEventHandler("onFormDataChange"))
                     }, {
-                      default: s(() => [
-                        f(g(o.i18nt("designer.setting.addEventHandler")), 1)
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.addEventHandler")), 1)
                       ]),
                       _: 1
                     }, 8, ["class"])
@@ -352,162 +411,162 @@ function K(o, e, i, _, l, d) {
                 })
               ]),
               _: 1
-            }, 8, ["header"])) : p("", !0)
+            }, 8, ["header"])) : createCommentVNode("", true)
           ]),
           _: 1
         }, 8, ["activeKey"])
       ]),
       _: 1
     }, 8, ["model"]),
-    l.showFormEventDialogFlag ? (C(), v("div", G, [
-      t(b, {
-        title: o.i18nt("designer.setting.editFormEventHandler"),
-        visible: l.showFormEventDialogFlag,
-        "onUpdate:visible": e[12] || (e[12] = (n) => l.showFormEventDialogFlag = n),
-        "show-close": !0,
+    $data.showFormEventDialogFlag ? (openBlock(), createElementBlock("div", _hoisted_1, [
+      createVNode(_component_a_modal, {
+        title: _ctx.i18nt("designer.setting.editFormEventHandler"),
+        visible: $data.showFormEventDialogFlag,
+        "onUpdate:visible": _cache[12] || (_cache[12] = ($event) => $data.showFormEventDialogFlag = $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: s(() => [
-          y("div", L, [
-            t(u, {
-              onClick: e[11] || (e[11] = (n) => l.showFormEventDialogFlag = !1)
+        footer: withCtx(() => [
+          createElementVNode("div", _hoisted_2, [
+            createVNode(_component_a_button, {
+              onClick: _cache[11] || (_cache[11] = ($event) => $data.showFormEventDialogFlag = false)
             }, {
-              default: s(() => [
-                f(g(o.i18nt("designer.hint.cancel")), 1)
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.cancel")), 1)
               ]),
               _: 1
             }),
-            t(u, {
+            createVNode(_component_a_button, {
               type: "primary",
-              onClick: d.saveFormEventHandler
+              onClick: $options.saveFormEventHandler
             }, {
-              default: s(() => [
-                f(g(o.i18nt("designer.hint.confirm")), 1)
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.confirm")), 1)
               ]),
               _: 1
             }, 8, ["onClick"])
           ])
         ]),
-        default: s(() => [
-          t(H, {
+        default: withCtx(() => [
+          createVNode(_component_a_alert, {
             type: "info",
-            closable: !1,
-            message: "form." + l.eventParamsMap[l.curEventName]
+            closable: false,
+            message: "form." + $data.eventParamsMap[$data.curEventName]
           }, null, 8, ["message"]),
-          t(F, {
+          createVNode(_component_code_editor, {
             mode: "javascript",
-            readonly: !1,
-            modelValue: l.formEventHandlerCode,
-            "onUpdate:modelValue": e[10] || (e[10] = (n) => l.formEventHandlerCode = n),
+            readonly: false,
+            modelValue: $data.formEventHandlerCode,
+            "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => $data.formEventHandlerCode = $event),
             ref: "ecEditor"
           }, null, 8, ["modelValue"]),
-          t(H, {
+          createVNode(_component_a_alert, {
             type: "info",
-            closable: !1,
+            closable: false,
             message: "}"
           })
         ]),
         _: 1
       }, 8, ["title", "visible"])
-    ])) : p("", !0),
-    l.showEditFormCssDialogFlag ? (C(), v("div", P, [
-      t(b, {
-        title: o.i18nt("designer.setting.formCss"),
-        visible: l.showEditFormCssDialogFlag,
-        "onUpdate:visible": e[15] || (e[15] = (n) => l.showEditFormCssDialogFlag = n),
-        "show-close": !0,
+    ])) : createCommentVNode("", true),
+    $data.showEditFormCssDialogFlag ? (openBlock(), createElementBlock("div", _hoisted_3, [
+      createVNode(_component_a_modal, {
+        title: _ctx.i18nt("designer.setting.formCss"),
+        visible: $data.showEditFormCssDialogFlag,
+        "onUpdate:visible": _cache[15] || (_cache[15] = ($event) => $data.showEditFormCssDialogFlag = $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
       }, {
-        footer: s(() => [
-          y("div", W, [
-            t(u, {
-              onClick: e[14] || (e[14] = (n) => l.showEditFormCssDialogFlag = !1)
+        footer: withCtx(() => [
+          createElementVNode("div", _hoisted_4, [
+            createVNode(_component_a_button, {
+              onClick: _cache[14] || (_cache[14] = ($event) => $data.showEditFormCssDialogFlag = false)
             }, {
-              default: s(() => [
-                f(g(o.i18nt("designer.hint.cancel")), 1)
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.cancel")), 1)
               ]),
               _: 1
             }),
-            t(u, {
+            createVNode(_component_a_button, {
               type: "primary",
-              onClick: d.saveFormCss
+              onClick: $options.saveFormCss
             }, {
-              default: s(() => [
-                f(g(o.i18nt("designer.hint.confirm")), 1)
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.confirm")), 1)
               ]),
               _: 1
             }, 8, ["onClick"])
           ])
         ]),
-        default: s(() => [
-          t(F, {
+        default: withCtx(() => [
+          createVNode(_component_code_editor, {
             mode: "css",
-            readonly: !1,
-            modelValue: l.formCssCode,
-            "onUpdate:modelValue": e[13] || (e[13] = (n) => l.formCssCode = n)
+            readonly: false,
+            modelValue: $data.formCssCode,
+            "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => $data.formCssCode = $event)
           }, null, 8, ["modelValue"])
         ]),
         _: 1
       }, 8, ["title", "visible"])
-    ])) : p("", !0),
-    l.showEditFunctionsDialogFlag ? (C(), v("div", T, [
-      t(b, {
-        title: o.i18nt("designer.setting.globalFunctions"),
-        visible: l.showEditFunctionsDialogFlag,
-        "onUpdate:visible": e[18] || (e[18] = (n) => l.showEditFunctionsDialogFlag = n),
+    ])) : createCommentVNode("", true),
+    $data.showEditFunctionsDialogFlag ? (openBlock(), createElementBlock("div", _hoisted_5, [
+      createVNode(_component_a_modal, {
+        title: _ctx.i18nt("designer.setting.globalFunctions"),
+        visible: $data.showEditFunctionsDialogFlag,
+        "onUpdate:visible": _cache[18] || (_cache[18] = ($event) => $data.showEditFunctionsDialogFlag = $event),
         width: 600,
-        "show-close": !0,
+        "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
       }, {
-        footer: s(() => [
-          y("div", B, [
-            t(u, {
-              onClick: e[17] || (e[17] = (n) => l.showEditFunctionsDialogFlag = !1)
+        footer: withCtx(() => [
+          createElementVNode("div", _hoisted_6, [
+            createVNode(_component_a_button, {
+              onClick: _cache[17] || (_cache[17] = ($event) => $data.showEditFunctionsDialogFlag = false)
             }, {
-              default: s(() => [
-                f(g(o.i18nt("designer.hint.cancel")), 1)
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.cancel")), 1)
               ]),
               _: 1
             }),
-            t(u, {
+            createVNode(_component_a_button, {
               type: "primary",
-              onClick: d.saveGlobalFunctions
+              onClick: $options.saveGlobalFunctions
             }, {
-              default: s(() => [
-                f(g(o.i18nt("designer.hint.confirm")), 1)
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.confirm")), 1)
               ]),
               _: 1
             }, 8, ["onClick"])
           ])
         ]),
-        default: s(() => [
-          t(F, {
+        default: withCtx(() => [
+          createVNode(_component_code_editor, {
             mode: "javascript",
-            readonly: !1,
-            modelValue: l.functionsCode,
-            "onUpdate:modelValue": e[16] || (e[16] = (n) => l.functionsCode = n),
+            readonly: false,
+            modelValue: $data.functionsCode,
+            "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => $data.functionsCode = $event),
             ref: "gfEditor"
           }, null, 8, ["modelValue"])
         ]),
         _: 1
       }, 8, ["title", "visible"])
-    ])) : p("", !0)
+    ])) : createCommentVNode("", true)
   ]);
 }
-const X = /* @__PURE__ */ j(S, [["render", K]]);
+const FormSetting = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  X as default
+  FormSetting as default
 };