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

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

@@ -1 +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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"}
+{"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\n                <ButtonListEditor :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    import ButtonListEditor from '@/components/form-designer/setting-panel/property-editor/button-list-editor.vue';\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","ButtonListEditor","_createBlock","_openBlock","_createElementBlock","_Fragment","_renderList","key","MethodItem","_component_a_config_provider","TpfCodeEditor"],"mappings":"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"}

package/src/components/form-designer/setting-panel/property-editor/button-list-editor.vue2.js

@@ -1,46 +1,52 @@
-import { defineComponent as _, ref as d, watch as C, resolveComponent as p, createElementBlock as L, openBlock as h, Fragment as k, createVNode as e, unref as o, withCtx as n, createTextVNode as f, toDisplayString as m } from "vue";
-import { useI18n as w } from "../../../../utils/i18n.js";
-import { cloneDeep as x } from "lodash-es";
-import D from "../../../public/ActionButtonListDialog.vue.js";
-import { TpfModal as E } from "tmgc2-share";
-import { EditorTypeEnum as B } from "../../../../constants/EditorTypeEnum.js";
-const z = /* @__PURE__ */ _({
+import { defineComponent as _, ref as d, watch as h, resolveComponent as p, createElementBlock as L, openBlock as k, Fragment as w, createVNode as o, unref as n, withCtx as i, normalizeClass as x, createTextVNode as f, toDisplayString as m } from "vue";
+import { useI18n as D } from "../../../../utils/i18n.js";
+import { cloneDeep as E } from "lodash-es";
+import M from "../../../public/ActionButtonListDialog.vue.js";
+import { TpfModal as B } from "tmgc2-share";
+import { EditorTypeEnum as y } from "../../../../constants/EditorTypeEnum.js";
+const F = /* @__PURE__ */ _({
   inheritAttrs: !1,
-  name: B.buttonListEditor,
+  name: y.buttonListEditor,
   __name: "button-list-editor",
   props: {
     optionModel: {}
   },
   setup(c) {
-    const { i18nt: i } = w(), r = c, t = d([]), l = d(!1);
-    C(t, () => {
-      r.optionModel.buttonList = t.value;
+    const { i18nt: l } = D(), r = c, e = d([]), s = d(!1);
+    h(e, () => {
+      r.optionModel.buttonList = e.value;
     });
     const g = () => {
-      t.value = x(r.optionModel.buttonList), l.value = !0;
+      e.value = E(r.optionModel.buttonList), s.value = !0;
     }, b = () => {
-      l.value = !1;
+      s.value = !1;
     };
-    return (M, s) => {
-      const u = p("a-button"), v = p("a-form-item");
-      return h(), L(k, null, [
-        e(v, {
-          label: o(i)("designer.setting.buttonList")
+    return (v, a) => {
+      const u = p("a-button"), C = p("a-form-item");
+      return k(), L(w, null, [
+        o(C, {
+          label: n(l)("designer.setting.buttonListConfig")
         }, {
-          default: n(() => [
-            e(u, { onClick: g }, {
-              default: n(() => [
-                f(m(o(i)("designer.setting.buttonConfig")), 1)
-              ]),
-              _: 1
-            })
-          ]),
+          default: i(() => {
+            var t;
+            return [
+              o(u, {
+                class: x([(t = v.optionModel.buttonList) != null && t.length ? "button-text-highlight" : ""]),
+                onClick: g
+              }, {
+                default: i(() => [
+                  f(m(n(l)("designer.setting.buttonConfig")), 1)
+                ]),
+                _: 1
+              }, 8, ["class"])
+            ];
+          }),
           _: 1
         }, 8, ["label"]),
-        e(o(E), {
-          title: o(i)("designer.setting.buttonsColumnEdit"),
-          visible: l.value,
-          "onUpdate:visible": s[1] || (s[1] = (a) => l.value = a),
+        o(n(B), {
+          title: n(l)("designer.setting.buttonsColumnEdit"),
+          visible: s.value,
+          "onUpdate:visible": a[1] || (a[1] = (t) => s.value = t),
           "show-close": !0,
           dialogClass: "drag-dialog",
           "append-to-body": "",
@@ -49,21 +55,21 @@ const z = /* @__PURE__ */ _({
           width: "1050px",
           mask: !1
         }, {
-          footerRight: n(() => [
-            e(u, {
+          footerRight: i(() => [
+            o(u, {
               size: "default",
               onClick: b
             }, {
-              default: n(() => [
-                f(m(o(i)("designer.hint.closePreview")), 1)
+              default: i(() => [
+                f(m(n(l)("designer.hint.closePreview")), 1)
               ]),
               _: 1
             })
           ]),
-          default: n(() => [
-            e(D, {
-              data: t.value,
-              "onUpdate:data": s[0] || (s[0] = (a) => t.value = a)
+          default: i(() => [
+            o(M, {
+              data: e.value,
+              "onUpdate:data": a[0] || (a[0] = (t) => e.value = t)
             }, null, 8, ["data"])
           ]),
           _: 1
@@ -73,6 +79,6 @@ const z = /* @__PURE__ */ _({
   }
 });
 export {
-  z as default
+  F as default
 };
 //# sourceMappingURL=button-list-editor.vue2.js.map

package/src/components/form-designer/setting-panel/property-editor/button-list-editor.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-list-editor.vue2.js","sources":["../../../../../../src/components/form-designer/setting-panel/property-editor/button-list-editor.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"i18nt('designer.setting.buttonList')\">\n        <a-button @click=\"handleConfigBtn\">{{ i18nt('designer.setting.buttonConfig') }}</a-button>\n    </a-form-item>\n    <TpfModal\n        :title=\"i18nt('designer.setting.buttonsColumnEdit')\"\n        v-model:visible=\"btnListConfigDialogVisible\"\n        :show-close=\"true\"\n        dialogClass=\"drag-dialog\"\n        append-to-body\n        :close-on-click-modal=\"false\"\n        :close-on-press-escape=\"false\"\n        width=\"1050px\"\n        :mask=\"false\"\n    >\n        <ActionButtonListDialog v-model:data=\"buttonList\" />\n        <template #footerRight>\n            <a-button size=\"default\" @click=\"handleCloseDialog\">\n                {{ i18nt('designer.hint.closePreview') }}\n            </a-button>\n        </template>\n    </TpfModal>\n</template>\n\n<script lang=\"ts\" setup>\n    import { ref, watch } from 'vue';\n    import { useI18n } from '@/utils/i18n';\n    import { cloneDeep } from 'lodash-es';\n    import ActionButtonListDialog from '@/components/public/ActionButtonListDialog.vue';\n    import { TpfModal } from 'tmgc2-share';\n    import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n\n    const { i18nt } = useI18n();\n    defineOptions({\n        inheritAttrs: false,\n        name: EditorTypeEnum.buttonListEditor\n    });\n\n    // 定义Props接口\n    interface Props {\n        optionModel: any;\n    }\n\n    // 定义按钮接口\n    interface ButtonItem {\n        key: string;\n        label: string;\n        type: string;\n        danger: boolean;\n        icon: string;\n        onHidden: string;\n        onDisabled: string;\n        onClick: string;\n        [key: string]: any; // 允许其他属性\n    }\n\n    const props = defineProps<Props>();\n\n    // 响应式数据\n    const buttonList = ref<ButtonItem[]>([]);\n    const btnListConfigDialogVisible = ref(false);\n\n    // 监听buttonList变化\n    watch(buttonList, () => {\n        props.optionModel.buttonList = buttonList.value;\n    });\n\n    const handleConfigBtn = () => {\n        buttonList.value = cloneDeep(props.optionModel.buttonList);\n        btnListConfigDialogVisible.value = true;\n    };\n\n    const handleCloseDialog = () => {\n        btnListConfigDialogVisible.value = false;\n    };\n</script>\n\n<style lang=\"scss\" scoped></style>\n"],"names":["i18nt","useI18n","props","__props","buttonList","ref","btnListConfigDialogVisible","watch","handleConfigBtn","cloneDeep","handleCloseDialog","_createVNode","_component_a_form_item","_unref","_component_a_button","TpfModal","$event","ActionButtonListDialog"],"mappings":";;;;;;;;;;;;;;AAgCI,UAAM,EAAE,OAAAA,EAAA,IAAUC,EAAA,GAwBZC,IAAQC,GAGRC,IAAaC,EAAkB,EAAE,GACjCC,IAA6BD,EAAI,EAAK;AAG5C,IAAAE,EAAMH,GAAY,MAAM;AACpB,MAAAF,EAAM,YAAY,aAAaE,EAAW;AAAA,IAC9C,CAAC;AAED,UAAMI,IAAkB,MAAM;AAC1B,MAAAJ,EAAW,QAAQK,EAAUP,EAAM,YAAY,UAAU,GACzDI,EAA2B,QAAQ;AAAA,IACvC,GAEMI,IAAoB,MAAM;AAC5B,MAAAJ,EAA2B,QAAQ;AAAA,IACvC;;;;QAzEAK,EAEcC,GAAA;AAAA,UAFA,OAAOC,EAAAb,CAAA,EAAK,6BAAA;AAAA,QAAA;qBACtB,MAA0F;AAAA,YAA1FW,EAA0FG,GAAA,EAA/E,SAAON,KAAe;AAAA,yBAAE,MAA4C;AAAA,oBAAzCK,EAAAb,CAAA,EAAK,+BAAA,CAAA,GAAA,CAAA;AAAA,cAAA;;;;;;QAE/CW,EAiBWE,EAAAE,CAAA,GAAA;AAAA,UAhBN,OAAOF,EAAAb,CAAA,EAAK,oCAAA;AAAA,UACL,SAASM,EAAA;AAAA,qDAAAA,EAA0B,QAAAU;AAAA,UAC1C,cAAY;AAAA,UACb,aAAY;AAAA,UACZ,kBAAA;AAAA,UACC,wBAAsB;AAAA,UACtB,yBAAuB;AAAA,UACxB,OAAM;AAAA,UACL,MAAM;AAAA,QAAA;UAGI,eACP,MAEW;AAAA,YAFXL,EAEWG,GAAA;AAAA,cAFD,MAAK;AAAA,cAAW,SAAOJ;AAAA,YAAA;yBAC7B,MAAyC;AAAA,oBAAtCG,EAAAb,CAAA,EAAK,4BAAA,CAAA,GAAA,CAAA;AAAA,cAAA;;;;qBAHhB,MAAoD;AAAA,YAApDW,EAAoDM,GAAA;AAAA,cAApB,MAAMb,EAAA;AAAA,sDAAAA,EAAU,QAAAY;AAAA,YAAA;;;;;;;;"}
+{"version":3,"file":"button-list-editor.vue2.js","sources":["../../../../../../src/components/form-designer/setting-panel/property-editor/button-list-editor.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"i18nt('designer.setting.buttonListConfig')\">\n        <a-button\n            :class=\"[!!optionModel.buttonList?.length ? 'button-text-highlight' : '']\"\n            @click=\"handleConfigBtn\"\n            >{{ i18nt('designer.setting.buttonConfig') }}</a-button\n        >\n    </a-form-item>\n    <TpfModal\n        :title=\"i18nt('designer.setting.buttonsColumnEdit')\"\n        v-model:visible=\"btnListConfigDialogVisible\"\n        :show-close=\"true\"\n        dialogClass=\"drag-dialog\"\n        append-to-body\n        :close-on-click-modal=\"false\"\n        :close-on-press-escape=\"false\"\n        width=\"1050px\"\n        :mask=\"false\"\n    >\n        <ActionButtonListDialog v-model:data=\"buttonList\" />\n        <template #footerRight>\n            <a-button size=\"default\" @click=\"handleCloseDialog\">\n                {{ i18nt('designer.hint.closePreview') }}\n            </a-button>\n        </template>\n    </TpfModal>\n</template>\n\n<script lang=\"ts\" setup>\n    import { ref, watch } from 'vue';\n    import { useI18n } from '@/utils/i18n';\n    import { cloneDeep } from 'lodash-es';\n    import ActionButtonListDialog from '@/components/public/ActionButtonListDialog.vue';\n    import { TpfModal } from 'tmgc2-share';\n    import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n\n    const { i18nt } = useI18n();\n    defineOptions({\n        inheritAttrs: false,\n        name: EditorTypeEnum.buttonListEditor\n    });\n\n    // 定义Props接口\n    interface Props {\n        optionModel: any;\n    }\n\n    // 定义按钮接口\n    interface ButtonItem {\n        key: string;\n        label: string;\n        type: string;\n        danger: boolean;\n        icon: string;\n        onHidden: string;\n        onDisabled: string;\n        onClick: string;\n        [key: string]: any; // 允许其他属性\n    }\n\n    const props = defineProps<Props>();\n\n    // 响应式数据\n    const buttonList = ref<ButtonItem[]>([]);\n    const btnListConfigDialogVisible = ref(false);\n\n    // 监听buttonList变化\n    watch(buttonList, () => {\n        props.optionModel.buttonList = buttonList.value;\n    });\n\n    const handleConfigBtn = () => {\n        buttonList.value = cloneDeep(props.optionModel.buttonList);\n        btnListConfigDialogVisible.value = true;\n    };\n\n    const handleCloseDialog = () => {\n        btnListConfigDialogVisible.value = false;\n    };\n</script>\n\n<style lang=\"scss\" scoped></style>\n"],"names":["i18nt","useI18n","props","__props","buttonList","ref","btnListConfigDialogVisible","watch","handleConfigBtn","cloneDeep","handleCloseDialog","_createVNode","_component_a_form_item","_unref","_component_a_button","_normalizeClass","optionModel","TpfModal","$event","ActionButtonListDialog"],"mappings":";;;;;;;;;;;;;;AAoCI,UAAM,EAAE,OAAAA,EAAA,IAAUC,EAAA,GAwBZC,IAAQC,GAGRC,IAAaC,EAAkB,EAAE,GACjCC,IAA6BD,EAAI,EAAK;AAG5C,IAAAE,EAAMH,GAAY,MAAM;AACpB,MAAAF,EAAM,YAAY,aAAaE,EAAW;AAAA,IAC9C,CAAC;AAED,UAAMI,IAAkB,MAAM;AAC1B,MAAAJ,EAAW,QAAQK,EAAUP,EAAM,YAAY,UAAU,GACzDI,EAA2B,QAAQ;AAAA,IACvC,GAEMI,IAAoB,MAAM;AAC5B,MAAAJ,EAA2B,QAAQ;AAAA,IACvC;;;;QA7EAK,EAMcC,GAAA;AAAA,UANA,OAAOC,EAAAb,CAAA,EAAK,mCAAA;AAAA,QAAA;qBACtB,MAAA;;AAIC;AAAA,cAJDW,EAICG,GAAA;AAAA,gBAHI,OAAKC,EAAA,EAAKC,IAAAA,EAAAA,YAAY,eAAZA,QAAAA,EAAwB,SAAM,0BAAA,EAAA,CAAA;AAAA,gBACxC,SAAOR;AAAA,cAAA;2BACP,MAA4C;AAAA,sBAAzCK,EAAAb,CAAA,EAAK,+BAAA,CAAA,GAAA,CAAA;AAAA,gBAAA;;;;;;;QAGjBW,EAiBWE,EAAAI,CAAA,GAAA;AAAA,UAhBN,OAAOJ,EAAAb,CAAA,EAAK,oCAAA;AAAA,UACL,SAASM,EAAA;AAAA,qDAAAA,EAA0B,QAAAY;AAAA,UAC1C,cAAY;AAAA,UACb,aAAY;AAAA,UACZ,kBAAA;AAAA,UACC,wBAAsB;AAAA,UACtB,yBAAuB;AAAA,UACxB,OAAM;AAAA,UACL,MAAM;AAAA,QAAA;UAGI,eACP,MAEW;AAAA,YAFXP,EAEWG,GAAA;AAAA,cAFD,MAAK;AAAA,cAAW,SAAOJ;AAAA,YAAA;yBAC7B,MAAyC;AAAA,oBAAtCG,EAAAb,CAAA,EAAK,4BAAA,CAAA,GAAA,CAAA;AAAA,cAAA;;;;qBAHhB,MAAoD;AAAA,YAApDW,EAAoDQ,GAAA;AAAA,cAApB,MAAMf,EAAA;AAAA,sDAAAA,EAAU,QAAAc;AAAA,YAAA;;;;;;;;"}

package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-showButtonsColumn-editor.vue.js

@@ -1,8 +1,8 @@
 import o from "./data-table-showButtonsColumn-editor.vue2.js";
 /* empty css                                         */
 import t from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a6551319"]]);
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-10575cc9"]]);
 export {
-  p as default
+  c as default
 };
 //# sourceMappingURL=data-table-showButtonsColumn-editor.vue.js.map

package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-showButtonsColumn-editor.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-showButtonsColumn-editor.vue2.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-showButtonsColumn-editor.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"i18nt('designer.setting.showButtonsColumn')\">\n        <a-space>\n            <a-switch v-model:checked=\"optionModel.showButtonsColumn\" />\n\n            <a-button\n                v-if=\"!!optionModel.showButtonsColumn\"\n                type=\"primary\"\n                shape=\"round\"\n                @click=\"editButtonsColumn\"\n            >\n                {{ i18nt('designer.setting.editAction') }}\n            </a-button>\n        </a-space>\n    </a-form-item>\n    <TpfModal\n        :title=\"i18nt('designer.setting.buttonsColumnEdit')\"\n        v-model:visible=\"showButtonsEditDialog\"\n        :show-close=\"true\"\n        dialogClass=\"drag-dialog\"\n        append-to-body\n        :close-on-click-modal=\"false\"\n        :close-on-press-escape=\"false\"\n        :destroy-on-close=\"true\"\n        width=\"1250px\"\n        :mask=\"false\"\n    >\n        <a-row :gutter=\"8\">\n            <a-col :span=\"11\">\n                <a-form-item\n                    name=\"buttonsColumnTitle\"\n                    :label=\"i18nt('designer.setting.buttonsColumnTitle')\"\n                >\n                    <a-input v-model:value=\"optionModel.buttonsColumnTitle\" />\n                </a-form-item>\n            </a-col>\n            <a-col :span=\"6\">\n                <a-form-item\n                    name=\"buttonsColumnWidth\"\n                    :label=\"i18nt('designer.setting.buttonsColumnWidth')\"\n                >\n                    <a-input-number v-model:value=\"optionModel.buttonsColumnWidth\" />\n                </a-form-item>\n            </a-col>\n            <a-col :span=\"5\">\n                <a-form-item\n                    name=\"buttonsColumnFixed\"\n                    :label=\"i18nt('designer.setting.fixedColumn')\"\n                >\n                    <a-select\n                        v-model:value=\"optionModel.buttonsColumnFixed\"\n                        allowClear\n                        style=\"width: 100%\"\n                    >\n                        <a-select-option value=\"left\">left</a-select-option>\n                        <a-select-option value=\"right\">right</a-select-option>\n                    </a-select>\n                </a-form-item>\n            </a-col>\n        </a-row>\n\n        <ActionButtonListDialog v-model:data=\"optionModel.operationButtons\" parmas=\"scope\" />\n\n        <template #footer>\n            <div class=\"dialog-footer\">\n                <a-button size=\"default\" @click=\"showButtonsEditDialog = false\">\n                    {{ i18nt('designer.hint.closePreview') }}\n                </a-button>\n            </div>\n        </template>\n    </TpfModal>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import ActionButtonListDialog from '@/components/public/ActionButtonListDialog.vue';\n    import { TpfModal } from 'tmgc2-share';\n    import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n    import { ref } from 'vue';\n\n    defineOptions({\n        name: EditorTypeEnum.showButtonsColumnEditor,\n        inheritAttrs: false\n    });\n\n    const optionModel = defineModel('optionModel', {\n        type: Object,\n        required: true,\n        default: () => ({\n            buttonsColumnTitle: '',\n            buttonsColumnWidth: '',\n            buttonsColumnFixed: '',\n            operationButtons: ''\n        })\n    });\n\n    const { i18nt } = useI18n();\n\n    const showButtonsEditDialog = ref(false);\n\n    const editButtonsColumn = () => {\n        showButtonsEditDialog.value = true;\n    };\n    // export default {\n    //     name: 'showButtonsColumn-editor',\n    //     inheritAttrs: false,\n    //     mixins: [i18n],\n    //     components: { ActionButtonListDialog, TpfModal },\n    //     props: {\n    //         designer: Object,\n    //         selectedWidget: Object,\n    //         optionModel: Object\n    //     },\n    //     data() {\n    //         return {\n    //             showButtonsEditDialog: false\n    //         };\n    //     },\n    //     methods: {\n    //         editButtonsColumn() {\n    //             this.showButtonsEditDialog = true;\n    //         }\n    //     }\n    // };\n</script>\n\n<style lang=\"less\" scoped>\n    .button-row {\n        border-bottom: 1px solid #e1e2e3;\n        margin-bottom: 12px;\n    }\n    .drag-sort-col {\n        padding-top: 8px;\n        cursor: move;\n    }\n</style>\n"],"names":["optionModel","_useModel","__props","i18nt","useI18n","showButtonsEditDialog","ref","editButtonsColumn","_createVNode","_component_a_form_item","_unref","_component_a_space","_component_a_switch","_cache","$event","_createBlock","_component_a_button","TpfModal","_createElementVNode","_hoisted_1","_component_a_row","_component_a_col","_component_a_input","_component_a_input_number","_component_a_select","_component_a_select_option","ActionButtonListDialog"],"mappings":"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"}
+{"version":3,"file":"data-table-showButtonsColumn-editor.vue2.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-showButtonsColumn-editor.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"i18nt('designer.setting.showButtonsColumn')\">\n        <a-space>\n            <a-switch v-model:checked=\"optionModel.showButtonsColumn\" />\n\n            <a-button\n                v-if=\"!!optionModel.showButtonsColumn\"\n                type=\"primary\"\n                shape=\"round\"\n                @click=\"editButtonsColumn\"\n            >\n                {{ i18nt('designer.setting.editAction') }}\n            </a-button>\n        </a-space>\n    </a-form-item>\n    <TpfModal\n        :title=\"i18nt('designer.setting.buttonsColumnEdit')\"\n        v-model:visible=\"showButtonsEditDialog\"\n        :show-close=\"true\"\n        dialogClass=\"drag-dialog\"\n        append-to-body\n        :close-on-click-modal=\"false\"\n        :close-on-press-escape=\"false\"\n        :destroy-on-close=\"true\"\n        width=\"1250px\"\n        :mask=\"false\"\n    >\n        <a-row :gutter=\"8\">\n            <a-col :span=\"11\">\n                <a-form-item\n                    name=\"buttonsColumnTitle\"\n                    :label=\"i18nt('designer.setting.buttonsColumnTitle')\"\n                >\n                    <a-input v-model:value=\"optionModel.buttonsColumnTitle\" />\n                </a-form-item>\n            </a-col>\n            <a-col :span=\"6\">\n                <a-form-item\n                    name=\"buttonsColumnWidth\"\n                    :label=\"i18nt('designer.setting.buttonsColumnWidth')\"\n                >\n                    <a-input-number v-model:value=\"optionModel.buttonsColumnWidth\" />\n                </a-form-item>\n            </a-col>\n            <a-col :span=\"5\">\n                <a-form-item\n                    name=\"buttonsColumnFixed\"\n                    :label=\"i18nt('designer.setting.fixedColumn')\"\n                >\n                    <a-select\n                        v-model:value=\"optionModel.buttonsColumnFixed\"\n                        allowClear\n                        style=\"width: 100%\"\n                    >\n                        <a-select-option value=\"left\">left</a-select-option>\n                        <a-select-option value=\"right\">right</a-select-option>\n                    </a-select>\n                </a-form-item>\n            </a-col>\n        </a-row>\n\n        <ActionButtonListDialog v-model:data=\"optionModel.operationButtons\" parmas=\"scope\" />\n\n        <template #footer>\n            <div class=\"dialog-footer\">\n                <a-button size=\"default\" @click=\"showButtonsEditDialog = false\">\n                    {{ i18nt('designer.hint.closePreview') }}\n                </a-button>\n            </div>\n        </template>\n    </TpfModal>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import ActionButtonListDialog from '@/components/public/ActionButtonListDialog.vue';\n    import { TpfModal } from 'tmgc2-share';\n    import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n    import { ref } from 'vue';\n\n    defineOptions({\n        name: EditorTypeEnum.showButtonsColumnEditor,\n        inheritAttrs: false\n    });\n\n    const optionModel = defineModel('optionModel', {\n        type: Object,\n        required: true,\n        default: () => ({\n            buttonsColumnTitle: '',\n            buttonsColumnWidth: '',\n            buttonsColumnFixed: '',\n            operationButtons: ''\n        })\n    });\n\n    const { i18nt } = useI18n();\n\n    const showButtonsEditDialog = ref(false);\n\n    const editButtonsColumn = () => {\n        showButtonsEditDialog.value = true;\n    };\n</script>\n\n<style lang=\"less\" scoped>\n    .button-row {\n        border-bottom: 1px solid #e1e2e3;\n        margin-bottom: 12px;\n    }\n    .drag-sort-col {\n        padding-top: 8px;\n        cursor: move;\n    }\n</style>\n"],"names":["optionModel","_useModel","__props","i18nt","useI18n","showButtonsEditDialog","ref","editButtonsColumn","_createVNode","_component_a_form_item","_unref","_component_a_space","_component_a_switch","_cache","$event","_createBlock","_component_a_button","TpfModal","_createElementVNode","_hoisted_1","_component_a_row","_component_a_col","_component_a_input","_component_a_input_number","_component_a_select","_component_a_select_option","ActionButtonListDialog"],"mappings":"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"}

package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/cancelButtonLabel-editor.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"cancelButtonLabel-editor.vue2.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-vf-dialog/cancelButtonLabel-editor.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"i18nt('designer.setting.cancelButtonLabel')\">\n        <a-input type=\"text\" v-model:value=\"optionModel.cancelButtonLabel\" />\n    </a-form-item>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n\n    defineOptions({\n        name: EditorTypeEnum.cancelButtonLabelEditor\n    });\n    const { i18nt } = useI18n();\n\n    const optionModel = defineModel('optionModel', {\n        type: Object,\n        default: () => ({ cancelButtonLabel: false })\n    });\n    // export default {\n    //     name: 'cancelButtonLabel-editor',\n    //     mixins: [i18n, propertyMixin],\n    //     props: {\n    //         designer: Object,\n    //         selectedWidget: Object,\n    //         optionModel: Object\n    //     }\n    // };\n</script>\n\n<style scoped></style>\n"],"names":["i18nt","useI18n","optionModel","_useModel","__props","_createBlock","_component_a_form_item","_unref","_createVNode","_component_a_input","_cache","$event"],"mappings":";;;;;;;;;;;;;;;AAaI,UAAM,EAAE,OAAAA,EAAA,IAAUC,EAAA,GAEZC,IAAcC,EAAWC,GAAC,aAG/B;;;kBAjBDC,EAEcC,GAAA;AAAA,QAFA,OAAOC,EAAAP,CAAA,EAAK,oCAAA;AAAA,MAAA;mBACtB,MAAqE;AAAA,UAArEQ,EAAqEC,GAAA;AAAA,YAA5D,MAAK;AAAA,YAAe,OAAOP,EAAA,MAAY;AAAA,YAAZ,kBAAAQ,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAT,EAAA,MAAY,oBAAiBS;AAAA,UAAA;;;;;;;"}
+{"version":3,"file":"cancelButtonLabel-editor.vue2.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-vf-dialog/cancelButtonLabel-editor.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"i18nt('designer.setting.cancelButtonLabel')\">\n        <a-input type=\"text\" v-model:value=\"optionModel.cancelButtonLabel\" />\n    </a-form-item>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n\n    defineOptions({\n        name: EditorTypeEnum.cancelButtonLabelEditor\n    });\n    const { i18nt } = useI18n();\n\n    const optionModel = defineModel('optionModel', {\n        type: Object,\n        default: () => ({ cancelButtonLabel: false })\n    });\n</script>\n\n<style scoped></style>\n"],"names":["i18nt","useI18n","optionModel","_useModel","__props","_createBlock","_component_a_form_item","_unref","_createVNode","_component_a_input","_cache","$event"],"mappings":";;;;;;;;;;;;;;;AAaI,UAAM,EAAE,OAAAA,EAAA,IAAUC,EAAA,GAEZC,IAAcC,EAAWC,GAAC,aAG/B;;;kBAjBDC,EAEcC,GAAA;AAAA,QAFA,OAAOC,EAAAP,CAAA,EAAK,oCAAA;AAAA,MAAA;mBACtB,MAAqE;AAAA,UAArEQ,EAAqEC,GAAA;AAAA,YAA5D,MAAK;AAAA,YAAe,OAAOP,EAAA,MAAY;AAAA,YAAZ,kBAAAQ,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAT,EAAA,MAAY,oBAAiBS;AAAA,UAAA;;;;;;;"}

package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/left-editor.vue.js

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

package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/left-editor.vue.js.map

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

package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/left-editor.vue2.js

@@ -0,0 +1,38 @@
+import { defineComponent as p, useModel as a, resolveComponent as o, createBlock as u, openBlock as m, unref as s, withCtx as f, createVNode as c } from "vue";
+import { useI18n as _ } from "../../../../../utils/i18n.js";
+import { EditorTypeEnum as M } from "../../../../../constants/EditorTypeEnum.js";
+const b = /* @__PURE__ */ p({
+  name: M.leftEditor,
+  __name: "left-editor",
+  props: {
+    optionModel: {
+      type: Object,
+      required: !0,
+      default: () => ({ width: "" })
+    },
+    optionModelModifiers: {}
+  },
+  emits: ["update:optionModel"],
+  setup(n) {
+    const { i18nt: i } = _(), e = a(n, "optionModel");
+    return (v, t) => {
+      const l = o("a-input"), r = o("a-form-item");
+      return m(), u(r, {
+        label: s(i)("designer.setting.dialogWidth")
+      }, {
+        default: f(() => [
+          c(l, {
+            type: "text",
+            value: e.value.width,
+            "onUpdate:value": t[0] || (t[0] = (d) => e.value.width = d)
+          }, null, 8, ["value"])
+        ]),
+        _: 1
+      }, 8, ["label"]);
+    };
+  }
+});
+export {
+  b as default
+};
+//# sourceMappingURL=left-editor.vue2.js.map

package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/left-editor.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"left-editor.vue2.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-vf-dialog/left-editor.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"i18nt('designer.setting.dialogWidth')\">\n        <a-input type=\"text\" v-model:value=\"optionModel.width\" />\n    </a-form-item>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n\n    defineOptions({\n        name: EditorTypeEnum.leftEditor\n    });\n\n    const { i18nt } = useI18n();\n\n    const optionModel = defineModel('optionModel', {\n        type: Object,\n        required: true,\n        default: () => ({ width: '' })\n    });\n</script>\n\n<style scoped></style>\n"],"names":["i18nt","useI18n","optionModel","_useModel","__props","_createBlock","_component_a_form_item","_unref","_createVNode","_component_a_input","_cache","$event"],"mappings":";;;;;;;;;;;;;;;;AAcI,UAAM,EAAE,OAAAA,EAAA,IAAUC,EAAA,GAEZC,IAAcC,EAAWC,GAAC,aAI/B;;;kBAnBDC,EAEcC,GAAA;AAAA,QAFA,OAAOC,EAAAP,CAAA,EAAK,8BAAA;AAAA,MAAA;mBACtB,MAAyD;AAAA,UAAzDQ,EAAyDC,GAAA;AAAA,YAAhD,MAAK;AAAA,YAAe,OAAOP,EAAA,MAAY;AAAA,YAAZ,kBAAAQ,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAT,EAAA,MAAY,QAAKS;AAAA,UAAA;;;;;;;"}

package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/top-editor.vue.js

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

package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/top-editor.vue.js.map

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

package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/top-editor.vue2.js

@@ -0,0 +1,38 @@
+import { defineComponent as l, useModel as a, resolveComponent as o, createBlock as u, openBlock as m, unref as s, withCtx as c, createVNode as f } from "vue";
+import { useI18n as _ } from "../../../../../utils/i18n.js";
+import { EditorTypeEnum as M } from "../../../../../constants/EditorTypeEnum.js";
+const b = /* @__PURE__ */ l({
+  name: M.topEditor,
+  __name: "top-editor",
+  props: {
+    optionModel: {
+      type: Object,
+      required: !0,
+      default: () => ({ width: "" })
+    },
+    optionModelModifiers: {}
+  },
+  emits: ["update:optionModel"],
+  setup(n) {
+    const { i18nt: i } = _(), e = a(n, "optionModel");
+    return (v, t) => {
+      const p = o("a-input"), r = o("a-form-item");
+      return m(), u(r, {
+        label: s(i)("designer.setting.dialogWidth")
+      }, {
+        default: c(() => [
+          f(p, {
+            type: "text",
+            value: e.value.width,
+            "onUpdate:value": t[0] || (t[0] = (d) => e.value.width = d)
+          }, null, 8, ["value"])
+        ]),
+        _: 1
+      }, 8, ["label"]);
+    };
+  }
+});
+export {
+  b as default
+};
+//# sourceMappingURL=top-editor.vue2.js.map

package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/top-editor.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"top-editor.vue2.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-vf-dialog/top-editor.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"i18nt('designer.setting.dialogWidth')\">\n        <a-input type=\"text\" v-model:value=\"optionModel.width\" />\n    </a-form-item>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n\n    defineOptions({\n        name: EditorTypeEnum.topEditor\n    });\n\n    const { i18nt } = useI18n();\n\n    const optionModel = defineModel('optionModel', {\n        type: Object,\n        required: true,\n        default: () => ({ width: '' })\n    });\n</script>\n\n<style scoped></style>\n"],"names":["i18nt","useI18n","optionModel","_useModel","__props","_createBlock","_component_a_form_item","_unref","_createVNode","_component_a_input","_cache","$event"],"mappings":";;;;;;;;;;;;;;;;AAcI,UAAM,EAAE,OAAAA,EAAA,IAAUC,EAAA,GAEZC,IAAcC,EAAWC,GAAC,aAI/B;;;kBAnBDC,EAEcC,GAAA;AAAA,QAFA,OAAOC,EAAAP,CAAA,EAAK,8BAAA;AAAA,MAAA;mBACtB,MAAyD;AAAA,UAAzDQ,EAAyDC,GAAA;AAAA,YAAhD,MAAK;AAAA,YAAe,OAAOP,EAAA,MAAY;AAAA,YAAZ,kBAAAQ,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAT,EAAA,MAAY,QAAKS;AAAA,UAAA;;;;;;;"}

package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/width-editor.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"width-editor.vue2.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-vf-dialog/width-editor.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"i18nt('designer.setting.dialogWidth')\">\n        <a-input type=\"text\" v-model:value=\"optionModel.width\" />\n    </a-form-item>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n\n    defineOptions({\n        name: EditorTypeEnum.widthEditor\n    });\n\n    const { i18nt } = useI18n();\n\n    const optionModel = defineModel('optionModel', {\n        type: Object,\n        required: true,\n        default: () => ({ width: '' })\n    });\n\n    // export default {\n    //     name: 'width-editor',\n    //     mixins: [i18n, propertyMixin],\n    //     props: {\n    //         designer: Object,\n    //         selectedWidget: Object,\n    //         optionModel: Object\n    //     }\n    // };\n</script>\n\n<style scoped></style>\n"],"names":["i18nt","useI18n","optionModel","_useModel","__props","_createBlock","_component_a_form_item","_unref","_createVNode","_component_a_input","_cache","$event"],"mappings":";;;;;;;;;;;;;;;;AAcI,UAAM,EAAE,OAAAA,EAAA,IAAUC,EAAA,GAEZC,IAAcC,EAAWC,GAAC,aAI/B;;;kBAnBDC,EAEcC,GAAA;AAAA,QAFA,OAAOC,EAAAP,CAAA,EAAK,8BAAA;AAAA,MAAA;mBACtB,MAAyD;AAAA,UAAzDQ,EAAyDC,GAAA;AAAA,YAAhD,MAAK;AAAA,YAAe,OAAOP,EAAA,MAAY;AAAA,YAAZ,kBAAAQ,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAT,EAAA,MAAY,QAAKS;AAAA,UAAA;;;;;;;"}
+{"version":3,"file":"width-editor.vue2.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-vf-dialog/width-editor.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"i18nt('designer.setting.dialogWidth')\">\n        <a-input type=\"text\" v-model:value=\"optionModel.width\" />\n    </a-form-item>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n\n    defineOptions({\n        name: EditorTypeEnum.widthEditor\n    });\n\n    const { i18nt } = useI18n();\n\n    const optionModel = defineModel('optionModel', {\n        type: Object,\n        required: true,\n        default: () => ({ width: '' })\n    });\n</script>\n\n<style scoped></style>\n"],"names":["i18nt","useI18n","optionModel","_useModel","__props","_createBlock","_component_a_form_item","_unref","_createVNode","_component_a_input","_cache","$event"],"mappings":";;;;;;;;;;;;;;;;AAcI,UAAM,EAAE,OAAAA,EAAA,IAAUC,EAAA,GAEZC,IAAcC,EAAWC,GAAC,aAI/B;;;kBAnBDC,EAEcC,GAAA;AAAA,QAFA,OAAOC,EAAAP,CAAA,EAAK,8BAAA;AAAA,MAAA;mBACtB,MAAyD;AAAA,UAAzDQ,EAAyDC,GAAA;AAAA,YAAhD,MAAK;AAAA,YAAe,OAAOP,EAAA,MAAY;AAAA,YAAZ,kBAAAQ,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAT,EAAA,MAAY,QAAKS;AAAA,UAAA;;;;;;;"}

package/src/components/form-designer/setting-panel/property-editor/event-handler/onTableChange-editor.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as p, resolveComponent as t, createBlock as d, openBlock as c, withCtx as n, createVNode as u, unref as o, normalizeClass as f, createTextVNode as _, toDisplayString as g } from "vue";
+import { defineComponent as p, resolveComponent as t, createBlock as d, openBlock as c, withCtx as n, createVNode as u, unref as o, normalizeClass as _, createTextVNode as f, toDisplayString as g } from "vue";
 import { useI18n as b } from "../../../../../utils/i18n.js";
 import { EditorTypeEnum as h } from "../../../../../constants/EditorTypeEnum.js";
 import { useEmitter as C } from "../../../../../utils/useEmitter.js";
@@ -9,7 +9,7 @@ const y = /* @__PURE__ */ p({
     eventHandled: { type: Boolean }
   },
   setup(v) {
-    const { i18nt: a } = b(), { dispatch: r } = C(), l = ["pagination", "filters", "sorter", "currentDataSource"];
+    const { i18nt: a } = b(), { dispatch: r } = C(), l = ["pagination", "sorter", "currentDataSource"];
     return (i, e) => {
       const s = t("a-button"), m = t("a-form-item");
       return c(), d(m, {
@@ -21,11 +21,11 @@ const y = /* @__PURE__ */ p({
           u(s, {
             plain: "",
             shape: "round",
-            class: f([i.eventHandled ? "button-text-highlight" : ""]),
+            class: _([i.eventHandled ? "button-text-highlight" : ""]),
             onClick: e[0] || (e[0] = (E) => o(r)("SettingPanel", "editEventHandler", ["onTableChange", [...l]]))
           }, {
             default: n(() => [
-              _(g(o(a)("designer.setting.addEventHandler")), 1)
+              f(g(o(a)("designer.setting.addEventHandler")), 1)
             ]),
             _: 1
           }, 8, ["class"])

package/src/components/form-designer/setting-panel/property-editor/event-handler/onTableChange-editor.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"onTableChange-editor.vue2.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/event-handler/onTableChange-editor.vue"],"sourcesContent":["<template>\n    <a-form-item label=\"onTableChange\" labelAlign=\"left\" label-width=\"150px\">\n        <a-button\n            plain\n            shape=\"round\"\n            :class=\"[eventHandled ? 'button-text-highlight' : '']\"\n            @click=\"\n                dispatch('SettingPanel', 'editEventHandler', ['onTableChange', [...eventParams]])\n            \"\n        >\n            {{ i18nt('designer.setting.addEventHandler') }}</a-button\n        >\n    </a-form-item>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n    import { useEmitter } from '@/utils/useEmitter';\n\n    defineOptions({\n        name: EditorTypeEnum.onTableChangeEditor\n    });\n\n    const { eventHandled } = defineProps<{\n        eventHandled: boolean;\n    }>();\n\n    const { i18nt } = useI18n();\n    const { dispatch } = useEmitter();\n\n    const eventParams = ['pagination', 'filters', 'sorter', 'currentDataSource'];\n</script>\n"],"names":["i18nt","useI18n","dispatch","useEmitter","eventParams","_createBlock","_component_a_form_item","_createVNode","_component_a_button","eventHandled","_cache","$event","_unref"],"mappings":";;;;;;;;;;;AA4BI,UAAM,EAAE,OAAAA,EAAA,IAAUC,EAAA,GACZ,EAAE,UAAAC,EAAA,IAAaC,EAAA,GAEfC,IAAc,CAAC,cAAc,WAAW,UAAU,mBAAmB;;;kBA9B3EC,EAWcC,GAAA;AAAA,QAXD,OAAM;AAAA,QAAgB,YAAW;AAAA,QAAO,eAAY;AAAA,MAAA;mBAC7D,MASC;AAAA,UATDC,EASCC,GAAA;AAAA,YARG,OAAA;AAAA,YACA,OAAM;AAAA,YACL,UAAQC,EAAAA,eAAY,0BAAA,EAAA,CAAA;AAAA,YACpB,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAmBC,EAAAV,CAAA,4DAAmEE,CAAW,CAAA,CAAA;AAAA,UAAA;uBAIvG,MAA+C;AAAA,kBAA5CQ,EAAAZ,CAAA,EAAK,kCAAA,CAAA,GAAA,CAAA;AAAA,YAAA;;;;;;;;;"}
+{"version":3,"file":"onTableChange-editor.vue2.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/event-handler/onTableChange-editor.vue"],"sourcesContent":["<template>\n    <a-form-item label=\"onTableChange\" labelAlign=\"left\" label-width=\"150px\">\n        <a-button\n            plain\n            shape=\"round\"\n            :class=\"[eventHandled ? 'button-text-highlight' : '']\"\n            @click=\"\n                dispatch('SettingPanel', 'editEventHandler', ['onTableChange', [...eventParams]])\n            \"\n        >\n            {{ i18nt('designer.setting.addEventHandler') }}</a-button\n        >\n    </a-form-item>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n    import { useEmitter } from '@/utils/useEmitter';\n\n    defineOptions({\n        name: EditorTypeEnum.onTableChangeEditor\n    });\n\n    const { eventHandled } = defineProps<{\n        eventHandled: boolean;\n    }>();\n\n    const { i18nt } = useI18n();\n    const { dispatch } = useEmitter();\n\n    const eventParams = ['pagination', 'sorter', 'currentDataSource'];\n</script>\n"],"names":["i18nt","useI18n","dispatch","useEmitter","eventParams","_createBlock","_component_a_form_item","_createVNode","_component_a_button","eventHandled","_cache","$event","_unref"],"mappings":";;;;;;;;;;;AA4BI,UAAM,EAAE,OAAAA,EAAA,IAAUC,EAAA,GACZ,EAAE,UAAAC,EAAA,IAAaC,EAAA,GAEfC,IAAc,CAAC,cAAc,UAAU,mBAAmB;;;kBA9BhEC,EAWcC,GAAA;AAAA,QAXD,OAAM;AAAA,QAAgB,YAAW;AAAA,QAAO,eAAY;AAAA,MAAA;mBAC7D,MASC;AAAA,UATDC,EASCC,GAAA;AAAA,YARG,OAAA;AAAA,YACA,OAAM;AAAA,YACL,UAAQC,EAAAA,eAAY,0BAAA,EAAA,CAAA;AAAA,YACpB,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAmBC,EAAAV,CAAA,4DAAmEE,CAAW,CAAA,CAAA;AAAA,UAAA;uBAIvG,MAA+C;AAAA,kBAA5CQ,EAAAZ,CAAA,EAAK,kCAAA,CAAA,GAAA,CAAA;AAAA,YAAA;;;;;;;;;"}