@kp-ui/lowcode 1.0.41 → 1.0.43

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

@@ -1,6 +1,7 @@
 import i18n from "../../../utils/i18n.js";
 import CodeEditor from "../../code-editor/index.vue.js";
 import { insertGlobalFunctionsToHtml, insertCustomCssToHead, deepClone } from "../../../utils/util.js";
+import _sfc_main$1 from "../../public/methoad-item.vue.js";
 import { resolveComponent, createElementBlock, openBlock, createVNode, createCommentVNode, withModifiers, withCtx, createBlock, createTextVNode, toDisplayString, normalizeClass, createElementVNode } from "vue";
 /* empty css                  */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
@@ -8,7 +9,8 @@ const _sfc_main = {
   name: "form-setting",
   mixins: [i18n],
   components: {
-    CodeEditor
+    CodeEditor,
+    MethodItem: _sfc_main$1
   },
   props: {
     designer: Object,
@@ -35,6 +37,8 @@ const _sfc_main = {
       eventParamsMap: {
         onFormCreated: "onFormCreated() {",
         onFormMounted: "onFormMounted() {",
+        onOkButtonClick: "onOkButtonClick() {",
+        onCancelButtonClick: "onCancelButtonClick() {",
         onFormDataChange: "onFormDataChange(fieldName, newValue, oldValue, formModel, subFormName, subFormRowIndex) {"
         //'onFormValidate':     'onFormValidate() {',
       }
@@ -57,6 +61,15 @@ const _sfc_main = {
     }, 1200);
   },
   methods: {
+    getPropEditor(key) {
+      const ownPropEditorName = `${key}-editor`;
+      if (this.$options.components[ownPropEditorName]) {
+        return ownPropEditorName;
+      }
+      this.$root.$.appContext.components[ownPropEditorName] ? ownPropEditorName : key;
+      console.log(allWiget[ownPropEditorName]);
+      return allWiget[ownPropEditorName];
+    },
     getFormEventHandled(eventName) {
       return !!this.formConfig[eventName] && this.formConfig[eventName].length > 0;
     },
@@ -146,23 +159,6 @@ const _sfc_main = {
       this.curEventName = eventName;
       this.formEventHandlerCode = this.formConfig[eventName];
       this.showFormEventDialogFlag = true;
-    },
-    saveFormEventHandler() {
-      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 = false;
     }
   }
 };
@@ -176,11 +172,6 @@ const _hoisted_3 = {
   class: ""
 };
 const _hoisted_4 = { class: "dialog-footer" };
-const _hoisted_5 = {
-  key: 2,
-  class: ""
-};
-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");
@@ -188,10 +179,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   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_input = resolveComponent("a-input");
+  const _component_a_switch = resolveComponent("a-switch");
   const _component_a_collapse_panel = resolveComponent("a-collapse-panel");
