@kp-ui/lowcode-pc 1.0.0-alpha.1 → 1.0.0-alpha.10

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

@@ -0,0 +1 @@
+{"version":3,"file":"useField.js","sources":["../../../../src/components/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 { isArray, eq, get } from 'lodash-es';\nimport { FormConfig, FormValidators, Widget } from '@kp-ui/lowcode-core';\nimport { useEmitter, deepClone, useAppRef, useI18n } from '@kp-ui/lowcode-core';\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>, isInitModelValue = true) {\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 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 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        const defaultValue =\n            typeof props.field.options.defaultValue === 'undefined'\n                ? ''\n                : props.field.options.defaultValue;\n        dispatch('VFormRender', 'fieldChange', {\n            fieldName: getPropName.value,\n            value: defaultValue,\n            oldValue: toRaw(fieldModel.value),\n            field: field\n        });\n    };\n\n    // 生命周期钩子\n    onMounted(async () => {\n        if (isInitModelValue) {\n            initFieldModel();\n        }\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        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        setUploadData,\n\n        isSubFormField,\n        defineExposed\n    };\n}\n"],"names":["fieldEditor"],"mappings":"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"}

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

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

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

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

package/{assets/vue-render-widget.mjs → src/components/field-widget/vue-render-widget.vue2.js}

@@ -1,7 +1,8 @@
 import { defineComponent, createBlock, createCommentVNode, unref, openBlock, mergeProps, withCtx, createElementVNode, resolveDynamicComponent, toRefs } from "vue";
