@kp-ui/lowcode-pc 1.0.0-alpha.9 → 1.0.1

package/src/components/field-widget/file-upload-widget.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-upload-widget.vue2.js","sources":["../../../../src/components/field-widget/file-upload-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n        <template v-if=\"!handleDisabled && !isReadMode\">\n            <a-upload\n                ref=\"fieldEditor\"\n                :disabled=\"handleDisabled || isReadMode\"\n                class=\"dynamicPseudoAfter\"\n                :class=\"['tpf-upload', { isReadonly: isReadMode }]\"\n                :multiple=\"field.options.multiple\"\n                :accept=\"acceptType\"\n                v-model:file-list=\"fieldModel\"\n                :listType=\"field.options.uploadListType\"\n                :customRequest=\"customRequest\"\n                :iconRender=\"iconRender\"\n                @preview=\"handlePreview\"\n                @remove=\"removeFile\"\n            >\n                <a-space :size=\"10\" align=\"start\" v-if=\"isShowUploader\">\n                    <a-button\n                        :loading=\"loading\"\n                        class=\"tpf-button\"\n                        type=\"primary\"\n                        :disabled=\"handleDisabled\"\n                    >\n                        <SvgIcon icon-class=\"daochu\" /> 上传文件\n                    </a-button>\n                </a-space>\n            </a-upload>\n            <div :gutter=\"20\" class=\"fileUploadTip\">\n                <div v-for=\"(item, inx) in descCol\" :key=\"inx\">\n                    <span v-if=\"descCol.length > 1\">{{ inx + 1 }}、{{ item }}</span>\n                    <span v-else>{{ item }}</span>\n                </div>\n            </div>\n        </template>\n        <template v-else>\n            <AttachmentRender :data=\"fieldModel\" />\n        </template>\n        <TpfModal v-model:visible=\"previewVisible\" :title=\"previewTitle\" :footer=\"null\">\n            <img style=\"width: 100%\" :src=\"previewImage\" />\n        </TpfModal>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"tsx\" setup>\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n    import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n    import { computed, onMounted } from 'vue';\n    import {\n        AttachmentRender,\n        useFilePreview,\n        TpfModal,\n        SvgIcon,\n        useFilesystemApi,\n        FileIcon\n    } from 'tmgc2-share';\n    import { message } from 'ant-design-vue';\n\n    const filesystemApi = useFilesystemApi();\n    defineOptions({\n        name: WidgetTypeEnum.fileUpload,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n    const props = withDefaults(defineProps<FieldProps>(), {});\n\n    const {\n        loading,\n        rules,\n        i18nt,\n        fieldEditor,\n        field,\n        fieldModel,\n        isReadMode,\n        size,\n        designState,\n        handleHidden,\n        handleDisabled,\n        defineExposed,\n        executeFunction\n    } = useField(props);\n\n    const handleOnBeforeUpload = file => {\n        if (field.options.onBeforeUpload) {\n            const result = executeFunction({\n                functionBody: field.options.onBeforeUpload,\n                params: {\n                    file\n                },\n                keys: ['file']\n            });\n            if (typeof result === 'boolean') {\n                return result;\n            } else {\n                return true;\n            }\n        }\n        return true;\n    };\n\n    const isShowUploader = computed(\n        () => (fieldModel.value?.length || 0) < (field.options.limit || 1)\n    );\n\n    const customRequest = async upload => {\n        const { accept, maxSize, limit, businessType, multiple } = field.options;\n        const fileName = upload.file.name;\n        const fieldTypesArr = accept.map(item => item.toLowerCase());\n        const fieldTypes = fileName.slice(fileName.lastIndexOf('.'));\n\n        if (!fieldTypesArr.includes(fieldTypes.toLowerCase())) {\n            return message.error(`目前仅支持${accept}格式的文件`);\n        }\n\n        if (maxSize && upload.file.size > maxSize * 1024 * 1024) {\n            message.error(`文件大小不能超过${maxSize}M`);\n            return;\n        }\n\n        const flag = handleOnBeforeUpload(upload);\n\n        if (!flag) return;\n        loading.value = true;\n        try {\n            const res = await filesystemApi.uploadFileObject({\n                businessType: businessType,\n                file: upload.file\n            });\n\n            const { fileName: name } = res.data.object;\n\n            if (limit > 1) {\n                const findIndex = fieldModel.value.findIndex(item => item.name === name);\n                if (findIndex > -1) {\n                    fieldModel.value.splice(findIndex, 1);\n                }\n                if (fieldModel.value.length < limit) {\n                    fieldModel.value.push({ ...res.data.object, name });\n                }\n            } else {\n                fieldModel.value = [{ ...res.data.object, name }];\n            }\n        } finally {\n            loading.value = false;\n        }\n    };\n\n    /**\n     * 初始化文件列表\n     */\n    const initFileListFieldModel = () => {\n        // 初始化上传组件的已上传文件列表\n        if (designState) {\n            return;\n        }\n\n        if (fieldModel.value) {\n            if (typeof fieldModel.value === 'string') {\n                fieldModel.value = JSON.parse(fieldModel.value);\n            }\n        }\n    };\n\n    const acceptType = computed(() => {\n        const { accept } = field.options;\n        if (accept?.length) {\n            return accept.join(',');\n        } else {\n            return '*';\n        }\n    });\n\n    const { handlePreview, previewVisible, previewImage, previewTitle } = useFilePreview();\n\n    const iconRender = ({ file }: { file: File }) => {\n        const fileObj = {\n            fileName: file.name,\n            fileType: file.name.slice(file.name.lastIndexOf('.'))\n        };\n        return <FileIcon file={fileObj} />;\n    };\n\n    const removeFile = file => {\n        const findInx = fieldModel.value.findIndex(item => item.uid === file.uid);\n        fieldModel.value.splice(findInx, 1);\n    };\n\n    const descCol = computed(() => {\n        const { accept, maxSize } = field.options;\n        const acceptList = (accept || []).join(',');\n        return [\n            acceptList.length ? i18nt('支持扩展名') + `${acceptList}` : '',\n            maxSize ? i18nt('支持文件大小') + `${maxSize}M` : ''\n        ].filter(Boolean);\n    });\n\n    onMounted(() => {\n        initFileListFieldModel();\n    });\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    .fileUploadTip {\n        font-size: 12px;\n        margin-top: 10px;\n    }\n</style>\n"],"names":["filesystemApi","useFilesystemApi","props","__props","loading","rules","i18nt","fieldEditor","field","fieldModel","isReadMode","designState","handleHidden","handleDisabled","defineExposed","executeFunction","useField","handleOnBeforeUpload","file","options","onBeforeUpload","result","functionBody","params","keys","isShowUploader","computed","value","length","limit","customRequest","upload","accept","maxSize","businessType","multiple","fileName","name","fieldTypesArr","map","item","toLowerCase","fieldTypes","slice","lastIndexOf","includes","message","error","size","flag","res","uploadFileObject","data","object","findIndex","splice","push","initFileListFieldModel","JSON","parse","acceptType","join","handlePreview","previewVisible","previewImage","previewTitle","useFilePreview","iconRender","fileObj","fileType","_createVNode2","FileIcon","removeFile","findInx","uid","descCol","acceptList","filter","Boolean","onMounted","__expose","_unref","_openBlock","_createBlock","FormItemWrapper","_mergeProps","key","_createElementBlock","_Fragment","_createVNode","_component_a_upload","ref","disabled","class","_normalizeClass","isReadonly","$event","listType","uploadListType","onPreview","onRemove","_component_a_space","align","_component_a_button","type","SvgIcon","_createElementVNode","_hoisted_1","_renderList","inx","_hoisted_2","_toDisplayString","AttachmentRender","TpfModal","visible","title","footer","style","src"],"mappings":"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"}
+{"version":3,"file":"file-upload-widget.vue2.js","sources":["../../../../src/components/field-widget/file-upload-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n        <template v-if=\"!handleDisabled && !isReadMode\">\n            <a-upload\n                ref=\"fieldEditor\"\n                :disabled=\"handleDisabled || isReadMode\"\n                class=\"dynamicPseudoAfter\"\n                :class=\"['tpf-upload', { isReadonly: isReadMode }]\"\n                :multiple=\"field.options.multiple\"\n                :accept=\"acceptType\"\n                v-model:file-list=\"fieldModel\"\n                :listType=\"field.options.uploadListType\"\n                :customRequest=\"customRequest\"\n                :iconRender=\"iconRender\"\n                @preview=\"handlePreview\"\n                @remove=\"removeFile\"\n            >\n                <a-space :size=\"10\" align=\"start\" v-if=\"isShowUploader\">\n                    <span\n                        :loading=\"loading\"\n                        class=\"tpf-button\"\n                        type=\"primary\"\n                        :disabled=\"handleDisabled\"\n                    >\n                        <SvgIcon icon-class=\"daochu\" /> 上传文件\n                    </span>\n                </a-space>\n            </a-upload>\n            <div :gutter=\"20\" class=\"fileUploadTip\">\n                <div v-for=\"(item, inx) in descCol\" :key=\"inx\">\n                    <span v-if=\"descCol.length > 1\">{{ inx + 1 }}、{{ item }}</span>\n                    <span v-else>{{ item }}</span>\n                </div>\n            </div>\n        </template>\n        <template v-else>\n            <AttachmentRender :data=\"fieldModel\" />\n        </template>\n        <TpfModal v-model:visible=\"previewVisible\" :title=\"previewTitle\" :footer=\"null\">\n            <img style=\"width: 100%\" :src=\"previewImage\" />\n        </TpfModal>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"tsx\" setup>\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n    import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n    import { computed, onMounted } from 'vue';\n    import {\n        AttachmentRender,\n        useFilePreview,\n        TpfModal,\n        SvgIcon,\n        useFilesystemApi,\n        FileIcon\n    } from 'tmgc2-share';\n    import { message } from 'ant-design-vue';\n\n    const filesystemApi = useFilesystemApi();\n    defineOptions({\n        name: WidgetTypeEnum.fileUpload,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n    const props = withDefaults(defineProps<FieldProps>(), {});\n\n    const {\n        loading,\n        rules,\n        i18nt,\n        fieldEditor,\n        field,\n        fieldModel,\n        isReadMode,\n        size,\n        designState,\n        handleHidden,\n        handleDisabled,\n        defineExposed,\n        executeFunction\n    } = useField(props);\n\n    const handleOnBeforeUpload = file => {\n        if (field.options.onBeforeUpload) {\n            const result = executeFunction({\n                functionBody: field.options.onBeforeUpload,\n                params: {\n                    file\n                },\n                keys: ['file']\n            });\n            if (typeof result === 'boolean') {\n                return result;\n            } else {\n                return true;\n            }\n        }\n        return true;\n    };\n\n    const isShowUploader = computed(\n        () => (fieldModel.value?.length || 0) < (field.options.limit || 1)\n    );\n\n    const customRequest = async upload => {\n        const { accept, maxSize, limit, businessType, multiple } = field.options;\n        const fileName = upload.file.name;\n        const fieldTypesArr = accept.map(item => item.toLowerCase());\n        const fieldTypes = fileName.slice(fileName.lastIndexOf('.'));\n\n        if (!fieldTypesArr.includes(fieldTypes.toLowerCase())) {\n            return message.error(`目前仅支持${accept}格式的文件`);\n        }\n\n        if (maxSize && upload.file.size > maxSize * 1024 * 1024) {\n            message.error(`文件大小不能超过${maxSize}M`);\n            return;\n        }\n\n        const flag = handleOnBeforeUpload(upload);\n\n        if (!flag) return;\n        loading.value = true;\n        try {\n            const res = await filesystemApi.uploadFileObject({\n                businessType: businessType,\n                file: upload.file\n            });\n\n            const { fileName: name } = res.data.object;\n\n            if (limit > 1) {\n                const findIndex = fieldModel.value.findIndex(item => item.name === name);\n                if (findIndex > -1) {\n                    fieldModel.value.splice(findIndex, 1);\n                }\n                if (fieldModel.value.length < limit) {\n                    fieldModel.value.push({ ...res.data.object, name });\n                }\n            } else {\n                fieldModel.value = [{ ...res.data.object, name }];\n            }\n        } finally {\n            loading.value = false;\n        }\n    };\n\n    /**\n     * 初始化文件列表\n     */\n    const initFileListFieldModel = () => {\n        // 初始化上传组件的已上传文件列表\n        if (designState) {\n            return;\n        }\n\n        if (fieldModel.value) {\n            if (typeof fieldModel.value === 'string') {\n                fieldModel.value = JSON.parse(fieldModel.value);\n            }\n        }\n    };\n\n    const acceptType = computed(() => {\n        const { accept } = field.options;\n        if (accept?.length) {\n            return accept.join(',');\n        } else {\n            return '*';\n        }\n    });\n\n    const { handlePreview, previewVisible, previewImage, previewTitle } = useFilePreview();\n\n    const iconRender = ({ file }: { file: File }) => {\n        const fileObj = {\n            fileName: file.name,\n            fileType: file.name.slice(file.name.lastIndexOf('.'))\n        };\n        return <FileIcon file={fileObj} />;\n    };\n\n    const removeFile = file => {\n        const findInx = fieldModel.value.findIndex(item => item.uid === file.uid);\n        fieldModel.value.splice(findInx, 1);\n    };\n\n    const descCol = computed(() => {\n        const { accept, maxSize } = field.options;\n        const acceptList = (accept || []).join(',');\n        return [\n            acceptList.length ? i18nt('支持扩展名') + `${acceptList}` : '',\n            maxSize ? i18nt('支持文件大小') + `${maxSize}M` : ''\n        ].filter(Boolean);\n    });\n\n    onMounted(() => {\n        initFileListFieldModel();\n    });\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    .fileUploadTip {\n        font-size: 12px;\n        margin-top: 10px;\n    }\n</style>\n"],"names":["filesystemApi","useFilesystemApi","props","__props","loading","rules","i18nt","fieldEditor","field","fieldModel","isReadMode","designState","handleHidden","handleDisabled","defineExposed","executeFunction","useField","handleOnBeforeUpload","file","options","onBeforeUpload","result","functionBody","params","keys","isShowUploader","computed","value","length","limit","customRequest","upload","accept","maxSize","businessType","multiple","fileName","name","fieldTypesArr","map","item","toLowerCase","fieldTypes","slice","lastIndexOf","includes","message","error","size","flag","res","uploadFileObject","data","object","findIndex","splice","push","initFileListFieldModel","JSON","parse","acceptType","join","handlePreview","previewVisible","previewImage","previewTitle","useFilePreview","iconRender","fileObj","fileType","_createVNode2","FileIcon","removeFile","findInx","uid","descCol","acceptList","filter","Boolean","onMounted","__expose","_unref","_openBlock","_createBlock","FormItemWrapper","_mergeProps","key","_createElementBlock","_Fragment","_createVNode","_component_a_upload","ref","disabled","class","_normalizeClass","isReadonly","$event","listType","uploadListType","onPreview","onRemove","_component_a_space","align","_createElementVNode","type","SvgIcon","_hoisted_2","_renderList","inx","_hoisted_3","_toDisplayString","AttachmentRender","TpfModal","visible","title","footer","style","src"],"mappings":"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"}