+  const _component_MethodItem = resolveComponent("MethodItem");
   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, [
@@ -200,13 +193,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       labelAlign: "left",
       "label-width": "120px",
       class: "setting-form tpf-form",
-      onSubmit: _cache[9] || (_cache[9] = withModifiers(() => {
+      onSubmit: _cache[15] || (_cache[15] = withModifiers(() => {
       }, ["prevent"]))
     }, {
       default: withCtx(() => [
         createVNode(_component_a_collapse, {
           activeKey: $data.formActiveCollapseNames,
-          "onUpdate:activeKey": _cache[8] || (_cache[8] = ($event) => $data.formActiveCollapseNames = $event),
+          "onUpdate:activeKey": _cache[14] || (_cache[14] = ($event) => $data.formActiveCollapseNames = $event),
           class: "setting-collapse"
         }, {
           default: withCtx(() => [
@@ -348,81 +341,106 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                     }, 8, ["class", "onClick"])
                   ]),
                   _: 1
-                }, 8, ["label"])
-              ]),
-              _: 1
-            }, 8, ["header"]),
-            $options.showEventCollapse() ? (openBlock(), createBlock(_component_a_collapse_panel, {
-              key: "2",
-              class: "eventPanel",
-              header: _ctx.i18nt("designer.setting.事件属性")
-            }, {
-              default: withCtx(() => [
+                }, 8, ["label"]),
                 createVNode(_component_a_form_item, {
-                  label: "onFormCreated",
-                  "label-width": "150px"
+                  label: _ctx.i18nt("designer.setting.cancelButtonLabel")
                 }, {
                   default: withCtx(() => [
-                    createVNode(_component_a_button, {
-                      type: "info",
-                      plain: "",
-                      shape: "round",
-                      class: normalizeClass([
-                        $options.getFormEventHandled("onFormCreated") ? "button-text-highlight" : ""
-                      ]),
-                      onClick: _cache[5] || (_cache[5] = ($event) => $options.editFormEventHandler("onFormCreated"))
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.addEventHandler")), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["class"])
+                    createVNode(_component_a_input, {
+                      type: "text",
+                      value: $props.formConfig.cancelButtonLabel,
+                      "onUpdate:value": _cache[5] || (_cache[5] = ($event) => $props.formConfig.cancelButtonLabel = $event)
+                    }, null, 8, ["value"])
                   ]),
                   _: 1
-                }),
+                }, 8, ["label"]),
                 createVNode(_component_a_form_item, {
-                  label: "onFormMounted",
-                  "label-width": "150px"
+                  label: _ctx.i18nt("designer.setting.cancelButtonHidden")
                 }, {
                   default: withCtx(() => [
-                    createVNode(_component_a_button, {
-                      type: "info",
-                      shape: "round",
-                      class: normalizeClass([
-                        $options.getFormEventHandled("onFormMounted") ? "button-text-highlight" : ""
-                      ]),
-                      onClick: _cache[6] || (_cache[6] = ($event) => $options.editFormEventHandler("onFormMounted"))
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.addEventHandler")), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["class"])
+                    createVNode(_component_a_switch, {
+                      checkedValue: "0",
+                      unCheckedValue: "1",
+                      checked: $props.formConfig.cancelButtonHidden,
+                      "onUpdate:checked": _cache[6] || (_cache[6] = ($event) => $props.formConfig.cancelButtonHidden = $event)
+                    }, null, 8, ["checked"])
                   ]),
                   _: 1
-                }),
+                }, 8, ["label"]),
                 createVNode(_component_a_form_item, {
-                  label: "onFormDataChange",
-                  "label-width": "150px"
+                  label: _ctx.i18nt("designer.setting.okButtonLabel")
                 }, {
                   default: withCtx(() => [
-                    createVNode(_component_a_button, {
-                      type: "info",
-                      plain: "",
-                      shape: "round",
-                      class: normalizeClass([
-                        $options.getFormEventHandled("onFormDataChange") ? "button-text-highlight" : ""
-                      ]),
-                      onClick: _cache[7] || (_cache[7] = ($event) => $options.editFormEventHandler("onFormDataChange"))
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.addEventHandler")), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["class"])
+                    createVNode(_component_a_input, {
+                      type: "text",
+                      value: $props.formConfig.okButtonLabel,
+                      "onUpdate:value": _cache[7] || (_cache[7] = ($event) => $props.formConfig.okButtonLabel = $event)
+                    }, null, 8, ["value"])
+                  ]),
+                  _: 1
+                }, 8, ["label"]),
+                createVNode(_component_a_form_item, {
+                  label: _ctx.i18nt("designer.setting.okButtonHidden")
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_a_switch, {
+                      checkedValue: "0",
+                      unCheckedValue: "1",
+                      checked: $props.formConfig.okButtonHidden,
+                      "onUpdate:checked": _cache[8] || (_cache[8] = ($event) => $props.formConfig.okButtonHidden = $event)
+                    }, null, 8, ["checked"])
                   ]),
                   _: 1
-                })
+                }, 8, ["label"])
+              ]),
+              _: 1
+            }, 8, ["header"]),
+            $options.showEventCollapse() ? (openBlock(), createBlock(_component_a_collapse_panel, {
+              key: "2",
+              class: "eventPanel",
+              header: _ctx.i18nt("designer.setting.事件属性")
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_MethodItem, {
+                  "event-name": "onFormCreated",
+                  value: $props.formConfig.onFormCreated,
+                  "onUpdate:value": _cache[9] || (_cache[9] = ($event) => $props.formConfig.onFormCreated = $event),
+                  "get-form-event-handled": $options.getFormEventHandled,
+                  "event-params-map": $data.eventParamsMap,
+                  "form-config": $props.formConfig
+                }, null, 8, ["value", "get-form-event-handled", "event-params-map", "form-config"]),
+                createVNode(_component_MethodItem, {
+                  value: $props.formConfig.onFormMounted,
+                  "onUpdate:value": _cache[10] || (_cache[10] = ($event) => $props.formConfig.onFormMounted = $event),
+                  "event-name": "onFormMounted",
+                  "get-form-event-handled": $options.getFormEventHandled,
+                  "event-params-map": $data.eventParamsMap,
+                  "form-config": $props.formConfig
+                }, null, 8, ["value", "get-form-event-handled", "event-params-map", "form-config"]),
+                createVNode(_component_MethodItem, {
+                  value: $props.formConfig.onFormDataChange,
+                  "onUpdate:value": _cache[11] || (_cache[11] = ($event) => $props.formConfig.onFormDataChange = $event),
+                  "event-name": "onFormDataChange",
+                  "get-form-event-handled": $options.getFormEventHandled,
+                  "event-params-map": $data.eventParamsMap,
+                  "form-config": $props.formConfig
+                }, null, 8, ["value", "get-form-event-handled", "event-params-map", "form-config"]),
+                createVNode(_component_MethodItem, {
+                  value: $props.formConfig.onOkButtonClick,
+                  "onUpdate:value": _cache[12] || (_cache[12] = ($event) => $props.formConfig.onOkButtonClick = $event),
+                  "event-name": "onOkButtonClick",
+                  "get-form-event-handled": $options.getFormEventHandled,
+                  "event-params-map": $data.eventParamsMap,
+                  "form-config": $props.formConfig
+                }, null, 8, ["value", "get-form-event-handled", "event-params-map", "form-config"]),
+                createVNode(_component_MethodItem, {
+                  value: $props.formConfig.onCancelButtonClick,
+                  "onUpdate:value": _cache[13] || (_cache[13] = ($event) => $props.formConfig.onCancelButtonClick = $event),
+                  "event-name": "onCancelButtonClick",
+                  "get-form-event-handled": $options.getFormEventHandled,
+                  "event-params-map": $data.eventParamsMap,
+                  "form-config": $props.formConfig
+                }, null, 8, ["value", "get-form-event-handled", "event-params-map", "form-config"])
               ]),
               _: 1
             }, 8, ["header"])) : createCommentVNode("", true)
