From 5c9a86c0f0ba0ddca42f3de32084c23710bb9ee0 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Thu, 20 Nov 2025 21:36:36 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E3=80=90antd=E3=80=91=E3=80=90mp?=
 =?UTF-8?q?=E3=80=91mp=20=E7=9A=84=E4=BB=A3=E7=A0=81=E8=AF=84=E5=AE=A1?=
 =?UTF-8?q?=EF=BC=88menu=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web-antd/src/views/mp/menu/modules/editor.vue        | 1 +
 apps/web-antd/src/views/mp/menu/modules/index.ts          | 1 +
 apps/web-antd/src/views/mp/menu/modules/previewer.vue     | 2 ++
 apps/web-ele/src/views/mp/menu/data.ts                    | 2 ++
 apps/web-ele/src/views/mp/menu/index.vue                  | 6 ++++--
 apps/web-ele/src/views/mp/menu/modules/menu-editor.vue    | 3 +++
 apps/web-ele/src/views/mp/menu/modules/menu-previewer.vue | 2 ++
 7 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/apps/web-antd/src/views/mp/menu/modules/editor.vue b/apps/web-antd/src/views/mp/menu/modules/editor.vue
index 623ae49ad..962d82f6a 100644
--- a/apps/web-antd/src/views/mp/menu/modules/editor.vue
+++ b/apps/web-antd/src/views/mp/menu/modules/editor.vue
@@ -37,6 +37,7 @@ const menu = computed({
   },
 });
 const showNewsDialog = ref(false);
+// TODO @hw：这个 reset 还有用么？
 const hackResetReplySelect = ref(false);
 const isLeave = computed<boolean>(() => !(menu.value.children?.length > 0));
 
diff --git a/apps/web-antd/src/views/mp/menu/modules/index.ts b/apps/web-antd/src/views/mp/menu/modules/index.ts
index a216ef08c..8215fc86d 100644
--- a/apps/web-antd/src/views/mp/menu/modules/index.ts
+++ b/apps/web-antd/src/views/mp/menu/modules/index.ts
@@ -2,3 +2,4 @@ export { default as MenuEditor } from './editor.vue';
 export { default as MenuPreviewer } from './previewer.vue';
 export type * from './types';
 export * from './types';
