@kp-ui/lowcode 1.0.89 → 1.0.91

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

@@ -0,0 +1,389 @@
+import { defineComponent, inject, ref, onMounted, resolveComponent, createElementBlock, openBlock, createVNode, withModifiers, withCtx, createBlock, createCommentVNode, unref, createTextVNode, toDisplayString, normalizeClass, Fragment, renderList } from "vue";
+import { useI18n } from "../../../utils/i18n.js";
+import { 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 { TpfCodeEditor } from "tmgc2-share";
+import { Switch } from "ant-design-vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "form-setting"
+  },
+  __name: "form-setting",
+  props: {
+    designer: {},
+    formConfig: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { i18nt } = useI18n();
+    const getDesignerConfig = inject("getDesignerConfig");
+    const designerConfig = getDesignerConfig ? getDesignerConfig() : {};
+    const mode = ref("javascript");
+    const eventName = ref("");
+    const title = ref("");
+    const isShowEventHeader = ref(false);
+    const eventHeader = ref("");
+    const formActiveCollapseNames = ref(["1", "2"]);
+    const formCssCode = ref("");
+    const cssClassList = ref([]);
+    const formEventHandlerCode = ref("");
+    const codeEditorRef = ref(null);
+    const formSizes = [
+      { label: "default", value: "middle" },
+      { label: "large", value: "large" },
+      { label: "small", value: "small" }
+    ];
+    const eventParamsMap = {
+      onFormCreated: "onFormCreated() {",
+      onFormMounted: "onFormMounted() {",
+      onOkButtonClick: "onOkButtonClick() {",
+      onCancelButtonClick: "onCancelButtonClick() {",
+      onFormDataChange: "onFormDataChange(fieldName, newValue, oldValue, formModel, subFormName, subFormRowIndex) {"
+      //'onFormValidate': 'onFormValidate() {',
+    };
+    const saveFormEventHandler = (value) => {
+      props.formConfig[eventName.value] = value;
+    };
+    const handleEditEvent = (params) => {
+      eventName.value = params.eventName;
+      mode.value = params.mode;
+      isShowEventHeader.value = params.isShowEventHeader;
+      formEventHandlerCode.value = props.formConfig[params.eventName];
+      title.value = params.title;
+      eventHeader.value = params.eventHeader || "";
+      codeEditorRef.value.open();
+    };
+    const getFormEventHandled = (eventName2) => {
+      return !!props.formConfig[eventName2] && props.formConfig[eventName2].length > 0;
+    };
+    const showEventCollapse = () => {
+      if (designerConfig["eventCollapse"] === void 0) {
+        return true;
+      }
+      return !!designerConfig["eventCollapse"];
+    };
+    const extractCssClass = () => {
+      const regExp = /\..*{/g;
+      const result = formCssCode.value.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());
+                }
+              }
+            });
+          }
+        });
+      }
+    };
+    onMounted(() => {
+      props.designer.handleEvent("form-json-imported", () => {
+        formCssCode.value = props.formConfig.cssCode;
+        insertCustomCssToHead(formCssCode.value);
+        extractCssClass();
+        props.designer.emitEvent("form-css-updated", deepClone(cssClassList.value));
+      });
+      setTimeout(() => {
+        formCssCode.value = props.formConfig.cssCode;
+        insertCustomCssToHead(formCssCode.value);
+        extractCssClass();
+        props.designer.emitEvent("form-css-updated", deepClone(cssClassList.value));
+      }, 1200);
+    });
+    return (_ctx, _cache) => {
+      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_a_collapse_panel = resolveComponent("a-collapse-panel");
+      const _component_a_collapse = resolveComponent("a-collapse");
+      const _component_a_form = resolveComponent("a-form");
+      return openBlock(), createElementBlock("div", null, [
+        createVNode(_component_a_form, {
+          model: _ctx.formConfig,
+          labelAlign: "left",
+          "label-width": "120px",
+          class: "setting-form",
+          onSubmit: _cache[11] || (_cache[11] = withModifiers(() => {
+          }, ["prevent"]))
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_a_collapse, {
+              activeKey: formActiveCollapseNames.value,
+              "onUpdate:activeKey": _cache[10] || (_cache[10] = ($event) => formActiveCollapseNames.value = $event),
+              class: "setting-collapse"
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_a_collapse_panel, {
+                  key: "1",
+                  header: unref(i18nt)("designer.setting.基本属性")
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_a_form_item, {
+                      label: unref(i18nt)("designer.setting.formSize")
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_a_select, {
+                          value: _ctx.formConfig.size,
+                          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => _ctx.formConfig.size = $event),
+                          options: formSizes,
+                          allowClear: "",
+                          style: { "width": "120px" }
+                        }, null, 8, ["value"])
+                      ]),
+                      _: 1
+                    }, 8, ["label"]),
+                    createVNode(_component_a_form_item, {
+                      label: unref(i18nt)("designer.setting.labelPosition")
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_a_radio_group, {
+                          value: _ctx.formConfig.labelPosition,
+                          "onUpdate:value": _cache[1] || (_cache[1] = ($event) => _ctx.formConfig.labelPosition = $event),
+                          class: "radio-group-custom"
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_a_radio_button, { value: "horizontal" }, {
+                              default: withCtx(() => _cache[13] || (_cache[13] = [
+                                createTextVNode("水平")
+                              ])),
+                              _: 1,
+                              __: [13]
+                            }),
+                            createVNode(_component_a_radio_button, { value: "vertical" }, {
+                              default: withCtx(() => _cache[14] || (_cache[14] = [
+                                createTextVNode("垂直")
+                              ])),
+                              _: 1,
+                              __: [14]
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["value"])
+                      ]),
+                      _: 1
+                    }, 8, ["label"]),
+                    createVNode(_component_a_form_item, {
+                      label: unref(i18nt)("designer.setting.labelAlign")
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_a_radio_group, {
+                          value: _ctx.formConfig.labelAlign,
+                          "onUpdate:value": _cache[2] || (_cache[2] = ($event) => _ctx.formConfig.labelAlign = $event),
+                          class: "radio-group-custom"
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_a_radio_button, { value: "left" }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(unref(i18nt)("designer.setting.leftAlign")), 1)
+                              ]),
+                              _: 1
+                            }),
+                            createVNode(_component_a_radio_button, { value: "right" }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(unref(i18nt)("designer.setting.rightAlign")), 1)
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["value"])
+                      ]),
+                      _: 1
+                    }, 8, ["label"]),
+                    createVNode(_component_a_form_item, {
+                      label: unref(i18nt)("designer.setting.labelWidth")
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_a_input_number, {
+                          value: _ctx.formConfig.labelWidth,
+                          "onUpdate:value": _cache[3] || (_cache[3] = ($event) => _ctx.formConfig.labelWidth = $event),
+                          min: 0,
+                          style: { "width": "100%" },
+                          allowClear: ""
+                        }, null, 8, ["value"])
+                      ]),
+                      _: 1
+                    }, 8, ["label"]),
+                    createVNode(_component_a_form_item, {
+                      label: unref(i18nt)("designer.setting.formCss")
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_a_button, {
+                          shape: "round",
+                          onClick: _cache[4] || (_cache[4] = ($event) => handleEditEvent({
+                            eventName: "formCss",
+                            isShowEventHeader: false,
+                            mode: "css",
+                            title: unref(i18nt)("designer.setting.formCss")
+                          })),
+                          class: normalizeClass([{ "button-text-highlight": !!_ctx.formConfig.cssCode }])
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(unref(i18nt)("designer.setting.addCss")), 1)
+                          ]),
+                          _: 1
+                        }, 8, ["class"])
+                      ]),
+                      _: 1
+                    }, 8, ["label"]),
+                    createVNode(_component_a_form_item, {
+                      label: unref(i18nt)("designer.setting.customClass")
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_a_select, {
+                          value: _ctx.formConfig.customClass,
+                          "onUpdate:value": _cache[5] || (_cache[5] = ($event) => _ctx.formConfig.customClass = $event),
+                          allowClear: "",
+                          mode: "tags",
+                          onChange: extractCssClass,
+                          options: cssClassList.value
+                        }, null, 8, ["value", "options"])
+                      ]),
+                      _: 1
+                    }, 8, ["label"]),
+                    createVNode(_component_a_form_item, {
+                      label: unref(i18nt)("designer.setting.globalFunctions")
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_a_button, {
+                          class: normalizeClass([{ "button-text-highlight": !!_ctx.formConfig.functions }]),
+                          shape: "round",
+                          onClick: _cache[6] || (_cache[6] = ($event) => handleEditEvent({
+                            eventName: "functions",
+                            isShowEventHeader: false,
+                            mode: "javascript",
+                            title: unref(i18nt)("designer.setting.globalFunctions")
+                          }))
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(unref(i18nt)("designer.setting.addEventHandler")), 1)
+                          ]),
+                          _: 1
+                        }, 8, ["class"])
+                      ]),
+                      _: 1
+                    }, 8, ["label"]),
+                    createVNode(_component_a_form_item, {
+                      label: unref(i18nt)("designer.setting.cancelButtonLabel")
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_a_input, {
+                          type: "text",
+                          value: _ctx.formConfig.cancelButtonLabel,
+                          "onUpdate:value": _cache[7] || (_cache[7] = ($event) => _ctx.formConfig.cancelButtonLabel = $event)
+                        }, null, 8, ["value"])
+                      ]),
+                      _: 1
+                    }, 8, ["label"]),
+                    createVNode(CancelButtonHidden, { optionModel: _ctx.formConfig }, null, 8, ["optionModel"]),
+                    createVNode(_component_a_form_item, {
+                      label: unref(i18nt)("designer.setting.okButtonLabel")
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_a_input, {
+                          type: "text",
+                          value: _ctx.formConfig.okButtonLabel,
+                          "onUpdate:value": _cache[8] || (_cache[8] = ($event) => _ctx.formConfig.okButtonLabel = $event)
+                        }, null, 8, ["value"])
+                      ]),
+                      _: 1
+                    }, 8, ["label"]),
+                    createVNode(OkButtonHiddenEditor, { optionModel: _ctx.formConfig }, null, 8, ["optionModel"]),
+                    createVNode(_component_a_form_item, {
+                      label: unref(i18nt)("designer.setting.isEnterSubmit")
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(Switch), {
+                          checked: _ctx.formConfig.isEnterSubmit,
+                          "onUpdate:checked": _cache[9] || (_cache[9] = ($event) => _ctx.formConfig.isEnterSubmit = $event),
+                          "checked-value": 1,
+                          "un-checked-value": 0
+                        }, null, 8, ["checked"])
+                      ]),
+                      _: 1
+                    }, 8, ["label"])
+                  ]),
+                  _: 1
+                }, 8, ["header"]),
+                showEventCollapse() ? (openBlock(), createBlock(_component_a_collapse_panel, {
+                  key: "2",
+                  class: "eventPanel",
+                  header: unref(i18nt)("designer.setting.事件属性")
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(), createElementBlock(Fragment, null, renderList(eventParamsMap, (value, key) => {
+                      return createVNode(_sfc_main$1, {
+                        onClickItem: handleEditEvent,
+                        key,
+                        "event-name": key,
+                        value: _ctx.formConfig[key],
+                        "onUpdate:value": ($event) => _ctx.formConfig[key] = $event,
+                        "get-form-event-handled": getFormEventHandled,
+                        "event-params-map": eventParamsMap,
+                        "form-config": _ctx.formConfig
+                      }, null, 8, ["event-name", "value", "onUpdate:value", "form-config"]);
+                    }), 64))
+                  ]),
+                  _: 1
+                }, 8, ["header"])) : createCommentVNode("", true)
+              ]),
+              _: 1
+            }, 8, ["activeKey"])
+          ]),
+          _: 1
+        }, 8, ["model"]),
+        createVNode(unref(TpfCodeEditor), {
+          isShowEventHeader: isShowEventHeader.value,
+          ref_key: "codeEditorRef",
+          ref: codeEditorRef,
+          "event-header": eventHeader.value,
+          modelValue: formEventHandlerCode.value,
+          "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => formEventHandlerCode.value = $event),
+          mode: mode.value,
+          readonly: false,
+          title: title.value,
+          onSetCode: saveFormEventHandler
+        }, null, 8, ["isShowEventHeader", "event-header", "modelValue", "mode", "title"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=form-setting.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-setting.vue2.js","sources":["../../../../../src/components/form-designer/setting-panel/form-setting.vue"],"sourcesContent":["<template>\n    <div>\n        <a-form\n            :model=\"formConfig\"\n            labelAlign=\"left\"\n            label-width=\"120px\"\n            class=\"setting-form\"\n            @submit.prevent\n        >\n            <a-collapse v-model:activeKey=\"formActiveCollapseNames\" class=\"setting-collapse\">\n                <a-collapse-panel key=\"1\" :header=\"i18nt('designer.setting.基本属性')\">\n                    <a-form-item :label=\"i18nt('designer.setting.formSize')\">\n                        <a-select\n                            v-model:value=\"formConfig.size\"\n                            :options=\"formSizes\"\n                            allowClear\n                            style=\"width: 120px\"\n                        />\n                    </a-form-item>\n                    <a-form-item :label=\"i18nt('designer.setting.labelPosition')\">\n                        <a-radio-group\n                            v-model:value=\"formConfig.labelPosition\"\n                            class=\"radio-group-custom\"\n                        >\n                            <a-radio-button value=\"horizontal\">水平</a-radio-button>\n                            <a-radio-button value=\"vertical\">垂直</a-radio-button>\n                        </a-radio-group>\n                    </a-form-item>\n                    <a-form-item :label=\"i18nt('designer.setting.labelAlign')\">\n                        <a-radio-group\n                            v-model:value=\"formConfig.labelAlign\"\n                            class=\"radio-group-custom\"\n                        >\n                            <a-radio-button value=\"left\">\n                                {{ i18nt('designer.setting.leftAlign') }}\n                            </a-radio-button>\n                            <a-radio-button value=\"right\">\n                                {{ i18nt('designer.setting.rightAlign') }}\n                            </a-radio-button>\n                        </a-radio-group>\n                    </a-form-item>\n                    <a-form-item :label=\"i18nt('designer.setting.labelWidth')\">\n                        <a-input-number\n                            v-model:value=\"formConfig.labelWidth\"\n                            :min=\"0\"\n                            style=\"width: 100%\"\n                            allowClear\n                        />\n                    </a-form-item>\n                    <a-form-item :label=\"i18nt('designer.setting.formCss')\">\n                        <a-button\n                            shape=\"round\"\n                            @click=\"\n                                handleEditEvent({\n                                    eventName: 'formCss',\n                                    isShowEventHeader: false,\n                                    mode: 'css',\n                                    title: i18nt('designer.setting.formCss')\n                                })\n                            \"\n                            :class=\"[{ 'button-text-highlight': !!formConfig.cssCode }]\"\n                        >\n                            {{ i18nt('designer.setting.addCss') }}\n                        </a-button>\n                    </a-form-item>\n                    <!-- -->\n                    <a-form-item :label=\"i18nt('designer.setting.customClass')\">\n                        <a-select\n                            v-model:value=\"formConfig.customClass\"\n                            allowClear\n                            mode=\"tags\"\n                            @change=\"extractCssClass\"\n                            :options=\"cssClassList\"\n                        />\n                    </a-form-item>\n                    <!-- 表单全局函数 -->\n                    <a-form-item :label=\"i18nt('designer.setting.globalFunctions')\">\n                        <a-button\n                            :class=\"[{ 'button-text-highlight': !!formConfig.functions }]\"\n                            shape=\"round\"\n                            @click=\"\n                                handleEditEvent({\n                                    eventName: 'functions',\n                                    isShowEventHeader: false,\n                                    mode: 'javascript',\n                                    title: i18nt('designer.setting.globalFunctions')\n                                })\n                            \"\n                        >\n                            {{ i18nt('designer.setting.addEventHandler') }}\n                        </a-button>\n                    </a-form-item>\n                    <a-form-item :label=\"i18nt('designer.setting.cancelButtonLabel')\">\n                        <a-input type=\"text\" v-model:value=\"formConfig.cancelButtonLabel\" />\n                    </a-form-item>\n                    <!-- 隐藏取消按钮 -->\n                    <CancelButtonHidden :optionModel=\"formConfig\" />\n                    <a-form-item :label=\"i18nt('designer.setting.okButtonLabel')\">\n                        <a-input type=\"text\" v-model:value=\"formConfig.okButtonLabel\" />\n                    </a-form-item>\n                    <OkButtonHiddenEditor :optionModel=\"formConfig\" />\n\n                    <!-- 回车提交 -->\n                    <a-form-item :label=\"i18nt('designer.setting.isEnterSubmit')\">\n                        <Switch\n                            v-model:checked=\"formConfig.isEnterSubmit\"\n                            :checked-value=\"1\"\n                            :un-checked-value=\"0\"\n                        />\n                    </a-form-item>\n                </a-collapse-panel>\n\n                <a-collapse-panel\n                    v-if=\"showEventCollapse()\"\n                    key=\"2\"\n                    class=\"eventPanel\"\n                    :header=\"i18nt('designer.setting.事件属性')\"\n                >\n                    <MethodItem\n                        @click-item=\"handleEditEvent\"\n                        v-for=\"(value, key) in eventParamsMap\"\n                        :key=\"key\"\n                        :event-name=\"key\"\n                        v-model:value=\"formConfig[key]\"\n                        :get-form-event-handled=\"getFormEventHandled\"\n                        :event-params-map=\"eventParamsMap\"\n                        :form-config=\"formConfig\"\n                    />\n                </a-collapse-panel>\n            </a-collapse>\n        </a-form>\n\n        <TpfCodeEditor\n            :isShowEventHeader=\"isShowEventHeader\"\n            ref=\"codeEditorRef\"\n            :event-header=\"eventHeader\"\n            v-model=\"formEventHandlerCode\"\n            :mode=\"mode\"\n            :readonly=\"false\"\n            :title=\"title\"\n            @set-code=\"saveFormEventHandler\"\n        />\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\n    import { ref, reactive, onMounted, inject } from 'vue';\n    import { useI18n } from '@/utils/i18n';\n    import { deepClone, insertCustomCssToHead } from '@/utils/util';\n    import MethodItem from '@/components/public/methoad-item.vue';\n    import OkButtonHiddenEditor from '@/components/form-designer/setting-panel/property-editor/container-vf-dialog/okButtonHidden-editor.vue';\n    import CancelButtonHidden from '@/components/form-designer/setting-panel/property-editor/container-vf-dialog/cancelButtonHidden-editor.vue';\n    import { ILanguageMode, TpfCodeEditor } from 'tmgc2-share';\n    import { Switch } from 'ant-design-vue';\n\n    // 定义类型\n    interface FormSize {\n        label: string;\n        value: string;\n    }\n\n    interface EventParams {\n        [key: string]: string;\n    }\n\n    interface EditEventParams {\n        eventName: string;\n        mode: ILanguageMode;\n        isShowEventHeader: boolean;\n        title: string;\n        eventHeader?: string;\n    }\n\n    interface Designer {\n        handleEvent: (eventName: string, callback: () => void) => void;\n        emitEvent: (eventName: string, data: any) => void;\n        formConfig: any;\n    }\n\n    interface FormConfig {\n        [key: string]: any;\n    }\n\n    // Props 定义\n    const props = defineProps<{\n        designer: Designer;\n        formConfig: FormConfig;\n    }>();\n\n    // 使用i18n\n    const { i18nt } = useI18n();\n\n    // 注入依赖\n    const getDesignerConfig = inject<() => any>('getDesignerConfig');\n    const designerConfig = getDesignerConfig ? getDesignerConfig() : {};\n\n    // 响应式状态\n    const mode = ref<ILanguageMode>('javascript');\n    const eventName = ref('');\n    const title = ref('');\n    const isShowEventHeader = ref(false);\n    const eventHeader = ref('');\n    const formActiveCollapseNames = ref(['1', '2']);\n    const formCssCode = ref('');\n    const cssClassList = ref<string[]>([]);\n    const formEventHandlerCode = ref('');\n\n    // 引用\n    const codeEditorRef = ref<any>(null);\n\n    // 常量数据\n    const formSizes: FormSize[] = [\n        { label: 'default', value: 'middle' },\n        { label: 'large', value: 'large' },\n        { label: 'small', value: 'small' }\n    ];\n\n    const eventParamsMap: EventParams = {\n        onFormCreated: 'onFormCreated() {',\n        onFormMounted: 'onFormMounted() {',\n        onOkButtonClick: 'onOkButtonClick() {',\n        onCancelButtonClick: 'onCancelButtonClick() {',\n        onFormDataChange:\n            'onFormDataChange(fieldName, newValue, oldValue, formModel, subFormName, subFormRowIndex) {'\n        //'onFormValidate': 'onFormValidate() {',\n    };\n\n    // 方法\n    const saveFormEventHandler = (value: string) => {\n        props.formConfig[eventName.value] = value;\n    };\n\n    const handleEditEvent = (params: EditEventParams) => {\n        eventName.value = params.eventName;\n        mode.value = params.mode;\n        isShowEventHeader.value = params.isShowEventHeader;\n        formEventHandlerCode.value = props.formConfig[params.eventName];\n        title.value = params.title;\n        eventHeader.value = params.eventHeader || '';\n        codeEditorRef.value.open();\n    };\n\n    const getFormEventHandled = (eventName: string) => {\n        return !!props.formConfig[eventName] && props.formConfig[eventName].length > 0;\n    };\n\n    const showEventCollapse = () => {\n        if (designerConfig['eventCollapse'] === undefined) {\n            return true;\n        }\n        return !!designerConfig['eventCollapse'];\n    };\n\n    const extractCssClass = () => {\n        const regExp = /\\..*{/g;\n        const result = formCssCode.value.match(regExp);\n        const cssNameArray: string[] = [];\n\n        if (!!result && result.length > 0) {\n            result.forEach(rItem => {\n                const classArray = rItem.split(','); // 切分逗号分割的多个class\n                if (classArray.length > 0) {\n                    classArray.forEach(cItem => {\n                        const caItem = cItem.trim();\n                        if (caItem.indexOf('.', 1) !== -1) {\n                            // 查找第二个.位置\n                            const newClass = caItem.substring(\n                                caItem.indexOf('.') + 1,\n                                caItem.indexOf('.', 1)\n                            ); // 仅截取第一、二个.号之间的class\n                            if (!!newClass) {\n                                cssNameArray.push(newClass.trim());\n                            }\n                        } else if (caItem.indexOf(' ') !== -1) {\n                            // 查找第一个空格位置\n                            const newClass = caItem.substring(\n                                caItem.indexOf('.') + 1,\n                                caItem.indexOf(' ')\n                            ); // 仅截取第一、二个.号之间的class\n                            if (!!newClass) {\n                                cssNameArray.push(newClass.trim());\n                            }\n                        } else {\n                            if (caItem.indexOf('{') !== -1) {\n                                // 查找第一个{位置\n                                const newClass = caItem.substring(\n                                    caItem.indexOf('.') + 1,\n                                    caItem.indexOf('{')\n                                );\n                                cssNameArray.push(newClass.trim());\n                            } else {\n                                const newClass = caItem.substring(caItem.indexOf('.') + 1);\n                                cssNameArray.push(newClass.trim());\n                            }\n                        }\n                    });\n                }\n            });\n        }\n\n        // cssClassList.value = Array.from(new Set(cssNameArray)); // 数组去重\n    };\n\n    // 生命周期钩子\n    onMounted(() => {\n        // 导入表单JSON后需要重新加载自定义CSS样式\n        props.designer.handleEvent('form-json-imported', () => {\n            formCssCode.value = props.formConfig.cssCode;\n            insertCustomCssToHead(formCssCode.value);\n            extractCssClass();\n            props.designer.emitEvent('form-css-updated', deepClone(cssClassList.value));\n        });\n\n        /* SettingPanel和FormWidget为兄弟组件, 在FormWidget加载formConfig时，\n         此处SettingPanel可能无法获取到formConfig.cssCode, 故加个延时函数！ */\n        setTimeout(() => {\n            formCssCode.value = props.formConfig.cssCode;\n            insertCustomCssToHead(formCssCode.value);\n            extractCssClass();\n            props.designer.emitEvent('form-css-updated', deepClone(cssClassList.value));\n        }, 1200);\n    });\n\n    // 组件名称定义\n    defineOptions({\n        name: 'form-setting'\n    });\n</script>\n\n<style lang=\"less\" scoped>\n    .eventPanel {\n        :deep(.ant-form-item-row) {\n            flex: 1;\n            .ant-form-item-control-input-content .ant-btn {\n                border: 1px solid #eee;\n            }\n            .ant-form-item-label {\n                flex: 1;\n            }\n        }\n        :deep(.ant-col.ant-form-item-control) {\n            flex: 0 0 80px;\n        }\n    }\n</style>\n"],"names":["eventName","_createElementBlock","_createVNode","formConfig","_unref","_normalizeClass","_createBlock","_openBlock","_Fragment","_renderList","MethodItem"],"mappings":"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"}

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