@@ -432,67 +450,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       _: 1
     }, 8, ["model"]),
-    $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": false,
-        "close-on-press-escape": false,
-        "destroy-on-close": true,
-        width: 800
-      }, {
-        footer: withCtx(() => [
-          createElementVNode("div", _hoisted_2, [
-            createVNode(_component_a_button, {
-              onClick: _cache[11] || (_cache[11] = ($event) => $data.showFormEventDialogFlag = false)
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.cancel")), 1)
-              ]),
-              _: 1
-            }),
-            createVNode(_component_a_button, {
-              type: "primary",
-              onClick: $options.saveFormEventHandler
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.confirm")), 1)
-              ]),
-              _: 1
-            }, 8, ["onClick"])
-          ])
-        ]),
-        default: withCtx(() => [
-          createVNode(_component_a_alert, {
-            type: "info",
-            closable: false,
-            message: "form." + $data.eventParamsMap[$data.curEventName]
-          }, null, 8, ["message"]),
-          createVNode(_component_code_editor, {
-            mode: "javascript",
-            readonly: false,
-            modelValue: $data.formEventHandlerCode,
-            "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => $data.formEventHandlerCode = $event),
-            ref: "ecEditor"
-          }, null, 8, ["modelValue"]),
-          createVNode(_component_a_alert, {
-            type: "info",
-            closable: false,
-            message: "}"
-          })
-        ]),
-        _: 1
-      }, 8, ["title", "visible"])
-    ])) : createCommentVNode("", true),
-    $data.showEditFormCssDialogFlag ? (openBlock(), createElementBlock("div", _hoisted_3, [
+    $data.showEditFormCssDialogFlag ? (openBlock(), createElementBlock("div", _hoisted_1, [
       createVNode(_component_a_modal, {
         title: _ctx.i18nt("designer.setting.formCss"),
         visible: $data.showEditFormCssDialogFlag,
-        "onUpdate:visible": _cache[15] || (_cache[15] = ($event) => $data.showEditFormCssDialogFlag = $event),
+        "onUpdate:visible": _cache[18] || (_cache[18] = ($event) => $data.showEditFormCssDialogFlag = $event),
         "show-close": true,
         "custom-class": "drag-dialog small-padding-dialog",
         "append-to-body": "",
@@ -501,9 +463,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         "destroy-on-close": true
       }, {
         footer: withCtx(() => [
-          createElementVNode("div", _hoisted_4, [
+          createElementVNode("div", _hoisted_2, [
             createVNode(_component_a_button, {
-              onClick: _cache[14] || (_cache[14] = ($event) => $data.showEditFormCssDialogFlag = false)
+              onClick: _cache[17] || (_cache[17] = ($event) => $data.showEditFormCssDialogFlag = false)
             }, {
               default: withCtx(() => [
                 createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.cancel")), 1)
@@ -526,17 +488,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             mode: "css",
             readonly: false,
             modelValue: $data.formCssCode,
-            "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => $data.formCssCode = $event)
+            "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => $data.formCssCode = $event)
           }, null, 8, ["modelValue"])
         ]),
         _: 1
       }, 8, ["title", "visible"])
     ])) : createCommentVNode("", true),
-    $data.showEditFunctionsDialogFlag ? (openBlock(), createElementBlock("div", _hoisted_5, [
+    $data.showEditFunctionsDialogFlag ? (openBlock(), createElementBlock("div", _hoisted_3, [
       createVNode(_component_a_modal, {
         title: _ctx.i18nt("designer.setting.globalFunctions"),
         visible: $data.showEditFunctionsDialogFlag,
-        "onUpdate:visible": _cache[18] || (_cache[18] = ($event) => $data.showEditFunctionsDialogFlag = $event),
+        "onUpdate:visible": _cache[21] || (_cache[21] = ($event) => $data.showEditFunctionsDialogFlag = $event),
         width: 600,
         "show-close": true,
         "custom-class": "drag-dialog small-padding-dialog",
@@ -546,9 +508,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         "destroy-on-close": true
       }, {
         footer: withCtx(() => [
-          createElementVNode("div", _hoisted_6, [
+          createElementVNode("div", _hoisted_4, [
             createVNode(_component_a_button, {
-              onClick: _cache[17] || (_cache[17] = ($event) => $data.showEditFunctionsDialogFlag = false)
+              onClick: _cache[20] || (_cache[20] = ($event) => $data.showEditFunctionsDialogFlag = false)
             }, {
               default: withCtx(() => [
                 createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.cancel")), 1)
@@ -571,7 +533,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             mode: "javascript",
             readonly: false,
             modelValue: $data.functionsCode,
-            "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => $data.functionsCode = $event),
+            "onUpdate:modelValue": _cache[19] || (_cache[19] = ($event) => $data.functionsCode = $event),
             ref: "gfEditor"
           }, null, 8, ["modelValue"])
         ]),