@kp-ui/lowcode 2.15.0-alpha.9 → 2.15.0-beta.8

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.js","sources":["../../../../src/components/form-designer/index.vue"],"sourcesContent":["<template>\n    <a-layout class=\"main-container full-height\">\n        <a-layout>\n            <a-layout-sider :width=\"leftWidth\" class=\"side-panel\">\n                <WidgetPanel />\n            </a-layout-sider>\n\n            <a-layout-content class=\"center-layout-container\">\n                <a-layout-header class=\"toolbar-header\">\n                    <toolbar-panel\n                        :saveJsonApi=\"saveJsonApi\"\n                        :global-dsv=\"globalDsv\"\n                        v-model:leftWidth=\"leftWidth\"\n                        v-model:rightWidth=\"rightWidth\"\n                        ref=\"toolbarRef\"\n                    >\n                        <template v-for=\"(idx, slotName) in $slots\" #[slotName]>\n                            <slot :name=\"slotName\"></slot>\n                        </template>\n                    </toolbar-panel>\n                </a-layout-header>\n                <a-layout-content class=\"form-widget-main\">\n                    <div class=\"container-scroll-bar\">\n                        <VFormWidget\n                            :global-dsv=\"globalDsv\"\n                            :form-config=\"designer.formConfig\"\n                            ref=\"formRef\"\n                        />\n                    </div>\n                </a-layout-content>\n            </a-layout-content>\n            <a-layout-sider :width=\"rightWidth\">\n                <setting-panel\n                    v-model:selected-widget=\"designer.selectedWidget\"\n                    :global-dsv=\"globalDsv\"\n                    :form-config=\"designer.formConfig\"\n                />\n            </a-layout-sider>\n        </a-layout>\n    </a-layout>\n</template>\n\n<script lang=\"ts\" setup>\n    import WidgetPanel from './widget-panel/index.vue';\n    import ToolbarPanel from './toolbar-panel/index.vue';\n    import SettingPanel from './setting-panel/index.vue';\n    import VFormWidget from './form-widget/index.vue';\n    import { createDesigner } from '@/components/form-designer/designer';\n    import { useLocaleStore } from '@kp-ui/i18n';\n    import {\n        deepClone,\n        getAllContainerWidgets,\n        getAllFieldWidgets,\n        traverseAllWidgets\n    } from '@/utils/util';\n    import { isEmpty, set } from 'lodash-es';\n    import { ref, provide, watch, onMounted, computed } from 'vue';\n    import { WidgetTree } from '@/types/schema';\n    import { useI18n } from '@/utils/i18n';\n    import { message } from 'ant-design-vue';\n    import { storeToRefs } from 'pinia';\n    import { useExecFunction, useRef } from 'tmgc2-share';\n    import { useEmitter } from '@/utils/useEmitter';\n\n    defineOptions({\n        name: 'VFormDesigner',\n        componentName: 'VFormDesigner'\n    });\n\n    const formRef = ref();\n    const { i18nt } = useI18n();\n    const localeStore = useLocaleStore();\n    const { locale } = storeToRefs(localeStore);\n\n    const props = withDefaults(\n        defineProps<{\n            saveJsonApi: (json: any) => Promise<void>;\n            fieldListApi: () => Promise<any[]>;\n            designerConfig?: {\n                eventCollapse?: boolean;\n                widgetNameReadonly?: boolean;\n                clearDesignerButton?: boolean;\n                previewFormButton?: boolean;\n                importJsonButton?: boolean;\n                exportJsonButton?: boolean;\n            };\n            globalDsv?: Record<string, any>;\n        }>(),\n        {\n            designerConfig: () => ({\n                eventCollapse: true, //是否显示组件事件属性折叠面板\n                widgetNameReadonly: false, //禁止修改组件名称\n                clearDesignerButton: true, //是否显示清空设计器按钮\n                previewFormButton: true, //是否显示预览表单按钮\n                importJsonButton: true, //是否显示导入JSON按钮\n                exportJsonButton: true //是否显示导出JSON器按钮\n            }),\n            globalDsv: () => ({})\n        }\n    );\n    const emitter = useEmitter();\n    const { context } = useExecFunction();\n    provide('serverFieldList', () => fieldList.value);\n    provide('designState', true); // 设计态标识\n    const leftWidth = ref(270);\n    const rightWidth = ref(300);\n    const fieldList = ref<any[]>([]);\n    const { initLocale } = useI18n();\n    const designer = ref(createDesigner(context));\n    const formConfig = computed(() => designer.value.formConfig);\n    // 状态变量\n    const formDataModel = ref<Record<string, any>>({});\n\n    provide('formData', formDataModel);\n    provide('formConfig', formConfig);\n    provide('designer', designer);\n    provide('getDesignerConfig', () => props.designerConfig);\n\n    const setJsonImport = (importObj: WidgetTree) => {\n        if (isEmpty(importObj)) return;\n        try {\n            if (!importObj || !importObj.formConfig) {\n                throw new Error(i18nt('designer.hint.invalidJsonFormat'));\n            }\n            designer.value.loadFormJson(importObj);\n            designer.value.emitHistoryChange();\n            designer.value.emitEvent('form-json-imported', []);\n        } catch (error) {\n            message.error(error + '');\n        }\n    };\n\n    const loadFieldListFromServer = async () => {\n        if (!props.fieldListApi) {\n            return;\n        }\n        fieldList.value = await props.fieldListApi();\n    };\n\n    const setFormJson = (formJson: WidgetTree) => {\n        if (isEmpty(formJson)) return;\n        try {\n            let modifiedFlag = false;\n            if (typeof formJson === 'string') {\n                modifiedFlag = designer.value.loadFormJson(JSON.parse(formJson));\n            } else if (formJson.constructor === Object) {\n                modifiedFlag = designer.value.loadFormJson(formJson);\n            }\n            if (modifiedFlag) {\n                designer.value.emitHistoryChange();\n            }\n        } catch (error) {\n            message.error(error + '');\n        }\n    };\n\n    const getFormJson = (): WidgetTree => {\n        return {\n            widgetList: deepClone(designer.value.widgetList),\n            formConfig: deepClone(designer.value.formConfig)\n        };\n    };\n\n    const getFieldWidgets = (widgetList = []) => {\n        return widgetList.length\n            ? getAllFieldWidgets(widgetList)\n            : getAllFieldWidgets(designer.value.widgetList);\n    };\n\n    /**\n     * 获取所有容器组件\n     * @returns {*[]}\n     */\n    const getContainerWidgets = (widgetList = []) => {\n        return widgetList.length\n            ? getAllContainerWidgets(widgetList)\n            : getAllContainerWidgets(designer.value.widgetList);\n    };\n\n    const getWidgetRef = (widgetName, showError = false) => {\n        return formRef.value.getWidgetRef(widgetName, showError);\n    };\n\n    watch(\n        locale,\n        () => {\n            initLocale(locale.value);\n        },\n        {\n            immediate: true\n        }\n    );\n    const [isLoading, setLoading] = useRef(false);\n\n    /**\n     * 字段值变化事件处理器\n     */\n    const fieldChangeEventHandler = () => {\n        emitter.off$('fieldChange');\n        emitter.on$('fieldChange', ({ fieldName, value }) => {\n            console.log('fieldChange', fieldName, value);\n\n            // 过滤掉错误值\n            if (typeof fieldName !== 'undefined' && typeof value !== 'undefined') {\n                set(formDataModel.value, fieldName, value);\n            }\n        });\n    };\n\n    onMounted(() => {\n        designer.value.initDesigner();\n        fieldChangeEventHandler();\n        loadFieldListFromServer();\n    });\n\n    defineExpose({\n        ...emitter,\n        i18nt,\n        isLoading,\n        setLoading,\n        getWidgetRef,\n        getContainerWidgets,\n        getFieldWidgets,\n        getFormJson,\n        setFormJson,\n        setJsonImport\n    });\n</script>\n\n<style lang=\"less\">\n    .main-container {\n        background: #fff;\n        .ant-layout-sider {\n            background: #fff;\n        }\n        :deep(aside) {\n            /* 防止aside样式被外部样式覆盖！！ */\n            margin: 0;\n            padding: 0;\n            background: inherit;\n        }\n        .form-widget-main {\n            padding: 0;\n            position: relative;\n            overflow-x: hidden;\n            flex: 1 0 0;\n        }\n        .full-height {\n            height: 100%;\n            overflow-y: hidden;\n        }\n        .center-layout-container {\n            min-width: 680px;\n            border-left: 2px solid #ebeef5;\n            border-right: 2px dotted #ebeef5;\n            display: flex;\n            flex-direction: column;\n        }\n        .form-widget-footer {\n            flex: 0 0 50px;\n            align-items: center;\n            background: #fff;\n            display: flex;\n            justify-content: space-between;\n            padding: 0 15px;\n        }\n\n        .main-header {\n            border-bottom: 2px solid #ebeef5;\n            background: #fff;\n            padding: 0;\n\n            height: 48px !important;\n            line-height: 48px !important;\n            min-width: 800px;\n        }\n\n        .container-scroll-bar {\n            height: 100%;\n            & > .form-widget-container {\n                height: 100%;\n            }\n        }\n\n        .toolbar-header {\n            font-size: 14px;\n            border-bottom: 1px dotted #cccccc;\n            height: 42px !important;\n            background: #fff;\n            padding: 0;\n        }\n\n        .side-panel {\n            width: 260px !important;\n            overflow-y: hidden;\n        }\n    }\n\n    div.main-title {\n        font-size: 18px;\n        color: #242424;\n        display: flex;\n        align-items: center;\n        justify-items: center;\n\n        img {\n            cursor: pointer;\n            width: 36px;\n            height: 36px;\n        }\n\n        span.bold {\n            font-size: 20px;\n            font-weight: bold;\n            margin: 0 6px 0 6px;\n        }\n\n        span.version-span {\n            font-size: 14px;\n            color: #101f1c;\n            margin-left: 6px;\n        }\n    }\n\n    .float-left {\n        float: left;\n    }\n\n    .float-right {\n        float: right;\n    }\n\n    div.external-link {\n        display: flex;\n        align-items: center;\n\n        a {\n            font-size: 13px;\n            text-decoration: none;\n            margin-right: 10px;\n            color: #606266;\n        }\n    }\n</style>\n"],"names":["formRef","ref","i18nt","useI18n","localeStore","useLocaleStore","locale","storeToRefs","props","__props","emitter","useEmitter","context","useExecFunction","provide","fieldList","leftWidth","rightWidth","initLocale","designer","createDesigner","formConfig","computed","formDataModel","setJsonImport","importObj","isEmpty","error","message","loadFieldListFromServer","setFormJson","formJson","modifiedFlag","getFormJson","deepClone","getFieldWidgets","widgetList","getAllFieldWidgets","getContainerWidgets","getAllContainerWidgets","getWidgetRef","widgetName","showError","watch","isLoading","setLoading","useRef","fieldChangeEventHandler","fieldName","value","set","onMounted","__expose","_createBlock","_component_a_layout","_createVNode","_component_a_layout_sider","WidgetPanel","_component_a_layout_content","_component_a_layout_header","ToolbarPanel","saveJsonApi","globalDsv","$event","$slots","idx","slotName","_renderSlot","_ctx","_createElementVNode","_hoisted_1","VFormWidget","SettingPanel","_cache"],"mappings":"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"}

