@kp-ui/lowcode 1.0.105 → 1.0.106

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

@@ -0,0 +1,40 @@
+import { defineComponent as l, useModel as a, createElementBlock as f, openBlock as m, createVNode as t } from "vue";
+import r from "../../http-editor/index.vue.js";
+const p = { class: "t-p-[10px]" }, v = /* @__PURE__ */ l({
+  __name: "form-crud-setting",
+  props: {
+    formConfig: {
+      type: Object,
+      default: () => ({
+        serveList: {
+          vformUpdate: {},
+          vformDetail: {}
+        }
+      })
+    },
+    formConfigModifiers: {}
+  },
+  emits: ["update:formConfig"],
+  setup(i) {
+    const e = a(i, "formConfig");
+    return (s, o) => (m(), f("div", p, [
+      t(r, {
+        label: "设置表单编辑api",
+        buttonName: "编辑",
+        drawerTitle: "表单配置",
+        optionModel: e.value.serveList.vformUpdate,
+        "onUpdate:optionModel": o[0] || (o[0] = (n) => e.value.serveList.vformUpdate = n)
+      }, null, 8, ["optionModel"]),
+      t(r, {
+        label: "设置表单获取详情api",
+        buttonName: "编辑",
+        drawerTitle: "表单配置",
+        optionModel: e.value.serveList.vformDetail
+      }, null, 8, ["optionModel"])
+    ]));
+  }
+});
+export {
+  v as default
+};
+//# sourceMappingURL=form-crud-setting.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-crud-setting.vue.js","sources":["../../../../../src/components/form-designer/setting-panel/form-crud-setting.vue"],"sourcesContent":["<template>\n    <div class=\"t-p-[10px]\">\n        <HttpEditor\n            label=\"设置表单编辑api\"\n            buttonName=\"编辑\"\n            drawerTitle=\"表单配置\"\n            v-model:optionModel=\"formConfig.serveList.vformUpdate\"\n        />\n        <HttpEditor\n            label=\"设置表单获取详情api\"\n            buttonName=\"编辑\"\n            drawerTitle=\"表单配置\"\n            :optionModel=\"formConfig.serveList.vformDetail\"\n        />\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\n    import HttpEditor from '@/components/http-editor/index.vue';\n    // import HttpItem from '@/components/http-editor/httpItem.vue';\n    // export default {\n    //     name: 'form-crud-setting',\n    //     components: { HttpEditor },\n    //     props: {\n    //         : Object\n    //     }\n    // };\n    const formConfig = defineModel('formConfig', {\n        type: Object,\n        default: () => ({\n            serveList: {\n                vformUpdate: {},\n                vformDetail: {}\n            }\n        })\n    });\n</script>\n"],"names":["formConfig","_useModel","__props","_openBlock","_createElementBlock","_hoisted_1","_createVNode","HttpEditor","$event"],"mappings":";;;;;;;;;;;;;;;;;;AA2BI,UAAMA,IAAaC,EAAWC,GAAC,YAQ9B;sBAlCDC,EAAA,GAAAC,EAaM,OAbNC,GAaM;AAAA,MAZFC,EAKEC,GAAA;AAAA,QAJE,OAAM;AAAA,QACN,YAAW;AAAA,QACX,aAAY;AAAA,QACJ,aAAaP,EAAA,MAAW,UAAU;AAAA,uDAArBA,EAAA,MAAW,UAAU,cAAWQ;AAAA,MAAA;MAEzDF,EAKEC,GAAA;AAAA,QAJE,OAAM;AAAA,QACN,YAAW;AAAA,QACX,aAAY;AAAA,QACX,aAAaP,EAAA,MAAW,UAAU;AAAA,MAAA;;;;"}

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

@@ -0,0 +1,5 @@
+import f from "./form-crud-setting.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=form-crud-setting.vue2.js.map

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

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

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

