feat: ai

apps/web-antd/src/views/ai/music/index/index.vue

@@ -8,7 +8,7 @@ import { Page } from '@vben/common-ui';
 import List from './list/index.vue';
 import Mode from './mode/index.vue';
 
-defineOptions({ name: 'Index' });
+defineOptions({ name: 'AiMusicIndex' });
 
 const listRef = ref<Nullable<{ generateMusic: (...args: any) => void }>>(null);
 

apps/web-antd/src/views/ai/music/index/list/audioBar/index.vue

@@ -4,12 +4,11 @@ import type { Nullable } from '@vben/types';
 import { inject, reactive, ref } from 'vue';
 
 import { IconifyIcon } from '@vben/icons';
+import { formatPast } from '@vben/utils';
 
 import { Image, Slider } from 'ant-design-vue';
 
-import { formatPast } from '#/utils/formatTime';
-
-defineOptions({ name: 'Index' });
+defineOptions({ name: 'AiMusicAudioBarIndex' });
 
 const currentSong = inject('currentSong', {});
 

apps/web-antd/src/views/ai/music/index/list/index.vue

@@ -9,7 +9,7 @@ import audioBar from './audioBar/index.vue';
 import songCard from './songCard/index.vue';
 import songInfo from './songInfo/index.vue';
 
-defineOptions({ name: 'Index' });
+defineOptions({ name: 'AiMusicListIndex' });
 
 const currentType = ref('mine');
 // loading 状态

apps/web-antd/src/views/ai/music/index/list/songCard/index.vue

@@ -5,7 +5,7 @@ import { IconifyIcon } from '@vben/icons';
 
 import { Image } from 'ant-design-vue';
 
-defineOptions({ name: 'Index' });
+defineOptions({ name: 'AiMusicSongCardIndex' });
 
 defineProps({
   songInfo: {

apps/web-antd/src/views/ai/music/index/list/songInfo/index.vue

@@ -3,7 +3,7 @@ import { inject } from 'vue';
 
 import { Button, Card, Image } from 'ant-design-vue';
 
-defineOptions({ name: 'Index' });
+defineOptions({ name: 'AiMusicSongInfoIndex' });
 
 const currentSong = inject('currentSong', {});
 </script>

apps/web-antd/src/views/ai/music/index/mode/desc.vue

@@ -5,7 +5,7 @@ import { Select, Switch, Textarea } from 'ant-design-vue';
 
 import Title from '../title/index.vue';
 
-defineOptions({ name: 'Desc' });
+defineOptions({ name: 'AiMusicModeDesc' });
 
 const formData = reactive({
   desc: '',

apps/web-antd/src/views/ai/music/index/mode/index.vue

@@ -8,7 +8,7 @@ import { Button, Card, Radio } from 'ant-design-vue';
 import desc from './desc.vue';
 import lyric from './lyric.vue';
 
-defineOptions({ name: 'Index' });
+defineOptions({ name: 'AiMusicModeIndex' });
 
 const emits = defineEmits(['generateMusic']);
 

apps/web-antd/src/views/ai/music/index/mode/lyric.vue

@@ -5,7 +5,7 @@ import { Button, Input, Select, Space, Tag, Textarea } from 'ant-design-vue';
 
 import Title from '../title/index.vue';
 
-defineOptions({ name: 'Lyric' });
+defineOptions({ name: 'AiMusicModeLyric' });
 
 const tags = ['rock', 'punk', 'jazz', 'soul', 'country', 'kidsmusic', 'pop'];
 

apps/web-antd/src/views/ai/music/index/title/index.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-defineOptions({ name: 'Index' });
+defineOptions({ name: 'AiMusicTitleIndex' });
 
 defineProps({
   title: {