refactor: comps

apps/web-antd/src/views/mp/menu/components/index.ts

@@ -0,0 +1,4 @@
+export { default as MenuEditor } from './menu-editor.vue';
+export { default as MenuPreviewer } from './menu-previewer.vue';
+export * from './menuOptions';
+export type * from './types';

apps/web-antd/src/views/mp/menu/components/menu-editor.vue

@@ -85,7 +85,7 @@ function deleteMaterial() {
     <div class="configure-page">
       <div class="delete-btn">
         <Button type="primary" danger @click="emit('delete')">
-          <IconifyIcon icon="ep:delete" />
+          <IconifyIcon icon="lucide:trash-2" />
           删除当前菜单
         </Button>
       </div>
@@ -182,7 +182,7 @@ function deleteMaterial() {
                   shape="circle"
                   @click="deleteMaterial"
                 >
-                  <IconifyIcon icon="ep:delete" />
+                  <IconifyIcon icon="lucide:trash-2" />
                 </Button>
               </Row>
             </div>
@@ -191,7 +191,7 @@ function deleteMaterial() {
                 <Col :span="24" style="text-align: center">
                   <Button type="primary" @click="showNewsDialog = true">
                     素材库选择
-                    <IconifyIcon icon="ep:circle-check" />
+                    <IconifyIcon icon="lucide:circle-check" />
                   </Button>
                 </Col>
               </Row>

apps/web-antd/src/views/mp/menu/index.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import type { Menu, RawMenu } from './modules/types';
+import type { Menu, RawMenu } from './components/types';
 
 import { ref } from 'vue';
 
@@ -9,9 +9,8 @@ import { handleTree } from '@vben/utils';
 import { Button, Form, message } from 'ant-design-vue';
 
 import * as MpMenuApi from '#/api/mp/menu';
+import { MenuEditor, MenuPreviewer } from '#/views/mp/menu/components';
 import { Level, MENU_NOT_SELECTED } from '#/views/mp/menu/data';
-import MenuEditor from '#/views/mp/menu/modules/menu-editor.vue';
-import MenuPreviewer from '#/views/mp/menu/modules/menu-previewer.vue';
 import WxAccountSelect from '#/views/mp/modules/wx-account-select/main.vue';
 
 defineOptions({ name: 'MpMenu' });

apps/web-antd/src/views/mp/modules/wx-account-select/main.vue

@@ -113,11 +113,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <Select
-    v-model:value="currentId"
-    placeholder="请选择公众号"
-    style="width: 240px"
-  >
+  <Select v-model:value="currentId" placeholder="请选择公众号" class="w-full">
     <SelectOption v-for="item in accountList" :key="item.id" :value="item.id">
       {{ item.name }}
     </SelectOption>

apps/web-antd/src/views/mp/modules/wx-msg/main.vue

@@ -168,10 +168,7 @@ async function scrollToBottom() {
 <template>
   <ContentWrap>
     <Spin :spinning="loading">
-      <div
-        class="ml-[10px] mr-[10px] h-[50vh] overflow-auto bg-[#eaeaea]"
-        ref="msgDivRef"
-      >
+      <div class="bg-background ml-2 mr-2 h-12 overflow-auto" ref="msgDivRef">
         <!-- 加载更多 -->
         <div v-if="!loading">
           <div
@@ -179,10 +176,10 @@ async function scrollToBottom() {
             v-if="hasMore"
             @click="loadMore"
           >
-            <span class="text-[#999]">点击加载更多</span>
+            <span class="text-foreground">点击加载更多</span>
           </div>
           <div class="py-5 text-center" v-if="!hasMore">
-            <span class="text-[#999]">没有更多了</span>
+            <span class="text-foreground">没有更多了</span>
           </div>
         </div>
 
@@ -201,5 +198,3 @@ async function scrollToBottom() {
     </Spin>
   </ContentWrap>
 </template>
-
-<style lang="scss" scoped></style>