package/src/components/field-widget/form-item-wrapper.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./form-item-wrapper.vue2.js";
 /* empty css                       */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
-const FormItemWrapper = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0930180b"]]);
+const FormItemWrapper = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fe290edb"]]);
 export {
   FormItemWrapper as default
 };

package/src/components/field-widget/form-item-wrapper.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-item-wrapper.vue2.js","sources":["../../../../src/components/field-widget/form-item-wrapper.vue"],"sourcesContent":["<template>\n    <div class=\"field-wrapper\">\n        <FormItem\n            :labelCol=\"{ style: { width: labelWidth + 'px' } }\"\n            :rules=\"rules\"\n            :name=\"getPropName\"\n            :labelAlign=\"labelAlign\"\n            :class=\"[customClass]\"\n        >\n            <template #label>\n                <div class=\"label-box\">\n                    <span v-if=\"!!field.options.labelIconClass\" class=\"custom-label\">\n                        <template v-if=\"field.options.labelIconPosition === 'front'\">\n                            <a-tooltip :title=\"field.options.labelIconTooltip\">\n                                <svg-icon :icon-class=\"field.options.labelIconClass\" />\n                            </a-tooltip>\n                            <div class=\"label-text\">\n                                {{ label }}\n                            </div>\n                        </template>\n                        <template v-else-if=\"field.options.labelIconPosition === 'rear'\">\n                            <div class=\"label-text\">\n                                {{ label }}\n                            </div>\n                            <a-tooltip :title=\"field.options.labelIconTooltip\">\n                                <svg-icon :icon-class=\"field.options.labelIconClass\" />\n                            </a-tooltip>\n                        </template>\n                    </span>\n                    <template v-else>\n                        <div class=\"label-text\">\n                            {{ label }}\n                        </div>\n                    </template>\n                </div>\n            </template>\n            <slot></slot>\n        </FormItem>\n    </div>\n</template>\n\n<script lang=\"tsx\" setup>\n    import { SvgIcon } from 'tmgc2-share';\n    import { FieldProps } from './useField';\n    import { computed, inject } from 'vue';\n    import { FormItem } from 'ant-design-vue';\n    import { useDesigner } from '@kp-ui/lowcode-core';\n    import { reactive } from 'vue';\n    defineOptions({\n        name: 'form-item-wrapper'\n    });\n\n    interface FormItemWrapperProps extends FieldProps {\n        rules?: Array<any>;\n    }\n    const props = withDefaults(defineProps<FormItemWrapperProps>(), {\n        parentWidget: null,\n        indexOfParentList: 0\n    });\n    const getSubFormName = inject('getSubFormName', () => '');\n    const getSubFormFieldFlag = inject('getSubFormFieldFlag', () => false);\n\n    const { formConfig, designer, designState } = useDesigner();\n\n    const labelWidth = computed(() => {\n        if (props.field?.options?.labelHidden) {\n            return 0;\n        }\n\n        if (props.field?.options?.labelWidth) {\n            return props.field.options.labelWidth;\n        }\n\n        return formConfig.value?.labelWidth;\n    });\n\n    const label = computed(() => {\n        if (props.field?.options?.labelHidden) {\n            return '';\n        }\n        return props.field?.options?.label;\n    });\n\n    const labelAlign = computed(() => {\n        if (props.field?.options?.labelAlign) {\n            return props.field.options.labelAlign;\n        }\n        return formConfig.value?.labelAlign || 'right';\n    });\n\n    const subFormName = computed(() => () => {\n        return getSubFormName ? getSubFormName() : '';\n    });\n\n    const size = computed(() => {\n        if (props.field?.options?.size) {\n            return props.field.options.size;\n        }\n        return formConfig.value?.size || 'middle';\n    });\n\n    const subFormItemFlag = computed(() => {\n        return getSubFormFieldFlag ? getSubFormFieldFlag() : false;\n    });\n\n    const getPropName = computed(() => {\n        if (subFormItemFlag.value && !designState) {\n            return (\n                subFormName.value +\n                '.' +\n                props.subFormRowIndex +\n                '.' +\n                props.field.options.name +\n                ''\n            );\n        } else return props.field.options.name;\n    });\n\n    const customClass = computed(() =>\n        props.field.options.customClass ? props.field.options.customClass.join(' ') : ''\n    );\n</script>\n\n<style lang=\"scss\" scoped>\n    .field-wrapper {\n        position: relative;\n    }\n\n    .ant-form-item {\n        position: relative;\n\n        :deep(.ant-form-item-label) {\n            white-space: nowrap;\n            text-overflow: ellipsis;\n        }\n\n        span.custom-label {\n            display: flex;\n            i {\n                margin: 0 3px;\n            }\n        }\n\n        /* 隐藏Chrome浏览器中el-input数字输入框右侧的上下调整小箭头 */\n        :deep(.hide-spin-button) input::-webkit-outer-spin-button,\n        :deep(.hide-spin-button) input::-webkit-inner-spin-button {\n            -webkit-appearance: none !important;\n        }\n    }\n</style>\n"],"names":["props","__props","getSubFormName","inject","getSubFormFieldFlag","formConfig","designState","useDesigner","labelWidth","computed","field","options","labelHidden","value","label","labelAlign","subFormName","size","subFormItemFlag","getPropName","subFormRowIndex","name","customClass","join","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_unref","FormItem","labelCol","rules","class","_createElementVNode","_hoisted_2","labelIconClass","_hoisted_3","labelIconPosition","_Fragment","key","_component_a_tooltip","title","labelIconTooltip","SvgIcon","_hoisted_4","_toDisplayString","_hoisted_5","_hoisted_6","_renderSlot","_ctx","$slots","undefined"],"mappings":"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"}
+{"version":3,"file":"form-item-wrapper.vue2.js","sources":["../../../../src/components/field-widget/form-item-wrapper.vue"],"sourcesContent":["<template>\n    <div class=\"field-wrapper\">\n        <FormItem\n            :labelCol=\"{ style: { width: labelWidth + 'px' } }\"\n            :rules=\"rules\"\n            :name=\"getPropName\"\n            :labelAlign=\"labelAlign\"\n            :class=\"[customClass]\"\n        >\n            <template #label>\n                <div class=\"label-box\">\n                    <span v-if=\"!!field.options.labelIconClass\" class=\"custom-label\">\n                        <template v-if=\"field.options.labelIconPosition === 'front'\">\n                            <a-tooltip :title=\"field.options.labelIconTooltip\">\n                                <svg-icon :icon-class=\"field.options.labelIconClass\" />\n                            </a-tooltip>\n                            <div class=\"label-text\">\n                                {{ label }}\n                            </div>\n                        </template>\n                        <template v-else-if=\"field.options.labelIconPosition === 'rear'\">\n                            <div class=\"label-text\">\n                                {{ label }}\n                            </div>\n                            <a-tooltip :title=\"field.options.labelIconTooltip\">\n                                <svg-icon :icon-class=\"field.options.labelIconClass\" />\n                            </a-tooltip>\n                        </template>\n                    </span>\n                    <template v-else>\n                        <div class=\"label-text\">\n                            {{ label }}\n                        </div>\n                    </template>\n                </div>\n            </template>\n            <slot></slot>\n        </FormItem>\n    </div>\n</template>\n\n<script lang=\"tsx\" setup>\n    import { SvgIcon } from 'tmgc2-share';\n    import { FieldProps } from '@kp-ui/lowcode-core';\n    import { computed, inject } from 'vue';\n    import { FormItem } from 'ant-design-vue';\n    import { useDesigner } from '@kp-ui/lowcode-core';\n    import { reactive } from 'vue';\n    defineOptions({\n        name: 'form-item-wrapper'\n    });\n\n    interface FormItemWrapperProps extends FieldProps {\n        rules?: Array<any>;\n    }\n    const props = withDefaults(defineProps<FormItemWrapperProps>(), {\n        parentWidget: null,\n        indexOfParentList: 0\n    });\n    const getSubFormName = inject('getSubFormName', () => '');\n    const getSubFormFieldFlag = inject('getSubFormFieldFlag', () => false);\n\n    const { formConfig, designer, designState } = useDesigner();\n\n    const labelWidth = computed(() => {\n        if (props.field?.options?.labelHidden) {\n            return 0;\n        }\n\n        if (props.field?.options?.labelWidth) {\n            return props.field.options.labelWidth;\n        }\n\n        return formConfig.value?.labelWidth;\n    });\n\n    const label = computed(() => {\n        if (props.field?.options?.labelHidden) {\n            return '';\n        }\n        return props.field?.options?.label;\n    });\n\n    const labelAlign = computed(() => {\n        if (props.field?.options?.labelAlign) {\n            return props.field.options.labelAlign;\n        }\n        return formConfig.value?.labelAlign || 'right';\n    });\n\n    const subFormName = computed(() => () => {\n        return getSubFormName ? getSubFormName() : '';\n    });\n\n    const size = computed(() => {\n        if (props.field?.options?.size) {\n            return props.field.options.size;\n        }\n        return formConfig.value?.size || 'middle';\n    });\n\n    const subFormItemFlag = computed(() => {\n        return getSubFormFieldFlag ? getSubFormFieldFlag() : false;\n    });\n\n    const getPropName = computed(() => {\n        if (subFormItemFlag.value && !designState) {\n            return (\n                subFormName.value +\n                '.' +\n                props.subFormRowIndex +\n                '.' +\n                props.field.options.name +\n                ''\n            );\n        } else return props.field.options.name;\n    });\n\n    const customClass = computed(() =>\n        props.field.options.customClass ? props.field.options.customClass.join(' ') : ''\n    );\n</script>\n\n<style lang=\"scss\" scoped>\n    .field-wrapper {\n        position: relative;\n    }\n\n    .ant-form-item {\n        position: relative;\n\n        :deep(.ant-form-item-label) {\n            white-space: nowrap;\n            text-overflow: ellipsis;\n        }\n\n        span.custom-label {\n            display: flex;\n            i {\n                margin: 0 3px;\n            }\n        }\n\n        /* 隐藏Chrome浏览器中el-input数字输入框右侧的上下调整小箭头 */\n        :deep(.hide-spin-button) input::-webkit-outer-spin-button,\n        :deep(.hide-spin-button) input::-webkit-inner-spin-button {\n            -webkit-appearance: none !important;\n        }\n    }\n</style>\n"],"names":["props","__props","getSubFormName","inject","getSubFormFieldFlag","formConfig","designState","useDesigner","labelWidth","computed","field","options","labelHidden","value","label","labelAlign","subFormName","size","subFormItemFlag","getPropName","subFormRowIndex","name","customClass","join","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_unref","FormItem","labelCol","rules","class","_createElementVNode","_hoisted_2","labelIconClass","_hoisted_3","labelIconPosition","_Fragment","key","_component_a_tooltip","title","labelIconTooltip","SvgIcon","_hoisted_4","_toDisplayString","_hoisted_5","_hoisted_6","_renderSlot","_ctx","$slots","undefined"],"mappings":"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"}

