@kengic/vue 0.30.1-beta.93 → 0.30.1-beta.95

package/component/KgVarConfig/components/var/KgVarConfig.Modal.Var.VarConfigDescription.tsx

@@ -0,0 +1,119 @@
+import { computed, defineComponent, inject } from 'vue';
+import { useKg } from '../../../../config';
+import { KG, KG__VAR_BUTTON__TYPE, KG_CUSTOM_LEVEL, KG_FORM_CONTEXT } from '../../../../model';
+import { localeList } from '../../../../i18n/i18n.setup';
+import { IKgProps, KgVar, useKgVar } from '../../../KgVar';
+import { FORM_ID__VAR__VAR_CONFIG_DESCRIPTION, FORM_ID__VAR__VAR_VARIABLE } from '../../KgVarConfig.model';
+
+// 变量配置弹窗:变量配置:变量翻译
+export default defineComponent({
+    name: 'KgVarConfigModalVarVarConfigDescription',
+    setup() {
+        const fid$Host = inject(KG.DI.KG_VAR_CONFIG.HOST_FORM_ID, null);
+
+        const kg = useKg();
+
+        const kgVar = useKgVar(FORM_ID__VAR__VAR_CONFIG_DESCRIPTION);
+        const kgVar$Host = useKgVar(fid$Host?.value);
+        const kgVar$VarVariable = useKgVar(FORM_ID__VAR__VAR_VARIABLE);
+
+        kgVar.kgTable.onBeforeParseRequestParameter(async ({ params }) => {
+            params.frm_id = [fid$Host?.value, 'ALL'];
+
+            kgVar.kgSearch.dynamicQueryOperatorModel.value.frm_id = KG.DYNAMIC_QUERY_OPERATOR.IN;
+
+            return false;
+        });
+
+        kgVar.kgForm.onSelectBeforeRequest(async ({ context, response, varName }) => {
+            switch (context) {
+                case KG_FORM_CONTEXT.SUBMIT:
+                case KG_FORM_CONTEXT.TABLE: {
+                    switch (varName) {
+                        case 'frm_id': {
+                            response.value = [
+                                { value: 'ALL', label: `${kg.t('kg.KgVarConfig.allForm')} （ALL）` },
+                                { value: fid$Host?.value, label: `${kg.t('kg.KgVarConfig.currentForm')} （${fid$Host?.value}）` },
+                            ];
+                            return true;
+                        }
+
+                        case 'locale_id': {
+                            response.value = [{ value: 'ALL', label: `${kg.t('kg.KgVarConfig.allLanguage')} （ALL）` }, ...localeList.map((i) => ({ value: i.event, label: `${i.text}（${i.event}）` }))];
+
+                            return true;
+                        }
+                    }
+                    break;
+                }
+            }
+
+            return false;
+        });
+
+        kgVar.kgSubmit.onOpen(async () => {
+            switch (true) {
+                case kgVar.isCreating.value: {
+                    kgVar.kgSubmit.formModel.value.var_nam = kgVar.parentKgVar$$.value?.kgTable?.selectedRow?.value?.var_nam;
+                    kgVar.kgSubmit.formModel.value.frm_id = fid$Host?.value;
+                    kgVar.kgSubmit.formModel.value.locale_id = kg.locale?.value;
+
+                    break;
+                }
+            }
+
+            return false;
+        });
+
+        kgVar.kgSubmit.onOk(async ({}) => {
+            // 重新加载变量配置数据
+            // TODO 只加载变更的这部分配置
+            kgVar$Host.requestAll({ isForceRequest: true });
+
+            kgVar$VarVariable.kgSearch.search({ isSearchFirstPage: false, isPreserveSelectedRows: true });
+
+            return false;
+        });
+
+        //region DATA
+        //----------------------------------------------------------------------------------------------------
+        const kgProps = computed<IKgProps>(() => ({
+            KgButton: {
+                kgDisabled: (button) => {
+                    switch (button.typ) {
+                        case KG__VAR_BUTTON__TYPE.UPDATE: {
+                            if (kgVar.kgTable.selectedRows.value?.some((i) => i.cust_lvl === KG_CUSTOM_LEVEL.L0)) {
+                                return true;
+                            }
+
+                            break;
+                        }
+
+                        case KG__VAR_BUTTON__TYPE.DELETE: {
+                            if (kgVar.kgTable.selectedRows.value?.some((i) => i.cust_lvl === KG_CUSTOM_LEVEL.L0)) {
+                                return true;
+                            }
+
+                            break;
+                        }
+                    }
+
+                    return undefined;
+                },
+            },
+        }));
+        //endregion
+
+        //region FUNCTION
+        //----------------------------------------------------------------------------------------------------
+        //endregion
+
+        return () => (
+            <KgVar
+                id={FORM_ID__VAR__VAR_CONFIG_DESCRIPTION}
+                kgLevel={kgVar$Host.level.value + 1}
+                kgProps={kgProps.value}
+            />
+        );
+    },
+});

