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

package/component/KgVarConfig/components/button/KgVarConfig.Modal.Button.VarButton.tsx

@@ -0,0 +1,647 @@
+import { defineComponent, ExtractPropTypes, inject } from 'vue';
+import { useKg } from '../../../../config';
+import { KG, KG__API_METHOD, KG__VAR_BUTTON__COLOR, KG__VAR_BUTTON__TYPE, KG_FORM_CONTEXT } from '../../../../model';
+import { KgUtil } from '../../../../util';
+import { KgVar, transformVarButtons, useKgVar } from '../../../KgVar';
+
+export const getProps = () => ({}) as any;
+
+export type KgVarConfigModalButtonVarButtonProps = Partial<ExtractPropTypes<ReturnType<typeof getProps>>>;
+
+// 变量配置弹窗:按钮:按钮管理
+export default defineComponent({
+    name: 'KgVarConfigModalButtonVarButton',
+    props: getProps(),
+    setup(props) {
+        const fid$Host = inject(KG.DI.KG_VAR_CONFIG.HOST_FORM_ID, null);
+
+        const kg = useKg();
+
+        const kgVar = useKgVar(KG.FORM_ID__KG_VAR_CONFIG__MODAL__BUTTON__VAR_BUTTON);
+        const kgVar$Host = useKgVar(fid$Host?.value);
+
+        kgVar.kgTable.onBeforeParseRequestParameter(async ({ params }) => {
+            params.frm_id = fid$Host?.value;
+
+            return false;
+        });
+
+        kgVar.kgTable.onBeforeSetDatas(async ({ datas }) => {
+            transformVarButtons(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 'var_nam': {
+                            response.value = kgVar$Host.varVariables.value.map((i) => ({
+                                value: i.var_nam,
+                                label: i.var_nam,
+                            }));
+                            return true;
+                        }
+                    }
+                    break;
+                }
+            }
+
+            return false;
+        });
+
+        kgVar.kgForm.onSelectBeforeSetDatas(async ({ context, varName, datas }) => {
+            switch (context) {
+                case KG_FORM_CONTEXT.SUBMIT:
+                case KG_FORM_CONTEXT.TABLE: {
+                    switch (varName) {
+                        // 按钮类型
+                        case 'typ': {
+                            switch (true) {
+                                case kgVar.isCreating.value: {
+                                    // 已添加的按钮
+                                    const buttons = kgVar$Host.varButtons.value;
+
+                                    // 每种标准按钮最多只能添加一个,
+                                    datas.value = datas.value.filter(
+                                        (i) =>
+                                            i.codval === KG__VAR_BUTTON__TYPE.IMPORT ||
+                                            i.codval === KG__VAR_BUTTON__TYPE.IMPORT_TEMPLATE ||
+                                            i.codval === KG__VAR_BUTTON__TYPE.EXPORT ||
+                                            i.codval === KG__VAR_BUTTON__TYPE.OTHER ||
+                                            !buttons.find((j) => j.typ === i.codval),
+                                    );
+                                    break;
+                                }
+                            }
+                            break;
+                        }
+                    }
+                    break;
+                }
+            }
+
+            return false;
+        });
+
+        kgVar.kgForm.onSelectChange(async ({ context, varName, values }) => {
+            switch (context) {
+                case KG_FORM_CONTEXT.SUBMIT:
+                case KG_FORM_CONTEXT.TABLE: {
+                    switch (varName) {
+                        // 按钮类型
+                        case 'typ': {
+                            if (!kgVar.kgSubmit.formModel.value) {
+                                break;
+                            }
+
+                            // 当前选择的按钮类型
+                            const buttonType = values?.[0] as KG__VAR_BUTTON__TYPE | undefined;
+
+                            switch (buttonType) {
+                                // 类型为空
+                                case null:
+                                case undefined: {
+                                    kgVar.kgSubmit.formModel.value.var_nam = '';
+                                    kgVar.kgSubmit.formModel.value.var_nam_dsc = '';
+                                    kgVar.kgSubmit.formModel.value.srtseq = 0;
+                                    kgVar.kgSubmit.formModel.value.icon = '';
+                                    kgVar.kgSubmit.formModel.value.color = KG__VAR_BUTTON__COLOR.BLUE;
+                                    kgVar.kgSubmit.formModel.value.primary_flg = 0;
+                                    kgVar.kgSubmit.formModel.value.show_modal_flg = 0;
+                                    kgVar.kgSubmit.formModel.value.dis_no_select_flg = 0;
+                                    kgVar.kgSubmit.formModel.value.dis_mult_select_flg = 0;
+                                    kgVar.kgSubmit.formModel.value.reload_all_after_done_flg = 0;
+                                    kgVar.kgSubmit.formModel.value.re_select_after_reload_flg = 0;
+                                    kgVar.kgSubmit.formModel.value.show_success_message_flg = 0;
+
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'var_nam', properties: { enable_flag: 1 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'export_excel_filename', properties: { visible_flag: 1 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'export_excel_suffix', properties: { visible_flag: 1 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'show_modal_flg', properties: { visible_flag: 1 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'modal_props', properties: { visible_flag: 1 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'dis_no_select_flg', properties: { visible_flag: 1 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'dis_mult_select_flg', properties: { visible_flag: 1 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'reload_all_after_done_flg', properties: { visible_flag: 1 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 're_select_after_reload_flg', properties: { visible_flag: 1 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'show_success_message_flg', properties: { visible_flag: 1 } });
+
+                                    break;
+                                }
+
+                                case KG__VAR_BUTTON__TYPE.SEARCH: {
+                                    kgVar.kgSubmit.formModel.value.var_nam = buttonType;
+                                    kgVar.kgSubmit.formModel.value.var_nam_dsc = kg.t('kg.search');
+                                    kgVar.kgSubmit.formModel.value.srtseq = 1;
+                                    kgVar.kgSubmit.formModel.value.cmd_method = KG__API_METHOD.GET;
+                                    kgVar.kgSubmit.formModel.value.icon = 'ant-design:search-outlined';
+                                    kgVar.kgSubmit.formModel.value.color = KG__VAR_BUTTON__COLOR.BLUE;
+                                    kgVar.kgSubmit.formModel.value.primary_flg = 1;
+                                    kgVar.kgSubmit.formModel.value.dis_no_select_flg = 0;
+                                    kgVar.kgSubmit.formModel.value.dis_mult_select_flg = 0;
+                                    kgVar.kgSubmit.formModel.value.reload_all_after_done_flg = 0;
+                                    kgVar.kgSubmit.formModel.value.re_select_after_reload_flg = 1;
+                                    kgVar.kgSubmit.formModel.value.show_success_message_flg = 0;
+
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'var_nam', properties: { enable_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'export_excel_filename', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'export_excel_suffix', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'show_modal_flg', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'modal_props', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'dis_no_select_flg', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'dis_mult_select_flg', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'reload_all_after_done_flg', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 're_select_after_reload_flg', properties: { visible_flag: 1 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'show_success_message_flg', properties: { visible_flag: 0 } });
+
+                                    break;
+                                }
+
+                                case KG__VAR_BUTTON__TYPE.CREATE: {
+                                    kgVar.kgSubmit.formModel.value.var_nam = buttonType;
+                                    kgVar.kgSubmit.formModel.value.var_nam_dsc = kg.t('kg.create');
+                                    kgVar.kgSubmit.formModel.value.srtseq = 2;
+                                    kgVar.kgSubmit.formModel.value.cmd_method = KG__API_METHOD.POST;
+                                    kgVar.kgSubmit.formModel.value.icon = 'ant-design:plus-outlined';
+                                    kgVar.kgSubmit.formModel.value.color = KG__VAR_BUTTON__COLOR.BLUE;
+                                    kgVar.kgSubmit.formModel.value.primary_flg = 1;
+                                    kgVar.kgSubmit.formModel.value.dis_no_select_flg = 0;
+                                    kgVar.kgSubmit.formModel.value.dis_mult_select_flg = 0;
+                                    kgVar.kgSubmit.formModel.value.reload_all_after_done_flg = 0;
+                                    kgVar.kgSubmit.formModel.value.re_select_after_reload_flg = 0;
+                                    kgVar.kgSubmit.formModel.value.show_success_message_flg = 1;
+
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'var_nam', properties: { enable_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'export_excel_filename', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'export_excel_suffix', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'show_modal_flg', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'modal_props', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'dis_no_select_flg', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'dis_mult_select_flg', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'reload_all_after_done_flg', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 're_select_after_reload_flg', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'show_success_message_flg', properties: { visible_flag: 1 } });
+
+                                    break;
+                                }
+
+                                case KG__VAR_BUTTON__TYPE.UPDATE: {
+                                    kgVar.kgSubmit.formModel.value.var_nam = buttonType;
+                                    kgVar.kgSubmit.formModel.value.var_nam_dsc = kg.t('kg.update');
+                                    kgVar.kgSubmit.formModel.value.srtseq = 3;
+                                    kgVar.kgSubmit.formModel.value.cmd_method = KG__API_METHOD.POST;
+                                    kgVar.kgSubmit.formModel.value.icon = 'ant-design:edit-outlined';
+                                    kgVar.kgSubmit.formModel.value.color = KG__VAR_BUTTON__COLOR.BLUE;
+                                    kgVar.kgSubmit.formModel.value.primary_flg = 0;
+                                    kgVar.kgSubmit.formModel.value.dis_no_select_flg = 1;
+                                    kgVar.kgSubmit.formModel.value.dis_mult_select_flg = 1;
+                                    kgVar.kgSubmit.formModel.value.reload_all_after_done_flg = 0;
+                                    kgVar.kgSubmit.formModel.value.re_select_after_reload_flg = 0;
+                                    kgVar.kgSubmit.formModel.value.show_success_message_flg = 1;
+
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'var_nam', properties: { enable_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'export_excel_filename', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'export_excel_suffix', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'show_modal_flg', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'modal_props', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'dis_no_select_flg', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'dis_mult_select_flg', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'reload_all_after_done_flg', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 're_select_after_reload_flg', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'show_success_message_flg', properties: { visible_flag: 1 } });
+
+                                    break;
+                                }
+
+                                case KG__VAR_BUTTON__TYPE.COPY: {
+                                    kgVar.kgSubmit.formModel.value.var_nam = buttonType;
+                                    kgVar.kgSubmit.formModel.value.var_nam_dsc = kg.t('kg.copy');
+                                    kgVar.kgSubmit.formModel.value.srtseq = 4;
+                                    kgVar.kgSubmit.formModel.value.cmd_method = KG__API_METHOD.POST;
+                                    kgVar.kgSubmit.formModel.value.icon = 'ant-design:copy-outlined';
+                                    kgVar.kgSubmit.formModel.value.color = KG__VAR_BUTTON__COLOR.BLUE;
+                                    kgVar.kgSubmit.formModel.value.primary_flg = 0;
+                                    kgVar.kgSubmit.formModel.value.dis_no_select_flg = 1;
+                                    kgVar.kgSubmit.formModel.value.dis_mult_select_flg = 1;
+                                    kgVar.kgSubmit.formModel.value.reload_all_after_done_flg = 0;
+                                    kgVar.kgSubmit.formModel.value.re_select_after_reload_flg = 0;
+                                    kgVar.kgSubmit.formModel.value.show_success_message_flg = 1;
+
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'var_nam', properties: { enable_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'export_excel_filename', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'export_excel_suffix', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'show_modal_flg', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'modal_props', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'dis_no_select_flg', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'dis_mult_select_flg', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'reload_all_after_done_flg', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 're_select_after_reload_flg', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'show_success_message_flg', properties: { visible_flag: 1 } });
+
+                                    break;
+                                }
+
+                                case KG__VAR_BUTTON__TYPE.DELETE: {
+                                    kgVar.kgSubmit.formModel.value.var_nam = buttonType;
+                                    kgVar.kgSubmit.formModel.value.var_nam_dsc = kg.t('kg.delete');
+                                    kgVar.kgSubmit.formModel.value.srtseq = 5;
+                                    kgVar.kgSubmit.formModel.value.cmd_method = KG__API_METHOD.POST;
+                                    kgVar.kgSubmit.formModel.value.icon = 'ant-design:delete-outlined';
+                                    kgVar.kgSubmit.formModel.value.color = KG__VAR_BUTTON__COLOR.RED;
+                                    kgVar.kgSubmit.formModel.value.primary_flg = 0;
+                                    kgVar.kgSubmit.formModel.value.dis_no_select_flg = 1;
+                                    kgVar.kgSubmit.formModel.value.dis_mult_select_flg = 0;
+                                    kgVar.kgSubmit.formModel.value.reload_all_after_done_flg = 1;
+                                    kgVar.kgSubmit.formModel.value.re_select_after_reload_flg = 0;
+                                    kgVar.kgSubmit.formModel.value.show_success_message_flg = 1;
+
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'var_nam', properties: { enable_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'export_excel_filename', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'export_excel_suffix', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'show_modal_flg', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'modal_props', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'dis_no_select_flg', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'dis_mult_select_flg', properties: { visible_flag: 1 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'reload_all_after_done_flg', properties: { visible_flag: 1 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 're_select_after_reload_flg', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'show_success_message_flg', properties: { visible_flag: 1 } });
+
+                                    break;
+                                }
+
+                                case KG__VAR_BUTTON__TYPE.EXPORT: {
+                                    kgVar.kgSubmit.formModel.value.var_nam = buttonType;
+                                    kgVar.kgSubmit.formModel.value.var_nam_dsc = kg.t('kg.export');
+                                    kgVar.kgSubmit.formModel.value.srtseq = 6;
+                                    kgVar.kgSubmit.formModel.value.cmd_method = KG__API_METHOD.POST;
+                                    kgVar.kgSubmit.formModel.value.icon = 'ant-design:download-outlined';
+                                    kgVar.kgSubmit.formModel.value.color = KG__VAR_BUTTON__COLOR.BLUE;
+                                    kgVar.kgSubmit.formModel.value.primary_flg = 0;
+                                    kgVar.kgSubmit.formModel.value.dis_no_select_flg = 0;
+                                    kgVar.kgSubmit.formModel.value.dis_mult_select_flg = 0;
+                                    kgVar.kgSubmit.formModel.value.reload_all_after_done_flg = 0;
+                                    kgVar.kgSubmit.formModel.value.re_select_after_reload_flg = 0;
+                                    kgVar.kgSubmit.formModel.value.show_success_message_flg = 1;
+
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'var_nam', properties: { enable_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'export_excel_filename', properties: { visible_flag: 1 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'export_excel_suffix', properties: { visible_flag: 1 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'show_modal_flg', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'modal_props', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'dis_no_select_flg', properties: { visible_flag: 1 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'dis_mult_select_flg', properties: { visible_flag: 1 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'reload_all_after_done_flg', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 're_select_after_reload_flg', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'show_success_message_flg', properties: { visible_flag: 1 } });
+
+                                    break;
+                                }
+
+                                case KG__VAR_BUTTON__TYPE.IMPORT: {
+                                    kgVar.kgSubmit.formModel.value.var_nam = buttonType;
+                                    kgVar.kgSubmit.formModel.value.var_nam_dsc = kg.t('kg.import');
+                                    kgVar.kgSubmit.formModel.value.srtseq = 7;
+                                    kgVar.kgSubmit.formModel.value.cmd_method = KG__API_METHOD.POST;
+                                    kgVar.kgSubmit.formModel.value.icon = 'ant-design:upload-outlined';
+                                    kgVar.kgSubmit.formModel.value.color = KG__VAR_BUTTON__COLOR.BLUE;
+                                    kgVar.kgSubmit.formModel.value.primary_flg = 0;
+                                    kgVar.kgSubmit.formModel.value.dis_no_select_flg = 0;
+                                    kgVar.kgSubmit.formModel.value.dis_mult_select_flg = 0;
+                                    kgVar.kgSubmit.formModel.value.reload_all_after_done_flg = 0;
+                                    kgVar.kgSubmit.formModel.value.re_select_after_reload_flg = 0;
+                                    kgVar.kgSubmit.formModel.value.show_success_message_flg = 1;
+
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'var_nam', properties: { enable_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'export_excel_filename', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'export_excel_suffix', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'show_modal_flg', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'modal_props', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'dis_no_select_flg', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'dis_mult_select_flg', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'reload_all_after_done_flg', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 're_select_after_reload_flg', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'show_success_message_flg', properties: { visible_flag: 1 } });
+
+                                    break;
+                                }
+
+                                case KG__VAR_BUTTON__TYPE.IMPORT_TEMPLATE: {
+                                    kgVar.kgSubmit.formModel.value.var_nam = buttonType;
+                                    kgVar.kgSubmit.formModel.value.var_nam_dsc = kg.t('kg.import-template');
+                                    kgVar.kgSubmit.formModel.value.srtseq = 8;
+                                    kgVar.kgSubmit.formModel.value.cmd_method = KG__API_METHOD.POST;
+                                    kgVar.kgSubmit.formModel.value.icon = 'ant-design:download-outlined';
+                                    kgVar.kgSubmit.formModel.value.color = KG__VAR_BUTTON__COLOR.BLUE;
+                                    kgVar.kgSubmit.formModel.value.primary_flg = 0;
+                                    kgVar.kgSubmit.formModel.value.dis_no_select_flg = 0;
+                                    kgVar.kgSubmit.formModel.value.dis_mult_select_flg = 0;
+                                    kgVar.kgSubmit.formModel.value.reload_all_after_done_flg = 0;
+                                    kgVar.kgSubmit.formModel.value.re_select_after_reload_flg = 0;
+                                    kgVar.kgSubmit.formModel.value.show_success_message_flg = 1;
+
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'var_nam', properties: { enable_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'export_excel_filename', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'export_excel_suffix', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'show_modal_flg', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'modal_props', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'dis_no_select_flg', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'dis_mult_select_flg', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'reload_all_after_done_flg', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 're_select_after_reload_flg', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'show_success_message_flg', properties: { visible_flag: 1 } });
+
+                                    break;
+                                }
+
+                                // 其他按钮
+                                case KG__VAR_BUTTON__TYPE.OTHER: {
+                                    kgVar.kgSubmit.formModel.value.var_nam = '';
+                                    kgVar.kgSubmit.formModel.value.var_nam_dsc = '';
+                                    kgVar.kgSubmit.formModel.value.srtseq = 9;
+                                    kgVar.kgSubmit.formModel.value.cmd_method = KG__API_METHOD.POST;
+                                    kgVar.kgSubmit.formModel.value.icon = 'ant-design:info-circle-outlined';
+                                    kgVar.kgSubmit.formModel.value.color = KG__VAR_BUTTON__COLOR.BLUE;
+                                    kgVar.kgSubmit.formModel.value.primary_flg = 0;
+                                    kgVar.kgSubmit.formModel.value.dis_no_select_flg = 1;
+                                    kgVar.kgSubmit.formModel.value.dis_mult_select_flg = 1;
+                                    kgVar.kgSubmit.formModel.value.reload_all_after_done_flg = 0;
+                                    kgVar.kgSubmit.formModel.value.re_select_after_reload_flg = 0;
+                                    kgVar.kgSubmit.formModel.value.show_success_message_flg = 0;
+
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'var_nam', properties: { enable_flag: 1 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'export_excel_filename', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'export_excel_suffix', properties: { visible_flag: 0 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'show_modal_flg', properties: { visible_flag: 1 } });
+                                    patchVarSubmitDetailsByShowModalFlag({ showModalFlag: kgVar.kgSubmit.formModel.value.show_modal_flg });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'dis_no_select_flg', properties: { visible_flag: 1 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'dis_mult_select_flg', properties: { visible_flag: 1 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'reload_all_after_done_flg', properties: { visible_flag: 1 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 're_select_after_reload_flg', properties: { visible_flag: 1 } });
+                                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'show_success_message_flg', properties: { visible_flag: 1 } });
+
+                                    break;
+                                }
+
+                                default:
+                                    break;
+                            }
+                            break;
+                        }
+
+                        case 'var_nam': {
+                            // 选择「变量名称」后, 填充「按钮文本」,
+                            const vname = values?.[0] as string | undefined;
+                            kgVar.kgSubmit.formModel.value.var_nam_dsc = kgVar.kgButton.getButtonDescription({ varName: vname });
+                            break;
+                        }
+                    }
+                    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 'show_modal_flg': {
+                            patchVarSubmitDetailsByShowModalFlag({ showModalFlag: value });
+                            break;
+                        }
+                    }
+                    break;
+                }
+            }
+
+            return false;
+        });
+
+        kgVar.kgSubmit.onOpen(async () => {
+            kgVar.kgSubmit.formModel.value.frm_id = fid$Host?.value;
+
+            patchVarSubmitDetailsByShowModalFlag({ showModalFlag: kgVar.kgSubmit.formModel.value?.show_modal_flg });
+
+            switch (true) {
+                case kgVar.isCreating.value: {
+                    kgVar.kgSubmit.formModel.value.srtseq = 0;
+                    kgVar.kgSubmit.formModel.value.icon = '';
+                    kgVar.kgSubmit.formModel.value.color = KG__VAR_BUTTON__COLOR.BLUE;
+                    kgVar.kgSubmit.formModel.value.primary_flg = 0;
+                    kgVar.kgSubmit.formModel.value.show_modal_flg = 0;
+                    kgVar.kgSubmit.formModel.value.dis_no_select_flg = 0;
+                    kgVar.kgSubmit.formModel.value.dis_mult_select_flg = 0;
+                    kgVar.kgSubmit.formModel.value.reload_all_after_done_flg = 0;
+                    kgVar.kgSubmit.formModel.value.re_select_after_reload_flg = 0;
+                    kgVar.kgSubmit.formModel.value.show_success_message_flg = 0;
+
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'typ', properties: { enable_flag: 1 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'var_nam', properties: { enable_flag: 1 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'export_excel_filename', properties: { visible_flag: 1 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'export_excel_suffix', properties: { visible_flag: 1 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'show_modal_flg', properties: { visible_flag: 1 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'modal_props', properties: { visible_flag: 1 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'dis_no_select_flg', properties: { visible_flag: 1 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'dis_mult_select_flg', properties: { visible_flag: 1 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'reload_all_after_done_flg', properties: { visible_flag: 1 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 're_select_after_reload_flg', properties: { visible_flag: 1 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'show_success_message_flg', properties: { visible_flag: 1 } });
+
+                    break;
+                }
+
+                case kgVar.isUpdating.value: {
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'typ', properties: { enable_flag: 0 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'var_nam', properties: { enable_flag: 0 } });
+
+                    switch (kgVar.kgSubmit.formModel.value.typ) {
+                        case KG__VAR_BUTTON__TYPE.SEARCH: {
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'var_nam', properties: { enable_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'export_excel_filename', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'export_excel_suffix', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'show_modal_flg', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'modal_props', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'dis_no_select_flg', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'dis_mult_select_flg', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'reload_all_after_done_flg', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 're_select_after_reload_flg', properties: { visible_flag: 1 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'show_success_message_flg', properties: { visible_flag: 0 } });
+
+                            break;
+                        }
+
+                        case KG__VAR_BUTTON__TYPE.CREATE: {
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'var_nam', properties: { enable_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'export_excel_filename', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'export_excel_suffix', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'show_modal_flg', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'modal_props', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'dis_no_select_flg', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'dis_mult_select_flg', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'reload_all_after_done_flg', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 're_select_after_reload_flg', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'show_success_message_flg', properties: { visible_flag: 1 } });
+
+                            break;
+                        }
+
+                        case KG__VAR_BUTTON__TYPE.UPDATE: {
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'var_nam', properties: { enable_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'export_excel_filename', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'export_excel_suffix', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'show_modal_flg', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'modal_props', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'dis_no_select_flg', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'dis_mult_select_flg', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'reload_all_after_done_flg', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 're_select_after_reload_flg', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'show_success_message_flg', properties: { visible_flag: 1 } });
+
+                            break;
+                        }
+
+                        case KG__VAR_BUTTON__TYPE.COPY: {
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'var_nam', properties: { enable_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'export_excel_filename', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'export_excel_suffix', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'show_modal_flg', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'modal_props', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'dis_no_select_flg', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'dis_mult_select_flg', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'reload_all_after_done_flg', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 're_select_after_reload_flg', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'show_success_message_flg', properties: { visible_flag: 1 } });
+
+                            break;
+                        }
+
+                        case KG__VAR_BUTTON__TYPE.DELETE: {
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'var_nam', properties: { enable_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'export_excel_filename', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'export_excel_suffix', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'show_modal_flg', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'modal_props', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'dis_no_select_flg', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'dis_mult_select_flg', properties: { visible_flag: 1 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'reload_all_after_done_flg', properties: { visible_flag: 1 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 're_select_after_reload_flg', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'show_success_message_flg', properties: { visible_flag: 1 } });
+
+                            break;
+                        }
+
+                        case KG__VAR_BUTTON__TYPE.EXPORT: {
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'var_nam', properties: { enable_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'export_excel_filename', properties: { visible_flag: 1 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'export_excel_suffix', properties: { visible_flag: 1 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'show_modal_flg', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'modal_props', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'dis_no_select_flg', properties: { visible_flag: 1 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'dis_mult_select_flg', properties: { visible_flag: 1 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'reload_all_after_done_flg', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 're_select_after_reload_flg', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'show_success_message_flg', properties: { visible_flag: 1 } });
+
+                            break;
+                        }
+
+                        case KG__VAR_BUTTON__TYPE.IMPORT: {
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'var_nam', properties: { enable_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'export_excel_filename', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'export_excel_suffix', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'show_modal_flg', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'modal_props', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'dis_no_select_flg', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'dis_mult_select_flg', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'reload_all_after_done_flg', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 're_select_after_reload_flg', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'show_success_message_flg', properties: { visible_flag: 1 } });
+
+                            break;
+                        }
+
+                        case KG__VAR_BUTTON__TYPE.IMPORT_TEMPLATE: {
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'var_nam', properties: { enable_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'export_excel_filename', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'export_excel_suffix', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'show_modal_flg', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'modal_props', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'dis_no_select_flg', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'dis_mult_select_flg', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'reload_all_after_done_flg', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 're_select_after_reload_flg', properties: { visible_flag: 0 } });
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'show_success_message_flg', properties: { visible_flag: 1 } });
+
+                            break;
+                        }
+
+                        case KG__VAR_BUTTON__TYPE.OTHER: {
+                            kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'show_modal_flg', properties: { visible_flag: 1 } });
+                            patchVarSubmitDetailsByShowModalFlag({ showModalFlag: kgVar.kgSubmit.formModel.value.show_modal_flg });
+
+                            break;
+                        }
+                    }
+
+                    break;
+                }
+
+                case kgVar.isCopying.value: {
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'typ', properties: { enable_flag: 0 } });
+                    kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'var_nam', properties: { enable_flag: 1 } });
+
+                    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 });
+
+            return false;
+        });
+
+        //region FUNCTION
+        //----------------------------------------------------------------------------------------------------
+        /**
+         * 根据「是否显示确认弹窗」修改「提交表单字段」.
+         *
+         * @param param.showModalFlag 是否显示确认弹窗.
+         */
+        function patchVarSubmitDetailsByShowModalFlag(param: { showModalFlag: number | null | undefined }): void {
+            const { showModalFlag } = param ?? {};
+
+            if (showModalFlag === 1) {
+                kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'modal_props', properties: { visible_flag: 1 } });
+            } else {
+                kgVar.kgSubmit.patchVarSubmitDetail({ varName: 'modal_props', properties: { visible_flag: 0 } });
+            }
+        }
+        //endregion
+
+        return () => (
+            <KgVar
+                class="kg-var-config--modal--button--var-button"
+                id={KG.FORM_ID__KG_VAR_CONFIG__MODAL__BUTTON__VAR_BUTTON}
+                kgLevel={kgVar$Host.store.getLevel(kgVar$Host.fid) + 2}
+            />
+        );
+    },
+});