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: {

apps/web-antd/src/views/ai/music/manager/data.ts

@@ -2,7 +2,7 @@ import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
 import { getSimpleUserList } from '#/api/system/user';
-import { DICT_TYPE, getDictOptions } from '#/utils';
+import { DICT_TYPE, getDictOptions, getRangePickerDefaultProps } from '#/utils';
 
 /** 列表的搜索表单 */
 export function useGridFormSchema(): VbenFormSchema[] {
@@ -45,8 +45,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
       label: '创建时间',
       component: 'RangePicker',
       componentProps: {
-        placeholder: ['开始时间', '结束时间'],
-        valueFormat: 'YYYY-MM-DD HH:mm:ss',
+        ...getRangePickerDefaultProps(),
         allowClear: true,
       },
     },

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

@@ -13,7 +13,7 @@ import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deleteMusic, getMusicPage, updateMusic } from '#/api/ai/music';
 import { getSimpleUserList } from '#/api/system/user';
 import { $t } from '#/locales';
-import { AiMusicStatusEnum } from '#/utils/constants';
+import { AiMusicStatusEnum } from '#/utils';
 
 import { useGridColumns, useGridFormSchema } from './data';