@kp-ui/lowcode 1.0.88 → 1.0.90

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

@@ -1,531 +1,8 @@
-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 OkButtonHiddenEditor from "./property-editor/container-vf-dialog/okButtonHidden-editor.vue.js";
-import CancelButtonHidden from "./property-editor/container-vf-dialog/cancelButtonHidden-editor.vue.js";
-import { resolveComponent, createElementBlock, openBlock, createVNode, createCommentVNode, withModifiers, withCtx, createBlock, createTextVNode, toDisplayString, normalizeClass, createElementVNode } from "vue";
+import _sfc_main from "./form-setting.vue2.js";
 /* empty css                  */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
-const _sfc_main = {
-  name: "form-setting",
-  mixins: [i18n],
-  components: {
-    OkButtonHiddenEditor,
-    CancelButtonHidden,
-    CodeEditor,
-    MethodItem: _sfc_main$1
-  },
-  props: {
-    designer: Object,
-    formConfig: Object
-  },
-  inject: ["getDesignerConfig"],
-  data() {
-    return {
-      designerConfig: this.getDesignerConfig(),
-      formActiveCollapseNames: ["1", "2"],
-      formSizes: [
-        { label: "default", value: "middle" },
-        { label: "large", value: "large" },
-        { label: "small", value: "small" }
-      ],
-      showEditFormCssDialogFlag: false,
-      formCssCode: "",
-      cssClassList: [],
-      showEditFunctionsDialogFlag: false,
-      functionsCode: "",
-      showFormEventDialogFlag: false,
-      formEventHandlerCode: "",
-      curEventName: "",
-      eventParamsMap: {
-        onFormCreated: "onFormCreated() {",
-        onFormMounted: "onFormMounted() {",
-        onOkButtonClick: "onOkButtonClick() {",
-        onCancelButtonClick: "onCancelButtonClick() {",
-        onFormDataChange: "onFormDataChange(fieldName, newValue, oldValue, formModel, subFormName, subFormRowIndex) {"
-        //'onFormValidate':     'onFormValidate() {',
-      }
-    };
-  },
-  created() {
-    this.designer.handleEvent("form-json-imported", () => {
-      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;
-      insertCustomCssToHead(this.formCssCode);
-      this.extractCssClass();
-      this.designer.emitEvent("form-css-updated", deepClone(this.cssClassList));
-    }, 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;
-    },
-    showEventCollapse() {
-      if (this.designerConfig["eventCollapse"] === void 0) {
-        return true;
-      }
-      return !!this.designerConfig["eventCollapse"];
-    },
-    editFormCss() {
-      this.formCssCode = this.designer.formConfig.cssCode;
-      this.showEditFormCssDialogFlag = true;
-    },
-    extractCssClass() {
-      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;
-      insertCustomCssToHead(this.formCssCode);
-      this.showEditFormCssDialogFlag = false;
-      this.designer.emitEvent("form-css-updated", deepClone(this.cssClassList));
-    },
-    editGlobalFunctions() {
-      this.functionsCode = this.designer.formConfig.functions;
-      this.showEditFunctionsDialogFlag = true;
-    },
-    saveGlobalFunctions() {
-      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;
-      insertGlobalFunctionsToHtml(this.functionsCode);
-      this.showEditFunctionsDialogFlag = false;
-    },
-    editFormEventHandler(eventName) {
-      this.curEventName = eventName;
-      this.formEventHandlerCode = this.formConfig[eventName];
-      this.showFormEventDialogFlag = true;
-    }
-  }
-};
-const _hoisted_1 = {
-  key: 0,
-  class: ""
-};
-const _hoisted_2 = { class: "dialog-footer" };
-const _hoisted_3 = {
-  key: 1,
-  class: ""
-};
-const _hoisted_4 = { 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_input = resolveComponent("a-input");
-  const _component_CancelButtonHidden = resolveComponent("CancelButtonHidden");
-  const _component_OkButtonHiddenEditor = resolveComponent("OkButtonHiddenEditor");
-  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_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: _cache[13] || (_cache[13] = withModifiers(() => {
-      }, ["prevent"]))
-    }, {
-      default: withCtx(() => [
-        createVNode(_component_a_collapse, {
-          activeKey: $data.formActiveCollapseNames,
-          "onUpdate:activeKey": _cache[12] || (_cache[12] = ($event) => $data.formActiveCollapseNames = $event),
-          class: "setting-collapse"
-        }, {
-          default: withCtx(() => [
-            createVNode(_component_a_collapse_panel, {
-              key: "1",
-              header: _ctx.i18nt("designer.setting.基本属性")
-            }, {
-              default: withCtx(() => [
-                createVNode(_component_a_form_item, {
-                  label: _ctx.i18nt("designer.setting.formSize")
-                }, {
-                  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"]),
-                createVNode(_component_a_form_item, {
-                  label: _ctx.i18nt("designer.setting.labelPosition")
-                }, {
-                  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: withCtx(() => [
-                        createVNode(_component_a_radio_button, { value: "horizontal" }, {
-                          default: withCtx(() => _cache[20] || (_cache[20] = [
-                            createTextVNode("水平")
-                          ])),
-                          _: 1,
-                          __: [20]
-                        }),
-                        createVNode(_component_a_radio_button, { value: "vertical" }, {
-                          default: withCtx(() => _cache[21] || (_cache[21] = [
-                            createTextVNode("垂直")
-                          ])),
-                          _: 1,
-                          __: [21]
-                        })
-                      ]),
-                      _: 1
-                    }, 8, ["value"])
-                  ]),
-                  _: 1
-                }, 8, ["label"]),
-                createVNode(_component_a_form_item, {
-                  label: _ctx.i18nt("designer.setting.labelAlign")
-                }, {
-                  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: withCtx(() => [
-                        createVNode(_component_a_radio_button, { value: "left" }, {
-                          default: withCtx(() => [
-                            createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.leftAlign")), 1)
-                          ]),
-                          _: 1
-                        }),
-                        createVNode(_component_a_radio_button, { value: "right" }, {
-                          default: withCtx(() => [
-                            createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.rightAlign")), 1)
-                          ]),
-                          _: 1
-                        })
-                      ]),
-                      _: 1
-                    }, 8, ["value"])
-                  ]),
-                  _: 1
-                }, 8, ["label"]),
-                createVNode(_component_a_form_item, {
-                  label: _ctx.i18nt("designer.setting.labelWidth")
-                }, {
-                  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%" },
-                      allowClear: ""
-                    }, null, 8, ["value"])
-                  ]),
-                  _: 1
-                }, 8, ["label"]),
-                createVNode(_component_a_form_item, {
-                  label: _ctx.i18nt("designer.setting.formCss")
-                }, {
-                  default: withCtx(() => [
-                    createVNode(_component_a_button, {
-                      type: "info",
-                      shape: "round",
-                      onClick: $options.editFormCss,
-                      class: normalizeClass([{ "button-text-highlight": !!$props.formConfig.cssCode }])
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.addCss")), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["onClick", "class"])
-                  ]),
-                  _: 1
-                }, 8, ["label"]),
-                createVNode(_component_a_form_item, {
-                  label: _ctx.i18nt("designer.setting.customClass")
-                }, {
-                  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: $options.extractCssClass,
-                      options: $data.cssClassList
-                    }, null, 8, ["value", "onChange", "options"])
-                  ]),
-                  _: 1
-                }, 8, ["label"]),
-                createVNode(_component_a_form_item, {
-                  label: _ctx.i18nt("designer.setting.globalFunctions")
-                }, {
-                  default: withCtx(() => [
-                    createVNode(_component_a_button, {
-                      type: "info",
-                      class: normalizeClass([{ "button-text-highlight": !!$props.formConfig.functions }]),
-                      shape: "round",
-                      onClick: $options.editGlobalFunctions
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.addEventHandler")), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["class", "onClick"])
-                  ]),
-                  _: 1
-                }, 8, ["label"]),
-                createVNode(_component_a_form_item, {
-                  label: _ctx.i18nt("designer.setting.cancelButtonLabel")
-                }, {
-                  default: withCtx(() => [
-                    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_CancelButtonHidden, { optionModel: $props.formConfig }, null, 8, ["optionModel"]),
-                createVNode(_component_a_form_item, {
-                  label: _ctx.i18nt("designer.setting.okButtonLabel")
-                }, {
-                  default: withCtx(() => [
-                    createVNode(_component_a_input, {
-                      type: "text",
-                      value: $props.formConfig.okButtonLabel,
-                      "onUpdate:value": _cache[6] || (_cache[6] = ($event) => $props.formConfig.okButtonLabel = $event)
-                    }, null, 8, ["value"])
-                  ]),
-                  _: 1
-                }, 8, ["label"]),
-                createVNode(_component_OkButtonHiddenEditor, { optionModel: $props.formConfig }, null, 8, ["optionModel"])
-              ]),
-              _: 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[7] || (_cache[7] = ($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[8] || (_cache[8] = ($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[9] || (_cache[9] = ($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[10] || (_cache[10] = ($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[11] || (_cache[11] = ($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)
-          ]),
-          _: 1
-        }, 8, ["activeKey"])
-      ]),
-      _: 1
-    }, 8, ["model"]),
-    $data.showEditFormCssDialogFlag ? (openBlock(), createElementBlock("div", _hoisted_1, [
-      createVNode(_component_a_modal, {
-        title: _ctx.i18nt("designer.setting.formCss"),
-        visible: $data.showEditFormCssDialogFlag,
-        "onUpdate:visible": _cache[16] || (_cache[16] = ($event) => $data.showEditFormCssDialogFlag = $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
-      }, {
-        footer: withCtx(() => [
-          createElementVNode("div", _hoisted_2, [
-            createVNode(_component_a_button, {
-              onClick: _cache[15] || (_cache[15] = ($event) => $data.showEditFormCssDialogFlag = false)
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.cancel")), 1)
-              ]),
-              _: 1
-            }),
-            createVNode(_component_a_button, {
-              type: "primary",
-              onClick: $options.saveFormCss
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.confirm")), 1)
-              ]),
-              _: 1
-            }, 8, ["onClick"])
-          ])
-        ]),
-        default: withCtx(() => [
-          createVNode(_component_code_editor, {
-            mode: "css",
-            readonly: false,
-            modelValue: $data.formCssCode,
-            "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => $data.formCssCode = $event)
-          }, null, 8, ["modelValue"])
-        ]),
-        _: 1
-      }, 8, ["title", "visible"])
-    ])) : createCommentVNode("", true),
-    $data.showEditFunctionsDialogFlag ? (openBlock(), createElementBlock("div", _hoisted_3, [
-      createVNode(_component_a_modal, {
-        title: _ctx.i18nt("designer.setting.globalFunctions"),
-        visible: $data.showEditFunctionsDialogFlag,
-        "onUpdate:visible": _cache[19] || (_cache[19] = ($event) => $data.showEditFunctionsDialogFlag = $event),
-        width: 600,
-        "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
-      }, {
-        footer: withCtx(() => [
-          createElementVNode("div", _hoisted_4, [
-            createVNode(_component_a_button, {
-              onClick: _cache[18] || (_cache[18] = ($event) => $data.showEditFunctionsDialogFlag = false)
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.cancel")), 1)
-              ]),
-              _: 1
-            }),
-            createVNode(_component_a_button, {
-              type: "primary",
-              onClick: $options.saveGlobalFunctions
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.confirm")), 1)
-              ]),
-              _: 1
-            }, 8, ["onClick"])
-          ])
-        ]),
-        default: withCtx(() => [
-          createVNode(_component_code_editor, {
-            mode: "javascript",
-            readonly: false,
-            modelValue: $data.functionsCode,
-            "onUpdate:modelValue": _cache[17] || (_cache[17] = ($event) => $data.functionsCode = $event),
-            ref: "gfEditor"
-          }, null, 8, ["modelValue"])
-        ]),
-        _: 1
-      }, 8, ["title", "visible"])
-    ])) : createCommentVNode("", true)
-  ]);
-}
-const FormSetting = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-419ad058"]]);
+const FormSetting = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-278dc764"]]);
 export {
   FormSetting as default
 };
+//# sourceMappingURL=form-setting.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-setting.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}