@kp-ui/lowcode 2.16.0-alpha.9 → 2.16.1

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                <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                <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":";;;;;;;;;;;AA6JI,UAAM,EAAE,YAAAA,EAAA,IAAeC,GAAA,GAUjB,EAAE,OAAAC,EAAA,IAAUC,GAAA,GACZC,IAAWC,EAA0B,YAAYC,EAAI,CAAA,CAAkB,CAAC,GAExEC,IAAoBF,EAAkB,mBAAmB,GACzDG,IAAiBD,IAAoBA,EAAA,IAAsB,CAAA,GAG3DE,IAAOH,EAAmB,YAAY,GACtCI,IAAYJ,EAAI,EAAE,GAClBK,IAAQL,EAAI,EAAE,GACdM,IAAoBN,EAAI,EAAK,GAC7BO,IAAcP,EAAI,EAAE,GACpBQ,IAA0BR,EAAI,CAAC,KAAK,GAAG,CAAC,GACxCS,IAAcT,EAAI,EAAE,GACpBU,IAAeV,EAAc,EAAE,GAC/BW,IAAuBX,EAAI,EAAE,GAG7BY,IAAgBZ,EAAS,IAAI,GAG7Ba,IAAwB;AAAA,MAC1B,EAAE,OAAO,WAAW,OAAO,SAAA;AAAA,MAC3B,EAAE,OAAO,SAAS,OAAO,QAAA;AAAA,MACzB,EAAE,OAAO,SAAS,OAAO,QAAA;AAAA,IAAQ,GAG/BC,IAA8B;AAAA,MAChC,eAAe;AAAA,MACf,eAAe;AAAA,MACf,iBAAiB;AAAA,MACjB,qBAAqB;AAAA,MACrB,gBAAgB;AAAA,MAChB,kBACI;AAAA;AAAA,IAAA,GAKFC,IAAuB,CAACC,MAAkB;AAC5C,MAAAtB,EAAW,MAAMU,EAAU,KAAK,IAAIY;AAAA,IACxC,GAEMC,IAAkB,CAACC,MAA4B;AACjD,MAAAd,EAAU,QAAQc,EAAO,WACzBf,EAAK,QAAQe,EAAO,MACpBZ,EAAkB,QAAQY,EAAO,mBACjCP,EAAqB,QAAQjB,EAAW,MAAMwB,EAAO,SAAS,GAC9Db,EAAM,QAAQa,EAAO,SAAStB,EAAM,yCAAyC,GAC7EW,EAAY,QAAQW,EAAO,eAAe,IAC1CN,EAAc,MAAM,KAAA;AAAA,IACxB,GAEMO,IAAsB,CAACf,MAClB,CAAC,CAACV,EAAW,MAAMU,CAAS,KAAKV,EAAW,MAAMU,CAAS,EAAE,SAAS,GAG3EgB,IAAoB,MAClBlB,EAAe,kBAAqB,SAC7B,KAEJ,CAAC,CAACA,EAAe,eAGtBmB,IAAkB,MAAM;AAC1B,YAAMC,IAAS,UACTC,IAASd,EAAY,MAAM,MAAMa,CAAM,GACvCE,IAAyB,CAAA;AAE/B,MAAMD,KAAUA,EAAO,SAAS,KAC5BA,EAAO,QAAQ,CAAAE,MAAS;AACpB,cAAMC,IAAaD,EAAM,MAAM,GAAG;AAClC,QAAIC,EAAW,SAAS,KACpBA,EAAW,QAAQ,CAAAC,MAAS;AACxB,gBAAMC,IAASD,EAAM,KAAA;AACrB,cAAIC,EAAO,QAAQ,KAAK,CAAC,MAAM,IAAI;AAE/B,kBAAMC,IAAWD,EAAO;AAAA,cACpBA,EAAO,QAAQ,GAAG,IAAI;AAAA,cACtBA,EAAO,QAAQ,KAAK,CAAC;AAAA,YAAA;AAEzB,YAAMC,KACFL,EAAa,KAAKK,EAAS,MAAM;AAAA,UAEzC,WAAWD,EAAO,QAAQ,GAAG,MAAM,IAAI;AAEnC,kBAAMC,IAAWD,EAAO;AAAA,cACpBA,EAAO,QAAQ,GAAG,IAAI;AAAA,cACtBA,EAAO,QAAQ,GAAG;AAAA,YAAA;AAEtB,YAAMC,KACFL,EAAa,KAAKK,EAAS,MAAM;AAAA,UAEzC,WACQD,EAAO,QAAQ,GAAG,MAAM,IAAI;AAE5B,kBAAMC,IAAWD,EAAO;AAAA,cACpBA,EAAO,QAAQ,GAAG,IAAI;AAAA,cACtBA,EAAO,QAAQ,GAAG;AAAA,YAAA;AAEtB,YAAAJ,EAAa,KAAKK,EAAS,MAAM;AAAA,UACrC,OAAO;AACH,kBAAMA,IAAWD,EAAO,UAAUA,EAAO,QAAQ,GAAG,IAAI,CAAC;AACzD,YAAAJ,EAAa,KAAKK,EAAS,MAAM;AAAA,UACrC;AAAA,QAER,CAAC;AAAA,MAET,CAAC;AAAA,IAIT;AAGA,WAAAC,EAAU,MAAM;AAEZ,MAAAhC,EAAS,MAAM,YAAY,sBAAsB,MAAM;AACnD,QAAAW,EAAY,QAAQf,EAAW,MAAM,SACrCqC,EAAsBtB,EAAY,KAAK,GACvCY,EAAA,GACAvB,EAAS,MAAM,UAAU,oBAAoBkC,EAAUtB,EAAa,KAAK,CAAC;AAAA,MAC9E,CAAC,GAID,WAAW,MAAM;AACb,QAAAD,EAAY,QAAQf,EAAW,MAAM,SACrCqC,EAAsBtB,EAAY,KAAK,GACvCY,EAAA,GACAvB,EAAS,MAAM,UAAU,oBAAoBkC,EAAUtB,EAAa,KAAK,CAAC;AAAA,MAC9E,GAAG,IAAI;AAAA,IACX,CAAC;;;QA1SDuB,EAwHSC,GAAA;AAAA,UAvHJ,OAAOC,EAAAzC,CAAA;AAAA,UACR,YAAW;AAAA,UACX,eAAY;AAAA,UACZ,OAAM;AAAA,UACL,4BAAD,MAAA;AAAA,UAAA,GAAe,CAAA,SAAA,CAAA;AAAA,QAAA;qBAEf,MAgHa;AAAA,YAhHbuC,EAgHaG,GAAA;AAAA,cAhHO,WAAW5B,EAAA;AAAA,2DAAAA,EAAuB,QAAA6B;AAAA,cAAE,OAAM;AAAA,YAAA;yBAC1D,MA4FmB;AAAA,gBA5FnBJ,EA4FmBK,GAAA;AAAA,kBA5FD,KAAI;AAAA,kBAAK,QAAQH,EAAAvC,CAAA,EAAK,uBAAA;AAAA,gBAAA;6BACpC,MAOc;AAAA,oBAPdqC,EAOcM,GAAA;AAAA,sBAPA,OAAOJ,EAAAvC,CAAA,EAAK,2BAAA;AAAA,oBAAA;iCACtB,MAKE;AAAA,wBALFqC,EAKEO,GAAA;AAAA,0BAJU,OAAOL,EAAAzC,CAAA,EAAW;AAAA,0BAAX,kBAAA+C,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAJ,MAAAF,EAAAzC,CAAA,EAAW,OAAI2C;AAAA,0BAC7B,SAASxB;AAAA,0BACV,YAAA;AAAA,0BACA,OAAA,EAAA,OAAA,QAAA;AAAA,wBAAA;;;;oBAGRoB,EAYcM,GAAA;AAAA,sBAZA,OAAOJ,EAAAvC,CAAA,EAAK,gCAAA;AAAA,oBAAA;iCACtB,MAUgB;AAAA,wBAVhBqC,EAUgBS,GAAA;AAAA,0BATJ,OAAOP,EAAAzC,CAAA,EAAW;AAAA,0BAAX,kBAAA+C,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAJ,MAAAF,EAAAzC,CAAA,EAAW,gBAAa2C;AAAA,0BACvC,OAAM;AAAA,wBAAA;qCAEN,MAEiB;AAAA,4BAFjBJ,EAEiBU,GAAA,EAFD,OAAM,gBAAY;AAAA,yCAC9B,MAA0C;AAAA,oCAAvCR,EAAAvC,CAAA,EAAK,6BAAA,CAAA,GAAA,CAAA;AAAA,8BAAA;;;4BAEZqC,EAEiBU,GAAA,EAFD,OAAM,cAAU;AAAA,yCAC5B,MAAwC;AAAA,oCAArCR,EAAAvC,CAAA,EAAK,2BAAA,CAAA,GAAA,CAAA;AAAA,8BAAA;;;;;;;;;oBAIpBqC,EAScM,GAAA;AAAA,sBATA,OAAOJ,EAAAvC,CAAA,EAAK,6BAAA;AAAA,oBAAA;iCACtB,MAOgB;AAAA,wBAPhBqC,EAOgBS,GAAA;AAAA,0BAPO,OAAOP,EAAAzC,CAAA,EAAW;AAAA,0BAAX,kBAAA+C,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAJ,MAAAF,EAAAzC,CAAA,EAAW,aAAU2C;AAAA,0BAAE,OAAM;AAAA,wBAAA;qCACvD,MAEiB;AAAA,4BAFjBJ,EAEiBU,GAAA,EAFD,OAAM,UAAM;AAAA,yCACxB,MAAyC;AAAA,oCAAtCR,EAAAvC,CAAA,EAAK,4BAAA,CAAA,GAAA,CAAA;AAAA,8BAAA;;;4BAEZqC,EAEiBU,GAAA,EAFD,OAAM,WAAO;AAAA,yCACzB,MAA0C;AAAA,oCAAvCR,EAAAvC,CAAA,EAAK,6BAAA,CAAA,GAAA,CAAA;AAAA,8BAAA;;;;;;;;;oBAIpBqC,EAOcM,GAAA;AAAA,sBAPA,OAAOJ,EAAAvC,CAAA,EAAK,6BAAA;AAAA,oBAAA;iCACtB,MAKE;AAAA,wBALFqC,EAKEW,GAAA;AAAA,0BAJU,OAAOT,EAAAzC,CAAA,EAAW;AAAA,0BAAX,kBAAA+C,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAJ,MAAAF,EAAAzC,CAAA,EAAW,aAAU2C;AAAA,0BACnC,KAAK;AAAA,0BACN,OAAA,EAAA,OAAA,OAAA;AAAA,0BACA,YAAA;AAAA,wBAAA;;;;oBAGRJ,EAecM,GAAA;AAAA,sBAfA,OAAOJ,EAAAvC,CAAA,EAAK,0BAAA;AAAA,oBAAA;iCACtB,MAaW;AAAA,wBAbXqC,EAaWY,GAAA;AAAA,0BAZP,OAAM;AAAA,0BACL,SAAKJ,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAJ,MAA+BpB,EAAe;AAAA;;;mCAAuMkB,EAAAvC,CAAA,EAAK,0BAAA;AAAA,0BAAA;0BAQ/P,OAAKkD,EAAA,CAAA,EAAA,yBAAA,CAAA,CAAgCX,EAAAzC,CAAA,EAAW,SAAO,CAAA;AAAA,wBAAA;qCAExD,MAAsC;AAAA,gCAAnCyC,EAAAvC,CAAA,EAAK,yBAAA,CAAA,GAAA,CAAA;AAAA,0BAAA;;;;;;oBAIhBqC,EAQcM,GAAA;AAAA,sBARA,OAAOJ,EAAAvC,CAAA,EAAK,8BAAA;AAAA,oBAAA;iCACtB,MAME;AAAA,wBANFqC,EAMEO,GAAA;AAAA,0BALU,OAAOL,EAAAzC,CAAA,EAAW;AAAA,0BAAX,kBAAA+C,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAJ,MAAAF,EAAAzC,CAAA,EAAW,cAAW2C;AAAA,0BACrC,YAAA;AAAA,0BACA,MAAK;AAAA,0BACJ,UAAQhB;AAAA,0BACR,SAASX,EAAA;AAAA,wBAAA;;;;oBAIlBuB,EAecM,GAAA;AAAA,sBAfA,OAAOJ,EAAAvC,CAAA,EAAK,kCAAA;AAAA,oBAAA;iCACtB,MAaW;AAAA,wBAbXqC,EAaWY,GAAA;AAAA,0BAZN,OAAKC,EAAA,CAAA,EAAA,yBAAA,CAAA,CAAgCX,EAAAzC,CAAA,EAAW,UAAA,CAAS,CAAA;AAAA,0BAC1D,OAAM;AAAA,0BACL,SAAK+C,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAJ,MAA+BpB,EAAe;AAAA;;;mCAAgNkB,EAAAvC,CAAA,EAAK,kCAAA;AAAA,0BAAA;;qCASzQ,MAA+C;AAAA,gCAA5CuC,EAAAvC,CAAA,EAAK,kCAAA,CAAA,GAAA,CAAA;AAAA,0BAAA;;;;;;oBAWhBqC,EAA8Cc,IAAA,EAA3B,aAAaZ,EAAAzC,CAAA,EAAA,GAAU,MAAA,GAAA,CAAA,aAAA,CAAA;AAAA,kBAAA;;;gBAIpC0B,YADV4B,GAgBmBV,GAAA;AAAA,kBAdf,KAAI;AAAA,kBACJ,OAAM;AAAA,kBACL,QAAQH,EAAAvC,CAAA,EAAK,uBAAA;AAAA,gBAAA;6BAIV,MAAsC;AAAA,qBAF1CqD,EAAA,GAAAC,EASEC,GAAA,MAAAC,GAPyBtC,GAAc,CAA7BE,GAAOqC,MAFnBpB,EASEqB,IAAA;AAAA,sBARG,aAAYrC;AAAA,sBAEZ,KAAAoC;AAAA,sBACA,cAAYA;AAAA,sBACL,OAAOlB,EAAAzC,CAAA,EAAW2D,CAAG;AAAA,sBAAd,kBAAA,CAAAhB,MAAAF,EAAAzC,CAAA,EAAW2D,CAAG,IAAAhB;AAAA,sBAC5B,0BAAwBlB;AAAA,sBACxB,oBAAkBL;AAAA,sBAClB,eAAaqB,EAAAzC,CAAA;AAAA,oBAAA;;;;;;;;;;QAM9BuC,EAUsBsB,GAAA,EAVH,eAAc,YAAQ;AAAA,qBACrC,MASF;AAAA,YATEtB,EASFE,EAAAqB,EAAA,GAAA;AAAA,cARO,mBAAmBlD,EAAA;AAAA,uBAChB;AAAA,cAAJ,KAAIM;AAAA,cACH,gBAAcL,EAAA;AAAA,0BACNI,EAAA;AAAA,4DAAAA,EAAoB,QAAA0B;AAAA,cAC5B,MAAMlC,EAAA;AAAA,cACN,UAAU;AAAA,cACV,OAAOE,EAAA;AAAA,cACP,WAAUU;AAAA,YAAA;;;;;;;;"}
+{"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/container-vf-dialog/height-editor.vue2.js

@@ -1,9 +1,8 @@
-import { defineComponent as a, useModel as d, resolveComponent as o, createBlock as s, openBlock as c, unref as n, withCtx as f, createVNode as _ } from "vue";
-import { useI18n as h } from "../../../../../utils/i18n.js";
-import { EditorTypeEnum as M } from "../../../../../constants/EditorTypeEnum.js";
-import { useEditor as b } from "../useEditor.js";
-const y = /* @__PURE__ */ a({
-  name: M.heightEditor,
+import { defineComponent as a, useModel as u, resolveComponent as o, createBlock as m, openBlock as d, unref as s, withCtx as c, createVNode as f } from "vue";
+import { useI18n as _ } from "../../../../../utils/i18n.js";
+import { EditorTypeEnum as h } from "../../../../../constants/EditorTypeEnum.js";
+const C = /* @__PURE__ */ a({
+  name: h.heightEditor,
   __name: "height-editor",
   props: {
     optionModel: {
@@ -14,20 +13,19 @@ const y = /* @__PURE__ */ a({
     optionModelModifiers: {}
   },
   emits: ["update:optionModel"],
-  setup(r) {
-    const e = d(r, "optionModel"), { i18nt: i } = h(), { inputNumberHandler: p } = b();
-    return (v, t) => {
-      const u = o("a-input-number"), l = o("a-form-item");
-      return c(), s(l, {
-        label: n(i)("height") + "(px)"
+  setup(n) {
+    const e = u(n, "optionModel"), { i18nt: i } = _();
+    return (M, t) => {
+      const p = o("a-input"), r = o("a-form-item");
+      return d(), m(r, {
+        label: s(i)("height") + "(px)"
       }, {
-        default: f(() => [
-          _(u, {
+        default: c(() => [
+          f(p, {
             type: "text",
             value: e.value.height,
-            "onUpdate:value": t[0] || (t[0] = (m) => e.value.height = m),
-            onInput: n(p)
-          }, null, 8, ["value", "onInput"])
+            "onUpdate:value": t[0] || (t[0] = (l) => e.value.height = l)
+          }, null, 8, ["value"])
         ]),
         _: 1
       }, 8, ["label"]);
@@ -35,6 +33,6 @@ const y = /* @__PURE__ */ a({
   }
 });
 export {
-  y as default
+  C as default
 };
 //# sourceMappingURL=height-editor.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"height-editor.vue2.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-vf-dialog/height-editor.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"i18nt('height') + '(px)'\">\n        <a-input-number\n            type=\"text\"\n            v-model:value=\"optionModel.height\"\n            @input=\"inputNumberHandler\"\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 { useEditor } from '../useEditor';\n\n    defineOptions({\n        name: EditorTypeEnum.heightEditor\n    });\n\n    const optionModel = defineModel('optionModel', {\n        type: Object,\n        required: true,\n        default: () => ({ customClass: '' })\n    });\n\n    const { i18nt } = useI18n();\n    const { inputNumberHandler } = useEditor();\n    // export default {\n    //     name: 'height-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":["optionModel","_useModel","__props","i18nt","useI18n","inputNumberHandler","useEditor","_createBlock","_component_a_form_item","_unref","_createVNode","_component_a_input_number","_cache","$event"],"mappings":";;;;;;;;;;;;;;;;;AAmBI,UAAMA,IAAcC,EAAWC,GAAC,aAI/B,GAEK,EAAE,OAAAC,EAAA,IAAUC,EAAA,GACZ,EAAE,oBAAAC,EAAA,IAAuBC,EAAA;;;kBAzB/BC,EAMcC,GAAA;AAAA,QANA,OAAOC,EAAAN,CAAA,EAAK,QAAA,IAAA;AAAA,MAAA;mBACtB,MAIE;AAAA,UAJFO,EAIEC,GAAA;AAAA,YAHE,MAAK;AAAA,YACG,OAAOX,EAAA,MAAY;AAAA,YAAZ,kBAAAY,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAb,EAAA,MAAY,SAAMa;AAAA,YAChC,SAAOJ,EAAAJ,CAAA;AAAA,UAAA;;;;;;;"}
+{"version":3,"file":"height-editor.vue2.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-vf-dialog/height-editor.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"i18nt('height') + '(px)'\">\n        <a-input type=\"text\" v-model:value=\"optionModel.height\" />\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.heightEditor\n    });\n\n    const optionModel = defineModel('optionModel', {\n        type: Object,\n        required: true,\n        default: () => ({ customClass: '' })\n    });\n\n    const { i18nt } = useI18n();\n</script>\n\n<style scoped></style>\n"],"names":["optionModel","_useModel","__props","i18nt","useI18n","_createBlock","_component_a_form_item","_unref","_createVNode","_component_a_input","_cache","$event"],"mappings":";;;;;;;;;;;;;;;;AAcI,UAAMA,IAAcC,EAAWC,GAAC,aAI/B,GAEK,EAAE,OAAAC,EAAA,IAAUC,EAAA;;;kBAnBlBC,EAEcC,GAAA;AAAA,QAFA,OAAOC,EAAAJ,CAAA,EAAK,QAAA,IAAA;AAAA,MAAA;mBACtB,MAA0D;AAAA,UAA1DK,EAA0DC,GAAA;AAAA,YAAjD,MAAK;AAAA,YAAe,OAAOT,EAAA,MAAY;AAAA,YAAZ,kBAAAU,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAX,EAAA,MAAY,SAAMW;AAAA,UAAA;;;;;;;"}

package/src/components/form-render/container-items/data-table-widget.vue.js

@@ -1,8 +1,8 @@
 import t from "./data-table-widget.vue2.js";
 /* empty css                       */
-import o from "../../../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ o(t, [["__scopeId", "data-v-71dd043b"]]);
+import a from "../../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ a(t, [["__scopeId", "data-v-e792a706"]]);
 export {
-  e as default
+  m as default
 };
 //# sourceMappingURL=data-table-widget.vue.js.map

package/src/components/form-render/container-items/data-table-widget.vue2.js

@@ -31,7 +31,7 @@ const te = /* @__PURE__ */ N({
       onRunEvent: a,
       onSortChange: S,
       onCheckboxChange: x,
-      tableDefinExpoed: T
+      tableDefinExpoed: E
     } = U({
       props: t,
       fieldModel: f
@@ -43,7 +43,7 @@ const te = /* @__PURE__ */ N({
     }), s.value.onChange = (e, F) => {
       l();
     };
-    const { tableRef: n, register: E, selectedRowInfo: i, sorts: c, selectRow: y, delSelectRow: D } = G({
+    const { tableRef: n, register: T, selectedRowInfo: i, sorts: c, selectRow: y, delSelectRow: D } = G({
       props: {
         rowKey: t.field.options.rowKey,
         hasRowSelection: (d = t.field.options.rowSelection) == null ? void 0 : d.hasRowSelection,
@@ -64,12 +64,10 @@ const te = /* @__PURE__ */ N({
     return p(() => {
       n.value && v(n.value);
     }), W(() => {
-      setTimeout(() => {
-        l();
-      }, 1e3);
+      l();
     }), m({
       ...w,
-      ...T,
+      ...E,
       delSelectRow: D,
       getFieldEditor: M,
       selectRow: y,
@@ -87,7 +85,7 @@ const te = /* @__PURE__ */ N({
           style: H({ width: o(h) })
         }, [
           O(o(J), {
-            onRegister: o(E),
+            onRegister: o(T),
             tableProps: o(R),
             loading: o(C),
             pagination: o(s)

package/src/components/form-render/container-items/data-table-widget.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/data-table-widget.vue"],"sourcesContent":["<template>\n    <container-wrapper v-bind=\"props\" :customClass=\"customClass\" v-if=\"!handleHidden\">\n        <div class=\"talbe-wrapper\" :style=\"{ width: tableWidth }\">\n            <Table\n                @register=\"register\"\n                :tableProps=\"tableProps\"\n                :loading=\"isLoading\"\n                :pagination=\"pagintion\"\n            />\n        </div>\n    </container-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import ContainerWrapper from './container-wrapper.vue';\n    import { ContainerTypeEnum, ComponentNameEnum } from '@/constants/WidgetTypeEnum';\n    import { onMounted, watchEffect } from 'vue';\n    import { useVxeTable, Table } from 'tmgc2-share';\n    import { WidgetProps } from '@/components/form-designer/form-widget/container-widget/useContainerWidget';\n    import { DataTableWidget } from '@/components/form-designer/widget-panel/advanced';\n    import { useField } from '@/components/form-designer/form-widget/field-widget/useField';\n    import { useTableWidget } from '@/components/form-designer/form-widget/container-widget/useTableWidget';\n\n    const props = defineProps<WidgetProps<DataTableWidget>>();\n    defineOptions({\n        name: ContainerTypeEnum.DataTable,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n\n    const { fieldModel, handleHidden, defineExposed, customClass } = useField(props);\n\n    const {\n        isLoading,\n        tableProps,\n        tableWidth,\n        pagintion,\n        setPagination,\n        setTableRef,\n        initTableSoureData,\n        handleTableChange,\n        onRunEvent,\n        onSortChange,\n        onCheckboxChange,\n        tableDefinExpoed\n    } = useTableWidget({\n        props,\n        fieldModel\n    });\n\n    watchEffect(() => {\n        if (!props.field.options.showPagination) {\n            setPagination({\n                total: 0\n            });\n        }\n    });\n\n    pagintion.value.onChange = (current, pageSize) => {\n        initTableSoureData();\n    };\n\n    const { tableRef, register, selectedRowInfo, sorts, selectRow, delSelectRow } = useVxeTable({\n        props: {\n            rowKey: props.field.options.rowKey,\n            hasRowSelection: props.field.options.rowSelection?.hasRowSelection,\n            clickRowCheck: props.field.options.colorRow\n        },\n        events: {\n            dataChange: params => handleTableChange({ sorts: sorts.value }),\n            cellDblclick: params => onRunEvent(params, 'onDblclick'),\n            cellMouseenter: params => onRunEvent(params, 'onMouseenter'),\n            cellMouseleave: params => onRunEvent(params, 'onMouseleave')\n        },\n        callbacks: {\n            onCheckboxChange,\n            onSortChange,\n            cellClick: params => onRunEvent(params, 'onClick')\n        }\n    });\n\n    const getSelectedRowKeys = () => {\n        return selectedRowInfo.value.selectedRowKeys;\n    };\n\n    const getSelectedRows = () => {\n        return selectedRowInfo.value.selectedRows;\n    };\n\n    /**\n     * 获取字段编辑器\n     * @returns 字段编辑器\n     */\n    const getFieldEditor = () => {\n        // 获取内置的el表单组件\n        return tableRef.value;\n    };\n\n    watchEffect(() => {\n        if (tableRef.value) {\n            setTableRef(tableRef.value);\n        }\n    });\n\n    onMounted(() => {\n        setTimeout(() => {\n            initTableSoureData();\n        }, 1000);\n    });\n\n    defineExpose({\n        ...defineExposed,\n        ...tableDefinExpoed,\n        delSelectRow,\n        getFieldEditor,\n        selectRow,\n        getSelectedRowKeys,\n        getSelectedRows,\n        setPagination,\n        sorts,\n        selectedRowInfo,\n        loadDataTableDataSource: initTableSoureData,\n        fieldEditor: tableRef\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    .talbe-wrapper {\n        width: 100%;\n        .vxe-grid {\n            width: 100%;\n        }\n        &__pagination {\n            margin-top: 10px;\n            display: flex;\n            justify-content: end;\n        }\n    }\n</style>\n"],"names":["props","__props","fieldModel","handleHidden","defineExposed","customClass","useField","isLoading","tableProps","tableWidth","pagintion","setPagination","setTableRef","initTableSoureData","handleTableChange","onRunEvent","onSortChange","onCheckboxChange","tableDefinExpoed","useTableWidget","watchEffect","current","pageSize","tableRef","register","selectedRowInfo","sorts","selectRow","delSelectRow","useVxeTable","_a","params","getSelectedRowKeys","getSelectedRows","getFieldEditor","onMounted","__expose","_unref","_openBlock","_createBlock","ContainerWrapper","_mergeProps","_createElementVNode","_createVNode","Table"],"mappings":"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"}
+{"version":3,"file":"data-table-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/data-table-widget.vue"],"sourcesContent":["<template>\n    <container-wrapper v-bind=\"props\" :customClass=\"customClass\" v-if=\"!handleHidden\">\n        <div class=\"talbe-wrapper\" :style=\"{ width: tableWidth }\">\n            <Table\n                @register=\"register\"\n                :tableProps=\"tableProps\"\n                :loading=\"isLoading\"\n                :pagination=\"pagintion\"\n            />\n        </div>\n    </container-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import ContainerWrapper from './container-wrapper.vue';\n    import { ContainerTypeEnum, ComponentNameEnum } from '@/constants/WidgetTypeEnum';\n    import { onMounted, watchEffect } from 'vue';\n    import { useVxeTable, Table } from 'tmgc2-share';\n    import { WidgetProps } from '@/components/form-designer/form-widget/container-widget/useContainerWidget';\n    import { DataTableWidget } from '@/components/form-designer/widget-panel/advanced';\n    import { useField } from '@/components/form-designer/form-widget/field-widget/useField';\n    import { useTableWidget } from '@/components/form-designer/form-widget/container-widget/useTableWidget';\n\n    const props = defineProps<WidgetProps<DataTableWidget>>();\n    defineOptions({\n        name: ContainerTypeEnum.DataTable,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n\n    const { fieldModel, handleHidden, defineExposed, customClass } = useField(props);\n\n    const {\n        isLoading,\n        tableProps,\n        tableWidth,\n        pagintion,\n        setPagination,\n        setTableRef,\n        initTableSoureData,\n        handleTableChange,\n        onRunEvent,\n        onSortChange,\n        onCheckboxChange,\n        tableDefinExpoed\n    } = useTableWidget({\n        props,\n        fieldModel\n    });\n\n    watchEffect(() => {\n        if (!props.field.options.showPagination) {\n            setPagination({\n                total: 0\n            });\n        }\n    });\n\n    pagintion.value.onChange = (current, pageSize) => {\n        initTableSoureData();\n    };\n\n    const { tableRef, register, selectedRowInfo, sorts, selectRow, delSelectRow } = useVxeTable({\n        props: {\n            rowKey: props.field.options.rowKey,\n            hasRowSelection: props.field.options.rowSelection?.hasRowSelection,\n            clickRowCheck: props.field.options.colorRow\n        },\n        events: {\n            dataChange: params => handleTableChange({ sorts: sorts.value }),\n            cellDblclick: params => onRunEvent(params, 'onDblclick'),\n            cellMouseenter: params => onRunEvent(params, 'onMouseenter'),\n            cellMouseleave: params => onRunEvent(params, 'onMouseleave')\n        },\n        callbacks: {\n            onCheckboxChange,\n            onSortChange,\n            cellClick: params => onRunEvent(params, 'onClick')\n        }\n    });\n\n    const getSelectedRowKeys = () => {\n        return selectedRowInfo.value.selectedRowKeys;\n    };\n\n    const getSelectedRows = () => {\n        return selectedRowInfo.value.selectedRows;\n    };\n\n    /**\n     * 获取字段编辑器\n     * @returns 字段编辑器\n     */\n    const getFieldEditor = () => {\n        // 获取内置的el表单组件\n        return tableRef.value;\n    };\n\n    watchEffect(() => {\n        if (tableRef.value) {\n            setTableRef(tableRef.value);\n        }\n    });\n\n    onMounted(() => {\n        initTableSoureData();\n    });\n\n    defineExpose({\n        ...defineExposed,\n        ...tableDefinExpoed,\n        delSelectRow,\n        getFieldEditor,\n        selectRow,\n        getSelectedRowKeys,\n        getSelectedRows,\n        setPagination,\n        sorts,\n        selectedRowInfo,\n        loadDataTableDataSource: initTableSoureData,\n        fieldEditor: tableRef\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    .talbe-wrapper {\n        width: 100%;\n        .vxe-grid {\n            width: 100%;\n        }\n        &__pagination {\n            margin-top: 10px;\n            display: flex;\n            justify-content: end;\n        }\n    }\n</style>\n"],"names":["props","__props","fieldModel","handleHidden","defineExposed","customClass","useField","isLoading","tableProps","tableWidth","pagintion","setPagination","setTableRef","initTableSoureData","handleTableChange","onRunEvent","onSortChange","onCheckboxChange","tableDefinExpoed","useTableWidget","watchEffect","current","pageSize","tableRef","register","selectedRowInfo","sorts","selectRow","delSelectRow","useVxeTable","_a","params","getSelectedRowKeys","getSelectedRows","getFieldEditor","onMounted","__expose","_unref","_openBlock","_createBlock","ContainerWrapper","_mergeProps","_createElementVNode","_createVNode","Table"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAuBI,UAAMA,IAAQC,GAMR,EAAE,YAAAC,GAAY,cAAAC,GAAc,eAAAC,GAAe,aAAAC,EAAA,IAAgBC,EAASN,CAAK,GAEzE;AAAA,MACF,WAAAO;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,MACA,WAAAC;AAAA,MACA,eAAAC;AAAA,MACA,aAAAC;AAAA,MACA,oBAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,YAAAC;AAAA,MACA,cAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAC;AAAA,IAAA,IACAC,EAAe;AAAA,MACf,OAAAnB;AAAA,MACA,YAAAE;AAAA,IAAA,CACH;AAED,IAAAkB,EAAY,MAAM;AACd,MAAKpB,EAAM,MAAM,QAAQ,kBACrBW,EAAc;AAAA,QACV,OAAO;AAAA,MAAA,CACV;AAAA,IAET,CAAC,GAEDD,EAAU,MAAM,WAAW,CAACW,GAASC,MAAa;AAC9C,MAAAT,EAAA;AAAA,IACJ;AAEA,UAAM,EAAE,UAAAU,GAAU,UAAAC,GAAU,iBAAAC,GAAiB,OAAAC,GAAO,WAAAC,GAAW,cAAAC,EAAA,IAAiBC,EAAY;AAAA,MACxF,OAAO;AAAA,QACH,QAAQ7B,EAAM,MAAM,QAAQ;AAAA,QAC5B,kBAAiB8B,IAAA9B,EAAM,MAAM,QAAQ,iBAApB,gBAAA8B,EAAkC;AAAA,QACnD,eAAe9B,EAAM,MAAM,QAAQ;AAAA,MAAA;AAAA,MAEvC,QAAQ;AAAA,QACJ,YAAY,CAAA+B,MAAUjB,EAAkB,EAAE,OAAOY,EAAM,OAAO;AAAA,QAC9D,cAAc,CAAAK,MAAUhB,EAAWgB,GAAQ,YAAY;AAAA,QACvD,gBAAgB,CAAAA,MAAUhB,EAAWgB,GAAQ,cAAc;AAAA,QAC3D,gBAAgB,CAAAA,MAAUhB,EAAWgB,GAAQ,cAAc;AAAA,MAAA;AAAA,MAE/D,WAAW;AAAA,QACP,kBAAAd;AAAA,QACA,cAAAD;AAAA,QACA,WAAW,CAAAe,MAAUhB,EAAWgB,GAAQ,SAAS;AAAA,MAAA;AAAA,IACrD,CACH,GAEKC,IAAqB,MAChBP,EAAgB,MAAM,iBAG3BQ,IAAkB,MACbR,EAAgB,MAAM,cAO3BS,IAAiB,MAEZX,EAAS;AAGpB,WAAAH,EAAY,MAAM;AACd,MAAIG,EAAS,SACTX,EAAYW,EAAS,KAAK;AAAA,IAElC,CAAC,GAEDY,EAAU,MAAM;AACZ,MAAAtB,EAAA;AAAA,IACJ,CAAC,GAEDuB,EAAa;AAAA,MACT,GAAGhC;AAAA,MACH,GAAGc;AAAA,MACH,cAAAU;AAAA,MACA,gBAAAM;AAAA,MACA,WAAAP;AAAA,MACA,oBAAAK;AAAA,MACA,iBAAAC;AAAA,MACA,eAAAtB;AAAA,MACA,OAAAe;AAAA,MACA,iBAAAD;AAAA,MACA,yBAAyBZ;AAAA,MACzB,aAAaU;AAAA,IAAA,CAChB,aAvHmEc,EAAAlC,CAAA,iBAApEmC,KAAAC,EASoBC,GATpBC,EASoB,EAAA,KAAA,EAAA,GATOzC,GAAK,EAAG,aAAaqC,EAAAhC,CAAA,EAAA,CAAW,GAAA;AAAA,iBACvD,MAOM;AAAA,QAPNqC,EAOM,OAAA;AAAA,UAPD,OAAM;AAAA,UAAiB,kBAAgBL,EAAA5B,CAAA,GAAU;AAAA,QAAA;UAClDkC,EAKEN,EAAAO,CAAA,GAAA;AAAA,YAJG,YAAUP,EAAAb,CAAA;AAAA,YACV,YAAYa,EAAA7B,CAAA;AAAA,YACZ,SAAS6B,EAAA9B,CAAA;AAAA,YACT,YAAY8B,EAAA3B,CAAA;AAAA,UAAA;;;;;;;"}

package/src/components/form-render/container-items/grid-widget.vue.js

@@ -1,8 +1,8 @@
 import o from "./grid-widget.vue2.js";
 import "./grid-widget.vue3.js";
 import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6254af72"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b25da3ed"]]);
 export {
-  i as default
+  e as default
 };
 //# sourceMappingURL=grid-widget.vue.js.map

package/src/components/form-render/container-items/grid-widget.vue2.js

@@ -21,7 +21,7 @@ const B = {
     designer: {}
   },
   setup(a, { expose: p }) {
-    const r = a, { handleHidden: s, defineExposed: m } = y(r);
+    const r = a, { handleHidden: s, defineExposed: m } = y(r, !1);
     return p({
       ...m
     }), (e, L) => {

package/src/components/form-render/container-items/grid-widget.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/grid-widget.vue"],"sourcesContent":["<template>\n    <container-wrapper v-bind=\"props\">\n        <div class=\"grid-container\" v-if=\"!handleHidden\">\n            <a-row :gutter=\"widget.options.gutter\">\n                <GridColWidget\n                    v-for=\"(colWidget, colIdx) in widget.cols\"\n                    :key=\"colWidget.id\"\n                    :field=\"colWidget\"\n                    :widget=\"colWidget\"\n                    :parent-list=\"widget.cols || []\"\n                    :index-of-parent-list=\"colIdx\"\n                    :parent-widget=\"widget\"\n                    :col-height=\"widget.options.colHeight\"\n                />\n            </a-row>\n        </div>\n    </container-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import ContainerWrapper from './container-wrapper.vue';\n    import GridColWidget from './grid-col-widget.vue';\n    import { ContainerTypeEnum, ComponentNameEnum } from '@/constants/WidgetTypeEnum';\n    import { WidgetProps } from '@/components/form-designer/form-widget/container-widget/useContainerWidget';\n    import { GridWidget } from '@/components/form-designer/widget-panel/containers';\n    import { useField } from '@/components/form-designer/form-widget/field-widget/useField';\n\n    const props = defineProps<WidgetProps<GridWidget> & { designer?: any }>();\n    defineOptions({\n        name: ContainerTypeEnum.grid,\n        componentName: ComponentNameEnum.ContainerWidget\n    });\n\n    const { handleHidden, defineExposed } = useField(props);\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    .grid-container {\n    }\n</style>\n"],"names":["props","__props","handleHidden","defineExposed","useField","__expose","_openBlock","_createBlock","ContainerWrapper","_unref","_createElementBlock","_hoisted_1","_createVNode","_component_a_row","widget","_Fragment","colWidget","colIdx","GridColWidget"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA2BI,UAAMA,IAAQC,GAMR,EAAE,cAAAC,GAAc,eAAAC,MAAkBC,EAASJ,CAAK;AAEtD,WAAAK,EAAa;AAAA,MACT,GAAGF;AAAA,IAAA,CACN;;AApCD,aAAAG,EAAA,GAAAC,EAeoBC,OAfOR,CAAK,CAAA,GAAA;AAAA,mBAC5B,MAaM;AAAA,UAb6BS,EAAAP,CAAA,iBAAnCI,KAAAI,EAaM,OAbNC,GAaM;AAAA,YAZFC,EAWQC,GAAA;AAAA,cAXA,QAAQC,EAAAA,OAAO,QAAQ;AAAA,YAAA;yBAEvB,MAA0C;AAAA,iBAD9CR,EAAA,EAAA,GAAAI,EASEK,WARgCD,EAAAA,OAAO,MAAI,CAAjCE,GAAWC,YADvBV,EASEW,GAAA;AAAA,kBAPG,KAAKF,EAAU;AAAA,kBACf,OAAOA;AAAA,kBACP,QAAQA;AAAA,kBACR,eAAaF,EAAAA,OAAO,QAAI,CAAA;AAAA,kBACxB,wBAAsBG;AAAA,kBACtB,iBAAeH,EAAAA;AAAAA,kBACf,cAAYA,EAAAA,OAAO,QAAQ;AAAA,gBAAA;;;;;;;;;;;"}
+{"version":3,"file":"grid-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/grid-widget.vue"],"sourcesContent":["<template>\n    <container-wrapper v-bind=\"props\">\n        <div class=\"grid-container\" v-if=\"!handleHidden\">\n            <a-row :gutter=\"widget.options.gutter\">\n                <GridColWidget\n                    v-for=\"(colWidget, colIdx) in widget.cols\"\n                    :key=\"colWidget.id\"\n                    :field=\"colWidget\"\n                    :widget=\"colWidget\"\n                    :parent-list=\"widget.cols || []\"\n                    :index-of-parent-list=\"colIdx\"\n                    :parent-widget=\"widget\"\n                    :col-height=\"widget.options.colHeight\"\n                />\n            </a-row>\n        </div>\n    </container-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import ContainerWrapper from './container-wrapper.vue';\n    import GridColWidget from './grid-col-widget.vue';\n    import { ContainerTypeEnum, ComponentNameEnum } from '@/constants/WidgetTypeEnum';\n    import { WidgetProps } from '@/components/form-designer/form-widget/container-widget/useContainerWidget';\n    import { GridWidget } from '@/components/form-designer/widget-panel/containers';\n    import { useField } from '@/components/form-designer/form-widget/field-widget/useField';\n\n    const props = defineProps<WidgetProps<GridWidget> & { designer?: any }>();\n    defineOptions({\n        name: ContainerTypeEnum.grid,\n        componentName: ComponentNameEnum.ContainerWidget\n    });\n\n    const { handleHidden, defineExposed } = useField(props, false);\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    .grid-container {\n    }\n</style>\n"],"names":["props","__props","handleHidden","defineExposed","useField","__expose","_openBlock","_createBlock","ContainerWrapper","_unref","_createElementBlock","_hoisted_1","_createVNode","_component_a_row","widget","_Fragment","colWidget","colIdx","GridColWidget"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA2BI,UAAMA,IAAQC,GAMR,EAAE,cAAAC,GAAc,eAAAC,EAAA,IAAkBC,EAASJ,GAAO,EAAK;AAE7D,WAAAK,EAAa;AAAA,MACT,GAAGF;AAAA,IAAA,CACN;;AApCD,aAAAG,EAAA,GAAAC,EAeoBC,OAfOR,CAAK,CAAA,GAAA;AAAA,mBAC5B,MAaM;AAAA,UAb6BS,EAAAP,CAAA,iBAAnCI,KAAAI,EAaM,OAbNC,GAaM;AAAA,YAZFC,EAWQC,GAAA;AAAA,cAXA,QAAQC,EAAAA,OAAO,QAAQ;AAAA,YAAA;yBAEvB,MAA0C;AAAA,iBAD9CR,EAAA,EAAA,GAAAI,EASEK,WARgCD,EAAAA,OAAO,MAAI,CAAjCE,GAAWC,YADvBV,EASEW,GAAA;AAAA,kBAPG,KAAKF,EAAU;AAAA,kBACf,OAAOA;AAAA,kBACP,QAAQA;AAAA,kBACR,eAAaF,EAAAA,OAAO,QAAI,CAAA;AAAA,kBACxB,wBAAsBG;AAAA,kBACtB,iBAAeH,EAAAA;AAAAA,kBACf,cAAYA,EAAAA,OAAO,QAAQ;AAAA,gBAAA;;;;;;;;;;;"}

package/src/components/form-render/container-items/vf-box-widget.vue.js

@@ -1,8 +1,8 @@
 import o from "./vf-box-widget.vue2.js";
 /* empty css                   */
 import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c0a4a24c"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-088ffd31"]]);
 export {
-  f as default
+  p as default
 };
 //# sourceMappingURL=vf-box-widget.vue.js.map

package/src/components/form-render/container-items/vf-box-widget.vue2.js

@@ -1,9 +1,9 @@
-import { defineComponent as a, computed as g, createBlock as s, createCommentVNode as f, unref as u, openBlock as t, normalizeProps as l, mergeProps as x, withCtx as b, createElementBlock as w, normalizeStyle as c, createVNode as R } from "vue";
+import { defineComponent as m, computed as s, createBlock as g, createCommentVNode as f, unref as l, openBlock as t, normalizeProps as u, mergeProps as x, withCtx as b, createElementBlock as w, normalizeStyle as c, createVNode as R } from "vue";
 import $ from "../RenderWigetList.vue.js";
 import v from "./container-wrapper.vue.js";
 import { ComponentNameEnum as h, ContainerTypeEnum as B } from "../../../constants/WidgetTypeEnum.js";
 import { useField as F } from "../../form-designer/form-widget/field-widget/useField.js";
-const k = /* @__PURE__ */ a({
+const k = /* @__PURE__ */ m({
   name: B.VfBoxWidget,
   componentName: h.VfBoxWidget,
   __name: "vf-box-widget",
@@ -17,24 +17,24 @@ const k = /* @__PURE__ */ a({
     subFormRowId: {}
   },
   setup(d, { expose: r }) {
-    const i = d, { handleHidden: n, defineExposed: p } = F(i), m = g(() => {
-      const o = i.widget.options.boxModel || {}, e = {};
-      return o.borderShow && (e.borderRadius = `${o.borderRadius}px`, e.border = `${o.borderStyle} ${o.borderWidth}px ${o.borderColor}`), (o.paddingTop !== void 0 || o.paddingRight !== void 0 || o.paddingBottom !== void 0 || o.paddingLeft !== void 0) && (e.padding = `${o.paddingTop || 0}px ${o.paddingRight || 0}px ${o.paddingBottom || 0}px ${o.paddingLeft || 0}px`), (o.marginTop !== void 0 || o.marginRight !== void 0 || o.marginBottom !== void 0 || o.marginLeft !== void 0) && (e.margin = `${o.marginTop || 0}px ${o.marginRight || 0}px ${o.marginBottom || 0}px ${o.marginLeft || 0}px`), e;
+    const i = d, { handleHidden: n, defineExposed: p } = F(i, !1), a = s(() => {
+      const e = i.widget.options.boxModel || {}, o = {};
+      return e.borderShow && (o.borderRadius = `${e.borderRadius}px`, o.border = `${e.borderStyle} ${e.borderWidth}px ${e.borderColor}`), (e.paddingTop !== void 0 || e.paddingRight !== void 0 || e.paddingBottom !== void 0 || e.paddingLeft !== void 0) && (o.padding = `${e.paddingTop || 0}px ${e.paddingRight || 0}px ${e.paddingBottom || 0}px ${e.paddingLeft || 0}px`), (e.marginTop !== void 0 || e.marginRight !== void 0 || e.marginBottom !== void 0 || e.marginLeft !== void 0) && (o.margin = `${e.marginTop || 0}px ${e.marginRight || 0}px ${e.marginBottom || 0}px ${e.marginLeft || 0}px`), o;
     });
     return r({
       ...p
-    }), (o, e) => u(n) ? f("", !0) : (t(), s(v, l(x({ key: 0 }, i)), {
+    }), (e, o) => l(n) ? f("", !0) : (t(), g(v, u(x({ key: 0 }, i)), {
       default: b(() => [
         (t(), w("div", {
           class: "box-container",
-          key: o.widget.id,
-          style: c(m.value)
+          key: e.widget.id,
+          style: c(a.value)
         }, [
           R($, {
-            subFormRowIndex: o.subFormRowIndex,
-            subFormRowId: o.subFormRowId,
-            widgetList: o.widget.widgetList || [],
-            parentWidget: o.widget
+            subFormRowIndex: e.subFormRowIndex,
+            subFormRowId: e.subFormRowId,
+            widgetList: e.widget.widgetList || [],
+            parentWidget: e.widget
           }, null, 8, ["subFormRowIndex", "subFormRowId", "widgetList", "parentWidget"])
         ], 4))
       ]),

package/src/components/form-render/container-items/vf-box-widget.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"vf-box-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/vf-box-widget.vue"],"sourcesContent":["<template>\n    <container-wrapper v-bind=\"props\" v-if=\"!handleHidden\">\n        <div class=\"box-container\" :key=\"widget.id\" :style=\"boxStyle\">\n            <RenderWigetList\n                :subFormRowIndex=\"subFormRowIndex\"\n                :subFormRowId=\"subFormRowId\"\n                :widgetList=\"widget.widgetList || []\"\n                :parentWidget=\"widget\"\n            />\n        </div>\n    </container-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import RenderWigetList from '../RenderWigetList.vue';\n    import ContainerWrapper from './container-wrapper.vue';\n    import { WidgetProps } from '@/components/form-designer/form-widget/container-widget/useContainerWidget';\n    import { computed, CSSProperties } from 'vue';\n    import { ComponentNameEnum, ContainerTypeEnum } from '@/constants/WidgetTypeEnum';\n    import { useField } from '@/components/form-designer/form-widget/field-widget/useField';\n\n    defineOptions({\n        name: ContainerTypeEnum.VfBoxWidget,\n        componentName: ComponentNameEnum.VfBoxWidget\n    });\n\n    const props = defineProps<WidgetProps>();\n    const { handleHidden, defineExposed } = useField(props);\n    const boxStyle = computed(() => {\n        const boxModel = props.widget.options.boxModel || {};\n        const style = {} as CSSProperties;\n\n        if (boxModel.borderShow) {\n            style.borderRadius = `${boxModel.borderRadius}px`;\n            style.border = `${boxModel.borderStyle} ${boxModel.borderWidth}px ${boxModel.borderColor}`;\n        }\n\n        // 设置内边距\n        if (\n            boxModel.paddingTop !== undefined ||\n            boxModel.paddingRight !== undefined ||\n            boxModel.paddingBottom !== undefined ||\n            boxModel.paddingLeft !== undefined\n        ) {\n            style.padding = `${boxModel.paddingTop || 0}px ${boxModel.paddingRight || 0}px ${\n                boxModel.paddingBottom || 0\n            }px ${boxModel.paddingLeft || 0}px`;\n        }\n\n        // 设置外边距\n        if (\n            boxModel.marginTop !== undefined ||\n            boxModel.marginRight !== undefined ||\n            boxModel.marginBottom !== undefined ||\n            boxModel.marginLeft !== undefined\n        ) {\n            style.margin = `${boxModel.marginTop || 0}px ${boxModel.marginRight || 0}px ${\n                boxModel.marginBottom || 0\n            }px ${boxModel.marginLeft || 0}px`;\n        }\n\n        return style;\n    });\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"less\" scoped>\n    .box-container {\n        width: 100%;\n        position: relative;\n    }\n</style>\n"],"names":["props","__props","handleHidden","defineExposed","useField","boxStyle","computed","boxModel","style","__expose","_unref","_openBlock","_createBlock","ContainerWrapper","_createElementBlock","widget","_createVNode","RenderWigetList","subFormRowIndex","subFormRowId"],"mappings":";;;;;;;;;;;;;;;;;;;AA0BI,UAAMA,IAAQC,GACR,EAAE,cAAAC,GAAc,eAAAC,MAAkBC,EAASJ,CAAK,GAChDK,IAAWC,EAAS,MAAM;AAC5B,YAAMC,IAAWP,EAAM,OAAO,QAAQ,YAAY,CAAA,GAC5CQ,IAAQ,CAAA;AAEd,aAAID,EAAS,eACTC,EAAM,eAAe,GAAGD,EAAS,YAAY,MAC7CC,EAAM,SAAS,GAAGD,EAAS,WAAW,IAAIA,EAAS,WAAW,MAAMA,EAAS,WAAW,MAKxFA,EAAS,eAAe,UACxBA,EAAS,iBAAiB,UAC1BA,EAAS,kBAAkB,UAC3BA,EAAS,gBAAgB,YAEzBC,EAAM,UAAU,GAAGD,EAAS,cAAc,CAAC,MAAMA,EAAS,gBAAgB,CAAC,MACvEA,EAAS,iBAAiB,CAC9B,MAAMA,EAAS,eAAe,CAAC,QAK/BA,EAAS,cAAc,UACvBA,EAAS,gBAAgB,UACzBA,EAAS,iBAAiB,UAC1BA,EAAS,eAAe,YAExBC,EAAM,SAAS,GAAGD,EAAS,aAAa,CAAC,MAAMA,EAAS,eAAe,CAAC,MACpEA,EAAS,gBAAgB,CAC7B,MAAMA,EAAS,cAAc,CAAC,OAG3BC;AAAA,IACX,CAAC;AAED,WAAAC,EAAa;AAAA,MACT,GAAGN;AAAA,IAAA,CACN,aAjEwCO,EAAAR,CAAA,iBAAzCS,EAAA,GAAAC,EASoBC,mBATOb,CAAK,CAAA,GAAA;AAAA,iBAC5B,MAOM;AAAA,cAPNc,EAOM,OAAA;AAAA,UAPD,OAAM;AAAA,UAAiB,KAAKC,EAAAA,OAAO;AAAA,UAAK,SAAOV,EAAA,KAAQ;AAAA,QAAA;UACxDW,EAKEC,GAAA;AAAA,YAJG,iBAAiBC,EAAAA;AAAAA,YACjB,cAAcC,EAAAA;AAAAA,YACd,YAAYJ,EAAAA,OAAO,cAAU,CAAA;AAAA,YAC7B,cAAcA,EAAAA;AAAAA,UAAAA;;;;;;;"}
+{"version":3,"file":"vf-box-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/vf-box-widget.vue"],"sourcesContent":["<template>\n    <container-wrapper v-bind=\"props\" v-if=\"!handleHidden\">\n        <div class=\"box-container\" :key=\"widget.id\" :style=\"boxStyle\">\n            <RenderWigetList\n                :subFormRowIndex=\"subFormRowIndex\"\n                :subFormRowId=\"subFormRowId\"\n                :widgetList=\"widget.widgetList || []\"\n                :parentWidget=\"widget\"\n            />\n        </div>\n    </container-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import RenderWigetList from '../RenderWigetList.vue';\n    import ContainerWrapper from './container-wrapper.vue';\n    import { WidgetProps } from '@/components/form-designer/form-widget/container-widget/useContainerWidget';\n    import { computed, CSSProperties } from 'vue';\n    import { ComponentNameEnum, ContainerTypeEnum } from '@/constants/WidgetTypeEnum';\n    import { useField } from '@/components/form-designer/form-widget/field-widget/useField';\n\n    defineOptions({\n        name: ContainerTypeEnum.VfBoxWidget,\n        componentName: ComponentNameEnum.VfBoxWidget\n    });\n\n    const props = defineProps<WidgetProps>();\n    const { handleHidden, defineExposed } = useField(props, false);\n    const boxStyle = computed(() => {\n        const boxModel = props.widget.options.boxModel || {};\n        const style = {} as CSSProperties;\n\n        if (boxModel.borderShow) {\n            style.borderRadius = `${boxModel.borderRadius}px`;\n            style.border = `${boxModel.borderStyle} ${boxModel.borderWidth}px ${boxModel.borderColor}`;\n        }\n\n        // 设置内边距\n        if (\n            boxModel.paddingTop !== undefined ||\n            boxModel.paddingRight !== undefined ||\n            boxModel.paddingBottom !== undefined ||\n            boxModel.paddingLeft !== undefined\n        ) {\n            style.padding = `${boxModel.paddingTop || 0}px ${boxModel.paddingRight || 0}px ${\n                boxModel.paddingBottom || 0\n            }px ${boxModel.paddingLeft || 0}px`;\n        }\n\n        // 设置外边距\n        if (\n            boxModel.marginTop !== undefined ||\n            boxModel.marginRight !== undefined ||\n            boxModel.marginBottom !== undefined ||\n            boxModel.marginLeft !== undefined\n        ) {\n            style.margin = `${boxModel.marginTop || 0}px ${boxModel.marginRight || 0}px ${\n                boxModel.marginBottom || 0\n            }px ${boxModel.marginLeft || 0}px`;\n        }\n\n        return style;\n    });\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"less\" scoped>\n    .box-container {\n        width: 100%;\n        position: relative;\n    }\n</style>\n"],"names":["props","__props","handleHidden","defineExposed","useField","boxStyle","computed","boxModel","style","__expose","_unref","_openBlock","_createBlock","ContainerWrapper","_createElementBlock","widget","_createVNode","RenderWigetList","subFormRowIndex","subFormRowId"],"mappings":";;;;;;;;;;;;;;;;;;;AA0BI,UAAMA,IAAQC,GACR,EAAE,cAAAC,GAAc,eAAAC,EAAA,IAAkBC,EAASJ,GAAO,EAAK,GACvDK,IAAWC,EAAS,MAAM;AAC5B,YAAMC,IAAWP,EAAM,OAAO,QAAQ,YAAY,CAAA,GAC5CQ,IAAQ,CAAA;AAEd,aAAID,EAAS,eACTC,EAAM,eAAe,GAAGD,EAAS,YAAY,MAC7CC,EAAM,SAAS,GAAGD,EAAS,WAAW,IAAIA,EAAS,WAAW,MAAMA,EAAS,WAAW,MAKxFA,EAAS,eAAe,UACxBA,EAAS,iBAAiB,UAC1BA,EAAS,kBAAkB,UAC3BA,EAAS,gBAAgB,YAEzBC,EAAM,UAAU,GAAGD,EAAS,cAAc,CAAC,MAAMA,EAAS,gBAAgB,CAAC,MACvEA,EAAS,iBAAiB,CAC9B,MAAMA,EAAS,eAAe,CAAC,QAK/BA,EAAS,cAAc,UACvBA,EAAS,gBAAgB,UACzBA,EAAS,iBAAiB,UAC1BA,EAAS,eAAe,YAExBC,EAAM,SAAS,GAAGD,EAAS,aAAa,CAAC,MAAMA,EAAS,eAAe,CAAC,MACpEA,EAAS,gBAAgB,CAC7B,MAAMA,EAAS,cAAc,CAAC,OAG3BC;AAAA,IACX,CAAC;AAED,WAAAC,EAAa;AAAA,MACT,GAAGN;AAAA,IAAA,CACN,aAjEwCO,EAAAR,CAAA,iBAAzCS,EAAA,GAAAC,EASoBC,mBATOb,CAAK,CAAA,GAAA;AAAA,iBAC5B,MAOM;AAAA,cAPNc,EAOM,OAAA;AAAA,UAPD,OAAM;AAAA,UAAiB,KAAKC,EAAAA,OAAO;AAAA,UAAK,SAAOV,EAAA,KAAQ;AAAA,QAAA;UACxDW,EAKEC,GAAA;AAAA,YAJG,iBAAiBC,EAAAA;AAAAA,YACjB,cAAcC,EAAAA;AAAAA,YACd,YAAYJ,EAAAA,OAAO,cAAU,CAAA;AAAA,YAC7B,cAAcA,EAAAA;AAAAA,UAAAA;;;;;;;"}

package/src/components/form-render/dynamic-dialog.vue.js

@@ -1,9 +1,10 @@
-import { defineComponent as H, computed as d, ref as u, onBeforeUnmount as J, createBlock as P, openBlock as A, unref as c, mergeProps as U, withCtx as y, createElementVNode as I, createVNode as x, nextTick as q } from "vue";
-import { useExecFunction as z, TpfModal as G } from "tmgc2-share";
-import { useLowcode as K } from "../../hooks/useLowcode.js";
-import Q from "../FormRender/index.vue.js";
-import W from "../public/ActionButtonListRender.vue.js";
-const X = { class: "dialog-content" }, oe = /* @__PURE__ */ H({
+import { defineComponent as J, computed as u, ref as c, onBeforeUnmount as P, createBlock as A, openBlock as U, unref as i, mergeProps as z, withCtx as x, createElementVNode as I, createVNode as C, nextTick as q } from "vue";
+import { useExecFunction as G, TpfModal as K } from "tmgc2-share";
+import { useLowcode as Q } from "../../hooks/useLowcode.js";
+import { formatSize as h } from "../../utils/format.js";
+import W from "../FormRender/index.vue.js";
+import X from "../public/ActionButtonListRender.vue.js";
+const Y = { class: "dialog-content" }, ae = /* @__PURE__ */ J({
   name: "dynamic-dialog",
   __name: "dynamic-dialog",
   props: {
@@ -45,108 +46,108 @@ const X = { class: "dialog-content" }, oe = /* @__PURE__ */ H({
       default: null
     }
   },
-  setup(n, { expose: C }) {
-    const t = n, h = d(() => t.options.height || "500px"), f = u(null), p = u(!1), l = u(!1), { context: i, asyncExecuteFunction: m, executeFunction: Y } = z(), { vfdRef: s, isLoading: v, getComponentJson: O } = K({
+  setup(n, { expose: O }) {
+    const t = n, R = u(() => h(t.options.height, "500px")), f = c(null), p = c(!1), s = c(!1), { context: r, asyncExecuteFunction: m, executeFunction: Z } = G(), { vfdRef: l, isLoading: v, getComponentJson: F } = Q({
       formCode: t.options.formCode,
       ...t.vfCtx
-    }), R = d(() => ({
+    }), D = u(() => ({
       ...t.parentFormRef,
-      parentDom: i.value,
+      parentDom: r.value,
       getParentFormRef: g
-    })), F = d(() => t.options.cancelButtonHidden && t.options.okButtonHidden ? { footer: null } : {});
-    J(() => {
+    })), k = u(() => t.options.cancelButtonHidden && t.options.okButtonHidden ? { footer: null } : {});
+    P(() => {
       var e, o;
       console.log(t.parentFormRef), (o = (e = t.parentFormRef) == null ? void 0 : e.setChildFormRef) == null || o.call(e, null);
     });
-    const D = (e) => {
+    const w = (e) => {
       v.value = e;
-    }, k = (e) => {
+    }, B = (e) => {
       t.options.title = e;
-    }, w = () => {
-      l.value = !0;
-    }, B = async ({ result: e }) => {
-      e !== !1 && await r();
     }, j = () => {
-      l.value = !0, console.log(122121), q(async () => {
+      s.value = !0;
+    }, E = async ({ result: e }) => {
+      e !== !1 && await d();
+    }, L = () => {
+      s.value = !0, q(async () => {
         var e, o, a;
-        (e = t.options) != null && e.readMode && ((o = s.value) == null || o.setReadMode(!0)), await O([], t.options.formCode), (a = s.value) == null || a.setDialogOrDrawerRef(i.value), t.parentFormRef && t.parentFormRef.setChildFormRef(s.value), b();
+        (e = t.options) != null && e.readMode && ((o = l.value) == null || o.setReadMode(!0)), await F([], t.options.formCode), (a = l.value) == null || a.setDialogOrDrawerRef(r.value), t.parentFormRef && t.parentFormRef.setChildFormRef(l.value), y();
       });
-    }, E = async () => {
+    }, b = async () => {
       if (t.options.onDialogBeforeClose)
         return await m({
           functionBody: t.options.onDialogBeforeClose
         });
-      l.value = !1;
-    }, r = () => {
-      l.value = !1;
-    }, b = async () => {
+      s.value = !1;
+    }, d = () => {
+      b();
+    }, y = async () => {
       if (t.options.onDialogOpened)
         return await m({
           functionBody: t.options.onDialogOpened
         });
-    }, g = () => t.parentFormRef, L = () => {
+    }, g = () => t.parentFormRef, T = () => {
       var e, o, a;
       (a = (o = (e = t.vfCtx) == null ? void 0 : e.parent) == null ? void 0 : o.exposed) != null && a.updateTable && t.vfCtx.parent.exposed.updateTable();
-    }, T = () => t.extraData, M = (e) => {
+    }, M = () => t.extraData, S = (e) => {
       f.value = e;
-    }, S = (e) => {
+    }, N = (e) => {
       p.value = e;
-    }, N = () => s.value, V = () => {
+    }, V = () => l.value, H = () => {
       var e;
-      return (e = s.value) == null ? void 0 : e.context;
+      return (e = l.value) == null ? void 0 : e.context;
     };
-    return C({
+    return O({
       getParentFormRef: g,
-      getFormRef: N,
-      setDisabled: S,
-      setleftText: M,
-      setLoading: D,
-      setTitle: k,
-      beforeOpen: w,
-      show: j,
-      close: E,
-      handleCloseEvent: r,
-      handleOpenedEvent: b,
-      updateTable: L,
-      getExtraData: T
-    }), (e, o) => (A(), P(c(G), U({
+      getFormRef: V,
+      setDisabled: N,
+      setleftText: S,
+      setLoading: w,
+      setTitle: B,
+      beforeOpen: j,
+      show: L,
+      close: b,
+      handleCloseEvent: d,
+      handleOpenedEvent: y,
+      updateTable: T,
+      getExtraData: M
+    }), (e, o) => (U(), A(i(K), z({
       class: "tpf-model design-model",
       destroyOnClose: !0,
       title: n.options.title,
       bodyStyle: {
-        height: h.value,
+        height: R.value,
         overflow: "auto",
         ...JSON.parse(n.options.bodyStyle || "{}")
       },
       centered: !0,
-      visible: l.value,
-      "onUpdate:visible": o[0] || (o[0] = (a) => l.value = a),
-      width: n.options.width,
+      visible: s.value,
+      "onUpdate:visible": o[0] || (o[0] = (a) => s.value = a),
+      width: i(h)(n.options.width),
       mask: n.options.showModal,
       maskClosable: n.options.closeOnClickModal,
       keyboard: n.options.closeOnPressEscape,
-      onCancel: r,
+      onCancel: d,
       "left-num": f.value
-    }, F.value), {
-      footerRight: y(() => [
-        x(W, {
+    }, k.value), {
+      footerRight: x(() => [
+        C(X, {
           buttonList: n.options.buttonList || [],
-          ctx: V(),
-          onOnClick: B,
+          ctx: H(),
+          onOnClick: E,
           disabled: p.value
         }, null, 8, ["buttonList", "ctx", "disabled"])
       ]),
-      default: y(() => [
-        I("div", X, [
-          x(Q, {
+      default: x(() => [
+        I("div", Y, [
+          C(W, {
             ref_key: "vfdRef",
-            ref: s,
-            loading: c(v),
+            ref: l,
+            loading: i(v),
             vfCtx: {
               ...n.vfCtx,
-              instance: c(i)
+              instance: i(r)
             },
-            "parent-form": R.value,
+            "parent-form": D.value,
             "disabled-mode": n.options.disabledMode,
             "dynamic-creation": !0
           }, null, 8, ["loading", "vfCtx", "parent-form", "disabled-mode"])
@@ -157,6 +158,6 @@ const X = { class: "dialog-content" }, oe = /* @__PURE__ */ H({
   }
 });
 export {
-  oe as default
+  ae as default
 };
 //# sourceMappingURL=dynamic-dialog.vue.js.map