package/component/KgVarConfig/components/var/KgVarConfig.Modal.Var.VarConfigInput.tsx

@@ -0,0 +1,322 @@
+import { isNil } from 'lodash-es';
+import { computed, defineComponent, inject } from 'vue';
+import { useKg } from '../../../../config';
+import { KG, KG__VAR_BUTTON__TYPE, KG__VAR_CONFIG_INPUT__DATA_TYPE, KG__VAR_CONFIG_INPUT__VALIDATION_TYPE, KG_CUSTOM_LEVEL, KG_FORM_CONTEXT } from '../../../../model';
+import { localeList } from '../../../../i18n/i18n.setup';
+import { KgUtil } from '../../../../util';
+import { IKgProps, KgVar, transformVarConfigInputs, useKgVar } from '../../../KgVar';
+import { FORM_ID__VAR__VAR_CONFIG_INPUT, FORM_ID__VAR__VAR_VARIABLE } from '../../KgVarConfig.model';
+
+// 变量配置弹窗:变量配置:表单输入验证
+export default defineComponent({
+    name: 'KgVarConfigModalVarVarConfigInput',
+    setup() {
+        const fid$Host = inject(KG.DI.KG_VAR_CONFIG.HOST_FORM_ID, null);
+
+        const kg = useKg();
+
+        const kgVar = useKgVar(FORM_ID__VAR__VAR_CONFIG_INPUT);
+        const kgVar$Host = useKgVar(fid$Host?.value);
+        const kgVar$VarVariable = useKgVar(FORM_ID__VAR__VAR_VARIABLE);
+
+        kgVar.kgTable.onBeforeParseRequestParameter(async ({ params }) => {
+            params.frm_id = [fid$Host?.value, 'ALL'];
+
+            kgVar.kgSearch.dynamicQueryOperatorModel.value.frm_id = KG.DYNAMIC_QUERY_OPERATOR.IN;
+
+            return false;
+        });
+
+        kgVar.kgTable.onBeforeSetDatas(async ({ datas }) => {
+            transformVarConfigInputs(datas.value);
+            return false;
+        });
+
+        kgVar.kgForm.onSelectBeforeRequest(async ({ context, response, varName }) => {
+            switch (context) {
+                case KG_FORM_CONTEXT.SUBMIT:
+                case KG_FORM_CONTEXT.TABLE: {
+                    switch (varName) {
+                        case 'frm_id': {
+                            response.value = [
+                                { value: 'ALL', label: `${kg.t('kg.KgVarConfig.allForm')} （ALL）` },
+                                { value: fid$Host?.value, label: `${kg.t('kg.KgVarConfig.currentForm')} （${fid$Host?.value}）` },
+                            ];
+                            return true;
+                        }
+
+                        case 'locale_id': {
+                            response.value = [{ value: 'ALL', label: `${kg.t('kg.KgVarConfig.allLanguage')} （ALL）` }, ...localeList.map((i) => ({ value: i.event, label: `${i.text}（${i.event}）` }))];
+
+                            return true;
+                        }
+                    }
+                    break;
+                }
+            }
+
+            return false;
+        });
+
+        kgVar.kgForm.onChange(async ({ varName, context, value }) => {
+            switch (context) {
+                case KG_FORM_CONTEXT.SUBMIT:
+                case KG_FORM_CONTEXT.TABLE: {
+                    switch (varName) {
+                        case 'data_type': {
+                            patchVarSubmitDetailsByDataType(value);
+                            break;
+                        }
+
+                        case 'validation_type': {
+                            patchVarSubmitDetailsByValidationType(value);
+                            break;
+                        }
+                    }
+                    break;
+                }
+            }
+
+            return false;
+        });
+
+        kgVar.kgSubmit.onOpen(async () => {
+            switch (true) {
+                case kgVar.isCreating.value: {
+                    kgVar.kgSubmit.formModel.value.var_nam = kgVar.parentKgVar$$.value?.kgTable?.selectedRow?.value?.var_nam;
+                    kgVar.kgSubmit.formModel.value.frm_id = fid$Host?.value;
+                    kgVar.kgSubmit.formModel.value.locale_id = kg.locale?.value;
+
+                    patchVarSubmitDetailsByValidationType(kgVar.kgSubmit.formModel.value?.validation_type);
+
+                    break;
+                }
+
+                case kgVar.isUpdating.value: {
+                    patchVarSubmitDetailsByValidationType(kgVar.kgSubmit.formModel.value?.validation_type);
+
+                    break;
+                }
+            }
+
+            return false;
+        });
+
+        kgVar.kgSubmit.onAfterValidate(async ({}) => {
+            KgUtil.insertHashToDynamicQueryParams(kgVar.kgSubmit.formModel.value);
+            return false;
+        });
+
+        kgVar.kgSubmit.onBeforeRequest(async ({ data }) => {
+            KgUtil.insertHashToDynamicQueryParams(data.value);
+            return false;
+        });
+
+        kgVar.kgSubmit.onBeforeOk(async () => {
+            kgVar.kgSubmit.formRules.value = {
+                max: [
+                    {
+                        validator: (rule, value) => {
+                            // 该字段隐藏时, 不验证
+                            const varSubmitDetail = kgVar.kgSubmit.getVarSubmitDetails({ buttonVarName: kgVar.kgButton.currentButton?.var_nam, varName: 'max' })?.[0] ?? null;
+                            if (varSubmitDetail?.visible_flag !== 1) {
+                                return Promise.resolve();
+                            }
+
+                            const min = kgVar.kgSubmit.formModel.value?.min;
+                            const max = kgVar.kgSubmit.formModel.value?.max;
+
+                            // 最大值不能小于最小值
+                            if (!isNil(max) && !isNil(min) && Number(max) < Number(min)) {
+                                return Promise.reject(kg.t('kg.KgVarConfig.formValidationMessageForMaxAndMin'));
+                            }
+
+                            return Promise.resolve();
+                        },
+                    },
+                ],
+                max_length: [
+                    {
+                        validator: (rule, value) => {
+                            // 该字段隐藏时, 不验证
+                            const varSubmitDetail = kgVar.kgSubmit.getVarSubmitDetails({ buttonVarName: kgVar.kgButton.currentButton?.var_nam, varName: 'max_length' })?.[0] ?? null;
+                            if (varSubmitDetail?.visible_flag !== 1) {
+                                return Promise.resolve();
+                            }
+
+                            const minLength = kgVar.kgSubmit.formModel.value?.min_length;
+                            const maxLength = kgVar.kgSubmit.formModel.value?.max_length;
+
+                            // 最大长度不能小于最小长度
+                            if (!isNil(maxLength) && !isNil(minLength) && Number(maxLength) < Number(minLength)) {
+                                return Promise.reject(kg.t('kg.KgVarConfig.formValidationMessageForMaxLengthAndMinLength'));
+                            }
+
+                            return Promise.resolve();
+                        },
+                    },
+                ],
+            };
+
+            return false;
+        });
+
+        kgVar.kgSubmit.onOk(async ({}) => {
+            // 重新加载变量配置数据
+            // TODO 只加载变更的这部分配置
+            kgVar$Host.requestAll({ isForceRequest: true });
+
+            kgVar$VarVariable.kgSearch.search({ isSearchFirstPage: false, isPreserveSelectedRows: true });
+
+            return false;
+        });
+
+        //region DATA
+        //----------------------------------------------------------------------------------------------------
+        const kgProps = computed<IKgProps>(() => ({
+            KgButton: {
+                kgDisabled: (button) => {
+                    switch (button.typ) {
+                        case KG__VAR_BUTTON__TYPE.UPDATE: {
+                            if (kgVar.kgTable.selectedRows.value?.some((i) => i.cust_lvl === KG_CUSTOM_LEVEL.L0)) {
+                                return true;
+                            }
+
+                            break;
+                        }
+
+                        case KG__VAR_BUTTON__TYPE.DELETE: {
+                            if (kgVar.kgTable.selectedRows.value?.some((i) => i.cust_lvl === KG_CUSTOM_LEVEL.L0)) {
+                                return true;
+                            }
+
+                            break;
+                        }
+                    }
+
+                    return undefined;
+                },
+            },
+        }));
+        //endregion
+
+        //region FUNCTION
+        //----------------------------------------------------------------------------------------------------
+        /**
+         * 根据「验证方式」设置其他字段的表单状态.
+         *
+         * @param validationType 验证方式.
+         */
+        function patchVarSubmitDetailsByValidationType(validationType: KG__VAR_CONFIG_INPUT__VALIDATION_TYPE): void {
+            switch (validationType) {
+                case KG__VAR_CONFIG_INPUT__VALIDATION_TYPE.OPTIONS: {
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'regular_expression', properties: { visible_flag: 0, required_flag: 0 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'data_type', properties: { visible_flag: 1, required_flag: 1 } });
+
+                    patchVarSubmitDetailsByDataType(kgVar.kgSubmit.formModel.value?.data_type);
+
+                    break;
+                }
+
+                case KG__VAR_CONFIG_INPUT__VALIDATION_TYPE.REGULAR_EXPRESSION: {
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'regular_expression', properties: { visible_flag: 1, required_flag: 1 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'data_type', properties: { visible_flag: 0, required_flag: 0 } });
+
+                    patchVarSubmitDetailsByDataType(null);
+
+                    break;
+                }
+            }
+        }
+
+        /**
+         * 根据「数据类型」设置其他字段的表单状态.
+         *
+         * @param dataType 数据类型.
+         */
+        function patchVarSubmitDetailsByDataType(dataType: KG__VAR_CONFIG_INPUT__DATA_TYPE | null): void {
+            switch (dataType) {
+                case null: {
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'min', properties: { visible_flag: 0 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'min_include_flg', properties: { visible_flag: 0 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'max', properties: { visible_flag: 0 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'max_include_flg', properties: { visible_flag: 0 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'min_length', properties: { visible_flag: 0 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'max_length', properties: { visible_flag: 0 } });
+
+                    break;
+                }
+
+                case KG__VAR_CONFIG_INPUT__DATA_TYPE.ANY: {
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'min', properties: { visible_flag: 0 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'min_include_flg', properties: { visible_flag: 0 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'max', properties: { visible_flag: 0 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'max_include_flg', properties: { visible_flag: 0 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'min_length', properties: { visible_flag: 1 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'max_length', properties: { visible_flag: 1 } });
+
+                    break;
+                }
+
+                case KG__VAR_CONFIG_INPUT__DATA_TYPE.INTEGER: {
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'min', properties: { visible_flag: 1 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'min_include_flg', properties: { visible_flag: 1 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'max', properties: { visible_flag: 1 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'max_include_flg', properties: { visible_flag: 1 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'min_length', properties: { visible_flag: 0 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'max_length', properties: { visible_flag: 0 } });
+
+                    break;
+                }
+
+                case KG__VAR_CONFIG_INPUT__DATA_TYPE.FLOAT: {
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'min', properties: { visible_flag: 1 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'min_include_flg', properties: { visible_flag: 1 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'max', properties: { visible_flag: 1 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'max_include_flg', properties: { visible_flag: 1 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'min_length', properties: { visible_flag: 0 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'max_length', properties: { visible_flag: 0 } });
+
+                    break;
+                }
+
+                case KG__VAR_CONFIG_INPUT__DATA_TYPE.LETTER:
+                case KG__VAR_CONFIG_INPUT__DATA_TYPE.UPPER_CASE_LETTER:
+                case KG__VAR_CONFIG_INPUT__DATA_TYPE.LOWER_CASE_LETTER: {
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'min', properties: { visible_flag: 0 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'min_include_flg', properties: { visible_flag: 0 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'max', properties: { visible_flag: 0 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'max_include_flg', properties: { visible_flag: 0 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'min_length', properties: { visible_flag: 1 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'max_length', properties: { visible_flag: 1 } });
+
+                    break;
+                }
+
+                case KG__VAR_CONFIG_INPUT__DATA_TYPE.JSON: {
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'min', properties: { visible_flag: 0 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'min_include_flg', properties: { visible_flag: 0 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'max', properties: { visible_flag: 0 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'max_include_flg', properties: { visible_flag: 0 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'min_length', properties: { visible_flag: 0 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'max_length', properties: { visible_flag: 0 } });
+
+                    break;
+                }
+
+                default: {
+                    break;
+                }
+            }
+        }
+        //endregion
+
+        return () => (
+            <KgVar
+                id={FORM_ID__VAR__VAR_CONFIG_INPUT}
+                kgLevel={kgVar$Host.level.value + 1}
+                kgProps={kgProps.value}
+            />
+        );
+    },
+});

package/component/KgVarConfig/components/var/KgVarConfig.Modal.Var.VarConfigLookup.tsx

@@ -0,0 +1,222 @@
+import { ____ERROR____ } from '@kengic/core.core';
+import { compact, debounce, uniq } from 'lodash-es';
+import { computed, defineComponent, inject, ref } from 'vue';
+import { API } from '../../../../api';
+import { useKg } from '../../../../config';
+import { KG, KG__VAR_BUTTON__TYPE, KG_CUSTOM_LEVEL, KG_FORM_CONTEXT } from '../../../../model';
+import { localeList } from '../../../../i18n/i18n.setup';
+import { KgUtil } from '../../../../util';
+import { IKgProps, KgVar, transformVarConfigLookups, useKgVar } from '../../../KgVar';
+import { FORM_ID__VAR__VAR_CONFIG_LOOKUP, FORM_ID__VAR__VAR_VARIABLE } from '../../KgVarConfig.model';
+
+// 变量配置弹窗:变量配置:查找弹窗
+export default defineComponent({
+    name: 'KgVarConfigModalVarVarConfigLookup',
+    setup() {
+        const hostFormID = inject(KG.DI.KG_VAR_CONFIG.HOST_FORM_ID, null);
+
+        const kg = useKg();
+
+        const kgVar = useKgVar(FORM_ID__VAR__VAR_CONFIG_LOOKUP);
+        const kgVar$Host = useKgVar(hostFormID?.value);
+        const kgVar$VarVariable = useKgVar(FORM_ID__VAR__VAR_VARIABLE);
+
+        kgVar.kgTable.onBeforeParseRequestParameter(async ({ params }) => {
+            params.frm_id = [hostFormID?.value, 'ALL'];
+
+            kgVar.kgSearch.dynamicQueryOperatorModel.value.frm_id = KG.DYNAMIC_QUERY_OPERATOR.IN;
+
+            return false;
+        });
+
+        kgVar.kgTable.onBeforeSetDatas(async ({ datas }) => {
+            transformVarConfigLookups(datas.value);
+            return false;
+        });
+
+        kgVar.kgForm.onSelectBeforeRequest(async ({ context, response, varName }) => {
+            switch (context) {
+                case KG_FORM_CONTEXT.SEARCH: {
+                    break;
+                }
+
+                case KG_FORM_CONTEXT.SUBMIT:
+                case KG_FORM_CONTEXT.TABLE: {
+                    switch (varName) {
+                        case 'frm_id': {
+                            response.value = [
+                                { value: 'ALL', label: `${kg.t('kg.KgVarConfig.allForm')} （ALL）` },
+                                { value: hostFormID?.value, label: `${kg.t('kg.KgVarConfig.currentForm')} （${hostFormID?.value}）` },
+                            ];
+                            return true;
+                        }
+
+                        case 'locale_id': {
+                            response.value = [{ value: 'ALL', label: `${kg.t('kg.KgVarConfig.allLanguage')} （ALL）` }, ...localeList.map((i) => ({ value: i.event, label: `${i.text}（${i.event}）` }))];
+                            return true;
+                        }
+
+                        case 'ret_fld': {
+                            if (returnFields.value) {
+                                response.value = returnFields.value.map((i) => ({ value: i, label: i }));
+                            } else {
+                                if (kgVar.kgSubmit.formModel.value.ret_fld) {
+                                    response.value = [{ value: kgVar.kgSubmit.formModel.value.ret_fld, label: kgVar.kgSubmit.formModel.value.ret_fld }];
+                                }
+                            }
+                            return true;
+                        }
+                    }
+                    break;
+                }
+            }
+
+            return false;
+        });
+
+        kgVar.kgForm.onChange(async ({ context, varName, value }) => {
+            switch (context) {
+                case KG_FORM_CONTEXT.SUBMIT:
+                case KG_FORM_CONTEXT.TABLE: {
+                    switch (varName) {
+                        case 'lkp_id': {
+                            await requestReturnFields({ lookupID: value });
+                            break;
+                        }
+                    }
+                    break;
+                }
+            }
+
+            return false;
+        });
+
+        kgVar.kgSubmit.onOpen(async () => {
+            switch (true) {
+                case kgVar.isCreating.value: {
+                    kgVar.kgSubmit.formModel.value.var_nam = kgVar.parentKgVar$$.value?.kgTable?.selectedRow?.value?.var_nam;
+                    kgVar.kgSubmit.formModel.value.frm_id = hostFormID?.value;
+                    kgVar.kgSubmit.formModel.value.locale_id = kg.locale?.value;
+
+                    break;
+                }
+
+                case kgVar.isUpdating.value: {
+                    if (kgVar.kgSubmit.formModel.value.lkp_id) {
+                        requestReturnFields({ lookupID: kgVar.kgSubmit.formModel.value.lkp_id });
+                    }
+
+                    break;
+                }
+            }
+
+            return false;
+        });
+
+        kgVar.kgSubmit.onAfterValidate(async ({}) => {
+            KgUtil.insertHashToDynamicQueryParams(kgVar.kgSubmit.formModel.value);
+            return false;
+        });
+
+        kgVar.kgSubmit.onBeforeRequest(async ({ data }) => {
+            KgUtil.insertHashToDynamicQueryParams(data.value);
+            return false;
+        });
+
+        kgVar.kgSubmit.onOk(async ({}) => {
+            // 重新加载变量配置数据
+            // TODO 只加载变更的这部分配置
+            kgVar$Host.requestAll({ isForceRequest: true });
+
+            kgVar$VarVariable.kgSearch.search({ isSearchFirstPage: false, isPreserveSelectedRows: true });
+
+            return false;
+        });
+
+        kgVar.kgSubmit.onClose(async () => {
+            returnFields.value = null;
+
+            return false;
+        });
+
+        //region DATA
+        //----------------------------------------------------------------------------------------------------
+        /**
+         * <p>「返回字段」的可选值.</p>
+         * <p>当用户填写了「查找弹窗界面标识」之后, 会根据「查找弹窗界面标识」获取其界面所有的列, 然后存入该变量.</p>
+         */
+        const returnFields = ref<Array<string> | null>(null);
+
+        const kgProps = computed<IKgProps>(() => ({
+            KgButton: {
+                kgDisabled: (button) => {
+                    switch (button.typ) {
+                        case KG__VAR_BUTTON__TYPE.UPDATE: {
+                            if (kgVar.kgTable.selectedRows.value?.some((i) => i.cust_lvl === KG_CUSTOM_LEVEL.L0)) {
+                                return true;
+                            }
+
+                            break;
+                        }
+
+                        case KG__VAR_BUTTON__TYPE.DELETE: {
+                            if (kgVar.kgTable.selectedRows.value?.some((i) => i.cust_lvl === KG_CUSTOM_LEVEL.L0)) {
+                                return true;
+                            }
+
+                            break;
+                        }
+                    }
+
+                    return undefined;
+                },
+            },
+        }));
+
+        /**
+         * 根据用户填写的「查找弹窗界面标识」获取其界面所有的列.
+         *
+         * @param param.lookupID 查找弹窗界面标识.
+         */
+        const requestReturnFields = debounce(
+            async (param: { lookupID: string | null | undefined }) => {
+                const { lookupID } = param ?? {};
+
+                if (lookupID) {
+                    KgUtil.showLoading();
+
+                    try {
+                        const varDTO = await API.WMS.VarController.GetAll({ data: { frm_id: lookupID } });
+
+                        const currentVarGridMasterID = (varDTO.varGridMasters?.find((i) => i.def_flg === 1) || varDTO.varGridMasters?.find((i) => i.cust_lvl === KG_CUSTOM_LEVEL.L0) || varDTO.varGridMasters?.find(() => true))?.id ?? null;
+
+                        returnFields.value = uniq(compact(varDTO.varGridMasters?.find((i) => i.id === currentVarGridMasterID)?.varGridDetails?.map((i) => i.var_nam ?? '') ?? []));
+
+                        // 修改下拉列表查询参数, 以便触发它的重新查询,
+                        kgVar.store.patchVarPossibilityCommandParameter(kgVar.fid, 'ret_fld', { __KG__TIMESTAMP__: Date.now() });
+                    } catch (e: any) {
+                        ____ERROR____(e.message);
+                    } finally {
+                        KgUtil.hideLoading();
+                    }
+                } else {
+                    returnFields.value = [];
+
+                    // 修改下拉列表查询参数, 以便触发它的重新查询,
+                    kgVar.store.patchVarPossibilityCommandParameter(kgVar.fid, 'ret_fld', { __KG__TIMESTAMP__: Date.now() });
+                }
+            },
+            250,
+            { trailing: true, leading: false },
+        );
+        //endregion
+
+        return () => (
+            <KgVar
+                id={FORM_ID__VAR__VAR_CONFIG_LOOKUP}
+                kgLevel={kgVar$Host.level.value + 1}
+                kgProps={kgProps.value}
+            />
+        );
+    },
+});