-import FormItemWrapper from "./form-item-wrapper.mjs";
-import { u as useField } from "./useField.mjs";
-import { C as ComponentNameEnum, W as WidgetTypeEnum } from "./install.mjs";
+/* empty css                                   */
+import FormItemWrapper from "./form-item-wrapper.vue.js";
+import { useField } from "./useField.js";
+import { ComponentNameEnum, WidgetTypeEnum } from "../../../core/src/constants/WidgetTypeEnum.js";
 const _hoisted_1 = { class: "slot-wrapper-render" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
@@ -22,7 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props, { expose: __expose }) {
     const props = __props;
-    const { rules, fieldEditor, field, fieldModel, handleHidden, defineExposed, executeFunction } = useField(props);
+    const { rules, field, fieldModel, handleHidden, defineExposed, executeFunction } = useField(props);
     const renderCompont = () => {
       if (field.options.template) {
         const sfcString = field.options.template;
@@ -77,10 +78,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return !unref(handleHidden) ? (openBlock(), createBlock(FormItemWrapper, mergeProps({ key: 0 }, props, { rules: unref(rules) }), {
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1, [
-            (openBlock(), createBlock(resolveDynamicComponent(renderCompont()), {
-              ref_key: "fieldEditor",
-              ref: fieldEditor
-            }, null, 512))
+            (openBlock(), createBlock(resolveDynamicComponent(renderCompont()), { ref: "fieldEditor" }, null, 512))
           ])
         ]),
         _: 1
@@ -91,3 +89,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 export {
   _sfc_main as default
 };
+//# sourceMappingURL=vue-render-widget.vue2.js.map

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

@@ -0,0 +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;;;;;;;"}

package/src/components/form-render/RenderWigetList.vue.js

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

package/src/components/form-render/RenderWigetList.vue.js.map

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

package/src/components/form-render/RenderWigetList.vue2.js

@@ -0,0 +1,46 @@
+import { defineComponent, inject, createElementBlock, openBlock, Fragment, renderList, createBlock, resolveDynamicComponent, unref, createSlots, withCtx, renderSlot, mergeProps } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false,
+    name: "RenderWigetList"
+  },
+  __name: "RenderWigetList",
+  props: {
+    subFormRowIndex: { default: void 0 },
+    subFormRowId: { default: void 0 },
+    widgetList: { default: () => [] },
+    parentWidget: { default: null }
+  },
+  setup(__props) {
+    const getWidget = inject("getWidget", () => {
+      return () => null;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.widgetList, (widget, index) => {
+        return openBlock(), createBlock(resolveDynamicComponent(unref(getWidget)(widget)), {
+          field: widget,
+          key: widget.id,
+          widget,
+          "parent-list": _ctx.widgetList,
+          "index-of-parent-list": index,
+          "parent-widget": widget,
+          "sub-form-row-index": _ctx.subFormRowIndex,
+          "sub-form-row-id": _ctx.subFormRowId
+        }, createSlots({ _: 2 }, [
+          renderList(Object.keys(_ctx.$slots), (slot) => {
+            return {
+              name: slot,
+              fn: withCtx((scope) => [
+                renderSlot(_ctx.$slots, slot, mergeProps({ ref_for: true }, scope))
+              ])
+            };
+          })
+        ]), 1032, ["field", "widget", "parent-list", "index-of-parent-list", "parent-widget", "sub-form-row-index", "sub-form-row-id"]);
+      }), 128);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=RenderWigetList.vue2.js.map

package/src/components/form-render/RenderWigetList.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderWigetList.vue2.js","sources":["../../../../src/components/form-render/RenderWigetList.vue"],"sourcesContent":["<template>\n    <component\n        v-for=\"(widget, index) in widgetList\"\n        :is=\"getWidget(widget)\"\n        :field=\"widget\"\n        :key=\"widget.id\"\n        :widget=\"widget\"\n        :parent-list=\"widgetList\"\n        :index-of-parent-list=\"index\"\n        :parent-widget=\"widget\"\n        :sub-form-row-index=\"subFormRowIndex\"\n        :sub-form-row-id=\"subFormRowId\"\n    >\n        <template v-for=\"slot in Object.keys($slots)\" v-slot:[slot]=\"scope\">\n            <slot :name=\"slot\" v-bind=\"scope\"></slot>\n        </template>\n    </component>\n</template>\n\n<script lang=\"ts\" setup>\n    import type { Widget } from '@kp-ui/lowcode-core';\n    import { inject } from 'vue';\n    defineOptions({\n        inheritAttrs: false,\n        name: 'RenderWigetList'\n    });\n\n    const getWidget = inject<(widget: Widget) => any>('getWidget', () => {\n        return () => null;\n    });\n\n    const props = withDefaults(\n        defineProps<{\n            subFormRowIndex?: number | undefined;\n            subFormRowId?: string | undefined;\n            widgetList: Widget[] | null;\n            parentWidget: Widget | null;\n        }>(),\n        {\n            parentWidget: null,\n            widgetList: () => [],\n            subFormRowIndex: undefined,\n            subFormRowId: undefined\n        }\n    );\n</script>\n"],"names":["_openBlock","_createElementBlock","_Fragment","_renderList","widgetList","_createBlock","_resolveDynamicComponent","_unref","subFormRowIndex","subFormRowId","$slots","_withCtx","_renderSlot","_mergeProps"],"mappings":";;;;;;;;;;;;;;AA2BI,UAAM,YAAY,OAAgC,aAAa,MAAM;AACjE,aAAO,MAAM;AAAA,IACjB,CAAC;;AA5BD,aAAAA,UAAA,IAAA,GAAAC,mBAeYC,UAAA,MAAAC,WAdkBC,KAAAA,YAAU,CAA5B,QAAQ,UAAK;4BADzBC,YAeYC,wBAbHC,MAAA,SAAA,EAAU,MAAM,CAAA,GAAA;AAAA,UACpB,OAAO;AAAA,UACP,KAAK,OAAO;AAAA,UACZ;AAAA,UACA,eAAaH,KAAAA;AAAAA,UACb,wBAAsB;AAAA,UACtB,iBAAe;AAAA,UACf,sBAAoBI,KAAAA;AAAAA,UACpB,mBAAiBC,KAAAA;AAAAA,QAAAA;UAEON,WAAA,OAAO,KAAKO,KAAAA,MAAM,IAA1B,SAAI;;oBAAgC;AAAA,cACjD,IAAAC,QAAA,CADyD,UAAK;AAAA,gBAC9DC,WAAyC,KAAA,QAA5B,MAAbC,WAAyC,mBAAd,KAAK,CAAA;AAAA,cAAA;;;;;;;;"}

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

@@ -0,0 +1,8 @@
+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"]]);
+export {
+  DataTableWidget as default
+};
+//# sourceMappingURL=data-table-widget.vue.js.map

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

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

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

@@ -0,0 +1,120 @@
+import { defineComponent, watchEffect, onMounted, createElementBlock, createCommentVNode, unref, openBlock, normalizeStyle, createVNode } from "vue";
+/* empty css                                      */
+import { useVxeTable, Table } from "tmgc2-share";
+import { useTableWidget } from "../../desginer/form-widget/container-widget/useTableWidget.js";
+import { ComponentNameEnum, ContainerTypeEnum } from "../../../../core/src/constants/WidgetTypeEnum.js";
+import { useField } from "../../../../core/src/hooks/useField.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: ContainerTypeEnum.DataTable,
+    componentName: ComponentNameEnum.FieldWidget
+  },
+  __name: "data-table-widget",
+  props: {
+    widget: {},
+    field: {},
+    parentWidget: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {}
+  },
+  setup(__props, { expose: __expose }) {
+    var _a;
+    const props = __props;
+    const { fieldModel, handleHidden, defineExposed } = useField(props);
+    const {
+      isLoading,
+      tableProps,
+      tableWidth,
+      pagintion,
+      setPagination,
+      setTableRef,
+      initTableSoureData,
+      handleTableChange,
+      onRunEvent,
+      onSortChange,
+      onCheckboxChange,
+      tableDefinExpoed
+    } = useTableWidget({
+      props,
+      fieldModel
+    });
+    watchEffect(() => {
+      if (!props.field.options.showPagination) {
+        setPagination({
+          total: 0
+        });
+      }
+    });
+    pagintion.value.onChange = (current, pageSize) => {
+      initTableSoureData();
+    };
+    const { tableRef, register, selectedRowInfo, sorts, selectRow, delSelectRow } = useVxeTable({
+      props: {
+        rowKey: props.field.options.rowKey,
+        hasRowSelection: (_a = props.field.options.rowSelection) == null ? void 0 : _a.hasRowSelection,
+        clickRowCheck: props.field.options.colorRow
+      },
+      events: {
+        dataChange: (params) => handleTableChange({ sorts: sorts.value }),
+        cellDblclick: (params) => onRunEvent(params, "onDblclick"),
+        cellMouseenter: (params) => onRunEvent(params, "onMouseenter"),
+        cellMouseleave: (params) => onRunEvent(params, "onMouseleave")
+      },
+      callbacks: {
+        onCheckboxChange,
+        onSortChange,
+        cellClick: (params) => onRunEvent(params, "onClick")
+      }
+    });
+    const getSelectedRowKeys = () => {
+      return selectedRowInfo.value.selectedRowKeys;
+    };
+    const getSelectedRows = () => {
+      return selectedRowInfo.value.selectedRows;
+    };
+    const getFieldEditor = () => {
+      return tableRef.value;
+    };
+    watchEffect(() => {
+      if (tableRef.value) {
+        setTableRef(tableRef.value);
+      }
+    });
+    onMounted(() => {
+      initTableSoureData();
+    });
+    __expose({
+      ...defineExposed,
+      ...tableDefinExpoed,
+      delSelectRow,
+      getFieldEditor,
+      selectRow,
+      getSelectedRowKeys,
+      getSelectedRows,
+      setPagination,
+      sorts,
+      selectedRowInfo,
+      loadDataTableDataSource: initTableSoureData,
+      fieldEditor: tableRef
+    });
+    return (_ctx, _cache) => {
+      return !unref(handleHidden) ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: "talbe-wrapper",
+        style: normalizeStyle({ width: unref(tableWidth) })
+      }, [
+        createVNode(unref(Table), {
+          onRegister: unref(register),
+          tableProps: unref(tableProps),
+          loading: unref(isLoading),
+          pagination: unref(pagintion)
+        }, null, 8, ["onRegister", "tableProps", "loading", "pagination"])
+      ], 4)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=data-table-widget.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/data-table-widget.vue"],"sourcesContent":["<template>\n    <div class=\"talbe-wrapper\" :style=\"{ width: tableWidth }\" v-if=\"!handleHidden\">\n        <Table\n            @register=\"register\"\n            :tableProps=\"tableProps\"\n            :loading=\"isLoading\"\n            :pagination=\"pagintion\"\n        />\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\n    import { ContainerTypeEnum, ComponentNameEnum, WidgetProps } from '@kp-ui/lowcode-core';\n    import { onMounted, watchEffect } from 'vue';\n    import { useVxeTable, Table } from 'tmgc2-share';\n    import { useField } from '@kp-ui/lowcode-core';\n    import { useTableWidget } from '../../desginer/form-widget/container-widget/useTableWidget';\n    import { DataTableWidget } from '../../desginer/widget-panel/advanced';\n\n    const props = defineProps<WidgetProps<DataTableWidget>>();\n    defineOptions({\n        name: ContainerTypeEnum.DataTable,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n\n    const { fieldModel, handleHidden, defineExposed, customClass } = useField(props);\n\n    const {\n        isLoading,\n        tableProps,\n        tableWidth,\n        pagintion,\n        setPagination,\n        setTableRef,\n        initTableSoureData,\n        handleTableChange,\n        onRunEvent,\n        onSortChange,\n        onCheckboxChange,\n        tableDefinExpoed\n    } = useTableWidget({\n        props,\n        fieldModel\n    });\n\n    watchEffect(() => {\n        if (!props.field.options.showPagination) {\n            setPagination({\n                total: 0\n            });\n        }\n    });\n\n    pagintion.value.onChange = (current, pageSize) => {\n        initTableSoureData();\n    };\n\n    const { tableRef, register, selectedRowInfo, sorts, selectRow, delSelectRow } = useVxeTable({\n        props: {\n            rowKey: props.field.options.rowKey,\n            hasRowSelection: props.field.options.rowSelection?.hasRowSelection,\n            clickRowCheck: props.field.options.colorRow\n        },\n        events: {\n            dataChange: params => handleTableChange({ sorts: sorts.value }),\n            cellDblclick: params => onRunEvent(params, 'onDblclick'),\n            cellMouseenter: params => onRunEvent(params, 'onMouseenter'),\n            cellMouseleave: params => onRunEvent(params, 'onMouseleave')\n        },\n        callbacks: {\n            onCheckboxChange,\n            onSortChange,\n            cellClick: params => onRunEvent(params, 'onClick')\n        }\n    });\n\n    const getSelectedRowKeys = () => {\n        return selectedRowInfo.value.selectedRowKeys;\n    };\n\n    const getSelectedRows = () => {\n        return selectedRowInfo.value.selectedRows;\n    };\n\n    /**\n     * 获取字段编辑器\n     * @returns 字段编辑器\n     */\n    const getFieldEditor = () => {\n        // 获取内置的el表单组件\n        return tableRef.value;\n    };\n\n    watchEffect(() => {\n        if (tableRef.value) {\n            setTableRef(tableRef.value);\n        }\n    });\n\n    onMounted(() => {\n        initTableSoureData();\n    });\n\n    defineExpose({\n        ...defineExposed,\n        ...tableDefinExpoed,\n        delSelectRow,\n        getFieldEditor,\n        selectRow,\n        getSelectedRowKeys,\n        getSelectedRows,\n        setPagination,\n        sorts,\n        selectedRowInfo,\n        loadDataTableDataSource: initTableSoureData,\n        fieldEditor: tableRef\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    .talbe-wrapper {\n        width: 100%;\n        .vxe-grid {\n            width: 100%;\n        }\n        &__pagination {\n            margin-top: 10px;\n            display: flex;\n            justify-content: end;\n        }\n    }\n</style>\n"],"names":["_unref","_createElementBlock","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAmBI,UAAM,QAAQ;AAMd,UAAM,EAAE,YAAY,cAAc,cAA2B,IAAI,SAAS,KAAK;AAE/E,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,eAAe;AAAA,MACf;AAAA,MACA;AAAA,IAAA,CACH;AAED,gBAAY,MAAM;AACd,UAAI,CAAC,MAAM,MAAM,QAAQ,gBAAgB;AACrC,sBAAc;AAAA,UACV,OAAO;AAAA,QAAA,CACV;AAAA,MACL;AAAA,IACJ,CAAC;AAED,cAAU,MAAM,WAAW,CAAC,SAAS,aAAa;AAC9C,yBAAA;AAAA,IACJ;AAEA,UAAM,EAAE,UAAU,UAAU,iBAAiB,OAAO,WAAW,aAAA,IAAiB,YAAY;AAAA,MACxF,OAAO;AAAA,QACH,QAAQ,MAAM,MAAM,QAAQ;AAAA,QAC5B,kBAAiB,WAAM,MAAM,QAAQ,iBAApB,mBAAkC;AAAA,QACnD,eAAe,MAAM,MAAM,QAAQ;AAAA,MAAA;AAAA,MAEvC,QAAQ;AAAA,QACJ,YAAY,CAAA,WAAU,kBAAkB,EAAE,OAAO,MAAM,OAAO;AAAA,QAC9D,cAAc,CAAA,WAAU,WAAW,QAAQ,YAAY;AAAA,QACvD,gBAAgB,CAAA,WAAU,WAAW,QAAQ,cAAc;AAAA,QAC3D,gBAAgB,CAAA,WAAU,WAAW,QAAQ,cAAc;AAAA,MAAA;AAAA,MAE/D,WAAW;AAAA,QACP;AAAA,QACA;AAAA,QACA,WAAW,CAAA,WAAU,WAAW,QAAQ,SAAS;AAAA,MAAA;AAAA,IACrD,CACH;AAED,UAAM,qBAAqB,MAAM;AAC7B,aAAO,gBAAgB,MAAM;AAAA,IACjC;AAEA,UAAM,kBAAkB,MAAM;AAC1B,aAAO,gBAAgB,MAAM;AAAA,IACjC;AAMA,UAAM,iBAAiB,MAAM;AAEzB,aAAO,SAAS;AAAA,IACpB;AAEA,gBAAY,MAAM;AACd,UAAI,SAAS,OAAO;AAChB,oBAAY,SAAS,KAAK;AAAA,MAC9B;AAAA,IACJ,CAAC;AAED,cAAU,MAAM;AACZ,yBAAA;AAAA,IACJ,CAAC;AAED,aAAa;AAAA,MACT,GAAG;AAAA,MACH,GAAG;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,yBAAyB;AAAA,MACzB,aAAa;AAAA,IAAA,CAChB;;cAnHgEA,MAAA,YAAA,kBAAjEC,mBAOM,OAAA;AAAA;QAPD,OAAM;AAAA,QAAiB,+BAAgBD,MAAA,UAAA,GAAU;AAAA,MAAA;QAClDE,YAKEF,MAAA,KAAA,GAAA;AAAA,UAJG,YAAUA,MAAA,QAAA;AAAA,UACV,YAAYA,MAAA,UAAA;AAAA,UACZ,SAASA,MAAA,SAAA;AAAA,UACT,YAAYA,MAAA,SAAA;AAAA,QAAA;;;;;"}

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

