diff --git a/apps/web-antd/src/components/action-buttons/action-buttons.vue b/apps/web-antd/src/components/action-buttons/action-buttons.vue
index 45f725b690fb1e8c84345ff4c4da05487b0ac494..64b83318404333f13209d9f29e50431894d96361 100644
--- a/apps/web-antd/src/components/action-buttons/action-buttons.vue
+++ b/apps/web-antd/src/components/action-buttons/action-buttons.vue
@@ -160,22 +160,24 @@ const handleMenuClick = (e: any) => {
         </Button>
       </slot>
       <template #overlay>
-        <Menu @click="handleMenuClick">
+        <Menu class="w-full" @click="handleMenuClick">
           <MenuItem v-for="(action, index) in getDropdownList" :key="index">
             <template v-if="action.popConfirm">
               <Popconfirm v-bind="getPopConfirmProps(action.popConfirm)">
                 <template v-if="action.popConfirm.icon" #icon>
                   <IconifyIcon :icon="action.popConfirm.icon" />
                 </template>
-                <div>
+                <div class="flex items-center">
                   <IconifyIcon v-if="action.icon" :icon="action.icon" />
                   <span class="ml-1">{{ action.text }}</span>
                 </div>
               </Popconfirm>
             </template>
             <template v-else>
-              <IconifyIcon v-if="action.icon" :icon="action.icon" />
-              <span class="ml-1">{{ action.label }}</span>
+              <div class="flex items-center">
+                <IconifyIcon v-if="action.icon" :icon="action.icon" />
+                <span class="ml-1">{{ action.text }}</span>
+              </div>
             </template>
           </MenuItem>
         </Menu>
diff --git a/apps/web-antd/src/components/form/components/api-dict.vue b/apps/web-antd/src/components/form/components/api-dict.vue
index 6b9f80db36c6a127a278a94d8019b904eece918e..109760acd33ac6b1a77918224c9d6eb2659f1461 100644
--- a/apps/web-antd/src/components/form/components/api-dict.vue
+++ b/apps/web-antd/src/components/form/components/api-dict.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, type PropType } from 'vue';
 
-import { requestClient } from '#/api/request';
+import { useDictStore } from '@vben/stores';
 
 import { ApiCheckboxGroup, ApiRadioGroup, ApiSelect } from '..';
 
@@ -42,9 +42,10 @@ const DictComponent = computed(() => {
   return ApiSelect;
 });
 const fetch = () => {
-  return requestClient.post('/sys/dict/getByDictType', {
-    dictType: props.code,
-    ...props.params,
+  return new Promise<OptionsItem[]>((resolve) => {
+    const dict = useDictStore().getDictOptions(props.code!);
+    const options: OptionsItem[] = dict as OptionsItem[];
+    resolve(options);
   });
 };
 </script>
diff --git a/apps/web-antd/src/components/form/components/api-radio-group.vue b/apps/web-antd/src/components/form/components/api-radio-group.vue
index d87e744562f3775b2f79d4928f093c2f0c8944c0..08f54347a6460eefe7e9773ce1d23cfef9a5b375 100644
--- a/apps/web-antd/src/components/form/components/api-radio-group.vue
+++ b/apps/web-antd/src/components/form/components/api-radio-group.vue
@@ -123,6 +123,15 @@ watch(
   },
   { deep: true },
 );
+
+watch(
+  () => mValue.value,
+  (newValue) => {
+    if (typeof newValue === 'number') {
+      mValue.value = `${newValue}`;
+    }
+  },
+);
 </script>
 
 <template>
diff --git a/apps/web-antd/src/components/form/components/api-select.vue b/apps/web-antd/src/components/form/components/api-select.vue
index 4e6f1772aa57b5373631b2962b8d4f58a96db1cd..8e4dbd9845eba6846afdee0786d51bffaf83a2a2 100644
--- a/apps/web-antd/src/components/form/components/api-select.vue
+++ b/apps/web-antd/src/components/form/components/api-select.vue
@@ -125,6 +125,15 @@ watch(
   },
   { deep: true },
 );
+
+watch(
+  () => mValue.value,
+  (newValue) => {
+    if (typeof newValue === 'number') {
+      mValue.value = `${newValue}`;
+    }
+  },
+);
 </script>
 
 <template>
diff --git a/apps/web-antd/src/components/form/components/api-tree-select.vue b/apps/web-antd/src/components/form/components/api-tree-select.vue
index 776ce772039efafc3f70891486c4fe90a7f3fee2..978cdca7616937500df7e5926fbade86ebda1d9d 100644
--- a/apps/web-antd/src/components/form/components/api-tree-select.vue
+++ b/apps/web-antd/src/components/form/components/api-tree-select.vue
@@ -119,6 +119,15 @@ watch(
   },
   { deep: true },
 );
+
+watch(
+  () => mValue.value,
+  (newValue) => {
+    if (typeof newValue === 'number') {
+      mValue.value = `${newValue}`;
+    }
+  },
+);
 </script>
 
 <template>