+// TODO @hw：这个貌似没用，可以考虑删除哈。modules 里，直接用就完事啦！
\ No newline at end of file
diff --git a/apps/web-antd/src/views/mp/menu/modules/previewer.vue b/apps/web-antd/src/views/mp/menu/modules/previewer.vue
index cd13dbabc..8a2f05457 100644
--- a/apps/web-antd/src/views/mp/menu/modules/previewer.vue
+++ b/apps/web-antd/src/views/mp/menu/modules/previewer.vue
@@ -193,6 +193,8 @@ function onChildDragEnd({ newIndex }: { newIndex: number }) {
 </template>
 
 <style lang="scss" scoped>
+/** todo @hw：antd 和 ele 这里的写法，看看能不能统一； */
+
 .draggable-ghost {
   background: #f7fafc;
   border: 1px solid #4299e1;
diff --git a/apps/web-ele/src/views/mp/menu/data.ts b/apps/web-ele/src/views/mp/menu/data.ts
index 171d47b7e..ddb2bea42 100644
--- a/apps/web-ele/src/views/mp/menu/data.ts
+++ b/apps/web-ele/src/views/mp/menu/data.ts
@@ -1,6 +1,7 @@
 import type { VbenFormSchema } from '#/adapter/form';
 
 import { getSimpleAccountList } from '#/api/mp/account';
+
 /** 菜单未选中标识 */
 export const MENU_NOT_SELECTED = '__MENU_NOT_SELECTED__';
 
@@ -10,6 +11,7 @@ export enum Level {
   Parent = '1',
   Undefined = '0',
 }
+
 /** 列表的搜索表单 */
 export function useGridFormSchema(): VbenFormSchema[] {
   return [
diff --git a/apps/web-ele/src/views/mp/menu/index.vue b/apps/web-ele/src/views/mp/menu/index.vue
index c509894f0..2794667c6 100644
--- a/apps/web-ele/src/views/mp/menu/index.vue
+++ b/apps/web-ele/src/views/mp/menu/index.vue
@@ -19,7 +19,6 @@ import {
 import MenuEditor from '#/views/mp/menu/modules/menu-editor.vue';
 import MenuPreviewer from '#/views/mp/menu/modules/menu-previewer.vue';
 
-// Assets for backgrounds
 // TODO @hw：是不是资源的地址，统一下；antd 和 ele，目录不同。建议按照 ele 的方法先；
 import iphoneBackImg from './assets/iphone_backImg.png';
 import menuFootImg from './assets/menu_foot.png';
@@ -28,12 +27,14 @@ import menuHeadImg from './assets/menu_head.png';
 defineOptions({ name: 'MpMenu' });
 
 // ======================== 列表查询 ========================
+
 const loading = ref(false); // 遮罩层
 const accountId = ref(-1);
 const accountName = ref<string>('');
 const menuList = ref<Menu[]>([]);
 
 // ======================== 菜单操作 ========================
+
 // 当前选中菜单编码：
 //  * 一级（'x'）
 //  * 二级（'x-y'）
@@ -45,6 +46,7 @@ const activeIndex = ref<string>(MENU_NOT_SELECTED);
 const parentIndex = ref(-1);
 
 // ======================== 菜单编辑 ========================
+
 const showRightPanel = ref(false); // 右边配置显示默认详情还是配置详情
 const isParent = ref<boolean>(true); // 是否一级菜单，控制MenuEditor中name字段长度
 const activeMenu = ref<Menu>({}); // 选中菜单，MenuEditor的modelValue
@@ -61,7 +63,6 @@ const tempSelfObj = ref<{
 });
 const dialogNewsVisible = ref(false); // 跳转图文时的素材选择弹窗
 
-// 创建表单
 const [AccountForm, accountFormApi] = useVbenForm({
   commonConfig: {
     componentProps: {
@@ -305,6 +306,7 @@ onMounted(async () => {
   await nextTick();
   await initAccountId();
 });
+// TODO @hw：这个界面：整理下代码，整体的风格、方法的顺序、注释，参考 antd 哈；
 </script>
 
 <template>
diff --git a/apps/web-ele/src/views/mp/menu/modules/menu-editor.vue b/apps/web-ele/src/views/mp/menu/modules/menu-editor.vue
index 94b30a839..eb15909d2 100644
--- a/apps/web-ele/src/views/mp/menu/modules/menu-editor.vue
+++ b/apps/web-ele/src/views/mp/menu/modules/menu-editor.vue
@@ -20,6 +20,7 @@ import ReplySelect from '#/views/mp/components/wx-reply/wx-reply.vue';
 
 import menuOptions from './menuOptions';
 
+// TODO @hw：去掉 menu- 前缀
 const props = defineProps<{
   accountId: number;
   isParent: boolean;
@@ -40,6 +41,7 @@ const menu = computed({
   },
 });
 const showNewsDialog = ref(false);
+// TODO @hw：这个 reset 还有用么？
 const hackResetWxReplySelect = ref(false);
 const isLeave = computed<boolean>(() => !(menu.value.children?.length > 0));
 
@@ -51,6 +53,7 @@ watch(menu, () => {
 });
 
 // ======================== 菜单编辑（素材选择） ========================
+
 /** 选择素材 */
 function selectMaterial(item: any) {
   const articleId = item.articleId;
diff --git a/apps/web-ele/src/views/mp/menu/modules/menu-previewer.vue b/apps/web-ele/src/views/mp/menu/modules/menu-previewer.vue
index 1b7c5a810..2fa6f57ad 100644
--- a/apps/web-ele/src/views/mp/menu/modules/menu-previewer.vue
+++ b/apps/web-ele/src/views/mp/menu/modules/menu-previewer.vue
@@ -7,6 +7,8 @@ import { IconifyIcon } from '@vben/icons';
 
 import draggable from 'vuedraggable';
 
+// TODO @hw：文件名，不用带 menu- 前缀；
+
 const props = defineProps<{
   accountId: number;
   activeIndex: string;