@@ -0,0 +1,8 @@
+import _sfc_main from "./grid-col-widget.vue2.js";
+/* empty css                     */
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const GridColWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-13ad810a"]]);
+export {
+  GridColWidget as default
+};
+//# sourceMappingURL=grid-col-widget.vue.js.map

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

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

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

@@ -0,0 +1,57 @@
+import { defineComponent, computed, ref, resolveComponent, createBlock, createCommentVNode, unref, openBlock, mergeProps, withCtx, createVNode } from "vue";
+import _sfc_main$1 from "../RenderWigetList.vue2.js";
+/* empty css                                      */
+import { ComponentNameEnum, ContainerTypeEnum } from "../../../../core/src/constants/WidgetTypeEnum.js";
+import { useField } from "../../../../core/src/hooks/useField.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: ContainerTypeEnum.GridColWidget,
+    componentName: ComponentNameEnum.ContainerWidget,
+    inheritAttrs: false
+  },
+  __name: "grid-col-widget",
+  props: {
+    widget: {},
+    field: {},
+    parentWidget: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    colHeight: { default: null }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const colHeightStyle = computed(() => {
+      return props.colHeight ? { height: props.colHeight } : {};
+    });
+    const layoutProps = ref({
+      span: props.widget.options.span || 12,
+      offset: props.widget.options.offset || 0,
+      push: props.widget.options.push || 0,
+      pull: props.widget.options.pull || 0
+    });
+    const { handleHidden, defineExposed } = useField(props, false);
+    __expose({
+      ...defineExposed
+    });
+    return (_ctx, _cache) => {
+      const _component_a_col = resolveComponent("a-col");
+      return !unref(handleHidden) ? (openBlock(), createBlock(_component_a_col, mergeProps({
+        key: 0,
+        class: "grid-cell"
+      }, layoutProps.value, { style: colHeightStyle.value }), {
+        default: withCtx(() => [
+          createVNode(_sfc_main$1, {
+            widgetList: _ctx.widget.widgetList || [],
+            parentWidget: _ctx.widget
+          }, null, 8, ["widgetList", "parentWidget"])
+        ]),
+        _: 1
+      }, 16, ["style"])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=grid-col-widget.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"grid-col-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/grid-col-widget.vue"],"sourcesContent":["<template>\n    <a-col v-if=\"!handleHidden\" class=\"grid-cell\" v-bind=\"layoutProps\" :style=\"colHeightStyle\">\n        <RenderWigetList :widgetList=\"widget.widgetList || []\" :parentWidget=\"widget\" />\n    </a-col>\n</template>\n\n<script lang=\"ts\" setup>\n    import RenderWigetList from '../RenderWigetList.vue';\n    import { computed, ref } from 'vue';\n    import { ComponentNameEnum, ContainerTypeEnum, WidgetProps } from '@kp-ui/lowcode-core';\n    import { useField } from '@kp-ui/lowcode-core';\n\n    defineOptions({\n        name: ContainerTypeEnum.GridColWidget,\n        componentName: ComponentNameEnum.ContainerWidget,\n        inheritAttrs: false\n    });\n\n    const props = withDefaults(defineProps<WidgetProps & { colHeight: number | null }>(), {\n        colHeight: null\n    });\n\n    const colHeightStyle = computed(() => {\n        return props.colHeight ? { height: props.colHeight } : {};\n    });\n\n    const layoutProps = ref({\n        span: props.widget.options.span || 12,\n        offset: props.widget.options.offset || 0,\n        push: props.widget.options.push || 0,\n        pull: props.widget.options.pull || 0\n    });\n\n    const { handleHidden, defineExposed } = useField(props, false);\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    .grid-cell {\n        padding: 3px;\n        position: relative;\n\n        .form-widget-list {\n            min-height: 28px;\n        }\n    }\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createVNode","RenderWigetList","widget"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAkBI,UAAM,QAAQ;AAId,UAAM,iBAAiB,SAAS,MAAM;AAClC,aAAO,MAAM,YAAY,EAAE,QAAQ,MAAM,UAAA,IAAc,CAAA;AAAA,IAC3D,CAAC;AAED,UAAM,cAAc,IAAI;AAAA,MACpB,MAAM,MAAM,OAAO,QAAQ,QAAQ;AAAA,MACnC,QAAQ,MAAM,OAAO,QAAQ,UAAU;AAAA,MACvC,MAAM,MAAM,OAAO,QAAQ,QAAQ;AAAA,MACnC,MAAM,MAAM,OAAO,QAAQ,QAAQ;AAAA,IAAA,CACtC;AAED,UAAM,EAAE,cAAc,cAAA,IAAkB,SAAS,OAAO,KAAK;AAE7D,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cApCaA,MAAA,YAAA,KAAdC,aAAAC,YAEQ,kBAFRC,WAEQ;AAAA;QAFoB,OAAM;AAAA,MAAA,GAAoB,YAAA,OAAW,EAAG,OAAO,eAAA,MAAA,CAAc,GAAA;AAAA,yBACrF,MAAgF;AAAA,UAAhFC,YAAgFC,aAAA;AAAA,YAA9D,YAAYC,KAAAA,OAAO,cAAU,CAAA;AAAA,YAAS,cAAcA,KAAAA;AAAAA,UAAAA;;;;;;;"}

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

@@ -0,0 +1,8 @@
+import _sfc_main from "./grid-sub-form-widget.vue2.js";
+/* empty css                          */
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const GridSubFormWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-80b2c408"]]);
+export {
+  GridSubFormWidget as default
+};
+//# sourceMappingURL=grid-sub-form-widget.vue.js.map

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

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