diff --git a/apps/web-antd/src/views/infra/codegen/codegen.data.ts b/apps/web-antd/src/views/infra/codegen/codegen.data.ts
index 6eab77317f4a800d3ccea1e9b4b16ed7ec25f196..81db25aa7d2dd446604f558cbc753416e47b20a0 100644
--- a/apps/web-antd/src/views/infra/codegen/codegen.data.ts
+++ b/apps/web-antd/src/views/infra/codegen/codegen.data.ts
@@ -1,10 +1,11 @@
-import type { VbenFormProps } from '@vben/common-ui';
-
 import type { VxeGridProps } from '#/adapter/vxe-table';
 import type { CodegenApi } from '#/api/infra/codegen';
 
+import { type VbenFormProps, z } from '@vben/common-ui';
+
 import { getDataSourceConfigList } from '#/api/infra/data-source-config';
 import { $t } from '#/locales';
+import { DICT_TYPE } from '#/utils/dict';
 
 export namespace CodegenDefaultData {
   /**
@@ -114,3 +115,131 @@ export namespace CodegenImportTableModalData {
     },
   ];
 }
+
+//* ****************************** CodegenOptionsModal.vue *******************************//
+export namespace CodegenOptionsModalData {
+  export const formSchema: VbenFormProps['schema'] = [
+    {
+      label: '表名称',
+      fieldName: 'tableName',
+      component: 'Input',
+      componentProps: {
+        placeholder: '请输入表名称',
+      },
+      rules: z.string().min(1, { message: '表名称不能为空' }),
+    },
+    {
+      label: '表描述',
+      fieldName: 'tableComment',
+      component: 'Input',
+      componentProps: {
+        placeholder: '请输入表描述',
+      },
+      rules: z.string().min(1, { message: '表描述不能为空' }),
+    },
+    {
+      label: '实体类名',
+      fieldName: 'className',
+      component: 'Input',
+      rules: z.string().min(1, { message: '实体类名不能为空' }),
+      componentProps: {
+        tooltip:
+          '默认去除表名的前缀。如果存在重复，则需要手动添加前缀，避免 MyBatis 报 Alias 重复的问题。',
+        placeholder: '请输入实体类名',
+      },
+    },
+    {
+      label: '作者',
+      fieldName: 'author',
+      component: 'Input',
+      rules: z.string().min(1, { message: '作者不能为空' }),
+      componentProps: {
+        placeholder: '请输入作者',
+      },
+    },
+    {
+      label: '备注',
+      fieldName: 'remark',
+      component: 'Input',
+      componentProps: {
+        placeholder: '请输入备注',
+      },
+    },
+    {
+      label: '生成模版',
+      fieldName: 'template',
+      component: 'ApiDict',
+      componentProps: {
+        code: DICT_TYPE.INFRA_CODEGEN_TEMPLATE_TYPE,
+        class: 'w-full',
+        placeholder: '请选择生成模版',
+      },
+      rules: z.string().min(1, { message: '生成模版不能为空' }),
+      defaultValue: '1',
+    },
+    {
+      label: '前端类型',
+      fieldName: 'frontType',
+      component: 'ApiDict',
+      componentProps: {
+        code: DICT_TYPE.INFRA_CODEGEN_FRONT_TYPE,
+        class: 'w-full',
+        placeholder: '请选择前端类型',
+      },
+      rules: z.string().min(1, { message: '前端类型不能为空' }),
+      defaultValue: '31',
+    },
+    {
+      label: '生成场景',
+      fieldName: 'scene',
+      component: 'ApiDict',
+      componentProps: {
+        code: DICT_TYPE.INFRA_CODEGEN_SCENE,
+        class: 'w-full',
+        placeholder: '请选择生成场景',
+      },
+      rules: z.string().min(1, { message: '生成场景不能为空' }),
+      defaultValue: '1',
+    },
+    {
+      label: '上级菜单',
+      fieldName: 'parentMenuId',
+      component: 'ApiTreeSelect',
+      componentProps: {
+        class: 'w-full',
+        placeholder: '请选择上级菜单',
+      },
+      rules: z.string().min(1, { message: '上级菜单不能为空' }),
+    },
+    {
+      label: '模块名',
+      fieldName: 'moduleName',
+      component: 'Input',
+      rules: z.string().min(1, { message: '模块名不能为空' }),
+      componentProps: {
+        placeholder: '请输入模块名',
+      },
+    },
+    {
+      label: '业务名',
+      fieldName: 'businessName',
+      component: 'Input',
+      rules: z.string().min(1, { message: '业务名不能为空' }),
+      componentProps: {
+        placeholder: '请输入业务名',
+      },
+    },
+    {
+      label: '类名',
+      fieldName: 'className',
+      component: 'Input',
+      rules: z.string().min(1, { message: '类名不能为空' }),
+    },
+    {
+      label: '类描述',
+      fieldName: 'classComment',
+      component: 'Input',
+      rules: z.string().min(1, { message: '类描述不能为空' }),
+    },
+  ];
+}
diff --git a/apps/web-antd/src/views/infra/codegen/components/codegen-options-modal.vue b/apps/web-antd/src/views/infra/codegen/components/codegen-options-modal.vue
new file mode 100644
index 0000000000000000000000000000000000000000..415c973e6cd38fdff75bf01a8132d7182dc16f84
--- /dev/null
+++ b/apps/web-antd/src/views/infra/codegen/components/codegen-options-modal.vue
@@ -0,0 +1,37 @@
+<script setup lang="ts">
+import { useVbenForm, useVbenModal } from '@vben/common-ui';
+
+import { CodegenOptionsModalData } from '../codegen.data';
+
+defineOptions({
+  name: 'CodegenOptionsModal',
+});
+
+// 使用表单组件
+const [Form] = useVbenForm({
+  commonConfig: {
+    labelWidth: 120,
+    wrapperClass: 'w-full',
+  },
+  schema: CodegenOptionsModalData.formSchema,
+  // 大屏一行显示3个，中屏一行显示2个，小屏一行显示1个
+  wrapperClass: 'grid-cols-1 md:grid-cols-2',
+});
+
+// 使用弹窗组件
+const [Modal] = useVbenModal({
+  title: '修改代码生成配置',
+  class: 'w-[90%] h-[90%]',
+  onOpenChange(isOpen) {
+    if (isOpen) {
+      // TODO: 打开弹窗
+    }
+  },
+});
+</script>
+
+<template>
+  <Modal>
+    <Form />
+  </Modal>
+</template>
diff --git a/apps/web-antd/src/views/infra/codegen/index.vue b/apps/web-antd/src/views/infra/codegen/index.vue
index 67bf7cecd208a6fc595e4121b4fac58ec85b5459..43959977d456864c81edb17acc31d1ed42ae0357 100644
--- a/apps/web-antd/src/views/infra/codegen/index.vue
+++ b/apps/web-antd/src/views/infra/codegen/index.vue
@@ -16,13 +16,6 @@ import { CodegenDefaultData } from './codegen.data';
 // checked
 const checkedStatus = ref<boolean>(false);
 
-/**
- * 编辑
- */
-const handleEdit = (_row: CodegenApi.CodegenTableRespVO) => {
-  // console.log('编辑', row);
-};
-
 /**
  * 删除
  */
@@ -145,6 +138,13 @@ const [PreviewCodeModal, previewCodeModalApi] = useVbenModal({
   ),
 });
 
