@kp-ui/lowcode 1.0.92 → 1.0.94

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

@@ -0,0 +1 @@
+{"version":3,"file":"fieldMixin.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/fieldMixin.js"],"sourcesContent":["import { deepClone, translateOptionItems } from '@/utils/util';\nimport FormValidators from '@/utils/validators';\nimport { fmtHttpParams } from '@/utils/request/fmtHttpParams';\nimport { isArray, eq } from 'lodash-es';\n\nexport default {\n    inject: [\n        'refList',\n        'getFormConfig',\n        'globalOptionData',\n        'globalModel',\n        'getOptionData',\n        'getGlobalDsv',\n        'getReadMode',\n        'getSubFormFieldFlag',\n        'getSubFormName',\n        'getDSResultCache'\n    ],\n    data() {\n        return {\n            fieldReadonlyFlag: false,\n            loading: false\n        };\n    },\n    computed: {\n        formConfig() {\n            return this.getFormConfig();\n        },\n\n        subFormName() {\n            return !!this.getSubFormName ? this.getSubFormName() : '';\n        },\n\n        subFormItemFlag() {\n            return !!this.getSubFormFieldFlag ? this.getSubFormFieldFlag() : false;\n        },\n\n        formModel: {\n            cache: false,\n            get() {\n                return this.globalModel.formModel;\n            }\n        },\n\n        isReadMode() {\n            //return this.getReadMode() || this.fieldReadonlyFlag\n            return !!this.getReadMode() ? true : this.fieldReadonlyFlag;\n        },\n\n        optionLabel() {\n            if (this.fieldModel === null) {\n                return '';\n            } else {\n                let resultContent = '';\n\n                const { valueKey, labelKey } = this.field.options;\n                this.field.options.optionItems.forEach(oItem => {\n                    if (\n                        oItem[valueKey] === this.fieldModel ||\n                        this.findInArray(this.fieldModel, oItem[valueKey]) !== -1\n                    ) {\n                        resultContent =\n                            resultContent === ''\n                                ? oItem[labelKey]\n                                : resultContent + ' ' + oItem[labelKey];\n                    }\n                });\n\n                return resultContent;\n            }\n        }\n    },\n\n    methods: {\n        handleHidden() {\n            if (this.designState) {\n                return false;\n            }\n            const { onHidden, hidden } = this.field.options;\n            if (hidden) return true;\n            if (onHidden) {\n                const onHiddenFn = new Function(onHidden);\n                return onHiddenFn.call(this);\n            }\n            return false;\n        },\n        handleDisabled() {\n            if (this.designState) {\n                return false;\n            }\n            const { onDisabled, disabled } = this.field.options;\n            if (disabled) return true;\n            if (onDisabled) {\n                try {\n                    const disabledFn = new Function(onDisabled);\n                    return disabledFn.call(this);\n                } catch (error) {\n                    console.log({ error });\n                }\n            }\n            return false;\n        },\n        findInArray(arrayObject, element) {\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        //--------------------- 组件内部方法 begin ------------------//\n        getPropName() {\n            if (this.subFormItemFlag && !this.designState) {\n                return (\n                    this.subFormName +\n                    '.' +\n                    this.subFormRowIndex +\n                    '.' +\n                    this.field.options.name +\n                    ''\n                );\n            } else {\n                return this.field.options.name;\n            }\n        },\n\n        initFieldModel() {\n            if (!this.field.formItemFlag) {\n                return;\n            }\n            if (!!this.subFormItemFlag && !this.designState) {\n                //SubForm子表单组件需要特殊处理！！\n                const subFormData = this.formModel[this.subFormName];\n                if (\n                    (subFormData === undefined ||\n                        subFormData[this.subFormRowIndex] === undefined ||\n                        subFormData[this.subFormRowIndex][this.field.options.name] === undefined) &&\n                    this.field.options.defaultValue !== undefined\n                ) {\n                    this.fieldModel = this.field.options.defaultValue;\n                    subFormData[this.subFormRowIndex][this.field.options.name] =\n                        this.field.options.defaultValue;\n                } else if (\n                    subFormData[this.subFormRowIndex][this.field.options.name] === undefined\n                ) {\n                    this.fieldModel = null;\n                    subFormData[this.subFormRowIndex][this.field.options.name] = null;\n                } else {\n                    this.fieldModel = subFormData[this.subFormRowIndex][this.field.options.name];\n                }\n\n                /* 主动触发子表单内field-widget的onChange事件！！ */\n                setTimeout(() => {\n                    //延时触发onChange事件, 便于更新计算字段！！\n                    this.handleOnChangeForSubForm(\n                        this.fieldModel,\n                        this.oldFieldValue,\n                        [],\n                        subFormData,\n                        this.subFormRowId\n                    );\n                }, 800);\n                this.oldFieldValue = deepClone(this.fieldModel);\n\n                this.initFileList(); //处理图片上传、文件上传字段\n\n                return;\n            }\n\n            if (\n                this.formModel[this.field.options.name] === undefined &&\n                this.field.options.defaultValue !== undefined\n            ) {\n                this.fieldModel = this.field.options.defaultValue;\n            } else if (this.formModel[this.field.options.name] === undefined) {\n                //如果formModel为空对象，则初始化字段值为null!!\n                this.formModel[this.field.options.name] = null;\n            } else {\n                this.fieldModel = this.formModel[this.field.options.name];\n            }\n            this.oldFieldValue = deepClone(this.fieldModel);\n            this.initFileList(); //处理图片上传、文件上传字段\n        },\n\n        initFileList() {\n            //初始化上传组件的已上传文件列表\n            if (\n                (this.field.type !== 'picture-upload' && this.field.type !== 'file-upload') ||\n                this.designState === true\n            ) {\n                return;\n            }\n\n            if (this.fieldModel) {\n                if (typeof this.fieldModel === 'string') {\n                    this.fieldModel = JSON.parse(this.fieldModel);\n                }\n            }\n        },\n\n        initEventHandler() {\n            this.on$('setFormData', newFormData => {\n                //console.log('formModel of globalModel----------', this.globalModel.formModel)\n                if (!this.subFormItemFlag) {\n                    this.setValue(newFormData[this.field.options.name]);\n                }\n            });\n\n            this.on$('field-value-changed', values => {\n                if (!!this.subFormItemFlag) {\n                    const subFormData = this.formModel[this.subFormName];\n                    this.handleOnChangeForSubForm(\n                        values[0],\n                        values[1],\n                        subFormData,\n                        this.subFormRowId\n                    );\n                } else {\n                    this.handleOnChange(values[0], values[1]);\n                }\n            });\n\n            /* 监听从数据集加载选项事件 */\n            this.on$('loadOptionItemsFromDataSet', dsName => {\n                this.loadOptionItemsFromDataSet(dsName);\n            });\n\n            this.on$('reloadOptionItems', widgetNames => {\n                if (widgetNames.length === 0 || widgetNames.indexOf(this.field.options.name) > -1) {\n                    this.initOptionItems(true);\n                }\n            });\n        },\n\n        handleOnCreated() {\n            if (!!this.designState) {\n                //设计状态不触发事件\n                return;\n            }\n\n            if (!!this.field.options.onCreated) {\n                const customFunc = new Function(this.field.options.onCreated);\n                customFunc.call(this);\n            }\n        },\n\n        handleOnMounted() {\n            if (!!this.designState) {\n                //设计状态不触发事件\n                return;\n            }\n\n            if (!!this.field.options.onMounted) {\n                const mountFunc = new Function(this.field.options.onMounted);\n                mountFunc.call(this);\n            }\n        },\n\n        registerToRefList(oldRefName) {\n            if (this.refList !== null && !!this.field.options.name) {\n                if (this.subFormItemFlag && !this.designState) {\n                    //处理子表单元素（且非设计状态）\n                    if (!!oldRefName) {\n                        delete this.refList[oldRefName + '@row' + this.subFormRowId];\n                    }\n                    this.refList[this.field.options.name + '@row' + this.subFormRowId] = this;\n                } else {\n                    if (!!oldRefName) {\n                        delete this.refList[oldRefName];\n                    }\n                    this.refList[this.field.options.name] = this;\n                }\n            }\n        },\n\n        unregisterFromRefList() {\n            //销毁组件时注销组件ref\n            if (this.refList !== null && !!this.field.options.name) {\n                const oldRefName = this.field.options.name;\n                if (this.subFormItemFlag && !this.designState) {\n                    //处理子表单元素（且非设计状态）\n                    delete this.refList[oldRefName + '@row' + this.subFormRowId];\n                } else {\n                    delete this.refList[oldRefName];\n                }\n            }\n        },\n        clearOptionItems() {\n            if (!!this.field.options.dsEnabled) {\n                this.field.options.optionItems.splice(0, this.field.options.optionItems.length); // 清空原有选项\n            }\n        },\n\n        async initOptionItems(keepSelected) {\n            if (this.designState) {\n                return;\n            }\n            if (this.loading) return;\n            this.loading = true;\n            if (\n                ['radio', 'checkbox', 'select', 'cascader', 'treeSelect'].includes(this.field.type)\n            ) {\n                /* 首先处理数据源选项加载 */\n                if (!!this.field.options.dsEnabled && this.field.options.http?.url) {\n                    try {\n                        const dsResult = await fmtHttpParams.call(this, this.field.options, {\n                            fieldCode: this.field.options.name\n                        });\n                        if (isArray(dsResult)) {\n                            this.loadOptions(dsResult);\n                        }\n                        if (isArray(dsResult.list)) {\n                            if (this.field.options.loadingPage) {\n                                this.pager.total = dsResult.total || 0;\n                                this.pager.totalPage = dsResult.totalPage || 0;\n                                this.loadOptions([...this.getOptionItems(), ...dsResult.list]);\n                            } else {\n                                this.loadOptions(dsResult.list);\n                            }\n                        }\n                    } catch (err) {\n                        console.error('err: ', err);\n                    }\n                }\n\n                /* 异步更新option-data之后globalOptionData不能获取到最新值，改用provide的getOptionData()方法 */\n                const newOptionItems = this.getOptionData();\n                if (!!newOptionItems && newOptionItems.hasOwnProperty(this.field.options.name)) {\n                    if (!!keepSelected) {\n                        this.reloadOptions(newOptionItems[this.field.options.name]);\n                    } else {\n                        this.loadOptions(newOptionItems[this.field.options.name]);\n                    }\n                }\n                this.loading = false;\n            }\n        },\n\n        loadOptionItemsFromDataSet(dsName) {\n            if (this.designState) {\n                return;\n            }\n\n            if (\n                this.field.type !== 'radio' &&\n                this.field.type !== 'checkbox' &&\n                this.field.type !== 'select' &&\n                this.field.type !== 'cascader'\n            ) {\n                return;\n            }\n\n            if (\n                !this.field.options.dsEnabled ||\n                !this.field.options.dsName ||\n                !this.field.options.dataSetName ||\n                this.field.options.dsName !== dsName\n            ) {\n                return;\n            }\n\n            const dataCache = this.getDSResultCache();\n            const dSetName = this.field.options.dataSetName;\n            if (!!dataCache && !!dataCache[dsName] && !!dataCache[dsName][dSetName]) {\n                this.field.options.optionItems.splice(0, this.field.options.optionItems.length); // 清空原有选项\n                this.loadOptions(dataCache[dsName][dSetName]);\n            }\n        },\n\n        refreshDefaultValue() {\n            if (this.designState === true && this.field.options.defaultValue !== undefined) {\n                this.fieldModel = this.field.options.defaultValue;\n            }\n        },\n\n        clearFieldRules() {\n            if (!this.field.formItemFlag) {\n                return;\n            }\n\n            this.rules.splice(0, this.rules.length); //清空已有\n        },\n\n        buildFieldRules() {\n            if (!this.field.formItemFlag || this.field.options.hidden) {\n                return;\n            }\n\n            this.rules.splice(0, this.rules.length); //清空已有\n            if (!!this.field.options.required) {\n                this.rules.push({\n                    required: true,\n                    //trigger: ['blur', 'change'],\n                    trigger: [\n                        'blur'\n                    ] /* 去掉change事件触发校验，change事件触发时formModel数据尚未更新，导致radio/checkbox必填校验出错！！ */,\n                    message:\n                        this.field.options.requiredHint || this.i18nt('render.hint.fieldRequired')\n                });\n            }\n\n            if (!!this.field.options.validation) {\n                const vldName = this.field.options.validation;\n                if (!!FormValidators[vldName]) {\n                    this.rules.push({\n                        validator: FormValidators[vldName],\n                        trigger: ['blur', 'change'],\n                        label: this.field.options.label,\n                        errorMsg: this.field.options.validationHint\n                    });\n                } else {\n                    this.rules.push({\n                        validator: FormValidators['regExp'],\n                        trigger: ['blur', 'change'],\n                        regExp: vldName,\n                        label: this.field.options.label,\n                        errorMsg: this.field.options.validationHint\n                    });\n                }\n            }\n\n            if (!!this.field.options.onValidate) {\n                //let customFn = new Function('rule', 'value', 'callback', this.field.options.onValidate)\n                const customFn = (rule, value) => {\n                    const tmpFunc = new Function('rule', 'value', this.field.options.onValidate);\n                    return tmpFunc.call(this, rule, value);\n                };\n                this.rules.push({\n                    validator: customFn,\n                    trigger: ['blur'],\n                    label: this.field.options.label\n                });\n            }\n        },\n\n        /**\n         * 禁用字段值变动触发表单校验\n         */\n        disableChangeValidate() {\n            if (!this.rules) {\n                return;\n            }\n\n            this.rules.forEach(rule => {\n                if (!!rule.trigger) {\n                    rule.trigger.splice(0, rule.trigger.length);\n                }\n            });\n        },\n\n        /**\n         * 启用字段值变动触发表单校验\n         */\n        enableChangeValidate() {\n            if (!this.rules) {\n                return;\n            }\n\n            this.rules.forEach(rule => {\n                if (!!rule.trigger) {\n                    rule.trigger.push('blur');\n                    rule.trigger.push('change');\n                }\n            });\n        },\n\n        disableOptionOfList(optionList, optionValue) {\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        enableOptionOfList(optionList, optionValue) {\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        //--------------------- 组件内部方法 end ------------------//\n\n        //--------------------- 事件处理 begin ------------------//\n\n        emitFieldDataChange(newValue, oldValue) {\n            if (newValue) {\n                newValue = newValue.target ? newValue.target.value : newValue;\n            }\n\n            this.emit$('field-value-changed', [newValue, oldValue]);\n\n            /* 必须用dispatch向指定父组件派发消息！！ */\n            this.dispatch('VFormRender', 'fieldChange', [\n                this.field.options.name,\n                newValue,\n                oldValue,\n                this.subFormName,\n                this.subFormRowIndex\n            ]);\n        },\n\n        syncUpdateFormModel(value) {\n            if (!!this.designState) {\n                return;\n            }\n\n            if (!!this.subFormItemFlag) {\n                const subFormData = this.formModel[this.subFormName] || [{}];\n                const subFormDataRow = subFormData[this.subFormRowIndex];\n                if (!!subFormDataRow) {\n                    // 重置表单后subFormDataRow为undefined，应跳过！！\n                    subFormDataRow[this.field.options.name] = value;\n                }\n            } else {\n                this.formModel[this.field.options.name] = value;\n            }\n        },\n\n        handleChangeEvent(value) {\n            if (value) {\n                value = value.target ? value.target.value : value;\n            }\n\n            if (!!this.designState) {\n                //设计状态不触发事件\n                return;\n            }\n\n            this.syncUpdateFormModel(value);\n            this.emitFieldDataChange(value, this.oldFieldValue);\n\n            //number组件一般不会触发focus事件，故此处需要手工赋值oldFieldValue！！\n            this.oldFieldValue =\n                deepClone(value); /* oldFieldValue需要在initFieldModel()方法中赋初值!! */\n\n            /* 主动触发表单的单个字段校验，用于清除字段可能存在的校验错误提示 */\n            this.dispatch('VFormRender', 'fieldValidation', [this.getPropName()]);\n        },\n\n        handleFocusCustomEvent(event) {\n            if (!!this.designState) {\n                //设计状态不触发事件\n                return;\n            }\n\n            this.oldFieldValue = deepClone(this.fieldModel); //保存修改change之前的值\n\n            if (!!this.field.options.onFocus) {\n                const customFn = new Function('event', this.field.options.onFocus);\n                customFn.call(this, event);\n            }\n            if (this.field.options.loadingPage) {\n                this.initPager();\n                this.initOptionItems();\n            }\n        },\n\n        handleBlurCustomEvent(event) {\n            if (!!this.designState) {\n                //设计状态不触发事件\n                return;\n            }\n\n            if (!!this.field.options.onBlur) {\n                const customFn = new Function('event', this.field.options.onBlur);\n                customFn.call(this, event);\n            }\n        },\n\n        handleInputCustomEvent(value) {\n            if (value) {\n                value = value.target ? value.target.value : value;\n            }\n\n            if (!!this.designState) {\n                //设计状态不触发事件\n                return;\n            }\n\n            this.syncUpdateFormModel(value);\n\n            /* 主动触发表单的单个字段校验，用于清除字段可能存在的校验错误提示 */\n            this.dispatch('VFormRender', 'fieldValidation', [this.getPropName()]);\n\n            if (!!this.field.options.onInput) {\n                const customFn = new Function('value', this.field.options.onInput);\n                customFn.call(this, value);\n            }\n        },\n\n        emitAppendButtonClick() {\n            if (!!this.designState) {\n                //设计状态不触发点击事件\n                return;\n            }\n\n            if (!!this.field.options.onAppendButtonClick) {\n                const customFn = new Function(this.field.options.onAppendButtonClick);\n                customFn.call(this);\n            } else {\n                /* 必须调用mixins中的dispatch方法逐级向父组件发送消息！！ */\n                this.dispatch('VFormRender', 'appendButtonClick', [this]);\n            }\n        },\n\n        handleOnChange(val, oldVal, ops = []) {\n            //自定义onChange事件\n            if (!!this.designState) {\n                //设计状态不触发事件\n                return;\n            }\n\n            if (!!this.field.options.onChange) {\n                const changeFn = new Function(\n                    'value',\n                    'oldValue',\n                    'ops',\n                    this.field.options.onChange\n                );\n                changeFn.call(this, val, oldVal, ops[0]);\n            }\n        },\n\n        handleOnChangeForSubForm(val, oldVal, ops = [], subFormData, rowId) {\n            //子表单自定义onChange事件\n            if (!!this.designState) {\n                //设计状态不触发事件\n                return;\n            }\n\n            if (!!this.field.options.onChange) {\n                const changeFn = new Function(\n                    'value',\n                    'oldValue',\n                    'ops',\n                    'subFormData',\n                    'rowId',\n                    this.field.options.onChange\n                );\n                changeFn.call(this, val, oldVal, ops[0], subFormData, rowId);\n            }\n        },\n        onClick() {\n            if (!!this.designState) {\n                //设计状态不触发点击事件\n                return;\n            }\n\n            if (!!this.field.options.onClick) {\n                const customFn = new Function(this.field.options.onClick);\n                return customFn.call(this);\n            } else {\n                this.dispatch('VFormRender', 'buttonClick', [this]);\n            }\n        },\n\n        handleButtonWidgetClick() {\n            if (!!this.designState) {\n                //设计状态不触发点击事件\n                return;\n            }\n\n            if (!!this.field.options.onClick) {\n                const customFn = new Function(this.field.options.onClick);\n                return customFn.call(this);\n            } else {\n                this.dispatch('VFormRender', 'buttonClick', [this]);\n            }\n        },\n        /**\n         * 下拉框右边搜索按钮\n         */\n        handleClickIcon() {\n            if (!!this.designState) {\n                //设计状态不触发事件\n                return;\n            }\n            if (this.handleDisabled()) {\n                return;\n            }\n            if (!!this.field.options.onClickIcon) {\n                const onClickIconFn = new Function(this.field.options.onClickIcon);\n                onClickIconFn.call(this);\n            }\n        },\n\n        // remoteQuery(keyword) {\n        //   if (!!this.designState) {\n        //     //设计状态不触发事件\n        //     return;\n        //   }\n\n        //   if (!!this.field.options.onRemoteQuery) {\n        //     const remoteFn = new Function('keyword', this.field.options.onRemoteQuery);\n        //     remoteFn.call(this, keyword);\n        //   }\n        // },\n\n        //--------------------- 事件处理 end ------------------//\n\n        //--------------------- 以下为组件支持外部调用的API方法 begin ------------------//\n        /* 提示：用户可自行扩充这些方法！！！ */\n\n        getFormRef() {\n            /* 获取VFrom引用，必须在VForm组件created之后方可调用 */\n            return this.refList['v_form_ref'];\n        },\n\n        getWidgetRef(widgetName, showError) {\n            const foundRef = this.refList[widgetName];\n            if (!foundRef && !!showError) {\n                this.$message.error(this.i18nt('render.hint.refNotFound') + widgetName);\n            }\n            return foundRef;\n        },\n\n        getFieldEditor() {\n            //获取内置的el表单组件\n            return this.$refs['fieldEditor'];\n        },\n        showFileList(list) {\n            if (typeof list === 'string') {\n                list = JSON.parse(list);\n            }\n            if (!isArray(list)) return [];\n            const res = list.map((item, uid) => ({\n                ...item,\n                name: item.fileName,\n                uid\n            }));\n            return res;\n        },\n\n        /*\n      注意：VFormRender的setFormData方法不会触发子表单内field-widget的setValue方法，\n      因为setFormData方法调用后，子表单内所有field-widget组件已被清空，接收不到setFormData事件！！\n    */\n        setValue(newValue, disableChangeEvent = false) {\n            if (newValue) {\n                newValue = newValue.target ? newValue.target.value : newValue;\n            }\n            if (eq(this.fieldModel, newValue)) return;\n\n            /* if ((this.field.type === 'picture-upload') || (this.field.type === 'file-upload')) {\n        this.fileList = newValue\n      } else */ if (!!this.field.formItemFlag) {\n                const oldValue = deepClone(this.fieldModel);\n                if (this.field.type === 'file-upload') {\n                    newValue = this.showFileList(newValue || []);\n                    // TODO\n                } else if (this.field.type === 'code-editor') {\n                    this.$refs.fieldEditor.setValue(newValue);\n                }\n                this.fieldModel = newValue;\n                this.initFileList();\n\n                this.syncUpdateFormModel(newValue);\n                if (!disableChangeEvent) {\n                    this.emitFieldDataChange(newValue, oldValue);\n                }\n            }\n        },\n\n        getValue() {\n            console.log('fieldModel', this.fieldModel);\n            return this.fieldModel;\n        },\n\n        resetField() {\n            const defaultValue = this.field.options.defaultValue;\n            this.setValue(defaultValue);\n            this.$nextTick(() => {\n                //\n            });\n\n            //清空上传组件文件列表\n            if (this.field.type === 'picture-upload' || this.field.type === 'file-upload') {\n                this.fieldModel.splice(0, this.fieldModel.length);\n                this.handleChangeEvent(this.fieldModel);\n            }\n        },\n\n        setWidgetOption(optionName, optionValue) {\n            //通用组件选项修改API\n            if (this.field.options.hasOwnProperty(optionName)) {\n                this.field.options[optionName] = optionValue;\n                //TODO: 是否重新构建组件？？有些属性修改后必须重新构建组件才能生效，比如字段校验规则。\n            }\n        },\n\n        setReadonly(flag) {\n            this.field.options.readonly = flag;\n        },\n\n        setDisabled(flag) {\n            this.field.options.disabled = flag;\n        },\n\n        setAppendButtonVisible(flag) {\n            this.field.options.appendButton = flag;\n        },\n\n        setAppendButtonDisabled(flag) {\n            this.field.options.appendButtonDisabled = flag;\n        },\n\n        setHidden(flag) {\n            this.field.options.hidden = flag;\n\n            if (!!flag) {\n                //清除组件校验规则\n                this.clearFieldRules();\n            } else {\n                //重建组件校验规则\n                this.buildFieldRules();\n            }\n        },\n\n        setRequired(flag) {\n            this.field.options.required = flag;\n            this.buildFieldRules();\n\n            if (!this.designState && !flag) {\n                //清除必填校验提示\n                this.clearValidate();\n            }\n        },\n\n        /**\n         * 清除字段校验提示\n         */\n        clearValidate() {\n            if (!!this.designState) {\n                return;\n            }\n\n            this.getFormRef().getNativeForm().clearValidate(this.getPropName());\n        },\n        getVfCtx() {\n            return this.getFormRef().vfCtx;\n        },\n\n        setLabel(newLabel) {\n            this.field.options.label = newLabel;\n        },\n\n        focus() {\n            if (!!this.getFieldEditor() && !!this.getFieldEditor().focus) {\n                this.getFieldEditor().focus();\n            }\n        },\n\n        clearSelectedOptions() {\n            //清空已选选项\n            if (\n                this.field.type !== 'checkbox' &&\n                this.field.type !== 'radio' &&\n                this.field.type !== 'select'\n            ) {\n                return;\n            }\n\n            if (\n                this.field.type === 'checkbox' ||\n                (this.field.type === 'select' && this.field.options.multiple)\n            ) {\n                this.fieldModel = [];\n            } else {\n                this.fieldModel = '';\n            }\n        },\n\n        /**\n         * 加载选项，并清空字段值\n         * @param options\n         */\n        loadOptions(options) {\n            /*\n      this.field.options.optionItems = deepClone(options)\n      //this.clearSelectedOptions()  //清空已选选项\n       */\n\n            this.field.options.optionItems = translateOptionItems(\n                options,\n                this.field.type,\n                this.field.options.labelKey || 'label',\n                this.field.options.valueKey || 'value'\n            );\n        },\n\n        /**\n         * 重新加载选项，不清空字段值\n         * @param options\n         */\n        reloadOptions(options) {\n            //this.field.options.optionItems = deepClone(options)\n\n            this.field.options.optionItems = translateOptionItems(\n                options,\n                this.field.type,\n                this.field.options.labelKey || 'label',\n                this.field.options.valueKey || 'value'\n            );\n        },\n\n        disableOption(optionValue) {\n            this.disableOptionOfList(this.field.options.optionItems, optionValue);\n        },\n\n        enableOption(optionValue) {\n            this.enableOptionOfList(this.field.options.optionItems, optionValue);\n        },\n\n        /**\n         * 返回选择项\n         * @returns {*}\n         */\n        getOptionItems() {\n            return this.field.options.optionItems;\n        },\n\n        setUploadHeader(name, value) {\n            this.uploadHeaders[name] = value;\n        },\n\n        setUploadData(name, value) {\n            this.uploadData[name] = value;\n        },\n\n        setToolbar(customToolbar) {\n            this.customToolbar = customToolbar;\n        },\n\n        /**\n         * 是否子表单内嵌的字段组件\n         * @returns {boolean}\n         */\n        isSubFormItem() {\n            return this.subFormItemFlag;\n        },\n\n        /**\n         * 是否子表单内嵌的字段组件\n         * @returns {boolean}\n         */\n        isSubFormField() {\n            return this.subFormItemFlag;\n        },\n\n        /**\n         * 设置或取消设置字段只读查看模式\n         * @param readonlyFlag\n         */\n        setReadMode(readonlyFlag = true) {\n            this.fieldReadonlyFlag = readonlyFlag;\n        },\n\n        /**\n         * 动态增加自定义css样式\n         * @param className\n         */\n        addCssClass(className) {\n            if (!this.field.options.customClass) {\n                this.field.options.customClass = [className];\n            } else {\n                this.field.options.customClass.push(className);\n            }\n        },\n\n        /**\n         * 动态移除自定义css样式\n         * @param className\n         */\n        removeCssClass(className) {\n            if (!this.field.options.customClass) {\n                return;\n            }\n\n            let foundIdx = -1;\n            this.field.options.customClass.map((cc, idx) => {\n                if (cc === className) {\n                    foundIdx = idx;\n                }\n            });\n            if (foundIdx > -1) {\n                this.field.options.customClass.splice(foundIdx, 1);\n            }\n        }\n\n        //--------------------- 以上为组件支持外部调用的API方法 end ------------------//\n    }\n};\n"],"names":["fieldMixin","resultContent","valueKey","labelKey","oItem","onHidden","hidden","onDisabled","disabled","error","arrayObject","element","foundIdx","aItem","aIdx","subFormData","deepClone","newFormData","values","dsName","widgetNames","oldRefName","keepSelected","_a","dsResult","fmtHttpParams","isArray","err","newOptionItems","dataCache","dSetName","vldName","FormValidators","customFn","rule","value","optionList","optionValue","opt","newValue","oldValue","subFormDataRow","event","val","oldVal","ops","rowId","widgetName","showError","foundRef","list","item","uid","disableChangeEvent","eq","defaultValue","optionName","flag","newLabel","options","translateOptionItems","name","customToolbar","readonlyFlag","className","cc","idx"],"mappings":"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"}

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