package/src/components/field-widget/number-widget.vue2.js

@@ -1,7 +1,7 @@
 import { defineComponent, resolveComponent, createBlock, createCommentVNode, unref, openBlock, mergeProps, withCtx, withDirectives, createElementBlock, createVNode, isRef, vShow, toDisplayString } from "vue";
 import FormItemWrapper from "./form-item-wrapper.vue.js";
-import { useField } from "./useField.js";
 import { ComponentNameEnum, WidgetTypeEnum } from "../../../core/src/constants/WidgetTypeEnum.js";
+import { useField } from "../../../core/src/hooks/useField.js";
 const _hoisted_1 = {
   key: 0,
   class: "readonly-mode-field"

package/src/components/field-widget/number-widget.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"number-widget.vue2.js","sources":["../../../../src/components/field-widget/number-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n        <a-input-number\n            ref=\"fieldEditor\"\n            :size=\"size\"\n            v-model:value=\"fieldModel\"\n            v-show=\"!isReadMode\"\n            class=\"full-width-input\"\n            :disabled=\"handleDisabled\"\n            :controls-position=\"field.options.controlsPosition\"\n            :placeholder=\"field.options.placeholder\"\n            :min=\"field.options.min\"\n            :max=\"field.options.max\"\n            :precision=\"field.options.precision\"\n            :step=\"field.options.step\"\n            @focus=\"handleFocusCustomEvent\"\n            @blur=\"handleBlurCustomEvent\"\n        />\n        <template v-if=\"isReadMode\">\n            <span class=\"readonly-mode-field\">{{ fieldModel }}</span>\n        </template>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { type FieldProps, useField } from './useField';\n    import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n    defineOptions({\n        name: WidgetTypeEnum.number,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n\n    const props = withDefaults(defineProps<FieldProps>(), {});\n\n    const {\n        rules,\n        i18nt,\n        field,\n        fieldModel,\n        isReadMode,\n        size,\n\n        handleHidden,\n        handleDisabled,\n        handleFocusCustomEvent,\n        handleBlurCustomEvent,\n        defineExposed\n    } = useField(props);\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped></style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createVNode","_createElementBlock","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAiCI,UAAM,QAAQ;AAEd,UAAM;AAAA,MACF;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cAnDwCA,MAAA,YAAA,KAAzCC,aAAAC,YAoBoB,iBApBpBC,WAoBoB,EAAA,KAAA,EAAA,GApBO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MAeE;AAAA,yBAfFI,YAeE,2BAAA;AAAA,YAdE,KAAI;AAAA,YACH,MAAMJ,MAAA,IAAA;AAAA,YACC,OAAOA,MAAA,UAAA;AAAA,wFAAA,WAAU,QAAA,SAAA;AAAA,YAEzB,OAAM;AAAA,YACL,UAAUA,MAAA,cAAA;AAAA,YACV,qBAAmBA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACjC,aAAaA,MAAA,KAAA,EAAM,QAAQ;AAAA,YAC3B,KAAKA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACnB,KAAKA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACnB,WAAWA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACzB,MAAMA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACpB,SAAOA,MAAA,sBAAA;AAAA,YACP,QAAMA,MAAA,qBAAA;AAAA,UAAA;qBAVEA,MAAA,UAAA,CAAU;AAAA,UAAA;UAYPA,MAAA,UAAA,kBACZK,mBAAyD,QAAzD,YAAyDC,gBAApBN,MAAA,UAAA,CAAU,GAAA,CAAA;;;;;;;"}
+{"version":3,"file":"number-widget.vue2.js","sources":["../../../../src/components/field-widget/number-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n        <a-input-number\n            ref=\"fieldEditor\"\n            :size=\"size\"\n            v-model:value=\"fieldModel\"\n            v-show=\"!isReadMode\"\n            class=\"full-width-input\"\n            :disabled=\"handleDisabled\"\n            :controls-position=\"field.options.controlsPosition\"\n            :placeholder=\"field.options.placeholder\"\n            :min=\"field.options.min\"\n            :max=\"field.options.max\"\n            :precision=\"field.options.precision\"\n            :step=\"field.options.step\"\n            @focus=\"handleFocusCustomEvent\"\n            @blur=\"handleBlurCustomEvent\"\n        />\n        <template v-if=\"isReadMode\">\n            <span class=\"readonly-mode-field\">{{ fieldModel }}</span>\n        </template>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import {\n        type FieldProps,\n        useField,\n        WidgetTypeEnum,\n        ComponentNameEnum\n    } from '@kp-ui/lowcode-core';\n    defineOptions({\n        name: WidgetTypeEnum.number,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n\n    const props = withDefaults(defineProps<FieldProps>(), {});\n\n    const {\n        rules,\n        i18nt,\n        field,\n        fieldModel,\n        isReadMode,\n        size,\n\n        handleHidden,\n        handleDisabled,\n        handleFocusCustomEvent,\n        handleBlurCustomEvent,\n        defineExposed\n    } = useField(props);\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped></style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createVNode","_createElementBlock","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAqCI,UAAM,QAAQ;AAEd,UAAM;AAAA,MACF;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cAvDwCA,MAAA,YAAA,KAAzCC,aAAAC,YAoBoB,iBApBpBC,WAoBoB,EAAA,KAAA,EAAA,GApBO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MAeE;AAAA,yBAfFI,YAeE,2BAAA;AAAA,YAdE,KAAI;AAAA,YACH,MAAMJ,MAAA,IAAA;AAAA,YACC,OAAOA,MAAA,UAAA;AAAA,wFAAA,WAAU,QAAA,SAAA;AAAA,YAEzB,OAAM;AAAA,YACL,UAAUA,MAAA,cAAA;AAAA,YACV,qBAAmBA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACjC,aAAaA,MAAA,KAAA,EAAM,QAAQ;AAAA,YAC3B,KAAKA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACnB,KAAKA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACnB,WAAWA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACzB,MAAMA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACpB,SAAOA,MAAA,sBAAA;AAAA,YACP,QAAMA,MAAA,qBAAA;AAAA,UAAA;qBAVEA,MAAA,UAAA,CAAU;AAAA,UAAA;UAYPA,MAAA,UAAA,kBACZK,mBAAyD,QAAzD,YAAyDC,gBAApBN,MAAA,UAAA,CAAU,GAAA,CAAA;;;;;;;"}

package/src/components/field-widget/radio-widget.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./radio-widget.vue2.js";
 /* empty css                  */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
-const radioWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-43b5b05c"]]);
+const radioWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-770c0330"]]);
 export {
   radioWidget as default
 };

package/src/components/field-widget/radio-widget.vue2.js

@@ -28,7 +28,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const {
       rules,
-      field,
       fieldModel,
       isReadMode,
       designState,
@@ -64,16 +63,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             disabled: unref(handleDisabled)
           }, {
             default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(field).options.optionItems, (item, index) => {
+              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.field.options.optionItems, (item, index) => {
                 return openBlock(), createBlock(_component_a_radio, {
                   key: index,
-                  value: item[unref(field).options.valueKey],
+                  value: item[_ctx.field.options.valueKey],
                   disabled: item.disabled,
-                  border: unref(field).options.border,
-                  style: normalizeStyle({ display: unref(field).options.displayStyle })
+                  border: _ctx.field.options.border,
+                  style: normalizeStyle({ display: _ctx.field.options.displayStyle })
                 }, {
                   default: withCtx(() => [
-                    createTextVNode(toDisplayString(item[unref(field).options.labelKey]), 1)
+                    createTextVNode(toDisplayString(item[_ctx.field.options.labelKey]), 1)
                   ]),
                   _: 2
                 }, 1032, ["value", "disabled", "border", "style"]);

package/src/components/field-widget/radio-widget.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-widget.vue2.js","sources":["../../../../src/components/field-widget/radio-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" :rules=\"rules\" v-if=\"!handleHidden\">\n        <a-radio-group\n            ref=\"fieldEditor\"\n            v-model:value=\"fieldModel\"\n            :size=\"size\"\n            v-if=\"!isReadMode\"\n            :disabled=\"handleDisabled\"\n        >\n            <a-radio\n                v-for=\"(item, index) in field.options.optionItems\"\n                :key=\"index\"\n                :value=\"item[field.options.valueKey]\"\n                :disabled=\"item.disabled\"\n                :border=\"field.options.border\"\n                :style=\"{ display: field.options.displayStyle }\"\n            >\n                {{ item[field.options.labelKey] }}\n            </a-radio>\n        </a-radio-group>\n        <template v-else=\"isReadMode\">\n            <span class=\"readonly-mode-field\">{{ optionLabel }}</span>\n        </template>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n    import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n    import { useSelect } from './hooks/useSelect';\n    import { onMounted } from 'vue';\n    defineOptions({\n        name: WidgetTypeEnum.radio,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n\n    const props = withDefaults(defineProps<FieldProps>(), {});\n    const {\n        rules,\n        field,\n        fieldModel,\n        isReadMode,\n        designState,\n        size,\n        handleHidden,\n        handleDisabled,\n        fieldEditor,\n        defineExposed\n    } = useField(props);\n\n    const { optionLabel, initOptionItems } = useSelect({\n        designState,\n        fieldModel,\n        field: props.field\n    });\n    onMounted(() => {\n        initOptionItems();\n    });\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    /* form-item-wrapper已引入，还需要重复引入吗？ */\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementBlock","_Fragment","_renderList","_normalizeStyle","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCI,UAAM,QAAQ;AACd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,UAAM,EAAE,aAAa,gBAAA,IAAoB,UAAU;AAAA,MAC/C;AAAA,MACA;AAAA,MACA,OAAO,MAAM;AAAA,IAAA,CAChB;AACD,cAAU,MAAM;AACZ,sBAAA;AAAA,IACJ,CAAC;AACD,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;;cA5DuDA,MAAA,YAAA,KAAxDC,aAAAC,YAsBoB,iBAtBpBC,WAsBoB,EAAA,KAAA,EAAA,GAtBO,OAAK,EAAG,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAC3C,MAiBgB;AAAA,WAbLA,MAAA,UAAA,kBAJXE,YAiBgB,0BAAA;AAAA;qBAhBR;AAAA,YAAJ,KAAI;AAAA,YACI,OAAOF,MAAA,UAAA;AAAA,wFAAA,WAAU,QAAA,SAAA;AAAA,YACxB,MAAMA,MAAA,IAAA;AAAA,YAEN,UAAUA,MAAA,cAAA;AAAA,UAAA;6BAGP,MAAkD;AAAA,gCADtDI,mBASUC,UAAA,MAAAC,WARkBN,aAAM,QAAQ,aAAW,CAAzC,MAAM,UAAK;oCADvBE,YASU,oBAAA;AAAA,kBAPL,KAAK;AAAA,kBACL,OAAO,KAAKF,aAAM,QAAQ,QAAQ;AAAA,kBAClC,UAAU,KAAK;AAAA,kBACf,QAAQA,MAAA,KAAA,EAAM,QAAQ;AAAA,kBACtB,OAAKO,eAAA,EAAA,SAAaP,MAAA,KAAA,EAAM,QAAQ,aAAA,CAAY;AAAA,gBAAA;mCAE7C,MAAkC;AAAA,oBAA/BQ,gBAAAC,gBAAA,KAAKT,MAAA,KAAA,EAAM,QAAQ,QAAQ,CAAA,GAAA,CAAA;AAAA,kBAAA;;;;;;gEAIlCI,mBAA0D,QAA1D,YAA0DK,gBAArBT,MAAA,WAAA,CAAW,GAAA,CAAA;AAAA,QAAA;;;;;;"}
+{"version":3,"file":"radio-widget.vue2.js","sources":["../../../../src/components/field-widget/radio-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" :rules=\"rules\" v-if=\"!handleHidden\">\n        <a-radio-group\n            ref=\"fieldEditor\"\n            v-model:value=\"fieldModel\"\n            :size=\"size\"\n            v-if=\"!isReadMode\"\n            :disabled=\"handleDisabled\"\n        >\n            <a-radio\n                v-for=\"(item, index) in field.options.optionItems\"\n                :key=\"index\"\n                :value=\"item[field.options.valueKey]\"\n                :disabled=\"item.disabled\"\n                :border=\"field.options.border\"\n                :style=\"{ display: field.options.displayStyle }\"\n            >\n                {{ item[field.options.labelKey] }}\n            </a-radio>\n        </a-radio-group>\n        <template v-else=\"isReadMode\">\n            <span class=\"readonly-mode-field\">{{ optionLabel }}</span>\n        </template>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n    import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n    import { useSelect } from './hooks/useSelect';\n    import { onMounted } from 'vue';\n    defineOptions({\n        name: WidgetTypeEnum.radio,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n\n    const props = withDefaults(defineProps<FieldProps>(), {});\n    const {\n        rules,\n        fieldModel,\n        isReadMode,\n        designState,\n        size,\n        handleHidden,\n        handleDisabled,\n        fieldEditor,\n        defineExposed\n    } = useField(props);\n\n    const { optionLabel, initOptionItems } = useSelect({\n        designState,\n        fieldModel,\n        field: props.field\n    });\n    onMounted(() => {\n        initOptionItems();\n    });\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    /* form-item-wrapper已引入，还需要重复引入吗？ */\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementBlock","_Fragment","_renderList","field","_normalizeStyle","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCI,UAAM,QAAQ;AACd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,UAAM,EAAE,aAAa,gBAAA,IAAoB,UAAU;AAAA,MAC/C;AAAA,MACA;AAAA,MACA,OAAO,MAAM;AAAA,IAAA,CAChB;AACD,cAAU,MAAM;AACZ,sBAAA;AAAA,IACJ,CAAC;AACD,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;;cA3DuDA,MAAA,YAAA,KAAxDC,aAAAC,YAsBoB,iBAtBpBC,WAsBoB,EAAA,KAAA,EAAA,GAtBO,OAAK,EAAG,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAC3C,MAiBgB;AAAA,WAbLA,MAAA,UAAA,kBAJXE,YAiBgB,0BAAA;AAAA;qBAhBR;AAAA,YAAJ,KAAI;AAAA,YACI,OAAOF,MAAA,UAAA;AAAA,wFAAA,WAAU,QAAA,SAAA;AAAA,YACxB,MAAMA,MAAA,IAAA;AAAA,YAEN,UAAUA,MAAA,cAAA;AAAA,UAAA;6BAGP,MAAkD;AAAA,gCADtDI,mBASUC,UAAA,MAAAC,WARkBC,WAAM,QAAQ,aAAW,CAAzC,MAAM,UAAK;oCADvBL,YASU,oBAAA;AAAA,kBAPL,KAAK;AAAA,kBACL,OAAO,KAAKK,WAAM,QAAQ,QAAQ;AAAA,kBAClC,UAAU,KAAK;AAAA,kBACf,QAAQA,KAAAA,MAAM,QAAQ;AAAA,kBACtB,OAAKC,eAAA,EAAA,SAAaD,KAAAA,MAAM,QAAQ,cAAY;AAAA,gBAAA;mCAE7C,MAAkC;AAAA,oBAA/BE,gBAAAC,gBAAA,KAAKH,KAAAA,MAAM,QAAQ,QAAQ,CAAA,GAAA,CAAA;AAAA,kBAAA;;;;;;gEAIlCH,mBAA0D,QAA1D,YAA0DM,gBAArBV,MAAA,WAAA,CAAW,GAAA,CAAA;AAAA,QAAA;;;;;;"}

package/src/components/field-widget/rich-editor-widget.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./rich-editor-widget.vue2.js";
 /* empty css                        */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
-const richEditorWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c4e08a91"]]);
+const richEditorWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4fccf1cc"]]);
 export {
   richEditorWidget as default
 };

package/src/components/field-widget/rich-editor-widget.vue2.js

@@ -1,8 +1,8 @@
 import { defineComponent, computed, createBlock, createCommentVNode, unref, openBlock, mergeProps, withCtx, createElementBlock, createVNode, normalizeStyle, isRef } from "vue";
 import FormItemWrapper from "./form-item-wrapper.vue.js";
-import { useField } from "./useField.js";
 import { QuillEditor } from "tmgc2-share";
 import { ComponentNameEnum, WidgetTypeEnum } from "../../../core/src/constants/WidgetTypeEnum.js";
+import { useField } from "../../../core/src/hooks/useField.js";
 const _hoisted_1 = {
   key: 0,
   class: "rich-editor-widget"

package/src/components/field-widget/rich-editor-widget.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"rich-editor-widget.vue2.js","sources":["../../../../src/components/field-widget/rich-editor-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n        <div class=\"rich-editor-widget\" v-if=\"!isReadMode\">\n            <QuillEditor\n                ref=\"fieldEditor\"\n                v-model:value=\"fieldModel\"\n                :options=\"editorOption\"\n                :disabled=\"handleDisabled || isReadMode\"\n                :style=\"\n                    !!field.options.contentHeight ? `height: ${field.options.contentHeight};` : ''\n                \"\n            />\n        </div>\n        <div class=\"readonly-mode-rich-editor\" v-else v-html=\"fieldModel\"> </div>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { ComponentNameEnum, WidgetTypeEnum } from '@kp-ui/lowcode-core';\n    import { FieldProps, useField } from './useField';\n    import { computed, watchEffect } from 'vue';\n    import { QuillEditor } from 'tmgc2-share';\n\n    defineOptions({\n        name: WidgetTypeEnum.richEditor,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n    const props = withDefaults(defineProps<FieldProps>(), {});\n\n    const {\n        rules,\n        fieldEditor,\n        field,\n        fieldModel,\n        isReadMode,\n        handleHidden,\n        handleDisabled,\n        defineExposed\n    } = useField(props);\n\n    const editorOption = computed(() => {\n        return {\n            placeholder: field.options.placeholder,\n            modules: {}\n        };\n    });\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    .rich-editor-widget {\n        :deep(.ql-toolbar.ql-snow) {\n            border-color: #d9d9d9;\n            border-top-left-radius: 8px;\n            border-top-right-radius: 8px;\n        }\n        :deep(.ql-container.ql-snow) {\n            border-bottom-left-radius: 8px;\n            border-bottom-right-radius: 8px;\n            border-color: #d9d9d9;\n        }\n    }\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementBlock","_createVNode","_normalizeStyle"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BI,UAAM,QAAQ;AAEd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,UAAM,eAAe,SAAS,MAAM;AAChC,aAAO;AAAA,QACH,aAAa,MAAM,QAAQ;AAAA,QAC3B,SAAS,CAAA;AAAA,MAAC;AAAA,IAElB,CAAC;AAED,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;cAjDwCA,MAAA,YAAA,KAAzCC,aAAAC,YAaoB,iBAbpBC,WAaoB,EAAA,KAAA,EAAA,GAbO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MAUM;AAAA,WAViCA,MAAA,UAAA,KAAvCC,aAAAG,mBAUM,OAVN,YAUM;AAAA,YATFC,YAQEL,MAAA,WAAA,GAAA;AAAA,uBAPM;AAAA,cAAJ,KAAI;AAAA,cACI,OAAOA,MAAA,UAAA;AAAA,0FAAA,WAAU,QAAA,SAAA;AAAA,cACxB,SAAS,aAAA;AAAA,cACT,UAAUA,MAAA,cAAA,KAAkBA,MAAA,UAAA;AAAA,cAC5B,OAAKM;AAAAA,kBAAyBN,MAAA,KAAA,EAAM,QAAQ,2BAA2BA,MAAA,KAAA,EAAM,QAAQ,aAAa,MAAA;AAAA,cAAA;AAAA;8BAK3GI,mBAAyE,OAAA;AAAA;YAApE,OAAM;AAAA,YAAmC,WAAQJ,MAAA,UAAA;AAAA,UAAA;;;;;;;"}
+{"version":3,"file":"rich-editor-widget.vue2.js","sources":["../../../../src/components/field-widget/rich-editor-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n        <div class=\"rich-editor-widget\" v-if=\"!isReadMode\">\n            <QuillEditor\n                ref=\"fieldEditor\"\n                v-model:value=\"fieldModel\"\n                :options=\"editorOption\"\n                :disabled=\"handleDisabled || isReadMode\"\n                :style=\"\n                    !!field.options.contentHeight ? `height: ${field.options.contentHeight};` : ''\n                \"\n            />\n        </div>\n        <div class=\"readonly-mode-rich-editor\" v-else v-html=\"fieldModel\"> </div>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { ComponentNameEnum, WidgetTypeEnum } from '@kp-ui/lowcode-core';\n    import { type FieldProps, useField } from '@kp-ui/lowcode-core';\n    import { computed, watchEffect } from 'vue';\n    import { QuillEditor } from 'tmgc2-share';\n\n    defineOptions({\n        name: WidgetTypeEnum.richEditor,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n    const props = withDefaults(defineProps<FieldProps>(), {});\n\n    const {\n        rules,\n        fieldEditor,\n        field,\n        fieldModel,\n        isReadMode,\n        handleHidden,\n        handleDisabled,\n        defineExposed\n    } = useField(props);\n\n    const editorOption = computed(() => {\n        return {\n            placeholder: field.options.placeholder,\n            modules: {}\n        };\n    });\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    .rich-editor-widget {\n        :deep(.ql-toolbar.ql-snow) {\n            border-color: #d9d9d9;\n            border-top-left-radius: 8px;\n            border-top-right-radius: 8px;\n        }\n        :deep(.ql-container.ql-snow) {\n            border-bottom-left-radius: 8px;\n            border-bottom-right-radius: 8px;\n            border-color: #d9d9d9;\n        }\n    }\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementBlock","_createVNode","_normalizeStyle"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BI,UAAM,QAAQ;AAEd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,UAAM,eAAe,SAAS,MAAM;AAChC,aAAO;AAAA,QACH,aAAa,MAAM,QAAQ;AAAA,QAC3B,SAAS,CAAA;AAAA,MAAC;AAAA,IAElB,CAAC;AAED,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;cAjDwCA,MAAA,YAAA,KAAzCC,aAAAC,YAaoB,iBAbpBC,WAaoB,EAAA,KAAA,EAAA,GAbO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MAUM;AAAA,WAViCA,MAAA,UAAA,KAAvCC,aAAAG,mBAUM,OAVN,YAUM;AAAA,YATFC,YAQEL,MAAA,WAAA,GAAA;AAAA,uBAPM;AAAA,cAAJ,KAAI;AAAA,cACI,OAAOA,MAAA,UAAA;AAAA,0FAAA,WAAU,QAAA,SAAA;AAAA,cACxB,SAAS,aAAA;AAAA,cACT,UAAUA,MAAA,cAAA,KAAkBA,MAAA,UAAA;AAAA,cAC5B,OAAKM;AAAAA,kBAAyBN,MAAA,KAAA,EAAM,QAAQ,2BAA2BA,MAAA,KAAA,EAAM,QAAQ,aAAa,MAAA;AAAA,cAAA;AAAA;8BAK3GI,mBAAyE,OAAA;AAAA;YAApE,OAAM;AAAA,YAAmC,WAAQJ,MAAA,UAAA;AAAA,UAAA;;;;;;;"}

package/src/components/field-widget/textarea-widget.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./textarea-widget.vue2.js";
 /* empty css                     */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
-const textareaWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-04869c36"]]);
+const textareaWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ee000014"]]);
 export {
   textareaWidget as default
 };

package/src/components/field-widget/textarea-widget.vue2.js

@@ -1,7 +1,7 @@
 import { defineComponent, resolveComponent, createBlock, createCommentVNode, unref, openBlock, mergeProps, withCtx, createElementBlock, isRef } from "vue";
 import FormItemWrapper from "./form-item-wrapper.vue.js";
-import { useField } from "./useField.js";
 import { ComponentNameEnum, WidgetTypeEnum } from "../../../core/src/constants/WidgetTypeEnum.js";
+import { useField } from "../../../core/src/hooks/useField.js";
 const _hoisted_1 = ["innerHTML"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/src/components/field-widget/textarea-widget.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea-widget.vue2.js","sources":["../../../../src/components/field-widget/textarea-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" :rules=\"rules\" v-if=\"!handleHidden\">\n        <a-textarea\n            type=\"textarea\"\n            ref=\"fieldEditor\"\n            v-model:value=\"fieldModel\"\n            v-if=\"!isReadMode\"\n            :size=\"size\"\n            :disabled=\"handleDisabled\"\n            :allowClear=\"field.options.allowClear\"\n            :readonly=\"field.options.readonly\"\n            :placeholder=\"field.options.placeholder\"\n            :rows=\"field.options.rows\"\n            :minlength=\"field.options.minLength\"\n            :maxlength=\"field.options.maxLength\"\n            :showCount=\"field.options.showCount\"\n            @focus=\"handleFocusCustomEvent\"\n            @blur=\"handleBlurCustomEvent\"\n        />\n        <template v-else=\"isReadMode\">\n            <div v-html=\"fieldModel\" class=\"readonly-mode-field\"></div>\n        </template>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { type FieldProps, useField } from './useField';\n    import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n    defineOptions({\n        name: WidgetTypeEnum.textarea,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n\n    const props = withDefaults(defineProps<FieldProps>(), {});\n\n    const {\n        rules,\n        field,\n        fieldModel,\n        isReadMode,\n        size,\n\n        handleHidden,\n        handleDisabled,\n        handleFocusCustomEvent,\n        handleBlurCustomEvent,\n        defineExposed\n    } = useField(props);\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    .readonly-mode-field {\n        display: inline-block;\n        white-space: pre-wrap;\n        line-height: 1.5;\n        max-height: 100px;\n        overflow-y: auto;\n    }\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementBlock"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAkCI,UAAM,QAAQ;AAEd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cAnDuDA,MAAA,YAAA,KAAxDC,aAAAC,YAqBoB,iBArBpBC,WAqBoB,EAAA,KAAA,EAAA,GArBO,OAAK,EAAG,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAC3C,MAgBE;AAAA,WAZSA,MAAA,UAAA,kBAJXE,YAgBE,uBAAA;AAAA;YAfE,MAAK;AAAA,YACL,KAAI;AAAA,YACI,OAAOF,MAAA,UAAA;AAAA,wFAAA,WAAU,QAAA,SAAA;AAAA,YAExB,MAAMA,MAAA,IAAA;AAAA,YACN,UAAUA,MAAA,cAAA;AAAA,YACV,YAAYA,MAAA,KAAA,EAAM,QAAQ;AAAA,YAC1B,UAAUA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACxB,aAAaA,MAAA,KAAA,EAAM,QAAQ;AAAA,YAC3B,MAAMA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACpB,WAAWA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACzB,WAAWA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACzB,WAAWA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACzB,SAAOA,MAAA,sBAAA;AAAA,YACP,QAAMA,MAAA,qBAAA;AAAA,UAAA,yKAGPI,mBAA2D,OAAA;AAAA;YAAtD,WAAQJ,MAAA,UAAA;AAAA,YAAY,OAAM;AAAA,UAAA;;;;;;;"}
+{"version":3,"file":"textarea-widget.vue2.js","sources":["../../../../src/components/field-widget/textarea-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" :rules=\"rules\" v-if=\"!handleHidden\">\n        <a-textarea\n            type=\"textarea\"\n            ref=\"fieldEditor\"\n            v-model:value=\"fieldModel\"\n            v-if=\"!isReadMode\"\n            :size=\"size\"\n            :disabled=\"handleDisabled\"\n            :allowClear=\"field.options.allowClear\"\n            :readonly=\"field.options.readonly\"\n            :placeholder=\"field.options.placeholder\"\n            :rows=\"field.options.rows\"\n            :minlength=\"field.options.minLength\"\n            :maxlength=\"field.options.maxLength\"\n            :showCount=\"field.options.showCount\"\n            @focus=\"handleFocusCustomEvent\"\n            @blur=\"handleBlurCustomEvent\"\n        />\n        <template v-else=\"isReadMode\">\n            <div v-html=\"fieldModel\" class=\"readonly-mode-field\"></div>\n        </template>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import {\n        type FieldProps,\n        useField,\n        WidgetTypeEnum,\n        ComponentNameEnum\n    } from '@kp-ui/lowcode-core';\n    defineOptions({\n        name: WidgetTypeEnum.textarea,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n\n    const props = withDefaults(defineProps<FieldProps>(), {});\n\n    const {\n        rules,\n        field,\n        fieldModel,\n        isReadMode,\n        size,\n\n        handleHidden,\n        handleDisabled,\n        handleFocusCustomEvent,\n        handleBlurCustomEvent,\n        defineExposed\n    } = useField(props);\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    .readonly-mode-field {\n        display: inline-block;\n        white-space: pre-wrap;\n        line-height: 1.5;\n        max-height: 100px;\n        overflow-y: auto;\n    }\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementBlock"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAsCI,UAAM,QAAQ;AAEd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cAvDuDA,MAAA,YAAA,KAAxDC,aAAAC,YAqBoB,iBArBpBC,WAqBoB,EAAA,KAAA,EAAA,GArBO,OAAK,EAAG,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAC3C,MAgBE;AAAA,WAZSA,MAAA,UAAA,kBAJXE,YAgBE,uBAAA;AAAA;YAfE,MAAK;AAAA,YACL,KAAI;AAAA,YACI,OAAOF,MAAA,UAAA;AAAA,wFAAA,WAAU,QAAA,SAAA;AAAA,YAExB,MAAMA,MAAA,IAAA;AAAA,YACN,UAAUA,MAAA,cAAA;AAAA,YACV,YAAYA,MAAA,KAAA,EAAM,QAAQ;AAAA,YAC1B,UAAUA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACxB,aAAaA,MAAA,KAAA,EAAM,QAAQ;AAAA,YAC3B,MAAMA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACpB,WAAWA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACzB,WAAWA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACzB,WAAWA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACzB,SAAOA,MAAA,sBAAA;AAAA,YACP,QAAMA,MAAA,qBAAA;AAAA,UAAA,yKAGPI,mBAA2D,OAAA;AAAA;YAAtD,WAAQJ,MAAA,UAAA;AAAA,YAAY,OAAM;AAAA,UAAA;;;;;;;"}

package/src/components/field-widget/treeSelect-widget.vue2.js

@@ -1,8 +1,8 @@
 import { defineComponent, onMounted, computed, resolveComponent, createBlock, createCommentVNode, unref, openBlock, mergeProps, withCtx, createElementVNode, normalizeClass, withDirectives, createElementBlock, createVNode, isRef, vShow, toDisplayString } from "vue";
 import FormItemWrapper from "./form-item-wrapper.vue.js";
-import { useField } from "./useField.js";
 import { useSelect } from "./hooks/useSelect.js";
 import { ComponentNameEnum, WidgetTypeEnum } from "../../../core/src/constants/WidgetTypeEnum.js";
+import { useField } from "../../../core/src/hooks/useField.js";
 import { formateCascaderCode } from "../../../core/src/utils/format.js";
 const _hoisted_1 = {
   key: 0,
@@ -31,7 +31,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       rules,
       i18nt,
       fieldEditor,
-      field,
       fieldModel,
       isReadMode,
       size,
@@ -43,7 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       defineExposed
     } = useField(props);
     const { labelKey, valueKey, childrenKey, initOptionItems } = useSelect({
-      field,
+      field: props.field,
       fieldModel,
       designState
     });
@@ -52,7 +51,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const contentForReadMode = computed(() => {
       if (!fieldModel.value) return "";
-      return formateCascaderCode(field.options.optionItems, fieldModel.value, {
+      return formateCascaderCode(props.field.options.optionItems, fieldModel.value, {
         label: labelKey.value,
         value: valueKey.value,
         children: childrenKey.value
@@ -69,18 +68,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: normalizeClass(["full-width-input", { "readonly-mode-cascader": unref(isReadMode) }])
           }, [
             withDirectives(createVNode(_component_a_tree_select, {
-              "tree-default-expand-all": unref(field).options.treeDefaultExpandAll,
+              "tree-default-expand-all": _ctx.field.options.treeDefaultExpandAll,
               ref_key: "fieldEditor",
               ref: fieldEditor,
               size: unref(size),
-              treeData: unref(field).options.optionItems,
+              treeData: _ctx.field.options.optionItems,
               value: unref(fieldModel),
               "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(fieldModel) ? fieldModel.value = $event : null),
               disabled: unref(handleDisabled),
-              allowClear: unref(field).options.allowClear,
-              placeholder: unref(field).options.placeholder || unref(i18nt)("render.hint.selectPlaceholder"),
+              allowClear: _ctx.field.options.allowClear,
+              placeholder: _ctx.field.options.placeholder || unref(i18nt)("render.hint.selectPlaceholder"),
               fieldNames: { value: unref(valueKey), label: unref(labelKey), children: unref(childrenKey) },
-              multiple: unref(field).options.multiple,
+              multiple: _ctx.field.options.multiple,
               onFocus: unref(handleFocusCustomEvent),
               onBlur: unref(handleBlurCustomEvent)
             }, null, 8, ["tree-default-expand-all", "size", "treeData", "value", "disabled", "allowClear", "placeholder", "fieldNames", "multiple", "onFocus", "onBlur"]), [

package/src/components/field-widget/treeSelect-widget.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"treeSelect-widget.vue2.js","sources":["../../../../src/components/field-widget/treeSelect-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n        <div class=\"full-width-input\" :class=\"{ 'readonly-mode-cascader': isReadMode }\">\n            <a-tree-select\n                v-show=\"!isReadMode\"\n                :tree-default-expand-all=\"field.options.treeDefaultExpandAll\"\n                ref=\"fieldEditor\"\n                :size=\"size\"\n                :treeData=\"field.options.optionItems\"\n                v-model:value=\"fieldModel\"\n                :disabled=\"handleDisabled\"\n                :allowClear=\"field.options.allowClear\"\n                :placeholder=\"field.options.placeholder || i18nt('render.hint.selectPlaceholder')\"\n                :fieldNames=\"{ value: valueKey, label: labelKey, children: childrenKey }\"\n                :multiple=\"field.options.multiple\"\n                @focus=\"handleFocusCustomEvent\"\n                @blur=\"handleBlurCustomEvent\"\n            />\n            <template v-if=\"isReadMode\">\n                <span class=\"readonly-mode-field\">{{ contentForReadMode }}</span>\n            </template>\n        </div>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { ComponentNameEnum, WidgetTypeEnum } from '@kp-ui/lowcode-core';\n    import { FieldProps, useField } from './useField';\n    import { useSelect } from './hooks/useSelect';\n    import { computed, onMounted } from 'vue';\n    import { formateCascaderCode } from '@kp-ui/lowcode-core';\n\n    defineOptions({\n        name: WidgetTypeEnum.treeSelect,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n    const props = withDefaults(defineProps<FieldProps>(), {});\n\n    const {\n        rules,\n        i18nt,\n        fieldEditor,\n        field,\n        fieldModel,\n        isReadMode,\n        size,\n        designState,\n        handleHidden,\n        handleDisabled,\n        handleFocusCustomEvent,\n        handleBlurCustomEvent,\n        defineExposed\n    } = useField(props);\n\n    const { labelKey, valueKey, childrenKey, initOptionItems } = useSelect({\n        field,\n        fieldModel,\n        designState\n    });\n\n    onMounted(() => {\n        initOptionItems();\n    });\n\n    const contentForReadMode = computed(() => {\n        if (!fieldModel.value) return '';\n        return formateCascaderCode(field.options.optionItems, fieldModel.value, {\n            label: labelKey.value,\n            value: valueKey.value,\n            children: childrenKey.value\n        });\n    });\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped></style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementVNode","_normalizeClass","_createVNode","_createElementBlock","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCI,UAAM,QAAQ;AAEd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,UAAM,EAAE,UAAU,UAAU,aAAa,gBAAA,IAAoB,UAAU;AAAA,MACnE;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACH;AAED,cAAU,MAAM;AACZ,sBAAA;AAAA,IACJ,CAAC;AAED,UAAM,qBAAqB,SAAS,MAAM;AACtC,UAAI,CAAC,WAAW,MAAO,QAAO;AAC9B,aAAO,oBAAoB,MAAM,QAAQ,aAAa,WAAW,OAAO;AAAA,QACpE,OAAO,SAAS;AAAA,QAChB,OAAO,SAAS;AAAA,QAChB,UAAU,YAAY;AAAA,MAAA,CACzB;AAAA,IACL,CAAC;AAED,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cA3EwCA,MAAA,YAAA,KAAzCC,aAAAC,YAqBoB,iBArBpBC,WAqBoB,EAAA,KAAA,EAAA,GArBO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MAmBM;AAAA,UAnBNI,mBAmBM,OAAA;AAAA,YAnBD,OAAKC,eAAA,CAAC,oBAAkB,EAAA,0BAAqCL,MAAA,UAAA,GAAU,CAAA;AAAA,UAAA;2BACxEM,YAcE,0BAAA;AAAA,cAZG,2BAAyBN,MAAA,KAAA,EAAM,QAAQ;AAAA,uBACpC;AAAA,cAAJ,KAAI;AAAA,cACH,MAAMA,MAAA,IAAA;AAAA,cACN,UAAUA,MAAA,KAAA,EAAM,QAAQ;AAAA,cACjB,OAAOA,MAAA,UAAA;AAAA,0FAAA,WAAU,QAAA,SAAA;AAAA,cACxB,UAAUA,MAAA,cAAA;AAAA,cACV,YAAYA,MAAA,KAAA,EAAM,QAAQ;AAAA,cAC1B,aAAaA,MAAA,KAAA,EAAM,QAAQ,eAAeA,MAAA,KAAA,EAAK,+BAAA;AAAA,cAC/C,YAAU,EAAA,OAAWA,MAAA,QAAA,GAAQ,OAASA,MAAA,QAAA,aAAoBA,MAAA,WAAA,EAAA;AAAA,cAC1D,UAAUA,MAAA,KAAA,EAAM,QAAQ;AAAA,cACxB,SAAOA,MAAA,sBAAA;AAAA,cACP,QAAMA,MAAA,qBAAA;AAAA,YAAA;uBAZEA,MAAA,UAAA,CAAU;AAAA,YAAA;YAcPA,MAAA,UAAA,kBACZO,mBAAiE,QAAjE,YAAiEC,gBAA5B,mBAAA,KAAkB,GAAA,CAAA;;;;;;;;"}
+{"version":3,"file":"treeSelect-widget.vue2.js","sources":["../../../../src/components/field-widget/treeSelect-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n        <div class=\"full-width-input\" :class=\"{ 'readonly-mode-cascader': isReadMode }\">\n            <a-tree-select\n                v-show=\"!isReadMode\"\n                :tree-default-expand-all=\"field.options.treeDefaultExpandAll\"\n                ref=\"fieldEditor\"\n                :size=\"size\"\n                :treeData=\"field.options.optionItems\"\n                v-model:value=\"fieldModel\"\n                :disabled=\"handleDisabled\"\n                :allowClear=\"field.options.allowClear\"\n                :placeholder=\"field.options.placeholder || i18nt('render.hint.selectPlaceholder')\"\n                :fieldNames=\"{ value: valueKey, label: labelKey, children: childrenKey }\"\n                :multiple=\"field.options.multiple\"\n                @focus=\"handleFocusCustomEvent\"\n                @blur=\"handleBlurCustomEvent\"\n            />\n            <template v-if=\"isReadMode\">\n                <span class=\"readonly-mode-field\">{{ contentForReadMode }}</span>\n            </template>\n        </div>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { ComponentNameEnum, WidgetTypeEnum } from '@kp-ui/lowcode-core';\n    import { type FieldProps, useField } from '@kp-ui/lowcode-core';\n    import { useSelect } from './hooks/useSelect';\n    import { computed, onMounted } from 'vue';\n    import { formateCascaderCode } from '@kp-ui/lowcode-core';\n\n    defineOptions({\n        name: WidgetTypeEnum.treeSelect,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n    const props = withDefaults(defineProps<FieldProps>(), {});\n\n    const {\n        rules,\n        i18nt,\n        fieldEditor,\n        fieldModel,\n        isReadMode,\n        size,\n        designState,\n        handleHidden,\n        handleDisabled,\n        handleFocusCustomEvent,\n        handleBlurCustomEvent,\n        defineExposed\n    } = useField(props);\n\n    const { labelKey, valueKey, childrenKey, initOptionItems } = useSelect({\n        field: props.field,\n        fieldModel,\n        designState\n    });\n\n    onMounted(() => {\n        initOptionItems();\n    });\n\n    const contentForReadMode = computed(() => {\n        if (!fieldModel.value) return '';\n        return formateCascaderCode(props.field.options.optionItems, fieldModel.value, {\n            label: labelKey.value,\n            value: valueKey.value,\n            children: childrenKey.value\n        });\n    });\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped></style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementVNode","_normalizeClass","_createVNode","field","_createElementBlock","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCI,UAAM,QAAQ;AAEd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,UAAM,EAAE,UAAU,UAAU,aAAa,gBAAA,IAAoB,UAAU;AAAA,MACnE,OAAO,MAAM;AAAA,MACb;AAAA,MACA;AAAA,IAAA,CACH;AAED,cAAU,MAAM;AACZ,sBAAA;AAAA,IACJ,CAAC;AAED,UAAM,qBAAqB,SAAS,MAAM;AACtC,UAAI,CAAC,WAAW,MAAO,QAAO;AAC9B,aAAO,oBAAoB,MAAM,MAAM,QAAQ,aAAa,WAAW,OAAO;AAAA,QAC1E,OAAO,SAAS;AAAA,QAChB,OAAO,SAAS;AAAA,QAChB,UAAU,YAAY;AAAA,MAAA,CACzB;AAAA,IACL,CAAC;AAED,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cA1EwCA,MAAA,YAAA,KAAzCC,aAAAC,YAqBoB,iBArBpBC,WAqBoB,EAAA,KAAA,EAAA,GArBO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MAmBM;AAAA,UAnBNI,mBAmBM,OAAA;AAAA,YAnBD,OAAKC,eAAA,CAAC,oBAAkB,EAAA,0BAAqCL,MAAA,UAAA,GAAU,CAAA;AAAA,UAAA;2BACxEM,YAcE,0BAAA;AAAA,cAZG,2BAAyBC,KAAAA,MAAM,QAAQ;AAAA,uBACpC;AAAA,cAAJ,KAAI;AAAA,cACH,MAAMP,MAAA,IAAA;AAAA,cACN,UAAUO,KAAAA,MAAM,QAAQ;AAAA,cACjB,OAAOP,MAAA,UAAA;AAAA,0FAAA,WAAU,QAAA,SAAA;AAAA,cACxB,UAAUA,MAAA,cAAA;AAAA,cACV,YAAYO,KAAAA,MAAM,QAAQ;AAAA,cAC1B,aAAaA,KAAAA,MAAM,QAAQ,eAAeP,MAAA,KAAA,EAAK,+BAAA;AAAA,cAC/C,YAAU,EAAA,OAAWA,MAAA,QAAA,GAAQ,OAASA,MAAA,QAAA,aAAoBA,MAAA,WAAA,EAAA;AAAA,cAC1D,UAAUO,KAAAA,MAAM,QAAQ;AAAA,cACxB,SAAOP,MAAA,sBAAA;AAAA,cACP,QAAMA,MAAA,qBAAA;AAAA,YAAA;uBAZEA,MAAA,UAAA,CAAU;AAAA,YAAA;YAcPA,MAAA,UAAA,kBACZQ,mBAAiE,QAAjE,YAAiEC,gBAA5B,mBAAA,KAAkB,GAAA,CAAA;;;;;;;;"}

package/src/components/field-widget/vue-render-widget.vue2.js

@@ -1,7 +1,7 @@
 import { defineComponent, createBlock, createCommentVNode, unref, openBlock, mergeProps, withCtx, createElementVNode, resolveDynamicComponent, toRefs } from "vue";
 import FormItemWrapper from "./form-item-wrapper.vue.js";
-import { useField } from "./useField.js";
 import { ComponentNameEnum, WidgetTypeEnum } from "../../../core/src/constants/WidgetTypeEnum.js";
+import { useField } from "../../../core/src/hooks/useField.js";
 const _hoisted_1 = { class: "slot-wrapper-render" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/src/components/field-widget/vue-render-widget.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"vue-render-widget.vue2.js","sources":["../../../../src/components/field-widget/vue-render-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n        <div class=\"slot-wrapper-render\">\n            <component ref=\"fieldEditor\" :is=\"renderCompont()\" />\n        </div>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import { ComponentNameEnum, WidgetTypeEnum } from '@kp-ui/lowcode-core';\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { FieldProps, useField } from './useField';\n    import { toRefs } from 'vue';\n\n    defineOptions({\n        name: WidgetTypeEnum.vueRender,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n    const props = withDefaults(defineProps<FieldProps>(), {});\n\n    const { rules, field, fieldModel, handleHidden, defineExposed, executeFunction } =\n        useField(props);\n\n    const renderCompont = () => {\n        if (field.options.template) {\n            const sfcString = field.options.template;\n            const templateMatch = sfcString.match(/<template>([\\s\\S]*)<\\/template>/);\n            const scriptMatch = sfcString.match(/<script.*?>([\\s\\S]*)<\\/script>/);\n            const styleMatch = sfcString.match(/<style.*?>([\\s\\S]*)<\\/style>/);\n\n            const template = templateMatch ? templateMatch[1] : '';\n            let scriptContent = scriptMatch ? scriptMatch[1] : 'export default {}';\n            const style = styleMatch ? styleMatch[1] : '';\n\n            // Handle style\n            if (style) {\n                const styleId = `vue-render-style-${field.options.name}`;\n                if (!document.getElementById(styleId)) {\n                    const styleTag = document.createElement('style');\n                    styleTag.id = styleId;\n                    styleTag.textContent = style;\n                    document.head.appendChild(styleTag);\n                }\n            }\n\n            // Handle script\n            // Replace export default with return to make it evaluatable\n            scriptContent = scriptContent.replace('export default', 'return');\n\n            try {\n                const getOptions = new Function(scriptContent);\n                const componentOptions = getOptions() || {};\n\n                return {\n                    template,\n                    ...componentOptions,\n                    props: ['data'], // Ensure data prop is available if not defined\n                    setup(props, ctx) {\n                        // Call original setup if it exists\n                        const originalSetup = componentOptions.setup\n                            ? componentOptions.setup(props, ctx)\n                            : {};\n                        return {\n                            ...toRefs(props),\n                            ...originalSetup\n                        };\n                    }\n                };\n            } catch (e) {\n                console.error('Failed to parse component script', e);\n                return { template: '<div>Error parsing component</div>' };\n            }\n        }\n        // Assuming executeFunction and fieldModel are defined elsewhere or will be added.\n        // This part of the code was provided in the instruction, but its dependencies are not in the original snippet.\n        const component = executeFunction({\n            functionBody: field.options.customRender,\n            params: { data: fieldModel.value },\n            keys: ['data']\n        });\n\n        return component ?? null;\n    };\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped></style>\n"],"names":["props","_unref","_openBlock","_createBlock","_mergeProps","_createElementVNode","_resolveDynamicComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAkBI,UAAM,QAAQ;AAEd,UAAM,EAAE,OAAO,OAAO,YAAY,cAAc,eAAe,gBAAA,IAC3D,SAAS,KAAK;AAElB,UAAM,gBAAgB,MAAM;AACxB,UAAI,MAAM,QAAQ,UAAU;AACxB,cAAM,YAAY,MAAM,QAAQ;AAChC,cAAM,gBAAgB,UAAU,MAAM,iCAAiC;AACvE,cAAM,cAAc,UAAU,MAAM,gCAAgC;AACpE,cAAM,aAAa,UAAU,MAAM,8BAA8B;AAEjE,cAAM,WAAW,gBAAgB,cAAc,CAAC,IAAI;AACpD,YAAI,gBAAgB,cAAc,YAAY,CAAC,IAAI;AACnD,cAAM,QAAQ,aAAa,WAAW,CAAC,IAAI;AAG3C,YAAI,OAAO;AACP,gBAAM,UAAU,oBAAoB,MAAM,QAAQ,IAAI;AACtD,cAAI,CAAC,SAAS,eAAe,OAAO,GAAG;AACnC,kBAAM,WAAW,SAAS,cAAc,OAAO;AAC/C,qBAAS,KAAK;AACd,qBAAS,cAAc;AACvB,qBAAS,KAAK,YAAY,QAAQ;AAAA,UACtC;AAAA,QACJ;AAIA,wBAAgB,cAAc,QAAQ,kBAAkB,QAAQ;AAEhE,YAAI;AACA,gBAAM,aAAa,IAAI,SAAS,aAAa;AAC7C,gBAAM,mBAAmB,WAAA,KAAgB,CAAA;AAEzC,iBAAO;AAAA,YACH;AAAA,YACA,GAAG;AAAA,YACH,OAAO,CAAC,MAAM;AAAA;AAAA,YACd,MAAMA,QAAO,KAAK;AAEd,oBAAM,gBAAgB,iBAAiB,QACjC,iBAAiB,MAAMA,QAAO,GAAG,IACjC,CAAA;AACN,qBAAO;AAAA,gBACH,GAAG,OAAOA,MAAK;AAAA,gBACf,GAAG;AAAA,cAAA;AAAA,YAEX;AAAA,UAAA;AAAA,QAER,SAAS,GAAG;AACR,kBAAQ,MAAM,oCAAoC,CAAC;AACnD,iBAAO,EAAE,UAAU,qCAAA;AAAA,QACvB;AAAA,MACJ;AAGA,YAAM,YAAY,gBAAgB;AAAA,QAC9B,cAAc,MAAM,QAAQ;AAAA,QAC5B,QAAQ,EAAE,MAAM,WAAW,MAAA;AAAA,QAC3B,MAAM,CAAC,MAAM;AAAA,MAAA,CAChB;AAED,aAAO,aAAa;AAAA,IACxB;AAEA,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;cArFwCC,MAAA,YAAA,KAAzCC,aAAAC,YAIoB,iBAJpBC,WAIoB,EAAA,KAAA,EAAA,GAJO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MAEM;AAAA,UAFNI,mBAEM,OAFN,YAEM;AAAA,aADFH,aAAAC,YAAqDG,wBAAnB,cAAA,CAAa,GAAA,EAApC,KAAI,cAAA,GAAa,MAAA,GAAA;AAAA,UAAA;;;;;;;"}
+{"version":3,"file":"vue-render-widget.vue2.js","sources":["../../../../src/components/field-widget/vue-render-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n        <div class=\"slot-wrapper-render\">\n            <component ref=\"fieldEditor\" :is=\"renderCompont()\" />\n        </div>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import { ComponentNameEnum, WidgetTypeEnum } from '@kp-ui/lowcode-core';\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { type FieldProps, useField } from '@kp-ui/lowcode-core';\n    import { toRefs } from 'vue';\n\n    defineOptions({\n        name: WidgetTypeEnum.vueRender,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n    const props = withDefaults(defineProps<FieldProps>(), {});\n\n    const { rules, field, fieldModel, handleHidden, defineExposed, executeFunction } =\n        useField(props);\n\n    const renderCompont = () => {\n        if (field.options.template) {\n            const sfcString = field.options.template;\n            const templateMatch = sfcString.match(/<template>([\\s\\S]*)<\\/template>/);\n            const scriptMatch = sfcString.match(/<script.*?>([\\s\\S]*)<\\/script>/);\n            const styleMatch = sfcString.match(/<style.*?>([\\s\\S]*)<\\/style>/);\n\n            const template = templateMatch ? templateMatch[1] : '';\n            let scriptContent = scriptMatch ? scriptMatch[1] : 'export default {}';\n            const style = styleMatch ? styleMatch[1] : '';\n\n            // Handle style\n            if (style) {\n                const styleId = `vue-render-style-${field.options.name}`;\n                if (!document.getElementById(styleId)) {\n                    const styleTag = document.createElement('style');\n                    styleTag.id = styleId;\n                    styleTag.textContent = style;\n                    document.head.appendChild(styleTag);\n                }\n            }\n\n            // Handle script\n            // Replace export default with return to make it evaluatable\n            scriptContent = scriptContent.replace('export default', 'return');\n\n            try {\n                const getOptions = new Function(scriptContent);\n                const componentOptions = getOptions() || {};\n\n                return {\n                    template,\n                    ...componentOptions,\n                    props: ['data'], // Ensure data prop is available if not defined\n                    setup(props, ctx) {\n                        // Call original setup if it exists\n                        const originalSetup = componentOptions.setup\n                            ? componentOptions.setup(props, ctx)\n                            : {};\n                        return {\n                            ...toRefs(props),\n                            ...originalSetup\n                        };\n                    }\n                };\n            } catch (e) {\n                console.error('Failed to parse component script', e);\n                return { template: '<div>Error parsing component</div>' };\n            }\n        }\n        // Assuming executeFunction and fieldModel are defined elsewhere or will be added.\n        // This part of the code was provided in the instruction, but its dependencies are not in the original snippet.\n        const component = executeFunction({\n            functionBody: field.options.customRender,\n            params: { data: fieldModel.value },\n            keys: ['data']\n        });\n\n        return component ?? null;\n    };\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped></style>\n"],"names":["props","_unref","_openBlock","_createBlock","_mergeProps","_createElementVNode","_resolveDynamicComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAkBI,UAAM,QAAQ;AAEd,UAAM,EAAE,OAAO,OAAO,YAAY,cAAc,eAAe,gBAAA,IAC3D,SAAS,KAAK;AAElB,UAAM,gBAAgB,MAAM;AACxB,UAAI,MAAM,QAAQ,UAAU;AACxB,cAAM,YAAY,MAAM,QAAQ;AAChC,cAAM,gBAAgB,UAAU,MAAM,iCAAiC;AACvE,cAAM,cAAc,UAAU,MAAM,gCAAgC;AACpE,cAAM,aAAa,UAAU,MAAM,8BAA8B;AAEjE,cAAM,WAAW,gBAAgB,cAAc,CAAC,IAAI;AACpD,YAAI,gBAAgB,cAAc,YAAY,CAAC,IAAI;AACnD,cAAM,QAAQ,aAAa,WAAW,CAAC,IAAI;AAG3C,YAAI,OAAO;AACP,gBAAM,UAAU,oBAAoB,MAAM,QAAQ,IAAI;AACtD,cAAI,CAAC,SAAS,eAAe,OAAO,GAAG;AACnC,kBAAM,WAAW,SAAS,cAAc,OAAO;AAC/C,qBAAS,KAAK;AACd,qBAAS,cAAc;AACvB,qBAAS,KAAK,YAAY,QAAQ;AAAA,UACtC;AAAA,QACJ;AAIA,wBAAgB,cAAc,QAAQ,kBAAkB,QAAQ;AAEhE,YAAI;AACA,gBAAM,aAAa,IAAI,SAAS,aAAa;AAC7C,gBAAM,mBAAmB,WAAA,KAAgB,CAAA;AAEzC,iBAAO;AAAA,YACH;AAAA,YACA,GAAG;AAAA,YACH,OAAO,CAAC,MAAM;AAAA;AAAA,YACd,MAAMA,QAAO,KAAK;AAEd,oBAAM,gBAAgB,iBAAiB,QACjC,iBAAiB,MAAMA,QAAO,GAAG,IACjC,CAAA;AACN,qBAAO;AAAA,gBACH,GAAG,OAAOA,MAAK;AAAA,gBACf,GAAG;AAAA,cAAA;AAAA,YAEX;AAAA,UAAA;AAAA,QAER,SAAS,GAAG;AACR,kBAAQ,MAAM,oCAAoC,CAAC;AACnD,iBAAO,EAAE,UAAU,qCAAA;AAAA,QACvB;AAAA,MACJ;AAGA,YAAM,YAAY,gBAAgB;AAAA,QAC9B,cAAc,MAAM,QAAQ;AAAA,QAC5B,QAAQ,EAAE,MAAM,WAAW,MAAA;AAAA,QAC3B,MAAM,CAAC,MAAM;AAAA,MAAA,CAChB;AAED,aAAO,aAAa;AAAA,IACxB;AAEA,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;cArFwCC,MAAA,YAAA,KAAzCC,aAAAC,YAIoB,iBAJpBC,WAIoB,EAAA,KAAA,EAAA,GAJO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MAEM;AAAA,UAFNI,mBAEM,OAFN,YAEM;AAAA,aADFH,aAAAC,YAAqDG,wBAAnB,cAAA,CAAa,GAAA,EAApC,KAAI,cAAA,GAAa,MAAA,GAAA;AAAA,UAAA;;;;;;;"}

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

@@ -1,7 +1,7 @@
 import _sfc_main from "./data-table-widget.vue2.js";
 /* empty css                       */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
-const DataTableWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-598f1ef3"]]);
+const DataTableWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-02a5f9df"]]);
 export {
   DataTableWidget as default
 };

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

@@ -1,8 +1,15 @@
-import { defineComponent, watchEffect, onMounted, createElementBlock, createCommentVNode, unref, openBlock, normalizeStyle, createVNode } from "vue";
+import { defineComponent, ref, watchEffect, onMounted, resolveComponent, createElementBlock, createCommentVNode, unref, openBlock, normalizeStyle, createVNode, withCtx, createTextVNode, toDisplayString } from "vue";
+import { SettingOutlined } from "@ant-design/icons-vue";
 import { useVxeTable, Table } from "tmgc2-share";
+import { useI18n } from "@kp-ui/i18n";
 import { useTableWidget } from "../../desginer/form-widget/container-widget/useTableWidget.js";
+import DataTableColumnDialog from "../../public/DataTableColumnDialog.vue.js";
 import { ComponentNameEnum, ContainerTypeEnum } from "../../../../core/src/constants/WidgetTypeEnum.js";
 import { useField } from "../../../../core/src/hooks/useField.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "table-toolbar"
+};
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: ContainerTypeEnum.DataTable,
@@ -20,12 +27,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose }) {
     var _a;
     const props = __props;
+    const { t } = useI18n();
     const { fieldModel, handleHidden, defineExposed } = useField(props);
+    const columnDialogVisible = ref(false);
+    const columnList = ref([]);
     const {
       isLoading,
       tableProps,
       tableWidth,
       pagintion,
+      showColumnManager,
       setPagination,
       setTableRef,
       initTableSoureData,
@@ -48,6 +59,44 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     pagintion.value.onChange = (current, pageSize) => {
       initTableSoureData();
     };
+    const openColumnDialog = () => {
+      columnDialogVisible.value = true;
+    };
+    const handleUpdateColumns = (newColumns) => {
+      if (props.field.options.tableColumns) {
+        props.field.options.tableColumns = props.field.options.tableColumns.map((col) => {
+          const found = newColumns.find((item) => item.dataIndex === col.dataIndex);
+          if (found) {
+            return { ...col, show: found.visible !== false };
+          }
+          return col;
+        });
+      }
+      clearTableStorage();
+      initColumnList();
+      updateTableColumns();
+    };
+    const initColumnList = () => {
+      const tableColumns = props.field.options.tableColumns || [];
+      if (tableColumns.length > 0) {
+        columnList.value = tableColumns.map((col) => ({
+          ...col,
+          visible: col.show !== false,
+          title: col.title || col.dataIndex
+        }));
+      }
+    };
+    const clearTableStorage = () => {
+      const tableId = props.field.id || props.field.options.name;
+      const keysToRemove = [];
+      for (let i = 0; i < localStorage.length; i++) {
+        const key = localStorage.key(i);
+        if (key && key.includes(tableId)) {
+          keysToRemove.push(key);
+        }
+      }
+      keysToRemove.forEach((key) => localStorage.removeItem(key));
+    };
     const { tableRef, register, selectedRowInfo, sorts, selectRow, delSelectRow } = useVxeTable({
       props: {
         rowKey: props.field.options.rowKey,
@@ -66,11 +115,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         cellClick: (params) => onRunEvent(params, "onClick")
       }
     });
+    const updateTableColumns = () => {
+      if (!tableRef.value) return;
+      tableRef.value.refreshColumn();
+    };
     const getSelectedRowKeys = () => {
-      return selectedRowInfo.value.selectedRowKeys;
+      var _a2;
+      const selectRows = ((_a2 = tableRef.value) == null ? void 0 : _a2.getCheckboxRecords()) || [];
+      return selectRows.map((item) => item[props.field.options.rowKey]);
     };
     const getSelectedRows = () => {
-      return selectedRowInfo.value.selectedRows;
+      var _a2;
+      return (_a2 = tableRef.value) == null ? void 0 : _a2.getCheckboxRecords(true);
     };
     const getFieldEditor = () => {
       return tableRef.value;
@@ -82,6 +138,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     onMounted(() => {
       initTableSoureData();
+      initColumnList();
     });
     __expose({
       ...defineExposed,
@@ -98,17 +155,39 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       fieldEditor: tableRef
     });
     return (_ctx, _cache) => {
+      const _component_a_button = resolveComponent("a-button");
       return !unref(handleHidden) ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: "talbe-wrapper",
         style: normalizeStyle({ width: unref(tableWidth) })
       }, [
+        unref(showColumnManager) ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          createVNode(_component_a_button, {
+            size: "small",
+            onClick: openColumnDialog
+          }, {
+            icon: withCtx(() => [
+              createVNode(unref(SettingOutlined))
+            ]),
+            default: withCtx(() => [
+              createTextVNode(" " + toDisplayString(unref(t)("lang.列设置")), 1)
+            ]),
+            _: 1
+          })
+        ])) : createCommentVNode("", true),
         createVNode(unref(Table), {
           onRegister: unref(register),
           tableProps: unref(tableProps),
           loading: unref(isLoading),
           pagination: unref(pagintion)
-        }, null, 8, ["onRegister", "tableProps", "loading", "pagination"])
+        }, null, 8, ["onRegister", "tableProps", "loading", "pagination"]),
+        createVNode(DataTableColumnDialog, {
+          visible: columnDialogVisible.value,
+          "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => columnDialogVisible.value = $event),
+          columns: columnList.value,
+          onUpdate: handleUpdateColumns,
+          ref: "columnDialogRef"
+        }, null, 8, ["visible", "columns"])
       ], 4)) : createCommentVNode("", true);
     };
   }