@@ -1,12 +1,12 @@
 import CodeEditor from "../../code-editor/index.vue.js";
 import comps from "./property-editor/index.js";
 import FormSetting from "./form-setting.vue.js";
-import FormCrudSetting from "./form-crud-setting.vue.js";
+import _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$1 from "../../code-editor/code-modal-editor.vue.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";
 /* empty css           */
 /* empty css           */
@@ -19,9 +19,8 @@ const _sfc_main = {
   components: {
     CodeEditor,
     FormSetting,
-    CodeModalEditor: _sfc_main$1,
-    // DataSourceSetting,
-    FormCrudSetting,
+    CodeModalEditor: _sfc_main$2,
+    FormCrudSetting: _sfc_main$1,
     ...comps
   },
   props: {
@@ -444,7 +443,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   });
 }
-const SettingPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-d15b90cd"]]);
+const SettingPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-dc8cd5e3"]]);
 export {
   SettingPanel as default
 };
+//# sourceMappingURL=index.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.js","sources":["../../../../../src/components/form-designer/setting-panel/index.vue"],"sourcesContent":["<template>\n    <a-config-provider componentSize=\"small\">\n        <a-layout class=\"panel-container\">\n            <a-tabs\n                v-model:activeKey=\"activeTab\"\n                style=\"height: 100%; width: 100%; overflow: hidden\"\n            >\n                <a-tab-pane :tab=\"i18nt('designer.hint.widgetSetting')\" key=\"1\">\n                    <div class=\"setting-scrollbar\" :style=\"{ height: scrollerHeight }\">\n                        <template\n                            v-if=\"!!designer.selectedWidget && !designer.selectedWidget.category\"\n                        >\n                            <a-form\n                                :model=\"optionModel\"\n                                labelAlign=\"left\"\n                                label-width=\"120px\"\n                                class=\"setting-form tpf-form\"\n                                @submit.prevent\n                            >\n                                <a-collapse\n                                    v-model:activeKey=\"widgetActiveCollapseNames\"\n                                    class=\"setting-collapse\"\n                                >\n                                    <a-collapse-panel\n                                        key=\"1\"\n                                        v-if=\"showCollapse(commonProps)\"\n                                        :header=\"i18nt('designer.setting.常见属性')\"\n                                    >\n                                        <template v-for=\"(editorName, propName) in commonProps\">\n                                            <component\n                                                v-if=\"hasPropEditor(propName, editorName)\"\n                                                :key=\"propName\"\n                                                :is=\"getPropEditor(propName, editorName)\"\n                                                :designer=\"designer\"\n                                                :selected-widget=\"selectedWidget\"\n                                                v-model:option-model=\"optionModel\"\n                                            />\n                                        </template>\n                                    </a-collapse-panel>\n\n                                    <a-collapse-panel\n                                        key=\"2\"\n                                        v-if=\"showCollapse(advProps)\"\n                                        :header=\"i18nt('designer.setting.高级属性')\"\n                                    >\n                                        <template v-for=\"(editorName, propName) in advProps\">\n                                            <component\n                                                v-if=\"hasPropEditor(propName, editorName)\"\n                                                :key=\"propName\"\n                                                :is=\"getPropEditor(propName, editorName)\"\n                                                :designer=\"designer\"\n                                                :selected-widget=\"selectedWidget\"\n                                                :option-model=\"optionModel\"\n                                            />\n                                        </template>\n                                    </a-collapse-panel>\n\n                                    <a-collapse-panel\n                                        key=\"3\"\n                                        class=\"eventPanel\"\n                                        v-if=\"showEventCollapse() && showCollapse(eventProps)\"\n                                        :header=\"i18nt('designer.setting.事件属性')\"\n                                    >\n                                        <template v-for=\"(editorName, propName) in eventProps\">\n                                            <component\n                                                v-if=\"hasPropEditor(propName, editorName)\"\n                                                :key=\"propName\"\n                                                :is=\"getPropEditor(propName, editorName)\"\n                                                :designer=\"designer\"\n                                                :selected-widget=\"selectedWidget\"\n                                                :option-model=\"optionModel\"\n                                                :event-handled=\"getEventHandled(propName)\"\n                                            />\n                                        </template>\n                                    </a-collapse-panel>\n                                </a-collapse>\n                            </a-form>\n                        </template>\n\n                        <template\n                            v-if=\"!!designer.selectedWidget && !!designer.selectedWidget.category\"\n                        >\n                            <a-form\n                                :model=\"optionModel\"\n                                labelAlign=\"left\"\n                                label-width=\"120px\"\n                                class=\"setting-form tpf-form\"\n                                @submit.prevent\n                            >\n                                <a-collapse\n                                    v-model:activeKey=\"widgetActiveCollapseNames\"\n                                    class=\"setting-collapse\"\n                                >\n                                    <a-collapse-panel\n                                        key=\"1\"\n                                        v-if=\"showCollapse(commonProps)\"\n                                        :header=\"i18nt('designer.setting.常见属性')\"\n                                    >\n                                        <template v-for=\"(editorName, propName) in commonProps\">\n                                            <component\n                                                v-if=\"hasPropEditor(propName, editorName)\"\n                                                :key=\"propName\"\n                                                :is=\"getPropEditor(propName, editorName)\"\n                                                :designer=\"designer\"\n                                                :selected-widget=\"selectedWidget\"\n                                                v-model:option-model=\"optionModel\"\n                                            />\n                                        </template>\n                                    </a-collapse-panel>\n\n                                    <a-collapse-panel\n                                        key=\"2\"\n                                        v-if=\"showCollapse(advProps)\"\n                                        :header=\"i18nt('designer.setting.高级属性')\"\n                                    >\n                                        <template v-for=\"(editorName, propName) in advProps\">\n                                            <component\n                                                v-if=\"hasPropEditor(propName, editorName)\"\n                                                :key=\"propName\"\n                                                :is=\"getPropEditor(propName, editorName)\"\n                                                :designer=\"designer\"\n                                                :selected-widget=\"selectedWidget\"\n                                                :option-model=\"optionModel\"\n                                            />\n                                        </template>\n                                    </a-collapse-panel>\n\n                                    <a-collapse-panel\n                                        key=\"3\"\n                                        class=\"eventPanel\"\n                                        v-if=\"showEventCollapse() && showCollapse(eventProps)\"\n                                        :header=\"i18nt('designer.setting.事件属性')\"\n                                    >\n                                        <template v-for=\"(editorName, propName) in eventProps\">\n                                            <component\n                                                v-if=\"hasPropEditor(propName, editorName)\"\n                                                :key=\"propName\"\n                                                :is=\"getPropEditor(propName, editorName)\"\n                                                :designer=\"designer\"\n                                                :selected-widget=\"selectedWidget\"\n                                                :option-model=\"optionModel\"\n                                                :event-handled=\"getEventHandled(propName)\"\n                                            />\n                                        </template>\n                                    </a-collapse-panel>\n                                </a-collapse>\n                            </a-form>\n                        </template>\n\n                        <template v-if=\"!designer.selectedWidget\">\n                            <a-empty :description=\"i18nt('designer.hint.noSelectedWidgetHint')\" />\n                        </template>\n                    </div>\n                </a-tab-pane>\n\n                <a-tab-pane v-if=\"!!designer\" :tab=\"i18nt('designer.hint.表单设置')\" key=\"2\">\n                    <div class=\"setting-scrollbar\" :style=\"{ height: scrollerHeight }\">\n                        <form-setting :designer=\"designer\" :form-config=\"formConfig\" />\n                    </div>\n                </a-tab-pane>\n\n                <a-tab-pane :tab=\"'表单api配置'\" key=\"3\">\n                    <div class=\"ds-setting-scrollbar\" :style=\"{ height: scrollerHeight }\">\n                        <FormCrudSetting :designer=\"designer\" :form-config=\"formConfig\" />\n                    </div>\n                </a-tab-pane>\n            </a-tabs>\n\n            <CodeModalEditor\n                :eventHeader=\"eventHeader\"\n                ref=\"CodeModalEditorRef\"\n                :title=\"i18nt('designer.setting.editWidgetEventHandler')\"\n                mode=\"javascript\"\n                :readonly=\"false\"\n                @save=\"saveEventHandler\"\n            />\n        </a-layout>\n    </a-config-provider>\n</template>\n\n<script>\n    import CodeEditor from '@/components/code-editor/index.vue';\n    import PropertyEditors from './property-editor/index';\n    import FormSetting from './form-setting';\n    import FormCrudSetting from './form-crud-setting.vue';\n    import WidgetProperties from './propertyRegister';\n    import { addWindowResizeHandler } from '@/utils/util';\n    import i18n from '@/utils/i18n';\n    import emitter from '@/utils/emitter';\n    import { propertyRegistered } from '@/components/form-designer/setting-panel/propertyRegister';\n    import CodeModalEditor from '@/components/code-editor/code-modal-editor.vue';\n\n    const { COMMON_PROPERTIES, ADVANCED_PROPERTIES, EVENT_PROPERTIES } = WidgetProperties;\n\n    export default {\n        name: 'SettingPanel',\n        componentName: 'SettingPanel',\n        mixins: [i18n, emitter],\n        components: {\n            CodeEditor,\n            FormSetting,\n            CodeModalEditor,\n            FormCrudSetting,\n            ...PropertyEditors\n        },\n        props: {\n            designer: Object,\n            selectedWidget: Object,\n            formConfig: Object,\n            globalDsv: {\n                type: Object,\n                default: () => ({})\n            }\n        },\n        provide() {\n            return {\n                isSubFormChildWidget: () => this.subFormChildWidgetFlag,\n                getGlobalDsv: () => this.globalDsv // 全局数据源变量\n            };\n        },\n        inject: ['getDesignerConfig'],\n        data() {\n            return {\n                designerConfig: this.getDesignerConfig(),\n\n                scrollerHeight: 0,\n\n                activeTab: '2',\n                widgetActiveCollapseNames: ['1', '2', '3'],\n                formActiveCollapseNames: ['1', '2'],\n\n                commonProps: COMMON_PROPERTIES,\n                advProps: ADVANCED_PROPERTIES,\n                eventProps: EVENT_PROPERTIES,\n\n                showWidgetEventDialogFlag: false,\n                eventHandlerCode: '',\n                curEventName: '',\n                eventHeader: '',\n\n                subFormChildWidgetFlag: false\n            };\n        },\n        computed: {\n            optionModel: {\n                get() {\n                    return this.selectedWidget.options;\n                },\n\n                set(newValue) {\n                    this.selectedWidget.options = newValue;\n                }\n            }\n        },\n        watch: {\n            'designer.selectedWidget': {\n                handler(val) {\n                    if (!!val) {\n                        this.activeTab = '1';\n                    }\n                }\n            },\n\n            'selectedWidget.options': {\n                //组件属性变动后，立即保存表单JSON！！\n                deep: true,\n                handler() {\n                    this.designer.saveCurrentHistoryStep();\n                }\n            },\n\n            formConfig: {\n                deep: true,\n                handler() {\n                    this.designer.saveCurrentHistoryStep();\n                }\n            }\n        },\n        created() {\n            this.on$('editEventHandler', eventParams => {\n                //debugger\n                this.editEventHandler(eventParams[0], eventParams[1]);\n            });\n\n            this.designer.handleEvent('form-css-updated', cssClassList => {\n                this.designer.setCssClassList(cssClassList);\n            });\n\n            //监听字段组件选中事件\n            this.designer.handleEvent('field-selected', parentWidget => {\n                this.subFormChildWidgetFlag = !!parentWidget && parentWidget.type === 'sub-form';\n            });\n        },\n        mounted() {\n            if (!this.designer.selectedWidget) {\n                this.activeTab = '2';\n            } else {\n                this.activeTab = '1';\n            }\n\n            this.scrollerHeight = window.innerHeight - 56 - 48 + 'px';\n            addWindowResizeHandler(() => {\n                this.$nextTick(() => {\n                    this.scrollerHeight = window.innerHeight - 56 - 48 + 'px';\n                    //console.log(this.scrollerHeight)\n                });\n            });\n        },\n        methods: {\n            getEventHandled(eventName) {\n                return !!this.optionModel[eventName] && this.optionModel[eventName].length > 0;\n            },\n\n            showEventCollapse() {\n                if (this.designerConfig['eventCollapse'] === undefined) {\n                    return true;\n                }\n\n                return !!this.designerConfig['eventCollapse'];\n            },\n\n            hasPropEditor(propName, editorName) {\n                if (!editorName) {\n                    return false;\n                }\n\n                /* alert组件注册了两个type属性编辑器，跳过第一个type属性编辑器，只显示第二个alert-type属性编辑器！！ */\n                if (propName.indexOf('-') <= -1) {\n                    const uniquePropName = this.selectedWidget.type + '-' + propName;\n                    if (propertyRegistered(uniquePropName)) {\n                        return false;\n                    }\n                }\n\n                const originalPropName = propName.replace(this.selectedWidget.type + '-', ''); //去掉组件名称前缀-，如果有的话！！\n                const res = this.designer.hasConfig(this.selectedWidget, originalPropName);\n\n                return res;\n            },\n\n            getPropEditor(propName, editorName) {\n                const originalPropName = propName.replace(this.selectedWidget.type + '-', ''); //去掉组件名称前缀-，如果有的话！！\n                const ownPropEditorName = `${this.selectedWidget.type}-${originalPropName}-editor`;\n\n                if (this.$options.components[ownPropEditorName]) {\n                    //局部注册的属性编辑器组件\n                    return ownPropEditorName;\n                }\n\n                // 如果全局有就调用全局的 否则动态加载\n                const editName = this.$root.$.appContext.components[ownPropEditorName]\n                    ? ownPropEditorName\n                    : editorName;\n\n                return editName;\n                // return defineAsyncComponent(() => PropertyEditors[editName]?.()); //Vue3全局注册的属性编辑器组件\n            },\n\n            showCollapse(propsObj) {\n                let result = false;\n\n                for (const propName in propsObj) {\n                    if (!propsObj.hasOwnProperty(propName)) {\n                        continue;\n                    }\n\n                    if (this.hasPropEditor(propName, propsObj[propName])) {\n                        result = true;\n                        break;\n                    }\n                }\n\n                return result;\n            },\n\n            editEventHandler(eventName, eventParams) {\n                //debugger\n\n                this.curEventName = eventName;\n                this.eventHeader = `${this.optionModel.name}.${eventName}(${eventParams.join(\n                    ', '\n                )}) {`;\n                this.eventHandlerCode = this.selectedWidget.options[eventName] || '';\n\n                // 设置字段校验函数示例代码\n                if (eventName === 'onValidate' && !this.optionModel['onValidate']) {\n                    this.eventHandlerCode =\n                        \"  /* 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  */\";\n                }\n                console.log(this.eventHandlerCode);\n                this.$refs.CodeModalEditorRef.open(this.eventHandlerCode);\n            },\n\n            saveEventHandler(value) {\n                const codeHints =\n                    this.$refs.CodeModalEditorRef.codeEditorRef.ecEditor.getEditorAnnotations();\n                let syntaxErrorFlag = false;\n                if (!!codeHints && codeHints.length > 0) {\n                    codeHints.forEach(chItem => {\n                        if (chItem.type === 'error') {\n                            syntaxErrorFlag = true;\n                        }\n                    });\n\n                    if (syntaxErrorFlag) {\n                        this.$message.error(this.i18nt('designer.setting.syntaxCheckWarning'));\n                        return;\n                    }\n                }\n\n                if (this.curEventName.includes('.')) {\n                    const [a, b] = this.curEventName.split('.');\n                    this.selectedWidget.options[a][b] = value;\n                } else {\n                    this.selectedWidget.options[this.curEventName] = value;\n                }\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .panel-container {\n        background-color: #fff;\n        border-radius: 4px;\n        height: 100%;\n        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n        :deep(.ant-tabs-content-holder) {\n            flex: 1;\n            display: flex;\n        }\n        .tpf-form.ant-form {\n            padding: 0;\n        }\n        .eventPanel {\n            :deep(.ant-form-item-row) {\n                flex: 1;\n                .ant-form-item-label {\n                    flex: 1;\n                }\n                .ant-form-item-control-input-content .ant-btn {\n                    border: 1px solid #eee;\n                }\n            }\n\n            :deep(.ant-col.ant-form-item-control) {\n                flex: 0 0 80px;\n            }\n        }\n        :deep(.ant-tabs-nav) {\n            padding: 0 16px;\n            margin: 0;\n            margin-bottom: 0;\n            height: 42px;\n            border-bottom: 1px solid #f0f0f0;\n        }\n        :deep(.ant-tabs-tab) {\n            padding: 12px 0;\n            margin: 0 16px 0 0;\n            transition: all 0.3s;\n        }\n        :deep(.ant-tabs-content) {\n            overflow: auto;\n            padding: 0;\n        }\n        :deep(.ant-form-item) {\n            .ant-form-item-row {\n                flex: 1;\n            }\n            .ant-select {\n                width: 100%;\n            }\n            margin-bottom: 3px;\n            &:last-child {\n                margin-bottom: 0;\n            }\n            .ant-form-item-label > label {\n                color: var();\n            }\n        }\n        :deep(.ant-collapse) {\n            border: none;\n            background: transparent;\n        }\n        :deep(.ant-collapse-item) {\n            border: none;\n            overflow: hidden;\n            &:last-child {\n                margin-bottom: 0;\n            }\n        }\n        :deep(.ant-collapse-header) {\n            padding: 8px !important;\n            background: #fafafa;\n            &:hover {\n                background: #f5f5f5;\n            }\n        }\n        :deep(.ant-collapse-content-box) {\n            padding: 8px;\n            background: #fff;\n            .ant-form-item {\n                display: flex;\n            }\n            .ant-form-item-label {\n                width: 130px;\n            }\n        }\n    }\n\n    /* 隐藏Chrome浏览器中el-input数字输入框右侧的上下调整小箭头 */\n    :deep(.hide-spin-button) input::-webkit-outer-spin-button,\n    :deep(.hide-spin-button) input::-webkit-inner-spin-button {\n        -webkit-appearance: none !important;\n    }\n\n    /* 隐藏Firefox浏览器中el-input数字输入框右侧的上下调整小箭头 */\n    // :deep(.hide-spin-button) input[type='number'] {\n    //   -moz-appearance: textfield;\n    // }\n</style>\n\n<style lang=\"scss\">\n    .ds-setting-drawer {\n        right: 320px !important;\n    }\n</style>\n"],"names":["CodeModalEditor","FormCrudSetting","PropertyEditors","_createBlock","_createVNode","_createElementVNode","_openBlock","_createElementBlock","_Fragment","_renderList","_resolveDynamicComponent"],"mappings":"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"}