@@ -1,98 +1,89 @@
-import _sfc_main from "./file-upload-widget.vue2.js";
-import { resolveComponent, createBlock, createCommentVNode, openBlock, withCtx, createVNode, createElementVNode, normalizeClass, createTextVNode, createElementBlock, Fragment, renderList, toDisplayString } from "vue";
+import v from "./file-upload-widget.vue2.js";
+import { resolveComponent as l, createBlock as y, createCommentVNode as R, openBlock as n, withCtx as a, createVNode as r, createElementVNode as m, normalizeClass as C, createTextVNode as h, createElementBlock as c, Fragment as x, renderList as k, toDisplayString as u } from "vue";
 /* empty css                        */
-import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const _hoisted_1 = ["loading", "disabled"];
-const _hoisted_2 = {
+import I from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const T = ["loading", "disabled"], F = {
   gutter: 20,
   class: "fileUploadTip"
-};
-const _hoisted_3 = { key: 0 };
-const _hoisted_4 = { key: 1 };
-const _hoisted_5 = ["src"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_SvgIcon = resolveComponent("SvgIcon");
-  const _component_a_space = resolveComponent("a-space");
-  const _component_a_upload = resolveComponent("a-upload");
-  const _component_a_modal = resolveComponent("a-modal");
-  const _component_form_item_wrapper = resolveComponent("form-item-wrapper");
-  return !_ctx.handleHidden() ? (openBlock(), createBlock(_component_form_item_wrapper, {
+}, L = { key: 0 }, P = { key: 1 }, V = ["src"];
+function M(o, d, e, N, i, t) {
+  const p = l("SvgIcon"), _ = l("a-space"), g = l("a-upload"), w = l("a-modal"), b = l("form-item-wrapper");
+  return o.handleHidden() ? R("", !0) : (n(), y(b, {
     key: 0,
-    designer: $props.designer,
-    field: $props.field,
-    rules: $data.rules,
-    "design-state": $props.designState,
-    "parent-widget": $props.parentWidget,
-    "parent-list": $props.parentList,
-    "index-of-parent-list": $props.indexOfParentList,
-    "sub-form-row-index": $props.subFormRowIndex,
-    "sub-form-col-index": $props.subFormColIndex,
-    "sub-form-row-id": $props.subFormRowId
+    designer: e.designer,
+    field: e.field,
+    rules: i.rules,
+    "design-state": e.designState,
+    "parent-widget": e.parentWidget,
+    "parent-list": e.parentList,
+    "index-of-parent-list": e.indexOfParentList,
+    "sub-form-row-index": e.subFormRowIndex,
+    "sub-form-col-index": e.subFormColIndex,
+    "sub-form-row-id": e.subFormRowId
   }, {
-    default: withCtx(() => [
-      createVNode(_component_a_upload, {
+    default: a(() => [
+      r(g, {
         ref: "fieldEditor",
-        disabled: _ctx.handleDisabled() || _ctx.isReadMode,
-        class: normalizeClass(["dynamicPseudoAfter", ["tpf-upload", { isReadonly: _ctx.isReadMode }]]),
-        multiple: $props.field.options.multiple,
-        accept: $options.acceptType,
-        maxCount: $props.field.options.limit,
-        "file-list": $data.fieldModel,
-        "onUpdate:fileList": _cache[0] || (_cache[0] = ($event) => $data.fieldModel = $event),
-        listType: $props.field.options.uploadListType,
-        customRequest: $options.customRequest,
-        iconRender: $options.iconRender,
-        onPreview: $options.handlePreview,
-        onRemove: $options.removeFile
+        disabled: o.handleDisabled() || o.isReadMode,
+        class: C(["dynamicPseudoAfter", ["tpf-upload", { isReadonly: o.isReadMode }]]),
+        multiple: e.field.options.multiple,
+        accept: t.acceptType,
+        maxCount: e.field.options.limit,
+        "file-list": i.fieldModel,
+        "onUpdate:fileList": d[0] || (d[0] = (s) => i.fieldModel = s),
+        listType: e.field.options.uploadListType,
+        customRequest: t.customRequest,
+        iconRender: t.iconRender,
+        onPreview: t.handlePreview,
+        onRemove: t.removeFile
       }, {
-        default: withCtx(() => [
-          createVNode(_component_a_space, {
+        default: a(() => [
+          r(_, {
             size: 10,
             align: "start"
           }, {
-            default: withCtx(() => [
-              createElementVNode("div", {
-                loading: $data.loading,
+            default: a(() => [
+              m("div", {
+                loading: i.loading,
                 class: "tpf-button",
                 type: "primary",
-                disabled: _ctx.handleDisabled()
+                disabled: o.handleDisabled()
               }, [
-                createVNode(_component_SvgIcon, { "icon-class": "daochu" }),
-                _cache[1] || (_cache[1] = createTextVNode(" 上传文件 "))
-              ], 8, _hoisted_1)
+                r(p, { "icon-class": "daochu" }),
+                d[1] || (d[1] = h(" 上传文件 "))
+              ], 8, T)
             ]),
             _: 1
           })
         ]),
         _: 1
       }, 8, ["disabled", "class", "multiple", "accept", "maxCount", "file-list", "listType", "customRequest", "iconRender", "onPreview", "onRemove"]),
-      createElementVNode("div", _hoisted_2, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList($options.descCol, (item, inx) => {
-          return openBlock(), createElementBlock("div", { key: inx }, [
-            $options.descCol.length > 1 ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(inx + 1) + "、" + toDisplayString(item), 1)) : (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(item), 1))
-          ]);
-        }), 128))
+      m("div", F, [
+        (n(!0), c(x, null, k(t.descCol, (s, f) => (n(), c("div", { key: f }, [
+          t.descCol.length > 1 ? (n(), c("span", L, u(f + 1) + "、" + u(s), 1)) : (n(), c("span", P, u(s), 1))
+        ]))), 128))
       ]),
-      createVNode(_component_a_modal, {
-        open: $data.previewVisible,
+      r(w, {
+        open: i.previewVisible,
         class: "tpf-modal",
-        title: $data.previewTitle,
+        title: i.previewTitle,
         footer: null,
-        onCancel: $options.handleCancel
+        onCancel: t.handleCancel
       }, {
-        default: withCtx(() => [
-          createElementVNode("img", {
-            style: { "width": "100%" },
-            src: $data.previewImage
-          }, null, 8, _hoisted_5)
+        default: a(() => [
+          m("img", {
+            style: { width: "100%" },
+            src: i.previewImage
+          }, null, 8, V)
         ]),
         _: 1
       }, 8, ["open", "title", "onCancel"])
     ]),
     _: 1
-  }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"])) : createCommentVNode("", true);
+  }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]));
 }
-const fileUploadWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-4c70a1aa"]]);
+const E = /* @__PURE__ */ I(v, [["render", M], ["__scopeId", "data-v-4c70a1aa"]]);
 export {
-  fileUploadWidget as default
+  E as default
 };
+//# sourceMappingURL=file-upload-widget.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/file-upload-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper\n        :designer=\"designer\"\n        :field=\"field\"\n        :rules=\"rules\"\n        :design-state=\"designState\"\n        :parent-widget=\"parentWidget\"\n        :parent-list=\"parentList\"\n        :index-of-parent-list=\"indexOfParentList\"\n        :sub-form-row-index=\"subFormRowIndex\"\n        :sub-form-col-index=\"subFormColIndex\"\n        :sub-form-row-id=\"subFormRowId\"\n        v-if=\"!handleHidden()\"\n    >\n        <a-upload\n            ref=\"fieldEditor\"\n            :disabled=\"handleDisabled() || isReadMode\"\n            class=\"dynamicPseudoAfter\"\n            :class=\"['tpf-upload', { isReadonly: isReadMode }]\"\n            :multiple=\"field.options.multiple\"\n            :accept=\"acceptType\"\n            :maxCount=\"field.options.limit\"\n            v-model:file-list=\"fieldModel\"\n            :listType=\"field.options.uploadListType\"\n            :customRequest=\"customRequest\"\n            :iconRender=\"iconRender\"\n            @preview=\"handlePreview\"\n            @remove=\"removeFile\"\n        >\n            <a-space :size=\"10\" align=\"start\">\n                <div\n                    :loading=\"loading\"\n                    class=\"tpf-button\"\n                    type=\"primary\"\n                    :disabled=\"handleDisabled()\"\n                >\n                    <SvgIcon icon-class=\"daochu\" /> 上传文件\n                </div>\n            </a-space>\n        </a-upload>\n        <div :gutter=\"20\" class=\"fileUploadTip\">\n            <div v-for=\"(item, inx) in descCol\" :key=\"inx\">\n                <span v-if=\"descCol.length > 1\">{{ inx + 1 }}、{{ item }}</span>\n                <span v-else>{{ item }}</span>\n            </div>\n        </div>\n        <a-modal\n            :open=\"previewVisible\"\n            class=\"tpf-modal\"\n            :title=\"previewTitle\"\n            :footer=\"null\"\n            @cancel=\"handleCancel\"\n        >\n            <img style=\"width: 100%\" :src=\"previewImage\" />\n        </a-modal>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"jsx\">\n    import FormItemWrapper from './form-item-wrapper';\n    import emitter from '@/utils/emitter';\n    import i18n, { translate } from '@/utils/i18n';\n    import fieldMixin from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n    import SvgIcon from '@/components/svg-icon/index';\n    import { useFilesystemApi } from '@/api/useFilesystemApi';\n    import { PaperClipOutlined } from '@ant-design/icons-vue';\n    import { getUserInfo } from '@kp-ui/tool';\n    import queryString from 'query-string';\n\n    const filesystemApi = useFilesystemApi();\n\n    export default {\n        name: 'file-upload-widget',\n        componentName: 'FieldWidget', //必须固定为FieldWidget，用于接收父级组件的broadcast事件\n        mixins: [emitter, fieldMixin, i18n],\n        props: {\n            field: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n            designer: Object,\n\n            designState: {\n                type: Boolean,\n                default: false\n            },\n\n            subFormRowIndex: {\n                /* 子表单组件行索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormColIndex: {\n                /* 子表单组件列索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormRowId: {\n                /* 子表单组件行Id，唯一id且不可变 */ type: String,\n                default: ''\n            }\n        },\n        components: {\n            SvgIcon,\n            FormItemWrapper\n        },\n        data() {\n            return {\n                urlList: {},\n                previewTitle: '',\n                previewVisible: false,\n                previewImage: '',\n                loading: false,\n                oldFieldValue: null, //field组件change之前的值\n                fieldModel: [],\n                rules: []\n            };\n        },\n        computed: {\n            acceptType() {\n                const { accept } = this.field.options;\n                if (accept?.length) {\n                    return accept.join(',');\n                } else {\n                    return '*';\n                }\n            },\n            descCol() {\n                const { accept, maxSize } = this.field.options;\n                const acceptList = (accept || []).join(',');\n                return [\n                    acceptList.length ? `支持扩展名${acceptList}` : '',\n                    maxSize ? `支持文件大小${maxSize}M` : ''\n                ].filter(Boolean);\n            }\n            // uploadBtnHidden() {\n            //   return !this.fieldModel || this.fieldModel.length >= this.field.options.limit;\n            // }\n        },\n        beforeCreate() {\n            /* 这里不能访问方法和属性！！ */\n        },\n\n        created() {\n            /* 注意：子组件mounted在父组件created之后、父组件mounted之前触发，故子组件mounted需要用到的prop\n         需要在父组件created中初始化！！ */\n            this.registerToRefList();\n            this.initFieldModel();\n            this.initEventHandler();\n            this.buildFieldRules();\n\n            this.handleOnCreated();\n        },\n\n        mounted() {\n            this.initFieldModel();\n            this.handleOnMounted();\n        },\n\n        beforeUnmount() {\n            this.unregisterFromRefList();\n        },\n\n        methods: {\n            iconRender({ file }) {\n                try {\n                    const fieldTypes = file.fileName.slice(file.fileName.lastIndexOf('.'));\n\n                    if (['.xls', '.xlsx'].includes(fieldTypes.toLowerCase())) {\n                        return <SvgIcon icon-class=\"excel\" />;\n                    }\n                    if (['.doc', '.docx'].includes(fieldTypes.toLowerCase())) {\n                        return <SvgIcon icon-class=\"word\" />;\n                    }\n                    if (['.pdf'].includes(fieldTypes.toLowerCase())) {\n                        return <SvgIcon icon-class=\"pdf\" />;\n                    }\n                } catch (error) {}\n\n                return <PaperClipOutlined />;\n            },\n\n            handleCancel() {\n                this.previewVisible = false;\n            },\n            async getFileUrl(fileCode) {\n                if (this.fieldModel[fileCode]) {\n                    return this.fieldModel[fileCode];\n                } else {\n                    const fileUrlObj = await filesystemApi.getPreviewFileUrl({\n                        fileCode: fileCode\n                    });\n                    const url = fileUrlObj.data.value;\n                    this.fieldModel[fileCode] = url;\n                    return url;\n                }\n            },\n            async handlePreview(file) {\n                if (!file.fileCode) {\n                    return this.$message.error('文件上传完才能预览！');\n                }\n                if (['.png', '.jpg', '.jpeg', '.gif'].includes(file.fileType)) {\n                    const url = await this.getFileUrl(file.fileCode);\n                    this.previewImage = url;\n                    this.previewVisible = true;\n                    this.previewTitle = file.fileName;\n                } else {\n                    const { tokenId, tenantId, employeeId } = getUserInfo();\n                    const doMain = window.location.origin;\n                    const obj = {\n                        tenantId,\n                        tokenId,\n                        employeeId,\n                        fileCode: file.fileCode\n                    };\n                    window.open(`${doMain}/view-file/preview?${queryString.stringify(obj)}`);\n                }\n            },\n            handleOnBeforeUpload(file) {\n                if (!!this.field.options.onBeforeUpload) {\n                    const bfFunc = new Function('file', this.field.options.onBeforeUpload);\n                    const result = bfFunc.call(this, file);\n                    if (typeof result === 'boolean') {\n                        return result;\n                    } else {\n                        return true;\n                    }\n                }\n                return true;\n            },\n            removeFile(file) {\n                const findInx = this.fieldModel.findIndex(item => item.uid === file.uid);\n                this.fieldModel.splice(findInx, 1);\n                this.handleChangeEvent(this.fieldModel);\n            },\n            async customRequest(upload) {\n                const { accept, maxSize, limit, businessType, multiple } = this.field.options;\n                const fileName = upload.file.name;\n                const fieldTypesArr = accept.map(item => item.toLowerCase());\n                const fieldTypes = fileName.slice(fileName.lastIndexOf('.'));\n                const { message } = await import('ant-design-vue');\n\n                if (!fieldTypesArr.includes(fieldTypes.toLowerCase())) {\n                    return message.error(`目前仅支持${accept}格式的文件`);\n                }\n\n                if (maxSize && upload.file.size > maxSize * 1024 * 1024) {\n                    message.error(`文件大小不能超过${maxSize}M`);\n                    return;\n                }\n\n                // if (limit && this.fieldModel.length >= limit) {\n                //   message.error('超出限制上传文件数');\n                //   return;\n                // }\n\n                const flag = this.handleOnBeforeUpload(upload);\n\n                if (!flag) return;\n                this.loading = true;\n                try {\n                    const res = await filesystemApi.uploadFileObject({\n                        businessType: businessType,\n                        file: upload.file\n                    });\n\n                    const { fileName: name } = res.data.object;\n                    console.log(res.data.object);\n\n                    if (limit > 1) {\n                        const findIndex = this.fieldModel.findIndex(item => item.name === name);\n                        if (findIndex > -1) {\n                            this.fieldModel.splice(findIndex, 1);\n                        }\n                        if (this.fieldModel.length < limit) {\n                            this.fieldModel.push({ ...res.data.object, name });\n                        }\n                    } else {\n                        this.fieldModel = [{ ...res.data.object, name }];\n                    }\n                } finally {\n                    this.handleChangeEvent(this.fieldModel);\n                    this.loading = false;\n                }\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    /* form-item-wrapper已引入，还需要重复引入吗？ */\n    .fileUploadTip {\n        font-size: 12px;\n        margin-top: 10px;\n    }\n</style>\n"],"names":["_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_createVNode","_component_a_upload","_normalizeClass","$options","$event","_component_a_space","_createElementVNode","_component_SvgIcon","_hoisted_2","_openBlock","_createElementBlock","_Fragment","_renderList","item","inx","_hoisted_3","_toDisplayString","_component_a_modal"],"mappings":";;;;;EAwCc,QAAQ;AAAA,EAAI,OAAM;;;;SA5BjBA,EAAA,aAAY,sBAXvBC,EAsDoBC,GAAA;AAAA;IArDf,UAAUC,EAAA;AAAA,IACV,OAAOA,EAAA;AAAA,IACP,OAAOC,EAAA;AAAA,IACP,gBAAcD,EAAA;AAAA,IACd,iBAAeA,EAAA;AAAA,IACf,eAAaA,EAAA;AAAA,IACb,wBAAsBA,EAAA;AAAA,IACtB,sBAAoBA,EAAA;AAAA,IACpB,sBAAoBA,EAAA;AAAA,IACpB,mBAAiBA,EAAA;AAAA;eAGlB,MAyBW;AAAA,MAzBXE,EAyBWC,GAAA;AAAA,QAxBP,KAAI;AAAA,QACH,UAAUN,EAAA,eAAc,KAAMA,EAAA;AAAA,QAC/B,OAAKO,EAAA,CAAC,sBAAoB,CAAA,cAAA,EAAA,YACWP,EAAA,WAAU,CAAA,CAAA,CAAA;AAAA,QAC9C,UAAUG,EAAA,MAAM,QAAQ;AAAA,QACxB,QAAQK,EAAA;AAAA,QACR,UAAUL,EAAA,MAAM,QAAQ;AAAA,QACjB,aAAWC,EAAA;AAAA,oDAAAA,EAAA,aAAUK;AAAA,QAC5B,UAAUN,EAAA,MAAM,QAAQ;AAAA,QACxB,eAAeK,EAAA;AAAA,QACf,YAAYA,EAAA;AAAA,QACZ,WAASA,EAAA;AAAA,QACT,UAAQA,EAAA;AAAA;mBAET,MASU;AAAA,UATVH,EASUK,GAAA;AAAA,YATA,MAAM;AAAA,YAAI,OAAM;AAAA;uBACtB,MAOM;AAAA,cAPNC,EAOM,OAAA;AAAA,gBAND,SAASP,EAAA;AAAA,gBACV,OAAM;AAAA,gBACN,MAAK;AAAA,gBACJ,UAAUJ,EAAA,eAAc;AAAA;gBAEzBK,EAA+BO,GAAA,EAAtB,cAAW,SAAQ,CAAA;AAAA,kCAAG,QACnC;AAAA;;;;;;;MAGRD,EAKM,OALNE,GAKM;AAAA,SAJFC,EAAA,EAAA,GAAAC,EAGMC,GAAA,MAAAC,EAHqBT,EAAA,SAAO,CAArBU,GAAMC,YAAnBJ,EAGM,OAAA,EAH+B,KAAKI,KAAG;AAAA,UAC7BX,EAAA,QAAQ,SAAM,KAA1BM,EAAA,GAAAC,EAA+D,QAAAK,GAAAC,EAA5BF,IAAG,CAAA,IAAO,QAAID,CAAI,GAAA,CAAA,MACrDJ,EAAA,GAAAC,EAA8B,aAAdG,CAAI,GAAA,CAAA;AAAA;;MAG5Bb,EAQUiB,GAAA;AAAA,QAPL,MAAMlB,EAAA;AAAA,QACP,OAAM;AAAA,QACL,OAAOA,EAAA;AAAA,QACP,QAAQ;AAAA,QACR,UAAQI,EAAA;AAAA;mBAET,MAA+C;AAAA,UAA/CG,EAA+C,OAAA;AAAA,YAA1C,OAAA,EAAA,OAAA,OAAA;AAAA,YAAqB,KAAKP,EAAA;AAAA;;;;;;;;;"}