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

package/src/components/form-designer/form-widget/field-widget/useField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useField.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/useField.ts"],"sourcesContent":["import {\n    ref,\n    computed,\n    inject,\n    onMounted,\n    onBeforeUnmount,\n    getCurrentInstance,\n    Ref,\n    toRaw\n} from 'vue';\nimport { deepClone } from '@/utils/util';\nimport FormValidators from '@/utils/validators';\nimport { isArray, eq, get } from 'lodash-es';\nimport { FormConfig, Widget } from '@/types/schema';\nimport { useI18n } from '@/utils/i18n';\nimport { useEmitter } from '@/utils/useEmitter';\nimport { useAppRef } from '../../useAppRef';\nimport { useExecFunction } from 'tmgc2-share';\n\nexport type FieldProps<T = Widget> = {\n    widget: T;\n    field: T;\n    designer?: any;\n    parentWidget?: Widget | null;\n    parentList?: T[] | null;\n    indexOfParentList?: number;\n    subFormRowIndex?: number;\n    subFormRowId?: string;\n    subFormColIndex?: number;\n};\n\n/**\n * 表单字段 Hook，提供表单字段的通用功能\n * @returns 表单字段相关的状态和方法\n */\nexport function useField<T extends Widget>(props: FieldProps<T>) {\n    // 注入依赖\n    const formConfig = inject<Ref<FormConfig>>('formConfig', ref({} as FormConfig));\n    const formModel = inject<Ref<any>>('formData', ref({}));\n    const getReadMode = inject('getReadMode', () => false);\n    const isSubFormField = inject('isSubFormField', false);\n\n    const getSubFormName = inject('getSubFormName', () => '');\n    const designState = inject('designState', false);\n\n    const { registerToRefList, getWidgetRef, getFormRef, unregisterFromRefList } = useAppRef();\n    const { executeFunction, asyncExecuteFunction } = useExecFunction();\n\n    const { i18nt, i18n2t } = useI18n();\n    const { field } = props;\n\n    const fieldEditor = ref<InstanceType<any>>(null);\n    // 状态\n    const oldFieldValue = ref<any>(null);\n    const fieldReadonlyFlag = ref<boolean>(false);\n    const loading = ref<boolean>(false);\n    const rules = ref<any[]>([]);\n    const uploadHeaders = ref<Record<string, any>>({});\n    const uploadData = ref<Record<string, any>>({});\n    const customToolbar = ref<any>(null);\n    const instance = getCurrentInstance();\n    const { dispatch } = useEmitter();\n\n    const size = computed(() => {\n        if (field?.options?.size) {\n            return field.options.size;\n        }\n        return formConfig.value.size || 'middle';\n    });\n\n    const subFormName = computed(() => {\n        return getSubFormName ? getSubFormName() : '';\n    });\n\n    const fieldModel = computed({\n        get() {\n            return get(formModel.value, getPropName.value);\n        },\n        set(value) {\n            syncUpdateFormModel(value);\n        }\n    });\n\n    const subFormData = computed(() => formModel.value[subFormName.value]);\n\n    const isReadMode = computed(() => {\n        return getReadMode() ? true : fieldReadonlyFlag.value;\n    });\n\n    /**\n     * 处理字段隐藏逻辑\n     * @returns 是否隐藏\n     */\n    const handleHidden = computed(() => {\n        if (designState) {\n            return false;\n        }\n        const { onHidden, hidden } = props.field.options;\n\n        if (hidden) return true;\n        if (onHidden) {\n            try {\n                const result = executeFunction({\n                    functionBody: onHidden\n                });\n                if (typeof result === 'boolean') {\n                    return result;\n                } else {\n                    return false;\n                }\n            } catch {\n                return false;\n            }\n        }\n        return false;\n    });\n\n    /**\n     * 处理字段禁用逻辑\n     * @returns 是否禁用\n     */\n    const handleDisabled = computed(() => {\n        if (designState) {\n            return false;\n        }\n        const { onDisabled, disabled } = props.field.options;\n        if (disabled) return true;\n        if (onDisabled) {\n            try {\n                const result = executeFunction({\n                    functionBody: onDisabled\n                });\n                if (typeof result === 'boolean') {\n                    return result;\n                } else {\n                    return false;\n                }\n            } catch (error) {\n                console.log({ error });\n                return false;\n            }\n        }\n        return false;\n    });\n\n    /**\n     * 在数组中查找元素\n     * @param arrayObject 数组对象\n     * @param element 要查找的元素\n     * @returns 找到的索引，未找到返回-1\n     */\n    const findInArray = (arrayObject: any[], element: any) => {\n        if (!Array.isArray(arrayObject)) {\n            return -1;\n        }\n\n        let foundIdx = -1;\n        arrayObject.forEach((aItem, aIdx) => {\n            if (aItem === element) {\n                foundIdx = aIdx;\n            }\n        });\n\n        return foundIdx;\n    };\n\n    /**\n     * 获取属性名称\n     * @returns 属性名称\n     */\n    const getPropName = computed(() => {\n        if (isSubFormField && !designState) {\n            return (\n                subFormName.value +\n                '.' +\n                props.subFormRowIndex +\n                '.' +\n                props.field.options.name +\n                ''\n            );\n        } else {\n            return props.field.options.name;\n        }\n    });\n\n    /**\n     * 处理组件创建事件\n     */\n    async function handleOnCreated() {\n        if (designState) {\n            // 设计状态不触发事件\n            return;\n        }\n\n        if (props.field.options.onCreated) {\n            await asyncExecuteFunction({\n                functionBody: props.field.options.onCreated\n            });\n        }\n    }\n\n    /**\n     * 处理组件挂载事件\n     */\n    async function handleOnMounted() {\n        if (designState) {\n            // 设计状态不触发事件\n            return;\n        }\n        if (props.field.options.onMounted) {\n            await asyncExecuteFunction({\n                functionBody: props.field.options.onMounted\n            });\n        }\n    }\n\n    /**\n     * 刷新默认值\n     */\n    const refreshDefaultValue = () => {\n        fieldModel.value = props.field.options.defaultValue;\n    };\n\n    /**\n     * 清除字段规则\n     */\n    const clearFieldRules = () => {\n        if (!props.field.formItemFlag) {\n            return;\n        }\n\n        rules.value.splice(0, rules.value.length); // 清空已有\n    };\n\n    /**\n     * 构建字段规则\n     */\n    const buildFieldRules = () => {\n        if (!props?.field.formItemFlag || props?.field.options.hidden) {\n            return;\n        }\n\n        rules.value.splice(0, rules.value.length); // 清空已有\n        if (props.field.options.required) {\n            rules.value.push({\n                required: true,\n                // trigger: ['blur', 'change'],\n                trigger: [\n                    'blur'\n                ] /* 去掉change事件触发校验，change事件触发时formModel数据尚未更新，导致radio/checkbox必填校验出错！！ */,\n                message: props.field.options.requiredHint || i18nt('render.hint.fieldRequired')\n            });\n        }\n\n        if (props.field.options.validation) {\n            const vldName = props.field.options.validation;\n            if (FormValidators[vldName]) {\n                rules.value.push({\n                    validator: FormValidators[vldName],\n                    trigger: ['blur', 'change'],\n                    label: props.field.options.label,\n                    errorMsg: props.field.options.validationHint\n                });\n            } else {\n                rules.value.push({\n                    validator: FormValidators['regExp'],\n                    trigger: ['blur', 'change'],\n                    regExp: vldName,\n                    label: props.field.options.label,\n                    errorMsg: props.field.options.validationHint\n                });\n            }\n        }\n\n        if (props.field.options.onValidate) {\n            const customFn = (rule: any, value: any) => {\n                return executeFunction({\n                    functionBody: props.field.options.onValidate,\n                    params: { rule, value },\n                    keys: ['rule', 'value']\n                });\n            };\n            rules.value.push({\n                validator: customFn,\n                trigger: ['blur'],\n                label: props.field.options.label\n            });\n        }\n    };\n\n    /**\n     * 禁用字段值变动触发表单校验\n     */\n    const disableChangeValidate = () => {\n        if (!rules.value) {\n            return;\n        }\n\n        rules.value.forEach(rule => {\n            if (rule.trigger) {\n                rule.trigger.splice(0, rule.trigger.length);\n            }\n        });\n    };\n\n    /**\n     * 启用字段值变动触发表单校验\n     */\n    const enableChangeValidate = () => {\n        if (!rules.value) {\n            return;\n        }\n\n        rules.value.forEach(rule => {\n            if (rule.trigger) {\n                rule.trigger.push('blur');\n                rule.trigger.push('change');\n            }\n        });\n    };\n\n    /**\n     * 禁用列表中的选项\n     * @param optionList 选项列表\n     * @param optionValue 选项值\n     */\n    const disableOptionOfList = (optionList: any[], optionValue: any) => {\n        if (optionList && optionList.length > 0) {\n            optionList.forEach(opt => {\n                if (opt.value === optionValue) {\n                    opt.disabled = true;\n                }\n            });\n        }\n    };\n\n    /**\n     * 启用列表中的选项\n     * @param optionList 选项列表\n     * @param optionValue 选项值\n     */\n    const enableOptionOfList = (optionList: any[], optionValue: any) => {\n        if (optionList && optionList.length > 0) {\n            optionList.forEach(opt => {\n                if (opt.value === optionValue) {\n                    opt.disabled = false;\n                }\n            });\n        }\n    };\n\n    /**\n     * 发送字段数据变更事件\n     * @param newValue 新值\n     * @param oldValue 旧值\n     */\n    const emitFieldDataChange = (newValue: any, oldValue: any) => {\n        if (newValue) {\n            newValue = newValue.target ? newValue.target.value : newValue;\n        }\n\n        if (!instance) return;\n\n        /* 必须用dispatch向指定父组件派发消息！！ */\n        dispatch('VFormRender', 'fieldChange', [\n            props.field.options.name,\n            newValue,\n            oldValue,\n            subFormName.value,\n            props.subFormRowIndex\n        ]);\n    };\n\n    /**\n     * 同步更新表单模型\n     * @param value 值\n     */\n\n    const syncUpdateFormModel = value => {\n        if (designState) {\n            dispatch('VFormDesigner', 'fieldChange', {\n                fieldName: getPropName.value,\n                value,\n                field: field\n            });\n            //设计状态不触发事件\n            return;\n        }\n        /* 主动触发表单的单个字段校验，用于清除字段可能存在的校验错误提示 */\n        dispatch('VFormRender', 'fieldValidation', [getPropName.value]);\n        const oldValue = toRaw(fieldModel.value);\n        dispatch('VFormRender', 'fieldChange', {\n            fieldName: getPropName.value,\n            value,\n            oldValue: oldValue,\n            field: field\n        });\n        handleOnChange(value, oldValue);\n    };\n\n    /**\n     * 处理焦点自定义事件\n     * @param event 事件对象\n     */\n    const handleFocusCustomEvent = (event: any) => {\n        if (designState) {\n            // 设计状态不触发事件\n            return;\n        }\n\n        oldFieldValue.value = deepClone(fieldModel.value); // 保存修改change之前的值\n\n        if (props.field.options.onFocus) {\n            executeFunction({\n                functionBody: props.field.options.onFocus,\n                params: { event },\n                keys: ['event']\n            });\n        }\n    };\n\n    /**\n     * 处理失焦自定义事件\n     * @param event 事件对象\n     */\n    const handleBlurCustomEvent = (event: any) => {\n        if (designState) {\n            // 设计状态不触发事件\n            return;\n        }\n\n        if (props.field.options.onBlur) {\n            executeFunction({\n                functionBody: props.field.options.onBlur,\n                params: { event },\n                keys: ['event']\n            });\n        }\n    };\n\n    /**\n     * 发送附加按钮点击事件\n     */\n    const emitAppendButtonClick = () => {\n        if (designState) {\n            // 设计状态不触发点击事件\n            return;\n        }\n\n        if (props.field.options.onAppendButtonClick) {\n            executeFunction({\n                functionBody: props.field.options.onAppendButtonClick\n            });\n        }\n    };\n\n    /**\n     * 处理变更事件\n     * @param val 新值\n     * @param oldVal 旧值\n     * @param ops 选项\n     */\n    const handleOnChange = (val: any, oldVal: any) => {\n        // 自定义onChange事件\n        if (designState) {\n            // 设计状态不触发事件\n            return;\n        }\n\n        if (props.field.options.onChange) {\n            executeFunction({\n                functionBody: props.field.options.onChange,\n                params: {\n                    value: val,\n                    oldValue: oldVal,\n                    subFormData: subFormData.value,\n                    rowId: props.subFormRowId\n                },\n                keys: ['value', 'oldValue', 'subFormData', 'rowId']\n            });\n        }\n    };\n\n    /**\n     * 处理点击事件\n     */\n    const onClick = async () => {\n        if (designState) {\n            // 设计状态不触发点击事件\n            return;\n        }\n\n        if (props.field.options.onClick) {\n            return await asyncExecuteFunction({\n                functionBody: props.field.options.onClick\n            });\n        }\n    };\n\n    /**\n     * 处理图标点击事件\n     */\n    const handleClickIcon = async () => {\n        if (designState) {\n            // 设计状态不触发事件\n            return;\n        }\n        if (handleDisabled.value) {\n            return;\n        }\n        if (field.options.onClickIcon) {\n            await asyncExecuteFunction({\n                functionBody: field.options.onClickIcon\n            });\n        }\n    };\n\n    /**\n     * 获取字段编辑器\n     * @returns 字段编辑器\n     */\n    const getFieldEditor = () => {\n        // 获取内置的el表单组件\n        return fieldEditor.value;\n    };\n\n    /**\n     * 显示文件列表\n     * @param list 文件列表\n     * @returns 格式化后的文件列表\n     */\n    const showFileList = (list: any) => {\n        if (typeof list === 'string') {\n            list = JSON.parse(list);\n        }\n        if (!isArray(list)) return [];\n        const res = list.map((item: any, uid: number) => ({\n            ...item,\n            name: item.fileName,\n            uid\n        }));\n        return res;\n    };\n\n    /**\n     * 设置值\n     * @param newValue 新值\n     * @param disableChangeEvent 是否禁用变更事件\n     */\n    const setValue = (newValue: any, disableChangeEvent = false) => {\n        if (newValue) {\n            newValue = newValue.target ? newValue.target.value : newValue;\n        }\n        if (eq(fieldModel.value, newValue)) return;\n\n        const oldValue = deepClone(fieldModel.value);\n        if (props.field.type === 'file-upload') {\n            newValue = showFileList(newValue || []);\n            // TODO\n        } else if (props.field.type === 'code-editor') {\n            const fieldEditor = getFieldEditor();\n            if (fieldEditor) {\n                fieldEditor.setValue(newValue);\n            }\n        }\n        fieldModel.value = newValue;\n        if (!disableChangeEvent) {\n            emitFieldDataChange(newValue, oldValue);\n        }\n    };\n\n    /**\n     * 获取值\n     * @returns 字段值\n     */\n    const getValue = () => {\n        return fieldModel.value;\n    };\n\n    /**\n     * 重置字段\n     */\n    const resetField = () => {\n        const defaultValue = props.field.options.defaultValue;\n        setValue(defaultValue);\n\n        // 清空上传组件文件列表\n        if (props.field.type === 'picture-upload' || props.field.type === 'file-upload') {\n            fieldModel.value.splice(0, fieldModel.value.length);\n            // handleChangeEvent(fieldModel.value);\n        }\n    };\n\n    /**\n     * 设置只读\n     * @param flag 是否只读\n     */\n    const setReadonly = (flag: boolean) => {\n        props.field.options.readonly = flag;\n    };\n\n    /**\n     * 设置禁用\n     * @param flag 是否禁用\n     */\n    const setDisabled = (flag: boolean) => {\n        props.field.options.disabled = flag;\n    };\n\n    /**\n     * 设置附加按钮可见性\n     * @param flag 是否可见\n     */\n    const setAppendButtonVisible = (flag: boolean) => {\n        props.field.options.appendButton = flag;\n    };\n\n    /**\n     * 设置附加按钮禁用状态\n     * @param flag 是否禁用\n     */\n    const setAppendButtonDisabled = (flag: boolean) => {\n        props.field.options.appendButtonDisabled = flag;\n    };\n\n    /**\n     * 设置隐藏\n     * @param flag 是否隐藏\n     */\n    const setHidden = (flag: boolean) => {\n        props.field.options.hidden = flag;\n\n        if (flag) {\n            // 清除组件校验规则\n            clearFieldRules();\n        } else {\n            // 重建组件校验规则\n            buildFieldRules();\n        }\n    };\n\n    /**\n     * 设置必填\n     * @param flag 是否必填\n     */\n    const setRequired = (flag: boolean) => {\n        props.field.options.required = flag;\n        buildFieldRules();\n\n        if (!designState && !flag) {\n            // 清除必填校验提示\n            clearValidate();\n        }\n    };\n\n    /**\n     * 清除字段校验提示\n     */\n    const clearValidate = () => {\n        if (designState) {\n            return;\n        }\n\n        getFormRef().clearValidate(getPropName.value);\n    };\n\n    /**\n     * 获取VForm上下文\n     * @returns VForm上下文\n     */\n    const getVfCtx = () => {\n        return getFormRef().vfCtx;\n    };\n\n    /**\n     * 设置标签\n     * @param newLabel 新标签\n     */\n    const setLabel = (newLabel: string) => {\n        props.field.options.label = newLabel;\n    };\n\n    /**\n     * 聚焦\n     */\n    const focus = () => {\n        const fieldEditor = getFieldEditor();\n        if (fieldEditor && fieldEditor.focus) {\n            fieldEditor.focus();\n        }\n    };\n\n    /**\n     * 设置上传头\n     * @param name 名称\n     * @param value 值\n     */\n    const setUploadHeader = (name: string, value: any) => {\n        uploadHeaders.value[name] = value;\n    };\n\n    /**\n     * 设置上传数据\n     * @param name 名称\n     * @param value 值\n     */\n    const setUploadData = (name: string, value: any) => {\n        uploadData.value[name] = value;\n    };\n\n    /**\n     * 设置或取消设置字段只读查看模式\n     * @param readonlyFlag 只读标志\n     */\n    const setReadMode = (readonlyFlag = true) => {\n        fieldReadonlyFlag.value = readonlyFlag;\n    };\n\n    /**\n     * 动态增加自定义css样式\n     * @param className 类名\n     */\n    const addCssClass = (className: string) => {\n        if (!props.field.options.customClass) {\n            props.field.options.customClass = [className];\n        } else {\n            props.field.options.customClass.push(className);\n        }\n    };\n    const customClass = computed(() => props.field.options.customClass);\n\n    /**\n     * 动态移除自定义css样式\n     * @param className 类名\n     */\n    const removeCssClass = (className: string) => {\n        if (!props.field.options.customClass) {\n            return;\n        }\n\n        let foundIdx = -1;\n        props.field.options.customClass.map((cc: string, idx: number) => {\n            if (cc === className) {\n                foundIdx = idx;\n            }\n        });\n        if (foundIdx > -1) {\n            props.field.options.customClass.splice(foundIdx, 1);\n        }\n    };\n\n    const getEl = () => {\n        return fieldEditor.value?.$el;\n    };\n\n    /**\n     * 设置组件选项\n     * @param optionName 选项名称\n     * @param optionValue 选项值\n     */\n    const setWidgetOption = (optionName: string, optionValue: any) => {\n        // 通用组件选项修改API\n        props.field.options[optionName] = optionValue;\n    };\n\n    const options = computed({\n        get() {\n            return props.field.options;\n        },\n        set(value) {\n            props.field.options = value;\n        }\n    });\n\n    const initFieldModel = () => {\n        dispatch('VFormRender', 'fieldChange', {\n            fieldName: getPropName.value,\n            value: props.field.options.defaultValue,\n            oldValue: toRaw(fieldModel.value),\n            field: field\n        });\n    };\n\n    // 生命周期钩子\n    onMounted(async () => {\n        initFieldModel();\n        await registerToRefList();\n\n        await handleOnCreated();\n\n        await handleOnMounted();\n        buildFieldRules();\n    });\n\n    onBeforeUnmount(() => {\n        unregisterFromRefList();\n    });\n\n    const defineExposed = {\n        i18nt,\n        options,\n        proxy: instance?.proxy,\n        field,\n        widget: field,\n        fieldModel,\n        fieldEditor,\n        isReadMode,\n        setWidgetOption,\n        setReadonly,\n        setDisabled,\n        getVfCtx,\n        setLabel,\n        getEl,\n        setReadMode,\n        resetField,\n        setValue,\n        getValue,\n        getFieldEditor,\n        getFormRef,\n        getWidgetRef,\n        setHidden,\n        addCssClass,\n        removeCssClass,\n        setRequired,\n        clearValidate,\n        focus\n    };\n\n    return {\n        asyncExecuteFunction,\n        executeFunction,\n        options,\n        customClass,\n        fieldEditor,\n        // 状态\n        fieldModel,\n        oldFieldValue,\n        fieldReadonlyFlag,\n        loading,\n        rules,\n        uploadHeaders,\n        uploadData,\n        designState,\n        customToolbar,\n        i18nt,\n        i18n2t,\n        size,\n        field,\n        // 计算属性\n        formConfig,\n        subFormName,\n\n        formModel,\n        isReadMode,\n\n        // 方法\n        handleHidden,\n        handleDisabled,\n        findInArray,\n        getPropName,\n        refreshDefaultValue,\n        clearFieldRules,\n        buildFieldRules,\n        disableChangeValidate,\n        enableChangeValidate,\n        disableOptionOfList,\n        enableOptionOfList,\n        emitFieldDataChange,\n        syncUpdateFormModel,\n        handleFocusCustomEvent,\n        handleBlurCustomEvent,\n        emitAppendButtonClick,\n        handleOnChange,\n        onClick,\n        handleClickIcon,\n        getFieldEditor,\n        showFileList,\n\n        setAppendButtonVisible,\n        setAppendButtonDisabled,\n\n        focus,\n        setUploadHeader,\n        setUploadData,\n\n        isSubFormField,\n        defineExposed\n    };\n}\n"],"names":["useField","props","formConfig","inject","ref","formModel","getReadMode","isSubFormField","getSubFormName","designState","registerToRefList","getWidgetRef","getFormRef","unregisterFromRefList","useAppRef","executeFunction","asyncExecuteFunction","useExecFunction","i18nt","i18n2t","useI18n","field","fieldEditor","oldFieldValue","fieldReadonlyFlag","loading","rules","uploadHeaders","uploadData","customToolbar","instance","getCurrentInstance","dispatch","useEmitter","size","computed","_a","subFormName","fieldModel","get","getPropName","value","syncUpdateFormModel","subFormData","isReadMode","handleHidden","onHidden","hidden","result","handleDisabled","onDisabled","disabled","error","findInArray","arrayObject","element","foundIdx","aItem","aIdx","handleOnCreated","handleOnMounted","refreshDefaultValue","clearFieldRules","buildFieldRules","vldName","FormValidators","customFn","rule","disableChangeValidate","enableChangeValidate","disableOptionOfList","optionList","optionValue","opt","enableOptionOfList","emitFieldDataChange","newValue","oldValue","toRaw","handleOnChange","handleFocusCustomEvent","event","deepClone","handleBlurCustomEvent","emitAppendButtonClick","val","oldVal","onClick","handleClickIcon","getFieldEditor","showFileList","list","isArray","item","uid","setValue","disableChangeEvent","eq","getValue","resetField","defaultValue","setReadonly","flag","setDisabled","setAppendButtonVisible","setAppendButtonDisabled","setHidden","setRequired","clearValidate","getVfCtx","setLabel","newLabel","focus","setUploadHeader","name","setUploadData","setReadMode","readonlyFlag","addCssClass","className","customClass","removeCssClass","cc","idx","getEl","setWidgetOption","optionName","options","initFieldModel","onMounted","onBeforeUnmount","defineExposed"],"mappings":"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"}

package/src/components/form-designer/form-widget/field-widget/vue-render.vue.js

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

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

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

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

@@ -0,0 +1,77 @@
+import { defineComponent as S, createBlock as m, createCommentVNode as b, unref as l, openBlock as u, mergeProps as B, withCtx as M, createElementVNode as N, resolveDynamicComponent as O, toRefs as R } from "vue";
+import { ComponentNameEnum as W, WidgetTypeEnum as L } from "../../../../constants/WidgetTypeEnum.js";
+import P from "./form-item-wrapper.vue.js";
+import { useField as T } from "./useField.js";
+const V = { class: "slot-wrapper-render" }, q = /* @__PURE__ */ S({
+  name: L.bpmnEditor,
+  componentName: W.FieldWidget,
+  __name: "vue-render",
+  props: {
+    widget: {},
+    field: {},
+    designer: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    subFormColIndex: {}
+  },
+  setup(f, { expose: y }) {
+    const s = f, { rules: g, fieldEditor: h, field: n, fieldModel: x, handleHidden: C, defineExposed: E, executeFunction: _ } = T(s), F = () => {
+      if (n.options.template) {
+        const o = n.options.template, p = o.match(/<template>([\s\S]*)<\/template>/), c = o.match(/<script.*?>([\s\S]*)<\/script>/), i = o.match(/<style.*?>([\s\S]*)<\/style>/), w = p ? p[1] : "";
+        let r = c ? c[1] : "export default {}";
+        const a = i ? i[1] : "";
+        if (a) {
+          const t = `vue-render-style-${n.options.name}`;
+          if (!document.getElementById(t)) {
+            const e = document.createElement("style");
+            e.id = t, e.textContent = a, document.head.appendChild(e);
+          }
+        }
+        r = r.replace("export default", "return");
+        try {
+          const e = new Function(r)() || {};
+          return {
+            template: w,
+            ...e,
+            props: ["data"],
+            // Ensure data prop is available if not defined
+            setup(d, I) {
+              const k = e.setup ? e.setup(d, I) : {};
+              return {
+                ...R(d),
+                ...k
+              };
+            }
+          };
+        } catch (t) {
+          return console.error("Failed to parse component script", t), { template: "<div>Error parsing component</div>" };
+        }
+      }
+      return _({
+        functionBody: n.options.customRender,
+        params: { data: x.value },
+        keys: ["data"]
+      }) ?? null;
+    };
+    return y({
+      ...E
+    }), (v, o) => l(C) ? b("", !0) : (u(), m(P, B({ key: 0 }, s, { rules: l(g) }), {
+      default: M(() => [
+        N("div", V, [
+          (u(), m(O(F()), {
+            ref_key: "fieldEditor",
+            ref: h
+          }, null, 512))
+        ])
+      ]),
+      _: 1
+    }, 16, ["rules"]));
+  }
+});
+export {
+  q as default
+};
+//# sourceMappingURL=vue-render.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"vue-render.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/vue-render.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 '@/constants/WidgetTypeEnum';\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.bpmnEditor,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n    const props = withDefaults(defineProps<FieldProps>(), {});\n\n    const { rules, fieldEditor, 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","__props","rules","fieldEditor","field","fieldModel","handleHidden","defineExposed","executeFunction","useField","renderCompont","sfcString","templateMatch","scriptMatch","styleMatch","template","scriptContent","style","styleId","styleTag","componentOptions","ctx","originalSetup","toRefs","e","__expose","_unref","_openBlock","_createBlock","FormItemWrapper","_mergeProps","_createElementVNode","_hoisted_1","_resolveDynamicComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;AAkBI,UAAMA,IAAQC,GAER,EAAE,OAAAC,GAAO,aAAAC,GAAa,OAAAC,GAAO,YAAAC,GAAY,cAAAC,GAAc,eAAAC,GAAe,iBAAAC,EAAA,IACxEC,EAAST,CAAK,GAEZU,IAAgB,MAAM;AACxB,UAAIN,EAAM,QAAQ,UAAU;AACxB,cAAMO,IAAYP,EAAM,QAAQ,UAC1BQ,IAAgBD,EAAU,MAAM,iCAAiC,GACjEE,IAAcF,EAAU,MAAM,gCAAgC,GAC9DG,IAAaH,EAAU,MAAM,8BAA8B,GAE3DI,IAAWH,IAAgBA,EAAc,CAAC,IAAI;AACpD,YAAII,IAAgBH,IAAcA,EAAY,CAAC,IAAI;AACnD,cAAMI,IAAQH,IAAaA,EAAW,CAAC,IAAI;AAG3C,YAAIG,GAAO;AACP,gBAAMC,IAAU,oBAAoBd,EAAM,QAAQ,IAAI;AACtD,cAAI,CAAC,SAAS,eAAec,CAAO,GAAG;AACnC,kBAAMC,IAAW,SAAS,cAAc,OAAO;AAC/C,YAAAA,EAAS,KAAKD,GACdC,EAAS,cAAcF,GACvB,SAAS,KAAK,YAAYE,CAAQ;AAAA,UACtC;AAAA,QACJ;AAIA,QAAAH,IAAgBA,EAAc,QAAQ,kBAAkB,QAAQ;AAEhE,YAAI;AAEA,gBAAMI,IADa,IAAI,SAASJ,CAAa,EACpB,KAAgB,CAAA;AAEzC,iBAAO;AAAA,YACH,UAAAD;AAAA,YACA,GAAGK;AAAA,YACH,OAAO,CAAC,MAAM;AAAA;AAAA,YACd,MAAMpB,GAAOqB,GAAK;AAEd,oBAAMC,IAAgBF,EAAiB,QACjCA,EAAiB,MAAMpB,GAAOqB,CAAG,IACjC,CAAA;AACN,qBAAO;AAAA,gBACH,GAAGE,EAAOvB,CAAK;AAAA,gBACf,GAAGsB;AAAA,cAAA;AAAA,YAEX;AAAA,UAAA;AAAA,QAER,SAASE,GAAG;AACR,yBAAQ,MAAM,oCAAoCA,CAAC,GAC5C,EAAE,UAAU,qCAAA;AAAA,QACvB;AAAA,MACJ;AASA,aANkBhB,EAAgB;AAAA,QAC9B,cAAcJ,EAAM,QAAQ;AAAA,QAC5B,QAAQ,EAAE,MAAMC,EAAW,MAAA;AAAA,QAC3B,MAAM,CAAC,MAAM;AAAA,MAAA,CAChB,KAEmB;AAAA,IACxB;AAEA,WAAAoB,EAAa;AAAA,MACT,GAAGlB;AAAA,IAAA,CACN,aArFwCmB,EAAApB,CAAA,iBAAzCqB,KAAAC,EAIoBC,GAJpBC,EAIoB,EAAA,KAAA,EAAA,GAJO9B,GAAK,EAAwB,OAAO0B,EAAAxB,CAAA,EAAA,CAAK,GAAA;AAAA,iBAChE,MAEM;AAAA,QAFN6B,EAEM,OAFNC,GAEM;AAAA,WADFL,KAAAC,EAAqDK,EAAnBvB,EAAA,CAAa,GAAA;AAAA,qBAAhC;AAAA,YAAJ,KAAIP;AAAA,UAAA;;;;;;;"}

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

@@ -1,7 +1,8 @@
 import o from "./index.vue2.js";
 /* empty css           */
 import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-481d8b6b"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b0bf411e"]]);
 export {
-  _ as default
+  f as default
 };
