-
Notifications
You must be signed in to change notification settings - Fork 223
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Co-authored-by: Germey <germey@acedata.cloud>
- Loading branch information
1 parent
ffdf6cb
commit a46fc4e
Showing
237 changed files
with
9,931 additions
and
4,639 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
7 changes: 7 additions & 0 deletions
7
change/@acedatacloud-nexior-a671d8ab-f592-4823-b028-e17f4bee63d4.json
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,7 @@ | ||
| { | ||
| "type": "major", | ||
| "comment": "init suno", | ||
| "packageName": "@acedatacloud/nexior", | ||
| "email": "office@acedata.cloud", | ||
| "dependentChangeType": "patch" | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,3 @@ | ||
| @tailwind base; | ||
| @tailwind components; | ||
| @tailwind utilities; |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,3 @@ | ||
| import OpticalDisk from './disk.png'; | ||
|
|
||
| export { OpticalDisk }; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,27 @@ | ||
| <template> | ||
| <Component | ||
| :is="icon" | ||
| :theme="theme" | ||
| :size="size" | ||
| :spin="spin" | ||
| :fill="fill" | ||
| :stroke-linecap="strokeLinecap" | ||
| :stroke-linejoin="strokeLinejoin" | ||
| :stroke-width="strokeWidth" | ||
| /> | ||
| </template> | ||
|
|
||
| <script setup lang="ts"> | ||
| import type { Icon } from '@icon-park/vue-next/lib/runtime'; | ||
| defineProps<{ | ||
| icon: Icon; | ||
| theme?: 'outline' | 'filled' | 'two-tone' | 'multi-color'; | ||
| size?: number | string; | ||
| spin?: boolean; | ||
| fill?: string | string[]; | ||
| strokeLinecap?: 'butt' | 'round' | 'square'; | ||
| strokeLinejoin?: 'miter' | 'round' | 'bevel'; | ||
| strokeWidth?: number; | ||
| }>(); | ||
| </script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,85 @@ | ||
| <template> | ||
| <div class="panel"> | ||
| <div class="config"> | ||
| <type-selector class="mb-4" /> | ||
| <instrument-switch class="mb-4 instrument" /> | ||
| <prompt-input v-if="!config?.custom" class="mb-4" /> | ||
| <lyric-input v-if="config?.custom && !config.instrumental" class="mb-4" /> | ||
| <style-input v-if="config?.custom" class="mb-4" /> | ||
| <title-input v-if="config?.custom" class="mb-4" /> | ||
| <div class="actions"> | ||
| <el-button type="primary" class="btn w-full" round @click="onGenerate"> | ||
| <font-awesome-icon icon="fa-solid fa-magic" class="mr-2" /> | ||
| {{ $t('suno.button.generate') }} | ||
| </el-button> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </template> | ||
| <script> | ||
| import { defineComponent } from 'vue'; | ||
| import { ElButton } from 'element-plus'; | ||
| import TypeSelector from './config/TypeSelector.vue'; | ||
| import PromptInput from './config/PromptInput.vue'; | ||
| import LyricInput from './config/LyricInput.vue'; | ||
| import StyleInput from './config/StyleInput.vue'; | ||
| import TitleInput from './config/TitleInput.vue'; | ||
| import InstrumentSwitch from './config/InstrumentSwitch.vue'; | ||
| import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'; | ||
| export default defineComponent({ | ||
| name: 'PresetPanel', | ||
| components: { | ||
| TypeSelector, | ||
| PromptInput, | ||
| LyricInput, | ||
| InstrumentSwitch, | ||
| StyleInput, | ||
| TitleInput, | ||
| FontAwesomeIcon, | ||
| ElButton | ||
| }, | ||
| emits: ['generate'], | ||
| computed: { | ||
| config() { | ||
| return this.$store.state.suno?.config; | ||
| } | ||
| }, | ||
| methods: { | ||
| onGenerate() { | ||
| this.$emit('generate'); | ||
| } | ||
| } | ||
| }); | ||
| </script> | ||
| <style lang="scss" scoped> | ||
| .panel { | ||
| height: 100%; | ||
| padding: 15px; | ||
| display: flex; | ||
| flex-direction: column; | ||
| .config { | ||
| width: 100%; | ||
| height: calc(100% - 50px); | ||
| flex: 1; | ||
| position: relative; | ||
| .instrument { | ||
| position: absolute; | ||
| top: 50px; | ||
| right: -10px; | ||
| z-index: 1000; | ||
| } | ||
| } | ||
| .actions { | ||
| height: 50px; | ||
| display: flex; | ||
| justify-content: center; | ||
| align-items: center; | ||
| .btn { | ||
| width: 100%; | ||
| } | ||
| } | ||
| } | ||
| </style> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,156 @@ | ||
| <template> | ||
| <el-scrollbar class="right-panel"> | ||
| <div v-if="audio?.object" class="card"> | ||
| <div class="image-container"> | ||
| <el-image :src="audio.image_url" fit="cover"> | ||
| <template #error> | ||
| <div class="image-slot"> | ||
| <el-icon><icon-picture /></el-icon> | ||
| </div> | ||
| </template> | ||
| </el-image> | ||
| <h2 class="title">{{ audio?.title }}</h2> | ||
| </div> | ||
| <div class="content"> | ||
| <div class="artist"> | ||
| <el-avatar :size="30" :src="audio?.image_url"></el-avatar> | ||
| <span>{{ audio?.prompt }}</span> | ||
| </div> | ||
| <p class="style">{{ audio?.style }}</p> | ||
| <p class="time">{{ $dayjs.format(audio?.created_at) }}</p> | ||
| <div class="lyrics"> | ||
| <p>{{ audio?.lyric }}</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div v-else class="gradient-background"></div> | ||
| </el-scrollbar> | ||
| </template> | ||
| <script lang="ts"> | ||
| import { defineComponent } from 'vue'; | ||
| import { ElImage, ElScrollbar, ElAvatar, ElIcon } from 'element-plus'; | ||
| import { Picture as IconPicture } from '@element-plus/icons-vue'; | ||
| export default defineComponent({ | ||
| name: 'TaskPreview', | ||
| components: { | ||
| ElScrollbar, | ||
| IconPicture, | ||
| ElImage, | ||
| ElAvatar, | ||
| ElIcon | ||
| }, | ||
| data() { | ||
| return { | ||
| showCloseIcon: true | ||
| }; | ||
| }, | ||
| computed: { | ||
| audio() { | ||
| return this.$store.state.suno?.audio; | ||
| } | ||
| }, | ||
| methods: { | ||
| closeCard() { | ||
| this.showCloseIcon = !this.showCloseIcon; | ||
| } | ||
| } | ||
| }); | ||
| </script> | ||
| <style scoped> | ||
| .right-panel { | ||
| padding: 2px; | ||
| background-color: (--el-bg-color); | ||
| } | ||
| .cover-image { | ||
| width: 100%; | ||
| height: auto; | ||
| margin-bottom: 10px; | ||
| } | ||
| .card-scrollbar { | ||
| height: 600px; | ||
| width: 300px; | ||
| } | ||
| .card { | ||
| width: 100%; | ||
| border-radius: 8px; | ||
| overflow: hidden; | ||
| box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); | ||
| } | ||
| .image-container { | ||
| position: relative; | ||
| height: 300px; | ||
| } | ||
| .image-container .el-image { | ||
| width: 100%; | ||
| height: 100%; | ||
| } | ||
| .close-icon { | ||
| position: absolute; | ||
| top: 10px; | ||
| right: 10px; | ||
| cursor: pointer; | ||
| background-color: rgba(0, 0, 0, 0.5); | ||
| border-radius: 50%; | ||
| padding: 5px; | ||
| color: white; | ||
| z-index: 2; | ||
| } | ||
| .content { | ||
| padding: 15px; | ||
| } | ||
| .title { | ||
| position: absolute; | ||
| bottom: 0; | ||
| left: 0; | ||
| right: 0; | ||
| margin: 0; | ||
| padding: 15px; | ||
| background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)); | ||
| color: white; | ||
| z-index: 1; | ||
| } | ||
| .artist { | ||
| display: flex; | ||
| align-items: center; | ||
| margin: 10px 0; | ||
| font-weight: bold; | ||
| } | ||
| .artist span { | ||
| margin-right: 10px; | ||
| } | ||
| .actions { | ||
| display: flex; | ||
| justify-content: space-around; | ||
| margin: 10px 0; | ||
| } | ||
| .action-icon { | ||
| font-size: 24px; | ||
| cursor: pointer; | ||
| } | ||
| .time { | ||
| font-size: 12px; | ||
| color: var(--el-text-color-secondary); | ||
| } | ||
| .lyrics { | ||
| margin: 15px 0; | ||
| font-size: 14px; | ||
| line-height: 25px; | ||
| white-space: pre-wrap; | ||
| } | ||
| </style> |
Oops, something went wrong.