@@ -0,0 +1,8 @@
+import o from "./form-setting.vue2.js";
+/* empty css                  */
+import t from "../../../../_virtual/_plugin-vue_export-helper.js";
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2b16d259"]]);
+export {
+  _ 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":";;;;"}

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

@@ -0,0 +1,323 @@
+import { defineComponent as Q, inject as X, ref as u, onMounted as Y, resolveComponent as f, createElementBlock as D, openBlock as B, createVNode as o, withModifiers as Z, withCtx as l, createBlock as x, createCommentVNode as ee, unref as a, createTextVNode as C, toDisplayString as E, normalizeClass as P, Fragment as ne, renderList as oe } from "vue";
+import { useI18n as te } from "../../../utils/i18n.js";
+import { insertCustomCssToHead as j, deepClone as I } from "../../../utils/util.js";
+import le from "../../public/methoad-item.vue.js";
+import ae from "./property-editor/container-vf-dialog/okButtonHidden-editor.vue.js";
+import se from "./property-editor/container-vf-dialog/cancelButtonHidden-editor.vue.js";
+import { TpfCodeEditor as ie } from "tmgc2-share";
+import { Switch as re } from "ant-design-vue";
+const be = /* @__PURE__ */ Q({
+  name: "form-setting",
+  __name: "form-setting",
+  props: {
+    designer: {},
+    formConfig: {}
+  },
+  setup(T) {
+    const m = T, { i18nt: s } = te(), H = X("getDesignerConfig"), S = H ? H() : {}, F = u("javascript"), O = u(""), U = u(""), y = u(!1), N = u(""), M = u(["1", "2"]), p = u(""), h = u([]), w = u(""), A = u(null), K = [
+      { label: "default", value: "middle" },
+      { label: "large", value: "large" },
+      { label: "small", value: "small" }
+    ], L = {
+      onFormCreated: "onFormCreated() {",
+      onFormMounted: "onFormMounted() {",
+      onOkButtonClick: "onOkButtonClick() {",
+      onCancelButtonClick: "onCancelButtonClick() {",
+      onFormDataChange: "onFormDataChange(fieldName, newValue, oldValue, formModel, subFormName, subFormRowIndex) {"
+      //'onFormValidate': 'onFormValidate() {',
+    }, R = (e) => {
+      m.formConfig[O.value] = e;
+    }, k = (e) => {
+      O.value = e.eventName, F.value = e.mode, y.value = e.isShowEventHeader, w.value = m.formConfig[e.eventName], U.value = e.title, N.value = e.eventHeader || "", A.value.open();
+    }, W = (e) => !!m.formConfig[e] && m.formConfig[e].length > 0, $ = () => S.eventCollapse === void 0 ? !0 : !!S.eventCollapse, _ = () => {
+      const e = /\..*{/g, n = p.value.match(e), g = [];
+      n && n.length > 0 && n.forEach((r) => {
+        const v = r.split(",");
+        v.length > 0 && v.forEach((b) => {
+          const i = b.trim();
+          if (i.indexOf(".", 1) !== -1) {
+            const d = i.substring(
+              i.indexOf(".") + 1,
+              i.indexOf(".", 1)
+            );
+            d && g.push(d.trim());
+          } else if (i.indexOf(" ") !== -1) {
+            const d = i.substring(
+              i.indexOf(".") + 1,
+              i.indexOf(" ")
+            );
+            d && g.push(d.trim());
+          } else if (i.indexOf("{") !== -1) {
+            const d = i.substring(
+              i.indexOf(".") + 1,
+              i.indexOf("{")
+            );
+            g.push(d.trim());
+          } else {
+            const d = i.substring(i.indexOf(".") + 1);
+            g.push(d.trim());
+          }
+        });
+      });
+    };
+    return Y(() => {
+      m.designer.handleEvent("form-json-imported", () => {
+        p.value = m.formConfig.cssCode, j(p.value), _(), m.designer.emitEvent("form-css-updated", I(h.value));
+      }), setTimeout(() => {
+        p.value = m.formConfig.cssCode, j(p.value), _(), m.designer.emitEvent("form-css-updated", I(h.value));
+      }, 1200);
+    }), (e, n) => {
+      const g = f("a-select"), r = f("a-form-item"), v = f("a-radio-button"), b = f("a-radio-group"), i = f("a-input-number"), d = f("a-button"), V = f("a-input"), z = f("a-collapse-panel"), q = f("a-collapse"), G = f("a-form");
+      return B(), D("div", null, [
+        o(G, {
+          model: e.formConfig,
+          labelAlign: "left",
+          "label-width": "120px",
+          class: "setting-form",
+          onSubmit: n[11] || (n[11] = Z(() => {
+          }, ["prevent"]))
+        }, {
+          default: l(() => [
+            o(q, {
+              activeKey: M.value,
+              "onUpdate:activeKey": n[10] || (n[10] = (t) => M.value = t),
+              class: "setting-collapse"
+            }, {
+              default: l(() => [
+                o(z, {
+                  key: "1",
+                  header: a(s)("designer.setting.基本属性")
+                }, {
+                  default: l(() => [
+                    o(r, {
+                      label: a(s)("designer.setting.formSize")
+                    }, {
+                      default: l(() => [
+                        o(g, {
+                          value: e.formConfig.size,
+                          "onUpdate:value": n[0] || (n[0] = (t) => e.formConfig.size = t),
+                          options: K,
+                          allowClear: "",
+                          style: { width: "120px" }
+                        }, null, 8, ["value"])
+                      ]),
+                      _: 1
+                    }, 8, ["label"]),
+                    o(r, {
+                      label: a(s)("designer.setting.labelPosition")
+                    }, {
+                      default: l(() => [
+                        o(b, {
+                          value: e.formConfig.labelPosition,
+                          "onUpdate:value": n[1] || (n[1] = (t) => e.formConfig.labelPosition = t),
+                          class: "radio-group-custom"
+                        }, {
+                          default: l(() => [
+                            o(v, { value: "horizontal" }, {
+                              default: l(() => n[13] || (n[13] = [
+                                C("水平")
+                              ])),
+                              _: 1,
+                              __: [13]
+                            }),
+                            o(v, { value: "vertical" }, {
+                              default: l(() => n[14] || (n[14] = [
+                                C("垂直")
+                              ])),
+                              _: 1,
+                              __: [14]
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["value"])
+                      ]),
+                      _: 1
+                    }, 8, ["label"]),
+                    o(r, {
+                      label: a(s)("designer.setting.labelAlign")
+                    }, {
+                      default: l(() => [
+                        o(b, {
+                          value: e.formConfig.labelAlign,
+                          "onUpdate:value": n[2] || (n[2] = (t) => e.formConfig.labelAlign = t),
+                          class: "radio-group-custom"
+                        }, {
+                          default: l(() => [
+                            o(v, { value: "left" }, {
+                              default: l(() => [
+                                C(E(a(s)("designer.setting.leftAlign")), 1)
+                              ]),
+                              _: 1
+                            }),
+                            o(v, { value: "right" }, {
+                              default: l(() => [
+                                C(E(a(s)("designer.setting.rightAlign")), 1)
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["value"])
+                      ]),
+                      _: 1
+                    }, 8, ["label"]),
+                    o(r, {
+                      label: a(s)("designer.setting.labelWidth")
+                    }, {
+                      default: l(() => [
+                        o(i, {
+                          value: e.formConfig.labelWidth,
+                          "onUpdate:value": n[3] || (n[3] = (t) => e.formConfig.labelWidth = t),
+                          min: 0,
+                          style: { width: "100%" },
+                          allowClear: ""
+                        }, null, 8, ["value"])
+                      ]),
+                      _: 1
+                    }, 8, ["label"]),
+                    o(r, {
+                      label: a(s)("designer.setting.formCss")
+                    }, {
+                      default: l(() => [
+                        o(d, {
+                          shape: "round",
+                          onClick: n[4] || (n[4] = (t) => k({
+                            eventName: "formCss",
+                            isShowEventHeader: !1,
+                            mode: "css",
+                            title: a(s)("designer.setting.formCss")
+                          })),
+                          class: P([{ "button-text-highlight": !!e.formConfig.cssCode }])
+                        }, {
+                          default: l(() => [
+                            C(E(a(s)("designer.setting.addCss")), 1)
+                          ]),
+                          _: 1
+                        }, 8, ["class"])
+                      ]),
+                      _: 1
+                    }, 8, ["label"]),
+                    o(r, {
+                      label: a(s)("designer.setting.customClass")
+                    }, {
+                      default: l(() => [
+                        o(g, {
+                          value: e.formConfig.customClass,
+                          "onUpdate:value": n[5] || (n[5] = (t) => e.formConfig.customClass = t),
+                          allowClear: "",
+                          mode: "tags",
+                          onChange: _,
+                          options: h.value
+                        }, null, 8, ["value", "options"])
+                      ]),
+                      _: 1
+                    }, 8, ["label"]),
+                    o(r, {
+                      label: a(s)("designer.setting.globalFunctions")
+                    }, {
+                      default: l(() => [
+                        o(d, {
+                          class: P([{ "button-text-highlight": !!e.formConfig.functions }]),
+                          shape: "round",
+                          onClick: n[6] || (n[6] = (t) => k({
+                            eventName: "functions",
+                            isShowEventHeader: !1,
+                            mode: "javascript",
+                            title: a(s)("designer.setting.globalFunctions")
+                          }))
+                        }, {
+                          default: l(() => [
+                            C(E(a(s)("designer.setting.addEventHandler")), 1)
+                          ]),
+                          _: 1
+                        }, 8, ["class"])
+                      ]),
+                      _: 1
+                    }, 8, ["label"]),
+                    o(r, {
+                      label: a(s)("designer.setting.cancelButtonLabel")
+                    }, {
+                      default: l(() => [
+                        o(V, {
+                          type: "text",
+                          value: e.formConfig.cancelButtonLabel,
+                          "onUpdate:value": n[7] || (n[7] = (t) => e.formConfig.cancelButtonLabel = t)
+                        }, null, 8, ["value"])
+                      ]),
+                      _: 1
+                    }, 8, ["label"]),
+                    o(se, { optionModel: e.formConfig }, null, 8, ["optionModel"]),
+                    o(r, {
+                      label: a(s)("designer.setting.okButtonLabel")
+                    }, {
+                      default: l(() => [
+                        o(V, {
+                          type: "text",
+                          value: e.formConfig.okButtonLabel,
+                          "onUpdate:value": n[8] || (n[8] = (t) => e.formConfig.okButtonLabel = t)
+                        }, null, 8, ["value"])
+                      ]),
+                      _: 1
+                    }, 8, ["label"]),
+                    o(ae, { optionModel: e.formConfig }, null, 8, ["optionModel"]),
+                    o(r, {
+                      label: a(s)("designer.setting.isEnterSubmit")
+                    }, {
+                      default: l(() => [
+                        o(a(re), {
+                          checked: e.formConfig.isEnterSubmit,
+                          "onUpdate:checked": n[9] || (n[9] = (t) => e.formConfig.isEnterSubmit = t),
+                          "checked-value": 1,
+                          "un-checked-value": 0
+                        }, null, 8, ["checked"])
+                      ]),
+                      _: 1
+                    }, 8, ["label"])
+                  ]),
+                  _: 1
+                }, 8, ["header"]),
+                $() ? (B(), x(z, {
+                  key: "2",
+                  class: "eventPanel",
+                  header: a(s)("designer.setting.事件属性")
+                }, {
+                  default: l(() => [
+                    (B(), D(ne, null, oe(L, (t, c) => o(le, {
+                      onClickItem: k,
+                      key: c,
+                      "event-name": c,
+                      value: e.formConfig[c],
+                      "onUpdate:value": (J) => e.formConfig[c] = J,
+                      "get-form-event-handled": W,
+                      "event-params-map": L,
+                      "form-config": e.formConfig
+                    }, null, 8, ["event-name", "value", "onUpdate:value", "form-config"])), 64))
+                  ]),
+                  _: 1
+                }, 8, ["header"])) : ee("", !0)
+              ]),
+              _: 1
+            }, 8, ["activeKey"])
+          ]),
+          _: 1
+        }, 8, ["model"]),
+        o(a(ie), {
+          isShowEventHeader: y.value,
+          ref_key: "codeEditorRef",
+          ref: A,
+          "event-header": N.value,
+          modelValue: w.value,
+          "onUpdate:modelValue": n[12] || (n[12] = (t) => w.value = t),
+          mode: F.value,
+          readonly: !1,
+          title: U.value,
+          onSetCode: R
+        }, null, 8, ["isShowEventHeader", "event-header", "modelValue", "mode", "title"])
+      ]);
+    };
+  }
+});
+export {
+  be 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":["props","__props","i18nt","useI18n","getDesignerConfig","inject","designerConfig","mode","ref","eventName","title","isShowEventHeader","eventHeader","formActiveCollapseNames","formCssCode","cssClassList","formEventHandlerCode","codeEditorRef","formSizes","eventParamsMap","saveFormEventHandler","value","handleEditEvent","params","getFormEventHandled","showEventCollapse","extractCssClass","regExp","result","cssNameArray","rItem","classArray","cItem","caItem","newClass","onMounted","insertCustomCssToHead","deepClone","_createElementBlock","_createVNode","_component_a_form","formConfig","_component_a_collapse","$event","_component_a_collapse_panel","_unref","_component_a_form_item","_component_a_select","_component_a_radio_group","_component_a_radio_button","_cache","_component_a_input_number","_component_a_button","_normalizeClass","_component_a_input","CancelButtonHidden","OkButtonHiddenEditor","Switch","_createBlock","_openBlock","_Fragment","_renderList","key","MethodItem","TpfCodeEditor"],"mappings":"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"}