+//# sourceMappingURL=index.vue.js.map

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

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

package/src/components/form-designer/form-widget/index.vue2.js

@@ -1,66 +1,59 @@
-import { defineComponent as D, inject as k, ref as s, provide as a, computed as n, resolveComponent as l, createBlock as b, openBlock as c, withCtx as d, createElementVNode as f, createVNode as u, normalizeClass as B, createElementBlock as E, createCommentVNode as H, unref as i, toDisplayString as I } from "vue";
-import { useI18n as N } from "../../../utils/i18n.js";
-import V from "./RenderDesignerWigetList.vue.js";
-const W = { class: "form-widget-container" }, M = {
+import { defineComponent as k, ref as c, computed as o, provide as n, inject as x, resolveComponent as m, createBlock as L, openBlock as f, withCtx as u, createElementVNode as b, normalizeClass as d, unref as e, createVNode as p, createElementBlock as I, createCommentVNode as M, toDisplayString as N } from "vue";
+import { useI18n as P } from "../../../utils/i18n.js";
+import { useDesigner as V } from "../../../hooks/useDesigner.js";
+import E from "./RenderDesignerPC.vue.js";
+import j from "./bi/RenderDesignerBI.vue.js";
+const H = {
   key: 0,
   class: "no-widget-hint"
-}, P = {
-  class: "form-widget-canvas",
-  style: { minHeight: "calc(100vh - 56px - 68px)" }
-}, j = /* @__PURE__ */ D({
+}, G = /* @__PURE__ */ k({
   __name: "index",
-  props: {
-    globalDsv: {},
-    formConfig: {}
-  },
-  setup(m) {
-    const { i18nt: g } = N(), p = m, e = k("designer", s({})), v = s(/* @__PURE__ */ new Map());
-    s({}), a("refList", v), a("getReadMode", () => !1), a("getFormConfig", () => p.formConfig);
-    const _ = () => {
-    }, C = n(() => {
-      var o, t;
-      return ((t = (o = e.value) == null ? void 0 : o.formConfig) == null ? void 0 : t.labelPosition) || "horizontal";
-    }), r = n(() => e.value.formConfig && e.value.formConfig.size ? e.value.formConfig.size : "default"), h = n(() => e.value.formConfig.customClass || ""), w = n(() => e.value.getLayoutType()), y = (o) => {
-      const t = o.newIndex;
-      e.value.widgetList[t] && e.value.setSelected(e.value.widgetList[t]);
-    }, z = () => {
-      e.value.emitHistoryChange();
-    };
-    return (o, t) => {
-      const x = l("a-form"), L = l("a-config-provider");
-      return c(), b(L, {
-        "component-size": r.value,
-        input: { autocomplete: "off" }
+  setup(S) {
+    const {
+      i18nt: _
+    } = P(), r = c(/* @__PURE__ */ new Map()), {
+      designer: g,
+      formConfig: t,
+      layoutType: v,
+      isPc: h,
+      isBI: w
+    } = V(), z = o(() => h.value ? E : j);
+    n("refList", r), n("getReadMode", () => !1), n("refList", r), n("getReadMode", () => !1);
+    const C = x("formData", c({})), y = o(() => {
+      var i;
+      return ((i = t.value) == null ? void 0 : i.labelPosition) || "horizontal";
+    }), s = o(() => t.value && t.value.size ? t.value.size : "default"), D = o(() => t.value.customClass || "");
+    return (i, T) => {
+      const B = m("a-form"), R = m("a-config-provider");
+      return f(), L(R, {
+        "component-size": s.value,
+        input: {
+          autocomplete: "off"
+        }
       }, {
-        default: d(() => [
-          f("div", W, [
-            u(x, {
-              class: B(["full-height-width widget-form tpf-form", [h.value, w.value + "-layout"]]),
-              layout: C.value,
-              size: r.value,
-              "validate-on-rule-change": !1
-            }, {
-              default: d(() => [
-                i(e).widgetList.length === 0 ? (c(), E("div", M, I(i(g)("designer.noWidgetHint")), 1)) : H("", !0),
-                f("div", P, [
-                  u(V, {
-                    list: i(e).widgetList,
-                    parentWidget: i(e),
-                    end: _,
-                    add: y,
-                    update: z
-                  }, null, 8, ["list", "parentWidget"])
-                ])
-              ]),
-              _: 1
-            }, 8, ["layout", "class", "size"])
-          ])
-        ]),
+        default: u(() => [b("div", {
+          class: d(["form-widget-container", {
+            "form-widget-container__bi": e(w)
+          }])
+        }, [p(B, {
+          class: d(["full-height-width widget-form tpf-form", [D.value, e(v) + "-layout"]]),
+          layout: y.value,
+          size: s.value,
+          "validate-on-rule-change": !1,
+          model: e(C)
+        }, {
+          default: u(() => {
+            var a, l;
+            return [((l = (a = e(g)) == null ? void 0 : a.widgetList) == null ? void 0 : l.length) === 0 ? (f(), I("div", H, N(e(_)("designer.noWidgetHint")), 1)) : M("", !0), p(e(z))];
+          }),
+          _: 1
+        }, 8, ["layout", "class", "size", "model"])], 2)]),
         _: 1
       }, 8, ["component-size"]);
     };
   }
 });
 export {
-  j as default
+  G as default
 };
+//# sourceMappingURL=index.vue2.js.map

package/src/components/form-designer/form-widget/index.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue2.js","sources":["../../../../../src/components/form-designer/form-widget/index.vue"],"sourcesContent":["<template>\n    <a-config-provider :component-size=\"size\" :input=\"{ autocomplete: 'off' }\">\n        <div\n            class=\"form-widget-container\"\n            :class=\"{\n                'form-widget-container__bi': isBI\n            }\"\n        >\n            <a-form\n                class=\"full-height-width widget-form tpf-form\"\n                :layout=\"labelPosition\"\n                :class=\"[customClass, layoutType + '-layout']\"\n                :size=\"size\"\n                :validate-on-rule-change=\"false\"\n                :model=\"formData\"\n            >\n                <template v-if=\"designer?.widgetList?.length === 0\">\n                    <div class=\"no-widget-hint\">{{ i18nt('designer.noWidgetHint') }}</div>\n                </template>\n                <RenderDesigner />\n            </a-form>\n        </div>\n    </a-config-provider>\n</template>\n\n<script lang=\"tsx\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import { computed, inject, provide, ref } from 'vue';\n    import { useDesigner } from '../../../hooks/useDesigner';\n    import RenderDesignerPC from './RenderDesignerPC.vue';\n    import RenderDesignerBI from './bi/RenderDesignerBI.vue';\n\n    const { i18nt } = useI18n();\n    const widgetRefList = ref(new Map());\n    const { designer, formConfig, layoutType, isPc, isBI } = useDesigner();\n\n    const RenderDesigner = computed(() => {\n        return isPc.value ? RenderDesignerPC : RenderDesignerBI;\n    });\n\n    provide('refList', widgetRefList);\n    provide('getReadMode', () => false);\n\n    provide('refList', widgetRefList);\n    provide('getReadMode', () => false);\n\n    const formData = inject('formData', ref({}));\n\n    const labelPosition = computed(() => {\n        return formConfig.value?.labelPosition || 'horizontal';\n    });\n\n    const size = computed(() => {\n        if (!!formConfig.value && !!formConfig.value.size) {\n            return formConfig.value.size;\n        }\n\n        return 'default';\n    });\n\n    const customClass = computed(() => {\n        return formConfig.value.customClass || '';\n    });\n</script>\n\n<style lang=\"less\" scoped>\n    .form-widget-container {\n        padding: 5px;\n        background: #f1f2f3;\n        overflow-x: hidden;\n        overflow-y: auto;\n        &__bi {\n            padding: 0;\n        }\n        .ant-form.full-height-width {\n            overflow-y: auto;\n            height: 100%;\n            padding: 3px;\n            background: #ffffff;\n            position: relative;\n\n            .no-widget-hint {\n                position: absolute;\n                left: 0;\n                right: 0;\n                top: 0;\n                bottom: 0;\n                height: 100%;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                text-align: center;\n                font-size: 18px;\n                color: #999999;\n            }\n\n            .form-widget-canvas {\n                height: 100%;\n                display: flex;\n                flex-direction: column;\n                padding: 3px;\n                position: relative;\n                :deep(.container-wrapper) {\n                    margin: 10px 3px;\n                    min-width: 0;\n                }\n                :deep(.field-widget-item),\n                :deep(.container-widget-item) {\n                    margin: 0 0 10px 0;\n                    border: 1px dashed #333;\n                    border-radius: 3px;\n                    background: #eee;\n                    height: 30px;\n                    align-items: center;\n                    display: flex;\n                    justify-content: center;\n                    color: #999999;\n                }\n            }\n        }\n\n        /* 隐藏组件拖拽状态中显示的黑点 */\n        :deep(li.container-widget-item),\n        :deep(li.field-widget-item) {\n            list-style: none;\n        }\n        .ant-form.BI-layout {\n            padding: 0;\n        }\n\n        .ant-form.H5-layout {\n            margin: 0 auto;\n            width: 420px;\n            border-radius: 15px;\n            //border-width: 10px;\n            height: calc(100% - 20px);\n            margin-top: 10px;\n            box-shadow: 0 0 1px 10px #495060;\n        }\n        .ant-form.widget-form :deep(.ant-row) {\n            padding: 2px;\n        }\n    }\n</style>\n"],"names":["i18nt","useI18n","widgetRefList","ref","Map","designer","formConfig","layoutType","isPc","isBI","useDesigner","RenderDesigner","computed","value","RenderDesignerPC","RenderDesignerBI","provide","formData","inject","labelPosition","size","customClass","_createBlock","_component_a_config_provider","input","autocomplete","_createElementVNode","class","_unref","_createVNode","_component_a_form","_normalizeClass","layout","model","widgetList","length","_createElementBlock","_hoisted_1","_toDisplayString"],"mappings":";;;;;;;;;;;AAgCI,UAAM;AAAA,MAAEA,OAAAA;AAAAA,QAAUC,EAAO,GACnBC,IAAgBC,EAAI,oBAAIC,KAAK,GAC7B;AAAA,MAAEC,UAAAA;AAAAA,MAAUC,YAAAA;AAAAA,MAAYC,YAAAA;AAAAA,MAAYC,MAAAA;AAAAA,MAAMC,MAAAA;AAAAA,QAASC,EAAW,GAE9DC,IAAiBC,EAAS,MACrBJ,EAAKK,QAAQC,IAAmBC,CAC1C;AAEDC,IAAAA,EAAQ,WAAWd,CAAa,GAChCc,EAAQ,eAAe,MAAM,EAAK,GAElCA,EAAQ,WAAWd,CAAa,GAChCc,EAAQ,eAAe,MAAM,EAAK;AAElC,UAAMC,IAAWC,EAAO,YAAYf,EAAI,CAAA,CAAE,CAAC,GAErCgB,IAAgBP,EAAS,MAAM;;AACjC,eAAON,IAAAA,EAAWO,UAAXP,gBAAAA,EAAkBa,kBAAiB;AAAA,IAC9C,CAAC,GAEKC,IAAOR,EAAS,MACZN,EAAWO,SAAWP,EAAWO,MAAMO,OAClCd,EAAWO,MAAMO,OAGrB,SACV,GAEKC,IAAcT,EAAS,MAClBN,EAAWO,MAAMQ,eAAe,EAC1C;;;kBA7DDC,EAqBoBC,GAAA;AAAA,QArBA,kBAAgBH,EAAAP;AAAAA,QAAOW,OAAO;AAAA,UAAAC,cAAA;AAAA,QAAA;AAAA;mBAC9C,MAmBM,CAnBNC,EAmBM,OAAA;AAAA,UAlBFC,UAAM,yBAAuB;AAAA,yCAC0BC,EAAAnB,CAAA;AAAA;YAIvDoB,EAYSC,GAAA;AAAA,UAXLH,OAAKI,EAAA,CAAC,0CAAwC,CAErCV,EAAAR,OAAae,EAAArB,CAAA,IAAU,SAAA,CAAA,CAAA;AAAA,UAD/ByB,QAAQb,EAAAN;AAAAA,UAERO,MAAMA,EAAAP;AAAAA,UACN,2BAAyB;AAAA,UACzBoB,OAAOL,EAAAX,CAAA;AAAA;qBAER,MAAA;;AAEW,sBAFKW,KAAAA,IAAAA,EAAAvB,CAAA,MAAAuB,gBAAAA,EAAUM,eAAVN,gBAAAA,EAAsBO,YAAM,UACxCC,EAAsE,OAAtEC,GAAsEC,EAAvCV,EAAA5B,CAAA,EAAK,uBAAA,CAAA,GAAA,CAAA,gBAExC6B,EAAkBD,EAAAjB,CAAA,CAAA,CAAA;AAAA;;;;;;;;"}

package/src/components/form-designer/form-widget/widgetAction.vue.js

@@ -1,7 +1,8 @@
 import o from "./widgetAction.vue2.js";
 /* empty css                  */
 import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f72ea793"]]);
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-761fa263"]]);
 export {
-  f as default
+  i as default
 };
+//# sourceMappingURL=widgetAction.vue.js.map

package/src/components/form-designer/form-widget/widgetAction.vue.js.map

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

package/src/components/form-designer/form-widget/widgetAction.vue2.js

@@ -1,11 +1,11 @@
-import { defineComponent as C, createElementBlock as r, openBlock as d, Fragment as W, createCommentVNode as a, unref as e, createElementVNode as g, withModifiers as c, createVNode as n, toDisplayString as b } from "vue";
+import { defineComponent as C, createElementBlock as d, openBlock as l, Fragment as W, createCommentVNode as a, unref as e, createElementVNode as g, withModifiers as c, createVNode as n, toDisplayString as b } from "vue";
 import { useI18n as L } from "../../../utils/i18n.js";
 import { SvgIcon as o } from "tmgc2-share";
-import { useContainerWidget as $ } from "./container-widget/useContainerWidget.js";
-const D = {
+import { useContainerWidget as D } from "./container-widget/useContainerWidget.js";
+const I = {
   key: 0,
   class: "container-action"
-}, I = ["title"], F = ["title"], N = ["title"], _ = ["title"], B = ["title"], P = {
+}, $ = ["title"], F = ["title"], N = ["title"], _ = ["title"], B = ["title"], P = {
   key: 1,
   class: "drag-handler"
 }, V = ["title"], A = { key: 0 }, H = /* @__PURE__ */ C({
@@ -24,40 +24,44 @@ const D = {
     subFormColIndex: {},
     isDrag: { type: Boolean, default: !0 }
   },
-  setup(u) {
-    const { i18nt: s, i18n2t: w } = L(), v = u, {
+  setup(w) {
+    const { i18nt: s, i18n2t: v } = L(), f = w, {
       selected: m,
-      moveUpWidget: f,
+      moveUpWidget: p,
       selectParentWidget: h,
       cloneContainer: k,
-      removeWidget: p,
+      removeWidget: u,
       moveDownWidget: y
-    } = $(v);
-    return (t, i) => (d(), r(W, null, [
-      e(m) ? (d(), r("div", D, [
+    } = D(f);
+    return (t, i) => (l(), d(W, null, [
+      e(m) ? (l(), d("div", I, [
         g("i", {
           title: e(s)("designer.hint.selectParentWidget"),
-          onClick: i[0] || (i[0] = c((l) => e(h)(), ["stop"]))
+          onClick: i[0] || (i[0] = c((r) => e(h)(), ["stop"]))
         }, [
           n(e(o), { "icon-class": "icon-el-back" })
-        ], 8, I),
+        ], 8, $),
         g("i", {
           title: e(s)("designer.hint.moveUpWidget"),
-          onClick: i[1] || (i[1] = c((l) => e(f)(), ["stop"]))
+          onClick: i[1] || (i[1] = c(
+            //@ts-ignore
+            (...r) => e(p) && e(p)(...r),
+            ["stop"]
+          ))
         }, [
           n(e(o), { "icon-class": "icon-el-move-up" })
         ], 8, F),
-        t.parentList && t.parentList.length > 1 ? (d(), r("i", {
+        t.parentList && t.parentList.length > 1 ? (l(), d("i", {
           key: 0,
           title: e(s)("designer.hint.moveDownWidget"),
-          onClick: i[2] || (i[2] = c((l) => e(y)(), ["stop"]))
+          onClick: i[2] || (i[2] = c((r) => e(y)(), ["stop"]))
         }, [
           n(e(o), { "icon-class": "icon-el-move-down" })
         ], 8, N)) : a("", !0),
-        t.widget.type === "grid" ? (d(), r("i", {
+        t.widget.type === "grid" ? (l(), d("i", {
           key: 1,
           title: e(s)("designer.hint.cloneWidget"),
-          onClick: i[3] || (i[3] = c((l) => e(k)(t.widget), ["stop"]))
+          onClick: i[3] || (i[3] = c((r) => e(k)(t.widget), ["stop"]))
         }, [
           n(e(o), { "icon-class": "icon-el-clone" })
         ], 8, _)) : a("", !0),
@@ -65,24 +69,24 @@ const D = {
           title: e(s)("designer.hint.remove"),
           onClick: i[4] || (i[4] = c(
             //@ts-ignore
-            (...l) => e(p) && e(p)(...l),
+            (...r) => e(u) && e(u)(...r),
             ["stop"]
           ))
         }, [
           n(e(o), { "icon-class": "icon-el-delete" })
         ], 8, B)
       ])) : a("", !0),
-      e(m) && !t.widget.internal && t.isDrag ? (d(), r("div", P, [
+      e(m) && !t.widget.internal && t.isDrag ? (l(), d("div", P, [
         g("i", {
           title: e(s)("designer.hint.dragHandler")
         }, [
           n(e(o), { "icon-class": "icon-el-drag-move" })
         ], 8, V),
-        g("i", null, b(t.widget.showName || e(w)(
+        g("i", null, b(t.widget.showName || e(v)(
           `designer.widgetLabel.${t.widget.type}`,
           `extension.widgetLabel.${t.widget.type}`
         )), 1),
-        t.widget.options.hidden === !0 ? (d(), r("i", A, [
+        t.widget.options.hidden === !0 ? (l(), d("i", A, [
           n(e(o), { "icon-class": "icon-el-hide" })
         ])) : a("", !0)
       ])) : a("", !0)
@@ -92,3 +96,4 @@ const D = {
 export {
   H as default
 };
+//# sourceMappingURL=widgetAction.vue2.js.map

package/src/components/form-designer/form-widget/widgetAction.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widgetAction.vue2.js","sources":["../../../../../src/components/form-designer/form-widget/widgetAction.vue"],"sourcesContent":["<template>\n    <div class=\"container-action\" v-if=\"selected\">\n        <i :title=\"i18nt('designer.hint.selectParentWidget')\" @click.stop=\"selectParentWidget()\">\n            <svg-icon icon-class=\"icon-el-back\" />\n        </i>\n        <i :title=\"i18nt('designer.hint.moveUpWidget')\" @click.stop=\"moveUpWidget\">\n            <svg-icon icon-class=\"icon-el-move-up\" />\n        </i>\n        <i\n            v-if=\"!!parentList && parentList.length > 1\"\n            :title=\"i18nt('designer.hint.moveDownWidget')\"\n            @click.stop=\"moveDownWidget()\"\n            ><svg-icon icon-class=\"icon-el-move-down\"\n        /></i>\n\n        <i\n            v-if=\"widget.type === 'grid'\"\n            :title=\"i18nt('designer.hint.cloneWidget')\"\n            @click.stop=\"cloneContainer(widget)\"\n        >\n            <svg-icon icon-class=\"icon-el-clone\" />\n        </i>\n        <i :title=\"i18nt('designer.hint.remove')\" @click.stop=\"removeWidget\">\n            <svg-icon icon-class=\"icon-el-delete\" />\n        </i>\n    </div>\n\n    <div class=\"drag-handler\" v-if=\"selected && !widget.internal && isDrag\">\n        <i :title=\"i18nt('designer.hint.dragHandler')\">\n            <svg-icon icon-class=\"icon-el-drag-move\" />\n        </i>\n        <i>\n            {{\n                widget.showName ||\n                i18n2t(\n                    `designer.widgetLabel.${widget.type}`,\n                    `extension.widgetLabel.${widget.type}`\n                )\n            }}\n        </i>\n        <i v-if=\"widget.options.hidden === true\"> <svg-icon icon-class=\"icon-el-hide\" /></i>\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import { SvgIcon } from 'tmgc2-share';\n    import { useContainerWidget, type WidgetProps } from './container-widget/useContainerWidget';\n    import { FieldProps } from './field-widget/useField';\n    const { i18nt, i18n2t } = useI18n();\n\n    defineOptions({\n        name: 'container-action',\n        inheritAttrs: false\n    });\n\n    const props = withDefaults(defineProps<(WidgetProps | FieldProps) & { isDrag?: boolean }>(), {\n        isDrag: true\n    });\n\n    const {\n        selected,\n        moveUpWidget,\n        selectParentWidget,\n        cloneContainer,\n        removeWidget,\n        moveDownWidget,\n        customClass\n    } = useContainerWidget(props);\n</script>\n\n<style lang=\"less\" scoped>\n    .container-action {\n        position: absolute;\n        bottom: 0;\n        right: -2px;\n        height: 28px;\n        line-height: 28px;\n        background: var(--ant-primary-4);\n        z-index: 999;\n\n        i {\n            font-size: 14px;\n            color: #fff;\n            margin: 0 5px;\n            cursor: pointer;\n        }\n    }\n    .container-action,\n    .drag-handler {\n        :deep(.svg-icon) {\n            margin-left: 0.1em;\n            margin-right: 0.1em;\n        }\n    }\n    .drag-handler {\n        position: absolute;\n        top: -2px;\n        left: -2px;\n        height: 22px;\n        line-height: 22px;\n        background: var(--ant-primary-4);\n        z-index: 9;\n\n        i {\n            font-size: 14px;\n            font-style: normal;\n            color: #fff;\n            margin: 4px;\n            cursor: move;\n        }\n    }\n</style>\n"],"names":["i18nt","i18n2t","useI18n","props","__props","selected","moveUpWidget","selectParentWidget","cloneContainer","removeWidget","moveDownWidget","useContainerWidget","_unref","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_createVNode","SvgIcon","_cache","_withModifiers","args","parentList","widget","$event","isDrag","_hoisted_7","_toDisplayString","_hoisted_9"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDI,UAAM,EAAE,OAAAA,GAAO,QAAAC,EAAA,IAAWC,EAAA,GAOpBC,IAAQC,GAIR;AAAA,MACF,UAAAC;AAAA,MACA,cAAAC;AAAA,MACA,oBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAAC;AAAA,IAEJ,IAAIC,EAAmBR,CAAK;;MAnEQS,EAAAP,CAAA,KAApCQ,KAAAC,EAwBM,OAxBNC,GAwBM;AAAA,QAvBFC,EAEI,KAAA;AAAA,UAFA,OAAOJ,EAAAZ,CAAA,EAAK,kCAAA;AAAA,UAAuC,kCAAYY,EAAAL,CAAA,EAAA,GAAkB,CAAA,MAAA,CAAA;AAAA,QAAA;UACjFU,EAAsCL,EAAAM,CAAA,GAAA,EAA5B,cAAW,gBAAc;AAAA,QAAA;QAEvCF,EAEI,KAAA;AAAA,UAFA,OAAOJ,EAAAZ,CAAA,EAAK,4BAAA;AAAA,UAAiC,SAAKmB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC;AAAAA;AAAAA,sBAAOR,EAAAN,CAAA,KAAAM,EAAAN,CAAA,EAAA,GAAAe,CAAA;AAAA,YAAY,CAAA,MAAA;AAAA,UAAA;AAAA,QAAA;UACrEJ,EAAyCL,EAAAM,CAAA,GAAA,EAA/B,cAAW,mBAAiB;AAAA,QAAA;QAG9BI,EAAAA,cAAcA,EAAAA,WAAW,SAAM,UAD3CR,EAKM,KAAA;AAAA;UAHD,OAAOF,EAAAZ,CAAA,EAAK,8BAAA;AAAA,UACZ,kCAAYY,EAAAF,CAAA,EAAA,GAAc,CAAA,MAAA,CAAA;AAAA,QAAA;UAC1BO,EACHL,EAAAM,CAAA,GAAA,EADa,cAAW,qBAAmB;AAAA,QAAA;QAInCK,EAAAA,OAAO,SAAI,eADrBT,EAMI,KAAA;AAAA;UAJC,OAAOF,EAAAZ,CAAA,EAAK,2BAAA;AAAA,UACZ,SAAKmB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA,CAAAI,MAAOZ,EAAAJ,CAAA,EAAee,EAAAA,MAAM,GAAA,CAAA,MAAA,CAAA;AAAA,QAAA;UAElCN,EAAuCL,EAAAM,CAAA,GAAA,EAA7B,cAAW,iBAAe;AAAA,QAAA;QAExCF,EAEI,KAAA;AAAA,UAFA,OAAOJ,EAAAZ,CAAA,EAAK,sBAAA;AAAA,UAA2B,SAAKmB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC;AAAAA;AAAAA,sBAAOR,EAAAH,CAAA,KAAAG,EAAAH,CAAA,EAAA,GAAAY,CAAA;AAAA,YAAY,CAAA,MAAA;AAAA,UAAA;AAAA,QAAA;UAC/DJ,EAAwCL,EAAAM,CAAA,GAAA,EAA9B,cAAW,kBAAgB;AAAA,QAAA;;MAIbN,EAAAP,CAAA,KAAQ,CAAKkB,EAAAA,OAAO,YAAYE,EAAAA,UAAhEZ,EAAA,GAAAC,EAcM,OAdNY,GAcM;AAAA,QAbFV,EAEI,KAAA;AAAA,UAFA,OAAOJ,EAAAZ,CAAA,EAAK,2BAAA;AAAA,QAAA;UACZiB,EAA2CL,EAAAM,CAAA,GAAA,EAAjC,cAAW,qBAAmB;AAAA,QAAA;QAE5CF,EAQI,KAAA,MAAAW,EANIJ,EAAAA,OAAO,YAA4BX,EAAAX,CAAA;AAAA,UAAoDsB,wBAAAA,EAAAA,OAAO,IAAI;AAAA,UAAiDA,yBAAAA,EAAAA,OAAO,IAAI;AAAA,QAAA;QAO7JA,EAAAA,OAAO,QAAQ,WAAM,WAA9BT,EAAoF,KAAAc,GAAA;AAAA,UAA1CX,EAAsCL,EAAAM,CAAA,GAAA,EAA5B,cAAW,gBAAc;AAAA,QAAA;;;;;"}