+// 使用修改代码生成配置弹窗组件
+const [CodegenOptionsModal, codegenOptionsModalApi] = useVbenModal({
+  connectedComponent: defineAsyncComponent(
+    () => import('./components/codegen-options-modal.vue'),
+  ),
+});
+
 /**
  * 打开导入表弹窗
  */
@@ -159,6 +159,14 @@ const handleOpenPreviewCodeModal = (row: CodegenApi.CodegenTableRespVO) => {
   previewCodeModalApi.setData(row);
   previewCodeModalApi.open();
 };
+
+/**
+ * 打开修改代码生成配置弹窗
+ */
+const handleOpenCodegenOptionsModal = (row: CodegenApi.CodegenTableRespVO) => {
+  codegenOptionsModalApi.setData(row);
+  codegenOptionsModalApi.open();
+};
 </script>
 
 <template>
@@ -214,7 +222,7 @@ const handleOpenPreviewCodeModal = (row: CodegenApi.CodegenTableRespVO) => {
               type: 'link',
               label: '编辑',
               icon: 'ant-design:edit-outlined',
-              onClick: handleEdit.bind(null, row),
+              onClick: handleOpenCodegenOptionsModal.bind(null, row),
             },
             {
               type: 'link',
@@ -241,5 +249,6 @@ const handleOpenPreviewCodeModal = (row: CodegenApi.CodegenTableRespVO) => {
     </Grid>
     <ImportTableModal />
     <PreviewCodeModal />
+    <CodegenOptionsModal />
   </Page>
 </template>
diff --git a/apps/web-antd/src/views/system/post/post.data.ts b/apps/web-antd/src/views/system/post/post.data.ts
index 05e94fef1f132633610a1462523f5806529b2373..618e165ce746114ce035e1a840aaf0a16d0662f0 100644
--- a/apps/web-antd/src/views/system/post/post.data.ts
+++ b/apps/web-antd/src/views/system/post/post.data.ts
@@ -79,9 +79,9 @@ export const modalSchema: VbenFormSchema[] = [
     rules: 'required',
   },
   {
-    component: 'Select',
+    component: 'ApiDict',
     componentProps: {
-      options: getDictOptions(DICT_TYPE.COMMON_STATUS, 'number'),
+      code: DICT_TYPE.COMMON_STATUS,
     },
     fieldName: 'status',
     label: '状态',