package/src/components/form-designer/index.vue3.js

@@ -3,3 +3,4 @@ import o from "./index.vue.js";
 export {
   o as default
 };
+//# sourceMappingURL=index.vue3.js.map

package/src/components/form-designer/index.vue3.js.map

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

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

@@ -78,3 +78,4 @@ const M = { class: "t-p-[10px]" }, _ = /* @__PURE__ */ f({
 export {
   _ 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=\"i18nt('designer.hint.表单编辑api')\"\n            :buttonName=\"i18nt('designer.setting.edit')\"\n            :drawerTitle=\"i18nt('表单配置')\"\n            v-model:optionModel=\"formConfig.serveList.vformUpdate\"\n        />\n        <HttpEditor\n            :label=\"i18nt('designer.hint.表单详情API')\"\n            :buttonName=\"i18nt('designer.setting.edit')\"\n            :drawerTitle=\"i18nt('表单配置')\"\n            :optionModel=\"formConfig.serveList.vformDetail\"\n        />\n\n        <!-- <a-form-item label=\"接口列表\">\n            <a-button @click=\"onAdd\" type=\"primary\" class=\"t-mb-[10px]\">新增</a-button>\n            <div v-if=\"formConfig.serveList.list?.length > 0\">\n                <div\n                    v-for=\"(item, index) in formConfig.serveList.list\"\n                    :key=\"index\"\n                    class=\"t-mb-[10px] t-flex t-items-center\"\n                >\n                    <div color=\"processing\" class=\"t-flex-1\">\n                        {{ item.http.url }}\n                    </div>\n                    <a-space>\n                        <a-button type=\"link\" @click=\"onEdit(item, index)\">编辑</a-button>\n                        <a-button type=\"link\" danger>删除</a-button>\n                    </a-space>\n                </div>\n            </div>\n        </a-form-item> -->\n    </div>\n    <ShareHttpEditor\n        v-model:option-model=\"tempEditingData\"\n        v-model:visible=\"showHttpEditor\"\n        drawer-title=\"接口配置\"\n    />\n</template>\n\n<script lang=\"ts\" setup>\n    import HttpEditor from '@/components/http-editor/index.vue';\n    import { HttpEditor as ShareHttpEditor } from 'tmgc2-share';\n    import type { HttpEditorOption } from 'tmgc2-share';\n    import { useI18n } from '@/utils/i18n';\n    import { ref, reactive, watch } from 'vue';\n    import { cloneDeep } from 'lodash-es';\n    const { i18nt } = useI18n();\n\n    defineOptions({\n        inheritAttrs: false\n    });\n\n    const formConfig = defineModel('formConfig', {\n        type: Object,\n        default: () => ({\n            serveList: {\n                vformUpdate: {\n                    http: { url: '', method: 'get', params: {}, data: {} },\n                    dataReqHandlerCode: '',\n                    dataHandlerCode: ''\n                },\n                vformDetail: {\n                    http: { url: '', method: 'get', params: {}, data: {} },\n                    dataReqHandlerCode: '',\n                    dataHandlerCode: ''\n                },\n                list: []\n            }\n        })\n    });\n\n    const showHttpEditor = ref(false);\n    const editingState = reactive({\n        index: -1,\n        isNew: false\n    });\n    const tempEditingData = ref<HttpEditorOption>({\n        http: {\n            url: '',\n            method: 'get',\n            params: {},\n            data: {}\n        },\n        dataReqHandlerCode: '',\n        dataHandlerCode: ''\n    });\n\n    /**\n     * @description: 新增\n     */\n    const onAdd = () => {\n        editingState.isNew = true;\n        tempEditingData.value = {\n            http: {\n                url: '',\n                method: 'get',\n                params: {},\n                data: {}\n            },\n            dataReqHandlerCode: '',\n            dataHandlerCode: ''\n        };\n        showHttpEditor.value = true;\n    };\n\n    /**\n     * @description: 编辑\n     * @param {any} item\n     * @param {number} index\n     */\n    const onEdit = (item: any, index: number) => {\n        editingState.index = index;\n        editingState.isNew = false;\n        tempEditingData.value = cloneDeep(item); // Edit a copy\n        showHttpEditor.value = true;\n    };\n\n    /**\n     * @description: 删除\n     * @param {number} index\n     */\n    const onDelete = (index: number) => {\n        formConfig.value.serveList.list.splice(index, 1);\n    };\n\n    watch(showHttpEditor, (newValue, oldValue) => {\n        // When the editor is closed\n        if (newValue === false && oldValue === true) {\n            // Do nothing if tempEditingData is empty or url is not set\n            if (!tempEditingData.value.http?.url) {\n                return;\n            }\n            if (editingState.isNew) {\n                if (!formConfig.value.serveList.list) {\n                    formConfig.value.serveList.list = [];\n                }\n                formConfig.value.serveList.list.push(tempEditingData.value);\n            } else {\n                if (editingState.index > -1) {\n                    formConfig.value.serveList.list[editingState.index] = tempEditingData.value;\n                }\n            }\n        }\n    });\n</script>\n"],"names":["i18nt","useI18n","formConfig","_useModel","__props","showHttpEditor","ref","editingState","reactive","tempEditingData","watch","newValue","oldValue","_a","_createElementVNode","_hoisted_1","_createVNode","HttpEditor","_unref","$event","ShareHttpEditor"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDI,UAAM,EAAE,OAAAA,EAAA,IAAUC,EAAA,GAMZC,IAAaC,EAAWC,GAAC,YAiB9B,GAEKC,IAAiBC,EAAI,EAAK,GAC1BC,IAAeC,EAAS;AAAA,MAC1B,OAAO;AAAA,MACP,OAAO;AAAA,IAAA,CACV,GACKC,IAAkBH,EAAsB;AAAA,MAC1C,MAAM;AAAA,QACF,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,QAAQ,CAAA;AAAA,QACR,MAAM,CAAA;AAAA,MAAC;AAAA,MAEX,oBAAoB;AAAA,MACpB,iBAAiB;AAAA,IAAA,CACpB;AAwCD,WAAAI,EAAML,GAAgB,CAACM,GAAUC,MAAa;;AAE1C,UAAID,MAAa,MAASC,MAAa,IAAM;AAEzC,YAAI,GAACC,IAAAJ,EAAgB,MAAM,SAAtB,QAAAI,EAA4B;AAC7B;AAEJ,QAAIN,EAAa,SACRL,EAAW,MAAM,UAAU,SAC5BA,EAAW,MAAM,UAAU,OAAO,CAAA,IAEtCA,EAAW,MAAM,UAAU,KAAK,KAAKO,EAAgB,KAAK,KAEtDF,EAAa,QAAQ,OACrBL,EAAW,MAAM,UAAU,KAAKK,EAAa,KAAK,IAAIE,EAAgB;AAAA,MAGlF;AAAA,IACJ,CAAC;MAhJDK,EAgCM,OAhCNC,GAgCM;AAAA,QA/BFC,EAKEC,GAAA;AAAA,UAJG,OAAOC,EAAAlB,CAAA,EAAK,uBAAA;AAAA,UACZ,YAAYkB,EAAAlB,CAAA,EAAK,uBAAA;AAAA,UACjB,aAAakB,EAAAlB,CAAA,EAAK,MAAA;AAAA,UACX,aAAaE,EAAA,MAAW,UAAU;AAAA,yDAArBA,EAAA,MAAW,UAAU,cAAWiB;AAAA,QAAA;QAEzDH,EAKEC,GAAA;AAAA,UAJG,OAAOC,EAAAlB,CAAA,EAAK,uBAAA;AAAA,UACZ,YAAYkB,EAAAlB,CAAA,EAAK,uBAAA;AAAA,UACjB,aAAakB,EAAAlB,CAAA,EAAK,MAAA;AAAA,UAClB,aAAaE,EAAA,MAAW,UAAU;AAAA,QAAA;;MAsB3Cc,EAIEE,EAAAE,CAAA,GAAA;AAAA,QAHU,gBAAcX,EAAA;AAAA,uDAAAA,EAAe,QAAAU;AAAA,QAC7B,SAASd,EAAA;AAAA,mDAAAA,EAAc,QAAAc;AAAA,QAC/B,gBAAa;AAAA,MAAA;;;;"}

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

@@ -2,3 +2,4 @@ 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

@@ -1,7 +1,8 @@
 import o from "./form-setting.vue2.js";
 /* empty css                  */
 import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-63f58686"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4d5d78ae"]]);
 export {
-  p as default
+  e 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

@@ -1,22 +1,20 @@
-import { defineComponent as Z, inject as K, ref as u, onMounted as ee, resolveComponent as f, createElementBlock as P, openBlock as H, Fragment as $, createVNode as n, withModifiers as ne, withCtx as t, createBlock as oe, createCommentVNode as te, unref as s, createTextVNode as p, toDisplayString as C, normalizeClass as j, renderList as le } from "vue";
-import { useI18n as ae } from "../../../utils/i18n.js";
-import { insertCustomCssToHead as I, deepClone as T } from "../../../utils/util.js";
-import se from "../../public/methoad-item.vue.js";
-import ie from "./property-editor/container-vf-dialog/okButtonHidden-editor.vue2.js";
-import re from "./property-editor/container-vf-dialog/cancelButtonHidden-editor.vue2.js";
-import { TpfCodeEditor as de } from "tmgc2-share";
-const ce = /* @__PURE__ */ Z({
+import { defineComponent as Y, inject as D, ref as m, onMounted as Z, resolveComponent as v, createElementBlock as K, openBlock as F, Fragment as P, createVNode as t, withModifiers as ee, unref as e, withCtx as o, createBlock as te, createCommentVNode as ne, createTextVNode as c, toDisplayString as p, normalizeClass as $, renderList as le } from "vue";
+import { useI18n as oe } from "../../../utils/i18n.js";
+import { insertCustomCssToHead as j, deepClone as I } from "../../../utils/util.js";
+import ae from "../../public/methoad-item.vue.js";
+import se from "./property-editor/container-vf-dialog/okButtonHidden-editor.vue2.js";
+import ie from "./property-editor/container-vf-dialog/cancelButtonHidden-editor.vue2.js";
+import { TpfCodeEditor as re } from "tmgc2-share";
+import { useDesigner as ue } from "../form-widget/useFormDesigner.js";
+const _e = /* @__PURE__ */ Y({
   name: "form-setting",
   __name: "form-setting",
-  props: {
-    formConfig: {}
-  },
-  setup(W) {
-    const v = W, { i18nt: l } = ae(), h = K("designer", u({})), y = K("getDesignerConfig"), B = y ? y() : {}, O = u("javascript"), S = u(""), N = u(""), U = u(!1), M = u(""), A = u(["1", "2"]), c = u(""), E = u([]), w = u(""), z = u(null), R = [
+  setup(de) {
+    const { formConfig: n } = ue(), { i18nt: a } = oe(), h = D("designer", m({})), H = D("getDesignerConfig"), y = H ? H() : {}, B = m("javascript"), O = m(""), S = m(""), N = m(!1), U = m(""), M = m(["1", "2"]), b = m(""), E = m([]), x = m(""), A = m(null), T = [
       { label: "default", value: "middle" },
       { label: "large", value: "large" },
       { label: "small", value: "small" }
-    ], L = {
+    ], z = {
       onFormCreated: "onFormCreated() {",
       onFormMounted: "onFormMounted() {",
       onOkButtonClick: "onOkButtonClick() {",
@@ -24,103 +22,103 @@ const ce = /* @__PURE__ */ Z({
       onFormEnterKey: "onFormEnterKey() {",
       onFormDataChange: "onFormDataChange(fieldName, newValue, oldValue, formModel, subFormName, subFormRowIndex) {"
       //'onFormValidate': 'onFormValidate() {',
-    }, x = (e) => {
-      v.formConfig[S.value] = e;
-    }, k = (e) => {
-      S.value = e.eventName, O.value = e.mode, U.value = e.isShowEventHeader, w.value = v.formConfig[e.eventName], N.value = e.title || l("designer.setting.editWidgetEventHandler"), M.value = e.eventHeader || "", z.value.open();
-    }, q = (e) => !!v.formConfig[e] && v.formConfig[e].length > 0, G = () => B.eventCollapse === void 0 ? !0 : !!B.eventCollapse, F = () => {
-      const e = /\..*{/g, o = c.value.match(e), m = [];
-      o && o.length > 0 && o.forEach((d) => {
+    }, W = (r) => {
+      n.value[O.value] = r;
+    }, w = (r) => {
+      O.value = r.eventName, B.value = r.mode, N.value = r.isShowEventHeader, x.value = n.value[r.eventName], S.value = r.title || a("designer.setting.editWidgetEventHandler"), U.value = r.eventHeader || "", A.value.open();
+    }, R = (r) => !!n.value[r] && n.value[r].length > 0, q = () => y.eventCollapse === void 0 ? !0 : !!y.eventCollapse, k = () => {
+      const r = /\..*{/g, l = b.value.match(r), f = [];
+      l && l.length > 0 && l.forEach((d) => {
         const g = d.split(",");
-        g.length > 0 && g.forEach((b) => {
-          const i = b.trim();
+        g.length > 0 && g.forEach((C) => {
+          const i = C.trim();
           if (i.indexOf(".", 1) !== -1) {
-            const r = i.substring(
+            const u = i.substring(
               i.indexOf(".") + 1,
               i.indexOf(".", 1)
             );
-            r && m.push(r.trim());
+            u && f.push(u.trim());
           } else if (i.indexOf(" ") !== -1) {
-            const r = i.substring(
+            const u = i.substring(
               i.indexOf(".") + 1,
               i.indexOf(" ")
             );
-            r && m.push(r.trim());
+            u && f.push(u.trim());
           } else if (i.indexOf("{") !== -1) {
-            const r = i.substring(
+            const u = i.substring(
               i.indexOf(".") + 1,
               i.indexOf("{")
             );
-            m.push(r.trim());
+            f.push(u.trim());
           } else {
-            const r = i.substring(i.indexOf(".") + 1);
-            m.push(r.trim());
+            const u = i.substring(i.indexOf(".") + 1);
+            f.push(u.trim());
           }
         });
       });
     };
-    return ee(() => {
+    return Z(() => {
       h.value.handleEvent("form-json-imported", () => {
-        c.value = v.formConfig.cssCode, I(c.value), F(), h.value.emitEvent("form-css-updated", T(E.value));
+        b.value = n.value.cssCode, j(b.value), k(), h.value.emitEvent("form-css-updated", I(E.value));
       }), setTimeout(() => {
-        c.value = v.formConfig.cssCode, I(c.value), F(), h.value.emitEvent("form-css-updated", T(E.value));
+        b.value = n.value.cssCode, j(b.value), k(), h.value.emitEvent("form-css-updated", I(E.value));
       }, 1200);
-    }), (e, o) => {
-      const m = f("a-select"), d = f("a-form-item"), g = f("a-radio-button"), b = f("a-radio-group"), i = f("a-input-number"), r = f("a-button"), V = f("a-input"), D = f("a-collapse-panel"), J = f("a-collapse"), Q = f("a-form"), X = f("a-config-provider");
-      return H(), P($, null, [
-        n(Q, {
-          model: e.formConfig,
+    }), (r, l) => {
+      const f = v("a-select"), d = v("a-form-item"), g = v("a-radio-button"), C = v("a-radio-group"), i = v("a-input-number"), u = v("a-button"), L = v("a-input"), V = v("a-collapse-panel"), G = v("a-collapse"), J = v("a-form"), Q = v("a-config-provider");
+      return F(), K(P, null, [
+        t(J, {
+          model: e(n),
           labelAlign: "left",
           "label-width": "120px",
           class: "setting-form",
-          onSubmit: o[10] || (o[10] = ne(() => {
+          onSubmit: l[10] || (l[10] = ee(() => {
           }, ["prevent"]))
         }, {
-          default: t(() => [
-            n(J, {
-              activeKey: A.value,
-              "onUpdate:activeKey": o[9] || (o[9] = (a) => A.value = a),
+          default: o(() => [
+            t(G, {
+              activeKey: M.value,
+              "onUpdate:activeKey": l[9] || (l[9] = (s) => M.value = s),
               class: "setting-collapse"
             }, {
-              default: t(() => [
-                n(D, {
+              default: o(() => [
+                t(V, {
                   key: "1",
-                  header: s(l)("designer.setting.基本属性")
+                  header: e(a)("designer.setting.基本属性")
                 }, {
-                  default: t(() => [
-                    n(d, {
-                      label: s(l)("designer.setting.formSize")
+                  default: o(() => [
+                    t(d, {
+                      label: e(a)("designer.setting.formSize")
                     }, {
-                      default: t(() => [
-                        n(m, {
-                          value: e.formConfig.size,
-                          "onUpdate:value": o[0] || (o[0] = (a) => e.formConfig.size = a),
-                          options: R,
+                      default: o(() => [
+                        t(f, {
+                          value: e(n).size,
+                          "onUpdate:value": l[0] || (l[0] = (s) => e(n).size = s),
+                          options: T,
                           allowClear: "",
                           style: { width: "120px" }
                         }, null, 8, ["value"])
                       ]),
                       _: 1
                     }, 8, ["label"]),
-                    n(d, {
-                      label: s(l)("designer.setting.labelPosition")
+                    t(d, {
+                      label: e(a)("designer.setting.labelPosition")
                     }, {
-                      default: t(() => [
-                        n(b, {
-                          value: e.formConfig.labelPosition,
-                          "onUpdate:value": o[1] || (o[1] = (a) => e.formConfig.labelPosition = a),
+                      default: o(() => [
+                        t(C, {
+                          value: e(n).labelPosition,
+                          "onUpdate:value": l[1] || (l[1] = (s) => e(n).labelPosition = s),
                           class: "radio-group-custom"
                         }, {
-                          default: t(() => [
-                            n(g, { value: "horizontal" }, {
-                              default: t(() => [
-                                p(C(s(l)("designer.setting.horizontal")), 1)
+                          default: o(() => [
+                            t(g, { value: "horizontal" }, {
+                              default: o(() => [
+                                c(p(e(a)("designer.setting.horizontal")), 1)
                               ]),
                               _: 1
                             }),
-                            n(g, { value: "vertical" }, {
-                              default: t(() => [
-                                p(C(s(l)("designer.setting.vertical")), 1)
+                            t(g, { value: "vertical" }, {
+                              default: o(() => [
+                                c(p(e(a)("designer.setting.vertical")), 1)
                               ]),
                               _: 1
                             })
@@ -130,25 +128,25 @@ const ce = /* @__PURE__ */ Z({
                       ]),
                       _: 1
                     }, 8, ["label"]),
-                    n(d, {
-                      label: s(l)("designer.setting.labelAlign")
+                    t(d, {
+                      label: e(a)("designer.setting.labelAlign")
                     }, {
-                      default: t(() => [
-                        n(b, {
-                          value: e.formConfig.labelAlign,
-                          "onUpdate:value": o[2] || (o[2] = (a) => e.formConfig.labelAlign = a),
+                      default: o(() => [
+                        t(C, {
+                          value: e(n).labelAlign,
+                          "onUpdate:value": l[2] || (l[2] = (s) => e(n).labelAlign = s),
                           class: "radio-group-custom"
                         }, {
-                          default: t(() => [
-                            n(g, { value: "left" }, {
-                              default: t(() => [
-                                p(C(s(l)("designer.setting.leftAlign")), 1)
+                          default: o(() => [
+                            t(g, { value: "left" }, {
+                              default: o(() => [
+                                c(p(e(a)("designer.setting.leftAlign")), 1)
                               ]),
                               _: 1
                             }),
-                            n(g, { value: "right" }, {
-                              default: t(() => [
-                                p(C(s(l)("designer.setting.rightAlign")), 1)
+                            t(g, { value: "right" }, {
+                              default: o(() => [
+                                c(p(e(a)("designer.setting.rightAlign")), 1)
                               ]),
                               _: 1
                             })
@@ -158,13 +156,13 @@ const ce = /* @__PURE__ */ Z({
                       ]),
                       _: 1
                     }, 8, ["label"]),
-                    n(d, {
-                      label: s(l)("designer.setting.labelWidth")
+                    t(d, {
+                      label: e(a)("designer.setting.labelWidth")
                     }, {
-                      default: t(() => [
-                        n(i, {
-                          value: e.formConfig.labelWidth,
-                          "onUpdate:value": o[3] || (o[3] = (a) => e.formConfig.labelWidth = a),
+                      default: o(() => [
+                        t(i, {
+                          value: e(n).labelWidth,
+                          "onUpdate:value": l[3] || (l[3] = (s) => e(n).labelWidth = s),
                           min: 0,
                           style: { width: "100%" },
                           allowClear: ""
@@ -172,132 +170,132 @@ const ce = /* @__PURE__ */ Z({
                       ]),
                       _: 1
                     }, 8, ["label"]),
-                    n(d, {
-                      label: s(l)("designer.setting.formCss")
+                    t(d, {
+                      label: e(a)("designer.setting.formCss")
                     }, {
-                      default: t(() => [
-                        n(r, {
+                      default: o(() => [
+                        t(u, {
                           shape: "round",
-                          onClick: o[4] || (o[4] = (a) => k({
+                          onClick: l[4] || (l[4] = (s) => w({
                             eventName: "cssCode",
                             isShowEventHeader: !1,
                             mode: "css",
-                            title: s(l)("designer.setting.formCss")
+                            title: e(a)("designer.setting.formCss")
                           })),
-                          class: j([{ "button-text-highlight": !!e.formConfig.cssCode }])
+                          class: $([{ "button-text-highlight": !!e(n).cssCode }])
                         }, {
-                          default: t(() => [
-                            p(C(s(l)("designer.setting.addCss")), 1)
+                          default: o(() => [
+                            c(p(e(a)("designer.setting.addCss")), 1)
                           ]),
                           _: 1
                         }, 8, ["class"])
                       ]),
                       _: 1
                     }, 8, ["label"]),
-                    n(d, {
-                      label: s(l)("designer.setting.customClass")
+                    t(d, {
+                      label: e(a)("designer.setting.customClass")
                     }, {
-                      default: t(() => [
-                        n(m, {
-                          value: e.formConfig.customClass,
-                          "onUpdate:value": o[5] || (o[5] = (a) => e.formConfig.customClass = a),
+                      default: o(() => [
+                        t(f, {
+                          value: e(n).customClass,
+                          "onUpdate:value": l[5] || (l[5] = (s) => e(n).customClass = s),
                           allowClear: "",
                           mode: "tags",
-                          onChange: F,
+                          onChange: k,
                           options: E.value
                         }, null, 8, ["value", "options"])
                       ]),
                       _: 1
                     }, 8, ["label"]),
-                    n(d, {
-                      label: s(l)("designer.setting.globalFunctions")
+                    t(d, {
+                      label: e(a)("designer.setting.globalFunctions")
                     }, {
-                      default: t(() => [
-                        n(r, {
-                          class: j([{ "button-text-highlight": !!e.formConfig.functions }]),
+                      default: o(() => [
+                        t(u, {
+                          class: $([{ "button-text-highlight": !!e(n).functions }]),
                           shape: "round",
-                          onClick: o[6] || (o[6] = (a) => k({
+                          onClick: l[6] || (l[6] = (s) => w({
                             eventName: "functions",
                             isShowEventHeader: !1,
                             mode: "javascript",
-                            title: s(l)("designer.setting.globalFunctions")
+                            title: e(a)("designer.setting.globalFunctions")
                           }))
                         }, {
-                          default: t(() => [
-                            p(C(s(l)("designer.setting.addEventHandler")), 1)
+                          default: o(() => [
+                            c(p(e(a)("designer.setting.addEventHandler")), 1)
                           ]),
                           _: 1
                         }, 8, ["class"])
                       ]),
                       _: 1
                     }, 8, ["label"]),
-                    n(d, {
-                      label: s(l)("designer.setting.cancelButtonLabel")
+                    t(d, {
+                      label: e(a)("designer.setting.cancelButtonLabel")
                     }, {
-                      default: t(() => [
-                        n(V, {
+                      default: o(() => [
+                        t(L, {
                           type: "text",
-                          value: e.formConfig.cancelButtonLabel,
-                          "onUpdate:value": o[7] || (o[7] = (a) => e.formConfig.cancelButtonLabel = a)
+                          value: e(n).cancelButtonLabel,
+                          "onUpdate:value": l[7] || (l[7] = (s) => e(n).cancelButtonLabel = s)
                         }, null, 8, ["value"])
                       ]),
                       _: 1
                     }, 8, ["label"]),
-                    n(re, { optionModel: e.formConfig }, null, 8, ["optionModel"]),
-                    n(d, {
-                      label: s(l)("designer.setting.okButtonLabel")
+                    t(ie, { optionModel: e(n) }, null, 8, ["optionModel"]),
+                    t(d, {
+                      label: e(a)("designer.setting.okButtonLabel")
                     }, {
-                      default: t(() => [
-                        n(V, {
+                      default: o(() => [
+                        t(L, {
                           type: "text",
-                          value: e.formConfig.okButtonLabel,
-                          "onUpdate:value": o[8] || (o[8] = (a) => e.formConfig.okButtonLabel = a)
+                          value: e(n).okButtonLabel,
+                          "onUpdate:value": l[8] || (l[8] = (s) => e(n).okButtonLabel = s)
                         }, null, 8, ["value"])
                       ]),
                       _: 1
                     }, 8, ["label"]),
-                    n(ie, { optionModel: e.formConfig }, null, 8, ["optionModel"])
+                    t(se, { optionModel: e(n) }, null, 8, ["optionModel"])
                   ]),
                   _: 1
                 }, 8, ["header"]),
-                G() ? (H(), oe(D, {
+                q() ? (F(), te(V, {
                   key: "2",
                   class: "eventPanel",
-                  header: s(l)("designer.setting.事件属性")
+                  header: e(a)("designer.setting.事件属性")
                 }, {
-                  default: t(() => [
-                    (H(), P($, null, le(L, (a, _) => n(se, {
-                      onClickItem: k,
+                  default: o(() => [
+                    (F(), K(P, null, le(z, (s, _) => t(ae, {
+                      onClickItem: w,
                       key: _,
                       "event-name": _,
-                      value: e.formConfig[_],
-                      "onUpdate:value": (Y) => e.formConfig[_] = Y,
-                      "get-form-event-handled": q,
-                      "event-params-map": L,
-                      "form-config": e.formConfig
+                      value: e(n)[_],
+                      "onUpdate:value": (X) => e(n)[_] = X,
+                      "get-form-event-handled": R,
+                      "event-params-map": z,
+                      "form-config": e(n)
                     }, null, 8, ["event-name", "value", "onUpdate:value", "form-config"])), 64))
                   ]),
                   _: 1
-                }, 8, ["header"])) : te("", !0)
+                }, 8, ["header"])) : ne("", !0)
               ]),
               _: 1
             }, 8, ["activeKey"])
           ]),
           _: 1
         }, 8, ["model"]),
-        n(X, { componentSize: "middle" }, {
-          default: t(() => [
-            n(s(de), {
-              isShowEventHeader: U.value,
+        t(Q, { componentSize: "middle" }, {
+          default: o(() => [
+            t(e(re), {
+              isShowEventHeader: N.value,
               ref_key: "codeEditorRef",
-              ref: z,
-              "event-header": M.value,
-              modelValue: w.value,
-              "onUpdate:modelValue": o[11] || (o[11] = (a) => w.value = a),
-              mode: O.value,
+              ref: A,
+              "event-header": U.value,
+              modelValue: x.value,
+              "onUpdate:modelValue": l[11] || (l[11] = (s) => x.value = s),
+              mode: B.value,
               readonly: !1,
-              title: N.value,
-              onSetCode: x
+              title: S.value,
+              onSetCode: W
             }, null, 8, ["isShowEventHeader", "event-header", "modelValue", "mode", "title"])
           ]),
           _: 1
@@ -307,5 +305,6 @@ const ce = /* @__PURE__ */ Z({
   }
 });
 export {
-  ce as default
+  _e 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    <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\">\n                            {{ i18nt('designer.setting.horizontal') }}\n                        </a-radio-button>\n                        <a-radio-button value=\"vertical\">\n                            {{ i18nt('designer.setting.vertical') }}\n                        </a-radio-button>\n                    </a-radio-group>\n                </a-form-item>\n                <a-form-item :label=\"i18nt('designer.setting.labelAlign')\">\n                    <a-radio-group v-model:value=\"formConfig.labelAlign\" class=\"radio-group-custom\">\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: 'cssCode',\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            </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    <a-config-provider componentSize=\"middle\">\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    /></a-config-provider>\n</template>\n\n<script lang=\"ts\" setup>\n    import { ref, reactive, onMounted, inject, Ref } 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 { FormDesigner } from '@/types/designer';\n    import { useDesigner } from '../form-widget/useFormDesigner';\n    // 定义类型\n    interface FormSize {\n        label: string;\n        value: string;\n    }\n\n    interface EventParams {\n        [key: string]: string;\n    }\n\n    const { formConfig } = useDesigner();\n    interface EditEventParams {\n        eventName: string;\n        mode: ILanguageMode;\n        isShowEventHeader: boolean;\n        title: string;\n        eventHeader?: string;\n    }\n\n    // 使用i18n\n    const { i18nt } = useI18n();\n    const designer = inject<Ref<FormDesigner>>('designer', ref({} as FormDesigner));\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        onFormEnterKey: 'onFormEnterKey() {',\n        onFormDataChange:\n            'onFormDataChange(fieldName, newValue, oldValue, formModel, subFormName, subFormRowIndex) {'\n        //'onFormValidate': 'onFormValidate() {',\n    };\n\n    // 方法\n    const saveFormEventHandler = (value: string) => {\n        formConfig.value[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 = formConfig.value[params.eventName];\n        title.value = params.title || i18nt('designer.setting.editWidgetEventHandler');\n        eventHeader.value = params.eventHeader || '';\n        codeEditorRef.value.open();\n    };\n\n    const getFormEventHandled = (eventName: string) => {\n        return !!formConfig.value[eventName] && formConfig.value[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        designer.value.handleEvent('form-json-imported', () => {\n            formCssCode.value = formConfig.value.cssCode;\n            insertCustomCssToHead(formCssCode.value);\n            extractCssClass();\n            designer.value.emitEvent('form-css-updated', deepClone(cssClassList.value));\n        });\n\n        /* SettingPanel和FormWidget为兄弟组件, 在FormWidget加载formConfig时，\n         此处SettingPanel可能无法获取到formConfig.cssCode, 故加个延时函数！ */\n        setTimeout(() => {\n            formCssCode.value = formConfig.value.cssCode;\n            insertCustomCssToHead(formCssCode.value);\n            extractCssClass();\n            designer.value.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":["formConfig","useDesigner","i18nt","useI18n","designer","inject","ref","getDesignerConfig","designerConfig","mode","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","_createVNode","_component_a_form","_unref","_component_a_collapse","$event","_component_a_collapse_panel","_component_a_form_item","_component_a_select","_cache","_component_a_radio_group","_component_a_radio_button","_component_a_input_number","_component_a_button","_normalizeClass","_component_a_input","CancelButtonHidden","OkButtonHiddenEditor","_createBlock","_openBlock","_createElementBlock","_Fragment","_renderList","key","MethodItem","_component_a_config_provider","TpfCodeEditor"],"mappings":"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"}